@sk-web-gui/core 0.1.75 → 0.1.76

package/dist/esm/components/code.js

@@ -0,0 +1,10 @@
+module.exports = 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'
+  }
+});
+//# sourceMappingURL=code.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","names":["module","exports","Code","padding"],"sources":["../../../src/components/code.js"],"sourcesContent":["module.exports = Code = () => ({\r\n  '.code': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},\r\n    '@apply bg-neutral-200 border border-neutral-100 text-body': {},\r\n    // dark\r\n    '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},\r\n    padding: '2px 3px 1px',\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,OAAO,EAAE;IACP,kGAAkG,EAAE,CAAC,CAAC;IACtG,2DAA2D,EAAE,CAAC,CAAC;IAC/D;IACA,0EAA0E,EAAE,CAAC,CAAC;IAC9EC,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}

package/dist/esm/components/context-menu.js

@@ -0,0 +1,11 @@
+module.exports = ContextMenu = () => ({
+  '.context-menu-wrapper': {
+    '.context-menu-items': {
+      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm': {},
+      '.context-menu-item': {
+        '@apply px-sm': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=context-menu.js.map

package/dist/esm/components/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n  '.context-menu-wrapper': {\r\n    '.context-menu-items': {\r\n      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm':\r\n        {},\r\n      '.context-menu-item': {\r\n        '@apply px-sm': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAGA,CAAA,MAAO;EACpC,uBAAuB,EAAE;IACvB,qBAAqB,EAAE;MACrB,8HAA8H,EAC5H,CAAC,CAAC;MACJ,oBAAoB,EAAE;QACpB,cAAc,EAAE,CAAC;MACnB;IACF;EACF;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,24 @@
+module.exports = 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 break-words': {}
+    },
+    '&-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': {}
+    }
+  }
+});
+//# sourceMappingURL=cookie-consent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-consent.js","names":["module","exports","CookieConsent"],"sources":["../../../src/components/cookie-consent.js"],"sourcesContent":["module.exports = CookieConsent = () => ({\r\n  '.cookie-consent': {\r\n    '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0 bg-white': {},\r\n\r\n    '&-close-btn': {\r\n      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\r\n        {},\r\n\r\n      '&-icon': {\r\n        '@apply !text-2xl': {},\r\n      },\r\n    },\r\n\r\n    '&-content-wrapper': {\r\n      '@apply flex flex-col container py-12 px-4 bg-white relative': {},\r\n    },\r\n\r\n    '&-title': {\r\n      '@apply text-2xl leading-2xl mb-1 mt-4 break-words': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-base leading-base mb-8': {},\r\n    },\r\n\r\n    '&-btn-wrapper': {\r\n      '@apply flex flex-col space-y-4 lg:block lg:space-y-0 lg:space-x-4': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,aAAa,GAAGA,CAAA,MAAO;EACtC,iBAAiB,EAAE;IACjB,mFAAmF,EAAE,CAAC,CAAC;IAEvF,aAAa,EAAE;MACb,8IAA8I,EAC5I,CAAC,CAAC;MAEJ,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,mBAAmB,EAAE;MACnB,6DAA6D,EAAE,CAAC;IAClE,CAAC;IAED,SAAS,EAAE;MACT,mDAAmD,EAAE,CAAC;IACxD,CAAC;IAED,eAAe,EAAE;MACf,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,eAAe,EAAE;MACf,mEAAmE,EAAE,CAAC;IACxE;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/dialog.js

@@ -0,0 +1,13 @@
+module.exports = Dialog = () => ({
+  '.dialog': {
+    '@apply w-fit max-w-prose': {},
+    '&-buttons': {
+      '@apply grid grid-flow-col gap-lg place-content-stretch': {},
+      gridAutoColumns: 'minmax(0, 1fr)'
+    },
+    '&-content': {
+      '@apply text-center mb-lg': {}
+    }
+  }
+});
+//# sourceMappingURL=dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["module","exports","Dialog","gridAutoColumns"],"sources":["../../../src/components/dialog.js"],"sourcesContent":["module.exports = Dialog = () => ({\r\n  '.dialog': {\r\n    '@apply w-fit max-w-prose': {},\r\n    '&-buttons': {\r\n      '@apply grid grid-flow-col gap-lg place-content-stretch': {},\r\n      gridAutoColumns: 'minmax(0, 1fr)',\r\n    },\r\n    '&-content': {\r\n      '@apply text-center mb-lg': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAGA,CAAA,MAAO;EAC/B,SAAS,EAAE;IACT,0BAA0B,EAAE,CAAC,CAAC;IAC9B,WAAW,EAAE;MACX,wDAAwD,EAAE,CAAC,CAAC;MAC5DC,eAAe,EAAE;IACnB,CAAC;IACD,WAAW,EAAE;MACX,0BAA0B,EAAE,CAAC;IAC/B;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/divider.js

@@ -0,0 +1,13 @@
+module.exports = 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': {}
+    }
+  }
+});
+//# sourceMappingURL=divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","names":["module","exports","Divider"],"sources":["../../../src/components/divider.js"],"sourcesContent":["module.exports = Divider = () => ({\r\n  '.divider': {\r\n    '@apply border-0 border-gray-stroke': {},\r\n    //borderColor: \"inherit\",\r\n    '&-vertical': {\r\n      '@apply border-l border-solid h-auto mx-2': {},\r\n    },\r\n    '&-horizontal': {\r\n      '@apply border-b border-solid w-auto my-2': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,UAAU,EAAE;IACV,oCAAoC,EAAE,CAAC,CAAC;IACxC;IACA,YAAY,EAAE;MACZ,0CAA0C,EAAE,CAAC;IAC/C,CAAC;IACD,cAAc,EAAE;MACd,0CAA0C,EAAE,CAAC;IAC/C;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/dot.js

@@ -0,0 +1,59 @@
+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); }
+module.exports = 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': {}
+    }
+  }
+});
+//# sourceMappingURL=dot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dot.js","names":["module","exports","Dot","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/dot.js"],"sourcesContent":["module.exports = Dot = (colors) => ({\r\n  '.dot': {\r\n    '@apply relative inline-flex rounded-full': {},\r\n    '&-solid': {\r\n      '@apply bg-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.dot-bordered': {\r\n        '@apply border-2 border-white': {},\r\n        '@apply dark:border-neutral-800': {},\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&.dot-bordered[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-100`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-outline': {\r\n      '@apply bg-white border-2 border-neutral-500': {},\r\n      '@apply dark:bg-neutral-800': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-3xs': {\r\n      '@apply w-1.5 h-1.5': {},\r\n    },\r\n\r\n    '&-2xs': {\r\n      '@apply w-2 h-2': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-2.5 h-2.5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-3.5 h-3.5': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAIC,MAAM,KAAM;EAClC,MAAM,EAAE;IACN,0CAA0C,EAAE,CAAC,CAAC;IAC9C,SAAS,EAAAC,QAAA;MACP,uBAAuB,EAAE,CAAC;IAAC,GAExBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,YAAS,CAAC;MAC/B;IAAC,EACD,EACF,CAAC,CAAC,CACH;MAED,gBAAgB,EAAE;QAChB,8BAA8B,EAAE,CAAC,CAAC;QAClC,gCAAgC,EAAE,CAAC;MACrC;IAAC,GAEEJ,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,kCAA+BC,KAAK,WAAO;QACzC,oBAAkBA,KAAK,YAAS,CAAC,CAAC;QAClC,yBAAuBA,KAAK,YAAS,CAAC;MACxC;IAAC,EACD,EACF,CAAC,CAAC,CACH,CACF;IAED,WAAW,EAAAH,QAAA;MACT,6CAA6C,EAAE,CAAC,CAAC;MACjD,4BAA4B,EAAE,CAAC;IAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,oBAAkBA,KAAK,YAAS,CAAC;MACnC;IAAC,EACD,EACF,CAAC,CAAC,CACH,CACF;IAED,OAAO,EAAE;MACP,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/dropdown-filter.js

@@ -0,0 +1,55 @@
+module.exports = DropdownFilter = () => ({
+  '.dropdown-filter': {
+    position: 'relative',
+    height: 50,
+    border: '1px solid #939393',
+    display: 'flex',
+    background: '#fff',
+    borderRadius: 2,
+    '.dropdown-button': {
+      '@apply flex justify-between items-center  grow': {},
+      '.dropdown-button-icon': {
+        '@apply justify-self-end grow-0': {}
+      }
+    },
+    '.filter-container': {
+      position: 'absolute',
+      top: '100%',
+      left: '-1px',
+      zIndex: 10,
+      width: 'calc(100% + 2px)',
+      background: '#fff',
+      border: '1px solid #939393',
+      borderRadius: 2,
+      '.filter-controls': {
+        display: 'flex',
+        justifyContent: 'flex-end',
+        button: {
+          marginLeft: '1rem',
+          textDecoration: 'underline'
+        }
+      },
+      '.filter-item': {
+        '@apply px-md': {},
+        height: 48,
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        borderBottom: '1px solid #939393',
+        '> label:first-child': {
+          '@apply flex-grow': {}
+        },
+        '&.disabled': {
+          color: '#939393'
+        },
+        '&:first-of-type': {
+          borderTop: '1px solid #939393'
+        },
+        '&:last-child': {
+          borderBottom: 'none'
+        }
+      }
+    }
+  }
+});
+//# sourceMappingURL=dropdown-filter.js.map

package/dist/esm/components/dropdown-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-filter.js","names":["module","exports","DropdownFilter","position","height","border","display","background","borderRadius","top","left","zIndex","width","justifyContent","button","marginLeft","textDecoration","alignItems","borderBottom","color","borderTop"],"sources":["../../../src/components/dropdown-filter.js"],"sourcesContent":["module.exports = DropdownFilter = () => ({\r\n  '.dropdown-filter': {\r\n    position: 'relative',\r\n    height: 50,\r\n    border: '1px solid #939393',\r\n    display: 'flex',\r\n    background: '#fff',\r\n    borderRadius: 2,\r\n\r\n    '.dropdown-button': {\r\n      '@apply flex justify-between items-center  grow': {},\r\n      '.dropdown-button-icon': {\r\n        '@apply justify-self-end grow-0': {},\r\n      },\r\n    },\r\n\r\n    '.filter-container': {\r\n      position: 'absolute',\r\n      top: '100%',\r\n      left: '-1px',\r\n      zIndex: 10,\r\n      width: 'calc(100% + 2px)',\r\n      background: '#fff',\r\n      border: '1px solid #939393',\r\n      borderRadius: 2,\r\n\r\n      '.filter-controls': {\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n        button: {\r\n          marginLeft: '1rem',\r\n          textDecoration: 'underline',\r\n        },\r\n      },\r\n\r\n      '.filter-item': {\r\n        '@apply px-md': {},\r\n        height: 48,\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        borderBottom: '1px solid #939393',\r\n\r\n        '> label:first-child': {\r\n          '@apply flex-grow': {},\r\n        },\r\n\r\n        '&.disabled': {\r\n          color: '#939393',\r\n        },\r\n\r\n        '&:first-of-type': {\r\n          borderTop: '1px solid #939393',\r\n        },\r\n\r\n        '&:last-child': {\r\n          borderBottom: 'none',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAGA,CAAA,MAAO;EACvC,kBAAkB,EAAE;IAClBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,MAAM,EAAE,mBAAmB;IAC3BC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE,CAAC;IAEf,kBAAkB,EAAE;MAClB,gDAAgD,EAAE,CAAC,CAAC;MACpD,uBAAuB,EAAE;QACvB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,mBAAmB,EAAE;MACnBL,QAAQ,EAAE,UAAU;MACpBM,GAAG,EAAE,MAAM;MACXC,IAAI,EAAE,MAAM;MACZC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,kBAAkB;MACzBL,UAAU,EAAE,MAAM;MAClBF,MAAM,EAAE,mBAAmB;MAC3BG,YAAY,EAAE,CAAC;MAEf,kBAAkB,EAAE;QAClBF,OAAO,EAAE,MAAM;QACfO,cAAc,EAAE,UAAU;QAC1BC,MAAM,EAAE;UACNC,UAAU,EAAE,MAAM;UAClBC,cAAc,EAAE;QAClB;MACF,CAAC;MAED,cAAc,EAAE;QACd,cAAc,EAAE,CAAC,CAAC;QAClBZ,MAAM,EAAE,EAAE;QACVE,OAAO,EAAE,MAAM;QACfO,cAAc,EAAE,eAAe;QAC/BI,UAAU,EAAE,QAAQ;QACpBC,YAAY,EAAE,mBAAmB;QAEjC,qBAAqB,EAAE;UACrB,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,YAAY,EAAE;UACZC,KAAK,EAAE;QACT,CAAC;QAED,iBAAiB,EAAE;UACjBC,SAAS,EAAE;QACb,CAAC;QAED,cAAc,EAAE;UACdF,YAAY,EAAE;QAChB;MACF;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/footer.js

@@ -0,0 +1,30 @@
+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); }
+module.exports = Footer = colors => ({
+  '.footer': {
+    '&-innerwrapper': _extends({
+      '@apply bg-gray text-white py-12': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color]: {}
+      }
+    }), {})),
+    '&-content': {
+      '@apply px-md md:flex items-center justify-center m-auto': {}
+    },
+    '&-bottomlinks': _extends({
+      '@apply bg-gray-middle text-body py-md': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color]: {}
+      }
+    }), {}), {
+      '&-container': {
+        '@apply px-md flex items-center items-center justify-center m-auto md:space-x-10 flex-col md:flex-row': {},
+        '> *': {
+          '@apply text-body text-sm leading-sm py-sm': {}
+        }
+      }
+    })
+  }
+});
+//# sourceMappingURL=footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","names":["module","exports","Footer","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/footer.js"],"sourcesContent":["module.exports = Footer = (colors) => ({\r\n  '.footer': {\r\n    '&-innerwrapper': {\r\n      '@apply bg-gray text-white py-12': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply px-md md:flex items-center justify-center m-auto': {},\r\n    },\r\n\r\n    '&-bottomlinks': {\r\n      '@apply bg-gray-middle text-body py-md': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&-container': {\r\n        '@apply px-md flex items-center items-center justify-center m-auto md:space-x-10 flex-col md:flex-row': {},\r\n        '> *': {\r\n          '@apply text-body text-sm leading-sm py-sm': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAIC,MAAM,KAAM;EACrC,SAAS,EAAE;IACT,gBAAgB,EAAAC,QAAA;MACd,iCAAiC,EAAE,CAAC;IAAC,GAElCD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,GAAK,CAAC;MAC3B;IAAC,EACD,EACF,CAAC,CAAC,CACH,CACF;IAED,WAAW,EAAE;MACX,yDAAyD,EAAE,CAAC;IAC9D,CAAC;IAED,eAAe,EAAAH,QAAA;MACb,uCAAuC,EAAE,CAAC;IAAC,GAExCD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,GAAK,CAAC;MAC3B;IAAC,EACD,EACF,CAAC,CAAC,CACH;MAED,aAAa,EAAE;QACb,sGAAsG,EAAE,CAAC,CAAC;QAC1G,KAAK,EAAE;UACL,2CAA2C,EAAE,CAAC;QAChD;MACF;IAAC;EAEL;AACF,CAAC,CAAC"}

package/dist/esm/components/forms.js

@@ -0,0 +1,273 @@
+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': {}
+    }, 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]: {}
+      }
+    }), {}), {
+      '&[aria-invalid=true]': {
+        '@apply border-error ring-error': {},
+        '&:focus-visible': {
+          '@apply border-error ring-error': {}
+        }
+      }
+    })
+  };
+}
+function fieldSolid(colors) {
+  return {
+    '&-solid': _extends({
+      '@apply border border-transparent': {},
+      '@apply text-black bg-gray-light': {}
+    }, 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]: {}
+      }
+    }), {}), {
+      '&[aria-invalid=true]': {
+        '@apply border-error ring-error': {},
+        '&:focus-visible': {
+          '@apply border-error ring-error': {}
+        }
+      }
+    })
+  };
+}
+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 text-error': {}
+    },
+    '.form-label': {
+      '@apply text-sm font-medium text-left align-middle block mb-1.5': {}
+    },
+    '.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 bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},
+      '&:focus-within': {
+        '@apply border border-primary ring-primary ring-1': {}
+      },
+      '> *': {
+        '@apply border-0 ring-0 shadow-none': {},
+        '&:focus': {
+          '@apply ring-0': {}
+        }
+      },
+      '&-sm': {
+        '@apply min-h-[4rem] max-h-[4rem]': {},
+        '.form-field': {
+          '@apply min-h-[3.8rem] max-h-[3.8rem]': {}
+        }
+      },
+      '&-md': {
+        '@apply min-h-[4.4rem] max-h-[4.4rem]': {},
+        '.form-field': {
+          '@apply min-h-[4.2rem] max-h-[4.2rem]': {}
+        }
+      },
+      '&-lg': {
+        '@apply min-h-[4.8rem] max-h-[4.8rem]': {},
+        '.form-field': {
+          '@apply min-h-[4.6rem] max-h-[4.6rem]': {}
+        }
+      },
+      "&[data-rounded='true']": {
+        '@apply rounded-[3.2rem]': {},
+        '> *:first-child': {
+          '@apply rounded-[3.2rem]': {}
+        },
+        '> *:last-child': {
+          '@apply rounded-[3.2rem]': {}
+        }
+      },
+      '&[aria-invalid=true]': {
+        '@apply border-error ring-error': {}
+      }
+    },
+    '.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 shadow-sm whitespace-nowrap': {},
+      '@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 rounded-r-none': {}
+      },
+      '&-right': {
+        '@apply rounded-l-none': {}
+      }
+    },
+    '.form-input-addin': {
+      '@apply flex items-center w-auto whitespace-nowrap': {},
+      '@apply text-body': {},
+      '&-sm': {
+        '@apply px-[1.44rem] text-xs': {}
+      },
+      '&-md': {
+        '@apply px-[1.6rem] text-sm': {}
+      },
+      '&-lg': {
+        '@apply px-[1.76rem] text-base': {}
+      },
+      '&-left': {
+        '@apply pr-0 rounded-r-none': {}
+      },
+      '&-right': {
+        '@apply pl-0 rounded-l-none': {}
+      }
+    }
+  };
+}
+module.exports = Forms = colors => _extends({
+  '.form-field': _extends({
+    '@apply rounded-[0.2rem] 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': {},
+      '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {}
+    },
+    '&-md': {
+      '@apply text-base leading-base': {},
+      '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {}
+    },
+    '&-lg': {
+      '@apply text-base leading-lg': {},
+      '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {}
+    },
+    '&-disabled, &&-disabled': {
+      '@apply disabled:cursor-not-allowed cursor-not-allowed': {},
+      '@apply disabled:bg-gray-lighter bg-gray-lighter': {}
+    },
+    "&[data-rounded='true']": {
+      '@apply rounded-[3.2rem]': {}
+    }
+  }, fieldOutline(colors), fieldSolid(colors)),
+  '.form-button': {
+    '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},
+    '&[data-icon=true]': {
+      '@apply p-[0.2em]': {}
+    },
+    '&-icon': {
+      '@apply inline-flex': {}
+    },
+    '&-wrapper': {
+      '@apply flex items-center absolute inset-y-0 right-sm': {}
+    }
+  },
+  '.form-textarea': {
+    maxHeight: 'none',
+    '&.form-field': {
+      '&-sm': {
+        '@apply py-[0.85rem] min-h-[4rem]': {}
+      },
+      '&-md': {
+        '@apply py-[0.9rem] min-h-[4.4rem]': {}
+      },
+      '&-lg': {
+        '@apply py-[1.1rem] min-h-[4.8rem]': {}
+      }
+    },
+    '&-counter': {
+      '@apply mt-xs text-right': {}
+    }
+  },
+  '.dropdown-search': {
+    '@apply block w-full relative': {},
+    '&-results': {
+      '@apply w-full flex justify-between items-center': {},
+      '&-text': {
+        '@apply truncate text-left grow': {}
+      },
+      '&-counter': {
+        '@apply grow-0': {}
+      }
+    }
+  },
+  '.form-select': {
+    '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke': {},
+    'background-image': 'none',
+    '&-wrapper': {
+      '@apply block w-full relative': {}
+    },
+    '&-icon': {
+      '@apply grow-0': {}
+    },
+    '&-list': {
+      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {}
+    },
+    '&-has-multiple-choices': {
+      '@apply flex w-full h-full justify-between items-center pr-md': {}
+    },
+    '&-multiple-chioces': {
+      '@apply truncate pr-md': {}
+    },
+    '&-option': {
+      '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center': {},
+      '&.multiple.selected': {
+        '@apply bg-background-one': {}
+      },
+      '&.active': {
+        '@apply bg-primary text-white': {}
+      },
+      '&.active.selected': {
+        '@apply bg-gray text-white': {}
+      },
+      '&.disabled': {
+        '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {}
+      },
+      '&-remove-button': {
+        '@apply w-full flex justify-between items-center': {},
+        '&-text': {
+          '@apply truncate grow text-left': {}
+        }
+      }
+    }
+  }
+}, formInputGroup(), formControl());
+//# sourceMappingURL=forms.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","fieldSolid","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border shadow-sm border-gray-stroke': {},\r\n      '@apply text-gray bg-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border border-transparent': {},\r\n      '@apply text-black bg-gray-light': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formControl() {\r\n  return {\r\n    '.form-control': {\r\n      '@apply w-full relative': {},\r\n    },\r\n    '.form-helper-text': {\r\n      '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n    },\r\n    '.form-error-message': {\r\n      '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n    },\r\n    '.form-label': {\r\n      '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n    },\r\n    '.form-required-indicator': {\r\n      '@apply ml-1 text-sm': {},\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n      '.dark &': {\r\n        '--tw-text-opacity': '1',\r\n        color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formInputGroup() {\r\n  return {\r\n    '.form-input-group': {\r\n      '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n      '&:focus-within': {\r\n        '@apply border border-primary ring-primary ring-1': {},\r\n      },\r\n\r\n      '> *': {\r\n        '@apply border-0 ring-0 shadow-none': {},\r\n\r\n        '&:focus': {\r\n          '@apply ring-0': {},\r\n        },\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n        },\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-[3.2rem]': {},\r\n\r\n        '> *:first-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n\r\n        '> *:last-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-element': {\r\n      '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n      '&-sm': {\r\n        '@apply text-xs h-7 w-7': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-sm h-8 w-8': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-base h-10 w-10': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-addon': {\r\n      '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n      '@apply text-neutral-600 bg-neutral-50': {},\r\n      // dark colors\r\n      '@apply dark:border-neutral-700': {},\r\n      '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-3 text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-4 text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-4 text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply rounded-l-none': {},\r\n      },\r\n    },\r\n    '.form-input-addin': {\r\n      '@apply flex items-center w-auto whitespace-nowrap': {},\r\n      '@apply text-body': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-[1.44rem] text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-[1.6rem] text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-[1.76rem] text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply pr-0 rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply pl-0 rounded-l-none': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n  '.form-field': {\r\n    '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n    '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n    '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-sm leading-sm': {},\r\n      '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-base leading-base': {},\r\n      '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base leading-lg': {},\r\n      '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n    },\r\n\r\n    '&-disabled, &&-disabled': {\r\n      '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n    },\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-[3.2rem]': {},\r\n    },\r\n\r\n    // variants\r\n    ...fieldOutline(colors),\r\n    ...fieldSolid(colors),\r\n  },\r\n\r\n  '.form-button': {\r\n    '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n    '&[data-icon=true]': {\r\n      '@apply p-[0.2em]': {},\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '&-wrapper': {\r\n      '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n    },\r\n  },\r\n\r\n  '.form-textarea': {\r\n    maxHeight: 'none',\r\n    '&.form-field': {\r\n      '&-sm': {\r\n        '@apply py-[0.85rem] min-h-[4rem]': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n      },\r\n    },\r\n    '&-counter': {\r\n      '@apply mt-xs text-right': {},\r\n    },\r\n  },\r\n  '.dropdown-search': {\r\n    '@apply block w-full relative': {},\r\n    '&-results': {\r\n      '@apply w-full flex justify-between items-center': {},\r\n      '&-text': {\r\n        '@apply truncate text-left grow': {},\r\n      },\r\n      '&-counter': {\r\n        '@apply grow-0': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '.form-select': {\r\n    '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n      {},\r\n    'background-image': 'none',\r\n    '&-wrapper': {\r\n      '@apply block w-full relative': {},\r\n    },\r\n    '&-icon': {\r\n      '@apply grow-0': {},\r\n    },\r\n    '&-list': {\r\n      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\r\n    },\r\n    '&-has-multiple-choices': {\r\n      '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n    },\r\n    '&-multiple-chioces': {\r\n      '@apply truncate pr-md': {},\r\n    },\r\n\r\n    '&-option': {\r\n      '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n        {},\r\n\r\n      '&.multiple.selected': {\r\n        '@apply bg-background-one': {},\r\n      },\r\n      '&.active': {\r\n        '@apply bg-primary text-white': {},\r\n      },\r\n      '&.active.selected': {\r\n        '@apply bg-gray text-white': {},\r\n      },\r\n      '&.disabled': {\r\n        '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n      },\r\n      '&-remove-button': {\r\n        '@apply w-full flex justify-between items-center': {},\r\n        '&-text': {\r\n          '@apply truncate grow text-left': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...formInputGroup(),\r\n  ...formControl(),\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/header.js

@@ -0,0 +1,27 @@
+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); }
+module.exports = 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': {}
+      }
+    }
+  })
+});
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","names":["module","exports","Header","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/header.js"],"sourcesContent":["module.exports = Header = (colors) => ({\r\n  '.header': {\r\n    '@apply lg:border-t-8 lg:border-primary lg:static lg:w-auto lg:h-auto lg:min-h-0': {},\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply border-${color}`]: {},\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    [`&[data-color=\"none\"]`]: {\r\n      [`@apply border-none`]: {},\r\n    },\r\n\r\n    '&-container': {\r\n      '@apply flex lg:h-[112px] shadow-lg relative mx-auto px-7 pt-[22px] pb-[8px] z-10': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 text-body max-w-[140rem]': {},\r\n    },\r\n\r\n    '&-usermenu': {\r\n      '@apply lg:-mr-lg block flex-shrink lg:flex lg:items-center lg:w-auto': {},\r\n\r\n      '&-content': {\r\n        '@apply flex flex-grow lg:flex justify-end items-center lg:w-auto': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAIC,MAAM,KAAM;EACrC,SAAS,EAAAC,QAAA;IACP,iFAAiF,EAAE,CAAC;EAAC,GAElFD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,oBAAkBA,KAAK,GAAK,CAAC;IAC/B;EAAC,EACD,EACF,CAAC,CAAC,CACH;IAED,4BAA0B;MACxB,wBAAwB,CAAC;IAC3B,CAAC;IAED,aAAa,EAAE;MACb,kFAAkF,EAAE,CAAC;IACvF,CAAC;IAED,WAAW,EAAE;MACX,+FAA+F,EAAE,CAAC;IACpG,CAAC;IAED,YAAY,EAAE;MACZ,sEAAsE,EAAE,CAAC,CAAC;MAE1E,WAAW,EAAE;QACX,kEAAkE,EAAE,CAAC;MACvE;IACF;EAAC;AAEL,CAAC,CAAC"}

package/dist/esm/components/icon.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","names":["module","exports","Icon"],"sources":["../../../src/components/icon.js"],"sourcesContent":["module.exports = Icon = () => ({\r\n  '.icon-inline': {\r\n    '@apply inline-block align-middle': {},\r\n  },\r\n\r\n  '.icon-block': {\r\n    '@apply block': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,cAAc,EAAE;IACd,kCAAkC,EAAE,CAAC;EACvC,CAAC;EAED,aAAa,EAAE;IACb,cAAc,EAAE,CAAC;EACnB;AACF,CAAC,CAAC"}

package/dist/esm/components/kbd.js

@@ -0,0 +1,10 @@
+module.exports = 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': {}
+  }
+});
+//# sourceMappingURL=kbd.js.map