@sk-web-gui/core 3.13.0 → 3.13.1

package/dist/cjs/plugin.js

@@ -16,73 +16,20 @@ _export(exports, {
         return pluginDefaults;
     }
 });
-var _plugin = /*#__PURE__*/ _interop_require_default(require("tailwindcss/plugin"));
-var _base = require("./base");
-var _theme = require("./theme");
-var _components = require("./components");
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-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;
-}
+const _plugin = /*#__PURE__*/ _interop_require_default(require("tailwindcss/plugin"));
+const _base = require("./base");
+const _theme = require("./theme");
+const _components = require("./components");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-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 _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-var pluginDefaults = {
+const pluginDefaults = {
     cssBase: true,
     colors: []
 };
-var defaultColors = [
+const defaultColors = [
     'warning',
     'error',
     'success',
@@ -92,54 +39,62 @@ var defaultColors = [
     'bjornstigen',
     'gronsta'
 ];
-var getComponentWithDependencies = function(compName) {
-    var compWithDeps = _components.components.find(function(comp) {
-        return comp.comp.name === compName;
-    });
+const getComponentWithDependencies = (compName)=>{
+    const compWithDeps = _components.components.find((comp)=>comp.comp.name === compName);
     if (!compWithDeps) return [];
-    var comps = [
+    let comps = [
         compWithDeps.comp
     ];
-    if (compWithDeps === null || compWithDeps === void 0 ? void 0 : compWithDeps.deps) {
-        for(var index = 0; index < (compWithDeps === null || compWithDeps === void 0 ? void 0 : compWithDeps.deps.length); index++){
-            comps = _to_consumable_array(getComponentWithDependencies(compWithDeps.deps[index].name)).concat(_to_consumable_array(comps));
+    if (compWithDeps?.deps) {
+        for(let index = 0; index < compWithDeps?.deps.length; index++){
+            comps = [
+                ...getComponentWithDependencies(compWithDeps.deps[index].name),
+                ...comps
+            ];
         }
     }
     return comps;
 };
-var plugin = _plugin.default.withOptions(function(_options) {
-    var options = _object_spread({}, pluginDefaults, _options);
-    var pickedComponents = _components.components.reduce(function(comps, compWithDeps) {
-        if ((options === null || options === void 0 ? void 0 : options.components) && !options.components.includes(compWithDeps.comp.name)) {
+const plugin = _plugin.default.withOptions(function(_options) {
+    const options = {
+        ...pluginDefaults,
+        ..._options
+    };
+    const pickedComponents = _components.components.reduce((comps, compWithDeps)=>{
+        if (options?.components && !options.components.includes(compWithDeps.comp.name)) {
             return comps;
         }
-        var deps = [];
-        if (compWithDeps === null || compWithDeps === void 0 ? void 0 : compWithDeps.deps) {
-            for(var index = 0; index < compWithDeps.deps.length; index++){
-                deps = _to_consumable_array(getComponentWithDependencies(compWithDeps.deps[index].name)).concat(_to_consumable_array(deps));
+        let deps = [];
+        if (compWithDeps?.deps) {
+            for(let index = 0; index < compWithDeps.deps.length; index++){
+                deps = [
+                    ...getComponentWithDependencies(compWithDeps.deps[index].name),
+                    ...deps
+                ];
             }
         }
-        return _to_consumable_array(comps).concat(_to_consumable_array(deps), [
+        return [
+            ...comps,
+            ...deps,
             compWithDeps.comp
-        ]);
-    }, []).filter(function(val, index, arr) {
-        return arr.indexOf(val) === index;
-    });
+        ];
+    }, []).filter((val, index, arr)=>arr.indexOf(val) === index);
     return function(param) {
-        var addComponents = param.addComponents, addBase = param.addBase, theme = param.theme;
-        var optionColors = _to_consumable_array(defaultColors).concat(_to_consumable_array(options.colors || []));
+        let { addComponents, addBase, theme } = param;
+        const optionColors = [
+            ...defaultColors,
+            ...options.colors || []
+        ];
         if (options.cssBase) {
             addBase(_base.base);
         }
-        addComponents(pickedComponents.map(function(component) {
-            return component(optionColors, theme);
-        }));
+        addComponents(pickedComponents.map((component)=>component(optionColors, theme)));
     };
 }, function() {
     return {
         theme: _theme.theme
     };
 });
-var _default = plugin;
+const _default = plugin;
 
 //# sourceMappingURL=plugin.js.map

package/dist/cjs/plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\nimport { Component, components } from './components';\r\nimport { PluginAPI } from 'tailwindcss/types/config';\r\n\r\nexport interface PluginOptions {\r\n  colors?: string[];\r\n  cssBase?: boolean;\r\n  components?: string[];\r\n}\r\n\r\nexport const pluginDefaults = { cssBase: true, colors: [] };\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst getComponentWithDependencies = (compName: string): Component[] => {\r\n  const compWithDeps = components.find((comp) => comp.comp.name === compName);\r\n  if (!compWithDeps) return [];\r\n\r\n  let comps: Component[] = [compWithDeps.comp];\r\n  if (compWithDeps?.deps) {\r\n    for (let index = 0; index < compWithDeps?.deps.length; index++) {\r\n      comps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...comps];\r\n    }\r\n  }\r\n\r\n  return comps;\r\n};\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n  function (_options) {\r\n    const options = { ...pluginDefaults, ..._options };\r\n\r\n    const pickedComponents = components\r\n      .reduce((comps: Component[], compWithDeps) => {\r\n        if (options?.components && !options.components.includes(compWithDeps.comp.name)) {\r\n          return comps;\r\n        }\r\n\r\n        let deps: Component[] = [];\r\n        if (compWithDeps?.deps) {\r\n          for (let index = 0; index < compWithDeps.deps.length; index++) {\r\n            deps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...deps];\r\n          }\r\n        }\r\n\r\n        return [...comps, ...deps, compWithDeps.comp];\r\n      }, [])\r\n      .filter((val, index, arr) => arr.indexOf(val) === index);\r\n\r\n    return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n      const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n      if (options.cssBase) {\r\n        addBase(base);\r\n      }\r\n\r\n      addComponents(pickedComponents.map((component) => component(optionColors, theme)));\r\n    };\r\n  },\r\n  function () {\r\n    return {\r\n      theme: theme,\r\n    };\r\n  }\r\n);\r\n\r\nexport default plugin;\r\n"],"names":["pluginDefaults","cssBase","colors","defaultColors","getComponentWithDependencies","compName","compWithDeps","components","find","comp","name","comps","deps","index","length","plugin","TailwindPlugin","withOptions","_options","options","pickedComponents","reduce","includes","filter","val","arr","indexOf","addComponents","addBase","theme","optionColors","base","map","component"],"mappings":";;;;;;;;;;;IAoEA,OAAsB;eAAtB;;IAxDaA,cAAc;eAAdA;;;6DAZc;oBACN;qBACC;0BACgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAS/B,IAAMA,iBAAiB;IAAEC,SAAS;IAAMC,QAAQ,EAAE;AAAC;AAE1D,IAAMC,gBAAgB;IAAC;IAAW;IAAS;IAAW;IAAQ;IAAW;IAAY;IAAe;CAAU;AAE9G,IAAMC,+BAA+B,SAACC;IACpC,IAAMC,eAAeC,sBAAU,CAACC,IAAI,CAAC,SAACC;eAASA,KAAKA,IAAI,CAACC,IAAI,KAAKL;;IAClE,IAAI,CAACC,cAAc,OAAO,EAAE;IAE5B,IAAIK,QAAqB;QAACL,aAAaG,IAAI;KAAC;IAC5C,IAAIH,yBAAAA,mCAAAA,aAAcM,IAAI,EAAE;QACtB,IAAK,IAAIC,QAAQ,GAAGA,SAAQP,yBAAAA,mCAAAA,aAAcM,IAAI,CAACE,MAAM,GAAED,QAAS;YAC9DF,QAAQ,AAAC,qBAAGP,6BAA6BE,aAAaM,IAAI,CAACC,MAAM,CAACH,IAAI,UAAG,qBAAGC;QAC9E;IACF;IAEA,OAAOA;AACT;AAEA,IAAMI,SAASC,eAAc,CAACC,WAAW,CACvC,SAAUC,QAAQ;IAChB,IAAMC,UAAU,mBAAKnB,gBAAmBkB;IAExC,IAAME,mBAAmBb,sBAAU,CAChCc,MAAM,CAAC,SAACV,OAAoBL;QAC3B,IAAIa,CAAAA,oBAAAA,8BAAAA,QAASZ,UAAU,KAAI,CAACY,QAAQZ,UAAU,CAACe,QAAQ,CAAChB,aAAaG,IAAI,CAACC,IAAI,GAAG;YAC/E,OAAOC;QACT;QAEA,IAAIC,OAAoB,EAAE;QAC1B,IAAIN,yBAAAA,mCAAAA,aAAcM,IAAI,EAAE;YACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQP,aAAaM,IAAI,CAACE,MAAM,EAAED,QAAS;gBAC7DD,OAAO,AAAC,qBAAGR,6BAA6BE,aAAaM,IAAI,CAACC,MAAM,CAACH,IAAI,UAAG,qBAAGE;YAC7E;QACF;QAEA,OAAO,AAAC,qBAAGD,cAAO,qBAAGC,OAAd;YAAoBN,aAAaG,IAAI;SAAC;IAC/C,GAAG,EAAE,EACJc,MAAM,CAAC,SAACC,KAAKX,OAAOY;eAAQA,IAAIC,OAAO,CAACF,SAASX;;IAEpD,OAAO,SAAU,KAA4C;YAA1Cc,gBAAF,MAAEA,eAAeC,UAAjB,MAAiBA,SAASC,QAA1B,MAA0BA;QACzC,IAAMC,eAAe,AAAC,qBAAG3B,sBAAe,qBAAIgB,QAAQjB,MAAM,IAAI,EAAE;QAEhE,IAAIiB,QAAQlB,OAAO,EAAE;YACnB2B,QAAQG,UAAI;QACd;QAEAJ,cAAcP,iBAAiBY,GAAG,CAAC,SAACC;mBAAcA,UAAUH,cAAcD;;IAC5E;AACF,GACA;IACE,OAAO;QACLA,OAAOA,YAAK;IACd;AACF;IAGF,WAAed"}
+{"version":3,"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\nimport { Component, components } from './components';\r\nimport { PluginAPI } from 'tailwindcss/types/config';\r\n\r\nexport interface PluginOptions {\r\n  colors?: string[];\r\n  cssBase?: boolean;\r\n  components?: string[];\r\n}\r\n\r\nexport const pluginDefaults = { cssBase: true, colors: [] };\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst getComponentWithDependencies = (compName: string): Component[] => {\r\n  const compWithDeps = components.find((comp) => comp.comp.name === compName);\r\n  if (!compWithDeps) return [];\r\n\r\n  let comps: Component[] = [compWithDeps.comp];\r\n  if (compWithDeps?.deps) {\r\n    for (let index = 0; index < compWithDeps?.deps.length; index++) {\r\n      comps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...comps];\r\n    }\r\n  }\r\n\r\n  return comps;\r\n};\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n  function (_options) {\r\n    const options = { ...pluginDefaults, ..._options };\r\n\r\n    const pickedComponents = components\r\n      .reduce((comps: Component[], compWithDeps) => {\r\n        if (options?.components && !options.components.includes(compWithDeps.comp.name)) {\r\n          return comps;\r\n        }\r\n\r\n        let deps: Component[] = [];\r\n        if (compWithDeps?.deps) {\r\n          for (let index = 0; index < compWithDeps.deps.length; index++) {\r\n            deps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...deps];\r\n          }\r\n        }\r\n\r\n        return [...comps, ...deps, compWithDeps.comp];\r\n      }, [])\r\n      .filter((val, index, arr) => arr.indexOf(val) === index);\r\n\r\n    return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n      const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n      if (options.cssBase) {\r\n        addBase(base);\r\n      }\r\n\r\n      addComponents(pickedComponents.map((component) => component(optionColors, theme)));\r\n    };\r\n  },\r\n  function () {\r\n    return {\r\n      theme: theme,\r\n    };\r\n  }\r\n);\r\n\r\nexport default plugin;\r\n"],"names":["pluginDefaults","cssBase","colors","defaultColors","getComponentWithDependencies","compName","compWithDeps","components","find","comp","name","comps","deps","index","length","plugin","TailwindPlugin","withOptions","_options","options","pickedComponents","reduce","includes","filter","val","arr","indexOf","addComponents","addBase","theme","optionColors","base","map","component"],"mappings":";;;;;;;;;;;IAoEA,OAAsB;eAAtB;;IAxDaA,cAAc;eAAdA;;;+DAZc;sBACN;uBACC;4BACgB;;;;;;AAS/B,MAAMA,iBAAiB;IAAEC,SAAS;IAAMC,QAAQ,EAAE;AAAC;AAE1D,MAAMC,gBAAgB;IAAC;IAAW;IAAS;IAAW;IAAQ;IAAW;IAAY;IAAe;CAAU;AAE9G,MAAMC,+BAA+B,CAACC;IACpC,MAAMC,eAAeC,sBAAU,CAACC,IAAI,CAAC,CAACC,OAASA,KAAKA,IAAI,CAACC,IAAI,KAAKL;IAClE,IAAI,CAACC,cAAc,OAAO,EAAE;IAE5B,IAAIK,QAAqB;QAACL,aAAaG,IAAI;KAAC;IAC5C,IAAIH,cAAcM,MAAM;QACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQP,cAAcM,KAAKE,QAAQD,QAAS;YAC9DF,QAAQ;mBAAIP,6BAA6BE,aAAaM,IAAI,CAACC,MAAM,CAACH,IAAI;mBAAMC;aAAM;QACpF;IACF;IAEA,OAAOA;AACT;AAEA,MAAMI,SAASC,eAAc,CAACC,WAAW,CACvC,SAAUC,QAAQ;IAChB,MAAMC,UAAU;QAAE,GAAGnB,cAAc;QAAE,GAAGkB,QAAQ;IAAC;IAEjD,MAAME,mBAAmBb,sBAAU,CAChCc,MAAM,CAAC,CAACV,OAAoBL;QAC3B,IAAIa,SAASZ,cAAc,CAACY,QAAQZ,UAAU,CAACe,QAAQ,CAAChB,aAAaG,IAAI,CAACC,IAAI,GAAG;YAC/E,OAAOC;QACT;QAEA,IAAIC,OAAoB,EAAE;QAC1B,IAAIN,cAAcM,MAAM;YACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQP,aAAaM,IAAI,CAACE,MAAM,EAAED,QAAS;gBAC7DD,OAAO;uBAAIR,6BAA6BE,aAAaM,IAAI,CAACC,MAAM,CAACH,IAAI;uBAAME;iBAAK;YAClF;QACF;QAEA,OAAO;eAAID;eAAUC;YAAMN,aAAaG,IAAI;SAAC;IAC/C,GAAG,EAAE,EACJc,MAAM,CAAC,CAACC,KAAKX,OAAOY,MAAQA,IAAIC,OAAO,CAACF,SAASX;IAEpD,OAAO,SAAU,KAA4C;YAA5C,EAAEc,aAAa,EAAEC,OAAO,EAAEC,KAAK,EAAa,GAA5C;QACf,MAAMC,eAAe;eAAI3B;eAAmBgB,QAAQjB,MAAM,IAAI,EAAE;SAAE;QAElE,IAAIiB,QAAQlB,OAAO,EAAE;YACnB2B,QAAQG,UAAI;QACd;QAEAJ,cAAcP,iBAAiBY,GAAG,CAAC,CAACC,YAAcA,UAAUH,cAAcD;IAC5E;AACF,GACA;IACE,OAAO;QACLA,OAAOA,YAAK;IACd;AACF;MAGF,WAAed"}

package/dist/cjs/preset.js

@@ -8,32 +8,11 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
-var _forms = /*#__PURE__*/ _interop_require_default(require("@tailwindcss/forms"));
-var _containerqueries = /*#__PURE__*/ _interop_require_default(require("@tailwindcss/container-queries"));
-var _plugin = /*#__PURE__*/ _interop_require_wildcard(require("./plugin"));
-var _dataplugin = require("./data-plugin");
-var _ariaplugin = require("./aria-plugin");
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-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;
-}
+const _forms = /*#__PURE__*/ _interop_require_default(require("@tailwindcss/forms"));
+const _containerqueries = /*#__PURE__*/ _interop_require_default(require("@tailwindcss/container-queries"));
+const _plugin = /*#__PURE__*/ _interop_require_wildcard(require("./plugin"));
+const _dataplugin = require("./data-plugin");
+const _ariaplugin = require("./aria-plugin");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -80,86 +59,39 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-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;
-            });
-        }
-        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;
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-var preset = function preset(_options) {
-    var defaults = {
+const preset = function(_options) {
+    const defaults = {
         tailwindForms: true,
         tailwindContainers: true,
         dataAttributes: true,
         ariaAttributes: true
     };
-    var options = _object_spread_props(_object_spread({}, defaults, _options), {
-        plugin: _object_spread({}, _plugin.pluginDefaults, (_options === null || _options === void 0 ? void 0 : _options.plugin) || {})
-    });
+    const options = {
+        ...defaults,
+        ..._options,
+        plugin: {
+            ..._plugin.pluginDefaults,
+            ..._options?.plugin || {}
+        }
+    };
     return {
-        plugins: _to_consumable_array(options.tailwindForms ? [
-            (0, _forms.default)()
-        ] : []).concat(_to_consumable_array(options.tailwindContainers ? [
-            _containerqueries.default
-        ] : []), _to_consumable_array(options.dataAttributes ? [
-            _dataplugin.DataAttributes
-        ] : []), _to_consumable_array(options.ariaAttributes ? [
-            _ariaplugin.AriaAttributes
-        ] : []), [
-            (0, _plugin.default)(options === null || options === void 0 ? void 0 : options.plugin)
-        ])
+        plugins: [
+            ...options.tailwindForms ? [
+                (0, _forms.default)()
+            ] : [],
+            ...options.tailwindContainers ? [
+                _containerqueries.default
+            ] : [],
+            ...options.dataAttributes ? [
+                _dataplugin.DataAttributes
+            ] : [],
+            ...options.ariaAttributes ? [
+                _ariaplugin.AriaAttributes
+            ] : [],
+            (0, _plugin.default)(options?.plugin)
+        ]
     };
 };
-var _default = preset;
+const _default = preset;
 
 //# sourceMappingURL=preset.js.map

package/dist/cjs/preset.js.map

@@ -1 +1 @@
-{"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"}
+{"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;;;8DAvC0B;yEACW;gEAClB;4BAEY;4BACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAU/B,MAAMA,SAAS,SAAUC,QAAwB;IAC/C,MAAMC,WAA0B;QAC9BC,eAAe;QACfC,oBAAoB;QACpBC,gBAAgB;QAChBC,gBAAgB;IAClB;IAEA,MAAMC,UAAU;QACd,GAAGL,QAAQ;QACX,GAAGD,QAAQ;QACXO,QAAQ;YAAE,GAAGC,sBAAc;YAAE,GAAIR,UAAUO,UAAU,CAAC,CAAC;QAAE;IAC3D;IAEA,OAAO;QACLE,SAAS;eACHH,QAAQJ,aAAa,GAAG;gBAACA,IAAAA,cAAa;aAAG,GAAG,EAAE;eAC9CI,QAAQH,kBAAkB,GAAG;gBAACO,yBAAwB;aAAC,GAAG,EAAE;eAC5DJ,QAAQF,cAAc,GAAG;gBAACO,0BAAc;aAAC,GAAG,EAAE;eAC9CL,QAAQD,cAAc,GAAG;gBAACO,0BAAc;aAAC,GAAG,EAAE;YAClDL,IAAAA,eAAM,EAACD,SAASC;SACjB;IACH;AACF;MACA,WAAeR"}

package/dist/cjs/theme.js

@@ -8,74 +8,24 @@ Object.defineProperty(exports, "theme", {
         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 _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;
-}
+const _withopacity = /*#__PURE__*/ _interop_require_default(require("./with-opacity"));
+const _colors = require("./colors");
+const _units = require("./units");
+const _theme = require("@sk-web-gui/theme");
+const _fonts = require("./fonts");
 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;
-            });
-        }
-        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 = {
+const 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), {
+        containers: Object.keys(_theme.screens).reduce((containers, screenKey, index)=>({
+                ...containers,
+                [`screen-${screenKey}`]: Object.values(_theme.screens)[index]
+            }), {}),
+        fontSize: {
+            ..._units.units.fontSizes,
             tiny: 'var(--sk-spacing-10)',
             xs: 'var(--sk-spacing-12)',
             xl: _units.units.fontSizes['h4'],
@@ -83,28 +33,52 @@ var theme = {
             '3xl': _units.units.fontSizes['h2'],
             '4xl': _units.units.fontSizes['h1'],
             '5xl': _units.units.fontSizes['h3']
-        }),
-        fontFamily: _object_spread({}, _fonts.fonts),
+        },
+        fontFamily: {
+            ..._fonts.fonts
+        },
         screens: _theme.screens,
-        borderRadius: _object_spread_props(_object_spread({}, _units.units.radius), {
+        borderRadius: {
+            ..._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));
-        }, {})),
+        },
+        backgroundPosition: {
+            ...Object.keys(_units.units.spacing).reduce((positions, spaceKey)=>({
+                    ...positions,
+                    [`top-${spaceKey}`]: `center top ${_units.units.spacing[spaceKey]}`,
+                    [`right-${spaceKey}`]: `center right ${_units.units.spacing[spaceKey]}`,
+                    [`bottom-${spaceKey}`]: `center bottom ${_units.units.spacing[spaceKey]}`,
+                    [`left-${spaceKey}`]: `center left ${_units.units.spacing[spaceKey]}`
+                }), {})
+        },
         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),
+            '50': `
+      0 0 3px 0 rgba(10, 12, 15, 0.08),
+      0 1px 8px 0 rgba(10, 12, 15, 0.13)
+      `,
+            '100': `
+        0 6px 16px 0 rgba(13,13,14, 0.07),
+        0 1.81px 12px 0 rgba(13,13,14, 0.15),
+        0 0.75px 2px 0 rgba(13,13,14, 0.085),
+        0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)
+      `,
+            '200': `
+        0 0 2px 0 rgba(13,13,14, 0.15),
+        0 15px 27px 0 rgba(13,13,14, 0.1),
+        0 4.52px 8.14px 0 rgba(13,13,14, 0.06),
+        0 1.88px 3.38px 0 rgba(13,13,14, 0.03),
+        0 0.68px 1.22px 0 rgba(13,13,14, 0.02)
+      `,
+            insetring: `0 0 0 0.25rem ${_colors.colors.ring} inset`
+        },
+        ringColor: {
+            DEFAULT: _colors.colors.ring,
+            ..._colors.colors
+        },
+        ringOffsetWidth: {
+            DEFAULT: 'var(--sk-spacing-2)',
+            ..._units.units.spacing
+        },
         ringWidth: {
             DEFAULT: 'var(--sk-spacing-3)',
             0: '0px'
@@ -112,51 +86,62 @@ var theme = {
         ringOpacity: {
             DEFAULT: '1'
         },
-        colors: _object_spread_props(_object_spread({}, _colors.colors), {
+        colors: {
+            ..._colors.colors,
             current: 'currentColor',
-            gray: _object_spread({
+            gray: {
                 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),
+                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), {
+            background: {
+                ..._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));
-        }, {})), {
+        spacing: {
+            ..._units.units.spacing,
+            ...Object.keys(_units.units.spacing).reduce((smallerSpacings, spacingkey)=>({
+                    ...smallerSpacings,
+                    [`${spacingkey}-1`]: `calc(${_units.units.spacing[spacingkey]} - var(--sk-spacing-1))`,
+                    [`${spacingkey}-2`]: `calc(${_units.units.spacing[spacingkey]} - var(--sk-spacing-2))`,
+                    [`${spacingkey}+1`]: `calc(${_units.units.spacing[spacingkey]} + var(--sk-spacing-1))`,
+                    [`${spacingkey}+2`]: `calc(${_units.units.spacing[spacingkey]} + var(--sk-spacing-2))`
+                }), {}),
             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), {
+        lineHeight: {
+            ..._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),
+        borderWidth: {
+            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')