@sk-web-gui/core 3.9.1 → 3.11.0

package/dist/cjs/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","names":["_forms","_interopRequireDefault","require","_containerQueries","_plugin","_interopRequireWildcard","_dataPlugin","_ariaPlugin","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","preset","_options","defaults","tailwindForms","tailwindContainers","dataAttributes","ariaAttributes","options","plugin","pluginDefaults","plugins","concat","tailwindContainerQueries","DataAttributes","AriaAttributes","_default","exports"],"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport tailwindContainerQueries from '@tailwindcss/container-queries';\r\nimport plugin from './plugin';\r\nimport { type PluginOptions, pluginDefaults } from './plugin';\r\nimport { DataAttributes } from './data-plugin';\r\nimport { AriaAttributes } from './aria-plugin';\r\n\r\ninterface PresetOptions {\r\n  tailwindForms?: boolean;\r\n  tailwindContainers?: boolean;\r\n  dataAttributes?: boolean;\r\n  ariaAttributes?: boolean;\r\n  plugin?: PluginOptions;\r\n}\r\n\r\nconst preset = function (_options: PresetOptions) {\r\n  const defaults: PresetOptions = {\r\n    tailwindForms: true,\r\n    tailwindContainers: true,\r\n    dataAttributes: true,\r\n    ariaAttributes: true,\r\n  };\r\n\r\n  const options = {\r\n    ...defaults,\r\n    ..._options,\r\n    plugin: { ...pluginDefaults, ...(_options?.plugin || {}) },\r\n  };\r\n\r\n  return {\r\n    plugins: [\r\n      ...(options.tailwindForms ? [tailwindForms()] : []),\r\n      ...(options.tailwindContainers ? [tailwindContainerQueries] : []),\r\n      ...(options.dataAttributes ? [DataAttributes] : []),\r\n      ...(options.ariaAttributes ? [AriaAttributes] : []),\r\n      plugin(options?.plugin),\r\n    ],\r\n  };\r\n};\r\nexport default preset;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport tailwindContainerQueries from '@tailwindcss/container-queries';\r\nimport plugin from './plugin';\r\nimport { type PluginOptions, pluginDefaults } from './plugin';\r\nimport { DataAttributes } from './data-plugin';\r\nimport { AriaAttributes } from './aria-plugin';\r\n\r\ninterface PresetOptions {\r\n  tailwindForms?: boolean;\r\n  tailwindContainers?: boolean;\r\n  dataAttributes?: boolean;\r\n  ariaAttributes?: boolean;\r\n  plugin?: PluginOptions;\r\n}\r\n\r\nconst preset = function (_options?: PresetOptions) {\r\n  const defaults: PresetOptions = {\r\n    tailwindForms: true,\r\n    tailwindContainers: true,\r\n    dataAttributes: true,\r\n    ariaAttributes: true,\r\n  };\r\n\r\n  const options = {\r\n    ...defaults,\r\n    ..._options,\r\n    plugin: { ...pluginDefaults, ...(_options?.plugin || {}) },\r\n  };\r\n\r\n  return {\r\n    plugins: [\r\n      ...(options.tailwindForms ? [tailwindForms()] : []),\r\n      ...(options.tailwindContainers ? [tailwindContainerQueries] : []),\r\n      ...(options.dataAttributes ? [DataAttributes] : []),\r\n      ...(options.ariaAttributes ? [AriaAttributes] : []),\r\n      plugin(options?.plugin),\r\n    ],\r\n  };\r\n};\r\nexport default preset;\r\n"],"names":["preset","_options","defaults","tailwindForms","tailwindContainers","dataAttributes","ariaAttributes","options","plugin","pluginDefaults","plugins","tailwindContainerQueries","DataAttributes","AriaAttributes"],"mappings":";;;;+BAuCA;;;eAAA;;;4DAvC0B;uEACW;8DAClB;0BAEY;0BACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAU/B,IAAMA,SAAS,gBAAUC,QAAwB;IAC/C,IAAMC,WAA0B;QAC9BC,eAAe;QACfC,oBAAoB;QACpBC,gBAAgB;QAChBC,gBAAgB;IAClB;IAEA,IAAMC,UAAU,wCACXL,UACAD;QACHO,QAAQ,mBAAKC,sBAAc,EAAMR,CAAAA,qBAAAA,+BAAAA,SAAUO,MAAM,KAAI,CAAC;;IAGxD,OAAO;QACLE,SAAS,AACP,qBAAIH,QAAQJ,aAAa,GAAG;YAACA,IAAAA,cAAa;SAAG,GAAG,EAAE,SAClD,qBAAII,QAAQH,kBAAkB,GAAG;YAACO,yBAAwB;SAAC,GAAG,EAAE,GAChE,qBAAIJ,QAAQF,cAAc,GAAG;YAACO,0BAAc;SAAC,GAAG,EAAE,GAClD,qBAAIL,QAAQD,cAAc,GAAG;YAACO,0BAAc;SAAC,GAAG,EAAE,GAJ3C;YAKPL,IAAAA,eAAM,EAACD,oBAAAA,8BAAAA,QAASC,MAAM;SACvB;IACH;AACF;IACA,WAAeR"}

package/dist/cjs/theme.js

@@ -1,149 +1,210 @@
 "use strict";
-
-exports.__esModule = true;
-exports.theme = void 0;
-var _withOpacity = _interopRequireDefault(require("./with-opacity"));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "theme", {
+    enumerable: true,
+    get: function() {
+        return theme;
+    }
+});
+var _withopacity = /*#__PURE__*/ _interop_require_default(require("./with-opacity"));
 var _colors = require("./colors");
 var _units = require("./units");
 var _theme = require("@sk-web-gui/theme");
 var _fonts = require("./fonts");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var theme = exports.theme = {
-  extend: {
-    containers: Object.keys(_theme.screens).reduce(function (containers, screenKey, index) {
-      var _extends2;
-      return _extends({}, containers, (_extends2 = {}, _extends2["screen-" + screenKey] = Object.values(_theme.screens)[index], _extends2));
-    }, {}),
-    fontSize: _extends({}, _units.units.fontSizes, {
-      tiny: 'var(--sk-spacing-10)',
-      xs: 'var(--sk-spacing-12)',
-      xl: _units.units.fontSizes['h4'],
-      '2xl': _units.units.fontSizes['h3'],
-      '3xl': _units.units.fontSizes['h2'],
-      '4xl': _units.units.fontSizes['h1'],
-      '5xl': _units.units.fontSizes['h3']
-    }),
-    fontFamily: _extends({}, _fonts.fonts),
-    screens: _theme.screens,
-    borderRadius: _extends({}, _units.units.radius, {
-      base: 'var(--sk-spacing-0)'
-    }),
-    backgroundPosition: _extends({}, Object.keys(_units.units.spacing).reduce(function (positions, spaceKey) {
-      var _extends3;
-      return _extends({}, positions, (_extends3 = {}, _extends3["top-" + spaceKey] = "center top " + _units.units.spacing[spaceKey], _extends3["right-" + spaceKey] = "center right " + _units.units.spacing[spaceKey], _extends3["bottom-" + spaceKey] = "center bottom " + _units.units.spacing[spaceKey], _extends3["left-" + spaceKey] = "center left " + _units.units.spacing[spaceKey], _extends3));
-    }, {})),
-    boxShadow: {
-      '50': "\n      0 0 3px 0 rgba(10, 12, 15, 0.08),\n      0 1px 8px 0 rgba(10, 12, 15, 0.13)\n      ",
-      '100': "\n        0 6px 16px 0 rgba(13,13,14, 0.07),\n        0 1.81px 12px 0 rgba(13,13,14, 0.15),\n        0 0.75px 2px 0 rgba(13,13,14, 0.085),\n        0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\n      ",
-      '200': "\n        0 0 2px 0 rgba(13,13,14, 0.15),\n        0 15px 27px 0 rgba(13,13,14, 0.1),\n        0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\n        0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\n        0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\n      ",
-      insetring: "0 0 0 0.25rem " + _colors.colors.ring + " inset"
-    },
-    ringColor: _extends({
-      DEFAULT: _colors.colors.ring
-    }, _colors.colors),
-    ringOffsetWidth: _extends({
-      DEFAULT: 'var(--sk-spacing-2)'
-    }, _units.units.spacing),
-    ringWidth: {
-      DEFAULT: 'var(--sk-spacing-3)',
-      0: '0px'
-    },
-    ringOpacity: {
-      DEFAULT: '1'
-    },
-    colors: _extends({}, _colors.colors, {
-      current: 'currentColor',
-      gray: _extends({
-        DEFAULT: _colors.colors.primitives.gray[600],
-        stroke: _colors.colors.divider,
-        middle: _colors.colors.primitives.gray[600],
-        light: _colors.colors.primitives.gray[300],
-        lighter: _colors.colors.primitives.gray[200]
-      }, _colors.colors.primitives.gray),
-      hover: _colors.colors.primitives.gray[600],
-      background: _extends({}, _colors.colors.background, {
-        one: _colors.colors.background[100],
-        two: _colors.colors.background[200]
-      })
-    }),
-    cursor: {
-      base: 'var(--tw-cursor)'
-    },
-    spacing: _extends({}, _units.units.spacing, Object.keys(_units.units.spacing).reduce(function (smallerSpacings, spacingkey) {
-      var _extends4;
-      return _extends({}, smallerSpacings, (_extends4 = {}, _extends4[spacingkey + "-1"] = "calc(" + _units.units.spacing[spacingkey] + " - var(--sk-spacing-1))", _extends4[spacingkey + "-2"] = "calc(" + _units.units.spacing[spacingkey] + " - var(--sk-spacing-2))", _extends4[spacingkey + "+1"] = "calc(" + _units.units.spacing[spacingkey] + " + var(--sk-spacing-1))", _extends4[spacingkey + "+2"] = "calc(" + _units.units.spacing[spacingkey] + " + var(--sk-spacing-2))", _extends4));
-    }, {}), {
-      xs: _units.units.spacing[4],
-      sm: _units.units.spacing[8],
-      md: _units.units.spacing[16],
-      lg: _units.units.spacing[24],
-      xl: _units.units.spacing[48]
-    }),
-    maxWidth: {
-      content: _theme.screens['desktop-max']
-    },
-    lineHeight: _extends({}, _units.units.lineHeights, _units.units.spacing, {
-      xs: 'var(-sk-spacing-16)',
-      xl: _units.units.lineHeights['h4'],
-      '2xl': _units.units.lineHeights['h3'],
-      '3xl': _units.units.lineHeights['h2'],
-      '4xl': _units.units.lineHeights['h1'],
-      '5xl': _units.units.lineHeights['display-3']
-    }),
-    opacity: {
-      '15': '0.15'
-    },
-    borderWidth: _extends({
-      DEFAULT: 'var(--sk-spacing-2)'
-    }, _units.units.spacing),
-    backgroundColor: {
-      base: (0, _withOpacity["default"])('--sk-colors-primary-surface'),
-      fill: (0, _withOpacity["default"])('--sk-colors-bg-fill')
-    },
-    textColor: {
-      foreground: (0, _withOpacity["default"])('--sk-colors-primary-DEFAULT'),
-      muted: (0, _withOpacity["default"])('--sk-colors-xt-muted')
-    },
-    zIndex: {
-      hide: '-1',
-      none: '0',
-      base: '1',
-      docked: '10',
-      dropdown: '1000',
-      sticky: '1100',
-      banner: '1200',
-      overlay: '1300',
-      modal: '1400',
-      popover: '1500',
-      skipLink: '1600',
-      toast: '1700',
-      tooltip: '1800'
-    },
-    keyframes: {
-      'reset-overflow': {
-        'from, to': {
-          overflow: 'hidden'
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
         }
-      },
-      typingbounce: {
-        '0%': {
-          transform: 'translateY(0)'
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var theme = {
+    extend: {
+        containers: Object.keys(_theme.screens).reduce(function(containers, screenKey, index) {
+            return _object_spread_props(_object_spread({}, containers), _define_property({}, "screen-".concat(screenKey), Object.values(_theme.screens)[index]));
+        }, {}),
+        fontSize: _object_spread_props(_object_spread({}, _units.units.fontSizes), {
+            tiny: 'var(--sk-spacing-10)',
+            xs: 'var(--sk-spacing-12)',
+            xl: _units.units.fontSizes['h4'],
+            '2xl': _units.units.fontSizes['h3'],
+            '3xl': _units.units.fontSizes['h2'],
+            '4xl': _units.units.fontSizes['h1'],
+            '5xl': _units.units.fontSizes['h3']
+        }),
+        fontFamily: _object_spread({}, _fonts.fonts),
+        screens: _theme.screens,
+        borderRadius: _object_spread_props(_object_spread({}, _units.units.radius), {
+            base: 'var(--sk-spacing-0)'
+        }),
+        backgroundPosition: _object_spread({}, Object.keys(_units.units.spacing).reduce(function(positions, spaceKey) {
+            var _obj;
+            return _object_spread_props(_object_spread({}, positions), (_obj = {}, _define_property(_obj, "top-".concat(spaceKey), "center top ".concat(_units.units.spacing[spaceKey])), _define_property(_obj, "right-".concat(spaceKey), "center right ".concat(_units.units.spacing[spaceKey])), _define_property(_obj, "bottom-".concat(spaceKey), "center bottom ".concat(_units.units.spacing[spaceKey])), _define_property(_obj, "left-".concat(spaceKey), "center left ".concat(_units.units.spacing[spaceKey])), _obj));
+        }, {})),
+        boxShadow: {
+            '50': "\n      0 0 3px 0 rgba(10, 12, 15, 0.08),\n      0 1px 8px 0 rgba(10, 12, 15, 0.13)\n      ",
+            '100': "\n        0 6px 16px 0 rgba(13,13,14, 0.07),\n        0 1.81px 12px 0 rgba(13,13,14, 0.15),\n        0 0.75px 2px 0 rgba(13,13,14, 0.085),\n        0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\n      ",
+            '200': "\n        0 0 2px 0 rgba(13,13,14, 0.15),\n        0 15px 27px 0 rgba(13,13,14, 0.1),\n        0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\n        0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\n        0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\n      ",
+            insetring: "0 0 0 0.25rem ".concat(_colors.colors.ring, " inset")
+        },
+        ringColor: _object_spread({
+            DEFAULT: _colors.colors.ring
+        }, _colors.colors),
+        ringOffsetWidth: _object_spread({
+            DEFAULT: 'var(--sk-spacing-2)'
+        }, _units.units.spacing),
+        ringWidth: {
+            DEFAULT: 'var(--sk-spacing-3)',
+            0: '0px'
         },
-        '10%': {
-          transform: 'translateY(-0.8rem)'
+        ringOpacity: {
+            DEFAULT: '1'
         },
-        '20%, 100%': {
-          transform: 'translateY(0rem)'
+        colors: _object_spread_props(_object_spread({}, _colors.colors), {
+            current: 'currentColor',
+            gray: _object_spread({
+                DEFAULT: _colors.colors.primitives.gray[600],
+                stroke: _colors.colors.divider,
+                middle: _colors.colors.primitives.gray[600],
+                light: _colors.colors.primitives.gray[300],
+                lighter: _colors.colors.primitives.gray[200]
+            }, _colors.colors.primitives.gray),
+            hover: _colors.colors.primitives.gray[600],
+            background: _object_spread_props(_object_spread({}, _colors.colors.background), {
+                one: _colors.colors.background[100],
+                two: _colors.colors.background[200]
+            })
+        }),
+        cursor: {
+            base: 'var(--tw-cursor)'
+        },
+        spacing: _object_spread_props(_object_spread({}, _units.units.spacing, Object.keys(_units.units.spacing).reduce(function(smallerSpacings, spacingkey) {
+            var _obj;
+            return _object_spread_props(_object_spread({}, smallerSpacings), (_obj = {}, _define_property(_obj, "".concat(spacingkey, "-1"), "calc(".concat(_units.units.spacing[spacingkey], " - var(--sk-spacing-1))")), _define_property(_obj, "".concat(spacingkey, "-2"), "calc(".concat(_units.units.spacing[spacingkey], " - var(--sk-spacing-2))")), _define_property(_obj, "".concat(spacingkey, "+1"), "calc(".concat(_units.units.spacing[spacingkey], " + var(--sk-spacing-1))")), _define_property(_obj, "".concat(spacingkey, "+2"), "calc(".concat(_units.units.spacing[spacingkey], " + var(--sk-spacing-2))")), _obj));
+        }, {})), {
+            xs: _units.units.spacing[4],
+            sm: _units.units.spacing[8],
+            md: _units.units.spacing[16],
+            lg: _units.units.spacing[24],
+            xl: _units.units.spacing[48]
+        }),
+        maxWidth: {
+            content: _theme.screens['desktop-max']
+        },
+        lineHeight: _object_spread_props(_object_spread({}, _units.units.lineHeights, _units.units.spacing), {
+            xs: 'var(-sk-spacing-16)',
+            xl: _units.units.lineHeights['h4'],
+            '2xl': _units.units.lineHeights['h3'],
+            '3xl': _units.units.lineHeights['h2'],
+            '4xl': _units.units.lineHeights['h1'],
+            '5xl': _units.units.lineHeights['display-3']
+        }),
+        opacity: {
+            '15': '0.15'
+        },
+        borderWidth: _object_spread({
+            DEFAULT: 'var(--sk-spacing-2)'
+        }, _units.units.spacing),
+        backgroundColor: {
+            base: (0, _withopacity.default)('--sk-colors-primary-surface'),
+            fill: (0, _withopacity.default)('--sk-colors-bg-fill')
+        },
+        textColor: {
+            foreground: (0, _withopacity.default)('--sk-colors-primary-DEFAULT'),
+            muted: (0, _withopacity.default)('--sk-colors-xt-muted')
+        },
+        zIndex: {
+            hide: '-1',
+            none: '0',
+            base: '1',
+            docked: '10',
+            dropdown: '1000',
+            sticky: '1100',
+            banner: '1200',
+            overlay: '1300',
+            modal: '1400',
+            popover: '1500',
+            skipLink: '1600',
+            toast: '1700',
+            tooltip: '1800'
+        },
+        keyframes: {
+            'reset-overflow': {
+                'from, to': {
+                    overflow: 'hidden'
+                }
+            },
+            typingbounce: {
+                '0%': {
+                    transform: 'translateY(0)'
+                },
+                '10%': {
+                    transform: 'translateY(-0.8rem)'
+                },
+                '20%, 100%': {
+                    transform: 'translateY(0rem)'
+                }
+            }
+        },
+        animation: {
+            'reset-overflow': 'reset-overflow 180ms backwards',
+            'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',
+            'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',
+            'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite'
         }
-      }
-    },
-    animation: {
-      'reset-overflow': 'reset-overflow 180ms backwards',
-      'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',
-      'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',
-      'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite'
     }
-  }
 };
+
 //# sourceMappingURL=theme.js.map

package/dist/cjs/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["_withOpacity","_interopRequireDefault","require","_colors","_units","_theme","_fonts","e","__esModule","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","theme","exports","extend","containers","keys","screens","reduce","screenKey","index","_extends2","values","fontSize","units","fontSizes","tiny","xs","xl","fontFamily","fonts","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","_extends3","boxShadow","insetring","colors","ring","ringColor","DEFAULT","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","smallerSpacings","spacingkey","_extends4","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","withOpacity","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","typingbounce","transform","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\nimport { fonts } from './fonts';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n  extend: {\r\n    containers: Object.keys(screens).reduce(\r\n      (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\r\n      {}\r\n    ),\r\n    fontSize: {\r\n      ...units.fontSizes,\r\n\r\n      tiny: 'var(--sk-spacing-10)',\r\n      xs: 'var(--sk-spacing-12)',\r\n      xl: units.fontSizes['h4'],\r\n      '2xl': units.fontSizes['h3'],\r\n      '3xl': units.fontSizes['h2'],\r\n      '4xl': units.fontSizes['h1'],\r\n      '5xl': units.fontSizes['h3'],\r\n    },\r\n    fontFamily: {\r\n      ...fonts,\r\n    },\r\n    screens,\r\n    borderRadius: {\r\n      ...units.radius,\r\n      base: 'var(--sk-spacing-0)',\r\n    },\r\n    backgroundPosition: {\r\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n        (positions, spaceKey) => ({\r\n          ...positions,\r\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n    boxShadow: {\r\n      '50': `\r\n      0 0 3px 0 rgba(10, 12, 15, 0.08),\r\n      0 1px 8px 0 rgba(10, 12, 15, 0.13)\r\n      `,\r\n      '100': `\r\n        0 6px 16px 0 rgba(13,13,14, 0.07),\r\n        0 1.81px 12px 0 rgba(13,13,14, 0.15),\r\n        0 0.75px 2px 0 rgba(13,13,14, 0.085),\r\n        0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\r\n      `,\r\n      '200': `\r\n        0 0 2px 0 rgba(13,13,14, 0.15),\r\n        0 15px 27px 0 rgba(13,13,14, 0.1),\r\n        0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\r\n        0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\r\n        0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\r\n      `,\r\n      insetring: `0 0 0 0.25rem ${colors.ring} inset`,\r\n    },\r\n    ringColor: {\r\n      DEFAULT: colors.ring,\r\n      ...colors,\r\n    },\r\n    ringOffsetWidth: {\r\n      DEFAULT: 'var(--sk-spacing-2)',\r\n      ...units.spacing,\r\n    },\r\n    ringWidth: {\r\n      DEFAULT: 'var(--sk-spacing-3)',\r\n      0: '0px',\r\n    },\r\n    ringOpacity: {\r\n      DEFAULT: '1',\r\n    },\r\n    colors: {\r\n      ...colors,\r\n      current: 'currentColor',\r\n      gray: {\r\n        DEFAULT: colors.primitives.gray[600],\r\n        stroke: colors.divider,\r\n        middle: colors.primitives.gray[600],\r\n        light: colors.primitives.gray[300],\r\n        lighter: colors.primitives.gray[200],\r\n        ...colors.primitives.gray,\r\n      },\r\n      hover: colors.primitives.gray[600],\r\n      background: {\r\n        ...colors.background,\r\n        one: colors.background[100],\r\n        two: colors.background[200],\r\n      },\r\n    },\r\n    cursor: {\r\n      base: 'var(--tw-cursor)',\r\n    },\r\n    spacing: {\r\n      ...units.spacing,\r\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n        (smallerSpacings, spacingkey) => ({\r\n          ...smallerSpacings,\r\n          [`${spacingkey}-1`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-1))`,\r\n          [`${spacingkey}-2`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-2))`,\r\n          [`${spacingkey}+1`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-1))`,\r\n          [`${spacingkey}+2`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-2))`,\r\n        }),\r\n        {}\r\n      ),\r\n      xs: units.spacing[4],\r\n      sm: units.spacing[8],\r\n      md: units.spacing[16],\r\n      lg: units.spacing[24],\r\n      xl: units.spacing[48],\r\n    },\r\n    maxWidth: {\r\n      content: screens['desktop-max'],\r\n    },\r\n    lineHeight: {\r\n      ...units.lineHeights,\r\n      ...units.spacing,\r\n      xs: 'var(-sk-spacing-16)',\r\n      xl: units.lineHeights['h4'],\r\n      '2xl': units.lineHeights['h3'],\r\n      '3xl': units.lineHeights['h2'],\r\n      '4xl': units.lineHeights['h1'],\r\n      '5xl': units.lineHeights['display-3'],\r\n    },\r\n    opacity: {\r\n      '15': '0.15',\r\n    },\r\n    borderWidth: {\r\n      DEFAULT: 'var(--sk-spacing-2)',\r\n      ...units.spacing,\r\n    },\r\n    backgroundColor: {\r\n      base: withOpacity('--sk-colors-primary-surface'),\r\n      fill: withOpacity('--sk-colors-bg-fill'),\r\n    },\r\n    textColor: {\r\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n      muted: withOpacity('--sk-colors-xt-muted'),\r\n    },\r\n\r\n    zIndex: {\r\n      hide: '-1',\r\n      none: '0',\r\n      base: '1',\r\n      docked: '10',\r\n      dropdown: '1000',\r\n      sticky: '1100',\r\n      banner: '1200',\r\n      overlay: '1300',\r\n      modal: '1400',\r\n      popover: '1500',\r\n      skipLink: '1600',\r\n      toast: '1700',\r\n      tooltip: '1800',\r\n    },\r\n    keyframes: {\r\n      'reset-overflow': {\r\n        'from, to': {\r\n          overflow: 'hidden',\r\n        },\r\n      },\r\n      typingbounce: {\r\n        '0%': { transform: 'translateY(0)' },\r\n        '10%': { transform: 'translateY(-0.8rem)' },\r\n        '20%, 100%': { transform: 'translateY(0rem)' },\r\n      },\r\n    },\r\n    animation: {\r\n      'reset-overflow': 'reset-overflow 180ms backwards',\r\n      'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',\r\n      'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',\r\n      'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite',\r\n    },\r\n  },\r\n};\r\nexport { theme };\r\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAAA,SAAAE,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,CAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,IAAMO,KAA2D,GAAAC,OAAA,CAAAD,KAAA,GAAG;EAClEE,MAAM,EAAE;IACNC,UAAU,EAAEd,MAAM,CAACe,IAAI,CAACC,cAAO,CAAC,CAACC,MAAM,CACrC,UAACH,UAAU,EAAEI,SAAS,EAAEC,KAAK;MAAA,IAAAC,SAAA;MAAA,OAAArB,QAAA,KAAWe,UAAU,GAAAM,SAAA,OAAAA,SAAA,aAAaF,SAAS,IAAKlB,MAAM,CAACqB,MAAM,CAACL,cAAO,CAAC,CAACG,KAAK,CAAC,EAAAC,SAAA;IAAA,CAAG,EAC7G,CAAC,CACH,CAAC;IACDE,QAAQ,EAAAvB,QAAA,KACHwB,YAAK,CAACC,SAAS;MAElBC,IAAI,EAAE,sBAAsB;MAC5BC,EAAE,EAAE,sBAAsB;MAC1BC,EAAE,EAAEJ,YAAK,CAACC,SAAS,CAAC,IAAI,CAAC;MACzB,KAAK,EAAED,YAAK,CAACC,SAAS,CAAC,IAAI,CAAC;MAC5B,KAAK,EAAED,YAAK,CAACC,SAAS,CAAC,IAAI,CAAC;MAC5B,KAAK,EAAED,YAAK,CAACC,SAAS,CAAC,IAAI,CAAC;MAC5B,KAAK,EAAED,YAAK,CAACC,SAAS,CAAC,IAAI;IAAC,EAC7B;IACDI,UAAU,EAAA7B,QAAA,KACL8B,YAAK,CACT;IACDb,OAAO,EAAPA,cAAO;IACPc,YAAY,EAAA/B,QAAA,KACPwB,YAAK,CAACQ,MAAM;MACfC,IAAI,EAAE;IAAqB,EAC5B;IACDC,kBAAkB,EAAAlC,QAAA,KACZC,MAAM,CAACe,IAAI,CAACQ,YAAK,CAACW,OAAO,CAAC,CAAuCjB,MAAM,CACzE,UAACkB,SAAS,EAAEC,QAAQ;MAAA,IAAAC,SAAA;MAAA,OAAAtC,QAAA,KACfoC,SAAS,GAAAE,SAAA,OAAAA,SAAA,UACJD,QAAQ,oBAAmBb,YAAK,CAACW,OAAO,CAACE,QAAQ,CAAC,EAAAC,SAAA,YAChDD,QAAQ,sBAAqBb,YAAK,CAACW,OAAO,CAACE,QAAQ,CAAC,EAAAC,SAAA,aACnDD,QAAQ,uBAAsBb,YAAK,CAACW,OAAO,CAACE,QAAQ,CAAC,EAAAC,SAAA,WACvDD,QAAQ,qBAAoBb,YAAK,CAACW,OAAO,CAACE,QAAQ,CAAC,EAAAC,SAAA;IAAA,CAC5D,EACF,CAAC,CACH,CAAC,CACF;IACDC,SAAS,EAAE;MACT,IAAI,+FAGH;MACD,KAAK,wMAKJ;MACD,KAAK,mPAMJ;MACDC,SAAS,qBAAmBC,cAAM,CAACC,IAAI;IACzC,CAAC;IACDC,SAAS,EAAA3C,QAAA;MACP4C,OAAO,EAAEH,cAAM,CAACC;IAAI,GACjBD,cAAM,CACV;IACDI,eAAe,EAAA7C,QAAA;MACb4C,OAAO,EAAE;IAAqB,GAC3BpB,YAAK,CAACW,OAAO,CACjB;IACDW,SAAS,EAAE;MACTF,OAAO,EAAE,qBAAqB;MAC9B,CAAC,EAAE;IACL,CAAC;IACDG,WAAW,EAAE;MACXH,OAAO,EAAE;IACX,CAAC;IACDH,MAAM,EAAAzC,QAAA,KACDyC,cAAM;MACTO,OAAO,EAAE,cAAc;MACvBC,IAAI,EAAAjD,QAAA;QACF4C,OAAO,EAAEH,cAAM,CAACS,UAAU,CAACD,IAAI,CAAC,GAAG,CAAC;QACpCE,MAAM,EAAEV,cAAM,CAACW,OAAO;QACtBC,MAAM,EAAEZ,cAAM,CAACS,UAAU,CAACD,IAAI,CAAC,GAAG,CAAC;QACnCK,KAAK,EAAEb,cAAM,CAACS,UAAU,CAACD,IAAI,CAAC,GAAG,CAAC;QAClCM,OAAO,EAAEd,cAAM,CAACS,UAAU,CAACD,IAAI,CAAC,GAAG;MAAC,GACjCR,cAAM,CAACS,UAAU,CAACD,IAAI,CAC1B;MACDO,KAAK,EAAEf,cAAM,CAACS,UAAU,CAACD,IAAI,CAAC,GAAG,CAAC;MAClCQ,UAAU,EAAAzD,QAAA,KACLyC,cAAM,CAACgB,UAAU;QACpBC,GAAG,EAAEjB,cAAM,CAACgB,UAAU,CAAC,GAAG,CAAC;QAC3BE,GAAG,EAAElB,cAAM,CAACgB,UAAU,CAAC,GAAG;MAAC;IAC5B,EACF;IACDG,MAAM,EAAE;MACN3B,IAAI,EAAE;IACR,CAAC;IACDE,OAAO,EAAAnC,QAAA,KACFwB,YAAK,CAACW,OAAO,EACZlC,MAAM,CAACe,IAAI,CAACQ,YAAK,CAACW,OAAO,CAAC,CAAuCjB,MAAM,CACzE,UAAC2C,eAAe,EAAEC,UAAU;MAAA,IAAAC,SAAA;MAAA,OAAA/D,QAAA,KACvB6D,eAAe,GAAAE,SAAA,OAAAA,SAAA,CACdD,UAAU,qBAAetC,YAAK,CAACW,OAAO,CAAC2B,UAAU,CAAC,8BAAAC,SAAA,CAClDD,UAAU,qBAAetC,YAAK,CAACW,OAAO,CAAC2B,UAAU,CAAC,8BAAAC,SAAA,CAClDD,UAAU,qBAAetC,YAAK,CAACW,OAAO,CAAC2B,UAAU,CAAC,8BAAAC,SAAA,CAClDD,UAAU,qBAAetC,YAAK,CAACW,OAAO,CAAC2B,UAAU,CAAC,8BAAAC,SAAA;IAAA,CACtD,EACF,CAAC,CACH,CAAC;MACDpC,EAAE,EAAEH,YAAK,CAACW,OAAO,CAAC,CAAC,CAAC;MACpB6B,EAAE,EAAExC,YAAK,CAACW,OAAO,CAAC,CAAC,CAAC;MACpB8B,EAAE,EAAEzC,YAAK,CAACW,OAAO,CAAC,EAAE,CAAC;MACrB+B,EAAE,EAAE1C,YAAK,CAACW,OAAO,CAAC,EAAE,CAAC;MACrBP,EAAE,EAAEJ,YAAK,CAACW,OAAO,CAAC,EAAE;IAAC,EACtB;IACDgC,QAAQ,EAAE;MACRC,OAAO,EAAEnD,cAAO,CAAC,aAAa;IAChC,CAAC;IACDoD,UAAU,EAAArE,QAAA,KACLwB,YAAK,CAAC8C,WAAW,EACjB9C,YAAK,CAACW,OAAO;MAChBR,EAAE,EAAE,qBAAqB;MACzBC,EAAE,EAAEJ,YAAK,CAAC8C,WAAW,CAAC,IAAI,CAAC;MAC3B,KAAK,EAAE9C,YAAK,CAAC8C,WAAW,CAAC,IAAI,CAAC;MAC9B,KAAK,EAAE9C,YAAK,CAAC8C,WAAW,CAAC,IAAI,CAAC;MAC9B,KAAK,EAAE9C,YAAK,CAAC8C,WAAW,CAAC,IAAI,CAAC;MAC9B,KAAK,EAAE9C,YAAK,CAAC8C,WAAW,CAAC,WAAW;IAAC,EACtC;IACDC,OAAO,EAAE;MACP,IAAI,EAAE;IACR,CAAC;IACDC,WAAW,EAAAxE,QAAA;MACT4C,OAAO,EAAE;IAAqB,GAC3BpB,YAAK,CAACW,OAAO,CACjB;IACDsC,eAAe,EAAE;MACfxC,IAAI,EAAE,IAAAyC,uBAAW,EAAC,6BAA6B,CAAC;MAChDC,IAAI,EAAE,IAAAD,uBAAW,EAAC,qBAAqB;IACzC,CAAC;IACDE,SAAS,EAAE;MACTC,UAAU,EAAE,IAAAH,uBAAW,EAAC,6BAA6B,CAAC;MACtDI,KAAK,EAAE,IAAAJ,uBAAW,EAAC,sBAAsB;IAC3C,CAAC;IAEDK,MAAM,EAAE;MACNC,IAAI,EAAE,IAAI;MACVC,IAAI,EAAE,GAAG;MACThD,IAAI,EAAE,GAAG;MACTiD,MAAM,EAAE,IAAI;MACZC,QAAQ,EAAE,MAAM;MAChBC,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,MAAM;MACdC,OAAO,EAAE,MAAM;MACfC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,MAAM;MAChBC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF,CAAC;MACDC,YAAY,EAAE;QACZ,IAAI,EAAE;UAAEC,SAAS,EAAE;QAAgB,CAAC;QACpC,KAAK,EAAE;UAAEA,SAAS,EAAE;QAAsB,CAAC;QAC3C,WAAW,EAAE;UAAEA,SAAS,EAAE;QAAmB;MAC/C;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE,gCAAgC;MAClD,iBAAiB,EAAE,8CAA8C;MACjE,iBAAiB,EAAE,8CAA8C;MACjE,iBAAiB,EAAE;IACrB;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\nimport { colors } from './colors';\nimport { units } from './units';\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\nimport { Config } from 'tailwindcss/types/config';\nimport { fonts } from './fonts';\n\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\n  extend: {\n    containers: Object.keys(screens).reduce(\n      (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\n      {}\n    ),\n    fontSize: {\n      ...units.fontSizes,\n\n      tiny: 'var(--sk-spacing-10)',\n      xs: 'var(--sk-spacing-12)',\n      xl: units.fontSizes['h4'],\n      '2xl': units.fontSizes['h3'],\n      '3xl': units.fontSizes['h2'],\n      '4xl': units.fontSizes['h1'],\n      '5xl': units.fontSizes['h3'],\n    },\n    fontFamily: {\n      ...fonts,\n    },\n    screens,\n    borderRadius: {\n      ...units.radius,\n      base: 'var(--sk-spacing-0)',\n    },\n    backgroundPosition: {\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\n        (positions, spaceKey) => ({\n          ...positions,\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\n        }),\n        {}\n      ),\n    },\n    boxShadow: {\n      '50': `\n      0 0 3px 0 rgba(10, 12, 15, 0.08),\n      0 1px 8px 0 rgba(10, 12, 15, 0.13)\n      `,\n      '100': `\n        0 6px 16px 0 rgba(13,13,14, 0.07),\n        0 1.81px 12px 0 rgba(13,13,14, 0.15),\n        0 0.75px 2px 0 rgba(13,13,14, 0.085),\n        0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\n      `,\n      '200': `\n        0 0 2px 0 rgba(13,13,14, 0.15),\n        0 15px 27px 0 rgba(13,13,14, 0.1),\n        0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\n        0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\n        0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\n      `,\n      insetring: `0 0 0 0.25rem ${colors.ring} inset`,\n    },\n    ringColor: {\n      DEFAULT: colors.ring,\n      ...colors,\n    },\n    ringOffsetWidth: {\n      DEFAULT: 'var(--sk-spacing-2)',\n      ...units.spacing,\n    },\n    ringWidth: {\n      DEFAULT: 'var(--sk-spacing-3)',\n      0: '0px',\n    },\n    ringOpacity: {\n      DEFAULT: '1',\n    },\n    colors: {\n      ...colors,\n      current: 'currentColor',\n      gray: {\n        DEFAULT: colors.primitives.gray[600],\n        stroke: colors.divider,\n        middle: colors.primitives.gray[600],\n        light: colors.primitives.gray[300],\n        lighter: colors.primitives.gray[200],\n        ...colors.primitives.gray,\n      },\n      hover: colors.primitives.gray[600],\n      background: {\n        ...colors.background,\n        one: colors.background[100],\n        two: colors.background[200],\n      },\n    },\n    cursor: {\n      base: 'var(--tw-cursor)',\n    },\n    spacing: {\n      ...units.spacing,\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\n        (smallerSpacings, spacingkey) => ({\n          ...smallerSpacings,\n          [`${spacingkey}-1`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-1))`,\n          [`${spacingkey}-2`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-2))`,\n          [`${spacingkey}+1`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-1))`,\n          [`${spacingkey}+2`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-2))`,\n        }),\n        {}\n      ),\n      xs: units.spacing[4],\n      sm: units.spacing[8],\n      md: units.spacing[16],\n      lg: units.spacing[24],\n      xl: units.spacing[48],\n    },\n    maxWidth: {\n      content: screens['desktop-max'],\n    },\n    lineHeight: {\n      ...units.lineHeights,\n      ...units.spacing,\n      xs: 'var(-sk-spacing-16)',\n      xl: units.lineHeights['h4'],\n      '2xl': units.lineHeights['h3'],\n      '3xl': units.lineHeights['h2'],\n      '4xl': units.lineHeights['h1'],\n      '5xl': units.lineHeights['display-3'],\n    },\n    opacity: {\n      '15': '0.15',\n    },\n    borderWidth: {\n      DEFAULT: 'var(--sk-spacing-2)',\n      ...units.spacing,\n    },\n    backgroundColor: {\n      base: withOpacity('--sk-colors-primary-surface'),\n      fill: withOpacity('--sk-colors-bg-fill'),\n    },\n    textColor: {\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\n      muted: withOpacity('--sk-colors-xt-muted'),\n    },\n\n    zIndex: {\n      hide: '-1',\n      none: '0',\n      base: '1',\n      docked: '10',\n      dropdown: '1000',\n      sticky: '1100',\n      banner: '1200',\n      overlay: '1300',\n      modal: '1400',\n      popover: '1500',\n      skipLink: '1600',\n      toast: '1700',\n      tooltip: '1800',\n    },\n    keyframes: {\n      'reset-overflow': {\n        'from, to': {\n          overflow: 'hidden',\n        },\n      },\n      typingbounce: {\n        '0%': { transform: 'translateY(0)' },\n        '10%': { transform: 'translateY(-0.8rem)' },\n        '20%, 100%': { transform: 'translateY(0rem)' },\n      },\n    },\n    animation: {\n      'reset-overflow': 'reset-overflow 180ms backwards',\n      'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',\n      'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',\n      'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite',\n    },\n  },\n};\nexport { theme };\n"],"names":["theme","extend","containers","Object","keys","screens","reduce","screenKey","index","values","fontSize","units","fontSizes","tiny","xs","xl","fontFamily","fonts","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","colors","ring","ringColor","DEFAULT","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","smallerSpacings","spacingkey","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","withOpacity","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","typingbounce","transform","animation"],"mappings":"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"}