@sk-web-gui/core 0.1.42 → 0.1.44

package/dist/esm/components/checkbox.js

@@ -0,0 +1,110 @@
+import svgToDataUri from 'mini-svg-data-uri';
+export var Checkbox = () => ({
+  '.form-checkbox': {
+    //"@apply rounded shadow-sm": {},
+    backgroundColor: 'inherit',
+    '@apply border-gray-stroke focus:bg-white': {},
+    '&[aria-invalid=true]': {
+      '--tw-border-opacity': '1',
+      borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))'
+    },
+    '&[aria-invalid=true]:hover': {
+      '--tw-border-opacity': '1',
+      'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))'
+    },
+    // dark colors
+    '@apply dark:border-neutral-400': {},
+    '.dark &[aria-invalid=true]': {
+      '--tw-border-opacity': '1',
+      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))'
+    },
+    '.dark &[aria-invalid=true]:hover': {
+      '--tw-border-opacity': '1',
+      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))'
+    },
+    '@media (prefers-color-scheme: dark)': {
+      '&[aria-invalid=true]': {
+        '--tw-border-opacity': '1',
+        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))'
+      },
+      '&[aria-invalid=true]:hover': {
+        '--tw-border-opacity': '1',
+        'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))'
+      }
+    },
+    '&:checked': {
+      '@apply text-white bg-white border-primary': {},
+      ["@apply focus-visible:border-primary focus-visible:ring-primary"]: {},
+      backgroundImage: "url(\"" + svgToDataUri("<svg viewBox=\"0 0 16 16\" fill=\"#005595\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>") + "\")" //borderColor: "transparent",
+
+    },
+    ["&[data-color=\"primary\"]"]: {//[`@apply text-primary`]: {},
+      // dark
+      //[`@apply dark:text-primary`]: {},
+      //[`@apply dark:focus-visible:border-primary-400 dark:focus-visible:ring-primary-400`]: {},
+    },
+    // Fix focus stylign
+    '&:checked:hover, &:checked:focus': {
+      '@apply bg-white border-primary': {}
+    },
+    // colors
+
+    /*...colors.reduce(
+      (styles, color) => ({
+        ...styles,
+        [`&[data-color="${color}"]`]: {
+          [`@apply text-${color}`]: {},
+          [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},
+          backgroundImage: `url("${svgToDataUri(
+            `<svg viewBox="0 0 16 16" fill="${theme(`colors.primary_raw.DEFAULT`)}" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>`
+          )}")`,
+          // dark
+          [`@apply dark:text-${color}`]: {},
+          [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},
+        },
+      }),
+      {}
+    ),*/
+    '@apply dark:focus-visible:ring-offset-neutral-900': {},
+    // sizing
+    '&-sm': {
+      width: '1.4rem',
+      height: '1.4rem'
+    },
+    '&-md': {
+      width: '1.6rem',
+      height: '1.6rem' //"@apply w-4 h-4": {},
+
+    },
+    '&-lg': {
+      width: '1.8rem',
+      height: '1.8rem'
+    },
+    // disabled
+    '&-disabled': {
+      backgroundColor: '#ECECEC' //"@apply disabled:bg-gray-stroke": {},
+      //"@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300": {},
+      //"@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20": {},
+
+    },
+    // label
+    '&-label': {
+      '@apply text-body select-none text-sm': {},
+      marginLeft: '0.8rem',
+      //"@apply text-black": {},
+      // dark colors
+      '@apply dark:text-neutral-100': {},
+      '&-sm': {
+        '@apply text-xs': {}
+      },
+      '&-md': {
+        '@apply text-sm': {}
+      },
+      '&-lg': {
+        '@apply text-base': {}
+      }
+    }
+  }
+});
+export default Checkbox;
+//# sourceMappingURL=checkbox.js.map

package/dist/esm/components/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":["svgToDataUri","Checkbox","backgroundColor","borderColor","backgroundImage","width","height","marginLeft"],"sources":["../../../src/components/checkbox.ts"],"sourcesContent":["import svgToDataUri from 'mini-svg-data-uri';\nimport { tailwindModuleType } from './types';\n\nexport const Checkbox: (colors: string[]) => tailwindModuleType = () => ({\n  '.form-checkbox': {\n    //\"@apply rounded shadow-sm\": {},\n    backgroundColor: 'inherit',\n    '@apply border-gray-stroke focus:bg-white': {},\n\n    '&[aria-invalid=true]': {\n      '--tw-border-opacity': '1',\n      borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\n    },\n    '&[aria-invalid=true]:hover': {\n      '--tw-border-opacity': '1',\n      'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\n    },\n    // dark colors\n    '@apply dark:border-neutral-400': {},\n    '.dark &[aria-invalid=true]': {\n      '--tw-border-opacity': '1',\n      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\n    },\n    '.dark &[aria-invalid=true]:hover': {\n      '--tw-border-opacity': '1',\n      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\n    },\n\n    '@media (prefers-color-scheme: dark)': {\n      '&[aria-invalid=true]': {\n        '--tw-border-opacity': '1',\n        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\n      },\n      '&[aria-invalid=true]:hover': {\n        '--tw-border-opacity': '1',\n        'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\n      },\n    },\n\n    '&:checked': {\n      '@apply text-white bg-white border-primary': {},\n      [`@apply focus-visible:border-primary focus-visible:ring-primary`]: {},\n\n      backgroundImage: `url(\"${svgToDataUri(\n        `<svg viewBox=\"0 0 16 16\" fill=\"#005595\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>`\n      )}\")`,\n      //borderColor: \"transparent\",\n    },\n\n    [`&[data-color=\"primary\"]`]: {\n      //[`@apply text-primary`]: {},\n      // dark\n      //[`@apply dark:text-primary`]: {},\n      //[`@apply dark:focus-visible:border-primary-400 dark:focus-visible:ring-primary-400`]: {},\n    },\n\n    // Fix focus stylign\n    '&:checked:hover, &:checked:focus': {\n      '@apply bg-white border-primary': {},\n    },\n\n    // colors\n    /*...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          [`@apply text-${color}`]: {},\n          [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\n          backgroundImage: `url(\"${svgToDataUri(\n            `<svg viewBox=\"0 0 16 16\" fill=\"${theme(`colors.primary_raw.DEFAULT`)}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>`\n          )}\")`,\n          // dark\n          [`@apply dark:text-${color}`]: {},\n          [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},\n        },\n      }),\n      {}\n    ),*/\n\n    '@apply dark:focus-visible:ring-offset-neutral-900': {},\n\n    // sizing\n    '&-sm': {\n      width: '1.4rem',\n      height: '1.4rem',\n    },\n\n    '&-md': {\n      width: '1.6rem',\n      height: '1.6rem',\n      //\"@apply w-4 h-4\": {},\n    },\n\n    '&-lg': {\n      width: '1.8rem',\n      height: '1.8rem',\n    },\n\n    // disabled\n    '&-disabled': {\n      backgroundColor: '#ECECEC',\n      //\"@apply disabled:bg-gray-stroke\": {},\n      //\"@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300\": {},\n      //\"@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20\": {},\n    },\n\n    // label\n    '&-label': {\n      '@apply text-body select-none text-sm': {},\n      marginLeft: '0.8rem',\n      //\"@apply text-black\": {},\n      // dark colors\n      '@apply dark:text-neutral-100': {},\n\n      '&-sm': {\n        '@apply text-xs': {},\n      },\n\n      '&-md': {\n        '@apply text-sm': {},\n      },\n\n      '&-lg': {\n        '@apply text-base': {},\n      },\n    },\n  },\n});\nexport default Checkbox;\n"],"mappings":"AAAA,OAAOA,YAAP,MAAyB,mBAAzB;AAGA,OAAO,IAAMC,QAAkD,GAAG,OAAO;EACvE,kBAAkB;IAChB;IACAC,eAAe,EAAE,SAFD;IAGhB,4CAA4C,EAH5B;IAKhB,wBAAwB;MACtB,uBAAuB,GADD;MAEtBC,WAAW,EAAE;IAFS,CALR;IAShB,8BAA8B;MAC5B,uBAAuB,GADK;MAE5B,gBAAgB;IAFY,CATd;IAahB;IACA,kCAAkC,EAdlB;IAehB,8BAA8B;MAC5B,uBAAuB,GADK;MAE5BA,WAAW,EAAE;IAFe,CAfd;IAmBhB,oCAAoC;MAClC,uBAAuB,GADW;MAElCA,WAAW,EAAE;IAFqB,CAnBpB;IAwBhB,uCAAuC;MACrC,wBAAwB;QACtB,uBAAuB,GADD;QAEtBA,WAAW,EAAE;MAFS,CADa;MAKrC,8BAA8B;QAC5B,uBAAuB,GADK;QAE5B,gBAAgB;MAFY;IALO,CAxBvB;IAmChB,aAAa;MACX,6CAA6C,EADlC;MAEX,oEAAoE,EAFzD;MAIXC,eAAe,aAAUJ,YAAY,4NAAtB,QAJJ,CAOX;;IAPW,CAnCG;IA6ChB,+BAA6B,CAC3B;MACA;MACA;MACA;IAJ2B,CA7Cb;IAoDhB;IACA,oCAAoC;MAClC,kCAAkC;IADA,CArDpB;IAyDhB;;IACA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IAEI,qDAAqD,EA3ErC;IA6EhB;IACA,QAAQ;MACNK,KAAK,EAAE,QADD;MAENC,MAAM,EAAE;IAFF,CA9EQ;IAmFhB,QAAQ;MACND,KAAK,EAAE,QADD;MAENC,MAAM,EAAE,QAFF,CAGN;;IAHM,CAnFQ;IAyFhB,QAAQ;MACND,KAAK,EAAE,QADD;MAENC,MAAM,EAAE;IAFF,CAzFQ;IA8FhB;IACA,cAAc;MACZJ,eAAe,EAAE,SADL,CAEZ;MACA;MACA;;IAJY,CA/FE;IAsGhB;IACA,WAAW;MACT,wCAAwC,EAD/B;MAETK,UAAU,EAAE,QAFH;MAGT;MACA;MACA,gCAAgC,EALvB;MAOT,QAAQ;QACN,kBAAkB;MADZ,CAPC;MAWT,QAAQ;QACN,kBAAkB;MADZ,CAXC;MAeT,QAAQ;QACN,oBAAoB;MADd;IAfC;EAvGK;AADqD,CAAP,CAA3D;AA6HP,eAAeN,QAAf"}

package/dist/esm/components/code.js

@@ -0,0 +1,11 @@
+export var Code = () => ({
+  '.code': {
+    '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},
+    '@apply bg-neutral-200 border border-neutral-100 text-body': {},
+    // dark
+    '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},
+    padding: '2px 3px 1px'
+  }
+});
+export default Code;
+//# sourceMappingURL=code.js.map

package/dist/esm/components/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","names":["Code","padding"],"sources":["../../../src/components/code.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Code: (colors: string[]) => tailwindModuleType = () => ({\n  '.code': {\n    '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},\n    '@apply bg-neutral-200 border border-neutral-100 text-body': {},\n    // dark\n    '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},\n    padding: '2px 3px 1px',\n  },\n});\nexport default Code;\n"],"mappings":"AAEA,OAAO,IAAMA,IAA8C,GAAG,OAAO;EACnE,SAAS;IACP,oGAAoG,EAD7F;IAEP,6DAA6D,EAFtD;IAGP;IACA,4EAA4E,EAJrE;IAKPC,OAAO,EAAE;EALF;AAD0D,CAAP,CAAvD;AASP,eAAeD,IAAf"}

package/dist/esm/components/cookie-consent.js

@@ -0,0 +1,25 @@
+export var CookieConsent = () => ({
+  '.cookie-consent': {
+    '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0 bg-white': {},
+    '&-close-btn': {
+      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center': {},
+      '&-icon': {
+        '@apply !text-2xl': {}
+      }
+    },
+    '&-content-wrapper': {
+      '@apply flex flex-col container py-12 px-4 bg-white relative': {}
+    },
+    '&-title': {
+      '@apply text-2xl leading-2xl mb-1 mt-4': {}
+    },
+    '&-description': {
+      '@apply text-base leading-base mb-8': {}
+    },
+    '&-btn-wrapper': {
+      '@apply flex flex-col space-y-4 lg:block lg:space-y-0 lg:space-x-4': {}
+    }
+  }
+});
+export default CookieConsent;
+//# sourceMappingURL=cookie-consent.js.map

package/dist/esm/components/cookie-consent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-consent.js","names":["CookieConsent"],"sources":["../../../src/components/cookie-consent.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const CookieConsent: (colors: string[]) => tailwindModuleType = () => ({\n  '.cookie-consent': {\n    '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0 bg-white': {},\n\n    '&-close-btn': {\n      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\n        {},\n\n      '&-icon': {\n        '@apply !text-2xl': {},\n      },\n    },\n\n    '&-content-wrapper': {\n      '@apply flex flex-col container py-12 px-4 bg-white relative': {},\n    },\n\n    '&-title': {\n      '@apply text-2xl leading-2xl mb-1 mt-4': {},\n    },\n\n    '&-description': {\n      '@apply text-base leading-base mb-8': {},\n    },\n\n    '&-btn-wrapper': {\n      '@apply flex flex-col space-y-4 lg:block lg:space-y-0 lg:space-x-4': {},\n    },\n  },\n});\nexport default CookieConsent;\n"],"mappings":"AAEA,OAAO,IAAMA,aAAuD,GAAG,OAAO;EAC5E,mBAAmB;IACjB,qFAAqF,EADpE;IAGjB,eAAe;MACb,gJACE,EAFW;MAIb,UAAU;QACR,oBAAoB;MADZ;IAJG,CAHE;IAYjB,qBAAqB;MACnB,+DAA+D;IAD5C,CAZJ;IAgBjB,WAAW;MACT,yCAAyC;IADhC,CAhBM;IAoBjB,iBAAiB;MACf,sCAAsC;IADvB,CApBA;IAwBjB,iBAAiB;MACf,qEAAqE;IADtD;EAxBA;AADyD,CAAP,CAAhE;AA8BP,eAAeA,aAAf"}

package/dist/esm/components/divider.js

@@ -0,0 +1,14 @@
+export var Divider = () => ({
+  '.divider': {
+    '@apply border-0 border-gray-stroke': {},
+    //borderColor: "inherit",
+    '&-vertical': {
+      '@apply border-l border-solid h-auto mx-2': {}
+    },
+    '&-horizontal': {
+      '@apply border-b border-solid w-auto my-2': {}
+    }
+  }
+});
+export default Divider;
+//# sourceMappingURL=divider.js.map

package/dist/esm/components/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","names":["Divider"],"sources":["../../../src/components/divider.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Divider: (colors: string[]) => tailwindModuleType = () => ({\n  '.divider': {\n    '@apply border-0 border-gray-stroke': {},\n    //borderColor: \"inherit\",\n    '&-vertical': {\n      '@apply border-l border-solid h-auto mx-2': {},\n    },\n    '&-horizontal': {\n      '@apply border-b border-solid w-auto my-2': {},\n    },\n  },\n});\nexport default Divider;\n"],"mappings":"AAEA,OAAO,IAAMA,OAAiD,GAAG,OAAO;EACtE,YAAY;IACV,sCAAsC,EAD5B;IAEV;IACA,cAAc;MACZ,4CAA4C;IADhC,CAHJ;IAMV,gBAAgB;MACd,4CAA4C;IAD9B;EANN;AAD0D,CAAP,CAA1D;AAYP,eAAeA,OAAf"}

package/dist/esm/components/dot.js

@@ -0,0 +1,61 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+export var Dot = colors => ({
+  '.dot': {
+    '@apply relative inline-flex rounded-full': {},
+    '&-solid': _extends({
+      '@apply bg-neutral-500': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color + "-500"]: {}
+      }
+    }), {}), {
+      '&.dot-bordered': {
+        '@apply border-2 border-white': {},
+        '@apply dark:border-neutral-800': {}
+      }
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&.dot-bordered[data-color=\"" + color + "\"]"]: {
+        ["@apply border-" + color + "-100"]: {},
+        ["@apply dark:border-" + color + "-300"]: {}
+      }
+    }), {})),
+    '&-outline': _extends({
+      '@apply bg-white border-2 border-neutral-500': {},
+      '@apply dark:bg-neutral-800': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply border-" + color + "-500"]: {}
+      }
+    }), {})),
+    '&-3xs': {
+      '@apply w-1.5 h-1.5': {}
+    },
+    '&-2xs': {
+      '@apply w-2 h-2': {}
+    },
+    '&-xs': {
+      '@apply w-2.5 h-2.5': {}
+    },
+    '&-sm': {
+      '@apply w-3 h-3': {}
+    },
+    '&-md': {
+      '@apply w-3.5 h-3.5': {}
+    },
+    '&-lg': {
+      '@apply w-4 h-4': {}
+    },
+    '&-xl': {
+      '@apply w-5 h-5': {}
+    },
+    '&-2xl': {
+      '@apply w-6 h-6': {}
+    },
+    '&-3xl': {
+      '@apply w-8 h-8': {}
+    }
+  }
+});
+export default Dot;
+//# sourceMappingURL=dot.js.map

package/dist/esm/components/dot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dot.js","names":["Dot","colors","reduce","styles","color"],"sources":["../../../src/components/dot.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Dot: (colors: string[]) => tailwindModuleType = (colors) => ({\n  '.dot': {\n    '@apply relative inline-flex rounded-full': {},\n    '&-solid': {\n      '@apply bg-neutral-500': {},\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply bg-${color}-500`]: {},\n          },\n        }),\n        {}\n      ),\n\n      '&.dot-bordered': {\n        '@apply border-2 border-white': {},\n        '@apply dark:border-neutral-800': {},\n      },\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&.dot-bordered[data-color=\"${color}\"]`]: {\n            [`@apply border-${color}-100`]: {},\n            [`@apply dark:border-${color}-300`]: {},\n          },\n        }),\n        {}\n      ),\n    },\n\n    '&-outline': {\n      '@apply bg-white border-2 border-neutral-500': {},\n      '@apply dark:bg-neutral-800': {},\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply border-${color}-500`]: {},\n          },\n        }),\n        {}\n      ),\n    },\n\n    '&-3xs': {\n      '@apply w-1.5 h-1.5': {},\n    },\n\n    '&-2xs': {\n      '@apply w-2 h-2': {},\n    },\n\n    '&-xs': {\n      '@apply w-2.5 h-2.5': {},\n    },\n\n    '&-sm': {\n      '@apply w-3 h-3': {},\n    },\n\n    '&-md': {\n      '@apply w-3.5 h-3.5': {},\n    },\n\n    '&-lg': {\n      '@apply w-4 h-4': {},\n    },\n\n    '&-xl': {\n      '@apply w-5 h-5': {},\n    },\n\n    '&-2xl': {\n      '@apply w-6 h-6': {},\n    },\n\n    '&-3xl': {\n      '@apply w-8 h-8': {},\n    },\n  },\n});\nexport default Dot;\n"],"mappings":";;AAEA,OAAO,IAAMA,GAA6C,GAAIC,MAAD,KAAa;EACxE,QAAQ;IACN,4CAA4C,EADtC;IAEN;MACE,yBAAyB;IAD3B,GAGKA,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B,gBAAcA,KAAd,YAA4B;MADA;IAFhC,EADC,EAOD,EAPC,CAHL;MAaE,kBAAkB;QAChB,gCAAgC,EADhB;QAEhB,kCAAkC;MAFlB;IAbpB,GAkBKH,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,kCAA+BC,KAA/B,WAA2C;QACzC,oBAAkBA,KAAlB,YAAgC,EADS;QAEzC,yBAAuBA,KAAvB,YAAqC;MAFI;IAF7C,EADC,EAQD,EARC,CAlBL,CAFM;IAgCN;MACE,+CAA+C,EADjD;MAEE,8BAA8B;IAFhC,GAGKH,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B,oBAAkBA,KAAlB,YAAgC;MADJ;IAFhC,EADC,EAOD,EAPC,CAHL,CAhCM;IA8CN,SAAS;MACP,sBAAsB;IADf,CA9CH;IAkDN,SAAS;MACP,kBAAkB;IADX,CAlDH;IAsDN,QAAQ;MACN,sBAAsB;IADhB,CAtDF;IA0DN,QAAQ;MACN,kBAAkB;IADZ,CA1DF;IA8DN,QAAQ;MACN,sBAAsB;IADhB,CA9DF;IAkEN,QAAQ;MACN,kBAAkB;IADZ,CAlEF;IAsEN,QAAQ;MACN,kBAAkB;IADZ,CAtEF;IA0EN,SAAS;MACP,kBAAkB;IADX,CA1EH;IA8EN,SAAS;MACP,kBAAkB;IADX;EA9EH;AADgE,CAAb,CAAtD;AAoFP,eAAeJ,GAAf"}

package/dist/esm/components/footer.js

@@ -0,0 +1,29 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+export var Footer = colors => ({
+  '.footer': {
+    '&-innerwrapper': _extends({
+      '@apply bg-gray text-white py-12 px-2 sm:p-12': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color]: {}
+      }
+    }), {})),
+    '&-content': {
+      '@apply container md:flex items-center justify-center m-auto': {}
+    },
+    '&-bottomlinks': _extends({
+      '@apply bg-gray-middle text-body py-12 px-2 sm:p-12': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color]: {}
+      }
+    }), {}), {
+      '&-container': {
+        '@apply container flex items-start md:items-center justify-center m-auto md:space-x-10 flex-col md:flex-row': {}
+      }
+    })
+  }
+});
+export default Footer;
+//# sourceMappingURL=footer.js.map

package/dist/esm/components/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","names":["Footer","colors","reduce","styles","color"],"sources":["../../../src/components/footer.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Footer: (colors: string[]) => tailwindModuleType = (colors) => ({\n  '.footer': {\n    '&-innerwrapper': {\n      '@apply bg-gray text-white py-12 px-2 sm:p-12': {},\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply bg-${color}`]: {},\n          },\n        }),\n        {}\n      ),\n    },\n\n    '&-content': {\n      '@apply container md:flex items-center justify-center m-auto': {},\n    },\n\n    '&-bottomlinks': {\n      '@apply bg-gray-middle text-body py-12 px-2 sm:p-12': {},\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply bg-${color}`]: {},\n          },\n        }),\n        {}\n      ),\n\n      '&-container': {\n        '@apply container flex items-start md:items-center justify-center m-auto md:space-x-10 flex-col md:flex-row':\n          {},\n      },\n    },\n  },\n});\nexport default Footer;\n"],"mappings":";;AAEA,OAAO,IAAMA,MAAgD,GAAIC,MAAD,KAAa;EAC3E,WAAW;IACT;MACE,gDAAgD;IADlD,GAGKA,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B,gBAAcA,KAAd,GAAwB;MADI;IAFhC,EADC,EAOD,EAPC,CAHL,CADS;IAeT,aAAa;MACX,+DAA+D;IADpD,CAfJ;IAmBT;MACE,sDAAsD;IADxD,GAGKH,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B,gBAAcA,KAAd,GAAwB;MADI;IAFhC,EADC,EAOD,EAPC,CAHL;MAaE,eAAe;QACb,8GACE;MAFW;IAbjB;EAnBS;AADgE,CAAb,CAAzD;AAwCP,eAAeJ,MAAf"}

package/dist/esm/components/forms.js

@@ -0,0 +1,217 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function fieldOutline(colors) {
+  return {
+    '&-outline': _extends({
+      '@apply border shadow-sm border-gray-stroke': {},
+      '@apply text-gray bg-white': {},
+      //"@apply hover:border-neutral-300": {},
+      '&[aria-invalid=true]': {
+        '--tw-border-opacity': '1',
+        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',
+        '--tw-ring-offset-shadow': 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
+        '--tw-ring-shadow': 'var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
+        boxShadow: 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
+        '--tw-ring-opacity': '1',
+        '--tw-ring-color': 'rgba(220, 38, 38, var(--tw-ring-opacity))'
+      },
+      'focus-visible:ring-4': {},
+
+      /* dark mode */
+      '@apply dark:border-neutral-700': {},
+      '@apply dark:text-neutral-100 dark:bg-base': {},
+      '@apply dark:hover:border-neutral-600': {},
+      '.dark &[aria-invalid=true]': {
+        '--tw-border-opacity': '1',
+        borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',
+        '--tw-ring-opacity': '1',
+        '--tw-ring-color': 'rgba(248, 113, 113, var(--tw-ring-opacity))'
+      },
+      '@media (prefers-color-scheme: dark)': {
+        '&[aria-invalid=true]': {
+          '--tw-border-opacity': '1',
+          borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',
+          '--tw-ring-opacity': '1',
+          '--tw-ring-color': 'rgba(248, 113, 113, var(--tw-ring-opacity))'
+        }
+      }
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply focus-visible:border-" + color + " focus-visible:ring-" + color]: {},
+        ["@apply dark:focus-visible:border-" + color + " dark:focus-visible:ring-" + color]: {}
+      }
+    }), {}))
+  };
+}
+
+function fieldSolid(colors) {
+  return {
+    '&-solid': _extends({
+      '@apply border border-transparent': {},
+      '@apply text-black bg-gray-light': {},
+      //"@apply hover:bg-gray-200": {},
+      '&[aria-invalid=true]': {
+        '--tw-border-opacity': '1',
+        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',
+        '--tw-ring-offset-shadow': 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
+        '--tw-ring-shadow': 'var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
+        boxShadow: 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
+        '--tw-ring-opacity': '1',
+        '--tw-ring-color': 'rgba(220, 38, 38, var(--tw-ring-opacity))'
+      },
+      'focus-visible:ring-4': {},
+
+      /* dark mode */
+      '@apply dark:text-neutral-100 dark:bg-white/50': {},
+      '@apply dark:hover:bg-white/100': {},
+      '.dark &[aria-invalid=true]': {
+        '--tw-border-opacity': '1',
+        borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',
+        '--tw-ring-opacity': '1',
+        '--tw-ring-color': 'rgba(248, 113, 113, var(--tw-ring-opacity))'
+      },
+      '@media (prefers-color-scheme: dark)': {
+        '&[aria-invalid=true]': {
+          '--tw-border-opacity': '1',
+          borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',
+          '--tw-ring-opacity': '1',
+          '--tw-ring-color': 'rgba(248, 113, 113, var(--tw-ring-opacity))'
+        }
+      }
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply focus-visible:border-" + color + " focus-visible:ring-" + color]: {},
+        ["@apply dark:focus-visible:border-" + color + " dark:focus-visible:ring-" + color]: {}
+      }
+    }), {}))
+  };
+}
+
+function formControl() {
+  return {
+    '.form-control': {
+      '@apply w-full relative': {}
+    },
+    '.form-helper-text': {
+      '@apply mt-1.5 leading-none text-gray dark:text-white/60': {}
+    },
+    '.form-error-message': {
+      '@apply mt-1.5 leading-none flex items-center text-sm': {},
+      '--tw-text-opacity': '1',
+      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',
+      '.dark &': {
+        '--tw-text-opacity': '1',
+        color: 'rgba(252, 165, 165, var(--tw-text-opacity))'
+      }
+    },
+    '.form-label': {
+      '@apply text-sm font-medium text-left align-middle block mb-1.5': {},
+      '&-disabled': {//"@apply opacity-60": {},
+      }
+    },
+    '.form-required-indicator': {
+      '@apply ml-1 text-sm': {},
+      '--tw-text-opacity': '1',
+      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',
+      '.dark &': {
+        '--tw-text-opacity': '1',
+        color: 'rgba(252, 165, 165, var(--tw-text-opacity))'
+      }
+    }
+  };
+}
+
+function formInputGroup() {
+  return {
+    '.form-input-group': {
+      '@apply flex relative': {}
+    },
+    '.form-input-element': {
+      '@apply flex items-center justify-center absolute z-base top-0': {},
+      '&-sm': {
+        '@apply text-xs h-7 w-7': {}
+      },
+      '&-md': {
+        '@apply text-sm h-8 w-8': {}
+      },
+      '&-lg': {
+        '@apply text-base h-10 w-10': {}
+      }
+    },
+    '.form-input-addon': {
+      '@apply flex items-center w-auto rounded-base shadow-sm whitespace-nowrap': {},
+      '@apply border border-neutral-300': {},
+      '@apply text-neutral-600 bg-neutral-50': {},
+      // dark colors
+      '@apply dark:border-neutral-700': {},
+      '@apply dark:text-neutral-100 dark:bg-white/30': {},
+      '&-sm': {
+        '@apply px-3 text-xs': {}
+      },
+      '&-md': {
+        '@apply px-4 text-sm': {}
+      },
+      '&-lg': {
+        '@apply px-4 text-base': {}
+      },
+      '&-left': {
+        '@apply -mr-1 rounded-r-none': {}
+      },
+      '&-right': {
+        '@apply -ml-1 rounded-l-none': {}
+      }
+    }
+  };
+}
+
+export var Forms = colors => _extends({
+  '.form-field': _extends({
+    '@apply placeholder-gray-stroke': {},
+    '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},
+    '@apply transition-colors	duration-75 ease-out': {},
+    '&-sm': {
+      '@apply text-sm leading-sm': {},
+      borderRadius: '0.2rem',
+      padding: '1.08rem 1.44rem'
+    },
+    '&-md': {
+      '@apply text-base leading-base': {},
+      borderRadius: '0.2rem',
+      padding: '1.2rem 1.6rem'
+    },
+    '&-lg': {
+      '@apply text-lg leading-lg': {},
+      borderRadius: '0.2rem',
+      padding: '1.32rem 1.76rem'
+    },
+    '&-disabled': {
+      '@apply disabled:cursor-not-allowed': {},
+      '@apply disabled:bg-gray-lighter': {} //"@apply disabled:shadow-none disabled:cursor-not-allowed disabled:opacity-60": {},
+      //"@apply disabled:border-neutral-200 disabled:bg-neutral-200": {},
+      //"@apply dark:disabled:border-transparent dark:disabled:bg-white/20": {},
+
+    }
+  }, fieldOutline(colors), fieldSolid(colors)),
+  '.form-textarea': {
+    //"@apply leading-tight": {},
+    minHeight: '5rem',
+    '&-counter': {
+      '@apply mt-xs text-right': {}
+    }
+  },
+  '.form-select': {
+    '@apply min-h-[50px] text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke': {},
+    'background-image': 'none',
+    '&-list': {
+      '@apply z-10 absolute w-full bg-white mt-0 border border-gray-stroke border-t-0': {}
+    },
+    '&-option': {
+      '@apply rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary': {},
+      '&.active': {
+        '@apply bg-primary text-white': {}
+      }
+    }
+  }
+}, formInputGroup(), formControl());
+export default Forms;
+//# sourceMappingURL=forms.js.map

package/dist/esm/components/forms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.js","names":["fieldOutline","colors","borderColor","boxShadow","reduce","styles","color","fieldSolid","formControl","formInputGroup","Forms","borderRadius","padding","minHeight"],"sources":["../../../src/components/forms.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nfunction fieldOutline(colors: string[]) {\n  return {\n    '&-outline': {\n      '@apply border shadow-sm border-gray-stroke': {},\n      '@apply text-gray bg-white': {},\n      //\"@apply hover:border-neutral-300\": {},\n\n      '&[aria-invalid=true]': {\n        '--tw-border-opacity': '1',\n        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\n        '--tw-ring-offset-shadow': 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n        '--tw-ring-shadow': 'var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n        boxShadow: 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n        '--tw-ring-opacity': '1',\n        '--tw-ring-color': 'rgba(220, 38, 38, var(--tw-ring-opacity))',\n      },\n      'focus-visible:ring-4': {},\n      /* dark mode */\n      '@apply dark:border-neutral-700': {},\n      '@apply dark:text-neutral-100 dark:bg-base': {},\n      '@apply dark:hover:border-neutral-600': {},\n\n      '.dark &[aria-invalid=true]': {\n        '--tw-border-opacity': '1',\n        borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\n        '--tw-ring-opacity': '1',\n        '--tw-ring-color': 'rgba(248, 113, 113, var(--tw-ring-opacity))',\n      },\n      '@media (prefers-color-scheme: dark)': {\n        '&[aria-invalid=true]': {\n          '--tw-border-opacity': '1',\n          borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\n          '--tw-ring-opacity': '1',\n          '--tw-ring-color': 'rgba(248, 113, 113, var(--tw-ring-opacity))',\n        },\n      },\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\n          },\n        }),\n        {}\n      ),\n    },\n  };\n}\n\nfunction fieldSolid(colors: string[]) {\n  return {\n    '&-solid': {\n      '@apply border border-transparent': {},\n      '@apply text-black bg-gray-light': {},\n      //\"@apply hover:bg-gray-200\": {},\n\n      '&[aria-invalid=true]': {\n        '--tw-border-opacity': '1',\n        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\n        '--tw-ring-offset-shadow': 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n        '--tw-ring-shadow': 'var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n        boxShadow: 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n        '--tw-ring-opacity': '1',\n        '--tw-ring-color': 'rgba(220, 38, 38, var(--tw-ring-opacity))',\n      },\n      'focus-visible:ring-4': {},\n      /* dark mode */\n      '@apply dark:text-neutral-100 dark:bg-white/50': {},\n      '@apply dark:hover:bg-white/100': {},\n      '.dark &[aria-invalid=true]': {\n        '--tw-border-opacity': '1',\n        borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\n        '--tw-ring-opacity': '1',\n        '--tw-ring-color': 'rgba(248, 113, 113, var(--tw-ring-opacity))',\n      },\n      '@media (prefers-color-scheme: dark)': {\n        '&[aria-invalid=true]': {\n          '--tw-border-opacity': '1',\n          borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\n          '--tw-ring-opacity': '1',\n          '--tw-ring-color': 'rgba(248, 113, 113, var(--tw-ring-opacity))',\n        },\n      },\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\n          },\n        }),\n        {}\n      ),\n    },\n  };\n}\n\nfunction formControl() {\n  return {\n    '.form-control': {\n      '@apply w-full relative': {},\n    },\n    '.form-helper-text': {\n      '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\n    },\n    '.form-error-message': {\n      '@apply mt-1.5 leading-none flex items-center text-sm': {},\n      '--tw-text-opacity': '1',\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\n      '.dark &': {\n        '--tw-text-opacity': '1',\n        color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\n      },\n    },\n    '.form-label': {\n      '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\n\n      '&-disabled': {\n        //\"@apply opacity-60\": {},\n      },\n    },\n    '.form-required-indicator': {\n      '@apply ml-1 text-sm': {},\n      '--tw-text-opacity': '1',\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\n      '.dark &': {\n        '--tw-text-opacity': '1',\n        color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\n      },\n    },\n  };\n}\n\nfunction formInputGroup() {\n  return {\n    '.form-input-group': {\n      '@apply flex relative': {},\n    },\n\n    '.form-input-element': {\n      '@apply flex items-center justify-center absolute z-base top-0': {},\n\n      '&-sm': {\n        '@apply text-xs h-7 w-7': {},\n      },\n\n      '&-md': {\n        '@apply text-sm h-8 w-8': {},\n      },\n\n      '&-lg': {\n        '@apply text-base h-10 w-10': {},\n      },\n    },\n\n    '.form-input-addon': {\n      '@apply flex items-center w-auto rounded-base shadow-sm whitespace-nowrap': {},\n      '@apply border border-neutral-300': {},\n      '@apply text-neutral-600 bg-neutral-50': {},\n      // dark colors\n      '@apply dark:border-neutral-700': {},\n      '@apply dark:text-neutral-100 dark:bg-white/30': {},\n\n      '&-sm': {\n        '@apply px-3 text-xs': {},\n      },\n\n      '&-md': {\n        '@apply px-4 text-sm': {},\n      },\n\n      '&-lg': {\n        '@apply px-4 text-base': {},\n      },\n\n      '&-left': {\n        '@apply -mr-1 rounded-r-none': {},\n      },\n\n      '&-right': {\n        '@apply -ml-1 rounded-l-none': {},\n      },\n    },\n  };\n}\n\nexport const Forms: (colors: string[]) => tailwindModuleType = (colors) => ({\n  '.form-field': {\n    '@apply placeholder-gray-stroke': {},\n    '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\n    '@apply transition-colors\tduration-75 ease-out': {},\n\n    '&-sm': {\n      '@apply text-sm leading-sm': {},\n      borderRadius: '0.2rem',\n      padding: '1.08rem 1.44rem',\n    },\n\n    '&-md': {\n      '@apply text-base leading-base': {},\n      borderRadius: '0.2rem',\n      padding: '1.2rem 1.6rem',\n    },\n\n    '&-lg': {\n      '@apply text-lg leading-lg': {},\n      borderRadius: '0.2rem',\n      padding: '1.32rem 1.76rem',\n    },\n\n    '&-disabled': {\n      '@apply disabled:cursor-not-allowed': {},\n      '@apply disabled:bg-gray-lighter': {},\n      //\"@apply disabled:shadow-none disabled:cursor-not-allowed disabled:opacity-60\": {},\n      //\"@apply disabled:border-neutral-200 disabled:bg-neutral-200\": {},\n      //\"@apply dark:disabled:border-transparent dark:disabled:bg-white/20\": {},\n    },\n\n    // variants\n    ...fieldOutline(colors),\n    ...fieldSolid(colors),\n  },\n\n  '.form-textarea': {\n    //\"@apply leading-tight\": {},\n    minHeight: '5rem',\n\n    '&-counter': {\n      '@apply mt-xs text-right': {},\n    },\n  },\n\n  '.form-select': {\n    '@apply min-h-[50px] text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke': {},\n    'background-image': 'none',\n\n    '&-list': {\n      '@apply z-10 absolute w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\n    },\n\n    '&-option': {\n      '@apply rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary':\n        {},\n\n      '&.active': {\n        '@apply bg-primary text-white': {},\n      },\n    },\n  },\n\n  ...formInputGroup(),\n  ...formControl(),\n});\nexport default Forms;\n"],"mappings":"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"}

package/dist/esm/components/header.js

@@ -0,0 +1,29 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+export var Header = colors => ({
+  '.header': _extends({
+    '@apply lg:border-t-8 lg:border-primary lg:static lg:w-auto lg:h-auto lg:min-h-0': {}
+  }, colors.reduce((styles, color) => _extends({}, styles, {
+    ["&[data-color=\"" + color + "\"]"]: {
+      ["@apply border-" + color]: {}
+    }
+  }), {}), {
+    ["&[data-color=\"none\"]"]: {
+      ["@apply border-none"]: {}
+    },
+    '&-container': {
+      '@apply flex lg:h-[112px] shadow-lg relative mx-auto px-7 pt-[22px] pb-[8px] z-10': {}
+    },
+    '&-content': {
+      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 text-body max-w-[140rem]': {}
+    },
+    '&-usermenu': {
+      '@apply lg:-mr-lg block flex-shrink lg:flex lg:items-center lg:w-auto': {},
+      '&-content': {
+        '@apply flex flex-grow lg:flex justify-end items-center lg:w-auto': {}
+      }
+    }
+  })
+});
+export default Header;
+//# sourceMappingURL=header.js.map

package/dist/esm/components/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","names":["Header","colors","reduce","styles","color"],"sources":["../../../src/components/header.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Header: (colors: string[]) => tailwindModuleType = (colors) => ({\n  '.header': {\n    '@apply lg:border-t-8 lg:border-primary lg:static lg:w-auto lg:h-auto lg:min-h-0': {},\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          [`@apply border-${color}`]: {},\n        },\n      }),\n      {}\n    ),\n\n    [`&[data-color=\"none\"]`]: {\n      [`@apply border-none`]: {},\n    },\n\n    '&-container': {\n      '@apply flex lg:h-[112px] shadow-lg relative mx-auto px-7 pt-[22px] pb-[8px] z-10': {},\n    },\n\n    '&-content': {\n      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 text-body max-w-[140rem]': {},\n    },\n\n    '&-usermenu': {\n      '@apply lg:-mr-lg block flex-shrink lg:flex lg:items-center lg:w-auto': {},\n\n      '&-content': {\n        '@apply flex flex-grow lg:flex justify-end items-center lg:w-auto': {},\n      },\n    },\n  },\n});\nexport default Header;\n"],"mappings":";;AAEA,OAAO,IAAMA,MAAgD,GAAIC,MAAD,KAAa;EAC3E;IACE,mFAAmF;EADrF,GAGKA,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;IAEE,qBAAkBC,KAAlB,WAA8B;MAC5B,oBAAkBA,KAAlB,GAA4B;IADA;EAFhC,EADC,EAOD,EAPC,CAHL;IAaE,4BAA0B;MACxB,wBAAwB;IADA,CAb5B;IAiBE,eAAe;MACb,oFAAoF;IADvE,CAjBjB;IAqBE,aAAa;MACX,iGAAiG;IADtF,CArBf;IAyBE,cAAc;MACZ,wEAAwE,EAD5D;MAGZ,aAAa;QACX,oEAAoE;MADzD;IAHD;EAzBhB;AAD2E,CAAb,CAAzD;AAmCP,eAAeJ,MAAf"}

package/dist/esm/components/icon-button.js

@@ -0,0 +1,7 @@
+export var IconButton = () => ({
+  '.btn-icon': {
+    '@apply p-0': {}
+  }
+});
+export default IconButton;
+//# sourceMappingURL=icon-button.js.map

package/dist/esm/components/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","names":["IconButton"],"sources":["../../../src/components/icon-button.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const IconButton: (colors: string[]) => tailwindModuleType = () => ({\n  '.btn-icon': {\n    '@apply p-0': {},\n  },\n});\nexport default IconButton;\n"],"mappings":"AAEA,OAAO,IAAMA,UAAoD,GAAG,OAAO;EACzE,aAAa;IACX,cAAc;EADH;AAD4D,CAAP,CAA7D;AAKP,eAAeA,UAAf"}

package/dist/esm/components/icon.js

@@ -0,0 +1,10 @@
+export var Icon = () => ({
+  '.icon-inline': {
+    '@apply inline-block align-middle': {}
+  },
+  '.icon-block': {
+    '@apply block': {}
+  }
+});
+export default Icon;
+//# sourceMappingURL=icon.js.map

package/dist/esm/components/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","names":["Icon"],"sources":["../../../src/components/icon.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Icon: (colors: string[]) => tailwindModuleType = () => ({\n  '.icon-inline': {\n    '@apply inline-block align-middle': {},\n  },\n\n  '.icon-block': {\n    '@apply block': {},\n  },\n});\nexport default Icon;\n"],"mappings":"AAEA,OAAO,IAAMA,IAA8C,GAAG,OAAO;EACnE,gBAAgB;IACd,oCAAoC;EADtB,CADmD;EAKnE,eAAe;IACb,gBAAgB;EADH;AALoD,CAAP,CAAvD;AASP,eAAeA,IAAf"}

package/dist/esm/components/kbd.js

@@ -0,0 +1,11 @@
+export var Kbd = () => ({
+  '.kbd': {
+    '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},
+    minWidth: '1.25rem',
+    '@apply bg-blackAlpha-100 text-body': {},
+    // dark
+    '@apply dark:bg-white/30 dark:text-neutral-300': {}
+  }
+});
+export default Kbd;
+//# sourceMappingURL=kbd.js.map

package/dist/esm/components/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","names":["Kbd","minWidth"],"sources":["../../../src/components/kbd.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Kbd: (colors: string[]) => tailwindModuleType = () => ({\n  '.kbd': {\n    '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},\n    minWidth: '1.25rem',\n    '@apply bg-blackAlpha-100 text-body': {},\n    // dark\n    '@apply dark:bg-white/30 dark:text-neutral-300': {},\n  },\n});\nexport default Kbd;\n"],"mappings":"AAEA,OAAO,IAAMA,GAA6C,GAAG,OAAO;EAClE,QAAQ;IACN,iHAAiH,EAD3G;IAENC,QAAQ,EAAE,SAFJ;IAGN,sCAAsC,EAHhC;IAIN;IACA,iDAAiD;EAL3C;AAD0D,CAAP,CAAtD;AASP,eAAeD,GAAf"}