版博士V2.0程序
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 
 

3125 satır
97 KiB

  1. 'use strict';
  2. Object.defineProperty(exports, '__esModule', { value: true });
  3. /*! *****************************************************************************
  4. Copyright (c) Microsoft Corporation.
  5. Permission to use, copy, modify, and/or distribute this software for any
  6. purpose with or without fee is hereby granted.
  7. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
  8. REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
  9. AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
  10. INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
  11. LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
  12. OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
  13. PERFORMANCE OF THIS SOFTWARE.
  14. ***************************************************************************** */
  15. var __assign = function() {
  16. __assign = Object.assign || function __assign(t) {
  17. for (var s, i = 1, n = arguments.length; i < n; i++) {
  18. s = arguments[i];
  19. for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
  20. }
  21. return t;
  22. };
  23. return __assign.apply(this, arguments);
  24. };
  25. function __spreadArray(to, from, pack) {
  26. if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
  27. if (ar || !(i in from)) {
  28. if (!ar) ar = Array.prototype.slice.call(from, 0, i);
  29. ar[i] = from[i];
  30. }
  31. }
  32. return to.concat(ar || Array.prototype.slice.call(from));
  33. }
  34. var Console = /** @class */ (function () {
  35. function Console() {
  36. }
  37. Console.log = function () {
  38. var message = [];
  39. for (var _i = 0; _i < arguments.length; _i++) {
  40. message[_i] = arguments[_i];
  41. }
  42. // eslint-disable-next-line no-console
  43. console.log.apply(console, message);
  44. };
  45. Console.error = function () {
  46. var message = [];
  47. for (var _i = 0; _i < arguments.length; _i++) {
  48. message[_i] = arguments[_i];
  49. }
  50. // eslint-disable-next-line no-console
  51. console.error.apply(console, message);
  52. };
  53. Console.time = function (label) {
  54. // eslint-disable-next-line no-console
  55. console.time(label);
  56. };
  57. Console.timeEnd = function (label) {
  58. // eslint-disable-next-line no-console
  59. console.timeEnd(label);
  60. };
  61. return Console;
  62. }());
  63. var sky = {
  64. 50: '#f0f9ff',
  65. 100: '#e0f2fe',
  66. 200: '#bae6fd',
  67. 300: '#7dd3fc',
  68. 400: '#38bdf8',
  69. 500: '#0ea5e9',
  70. 600: '#0284c7',
  71. 700: '#0369a1',
  72. 800: '#075985',
  73. 900: '#0c4a6e',
  74. };
  75. var neutral = {
  76. 50: '#fafafa',
  77. 100: '#f5f5f5',
  78. 200: '#e5e5e5',
  79. 300: '#d4d4d4',
  80. 400: '#a3a3a3',
  81. 500: '#737373',
  82. 600: '#525252',
  83. 700: '#404040',
  84. 800: '#262626',
  85. 900: '#171717',
  86. };
  87. var stone = {
  88. 50: '#fafaf9',
  89. 100: '#f5f5f4',
  90. 200: '#e7e5e4',
  91. 300: '#d6d3d1',
  92. 400: '#a8a29e',
  93. 500: '#78716c',
  94. 600: '#57534e',
  95. 700: '#44403c',
  96. 800: '#292524',
  97. 900: '#1c1917',
  98. };
  99. var slate = {
  100. 50: '#f8fafc',
  101. 100: '#f1f5f9',
  102. 200: '#e2e8f0',
  103. 300: '#cbd5e1',
  104. 400: '#94A3B8',
  105. 500: '#64748B',
  106. 600: '#475569',
  107. 700: '#334155',
  108. 800: '#1E293B',
  109. 900: '#0F172A',
  110. };
  111. var zinc = {
  112. 50: '#fafafa',
  113. 100: '#f4f4f5',
  114. 200: '#e4e4e7',
  115. 300: '#d4d4d8',
  116. 400: '#a1a1aa',
  117. 500: '#71717A',
  118. 600: '#52525B',
  119. 700: '#3F3F46',
  120. 800: '#27272A',
  121. 900: '#18181B',
  122. };
  123. var gray = {
  124. 50: '#f9fafb',
  125. 100: '#f3f4f6',
  126. 200: '#e5e7eb',
  127. 300: '#d1d5db',
  128. 400: '#9ca3af',
  129. 500: '#6b7280',
  130. 600: '#4b5563',
  131. 700: '#374151',
  132. 800: '#1f2937',
  133. 900: '#111827',
  134. };
  135. var warned = false;
  136. function color_warn(from, to) {
  137. if (!warned) {
  138. Console.log("warn - '".concat(from, "' has been renamed to '").concat(to, "'."));
  139. Console.log('warn - Please update your color palette to eliminate this warning.');
  140. warned = true;
  141. }
  142. }
  143. var colors = {
  144. inherit: 'inherit',
  145. current: 'currentColor',
  146. transparent: 'transparent',
  147. black: '#000',
  148. white: '#fff',
  149. rose: {
  150. 50: '#fff1f2',
  151. 100: '#ffe4e6',
  152. 200: '#fecdd3',
  153. 300: '#fda4af',
  154. 400: '#fb7185',
  155. 500: '#f43f5e',
  156. 600: '#e11d48',
  157. 700: '#be123c',
  158. 800: '#9f1239',
  159. 900: '#881337',
  160. },
  161. pink: {
  162. 50: '#fdf2f8',
  163. 100: '#fce7f3',
  164. 200: '#fbcfe8',
  165. 300: '#f9a8d4',
  166. 400: '#f472b6',
  167. 500: '#ec4899',
  168. 600: '#db2777',
  169. 700: '#be185d',
  170. 800: '#9d174d',
  171. 900: '#831843',
  172. },
  173. fuchsia: {
  174. 50: '#fdf4ff',
  175. 100: '#fae8ff',
  176. 200: '#f5d0fe',
  177. 300: '#f0abfc',
  178. 400: '#e879f9',
  179. 500: '#d946ef',
  180. 600: '#c026d3',
  181. 700: '#a21caf',
  182. 800: '#86198f',
  183. 900: '#701a75',
  184. },
  185. purple: {
  186. 50: '#faf5ff',
  187. 100: '#f3e8ff',
  188. 200: '#e9d5ff',
  189. 300: '#d8b4fe',
  190. 400: '#c084fc',
  191. 500: '#a855f7',
  192. 600: '#9333ea',
  193. 700: '#7e22ce',
  194. 800: '#6b21a8',
  195. 900: '#581c87',
  196. },
  197. violet: {
  198. 50: '#f5f3ff',
  199. 100: '#ede9fe',
  200. 200: '#ddd6fe',
  201. 300: '#c4b5fd',
  202. 400: '#a78bfa',
  203. 500: '#8b5cf6',
  204. 600: '#7c3aed',
  205. 700: '#6d28d9',
  206. 800: '#5b21b6',
  207. 900: '#4c1d95',
  208. },
  209. indigo: {
  210. 50: '#eef2ff',
  211. 100: '#e0e7ff',
  212. 200: '#c7d2fe',
  213. 300: '#a5b4fc',
  214. 400: '#818cf8',
  215. 500: '#6366f1',
  216. 600: '#4f46e5',
  217. 700: '#4338ca',
  218. 800: '#3730a3',
  219. 900: '#312e81',
  220. },
  221. blue: {
  222. 50: '#eff6ff',
  223. 100: '#dbeafe',
  224. 200: '#bfdbfe',
  225. 300: '#93c5fd',
  226. 400: '#60a5fa',
  227. 500: '#3b82f6',
  228. 600: '#2563eb',
  229. 700: '#1d4ed8',
  230. 800: '#1e40af',
  231. 900: '#1e3a8a',
  232. },
  233. sky: sky,
  234. get lightBlue() {
  235. color_warn('lightBlue', 'sky');
  236. return sky;
  237. },
  238. cyan: {
  239. 50: '#ecfeff',
  240. 100: '#cffafe',
  241. 200: '#a5f3fc',
  242. 300: '#67e8f9',
  243. 400: '#22d3ee',
  244. 500: '#06b6d4',
  245. 600: '#0891b2',
  246. 700: '#0e7490',
  247. 800: '#155e75',
  248. 900: '#164e63',
  249. },
  250. teal: {
  251. 50: '#f0fdfa',
  252. 100: '#ccfbf1',
  253. 200: '#99f6e4',
  254. 300: '#5eead4',
  255. 400: '#2dd4bf',
  256. 500: '#14b8a6',
  257. 600: '#0d9488',
  258. 700: '#0f766e',
  259. 800: '#115e59',
  260. 900: '#134e4a',
  261. },
  262. emerald: {
  263. 50: '#ecfdf5',
  264. 100: '#d1fae5',
  265. 200: '#a7f3d0',
  266. 300: '#6ee7b7',
  267. 400: '#34d399',
  268. 500: '#10b981',
  269. 600: '#059669',
  270. 700: '#047857',
  271. 800: '#065f46',
  272. 900: '#064e3b',
  273. },
  274. green: {
  275. 50: '#f0fdf4',
  276. 100: '#dcfce7',
  277. 200: '#bbf7d0',
  278. 300: '#86efac',
  279. 400: '#4ade80',
  280. 500: '#22c55e',
  281. 600: '#16a34a',
  282. 700: '#15803d',
  283. 800: '#166534',
  284. 900: '#14532d',
  285. },
  286. lime: {
  287. 50: '#f7fee7',
  288. 100: '#ecfccb',
  289. 200: '#d9f99d',
  290. 300: '#bef264',
  291. 400: '#a3e635',
  292. 500: '#84cc16',
  293. 600: '#65a30d',
  294. 700: '#4d7c0f',
  295. 800: '#3f6212',
  296. 900: '#365314',
  297. },
  298. yellow: {
  299. 50: '#fefce8',
  300. 100: '#fef9c3',
  301. 200: '#fef08a',
  302. 300: '#fde047',
  303. 400: '#facc15',
  304. 500: '#eab308',
  305. 600: '#ca8a04',
  306. 700: '#a16207',
  307. 800: '#854d0e',
  308. 900: '#713f12',
  309. },
  310. amber: {
  311. 50: '#fffbeb',
  312. 100: '#fef3c7',
  313. 200: '#fde68a',
  314. 300: '#fcd34d',
  315. 400: '#fbbf24',
  316. 500: '#f59e0b',
  317. 600: '#d97706',
  318. 700: '#b45309',
  319. 800: '#92400e',
  320. 900: '#78350f',
  321. },
  322. orange: {
  323. 50: '#fff7ed',
  324. 100: '#ffedd5',
  325. 200: '#fed7aa',
  326. 300: '#fdba74',
  327. 400: '#fb923c',
  328. 500: '#f97316',
  329. 600: '#ea580c',
  330. 700: '#c2410c',
  331. 800: '#9a3412',
  332. 900: '#7c2d12',
  333. },
  334. red: {
  335. 50: '#fef2f2',
  336. 100: '#fee2e2',
  337. 200: '#fecaca',
  338. 300: '#fca5a5',
  339. 400: '#f87171',
  340. 500: '#ef4444',
  341. 600: '#dc2626',
  342. 700: '#b91c1c',
  343. 800: '#991b1b',
  344. 900: '#7f1d1d',
  345. },
  346. get warmGray() {
  347. color_warn('warmGray', 'stone');
  348. return stone;
  349. },
  350. get trueGray() {
  351. color_warn('trueGray', 'neutral');
  352. return neutral;
  353. },
  354. gray: gray,
  355. get coolGray() {
  356. color_warn('coolGray', 'gray');
  357. return gray;
  358. },
  359. get blueGray() {
  360. color_warn('blueGray', 'slate');
  361. return slate;
  362. },
  363. slate: slate,
  364. zinc: zinc,
  365. get zink() {
  366. color_warn('zink', 'zinc');
  367. return zinc;
  368. },
  369. neutral: neutral,
  370. stone: stone,
  371. light: {
  372. 50: '#fdfdfd',
  373. 100: '#fcfcfc',
  374. 200: '#fafafa',
  375. 300: '#f8f9fa',
  376. 400: '#f6f6f6',
  377. 500: '#f2f2f2',
  378. 600: '#f1f3f5',
  379. 700: '#e9ecef',
  380. 800: '#dee2e6',
  381. 900: '#dde1e3',
  382. },
  383. dark: {
  384. 50: '#4a4a4a',
  385. 100: '#3c3c3c',
  386. 200: '#323232',
  387. 300: '#2d2d2d',
  388. 400: '#222222',
  389. 500: '#1f1f1f',
  390. 600: '#1c1c1e',
  391. 700: '#1b1b1b',
  392. 800: '#181818',
  393. 900: '#0f0f0f',
  394. },
  395. };
  396. var keyframes = {
  397. spin: {
  398. from: {
  399. transform: 'rotate(0deg)',
  400. },
  401. to: {
  402. transform: 'rotate(360deg)',
  403. },
  404. },
  405. ping: {
  406. '0%': {
  407. transform: 'scale(1)',
  408. opacity: '1',
  409. },
  410. '75%, 100%': {
  411. transform: 'scale(2)',
  412. opacity: '0',
  413. },
  414. },
  415. pulse: {
  416. '0%, 100%': {
  417. opacity: '1',
  418. },
  419. '50%': {
  420. opacity: '.5',
  421. },
  422. },
  423. bounce: {
  424. '0%, 100%': {
  425. transform: 'translateY(-25%)',
  426. animationTimingFunction: 'cubic-bezier(0.8,0,1,1)',
  427. },
  428. '50%': {
  429. transform: 'translateY(0)',
  430. animationTimingFunction: 'cubic-bezier(0,0,0.2,1)',
  431. },
  432. },
  433. shock: {
  434. 'from, 20%, 53%, 80%, to': {
  435. animationTimingFunction: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
  436. transform: 'translate3d(0, 0, 0)',
  437. },
  438. '40%, 43%': {
  439. animationTimingFunction: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
  440. transform: 'translate3d(0, -30px, 0)',
  441. },
  442. '70%': {
  443. animationTimingFunction: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
  444. transform: 'translate3d(0, -15px, 0)',
  445. },
  446. '90%': {
  447. transform: 'translate3d(0, -4px, 0)',
  448. },
  449. },
  450. flash: {
  451. 'from, 50%, to': {
  452. opacity: '1',
  453. },
  454. '25%, 75%': {
  455. opacity: '0',
  456. },
  457. },
  458. bubble: {
  459. 'from': {
  460. transform: 'scale3d(1, 1, 1)',
  461. },
  462. '50%': {
  463. transform: 'scale3d(1.05, 1.05, 1.05)',
  464. },
  465. 'to': {
  466. transform: 'scale3d(1, 1, 1)',
  467. },
  468. },
  469. rubberBand: {
  470. 'from': {
  471. transform: 'scale3d(1, 1, 1)',
  472. },
  473. '30%': {
  474. transform: 'scale3d(1.25, 0.75, 1)',
  475. },
  476. '40%': {
  477. transform: 'scale3d(0.75, 1.25, 1)',
  478. },
  479. '50%': {
  480. transform: 'scale3d(1.15, 0.85, 1)',
  481. },
  482. '65%': {
  483. transform: 'scale3d(0.95, 1.05, 1)',
  484. },
  485. '75%': {
  486. transform: 'scale3d(1.05, 0.95, 1)',
  487. },
  488. 'to': {
  489. transform: 'scale3d(1, 1, 1)',
  490. },
  491. },
  492. shakeX: {
  493. 'from, to': {
  494. transform: 'translate3d(0, 0, 0)',
  495. },
  496. '10%, 30%, 50%, 70%, 90%': {
  497. transform: 'translate3d(-10px, 0, 0)',
  498. },
  499. '20%, 40%, 60%, 80%': {
  500. transform: 'translate3d(10px, 0, 0)',
  501. },
  502. },
  503. shakeY: {
  504. 'from, to': {
  505. transform: 'translate3d(0, 0, 0)',
  506. },
  507. '10%, 30%, 50%, 70%, 90%': {
  508. transform: 'translate3d(0, -10px, 0)',
  509. },
  510. '20%, 40%, 60%, 80%': {
  511. transform: 'translate3d(0, 10px, 0)',
  512. },
  513. },
  514. headShake: {
  515. '0%': {
  516. transform: 'translateX(0)',
  517. },
  518. '6.5%': {
  519. transform: 'translateX(-6px) rotateY(-9deg)',
  520. },
  521. '18.5%': {
  522. transform: 'translateX(5px) rotateY(7deg)',
  523. },
  524. '31.5%': {
  525. transform: 'translateX(-3px) rotateY(-5deg)',
  526. },
  527. '43.5%': {
  528. transform: 'translateX(2px) rotateY(3deg)',
  529. },
  530. '50%': {
  531. transform: 'translateX(0)',
  532. },
  533. },
  534. swing: {
  535. '20%': {
  536. transform: 'rotate3d(0, 0, 1, 15deg)',
  537. },
  538. '40%': {
  539. transform: 'rotate3d(0, 0, 1, -10deg)',
  540. },
  541. '60%': {
  542. transform: 'rotate3d(0, 0, 1, 5deg)',
  543. },
  544. '80%': {
  545. transform: 'rotate3d(0, 0, 1, -5deg)',
  546. },
  547. 'to': {
  548. transform: 'rotate3d(0, 0, 1, 0deg)',
  549. },
  550. },
  551. tada: {
  552. 'from': {
  553. transform: 'scale3d(1, 1, 1)',
  554. },
  555. '10%, 20%': {
  556. transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)',
  557. },
  558. '30%, 50%, 70%, 90%': {
  559. transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)',
  560. },
  561. '40%, 60%, 80%': {
  562. transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)',
  563. },
  564. 'to': {
  565. transform: 'scale3d(1, 1, 1)',
  566. },
  567. },
  568. wobble: {
  569. 'from': {
  570. transform: 'translate3d(0, 0, 0)',
  571. },
  572. '15%': {
  573. transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)',
  574. },
  575. '30%': {
  576. transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)',
  577. },
  578. '45%': {
  579. transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)',
  580. },
  581. '60%': {
  582. transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)',
  583. },
  584. '75%': {
  585. transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)',
  586. },
  587. 'to': {
  588. transform: 'translate3d(0, 0, 0)',
  589. },
  590. },
  591. jello: {
  592. 'from, 11.1% to': {
  593. transform: 'translate3d(0, 0, 0)',
  594. },
  595. '22.2%': {
  596. transform: 'skewX(-12.5deg) skewY(-12.5deg)',
  597. },
  598. '33.3%': {
  599. transform: 'skewX(6.25deg) skewY(6.25deg)',
  600. },
  601. '44.4%': {
  602. transform: 'skewX(-3.125deg) skewY(-3.125deg)',
  603. },
  604. '55.5%': {
  605. transform: 'skewX(1.5625deg) skewY(1.5625deg)',
  606. },
  607. '66.6%': {
  608. transform: 'skewX(-0.78125deg) skewY(-0.78125deg)',
  609. },
  610. '77.7%': {
  611. transform: 'skewX(0.390625deg) skewY(0.390625deg)',
  612. },
  613. '88.8%': {
  614. transform: 'skewX(-0.1953125deg) skewY(-0.1953125deg)',
  615. },
  616. },
  617. heartBeat: {
  618. '0%': {
  619. transform: 'scale(1)',
  620. },
  621. '14%': {
  622. transform: 'scale(1.3)',
  623. },
  624. '28%': {
  625. transform: 'scale(1)',
  626. },
  627. '42%': {
  628. transform: 'scale(1.3)',
  629. },
  630. '70%': {
  631. transform: 'scale(1)',
  632. },
  633. },
  634. hinge: {
  635. '0%': {
  636. transformOrigin: 'top left',
  637. animationTimingFunction: 'ease-in-out',
  638. },
  639. '20%, 60%': {
  640. transform: 'rotate3d(0, 0, 1, 80deg)',
  641. transformOrigin: 'top left',
  642. animationTimingFunction: 'ease-in-out',
  643. },
  644. '40%, 80%': {
  645. transform: 'rotate3d(0, 0, 1, 60deg)',
  646. transformOrigin: 'top left',
  647. animationTimingFunction: 'ease-in-out',
  648. },
  649. 'to': {
  650. transform: 'translate3d(0, 700px, 0)',
  651. opacity: '0',
  652. },
  653. },
  654. jackInTheBox: {
  655. 'from': {
  656. opacity: '0',
  657. transformOrigin: 'center bottom',
  658. transform: 'scale(0.1) rotate(30deg)',
  659. },
  660. '50%': {
  661. transform: 'rotate(-10deg)',
  662. },
  663. '70%': {
  664. transform: 'rotate(3deg)',
  665. },
  666. 'to': {
  667. transform: 'scale(1)',
  668. },
  669. },
  670. // light speed
  671. lightSpeedInRight: {
  672. 'from': {
  673. opacity: '0',
  674. transform: 'translate3d(100%, 0, 0) skewX(-30deg)',
  675. },
  676. '60%': {
  677. opacity: '1',
  678. transform: 'skewX(20deg)',
  679. },
  680. '80%': {
  681. transform: 'skewX(-5deg)',
  682. },
  683. 'to': {
  684. transform: 'translate3d(0, 0, 0)',
  685. },
  686. },
  687. lightSpeedInLeft: {
  688. 'from': {
  689. opacity: '0',
  690. transform: 'translate3d(100%, 0, 0) skewX(-30deg)',
  691. },
  692. '60%': {
  693. opacity: '1',
  694. transform: 'skewX(20deg)',
  695. },
  696. '80%': {
  697. transform: 'skewX(-5deg)',
  698. },
  699. 'to': {
  700. transform: 'translate3d(0, 0, 0)',
  701. },
  702. },
  703. lightSpeedOutLeft: {
  704. 'from': {
  705. opacity: '1',
  706. },
  707. 'to': {
  708. opacity: '0',
  709. transform: 'translate3d(100%, 0, 0) skewX(30deg)',
  710. },
  711. },
  712. lightSpeedOutRight: {
  713. 'from': {
  714. opacity: '1',
  715. },
  716. 'to': {
  717. opacity: '0',
  718. transform: 'translate3d(100%, 0, 0) skewX(30deg)',
  719. },
  720. },
  721. // flip
  722. flip: {
  723. 'from': {
  724. transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)',
  725. animationTimingFunction: 'ease-out',
  726. },
  727. '40%': {
  728. transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)',
  729. animationTimingFunction: 'ease-out',
  730. },
  731. '50%': {
  732. transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)',
  733. animationTimingFunction: 'ease-in',
  734. },
  735. '80%': {
  736. transform: 'perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)',
  737. animationTimingFunction: 'ease-in',
  738. },
  739. 'to': {
  740. transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)',
  741. animationTimingFunction: 'ease-in',
  742. },
  743. },
  744. flipInX: {
  745. 'from': {
  746. transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
  747. animationTimingFunction: 'ease-in',
  748. opacity: '0',
  749. },
  750. '40%': {
  751. transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
  752. animationTimingFunction: 'ease-in',
  753. },
  754. '60%': {
  755. transform: 'perspective(400px) rotate3d(1, 0, 0, 10deg)',
  756. opacity: '1',
  757. },
  758. '80%': {
  759. transform: 'perspective(400px) rotate3d(1, 0, 0, -5deg)',
  760. },
  761. 'to': {
  762. transform: 'perspective(400px)',
  763. },
  764. },
  765. flipInY: {
  766. 'from': {
  767. transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',
  768. animationTimingFunction: 'ease-in',
  769. opacity: '0',
  770. },
  771. '40%': {
  772. transform: 'perspective(400px) rotate3d(0, 1, 0, -20deg)',
  773. animationTimingFunction: 'ease-in',
  774. },
  775. '60%': {
  776. transform: 'perspective(400px) rotate3d(0, 1, 0, 10deg)',
  777. opacity: '1',
  778. },
  779. '80%': {
  780. transform: 'perspective(400px) rotate3d(0, 1, 0, -5deg)',
  781. },
  782. 'to': {
  783. transform: 'perspective(400px)',
  784. },
  785. },
  786. flipOutX: {
  787. 'from': {
  788. transform: 'perspective(400px)',
  789. },
  790. '30%': {
  791. transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
  792. opacity: '1',
  793. },
  794. 'to': {
  795. transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
  796. opacity: '0',
  797. },
  798. },
  799. flipOutY: {
  800. 'from': {
  801. transform: 'perspective(400px)',
  802. },
  803. '30%': {
  804. transform: 'perspective(400px) rotate3d(0, 1, 0, -15deg)',
  805. opacity: '1',
  806. },
  807. 'to': {
  808. transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',
  809. opacity: '0',
  810. },
  811. },
  812. // rotate in
  813. rotateIn: {
  814. 'from': {
  815. transformOrigin: 'center',
  816. transform: 'rotate3d(0, 0, 1, -200deg)',
  817. opacity: '0',
  818. },
  819. 'to': {
  820. transformOrigin: 'center',
  821. transform: 'translate3d(0, 0, 0)',
  822. opacity: '1',
  823. },
  824. },
  825. rotateInDownLeft: {
  826. 'from': {
  827. transformOrigin: 'left bottom',
  828. transform: 'rotate3d(0, 0, 1, -45deg)',
  829. opacity: '0',
  830. },
  831. 'to': {
  832. transformOrigin: 'left bottom',
  833. transform: 'translate3d(0, 0, 0)',
  834. opacity: '1',
  835. },
  836. },
  837. rotateInDownRight: {
  838. 'from': {
  839. transformOrigin: 'right bottom',
  840. transform: 'rotate3d(0, 0, 1, 45deg)',
  841. opacity: '0',
  842. },
  843. 'to': {
  844. transformOrigin: 'right bottom',
  845. transform: 'translate3d(0, 0, 0)',
  846. opacity: '1',
  847. },
  848. },
  849. rotateInUpLeft: {
  850. 'from': {
  851. transformOrigin: 'left top',
  852. transform: 'rotate3d(0, 0, 1, 45deg)',
  853. opacity: '0',
  854. },
  855. 'to': {
  856. transformOrigin: 'left top',
  857. transform: 'translate3d(0, 0, 0)',
  858. opacity: '1',
  859. },
  860. },
  861. rotateInUpRight: {
  862. 'from': {
  863. transformOrigin: 'right bottom',
  864. transform: 'rotate3d(0, 0, 1, -90deg)',
  865. opacity: '0',
  866. },
  867. 'to': {
  868. transformOrigin: 'right bottom',
  869. transform: 'translate3d(0, 0, 0)',
  870. opacity: '1',
  871. },
  872. },
  873. rotateOut: {
  874. 'from': {
  875. transformOrigin: 'center',
  876. opacity: '1',
  877. },
  878. 'to': {
  879. transformOrigin: 'center',
  880. transform: 'rotate3d(0, 0, 1, 200deg)',
  881. opacity: '0',
  882. },
  883. },
  884. rotateOutDownLeft: {
  885. 'from': {
  886. transformOrigin: 'left bottom',
  887. opacity: '1',
  888. },
  889. 'to': {
  890. transformOrigin: 'left bottom',
  891. transform: 'rotate3d(0, 0, 1, 45deg)',
  892. opacity: '0',
  893. },
  894. },
  895. rotateOutDownRight: {
  896. 'from': {
  897. transformOrigin: 'right bottom',
  898. opacity: '1',
  899. },
  900. 'to': {
  901. transformOrigin: 'right bottom',
  902. transform: 'rotate3d(0, 0, 1, -45deg)',
  903. opacity: '0',
  904. },
  905. },
  906. rotateOutUpLeft: {
  907. 'from': {
  908. transformOrigin: 'left bottom',
  909. opacity: '1',
  910. },
  911. 'to': {
  912. transformOrigin: 'left bottom',
  913. transform: 'rotate3d(0, 0, 1, -45deg)',
  914. opacity: '0',
  915. },
  916. },
  917. rotateOutUpRight: {
  918. 'from': {
  919. transformOrigin: 'right bottom',
  920. opacity: '1',
  921. },
  922. 'to': {
  923. transformOrigin: 'left bottom',
  924. transform: 'rotate3d(0, 0, 1, 90deg)',
  925. opacity: '0',
  926. },
  927. },
  928. // roll
  929. rollIn: {
  930. 'from': {
  931. opacity: '0',
  932. transform: 'translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)',
  933. },
  934. 'to': {
  935. opacity: '1',
  936. transform: 'translate3d(0, 0, 0)',
  937. },
  938. },
  939. rollOut: {
  940. 'from': {
  941. opacity: '1',
  942. },
  943. 'to': {
  944. opacity: '0',
  945. transform: 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)',
  946. },
  947. },
  948. // zoom in
  949. zoomIn: {
  950. 'from': {
  951. opacity: '0',
  952. transform: 'scale3d(0.3, 0.3, 0.3)',
  953. },
  954. '50%': {
  955. opacity: '1',
  956. },
  957. },
  958. zoomInDown: {
  959. 'from': {
  960. opacity: '0',
  961. transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)',
  962. animationTimingFunction: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
  963. },
  964. '60%': {
  965. opacity: '1',
  966. transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',
  967. animationTimingFunction: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
  968. },
  969. },
  970. zoomInLeft: {
  971. 'from': {
  972. opacity: '0',
  973. transform: 'scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)',
  974. animationTimingFunction: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
  975. },
  976. '60%': {
  977. opacity: '1',
  978. transform: 'scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)',
  979. animationTimingFunction: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
  980. },
  981. },
  982. zoomInRight: {
  983. 'from': {
  984. opacity: '0',
  985. transform: 'scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)',
  986. animationTimingFunction: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
  987. },
  988. '60%': {
  989. opacity: '1',
  990. transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)',
  991. animationTimingFunction: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
  992. },
  993. },
  994. zoomInUp: {
  995. 'from': {
  996. opacity: '0',
  997. transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)',
  998. animationTimingFunction: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
  999. },
  1000. '60%': {
  1001. opacity: '1',
  1002. transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',
  1003. animationTimingFunction: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
  1004. },
  1005. },
  1006. // bounce in
  1007. bounceIn: {
  1008. 'from, 20%, 40%, 60%, 80%, to': {
  1009. animationTimingFunction: 'ease-in-out',
  1010. },
  1011. '0%': {
  1012. opacity: '0',
  1013. transform: 'scale3d(0.3, 0.3, 0.3)',
  1014. },
  1015. '20%': {
  1016. transform: 'scale3d(1.1, 1.1, 1.1)',
  1017. },
  1018. '40%': {
  1019. transform: 'scale3d(0.9, 0.9, 0.9)',
  1020. },
  1021. '60%': {
  1022. transform: 'scale3d(1.03, 1.03, 1.03)',
  1023. opacity: '1',
  1024. },
  1025. '80%': {
  1026. transform: 'scale3d(0.97, 0.97, 0.97)',
  1027. },
  1028. 'to': {
  1029. opacity: '1',
  1030. transform: 'scale3d(1, 1, 1)',
  1031. },
  1032. },
  1033. bounceInDown: {
  1034. 'from, 60%, 75%, 90%, to': {
  1035. animationTimingFunction: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
  1036. },
  1037. '0%': {
  1038. opacity: '0',
  1039. transform: 'translate3d(0, -3000px, 0)',
  1040. },
  1041. '60%': {
  1042. opacity: '1',
  1043. transform: 'translate3d(0, 25px, 0)',
  1044. },
  1045. '75%': {
  1046. transform: 'translate3d(0, -10px, 0)',
  1047. },
  1048. '90%': {
  1049. transform: 'translate3d(0, 5px, 0)',
  1050. },
  1051. 'to': {
  1052. transform: 'translate3d(0, 0, 0)',
  1053. },
  1054. },
  1055. bounceInLeft: {
  1056. 'from, 60%, 75%, 90%, to': {
  1057. animationTimingFunction: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
  1058. },
  1059. '0%': {
  1060. opacity: '0',
  1061. transform: 'translate3d(-3000px, 0, 0)',
  1062. },
  1063. '60%': {
  1064. opacity: '1',
  1065. transform: 'translate3d(25px, 0, 0)',
  1066. },
  1067. '75%': {
  1068. transform: 'translate3d(-10px, 0, 0)',
  1069. },
  1070. '90%': {
  1071. transform: 'translate3d(5px, 0, 0)',
  1072. },
  1073. 'to': {
  1074. transform: 'translate3d(0, 0, 0)',
  1075. },
  1076. },
  1077. bounceInRight: {
  1078. 'from, 60%, 75%, 90%, to': {
  1079. animationTimingFunction: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
  1080. },
  1081. '0%': {
  1082. opacity: '0',
  1083. transform: 'translate3d(3000px, 0, 0)',
  1084. },
  1085. '60%': {
  1086. opacity: '1',
  1087. transform: 'translate3d(-25px, 0, 0)',
  1088. },
  1089. '75%': {
  1090. transform: 'translate3d(10px, 0, 0)',
  1091. },
  1092. '90%': {
  1093. transform: 'translate3d(-5px, 0, 0)',
  1094. },
  1095. 'to': {
  1096. transform: 'translate3d(0, 0, 0)',
  1097. },
  1098. },
  1099. bounceInUp: {
  1100. 'from, 60%, 75%, 90%, to': {
  1101. animationTimingFunction: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
  1102. },
  1103. '0%': {
  1104. opacity: '0',
  1105. transform: 'translate3d(0, 3000px, 0)',
  1106. },
  1107. '60%': {
  1108. opacity: '1',
  1109. transform: 'translate3d(0, -20px, 0)',
  1110. },
  1111. '75%': {
  1112. transform: 'translate3d(0, 10px, 0)',
  1113. },
  1114. '90%': {
  1115. transform: 'translate3d(0, -5px, 0)',
  1116. },
  1117. 'to': {
  1118. transform: 'translate3d(0, 0, 0)',
  1119. },
  1120. },
  1121. // bounce out
  1122. bounceOut: {
  1123. '20%': {
  1124. transform: 'scale3d(0.9, 0.9, 0.9)',
  1125. },
  1126. '50%, 55%': {
  1127. opacity: '1',
  1128. transform: 'scale3d(1.1, 1.1, 1.1)',
  1129. },
  1130. 'to': {
  1131. opacity: '0',
  1132. transform: 'scale3d(0.3, 0.3, 0.3)',
  1133. },
  1134. },
  1135. bounceOutDown: {
  1136. '20%': {
  1137. transform: 'translate3d(0, 10px, 0)',
  1138. },
  1139. '40%, 45%': {
  1140. opacity: '1',
  1141. transform: 'translate3d(0, -20px, 0)',
  1142. },
  1143. 'to': {
  1144. opacity: '0',
  1145. transform: 'translate3d(0, 2000px, 0)',
  1146. },
  1147. },
  1148. bounceOutLeft: {
  1149. '20%': {
  1150. opacity: '1',
  1151. transform: 'translate3d(20px, 0, 0)',
  1152. },
  1153. 'to': {
  1154. opacity: '0',
  1155. transform: 'translate3d(-2000px, 0, 0)',
  1156. },
  1157. },
  1158. bounceOutRight: {
  1159. '20%': {
  1160. opacity: '1',
  1161. transform: 'translate3d(-20px, 0, 0)',
  1162. },
  1163. 'to': {
  1164. opacity: '0',
  1165. transform: 'translate3d(2000px, 0, 0)',
  1166. },
  1167. },
  1168. bounceOutUp: {
  1169. '20%': {
  1170. transform: 'translate3d(0, -10px, 0)',
  1171. },
  1172. '40%, 45%': {
  1173. opacity: '1',
  1174. transform: 'translate3d(0, 20px, 0)',
  1175. },
  1176. 'to': {
  1177. opacity: '0',
  1178. transform: 'translate3d(0, -2000px, 0)',
  1179. },
  1180. },
  1181. // zoom out
  1182. zoomOut: {
  1183. 'from': {
  1184. opacity: '1',
  1185. },
  1186. '50%': {
  1187. opacity: '0',
  1188. transform: 'scale3d(0.3, 0.3, 0.3)',
  1189. },
  1190. 'to': {
  1191. opacity: '0',
  1192. },
  1193. },
  1194. zoomOutDown: {
  1195. '40%': {
  1196. opacity: '1',
  1197. transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',
  1198. animationTimingFunction: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
  1199. },
  1200. 'to': {
  1201. opacity: '0',
  1202. transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)',
  1203. transformOrigin: 'center bottom',
  1204. animationTimingFunction: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
  1205. },
  1206. },
  1207. zoomOutLeft: {
  1208. '40%': {
  1209. opacity: '1',
  1210. transform: 'scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)',
  1211. },
  1212. 'to': {
  1213. opacity: '0',
  1214. transform: 'scale(0.1) translate3d(-2000px, 0, 0)',
  1215. transformOrigin: 'left center',
  1216. },
  1217. },
  1218. zoomOutRight: {
  1219. '40%': {
  1220. opacity: '1',
  1221. transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)',
  1222. },
  1223. 'to': {
  1224. opacity: '0',
  1225. transform: 'scale(0.1) translate3d(2000px, 0, 0)',
  1226. transformOrigin: 'right center',
  1227. },
  1228. },
  1229. zoomOutUp: {
  1230. '40%': {
  1231. opacity: '1',
  1232. transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',
  1233. animationTimingFunction: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
  1234. },
  1235. 'to': {
  1236. opacity: '0',
  1237. transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)',
  1238. transformOrigin: 'center bottom',
  1239. animationTimingFunction: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
  1240. },
  1241. },
  1242. // slide in
  1243. slideInDown: {
  1244. 'from': {
  1245. transform: 'translate3d(0, -100%, 0)',
  1246. visibility: 'visible',
  1247. },
  1248. 'to': {
  1249. transform: 'translate3d(0, 0, 0)',
  1250. },
  1251. },
  1252. slideInLeft: {
  1253. 'from': {
  1254. transform: 'translate3d(-100%, 0, 0)',
  1255. visibility: 'visible',
  1256. },
  1257. 'to': {
  1258. transform: 'translate3d(0, 0, 0)',
  1259. },
  1260. },
  1261. slideInRight: {
  1262. 'from': {
  1263. transform: 'translate3d(100%, 0, 0)',
  1264. visibility: 'visible',
  1265. },
  1266. 'to': {
  1267. transform: 'translate3d(0, 0, 0)',
  1268. },
  1269. },
  1270. slideInUp: {
  1271. 'from': {
  1272. transform: 'translate3d(0, 100%, 0)',
  1273. visibility: 'visible',
  1274. },
  1275. 'to': {
  1276. transform: 'translate3d(0, 0, 0)',
  1277. },
  1278. },
  1279. // slide out
  1280. slideOutDown: {
  1281. 'from': {
  1282. transform: 'translate3d(0, 0, 0)',
  1283. },
  1284. 'to': {
  1285. visibility: 'hidden',
  1286. transform: 'translate3d(0, 100%, 0)',
  1287. },
  1288. },
  1289. slideOutLeft: {
  1290. 'from': {
  1291. transform: 'translate3d(0, 0, 0)',
  1292. },
  1293. 'to': {
  1294. visibility: 'hidden',
  1295. transform: 'translate3d(-100%, 0, 0)',
  1296. },
  1297. },
  1298. slideOutRight: {
  1299. 'from': {
  1300. transform: 'translate3d(0, 0, 0)',
  1301. },
  1302. 'to': {
  1303. visibility: 'hidden',
  1304. transform: 'translate3d(100%, 0, 0)',
  1305. },
  1306. },
  1307. slideOutUp: {
  1308. 'from': {
  1309. transform: 'translate3d(0, 0, 0)',
  1310. },
  1311. 'to': {
  1312. visibility: 'hidden',
  1313. transform: 'translate3d(0, -100%, 0)',
  1314. },
  1315. },
  1316. // fade in
  1317. fadeIn: {
  1318. 'from': {
  1319. opacity: '0',
  1320. },
  1321. 'to': {
  1322. opacity: '1',
  1323. },
  1324. },
  1325. fadeInDown: {
  1326. 'from': {
  1327. opacity: '0',
  1328. transform: 'translate3d(0, -100%, 0)',
  1329. },
  1330. 'to': {
  1331. opacity: '1',
  1332. transform: 'translate3d(0, 0, 0)',
  1333. },
  1334. },
  1335. fadeInDownBig: {
  1336. 'from': {
  1337. opacity: '0',
  1338. transform: 'translate3d(0, -2000px, 0)',
  1339. },
  1340. 'to': {
  1341. opacity: '1',
  1342. transform: 'translate3d(0, 0, 0)',
  1343. },
  1344. },
  1345. fadeInLeft: {
  1346. 'from': {
  1347. opacity: '0',
  1348. transform: 'translate3d(-100%, 0, 0)',
  1349. },
  1350. 'to': {
  1351. opacity: '1',
  1352. transform: 'translate3d(0, 0, 0)',
  1353. },
  1354. },
  1355. fadeInLeftBig: {
  1356. 'from': {
  1357. opacity: '0',
  1358. transform: 'translate3d(-2000px, 0, 0)',
  1359. },
  1360. 'to': {
  1361. opacity: '1',
  1362. transform: 'translate3d(0, 0, 0)',
  1363. },
  1364. },
  1365. fadeInRight: {
  1366. 'from': {
  1367. opacity: '0',
  1368. transform: 'translate3d(100%, 0, 0)',
  1369. },
  1370. 'to': {
  1371. opacity: '1',
  1372. transform: 'translate3d(0, 0, 0)',
  1373. },
  1374. },
  1375. fadeInRightBig: {
  1376. 'from': {
  1377. opacity: '0',
  1378. transform: 'translate3d(2000px, 0, 0)',
  1379. },
  1380. 'to': {
  1381. opacity: '1',
  1382. transform: 'translate3d(0, 0, 0)',
  1383. },
  1384. },
  1385. fadeInUp: {
  1386. 'from': {
  1387. opacity: '0',
  1388. transform: 'translate3d(0, 100%, 0)',
  1389. },
  1390. 'to': {
  1391. opacity: '1',
  1392. transform: 'translate3d(0, 0, 0)',
  1393. },
  1394. },
  1395. fadeInUpBig: {
  1396. 'from': {
  1397. opacity: '0',
  1398. transform: 'translate3d(0, 2000px, 0)',
  1399. },
  1400. 'to': {
  1401. opacity: '1',
  1402. transform: 'translate3d(0, 0, 0)',
  1403. },
  1404. },
  1405. fadeInTopLeft: {
  1406. 'from': {
  1407. opacity: '0',
  1408. transform: 'translate3d(-100%, -100%, 0)',
  1409. },
  1410. 'to': {
  1411. opacity: '1',
  1412. transform: 'translate3d(0, 0, 0)',
  1413. },
  1414. },
  1415. fadeInTopRight: {
  1416. 'from': {
  1417. opacity: '0',
  1418. transform: 'translate3d(100%, -100%, 0)',
  1419. },
  1420. 'to': {
  1421. opacity: '1',
  1422. transform: 'translate3d(0, 0, 0)',
  1423. },
  1424. },
  1425. fadeInBottomLeft: {
  1426. 'from': {
  1427. opacity: '0',
  1428. transform: 'translate3d(-100%, 100%, 0)',
  1429. },
  1430. 'to': {
  1431. opacity: '1',
  1432. transform: 'translate3d(0, 0, 0)',
  1433. },
  1434. },
  1435. fadeInBottomRight: {
  1436. 'from': {
  1437. opacity: '0',
  1438. transform: 'translate3d(100%, 100%, 0)',
  1439. },
  1440. 'to': {
  1441. opacity: '1',
  1442. transform: 'translate3d(0, 0, 0)',
  1443. },
  1444. },
  1445. // fade out
  1446. fadeOut: {
  1447. 'from': {
  1448. opacity: '1',
  1449. },
  1450. 'to': {
  1451. opacity: '0',
  1452. },
  1453. },
  1454. fadeOutDown: {
  1455. 'from': {
  1456. opacity: '1',
  1457. },
  1458. 'to': {
  1459. opacity: '0',
  1460. transform: 'translate3d(0, 100%, 0)',
  1461. },
  1462. },
  1463. fadeOutDownBig: {
  1464. 'from': {
  1465. opacity: '1',
  1466. },
  1467. 'to': {
  1468. opacity: '0',
  1469. transform: 'translate3d(0, 2000px, 0)',
  1470. },
  1471. },
  1472. fadeOutLeft: {
  1473. 'from': {
  1474. opacity: '1',
  1475. },
  1476. 'to': {
  1477. opacity: '0',
  1478. transform: 'translate3d(-100%, 0, 0)',
  1479. },
  1480. },
  1481. fadeOutLeftBig: {
  1482. 'from': {
  1483. opacity: '1',
  1484. },
  1485. 'to': {
  1486. opacity: '0',
  1487. transform: 'translate3d(-2000px, 0, 0)',
  1488. },
  1489. },
  1490. fadeOutRight: {
  1491. 'from': {
  1492. opacity: '1',
  1493. },
  1494. 'to': {
  1495. opacity: '0',
  1496. transform: 'translate3d(100%, 0, 0)',
  1497. },
  1498. },
  1499. fadeOutRightBig: {
  1500. 'from': {
  1501. opacity: '1',
  1502. },
  1503. 'to': {
  1504. opacity: '0',
  1505. transform: 'translate3d(2000px, 0, 0)',
  1506. },
  1507. },
  1508. fadeOutUp: {
  1509. 'from': {
  1510. opacity: '1',
  1511. },
  1512. 'to': {
  1513. opacity: '0',
  1514. transform: 'translate3d(0, -100%, 0)',
  1515. },
  1516. },
  1517. fadeOutUpBig: {
  1518. 'from': {
  1519. opacity: '1',
  1520. },
  1521. 'to': {
  1522. opacity: '0',
  1523. transform: 'translate3d(0, -2000px, 0)',
  1524. },
  1525. },
  1526. fadeOutTopLeft: {
  1527. 'from': {
  1528. opacity: '1',
  1529. transform: 'translate3d(0, 0, 0)',
  1530. },
  1531. 'to': {
  1532. opacity: '0',
  1533. transform: 'translate3d(-100%, -100%, 0)',
  1534. },
  1535. },
  1536. fadeOutTopRight: {
  1537. 'from': {
  1538. opacity: '1',
  1539. transform: 'translate3d(0, 0, 0)',
  1540. },
  1541. 'to': {
  1542. opacity: '0',
  1543. transform: 'translate3d(100%, -100%, 0)',
  1544. },
  1545. },
  1546. fadeOutBottomLeft: {
  1547. 'from': {
  1548. opacity: '1',
  1549. transform: 'translate3d(0, 0, 0)',
  1550. },
  1551. 'to': {
  1552. opacity: '0',
  1553. transform: 'translate3d(-100%, 100%, 0)',
  1554. },
  1555. },
  1556. fadeOutBottomRight: {
  1557. 'from': {
  1558. opacity: '1',
  1559. transform: 'translate3d(0, 0, 0)',
  1560. },
  1561. 'to': {
  1562. opacity: '0',
  1563. transform: 'translate3d(100%, 100%, 0)',
  1564. },
  1565. },
  1566. // back in
  1567. backInUp: {
  1568. '0%': {
  1569. opacity: '0.7',
  1570. transform: 'translateY(1200px) scale(0.7)',
  1571. },
  1572. '80%': {
  1573. opacity: '0.7',
  1574. transform: 'translateY(0px) scale(0.7)',
  1575. },
  1576. '100%': {
  1577. opacity: '1',
  1578. transform: 'scale(1)',
  1579. },
  1580. },
  1581. backInDown: {
  1582. '0%': {
  1583. opacity: '0.7',
  1584. transform: 'translateY(-1200px) scale(0.7)',
  1585. },
  1586. '80%': {
  1587. opacity: '0.7',
  1588. transform: 'translateY(0px) scale(0.7)',
  1589. },
  1590. '100%': {
  1591. opacity: '1',
  1592. transform: 'scale(1)',
  1593. },
  1594. },
  1595. backInLeft: {
  1596. '0%': {
  1597. opacity: '0.7',
  1598. transform: 'translateX(-2000px) scale(0.7)',
  1599. },
  1600. '80%': {
  1601. opacity: '0.7',
  1602. transform: 'translateX(0px) scale(0.7)',
  1603. },
  1604. '100%': {
  1605. opacity: '1',
  1606. transform: 'scale(1)',
  1607. },
  1608. },
  1609. backInRight: {
  1610. '0%': {
  1611. opacity: '0.7',
  1612. transform: 'translateX(2000px) scale(0.7)',
  1613. },
  1614. '80%': {
  1615. opacity: '0.7',
  1616. transform: 'translateY(0px) scale(0.7)',
  1617. },
  1618. '100%': {
  1619. opacity: '1',
  1620. transform: 'scale(1)',
  1621. },
  1622. },
  1623. // back out
  1624. backOutUp: {
  1625. '0%': {
  1626. opacity: '1',
  1627. transform: 'scale(1)',
  1628. },
  1629. '80%': {
  1630. opacity: '0.7',
  1631. transform: 'translateY(0px) scale(0.7)',
  1632. },
  1633. '100%': {
  1634. opacity: '0.7',
  1635. transform: 'translateY(-700px) scale(0.7)',
  1636. },
  1637. },
  1638. backOutDown: {
  1639. '0%': {
  1640. opacity: '1',
  1641. transform: 'scale(1)',
  1642. },
  1643. '80%': {
  1644. opacity: '0.7',
  1645. transform: 'translateY(0px) scale(0.7)',
  1646. },
  1647. '100%': {
  1648. opacity: '0.7',
  1649. transform: 'translateY(700px) scale(0.7)',
  1650. },
  1651. },
  1652. backOutLeft: {
  1653. '0%': {
  1654. opacity: '1',
  1655. transform: 'scale(1)',
  1656. },
  1657. '80%': {
  1658. opacity: '0.7',
  1659. transform: 'translateX(-2000px) scale(0.7)',
  1660. },
  1661. '100%': {
  1662. opacity: '0.7',
  1663. transform: 'translateY(-700px) scale(0.7)',
  1664. },
  1665. },
  1666. backOutRight: {
  1667. '0%': {
  1668. opacity: '1',
  1669. transform: 'scale(1)',
  1670. },
  1671. '80%': {
  1672. opacity: '0.7',
  1673. transform: 'translateY(0px) scale(0.7)',
  1674. },
  1675. '100%': {
  1676. opacity: '0.7',
  1677. transform: 'translateX(2000px) scale(0.7)',
  1678. },
  1679. },
  1680. };
  1681. var pseudoClassNames = [
  1682. 'hover',
  1683. 'focus',
  1684. 'active',
  1685. 'visited',
  1686. 'link',
  1687. 'target',
  1688. 'focus-visible',
  1689. 'focus-within',
  1690. 'checked',
  1691. 'default',
  1692. 'disabled',
  1693. 'enabled',
  1694. 'indeterminate',
  1695. 'invalid',
  1696. 'valid',
  1697. 'optional',
  1698. 'required',
  1699. 'placeholder-shown',
  1700. 'read-only',
  1701. 'read-write',
  1702. 'first-of-type',
  1703. 'last-of-type',
  1704. 'only-child',
  1705. 'only-of-type',
  1706. 'root',
  1707. 'empty',
  1708. ];
  1709. var variantOrder = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], pseudoClassNames, true), [
  1710. 'not-checked',
  1711. 'not-disabled',
  1712. 'not-first-of-type',
  1713. 'not-last-of-type',
  1714. 'first',
  1715. 'not-first',
  1716. 'last',
  1717. 'not-last',
  1718. 'not-only-child',
  1719. 'not-only-of-type',
  1720. 'even',
  1721. 'odd',
  1722. 'even-of-type',
  1723. 'odd-of-type',
  1724. 'before',
  1725. 'after',
  1726. 'first-letter',
  1727. 'first-line',
  1728. 'file-selector-button',
  1729. 'file',
  1730. 'selection',
  1731. 'marker',
  1732. 'svg',
  1733. 'all',
  1734. 'children',
  1735. 'siblings',
  1736. 'sibling',
  1737. 'ltr',
  1738. 'rtl'
  1739. ], false), pseudoClassNames.map(function (pseudoClassName) { return "group-".concat(pseudoClassName); }), true), [
  1740. 'motion-safe',
  1741. 'motion-reduce'
  1742. ], false), pseudoClassNames.map(function (pseudoClassName) { return "peer-".concat(pseudoClassName); }), true), pseudoClassNames.map(function (pseudoClassName) { return "peer-not-".concat(pseudoClassName); }), true);
  1743. var layerOrder;
  1744. (function (layerOrder) {
  1745. layerOrder[layerOrder["base"] = 10] = "base";
  1746. layerOrder[layerOrder["components"] = 150] = "components";
  1747. layerOrder[layerOrder["shortcuts"] = 160] = "shortcuts";
  1748. layerOrder[layerOrder["utilities"] = 20000] = "utilities";
  1749. })(layerOrder || (layerOrder = {}));
  1750. var pluginOrder;
  1751. (function (pluginOrder) {
  1752. pluginOrder[pluginOrder["columns"] = 80] = "columns";
  1753. pluginOrder[pluginOrder["container"] = 100] = "container";
  1754. pluginOrder[pluginOrder["space"] = 200] = "space";
  1755. pluginOrder[pluginOrder["divideWidth"] = 300] = "divideWidth";
  1756. pluginOrder[pluginOrder["divideColor"] = 400] = "divideColor";
  1757. pluginOrder[pluginOrder["divideStyle"] = 500] = "divideStyle";
  1758. pluginOrder[pluginOrder["divideOpacity"] = 600] = "divideOpacity";
  1759. pluginOrder[pluginOrder["accessibility"] = 700] = "accessibility";
  1760. pluginOrder[pluginOrder["appearance"] = 800] = "appearance";
  1761. pluginOrder[pluginOrder["backgroundAttachment"] = 900] = "backgroundAttachment";
  1762. pluginOrder[pluginOrder["backgroundClip"] = 1000] = "backgroundClip";
  1763. pluginOrder[pluginOrder["backgroundColor"] = 1100] = "backgroundColor";
  1764. pluginOrder[pluginOrder["backgroundImage"] = 1200] = "backgroundImage";
  1765. pluginOrder[pluginOrder["gradientColorStops"] = 1300] = "gradientColorStops";
  1766. pluginOrder[pluginOrder["backgroundOpacity"] = 1400] = "backgroundOpacity";
  1767. pluginOrder[pluginOrder["backgroundPosition"] = 1500] = "backgroundPosition";
  1768. pluginOrder[pluginOrder["backgroundRepeat"] = 1600] = "backgroundRepeat";
  1769. pluginOrder[pluginOrder["backgroundSize"] = 1700] = "backgroundSize";
  1770. pluginOrder[pluginOrder["backgroundOrigin"] = 1750] = "backgroundOrigin";
  1771. pluginOrder[pluginOrder["borderCollapse"] = 1800] = "borderCollapse";
  1772. pluginOrder[pluginOrder["borderColor"] = 1900] = "borderColor";
  1773. pluginOrder[pluginOrder["borderOpacity"] = 2000] = "borderOpacity";
  1774. pluginOrder[pluginOrder["borderRadius"] = 2100] = "borderRadius";
  1775. pluginOrder[pluginOrder["borderStyle"] = 2200] = "borderStyle";
  1776. pluginOrder[pluginOrder["borderWidth"] = 2300] = "borderWidth";
  1777. pluginOrder[pluginOrder["boxDecorationBreak"] = 2350] = "boxDecorationBreak";
  1778. pluginOrder[pluginOrder["boxSizing"] = 2400] = "boxSizing";
  1779. pluginOrder[pluginOrder["cursor"] = 2500] = "cursor";
  1780. pluginOrder[pluginOrder["captionSide"] = 2550] = "captionSide";
  1781. pluginOrder[pluginOrder["emptyCells"] = 2560] = "emptyCells";
  1782. pluginOrder[pluginOrder["display"] = 2600] = "display";
  1783. pluginOrder[pluginOrder["flexBasis"] = 2699] = "flexBasis";
  1784. pluginOrder[pluginOrder["flexDirection"] = 2700] = "flexDirection";
  1785. pluginOrder[pluginOrder["flexWrap"] = 2800] = "flexWrap";
  1786. pluginOrder[pluginOrder["placeItems"] = 2900] = "placeItems";
  1787. pluginOrder[pluginOrder["placeContent"] = 3000] = "placeContent";
  1788. pluginOrder[pluginOrder["placeSelf"] = 3100] = "placeSelf";
  1789. pluginOrder[pluginOrder["alignItems"] = 3200] = "alignItems";
  1790. pluginOrder[pluginOrder["alignContent"] = 3300] = "alignContent";
  1791. pluginOrder[pluginOrder["alignSelf"] = 3400] = "alignSelf";
  1792. pluginOrder[pluginOrder["justifyItems"] = 3500] = "justifyItems";
  1793. pluginOrder[pluginOrder["justifyContent"] = 3600] = "justifyContent";
  1794. pluginOrder[pluginOrder["justifySelf"] = 3700] = "justifySelf";
  1795. pluginOrder[pluginOrder["flex"] = 3800] = "flex";
  1796. pluginOrder[pluginOrder["flexGrow"] = 3900] = "flexGrow";
  1797. pluginOrder[pluginOrder["flexShrink"] = 4000] = "flexShrink";
  1798. pluginOrder[pluginOrder["order"] = 4100] = "order";
  1799. pluginOrder[pluginOrder["float"] = 4200] = "float";
  1800. pluginOrder[pluginOrder["clear"] = 4300] = "clear";
  1801. pluginOrder[pluginOrder["fontFamily"] = 4400] = "fontFamily";
  1802. pluginOrder[pluginOrder["fontWeight"] = 4500] = "fontWeight";
  1803. pluginOrder[pluginOrder["height"] = 4600] = "height";
  1804. pluginOrder[pluginOrder["fontSize"] = 4700] = "fontSize";
  1805. pluginOrder[pluginOrder["lineHeight"] = 4800] = "lineHeight";
  1806. pluginOrder[pluginOrder["listStylePosition"] = 4900] = "listStylePosition";
  1807. pluginOrder[pluginOrder["listStyleType"] = 5000] = "listStyleType";
  1808. pluginOrder[pluginOrder["margin"] = 5100] = "margin";
  1809. pluginOrder[pluginOrder["maxHeight"] = 5200] = "maxHeight";
  1810. pluginOrder[pluginOrder["maxWidth"] = 5300] = "maxWidth";
  1811. pluginOrder[pluginOrder["minHeight"] = 5400] = "minHeight";
  1812. pluginOrder[pluginOrder["minWidth"] = 5500] = "minWidth";
  1813. pluginOrder[pluginOrder["objectFit"] = 5600] = "objectFit";
  1814. pluginOrder[pluginOrder["objectPosition"] = 5700] = "objectPosition";
  1815. pluginOrder[pluginOrder["opacity"] = 5800] = "opacity";
  1816. pluginOrder[pluginOrder["outline"] = 5900] = "outline";
  1817. pluginOrder[pluginOrder["overflow"] = 6000] = "overflow";
  1818. pluginOrder[pluginOrder["overscrollBehavior"] = 6100] = "overscrollBehavior";
  1819. pluginOrder[pluginOrder["padding"] = 6200] = "padding";
  1820. pluginOrder[pluginOrder["placeholderColor"] = 6300] = "placeholderColor";
  1821. pluginOrder[pluginOrder["placeholderOpacity"] = 6400] = "placeholderOpacity";
  1822. pluginOrder[pluginOrder["caretColor"] = 6450] = "caretColor";
  1823. pluginOrder[pluginOrder["caretOpacity"] = 6460] = "caretOpacity";
  1824. pluginOrder[pluginOrder["tabSize"] = 6470] = "tabSize";
  1825. pluginOrder[pluginOrder["pointerEvents"] = 6500] = "pointerEvents";
  1826. pluginOrder[pluginOrder["position"] = 6600] = "position";
  1827. pluginOrder[pluginOrder["inset"] = 6700] = "inset";
  1828. pluginOrder[pluginOrder["resize"] = 6800] = "resize";
  1829. pluginOrder[pluginOrder["boxShadow"] = 6900] = "boxShadow";
  1830. pluginOrder[pluginOrder["boxShadowColor"] = 6950] = "boxShadowColor";
  1831. pluginOrder[pluginOrder["ringWidth"] = 7000] = "ringWidth";
  1832. pluginOrder[pluginOrder["ringOffsetColor"] = 7100] = "ringOffsetColor";
  1833. pluginOrder[pluginOrder["ringOffsetWidth"] = 7200] = "ringOffsetWidth";
  1834. pluginOrder[pluginOrder["ringColor"] = 7300] = "ringColor";
  1835. pluginOrder[pluginOrder["ringOpacity"] = 7400] = "ringOpacity";
  1836. pluginOrder[pluginOrder["fill"] = 7500] = "fill";
  1837. pluginOrder[pluginOrder["stroke"] = 7600] = "stroke";
  1838. pluginOrder[pluginOrder["strokeWidth"] = 7700] = "strokeWidth";
  1839. pluginOrder[pluginOrder["strokeDashArray"] = 7750] = "strokeDashArray";
  1840. pluginOrder[pluginOrder["strokeDashOffset"] = 7760] = "strokeDashOffset";
  1841. pluginOrder[pluginOrder["tableLayout"] = 7800] = "tableLayout";
  1842. pluginOrder[pluginOrder["textAlign"] = 7900] = "textAlign";
  1843. pluginOrder[pluginOrder["textColor"] = 8000] = "textColor";
  1844. pluginOrder[pluginOrder["textOpacity"] = 8100] = "textOpacity";
  1845. pluginOrder[pluginOrder["textOverflow"] = 8200] = "textOverflow";
  1846. pluginOrder[pluginOrder["textShadow"] = 8250] = "textShadow";
  1847. pluginOrder[pluginOrder["fontStyle"] = 8300] = "fontStyle";
  1848. pluginOrder[pluginOrder["textTransform"] = 8400] = "textTransform";
  1849. pluginOrder[pluginOrder["textDecorationStyle"] = 8450] = "textDecorationStyle";
  1850. pluginOrder[pluginOrder["textDecorationLength"] = 8455] = "textDecorationLength";
  1851. pluginOrder[pluginOrder["textDecorationColor"] = 8460] = "textDecorationColor";
  1852. pluginOrder[pluginOrder["textDecorationOpacity"] = 8470] = "textDecorationOpacity";
  1853. pluginOrder[pluginOrder["textDecorationOffset"] = 8480] = "textDecorationOffset";
  1854. pluginOrder[pluginOrder["textDecorationThickness"] = 8490] = "textDecorationThickness";
  1855. pluginOrder[pluginOrder["textDecoration"] = 8500] = "textDecoration";
  1856. pluginOrder[pluginOrder["textIndent"] = 8550] = "textIndent";
  1857. pluginOrder[pluginOrder["textStrokeColor"] = 8560] = "textStrokeColor";
  1858. pluginOrder[pluginOrder["textStrokeWidth"] = 8570] = "textStrokeWidth";
  1859. pluginOrder[pluginOrder["content"] = 8580] = "content";
  1860. pluginOrder[pluginOrder["fontSmoothing"] = 8600] = "fontSmoothing";
  1861. pluginOrder[pluginOrder["fontVariantNumeric"] = 8700] = "fontVariantNumeric";
  1862. pluginOrder[pluginOrder["letterSpacing"] = 8800] = "letterSpacing";
  1863. pluginOrder[pluginOrder["userSelect"] = 8900] = "userSelect";
  1864. pluginOrder[pluginOrder["verticalAlign"] = 9000] = "verticalAlign";
  1865. pluginOrder[pluginOrder["visibility"] = 9100] = "visibility";
  1866. pluginOrder[pluginOrder["backfaceVisibility"] = 9150] = "backfaceVisibility";
  1867. pluginOrder[pluginOrder["whitespace"] = 9200] = "whitespace";
  1868. pluginOrder[pluginOrder["wordBreak"] = 9300] = "wordBreak";
  1869. pluginOrder[pluginOrder["writingMode"] = 9340] = "writingMode";
  1870. pluginOrder[pluginOrder["hyphens"] = 9350] = "hyphens";
  1871. pluginOrder[pluginOrder["width"] = 9400] = "width";
  1872. pluginOrder[pluginOrder["zIndex"] = 9500] = "zIndex";
  1873. pluginOrder[pluginOrder["isolation"] = 9550] = "isolation";
  1874. pluginOrder[pluginOrder["gap"] = 9600] = "gap";
  1875. pluginOrder[pluginOrder["gridAutoFlow"] = 9700] = "gridAutoFlow";
  1876. pluginOrder[pluginOrder["gridTemplateColumns"] = 9800] = "gridTemplateColumns";
  1877. pluginOrder[pluginOrder["gridAutoColumns"] = 9900] = "gridAutoColumns";
  1878. pluginOrder[pluginOrder["gridColumn"] = 10000] = "gridColumn";
  1879. pluginOrder[pluginOrder["gridColumnStart"] = 10100] = "gridColumnStart";
  1880. pluginOrder[pluginOrder["gridColumnEnd"] = 10200] = "gridColumnEnd";
  1881. pluginOrder[pluginOrder["gridTemplateRows"] = 10300] = "gridTemplateRows";
  1882. pluginOrder[pluginOrder["gridAutoRows"] = 10400] = "gridAutoRows";
  1883. pluginOrder[pluginOrder["gridRow"] = 10500] = "gridRow";
  1884. pluginOrder[pluginOrder["gridRowStart"] = 10600] = "gridRowStart";
  1885. pluginOrder[pluginOrder["gridRowEnd"] = 10700] = "gridRowEnd";
  1886. pluginOrder[pluginOrder["transform"] = 10800] = "transform";
  1887. pluginOrder[pluginOrder["transformOrigin"] = 10900] = "transformOrigin";
  1888. pluginOrder[pluginOrder["scale"] = 11000] = "scale";
  1889. pluginOrder[pluginOrder["rotate"] = 11100] = "rotate";
  1890. pluginOrder[pluginOrder["translate"] = 11200] = "translate";
  1891. pluginOrder[pluginOrder["skew"] = 11300] = "skew";
  1892. pluginOrder[pluginOrder["perspective"] = 11350] = "perspective";
  1893. pluginOrder[pluginOrder["perspectiveOrigin"] = 11360] = "perspectiveOrigin";
  1894. pluginOrder[pluginOrder["transitionProperty"] = 11400] = "transitionProperty";
  1895. pluginOrder[pluginOrder["transitionTimingFunction"] = 11500] = "transitionTimingFunction";
  1896. pluginOrder[pluginOrder["transitionDuration"] = 11600] = "transitionDuration";
  1897. pluginOrder[pluginOrder["transitionDelay"] = 11700] = "transitionDelay";
  1898. pluginOrder[pluginOrder["keyframes"] = 11800] = "keyframes";
  1899. pluginOrder[pluginOrder["animation"] = 11900] = "animation";
  1900. pluginOrder[pluginOrder["imageRendering"] = 11950] = "imageRendering";
  1901. pluginOrder[pluginOrder["mixBlendMode"] = 12000] = "mixBlendMode";
  1902. pluginOrder[pluginOrder["backgroundBlendMode"] = 12100] = "backgroundBlendMode";
  1903. pluginOrder[pluginOrder["filter"] = 12200] = "filter";
  1904. pluginOrder[pluginOrder["blur"] = 12300] = "blur";
  1905. pluginOrder[pluginOrder["brightness"] = 12400] = "brightness";
  1906. pluginOrder[pluginOrder["contrast"] = 12500] = "contrast";
  1907. pluginOrder[pluginOrder["dropShadow"] = 12600] = "dropShadow";
  1908. pluginOrder[pluginOrder["grayscale"] = 12700] = "grayscale";
  1909. pluginOrder[pluginOrder["hueRotate"] = 12800] = "hueRotate";
  1910. pluginOrder[pluginOrder["invert"] = 12900] = "invert";
  1911. pluginOrder[pluginOrder["saturate"] = 13000] = "saturate";
  1912. pluginOrder[pluginOrder["sepia"] = 13100] = "sepia";
  1913. pluginOrder[pluginOrder["backdropFilter"] = 13200] = "backdropFilter";
  1914. pluginOrder[pluginOrder["backdropBlur"] = 13300] = "backdropBlur";
  1915. pluginOrder[pluginOrder["backdropBrightness"] = 13400] = "backdropBrightness";
  1916. pluginOrder[pluginOrder["backdropContrast"] = 13500] = "backdropContrast";
  1917. pluginOrder[pluginOrder["backdropGrayscale"] = 13600] = "backdropGrayscale";
  1918. pluginOrder[pluginOrder["backdropHueRotate"] = 13700] = "backdropHueRotate";
  1919. pluginOrder[pluginOrder["backdropInvert"] = 13800] = "backdropInvert";
  1920. pluginOrder[pluginOrder["backdropOpacity"] = 13900] = "backdropOpacity";
  1921. pluginOrder[pluginOrder["backdropSaturate"] = 14000] = "backdropSaturate";
  1922. pluginOrder[pluginOrder["backdropSepia"] = 14100] = "backdropSepia";
  1923. pluginOrder[pluginOrder["willChange"] = 14200] = "willChange";
  1924. pluginOrder[pluginOrder["touchAction"] = 14300] = "touchAction";
  1925. pluginOrder[pluginOrder["scrollBehavior"] = 14400] = "scrollBehavior";
  1926. pluginOrder[pluginOrder["accentColor"] = 14500] = "accentColor";
  1927. })(pluginOrder || (pluginOrder = {}));
  1928. var createPlugin = function (plugin, config) {
  1929. return {
  1930. handler: plugin,
  1931. config: config,
  1932. };
  1933. };
  1934. createPlugin.withOptions = function (pluginFunction, configFunction) {
  1935. if (configFunction === void 0) { configFunction = function () { return ({}); }; }
  1936. var optionsFunction = function (options) {
  1937. if (options === void 0) { options = {}; }
  1938. return {
  1939. __options: options,
  1940. handler: pluginFunction(options),
  1941. config: configFunction(options),
  1942. };
  1943. };
  1944. optionsFunction.__isOptionsFunction = true;
  1945. // Expose plugin dependencies so that `object-hash` returns a different
  1946. // value if anything here changes, to ensure a rebuild is triggered.
  1947. optionsFunction.__pluginFunction = pluginFunction;
  1948. optionsFunction.__configFunction = configFunction;
  1949. return optionsFunction;
  1950. };
  1951. var defaultColors = {
  1952. transparent: 'transparent',
  1953. current: 'currentColor',
  1954. inherit: 'inherit',
  1955. light: colors.light,
  1956. dark: colors.dark,
  1957. black: colors.black,
  1958. white: colors.white,
  1959. slate: colors.slate,
  1960. gray: colors.gray,
  1961. zinc: colors.zinc,
  1962. neutral: colors.neutral,
  1963. stone: colors.stone,
  1964. red: colors.red,
  1965. yellow: colors.amber,
  1966. green: colors.emerald,
  1967. blue: colors.blue,
  1968. indigo: colors.indigo,
  1969. purple: colors.violet,
  1970. pink: colors.pink,
  1971. rose: colors.rose,
  1972. fuchsia: colors.fuchsia,
  1973. violet: colors.violet,
  1974. cyan: colors.cyan,
  1975. teal: colors.teal,
  1976. emerald: colors.emerald,
  1977. lime: colors.lime,
  1978. amber: colors.amber,
  1979. orange: colors.orange,
  1980. sky: colors.sky,
  1981. 'light-blue': colors.sky,
  1982. 'warm-gray': colors.stone,
  1983. 'true-gray': colors.neutral,
  1984. 'cool-gray': colors.gray,
  1985. 'blue-gray': colors.slate,
  1986. };
  1987. // tShirtScale describes the sizes xs - 7xl
  1988. var tShirtScale = {
  1989. 'xs': '20rem',
  1990. 'sm': '24rem',
  1991. 'md': '28rem',
  1992. 'lg': '32rem',
  1993. 'xl': '36rem',
  1994. '2xl': '42rem',
  1995. '3xl': '48rem',
  1996. '4xl': '56rem',
  1997. '5xl': '64rem',
  1998. '6xl': '72rem',
  1999. '7xl': '80rem',
  2000. };
  2001. var baseConfig = {
  2002. // purge: [],
  2003. presets: [],
  2004. prefixer: true,
  2005. attributify: false,
  2006. darkMode: 'class',
  2007. theme: {
  2008. orientation: {
  2009. portrait: 'portrait',
  2010. landscape: 'landscape',
  2011. },
  2012. screens: {
  2013. sm: '640px',
  2014. md: '768px',
  2015. lg: '1024px',
  2016. xl: '1280px',
  2017. '2xl': '1536px',
  2018. },
  2019. colors: defaultColors,
  2020. spacing: {
  2021. px: '1px',
  2022. 0: '0px',
  2023. 0.5: '0.125rem',
  2024. 1: '0.25rem',
  2025. 1.5: '0.375rem',
  2026. 2: '0.5rem',
  2027. 2.5: '0.625rem',
  2028. 3: '0.75rem',
  2029. 3.5: '0.875rem',
  2030. 4: '1rem',
  2031. 5: '1.25rem',
  2032. 6: '1.5rem',
  2033. 7: '1.75rem',
  2034. 8: '2rem',
  2035. 9: '2.25rem',
  2036. 10: '2.5rem',
  2037. 11: '2.75rem',
  2038. 12: '3rem',
  2039. 14: '3.5rem',
  2040. 16: '4rem',
  2041. 20: '5rem',
  2042. 24: '6rem',
  2043. 28: '7rem',
  2044. 32: '8rem',
  2045. 36: '9rem',
  2046. 40: '10rem',
  2047. 44: '11rem',
  2048. 48: '12rem',
  2049. 52: '13rem',
  2050. 56: '14rem',
  2051. 60: '15rem',
  2052. 64: '16rem',
  2053. 72: '18rem',
  2054. 80: '20rem',
  2055. 96: '24rem',
  2056. // float -> float/4 rem
  2057. },
  2058. animation: {
  2059. none: 'none',
  2060. spin: 'spin 1s linear infinite',
  2061. ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
  2062. pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
  2063. bounce: 'bounce 1s infinite',
  2064. 'shock': {
  2065. animation: 'shock',
  2066. transformOrigin: 'center bottom',
  2067. },
  2068. 'flash': 'flash',
  2069. 'bubble': 'bubble',
  2070. 'rubber-band': 'rubberBand',
  2071. 'shake-x': 'shakeX',
  2072. 'shake-y': 'shakeY',
  2073. 'head-shake': 'headShake 1s ease-in-out',
  2074. 'swing': {
  2075. animation: 'swing',
  2076. transformOrigin: 'top center',
  2077. },
  2078. 'tada': 'tada',
  2079. 'wobble': 'wobble',
  2080. 'jello': 'jello',
  2081. 'heart-beat': 'heartBeat 1s ease-in-out',
  2082. 'hinge': 'hinge 2s',
  2083. 'jack-in': 'jackInTheBox',
  2084. 'light-speed-in-left': 'lightSpeedInLeft',
  2085. 'light-speed-in-right': 'lightSpeedInRight',
  2086. 'light-speed-out-left': 'lightSpeedOutLeft',
  2087. 'light-speed-out-right': 'lightSpeedOutRight',
  2088. 'flip': {
  2089. animation: 'flip',
  2090. backfaceVisibility: 'visible',
  2091. },
  2092. 'flip-in-x': {
  2093. animation: 'flipInX',
  2094. backfaceVisibility: 'visible',
  2095. },
  2096. 'flip-in-y': {
  2097. animation: 'flipInY',
  2098. backfaceVisibility: 'visible',
  2099. },
  2100. 'flip-out-x': {
  2101. animation: 'flipOutX',
  2102. backfaceVisibility: 'visible',
  2103. },
  2104. 'flip-out-y': {
  2105. animation: 'flipOutY',
  2106. backfaceVisibility: 'visible',
  2107. },
  2108. 'rotate-in': 'rotateIn',
  2109. 'rotate-in-down-left': 'rotateInDownLeft',
  2110. 'rotate-in-down-right': 'rotateInDownRight',
  2111. 'rotate-in-up-left': 'rotateInUpLeft',
  2112. 'rotate-in-up-right': 'rotateInUpRight',
  2113. 'rotate-out': 'rotateOut',
  2114. 'rotate-out-down-left': 'rotateOutDownLeft',
  2115. 'rotate-out-down-right': 'rotateOutDownRight',
  2116. 'rotate-out-up-left': 'rotateOutUpLeft',
  2117. 'rotate-out-up-right': 'rotateOutUpRight',
  2118. 'roll-in': 'rollIn',
  2119. 'roll-out': 'rollOut',
  2120. 'zoom-in': 'zoomIn',
  2121. 'zoom-in-down': 'zoomInDown',
  2122. 'zoom-in-left': 'zoomInLeft',
  2123. 'zoom-in-right': 'zoomInRight',
  2124. 'zoom-in-up': 'zoomInUp',
  2125. 'bounce-in': 'bounceIn 750ms',
  2126. 'bounce-in-down': 'bounceInDown',
  2127. 'bounce-in-left': 'bounceInLeft',
  2128. 'bounce-in-right': 'bounceInRight',
  2129. 'bounce-in-up': 'bounceInUp',
  2130. 'bounce-out': 'bounceOut 750ms',
  2131. 'bounce-out-down': 'bounceOutDown',
  2132. 'bounce-out-left': 'bounceOutLeft',
  2133. 'bounce-out-right': 'bounceOutRight',
  2134. 'bounce-out-up': 'bounceOutUp',
  2135. 'zoom-out': 'zoomOut',
  2136. 'zoom-out-down': 'zoomOutDown',
  2137. 'zoom-out-left': 'zoomOutLeft',
  2138. 'zoom-out-right': 'zoomOutRight',
  2139. 'zoom-out-up': 'zoomOutUp',
  2140. 'slide-in-down': 'slideInDown',
  2141. 'slide-in-left': 'slideInLeft',
  2142. 'slide-in-right': 'slideInRight',
  2143. 'slide-in-up': 'slideInUp',
  2144. 'slide-out-down': 'slideOutDown',
  2145. 'slide-out-left': 'slideOutLeft',
  2146. 'slide-out-right': 'slideOutRight',
  2147. 'slide-out-up': 'slideOutUp',
  2148. 'fade-in': 'fadeIn',
  2149. 'fade-in-down': 'fadeInDown',
  2150. 'fade-in-down-big': 'fadeInDownBig',
  2151. 'fade-in-left': 'fadeInLeft',
  2152. 'fade-in-left-big': 'fadeInLeftBig',
  2153. 'fade-in-right': 'fadeInRight',
  2154. 'fade-in-right-big': 'fadeInRightBig',
  2155. 'fade-in-up': 'fadeInUp',
  2156. 'fade-in-up-big': 'fadeInUpBig',
  2157. 'fade-in-top-left': 'fadeInTopLeft',
  2158. 'fade-in-top-right': 'fadeInTopRight',
  2159. 'fade-in-bottom-left': 'fadeInBottomLeft',
  2160. 'fade-in-bottom-right': 'fadeInBottomRight',
  2161. 'fade-out': 'fadeOut',
  2162. 'fade-out-down': 'fadeOutDown',
  2163. 'fade-out-down-big': 'fadeOutDownBig',
  2164. 'fade-out-left': 'fadeOutLeft',
  2165. 'fade-out-left-big': 'fadeOutLeftBig',
  2166. 'fade-out-right': 'fadeOutRight',
  2167. 'fade-out-right-big': 'fadeOutRightBig',
  2168. 'fade-out-up': 'fadeOutUp',
  2169. 'fade-out-up-big': 'fadeOutUpBig',
  2170. 'back-in-up': 'backInUp',
  2171. 'back-in-down': 'backInDown',
  2172. 'back-in-left': 'backInLeft',
  2173. 'back-in-right': 'backInRight',
  2174. 'back-out-up': 'backOutUp',
  2175. 'back-out-down': 'backOutDown',
  2176. 'back-out-left': 'backOutLeft',
  2177. 'back-out-right': 'backOutRight',
  2178. },
  2179. animationDuration: {
  2180. DEFAULT: '1000ms',
  2181. 75: '75ms',
  2182. 100: '100ms',
  2183. 150: '150ms',
  2184. 200: '200ms',
  2185. 300: '300ms',
  2186. 500: '500ms',
  2187. 700: '700ms',
  2188. 1000: '1000ms',
  2189. 1500: '1500ms',
  2190. 2000: '2000ms',
  2191. 2500: '2500ms',
  2192. 3000: '3000ms',
  2193. // int >=0 -> int ms
  2194. },
  2195. animationDelay: {
  2196. DEFAULT: '500ms',
  2197. 75: '75ms',
  2198. 100: '100ms',
  2199. 150: '150ms',
  2200. 200: '200ms',
  2201. 300: '300ms',
  2202. 500: '500ms',
  2203. 700: '700ms',
  2204. 1000: '1000ms',
  2205. 1500: '1500ms',
  2206. 2000: '2000ms',
  2207. 2500: '2500ms',
  2208. 3000: '3000ms',
  2209. // int >=0 -> int ms
  2210. },
  2211. animationIterationCount: {
  2212. DEFAULT: '1',
  2213. loop: 'infinite',
  2214. 'repeat-1': '1',
  2215. 'repeat-2': '2',
  2216. 'repeat-3': '3',
  2217. 'repeat-4': '4',
  2218. 'repeat-5': '5',
  2219. 'repeat-6': '6',
  2220. 'repeat-7': '7',
  2221. 'repeat-8': '8',
  2222. 'repeat-9': '9',
  2223. 'repeat-10': '10',
  2224. 'repeat-11': '11',
  2225. 'repeat-12': '12',
  2226. },
  2227. animationTimingFunction: {
  2228. DEFAULT: 'ease',
  2229. linear: 'linear',
  2230. in: 'ease-in',
  2231. out: 'ease-out',
  2232. 'in-out': 'ease-in-out',
  2233. },
  2234. backdropBlur: function (theme) { return theme('blur'); },
  2235. backdropBrightness: function (theme) { return theme('brightness'); },
  2236. backdropContrast: function (theme) { return theme('contrast'); },
  2237. backdropGrayscale: function (theme) { return theme('grayscale'); },
  2238. backdropHueRotate: function (theme) { return theme('hueRotate'); },
  2239. backdropInvert: function (theme) { return theme('invert'); },
  2240. backdropOpacity: function (theme) { return theme('opacity'); },
  2241. backdropSaturate: function (theme) { return theme('saturate'); },
  2242. backdropSepia: function (theme) { return theme('sepia'); },
  2243. backgroundColor: function (theme) { return theme('colors'); },
  2244. backgroundImage: {
  2245. none: 'none',
  2246. 'gradient-1': 'linear-gradient(135deg, #FDEB71 10%, #F8D800 100%)',
  2247. 'gradient-2': 'linear-gradient(135deg, #ABDCFF 10%, #0396FF 100%)',
  2248. 'gradient-3': 'linear-gradient(135deg, #FEB692 10%, #EA5455 100%)',
  2249. 'gradient-4': 'linear-gradient(135deg, #CE9FFC 10%, #7367F0 100%)',
  2250. 'gradient-5': 'linear-gradient(135deg, #90F7EC 10%, #32CCBC 100%)',
  2251. 'gradient-6': 'linear-gradient(135deg, #FFF6B7 10%, #F6416C 100%)',
  2252. 'gradient-7': 'linear-gradient(135deg, #81FBB8 10%, #28C76F 100%)',
  2253. 'gradient-8': 'linear-gradient(135deg, #E2B0FF 10%, #9F44D3 100%)',
  2254. 'gradient-9': 'linear-gradient(135deg, #F97794 10%, #623AA2 100%)',
  2255. 'gradient-10': 'linear-gradient(135deg, #FCCF31 10%, #F55555 100%)',
  2256. 'gradient-11': 'linear-gradient(135deg, #F761A1 10%, #8C1BAB 100%)',
  2257. 'gradient-12': 'linear-gradient(135deg, #43CBFF 10%, #9708CC 100%)',
  2258. 'gradient-13': 'linear-gradient(135deg, #5EFCE8 10%, #736EFE 100%)',
  2259. 'gradient-14': 'linear-gradient(135deg, #FAD7A1 10%, #E96D71 100%)',
  2260. 'gradient-15': 'linear-gradient(135deg, #FFD26F 10%, #3677FF 100%)',
  2261. 'gradient-16': 'linear-gradient(135deg, #A0FE65 10%, #FA016D 100%)',
  2262. 'gradient-17': 'linear-gradient(135deg, #FFDB01 10%, #0E197D 100%)',
  2263. 'gradient-18': 'linear-gradient(135deg, #FEC163 10%, #DE4313 100%)',
  2264. 'gradient-19': 'linear-gradient(135deg, #92FFC0 10%, #002661 100%)',
  2265. 'gradient-20': 'linear-gradient(135deg, #EEAD92 10%, #6018DC 100%)',
  2266. 'gradient-21': 'linear-gradient(135deg, #F6CEEC 10%, #D939CD 100%)',
  2267. 'gradient-22': 'linear-gradient(135deg, #52E5E7 10%, #130CB7 100%)',
  2268. 'gradient-23': 'linear-gradient(135deg, #F1CA74 10%, #A64DB6 100%)',
  2269. 'gradient-24': 'linear-gradient(135deg, #E8D07A 10%, #5312D6 100%)',
  2270. 'gradient-25': 'linear-gradient(135deg, #EECE13 10%, #B210FF 100%)',
  2271. 'gradient-26': 'linear-gradient(135deg, #79F1A4 10%, #0E5CAD 100%)',
  2272. 'gradient-27': 'linear-gradient(135deg, #FDD819 10%, #E80505 100%)',
  2273. 'gradient-28': 'linear-gradient(135deg, #FFF3B0 10%, #CA26FF 100%)',
  2274. 'gradient-29': 'linear-gradient(135deg, #FFF5C3 10%, #9452A5 100%)',
  2275. 'gradient-30': 'linear-gradient(135deg, #F05F57 10%, #360940 100%)',
  2276. 'gradient-31': 'linear-gradient(135deg, #2AFADF 10%, #4C83FF 100%)',
  2277. 'gradient-32': 'linear-gradient(135deg, #FFF886 10%, #F072B6 100%)',
  2278. 'gradient-33': 'linear-gradient(135deg, #97ABFF 10%, #123597 100%)',
  2279. 'gradient-34': 'linear-gradient(135deg, #F5CBFF 10%, #C346C2 100%)',
  2280. 'gradient-35': 'linear-gradient(135deg, #FFF720 10%, #3CD500 100%)',
  2281. 'gradient-36': 'linear-gradient(135deg, #FF6FD8 10%, #3813C2 100%)',
  2282. 'gradient-37': 'linear-gradient(135deg, #EE9AE5 10%, #5961F9 100%)',
  2283. 'gradient-38': 'linear-gradient(135deg, #FFD3A5 10%, #FD6585 100%)',
  2284. 'gradient-39': 'linear-gradient(135deg, #C2FFD8 10%, #465EFB 100%)',
  2285. 'gradient-40': 'linear-gradient(135deg, #FD6585 10%, #0D25B9 100%)',
  2286. 'gradient-41': 'linear-gradient(135deg, #FD6E6A 10%, #FFC600 100%)',
  2287. 'gradient-42': 'linear-gradient(135deg, #65FDF0 10%, #1D6FA3 100%)',
  2288. 'gradient-43': 'linear-gradient(135deg, #6B73FF 10%, #000DFF 100%)',
  2289. 'gradient-44': 'linear-gradient(135deg, #FF7AF5 10%, #513162 100%)',
  2290. 'gradient-45': 'linear-gradient(135deg, #F0FF00 10%, #58CFFB 100%)',
  2291. 'gradient-46': 'linear-gradient(135deg, #FFE985 10%, #FA742B 100%)',
  2292. 'gradient-47': 'linear-gradient(135deg, #FFA6B7 10%, #1E2AD2 100%)',
  2293. 'gradient-48': 'linear-gradient(135deg, #FFAA85 10%, #B3315F 100%)',
  2294. 'gradient-49': 'linear-gradient(135deg, #72EDF2 10%, #5151E5 100%)',
  2295. 'gradient-50': 'linear-gradient(135deg, #FF9D6C 10%, #BB4E75 100%)',
  2296. 'gradient-51': 'linear-gradient(135deg, #F6D242 10%, #FF52E5 100%)',
  2297. 'gradient-52': 'linear-gradient(135deg, #69FF97 10%, #00E4FF 100%)',
  2298. 'gradient-53': 'linear-gradient(135deg, #3B2667 10%, #BC78EC 100%)',
  2299. 'gradient-54': 'linear-gradient(135deg, #70F570 10%, #49C628 100%)',
  2300. 'gradient-55': 'linear-gradient(135deg, #3C8CE7 10%, #00EAFF 100%)',
  2301. 'gradient-56': 'linear-gradient(135deg, #FAB2FF 10%, #1904E5 100%)',
  2302. 'gradient-57': 'linear-gradient(135deg, #81FFEF 10%, #F067B4 100%)',
  2303. 'gradient-58': 'linear-gradient(135deg, #FFA8A8 10%, #FCFF00 100%)',
  2304. 'gradient-59': 'linear-gradient(135deg, #FFCF71 10%, #2376DD 100%)',
  2305. 'gradient-60': 'linear-gradient(135deg, #FF96F9 10%, #C32BAC 100%)',
  2306. 'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
  2307. 'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
  2308. 'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
  2309. 'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
  2310. 'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
  2311. 'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
  2312. 'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
  2313. 'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',
  2314. },
  2315. backgroundOpacity: function (theme) { return theme('opacity'); },
  2316. backgroundPosition: {
  2317. bottom: 'bottom',
  2318. center: 'center',
  2319. left: 'left',
  2320. 'left-bottom': 'left bottom',
  2321. 'left-top': 'left top',
  2322. right: 'right',
  2323. 'right-bottom': 'right bottom',
  2324. 'right-top': 'right top',
  2325. top: 'top',
  2326. },
  2327. backgroundSize: {
  2328. auto: 'auto',
  2329. cover: 'cover',
  2330. contain: 'contain',
  2331. },
  2332. blur: {
  2333. DEFAULT: '8px',
  2334. 0: '0',
  2335. sm: '4px',
  2336. md: '12px',
  2337. lg: '16px',
  2338. xl: '24px',
  2339. '2xl': '40px',
  2340. '3xl': '64px',
  2341. },
  2342. borderColor: function (theme) {
  2343. var _a;
  2344. return (__assign({ DEFAULT: theme('colors.gray.200', 'currentColor') }, ((_a = theme('colors')) !== null && _a !== void 0 ? _a : {})));
  2345. },
  2346. borderOpacity: function (theme) { return theme('opacity'); },
  2347. borderRadius: {
  2348. DEFAULT: '0.25rem',
  2349. none: '0px',
  2350. sm: '0.125rem',
  2351. md: '0.375rem',
  2352. lg: '0.5rem',
  2353. xl: '0.75rem',
  2354. '2xl': '1rem',
  2355. '3xl': '1.5rem',
  2356. '1': '100%',
  2357. full: '9999px',
  2358. },
  2359. borderWidth: {
  2360. DEFAULT: '1px',
  2361. 0: '0px',
  2362. 2: '2px',
  2363. 4: '4px',
  2364. 8: '8px',
  2365. // int >=0 -> int px
  2366. },
  2367. boxShadow: {
  2368. DEFAULT: '0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1)',
  2369. sm: '0 1px 2px 0 rgb(0 0 0/0.05)',
  2370. md: '0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1)',
  2371. lg: '0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1)',
  2372. xl: '0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1)',
  2373. '2xl': '0 25px 50px -12px rgb(0 0 0/0.25)',
  2374. inner: 'inset 0 2px 4px 0 rgb(0 0 0/0.05)',
  2375. none: '0 0 #0000',
  2376. },
  2377. boxShadowColor: function (theme) { return theme('colors'); },
  2378. brightness: {
  2379. 0: '0',
  2380. 50: '.5',
  2381. 75: '.75',
  2382. 90: '.9',
  2383. 95: '.95',
  2384. 100: '1',
  2385. 105: '1.05',
  2386. 110: '1.1',
  2387. 125: '1.25',
  2388. 150: '1.5',
  2389. 200: '2',
  2390. },
  2391. caretColor: function (theme) {
  2392. var _a;
  2393. return (__assign({ auto: 'auto' }, ((_a = theme('colors')) !== null && _a !== void 0 ? _a : {})));
  2394. },
  2395. caretOpacity: function (theme) { return theme('opacity'); },
  2396. columns: __assign(__assign({}, tShirtScale), { auto: 'auto', 1: '1', 2: '2', 3: '3', 4: '4', 5: '5', 6: '6', 7: '7', 8: '8', 9: '9', 10: '10', 11: '11', 12: '12', '3xs': '16rem', '2xs': '18rem' }),
  2397. container: {},
  2398. content: {
  2399. DEFAULT: '""',
  2400. 'open-quote': 'open-quote',
  2401. 'close-quote': 'close-quote',
  2402. 'open-square': '"["',
  2403. 'close-square': '"]"',
  2404. 'open-curly': '"{"',
  2405. 'close-curly': '"}"',
  2406. 'open-bracket': '"("',
  2407. 'close-bracket': '")"',
  2408. },
  2409. contrast: {
  2410. 0: '0',
  2411. 50: '.5',
  2412. 75: '.75',
  2413. 100: '1',
  2414. 125: '1.25',
  2415. 150: '1.5',
  2416. 200: '2',
  2417. },
  2418. cursor: {
  2419. auto: 'auto',
  2420. default: 'default',
  2421. pointer: 'pointer',
  2422. wait: 'wait',
  2423. text: 'text',
  2424. move: 'move',
  2425. help: 'help',
  2426. 'not-allowed': 'not-allowed',
  2427. },
  2428. divideColor: function (theme) { return theme('borderColor'); },
  2429. divideOpacity: function (theme) { return theme('borderOpacity'); },
  2430. divideWidth: function (theme) { return theme('borderWidth'); },
  2431. dropShadow: {
  2432. DEFAULT: ['0 1px 2px rgba(0, 0, 0, 0.1)', '0 1px 1px rgba(0, 0, 0, 0.06)'],
  2433. sm: '0 1px 1px rgba(0,0,0,0.05)',
  2434. md: ['0 4px 3px rgba(0, 0, 0, 0.07)', '0 2px 2px rgba(0, 0, 0, 0.06)'],
  2435. lg: ['0 10px 8px rgba(0, 0, 0, 0.04)', '0 4px 3px rgba(0, 0, 0, 0.1)'],
  2436. xl: ['0 20px 13px rgba(0, 0, 0, 0.03)', '0 8px 5px rgba(0, 0, 0, 0.08)'],
  2437. '2xl': '0 25px 25px rgba(0, 0, 0, 0.15)',
  2438. none: '0 0 #0000',
  2439. },
  2440. fill: function (theme) {
  2441. var _a;
  2442. return (__assign(__assign({}, ((_a = theme('colors')) !== null && _a !== void 0 ? _a : {})), { none: 'none' }));
  2443. },
  2444. flex: {
  2445. 1: '1 1 0%',
  2446. auto: '1 1 auto',
  2447. initial: '0 1 auto',
  2448. none: 'none',
  2449. },
  2450. flexGrow: {
  2451. DEFAULT: '1',
  2452. 0: '0',
  2453. },
  2454. flexShrink: {
  2455. DEFAULT: '1',
  2456. 0: '0',
  2457. },
  2458. fontFamily: {
  2459. sans: [
  2460. 'ui-sans-serif',
  2461. 'system-ui',
  2462. '-apple-system',
  2463. 'BlinkMacSystemFont',
  2464. '"Segoe UI"',
  2465. 'Roboto',
  2466. '"Helvetica Neue"',
  2467. 'Arial',
  2468. '"Noto Sans"',
  2469. 'sans-serif',
  2470. '"Apple Color Emoji"',
  2471. '"Segoe UI Emoji"',
  2472. '"Segoe UI Symbol"',
  2473. '"Noto Color Emoji"',
  2474. ],
  2475. serif: [
  2476. 'ui-serif',
  2477. 'Georgia',
  2478. 'Cambria',
  2479. '"Times New Roman"',
  2480. 'Times',
  2481. 'serif',
  2482. ],
  2483. mono: [
  2484. 'ui-monospace',
  2485. 'SFMono-Regular',
  2486. 'Menlo',
  2487. 'Monaco',
  2488. 'Consolas',
  2489. '"Liberation Mono"',
  2490. '"Courier New"',
  2491. 'monospace',
  2492. ],
  2493. },
  2494. fontSize: {
  2495. xs: ['0.75rem', { lineHeight: '1rem' }],
  2496. sm: ['0.875rem', { lineHeight: '1.25rem' }],
  2497. base: ['1rem', { lineHeight: '1.5rem' }],
  2498. lg: ['1.125rem', { lineHeight: '1.75rem' }],
  2499. xl: ['1.25rem', { lineHeight: '1.75rem' }],
  2500. '2xl': ['1.5rem', { lineHeight: '2rem' }],
  2501. '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
  2502. '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
  2503. '5xl': ['3rem', { lineHeight: '1' }],
  2504. '6xl': ['3.75rem', { lineHeight: '1' }],
  2505. '7xl': ['4.5rem', { lineHeight: '1' }],
  2506. '8xl': ['6rem', { lineHeight: '1' }],
  2507. '9xl': ['8rem', { lineHeight: '1' }],
  2508. // nxl -> [n rem, lineHeight: 1]
  2509. },
  2510. fontWeight: {
  2511. thin: '100',
  2512. extralight: '200',
  2513. light: '300',
  2514. normal: '400',
  2515. medium: '500',
  2516. semibold: '600',
  2517. bold: '700',
  2518. extrabold: '800',
  2519. black: '900',
  2520. // int[0, 900] -> int
  2521. },
  2522. gap: function (theme) { return theme('spacing'); },
  2523. gradientColorStops: function (theme) { return theme('colors'); },
  2524. grayscale: {
  2525. DEFAULT: '100%',
  2526. 0: '0',
  2527. },
  2528. gridAutoColumns: {
  2529. auto: 'auto',
  2530. min: 'min-content',
  2531. max: 'max-content',
  2532. fr: 'minmax(0, 1fr)',
  2533. },
  2534. gridAutoRows: {
  2535. auto: 'auto',
  2536. min: 'min-content',
  2537. max: 'max-content',
  2538. fr: 'minmax(0, 1fr)',
  2539. },
  2540. gridColumn: {
  2541. auto: 'auto',
  2542. 'span-1': 'span 1 / span 1',
  2543. 'span-2': 'span 2 / span 2',
  2544. 'span-3': 'span 3 / span 3',
  2545. 'span-4': 'span 4 / span 4',
  2546. 'span-5': 'span 5 / span 5',
  2547. 'span-6': 'span 6 / span 6',
  2548. 'span-7': 'span 7 / span 7',
  2549. 'span-8': 'span 8 / span 8',
  2550. 'span-9': 'span 9 / span 9',
  2551. 'span-10': 'span 10 / span 10',
  2552. 'span-11': 'span 11 / span 11',
  2553. 'span-12': 'span 12 / span 12',
  2554. // span-int(>=1) -> span int / span int
  2555. 'span-full': '1 / -1',
  2556. },
  2557. gridColumnEnd: {
  2558. auto: 'auto',
  2559. 1: '1',
  2560. 2: '2',
  2561. 3: '3',
  2562. 4: '4',
  2563. 5: '5',
  2564. 6: '6',
  2565. 7: '7',
  2566. 8: '8',
  2567. 9: '9',
  2568. 10: '10',
  2569. 11: '11',
  2570. 12: '12',
  2571. 13: '13',
  2572. // int >=1 -> int
  2573. },
  2574. gridColumnStart: {
  2575. auto: 'auto',
  2576. 1: '1',
  2577. 2: '2',
  2578. 3: '3',
  2579. 4: '4',
  2580. 5: '5',
  2581. 6: '6',
  2582. 7: '7',
  2583. 8: '8',
  2584. 9: '9',
  2585. 10: '10',
  2586. 11: '11',
  2587. 12: '12',
  2588. 13: '13',
  2589. // int >=1 -> int
  2590. },
  2591. gridRow: {
  2592. auto: 'auto',
  2593. 'span-1': 'span 1 / span 1',
  2594. 'span-2': 'span 2 / span 2',
  2595. 'span-3': 'span 3 / span 3',
  2596. 'span-4': 'span 4 / span 4',
  2597. 'span-5': 'span 5 / span 5',
  2598. 'span-6': 'span 6 / span 6',
  2599. // span-int(>=1) -> span int / span int
  2600. 'span-full': '1 / -1',
  2601. },
  2602. gridRowStart: {
  2603. auto: 'auto',
  2604. 1: '1',
  2605. 2: '2',
  2606. 3: '3',
  2607. 4: '4',
  2608. 5: '5',
  2609. 6: '6',
  2610. 7: '7',
  2611. // int >=1 -> int
  2612. },
  2613. gridRowEnd: {
  2614. auto: 'auto',
  2615. 1: '1',
  2616. 2: '2',
  2617. 3: '3',
  2618. 4: '4',
  2619. 5: '5',
  2620. 6: '6',
  2621. 7: '7',
  2622. // int >=1 -> int
  2623. },
  2624. gridTemplateColumns: {
  2625. none: 'none',
  2626. 1: 'repeat(1, minmax(0, 1fr))',
  2627. 2: 'repeat(2, minmax(0, 1fr))',
  2628. 3: 'repeat(3, minmax(0, 1fr))',
  2629. 4: 'repeat(4, minmax(0, 1fr))',
  2630. 5: 'repeat(5, minmax(0, 1fr))',
  2631. 6: 'repeat(6, minmax(0, 1fr))',
  2632. 7: 'repeat(7, minmax(0, 1fr))',
  2633. 8: 'repeat(8, minmax(0, 1fr))',
  2634. 9: 'repeat(9, minmax(0, 1fr))',
  2635. 10: 'repeat(10, minmax(0, 1fr))',
  2636. 11: 'repeat(11, minmax(0, 1fr))',
  2637. 12: 'repeat(12, minmax(0, 1fr))',
  2638. // int >=1 -> repeat(int, minmax(0, 1fr))
  2639. },
  2640. gridTemplateRows: {
  2641. none: 'none',
  2642. 1: 'repeat(1, minmax(0, 1fr))',
  2643. 2: 'repeat(2, minmax(0, 1fr))',
  2644. 3: 'repeat(3, minmax(0, 1fr))',
  2645. 4: 'repeat(4, minmax(0, 1fr))',
  2646. 5: 'repeat(5, minmax(0, 1fr))',
  2647. 6: 'repeat(6, minmax(0, 1fr))',
  2648. // int >=1 -> repeat(int, minmax(0, 1fr))
  2649. },
  2650. height: function (theme, _a) {
  2651. var _b, _c;
  2652. var breakpoints = _a.breakpoints;
  2653. return (__assign(__assign(__assign(__assign({}, ((_b = theme('spacing')) !== null && _b !== void 0 ? _b : {})), tShirtScale), { '1/2': '50%', '1/3': '33.333333%', '2/3': '66.666667%', '1/4': '25%', '2/4': '50%', '3/4': '75%', '1/5': '20%', '2/5': '40%', '3/5': '60%', '4/5': '80%', '1/6': '16.666667%', '2/6': '33.333333%', '3/6': '50%', '4/6': '66.666667%', '5/6': '83.333333%',
  2654. // fraction -> percent
  2655. auto: 'auto', full: '100%', min: 'min-content', max: 'max-content', prose: '65ch', screen: '100vh' }), breakpoints((_c = theme('screens')) !== null && _c !== void 0 ? _c : {})));
  2656. },
  2657. hueRotate: {
  2658. '-180': '-180deg',
  2659. '-90': '-90deg',
  2660. '-60': '-60deg',
  2661. '-30': '-30deg',
  2662. '-15': '-15deg',
  2663. 0: '0deg',
  2664. 15: '15deg',
  2665. 30: '30deg',
  2666. 60: '60deg',
  2667. 90: '90deg',
  2668. 180: '180deg',
  2669. },
  2670. inset: function (theme, _a) {
  2671. var _b;
  2672. var negative = _a.negative;
  2673. return (__assign(__assign(__assign({ auto: 'auto' }, ((_b = theme('spacing')) !== null && _b !== void 0 ? _b : {})), negative(theme('spacing'))), { '1/2': '50%', '1/3': '33.333333%', '2/3': '66.666667%', '1/4': '25%', '2/4': '50%', '3/4': '75%', full: '100%', '-1/2': '-50%', '-1/3': '-33.333333%', '-2/3': '-66.666667%', '-1/4': '-25%', '-2/4': '-50%', '-3/4': '-75%', '-full': '-100%' }));
  2674. },
  2675. invert: {
  2676. DEFAULT: '100%',
  2677. 0: '0',
  2678. },
  2679. keyframes: keyframes,
  2680. letterSpacing: {
  2681. tighter: '-0.05em',
  2682. tight: '-0.025em',
  2683. normal: '0em',
  2684. wide: '0.025em',
  2685. wider: '0.05em',
  2686. widest: '0.1em',
  2687. },
  2688. lineHeight: {
  2689. none: '1',
  2690. tight: '1.25',
  2691. snug: '1.375',
  2692. normal: '1.5',
  2693. relaxed: '1.625',
  2694. loose: '2',
  2695. 3: '.75rem',
  2696. 4: '1rem',
  2697. 5: '1.25rem',
  2698. 6: '1.5rem',
  2699. 7: '1.75rem',
  2700. 8: '2rem',
  2701. 9: '2.25rem',
  2702. 10: '2.5rem',
  2703. // int>=0 -> int/4 rem
  2704. },
  2705. listStyleType: {
  2706. none: 'none',
  2707. circle: 'circle',
  2708. square: 'square',
  2709. disc: 'disc',
  2710. decimal: 'decimal',
  2711. 'zero-decimal': 'decimal-leading-zero',
  2712. greek: 'lower-greek',
  2713. roman: 'lower-roman',
  2714. alpha: 'lower-alpha',
  2715. 'upper-roman': 'upper-roman',
  2716. 'upper-alpha': 'upper-alpha',
  2717. },
  2718. margin: function (theme, _a) {
  2719. var _b;
  2720. var negative = _a.negative;
  2721. return (__assign(__assign({ auto: 'auto' }, ((_b = theme('spacing')) !== null && _b !== void 0 ? _b : {})), negative(theme('spacing'))));
  2722. },
  2723. maxHeight: function (theme, _a) {
  2724. var _b, _c;
  2725. var breakpoints = _a.breakpoints;
  2726. return (__assign(__assign(__assign(__assign({}, breakpoints((_b = theme('screens')) !== null && _b !== void 0 ? _b : {})), ((_c = theme('spacing')) !== null && _c !== void 0 ? _c : {})), tShirtScale), { none: 'none', full: '100%', min: 'min-content', max: 'max-content', prose: '65ch', screen: '100vh' }));
  2727. },
  2728. maxWidth: function (theme, _a) {
  2729. var _b, _c;
  2730. var breakpoints = _a.breakpoints;
  2731. return (__assign(__assign(__assign(__assign({}, breakpoints((_b = theme('screens')) !== null && _b !== void 0 ? _b : {})), ((_c = theme('spacing')) !== null && _c !== void 0 ? _c : {})), tShirtScale), { none: 'none', full: '100%', min: 'min-content', max: 'max-content', prose: '65ch', screen: '100vw' }));
  2732. },
  2733. minHeight: function (theme) { return theme('maxHeight'); },
  2734. minWidth: function (theme) { return theme('maxWidth'); },
  2735. objectPosition: {
  2736. bottom: 'bottom',
  2737. center: 'center',
  2738. left: 'left',
  2739. 'left-bottom': 'left bottom',
  2740. 'left-top': 'left top',
  2741. right: 'right',
  2742. 'right-bottom': 'right bottom',
  2743. 'right-top': 'right top',
  2744. top: 'top',
  2745. },
  2746. opacity: {
  2747. 0: '0',
  2748. 5: '0.05',
  2749. 10: '0.1',
  2750. 20: '0.2',
  2751. 25: '0.25',
  2752. 30: '0.3',
  2753. 40: '0.4',
  2754. 50: '0.5',
  2755. 60: '0.6',
  2756. 70: '0.7',
  2757. 75: '0.75',
  2758. 80: '0.8',
  2759. 90: '0.9',
  2760. 95: '0.95',
  2761. 100: '1',
  2762. // float -> float/100
  2763. },
  2764. order: {
  2765. first: '-9999',
  2766. last: '9999',
  2767. none: '0',
  2768. 1: '1',
  2769. 2: '2',
  2770. 3: '3',
  2771. 4: '4',
  2772. 5: '5',
  2773. 6: '6',
  2774. 7: '7',
  2775. 8: '8',
  2776. 9: '9',
  2777. 10: '10',
  2778. 11: '11',
  2779. 12: '12',
  2780. // int[1, 9999]
  2781. },
  2782. outlineColor: function (theme) { return theme('colors'); },
  2783. outlineWidth: {
  2784. 0: '0px',
  2785. 1: '1px',
  2786. 2: '2px',
  2787. 4: '4px',
  2788. 8: '8px',
  2789. },
  2790. outlineOffset: {
  2791. 0: '0px',
  2792. 1: '1px',
  2793. 2: '2px',
  2794. 4: '4px',
  2795. 8: '8px',
  2796. },
  2797. padding: function (theme) { return theme('spacing'); },
  2798. perspective: function (theme) {
  2799. var _a;
  2800. return (__assign(__assign(__assign({}, ((_a = theme('spacing')) !== null && _a !== void 0 ? _a : {})), tShirtScale), { none: 'none' }));
  2801. },
  2802. perspectiveOrigin: {
  2803. center: 'center',
  2804. top: 'top',
  2805. 'top-right': 'top right',
  2806. right: 'right',
  2807. 'bottom-right': 'bottom right',
  2808. bottom: 'bottom',
  2809. 'bottom-left': 'bottom left',
  2810. left: 'left',
  2811. 'top-left': 'top left',
  2812. },
  2813. placeholderColor: function (theme) { return theme('colors'); },
  2814. placeholderOpacity: function (theme) { return theme('opacity'); },
  2815. ringColor: function (theme) {
  2816. var _a;
  2817. return (__assign({ DEFAULT: theme('colors.blue.500', '#3b82f6') }, ((_a = theme('colors')) !== null && _a !== void 0 ? _a : {})));
  2818. },
  2819. ringOffsetColor: function (theme) { return theme('colors'); },
  2820. ringOffsetWidth: {
  2821. 0: '0px',
  2822. 1: '1px',
  2823. 2: '2px',
  2824. 4: '4px',
  2825. 8: '8px',
  2826. // float -> float px
  2827. },
  2828. ringOpacity: function (theme) {
  2829. var _a;
  2830. return (__assign({ DEFAULT: '0.5' }, ((_a = theme('opacity')) !== null && _a !== void 0 ? _a : {})));
  2831. },
  2832. ringWidth: {
  2833. DEFAULT: '3px',
  2834. 0: '0px',
  2835. 1: '1px',
  2836. 2: '2px',
  2837. 4: '4px',
  2838. 8: '8px',
  2839. // float -> float px
  2840. },
  2841. rotate: {
  2842. '-180': '-180deg',
  2843. '-90': '-90deg',
  2844. '-45': '-45deg',
  2845. '-12': '-12deg',
  2846. '-6': '-6deg',
  2847. '-3': '-3deg',
  2848. '-2': '-2deg',
  2849. '-1': '-1deg',
  2850. 0: '0deg',
  2851. 1: '1deg',
  2852. 2: '2deg',
  2853. 3: '3deg',
  2854. 6: '6deg',
  2855. 12: '12deg',
  2856. 45: '45deg',
  2857. 90: '90deg',
  2858. 180: '180deg',
  2859. // float[0, 360] -> float[0deg, 360deg]
  2860. // ...negative
  2861. },
  2862. saturate: {
  2863. DEFAULT: '0',
  2864. 0: '0',
  2865. 50: '.5',
  2866. 100: '1',
  2867. 150: '1.5',
  2868. 200: '2',
  2869. },
  2870. scale: {
  2871. 0: '0',
  2872. 50: '.5',
  2873. 75: '.75',
  2874. 90: '.9',
  2875. 95: '.95',
  2876. 100: '1',
  2877. 105: '1.05',
  2878. 110: '1.1',
  2879. 125: '1.25',
  2880. 150: '1.5',
  2881. // int >=0 -> int/100
  2882. },
  2883. sepia: {
  2884. DEFAULT: '100%',
  2885. 0: '0',
  2886. },
  2887. skew: {
  2888. '-12': '-12deg',
  2889. '-6': '-6deg',
  2890. '-3': '-3deg',
  2891. '-2': '-2deg',
  2892. '-1': '-1deg',
  2893. 0: '0deg',
  2894. 1: '1deg',
  2895. 2: '2deg',
  2896. 3: '3deg',
  2897. 6: '6deg',
  2898. 12: '12deg',
  2899. // float[0, 360] -> float[0deg, 360deg]
  2900. // ...negative
  2901. },
  2902. space: function (theme, _a) {
  2903. var negative = _a.negative;
  2904. return (__assign(__assign({}, theme('spacing')), negative(theme('spacing'))));
  2905. },
  2906. stroke: function (theme) {
  2907. var _a;
  2908. return (__assign(__assign({}, ((_a = theme('colors')) !== null && _a !== void 0 ? _a : {})), { none: 'none' }));
  2909. },
  2910. strokeWidth: {
  2911. 0: '0',
  2912. 1: '1',
  2913. 2: '2',
  2914. },
  2915. strokeDashArray: {
  2916. 0: '0',
  2917. 1: '1',
  2918. 2: '2',
  2919. },
  2920. strokeDashOffset: {
  2921. 0: '0',
  2922. 1: '1',
  2923. 2: '2',
  2924. },
  2925. tabSize: {
  2926. DEFAULT: '4',
  2927. 0: '0',
  2928. 2: '2',
  2929. 4: '4',
  2930. 8: '8',
  2931. // int >=0 -> int px
  2932. },
  2933. textColor: function (theme) { return theme('colors'); },
  2934. textOpacity: function (theme) { return theme('opacity'); },
  2935. textShadow: {
  2936. DEFAULT: '0px 0px 1px rgb(0 0 0 / 20%), 0px 0px 1px rgb(1 0 5 / 10%)',
  2937. sm: '1px 1px 3px rgb(36 37 47 / 25%)',
  2938. md: '0px 1px 2px rgb(30 29 39 / 19%), 1px 2px 4px rgb(54 64 147 / 18%)',
  2939. lg: '3px 3px 6px rgb(0 0 0 / 26%), 0 0 5px rgb(15 3 86 / 22%)',
  2940. xl: '1px 1px 3px rgb(0 0 0 / 29%), 2px 4px 7px rgb(73 64 125 / 35%)',
  2941. none: 'none',
  2942. },
  2943. textDecorationColor: function (theme) { return theme('colors'); },
  2944. textDecorationOpacity: function (theme) { return theme('opacity'); },
  2945. textDecorationLength: {
  2946. 'auto': 'auto',
  2947. 0: '0px',
  2948. 2: '2px',
  2949. 4: '4px',
  2950. 8: '8px',
  2951. },
  2952. textDecorationOffset: {
  2953. 'auto': 'auto',
  2954. 0: '0px',
  2955. 1: '1px',
  2956. 2: '2px',
  2957. 4: '4px',
  2958. 8: '8px',
  2959. },
  2960. textDecorationThickness: {
  2961. 'auto': 'auto',
  2962. 'from-font': 'from-font',
  2963. 0: '0px',
  2964. 1: '1px',
  2965. 2: '2px',
  2966. 4: '4px',
  2967. 8: '8px',
  2968. },
  2969. textIndent: {
  2970. DEFAULT: '1.5rem',
  2971. xs: '0.5rem',
  2972. sm: '1rem',
  2973. md: '1.5rem',
  2974. lg: '2rem',
  2975. xl: '2.5rem',
  2976. '2xl': '3rem',
  2977. '3xl': '4rem',
  2978. },
  2979. textStrokeColor: function (theme) {
  2980. var _a;
  2981. return (__assign({ DEFAULT: theme('colors.gray.200', 'currentColor') }, ((_a = theme('colors')) !== null && _a !== void 0 ? _a : {})));
  2982. },
  2983. textStrokeWidth: {
  2984. DEFAULT: 'medium',
  2985. 'none': '0',
  2986. 'sm': 'thin',
  2987. 'md': 'medium',
  2988. 'lg': 'thick',
  2989. },
  2990. transformOrigin: {
  2991. center: 'center',
  2992. top: 'top',
  2993. 'top-right': 'top right',
  2994. right: 'right',
  2995. 'bottom-right': 'bottom right',
  2996. bottom: 'bottom',
  2997. 'bottom-left': 'bottom left',
  2998. left: 'left',
  2999. 'top-left': 'top left',
  3000. },
  3001. transitionDuration: {
  3002. DEFAULT: '150ms',
  3003. 75: '75ms',
  3004. 100: '100ms',
  3005. 150: '150ms',
  3006. 200: '200ms',
  3007. 300: '300ms',
  3008. 500: '500ms',
  3009. 700: '700ms',
  3010. 1000: '1000ms',
  3011. // int >=0 -> int ms
  3012. },
  3013. transitionDelay: {
  3014. 75: '75ms',
  3015. 100: '100ms',
  3016. 150: '150ms',
  3017. 200: '200ms',
  3018. 300: '300ms',
  3019. 500: '500ms',
  3020. 700: '700ms',
  3021. 1000: '1000ms',
  3022. // int >=0 -> int ms
  3023. },
  3024. transitionProperty: {
  3025. DEFAULT: 'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
  3026. none: 'none',
  3027. all: 'all',
  3028. colors: 'background-color, border-color, color, fill, stroke',
  3029. opacity: 'opacity',
  3030. shadow: 'box-shadow',
  3031. transform: 'transform',
  3032. },
  3033. transitionTimingFunction: {
  3034. DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',
  3035. linear: 'linear',
  3036. in: 'cubic-bezier(0.4, 0, 1, 1)',
  3037. out: 'cubic-bezier(0, 0, 0.2, 1)',
  3038. 'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
  3039. },
  3040. translate: function (theme, _a) {
  3041. var _b;
  3042. var negative = _a.negative;
  3043. return (__assign(__assign(__assign({}, ((_b = theme('spacing')) !== null && _b !== void 0 ? _b : {})), negative(theme('spacing'))), { '1/2': '50%', '1/3': '33.333333%', '2/3': '66.666667%', '1/4': '25%', '2/4': '50%', '3/4': '75%', full: '100%', '-1/2': '-50%', '-1/3': '-33.333333%', '-2/3': '-66.666667%', '-1/4': '-25%', '-2/4': '-50%', '-3/4': '-75%', '-full': '-100%' }));
  3044. },
  3045. width: function (theme, _a) {
  3046. var _b, _c;
  3047. var breakpoints = _a.breakpoints;
  3048. return (__assign(__assign(__assign(__assign({}, ((_b = theme('spacing')) !== null && _b !== void 0 ? _b : {})), tShirtScale), {
  3049. // fraction -> percent
  3050. '1/2': '50%', '1/3': '33.333333%', '2/3': '66.666667%', '1/4': '25%', '2/4': '50%', '3/4': '75%', '1/5': '20%', '2/5': '40%', '3/5': '60%', '4/5': '80%', '1/6': '16.666667%', '2/6': '33.333333%', '3/6': '50%', '4/6': '66.666667%', '5/6': '83.333333%', '1/12': '8.333333%', '2/12': '16.666667%', '3/12': '25%', '4/12': '33.333333%', '5/12': '41.666667%', '6/12': '50%', '7/12': '58.333333%', '8/12': '66.666667%', '9/12': '75%', '10/12': '83.333333%', '11/12': '91.666667%', auto: 'auto', full: '100%', min: 'min-content', max: 'max-content', prose: '65ch', screen: '100vw' }), breakpoints((_c = theme('screens')) !== null && _c !== void 0 ? _c : {})));
  3051. },
  3052. zIndex: {
  3053. auto: 'auto',
  3054. 0: '0',
  3055. 10: '10',
  3056. 20: '20',
  3057. 30: '30',
  3058. 40: '40',
  3059. 50: '50',
  3060. // int[0, 99999] -> int[0, 99999]
  3061. // ...negative
  3062. },
  3063. },
  3064. variantOrder: variantOrder,
  3065. plugins: [
  3066. createPlugin(function (_a) {
  3067. var addUtilities = _a.addUtilities;
  3068. addUtilities({
  3069. '.before\\:contents': {
  3070. '&::before': {
  3071. content: '""',
  3072. display: 'contents',
  3073. },
  3074. },
  3075. '.after\\:contents': {
  3076. '&::after': {
  3077. content: '""',
  3078. display: 'contents',
  3079. },
  3080. },
  3081. });
  3082. }),
  3083. ],
  3084. handlers: {
  3085. static: true,
  3086. time: true,
  3087. color: true,
  3088. opacity: true,
  3089. number: true,
  3090. string: true,
  3091. bracket: true,
  3092. hex: true,
  3093. nxl: true,
  3094. fraction: true,
  3095. size: true,
  3096. variable: true,
  3097. negative: true,
  3098. },
  3099. };
  3100. var twExclude = [
  3101. /-hex-/,
  3102. /-\$/,
  3103. /(rem|em|px|rpx|vh|vw|ch|ex)$/,
  3104. /-\d*[13579]$/,
  3105. /-([0-9]{1,}[.][0-9]*)$/,
  3106. /^!/, // disable important utility
  3107. ];
  3108. exports.baseConfig = baseConfig;
  3109. exports.colors = colors;
  3110. exports.twExclude = twExclude;