@sk-web-gui/core 0.1.45 → 0.1.47

package/dist/esm/components/link.js

@@ -0,0 +1,19 @@
+export var Link = () => ({
+  '.link': {
+    '@apply cursor-base underline outline-none hover:underline': {},
+    '@apply text-primary dark:text-primary': {},
+    '@apply focus-visible:ring-4 focus-visible:ring-primary': {},
+    '@apply hover:text-primary-active': {},
+    '&-external-icon': {
+      fontSize: '0.875em !important',
+      lineHeight: '1',
+      marginLeft: '.25em',
+      verticalAlign: 'text-top'
+    },
+    '&-disabled': {
+      '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {}
+    }
+  }
+});
+export default Link;
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":["Link","fontSize","lineHeight","marginLeft","verticalAlign"],"sources":["../../../src/components/link.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Link: (colors: string[]) => tailwindModuleType = () => ({\n  '.link': {\n    '@apply cursor-base underline outline-none hover:underline': {},\n    '@apply text-primary dark:text-primary': {},\n    '@apply focus-visible:ring-4 focus-visible:ring-primary': {},\n\n    '@apply hover:text-primary-active': {},\n\n    '&-external-icon': {\n      fontSize: '0.875em !important',\n      lineHeight: '1',\n      marginLeft: '.25em',\n      verticalAlign: 'text-top',\n    },\n\n    '&-disabled': {\n      '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {},\n    },\n  },\n});\nexport default Link;\n"],"mappings":"AAEA,OAAO,IAAMA,IAA8C,GAAG,OAAO;EACnE,SAAS;IACP,6DAA6D,EADtD;IAEP,yCAAyC,EAFlC;IAGP,0DAA0D,EAHnD;IAKP,oCAAoC,EAL7B;IAOP,mBAAmB;MACjBC,QAAQ,EAAE,oBADO;MAEjBC,UAAU,EAAE,GAFK;MAGjBC,UAAU,EAAE,OAHK;MAIjBC,aAAa,EAAE;IAJE,CAPZ;IAcP,cAAc;MACZ,gFAAgF;IADpE;EAdP;AAD0D,CAAP,CAAvD;AAoBP,eAAeJ,IAAf"}

package/dist/esm/components/message.js

@@ -0,0 +1,53 @@
+export var Message = () => ({
+  '.message': {
+    '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},
+    '@apply text-body bg-white border-l-4': {},
+    // dark
+    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},
+    '&-text': {
+      '@apply text-left flex-grow': {}
+    },
+    '&-info': {
+      '@apply border-info': {},
+      '.message-icon': {
+        '@apply text-info': {}
+      }
+    },
+    '&-success': {
+      '@apply border-success': {},
+      '.message-icon': {
+        '@apply text-success': {}
+      }
+    },
+    '&-error': {
+      '@apply border-error': {},
+      '.message-icon': {
+        '@apply text-error': {}
+      }
+    },
+    '&-warning': {
+      '@apply border-warning': {},
+      '.message-icon': {
+        '@apply text-warning': {}
+      }
+    }
+  },
+  '.message-icon': {
+    '@apply mr-4 flex-shrink-0 w-10 h-10': {}
+  },
+  '.message-close-button': {
+    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base': {},
+    fontSize: '1.2em',
+    padding: '0.36em',
+    marginLeft: '0.25em',
+    marginRight: '-0.55em',
+    '&-icon': {
+      '@apply !text-xl': {}
+    },
+    '&-disabled': {
+      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
+    }
+  }
+});
+export default Message;
+//# sourceMappingURL=message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":["Message","fontSize","padding","marginLeft","marginRight"],"sources":["../../../src/components/message.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Message: (colors: string[]) => tailwindModuleType = () => ({\n  '.message': {\n    '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},\n    '@apply text-body bg-white border-l-4': {},\n    // dark\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\n\n    '&-text': {\n      '@apply text-left flex-grow': {},\n    },\n\n    '&-info': {\n      '@apply border-info': {},\n\n      '.message-icon': {\n        '@apply text-info': {},\n      },\n    },\n    '&-success': {\n      '@apply border-success': {},\n\n      '.message-icon': {\n        '@apply text-success': {},\n      },\n    },\n    '&-error': {\n      '@apply border-error': {},\n\n      '.message-icon': {\n        '@apply text-error': {},\n      },\n    },\n    '&-warning': {\n      '@apply border-warning': {},\n\n      '.message-icon': {\n        '@apply text-warning': {},\n      },\n    },\n  },\n\n  '.message-icon': {\n    '@apply mr-4 flex-shrink-0 w-10 h-10': {},\n  },\n\n  '.message-close-button': {\n    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base':\n      {},\n    fontSize: '1.2em',\n    padding: '0.36em',\n    marginLeft: '0.25em',\n    marginRight: '-0.55em',\n\n    '&-icon': {\n      '@apply !text-xl': {},\n    },\n\n    '&-disabled': {\n      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\n    },\n  },\n});\nexport default Message;\n"],"mappings":"AAEA,OAAO,IAAMA,OAAiD,GAAG,OAAO;EACtE,YAAY;IACV,+GAA+G,EADrG;IAEV,wCAAwC,EAF9B;IAGV;IACA,4EAA4E,EAJlE;IAMV,UAAU;MACR,8BAA8B;IADtB,CANA;IAUV,UAAU;MACR,sBAAsB,EADd;MAGR,iBAAiB;QACf,oBAAoB;MADL;IAHT,CAVA;IAiBV,aAAa;MACX,yBAAyB,EADd;MAGX,iBAAiB;QACf,uBAAuB;MADR;IAHN,CAjBH;IAwBV,WAAW;MACT,uBAAuB,EADd;MAGT,iBAAiB;QACf,qBAAqB;MADN;IAHR,CAxBD;IA+BV,aAAa;MACX,yBAAyB,EADd;MAGX,iBAAiB;QACf,uBAAuB;MADR;IAHN;EA/BH,CAD0D;EAyCtE,iBAAiB;IACf,uCAAuC;EADxB,CAzCqD;EA6CtE,yBAAyB;IACvB,0IACE,EAFqB;IAGvBC,QAAQ,EAAE,OAHa;IAIvBC,OAAO,EAAE,QAJc;IAKvBC,UAAU,EAAE,QALW;IAMvBC,WAAW,EAAE,SANU;IAQvB,UAAU;MACR,mBAAmB;IADX,CARa;IAYvB,cAAc;MACZ,+EAA+E;IADnE;EAZS;AA7C6C,CAAP,CAA1D;AA8DP,eAAeJ,OAAf"}

package/dist/esm/components/modal.js

@@ -0,0 +1,25 @@
+export var Modal = () => ({
+  '.modal': {
+    '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},
+    '&-backdrop': {
+      '@apply bg-black bg-opacity-30': {}
+    },
+    '&-wrapper': {
+      '@apply flex flex-col container py-8 px-4 text-center bg-white max-w-screen-sm relative': {}
+    },
+    '&-close-btn': {
+      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center': {}
+    },
+    '&-title': {
+      '@apply text-3xl p-4': {}
+    },
+    '&-description': {
+      '@apply text-base p-4': {}
+    },
+    '&-content-wrapper': {
+      '@apply p-4 space-y-10': {}
+    }
+  }
+});
+export default Modal;
+//# sourceMappingURL=modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","names":["Modal"],"sources":["../../../src/components/modal.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Modal: (colors: string[]) => tailwindModuleType = () => ({\n  '.modal': {\n    '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},\n\n    '&-backdrop': {\n      '@apply bg-black bg-opacity-30': {},\n    },\n\n    '&-wrapper': {\n      '@apply flex flex-col container py-8 px-4 text-center bg-white max-w-screen-sm relative': {},\n    },\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\n    '&-title': {\n      '@apply text-3xl p-4': {},\n    },\n\n    '&-description': {\n      '@apply text-base p-4': {},\n    },\n\n    '&-content-wrapper': {\n      '@apply p-4 space-y-10': {},\n    },\n  },\n});\nexport default Modal;\n"],"mappings":"AAEA,OAAO,IAAMA,KAA+C,GAAG,OAAO;EACpE,UAAU;IACR,8EAA8E,EADtE;IAGR,cAAc;MACZ,iCAAiC;IADrB,CAHN;IAOR,aAAa;MACX,0FAA0F;IAD/E,CAPL;IAWR,eAAe;MACb,gJACE;IAFW,CAXP;IAgBR,WAAW;MACT,uBAAuB;IADd,CAhBH;IAoBR,iBAAiB;MACf,wBAAwB;IADT,CApBT;IAwBR,qBAAqB;MACnB,yBAAyB;IADN;EAxBb;AAD0D,CAAP,CAAxD;AA8BP,eAAeA,KAAf"}

package/dist/esm/components/notification.js

@@ -0,0 +1,48 @@
+export var NotificationToast = () => ({
+  '.notification': {
+    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
+    '@apply text-body bg-white border border-neutral-200': {},
+    // dark
+    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {}
+  },
+  '.notification-icon': {
+    '@apply flex-shrink-0 w-5 h-5 mr-3': {},
+    '&-info': {
+      '--tw-text-opacity': '1',
+      color: 'rgba(59, 130, 246, var(--tw-text-opacity))'
+    },
+    '&-success': {
+      '--tw-text-opacity': '1',
+      color: 'rgba(34, 197, 94, var(--tw-text-opacity))'
+    },
+    '&-error': {
+      '--tw-text-opacity': '1',
+      color: 'rgba(239, 68, 68, var(--tw-text-opacity))'
+    },
+    '&-warning': {
+      '--tw-text-opacity': '1',
+      color: 'rgba(234, 179, 8, var(--tw-text-opacity))'
+    }
+  },
+  '.notification-content': {
+    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},
+    '&-title': {
+      '@apply font-semibold': {}
+    },
+    '&-description': {
+      '@apply text-neutral-500 dark:text-neutral-400': {}
+    }
+  },
+  '.notification-action': {
+    '@apply absolute space-x-2 right-[16px] top-[16px]': {},
+    '&-undo': {
+      '@apply h-auto p-0 text-sm': {}
+    },
+    '&-close-button': {
+      '@apply cursor-base text-neutral-700 hover:text-body': {},
+      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {}
+    }
+  }
+});
+export default NotificationToast;
+//# sourceMappingURL=notification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","names":["NotificationToast","color"],"sources":["../../../src/components/notification.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const NotificationToast: (colors: string[]) => tailwindModuleType = () => ({\n  '.notification': {\n    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\n    '@apply text-body bg-white border border-neutral-200': {},\n    // dark\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\n  },\n\n  '.notification-icon': {\n    '@apply flex-shrink-0 w-5 h-5 mr-3': {},\n\n    '&-info': {\n      '--tw-text-opacity': '1',\n      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\n    },\n    '&-success': {\n      '--tw-text-opacity': '1',\n      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\n    },\n    '&-error': {\n      '--tw-text-opacity': '1',\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\n    },\n    '&-warning': {\n      '--tw-text-opacity': '1',\n      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\n    },\n  },\n\n  '.notification-content': {\n    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\n\n    '&-title': {\n      '@apply font-semibold': {},\n    },\n\n    '&-description': {\n      '@apply text-neutral-500 dark:text-neutral-400': {},\n    },\n  },\n\n  '.notification-action': {\n    '@apply absolute space-x-2 right-[16px] top-[16px]': {},\n\n    '&-undo': {\n      '@apply h-auto p-0 text-sm': {},\n    },\n\n    '&-close-button': {\n      '@apply cursor-base text-neutral-700 hover:text-body': {},\n      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\n    },\n  },\n});\nexport default NotificationToast;\n"],"mappings":"AAEA,OAAO,IAAMA,iBAA2D,GAAG,OAAO;EAChF,iBAAiB;IACf,2FAA2F,EAD5E;IAEf,uDAAuD,EAFxC;IAGf;IACA,4EAA4E;EAJ7D,CAD+D;EAQhF,sBAAsB;IACpB,qCAAqC,EADjB;IAGpB,UAAU;MACR,qBAAqB,GADb;MAERC,KAAK,EAAE;IAFC,CAHU;IAOpB,aAAa;MACX,qBAAqB,GADV;MAEXA,KAAK,EAAE;IAFI,CAPO;IAWpB,WAAW;MACT,qBAAqB,GADZ;MAETA,KAAK,EAAE;IAFE,CAXS;IAepB,aAAa;MACX,qBAAqB,GADV;MAEXA,KAAK,EAAE;IAFI;EAfO,CAR0D;EA6BhF,yBAAyB;IACvB,iEAAiE,EAD1C;IAGvB,WAAW;MACT,wBAAwB;IADf,CAHY;IAOvB,iBAAiB;MACf,iDAAiD;IADlC;EAPM,CA7BuD;EAyChF,wBAAwB;IACtB,qDAAqD,EAD/B;IAGtB,UAAU;MACR,6BAA6B;IADrB,CAHY;IAOtB,kBAAkB;MAChB,uDAAuD,EADvC;MAEhB,4DAA4D;IAF5C;EAPI;AAzCwD,CAAP,CAApE;AAsDP,eAAeD,iBAAf"}

package/dist/esm/components/pagination.js

@@ -0,0 +1,56 @@
+export var Pagination = () => ({
+  '.pagination': {
+    '@apply select-none': {},
+    '&-sm': {
+      '@apply text-xs': {}
+    },
+    '&-md': {
+      '@apply text-lg': {}
+    },
+    '&-lg': {
+      '@apply text-xl': {}
+    },
+    '&-list': {
+      '@apply flex items-baseline': {}
+    },
+    '&-pageLabel': {
+      '@apply cursor-pointer m-sm': {},
+      width: '1.5em',
+      height: '1.75em',
+      "&[aria-disabled='true']": {
+        '@apply border-primary border-b cursor-default text-primary': {}
+      }
+    },
+    '&-prevNextButton': {
+      '@apply text-body ml-4 inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},
+      '&[data-reverse=true]': {
+        '@apply mr-4 ml-0 flex-row-reverse': {},
+        '.pagination-prevNextButton-label': {
+          '@apply mr-sm ml-0': {}
+        }
+      },
+      '&[disabled]': {
+        '@apply opacity-50 cursor-default': {}
+      },
+      "&[disabled='false']": {
+        '&-label, &-icon': {
+          '@apply cursor-pointer': {}
+        }
+      },
+      '&-label': {
+        '@apply hidden sm:inline ml-sm leading-none': {}
+      },
+      '&-icon': {
+        '@apply m-1 align-text-bottom leading-none flex items-center': {},
+        '.MuiSvgIcon-root': {
+          fontSize: '1em'
+        }
+      }
+    },
+    '&-ellipsis': {
+      '@apply inline-block w-16 text-center': {}
+    }
+  }
+});
+export default Pagination;
+//# sourceMappingURL=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":["Pagination","width","height","fontSize"],"sources":["../../../src/components/pagination.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Pagination: (colors: string[]) => tailwindModuleType = () => ({\n  '.pagination': {\n    '@apply select-none': {},\n\n    '&-sm': {\n      '@apply text-xs': {},\n    },\n\n    '&-md': {\n      '@apply text-lg': {},\n    },\n\n    '&-lg': {\n      '@apply text-xl': {},\n    },\n\n    '&-list': {\n      '@apply flex items-baseline': {},\n    },\n\n    '&-pageLabel': {\n      '@apply cursor-pointer m-sm': {},\n      width: '1.5em',\n      height: '1.75em',\n\n      \"&[aria-disabled='true']\": {\n        '@apply border-primary border-b cursor-default text-primary': {},\n      },\n    },\n\n    '&-prevNextButton': {\n      '@apply text-body ml-4 inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},\n\n      '&[data-reverse=true]': {\n        '@apply mr-4 ml-0 flex-row-reverse': {},\n\n        '.pagination-prevNextButton-label': {\n          '@apply mr-sm ml-0': {},\n        },\n      },\n\n      '&[disabled]': {\n        '@apply opacity-50 cursor-default': {},\n      },\n\n      \"&[disabled='false']\": {\n        '&-label, &-icon': {\n          '@apply cursor-pointer': {},\n        },\n      },\n\n      '&-label': {\n        '@apply hidden sm:inline ml-sm leading-none': {},\n      },\n\n      '&-icon': {\n        '@apply m-1 align-text-bottom leading-none flex items-center': {},\n\n        '.MuiSvgIcon-root': {\n          fontSize: '1em',\n        },\n      },\n    },\n\n    '&-ellipsis': {\n      '@apply inline-block w-16 text-center': {},\n    },\n  },\n});\nexport default Pagination;\n"],"mappings":"AAEA,OAAO,IAAMA,UAAoD,GAAG,OAAO;EACzE,eAAe;IACb,sBAAsB,EADT;IAGb,QAAQ;MACN,kBAAkB;IADZ,CAHK;IAOb,QAAQ;MACN,kBAAkB;IADZ,CAPK;IAWb,QAAQ;MACN,kBAAkB;IADZ,CAXK;IAeb,UAAU;MACR,8BAA8B;IADtB,CAfG;IAmBb,eAAe;MACb,8BAA8B,EADjB;MAEbC,KAAK,EAAE,OAFM;MAGbC,MAAM,EAAE,QAHK;MAKb,2BAA2B;QACzB,8DAA8D;MADrC;IALd,CAnBF;IA6Bb,oBAAoB;MAClB,8FAA8F,EAD5E;MAGlB,wBAAwB;QACtB,qCAAqC,EADf;QAGtB,oCAAoC;UAClC,qBAAqB;QADa;MAHd,CAHN;MAWlB,eAAe;QACb,oCAAoC;MADvB,CAXG;MAelB,uBAAuB;QACrB,mBAAmB;UACjB,yBAAyB;QADR;MADE,CAfL;MAqBlB,WAAW;QACT,8CAA8C;MADrC,CArBO;MAyBlB,UAAU;QACR,+DAA+D,EADvD;QAGR,oBAAoB;UAClBC,QAAQ,EAAE;QADQ;MAHZ;IAzBQ,CA7BP;IA+Db,cAAc;MACZ,wCAAwC;IAD5B;EA/DD;AAD0D,CAAP,CAA7D;AAqEP,eAAeH,UAAf"}

package/dist/esm/components/radio.js

@@ -0,0 +1,88 @@
+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 Radio = colors => ({
+  '.form-radio': _extends({
+    '@apply shadow-sm': {},
+    backgroundColor: 'inherit',
+    '@apply border-neutral-300': {},
+    '&[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': {
+      borderColor: 'transparent'
+    }
+  }, colors.reduce((styles, color) => _extends({}, styles, {
+    ["&[data-color=\"" + color + "\"]"]: {
+      ["@apply text-" + color + "-600"]: {},
+      ["@apply focus-visible:border-" + color + "-600 focus-visible:ring-" + color + "-600"]: {},
+      ["@apply dark:text-" + color + "-500"]: {},
+      ["@apply dark:focus-visible:border-" + color + "-400 dark:focus-visible:ring-" + color + "-400"]: {}
+    }
+  }), {}), {
+    '@apply dark:focus-visible:ring-offset-neutral-900': {},
+    // sizing
+    '&-sm': {
+      '@apply w-3 h-3': {}
+    },
+    '&-md': {
+      '@apply w-4 h-4': {}
+    },
+    '&-lg': {
+      '@apply w-5 h-5': {}
+    },
+    '&-xl': {
+      '@apply w-6 h-6': {}
+    },
+    // disabled
+    '&-disabled': {
+      '@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 ml-2 select-none text-sm': {},
+      '@apply text-body': {},
+      // dark colors
+      '@apply dark:text-neutral-100': {},
+      '&-sm': {
+        '@apply text-xs': {}
+      },
+      '&-md': {
+        '@apply text-sm': {}
+      },
+      '&-lg': {
+        '@apply text-base': {}
+      },
+      '&-xl': {
+        '@apply text-lg': {}
+      }
+    }
+  })
+});
+export default Radio;
+//# sourceMappingURL=radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","names":["Radio","colors","backgroundColor","borderColor","reduce","styles","color"],"sources":["../../../src/components/radio.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Radio: (colors: string[]) => tailwindModuleType = (colors) => ({\n  '.form-radio': {\n    '@apply shadow-sm': {},\n    backgroundColor: 'inherit',\n    '@apply border-neutral-300': {},\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      borderColor: 'transparent',\n    },\n\n    // colors\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          [`@apply text-${color}-600`]: {},\n          [`@apply focus-visible:border-${color}-600 focus-visible:ring-${color}-600`]: {},\n          [`@apply dark:text-${color}-500`]: {},\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      '@apply w-3 h-3': {},\n    },\n\n    '&-md': {\n      '@apply w-4 h-4': {},\n    },\n\n    '&-lg': {\n      '@apply w-5 h-5': {},\n    },\n\n    '&-xl': {\n      '@apply w-6 h-6': {},\n    },\n\n    // disabled\n    '&-disabled': {\n      '@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300':\n        {},\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 ml-2 select-none text-sm': {},\n      '@apply text-body': {},\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      '&-xl': {\n        '@apply text-lg': {},\n      },\n    },\n  },\n});\nexport default Radio;\n"],"mappings":";;AAEA,OAAO,IAAMA,KAA+C,GAAIC,MAAD,KAAa;EAC1E;IACE,oBAAoB,EADtB;IAEEC,eAAe,EAAE,SAFnB;IAGE,6BAA6B,EAH/B;IAIE,wBAAwB;MACtB,uBAAuB,GADD;MAEtBC,WAAW,EAAE;IAFS,CAJ1B;IAQE,8BAA8B;MAC5B,uBAAuB,GADK;MAE5B,gBAAgB;IAFY,CARhC;IAYE;IACA,kCAAkC,EAbpC;IAcE,8BAA8B;MAC5B,uBAAuB,GADK;MAE5BA,WAAW,EAAE;IAFe,CAdhC;IAkBE,oCAAoC;MAClC,uBAAuB,GADW;MAElCA,WAAW,EAAE;IAFqB,CAlBtC;IAuBE,uCAAuC;MACrC,wBAAwB;QACtB,uBAAuB,GADD;QAEtBA,WAAW,EAAE;MAFS,CADa;MAKrC,8BAA8B;QAC5B,uBAAuB,GADK;QAE5B,gBAAgB;MAFY;IALO,CAvBzC;IAkCE,aAAa;MACXA,WAAW,EAAE;IADF;EAlCf,GAuCKF,MAAM,CAACG,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;IAEE,qBAAkBC,KAAlB,WAA8B;MAC5B,kBAAgBA,KAAhB,YAA8B,EADF;MAE5B,kCAAgCA,KAAhC,gCAAgEA,KAAhE,YAA8E,EAFlD;MAG5B,uBAAqBA,KAArB,YAAmC,EAHP;MAI5B,uCAAqCA,KAArC,qCAA0EA,KAA1E,YAAwF;IAJ5D;EAFhC,EADC,EAUD,EAVC,CAvCL;IAoDE,qDAAqD,EApDvD;IAsDE;IACA,QAAQ;MACN,kBAAkB;IADZ,CAvDV;IA2DE,QAAQ;MACN,kBAAkB;IADZ,CA3DV;IA+DE,QAAQ;MACN,kBAAkB;IADZ,CA/DV;IAmEE,QAAQ;MACN,kBAAkB;IADZ,CAnEV;IAuEE;IACA,cAAc;MACZ,mHACE,EAFU;MAGZ,uGAAuG;IAH3F,CAxEhB;IA8EE;IACA,WAAW;MACT,mCAAmC,EAD1B;MAET,oBAAoB,EAFX;MAGT;MACA,gCAAgC,EAJvB;MAMT,QAAQ;QACN,kBAAkB;MADZ,CANC;MAUT,QAAQ;QACN,kBAAkB;MADZ,CAVC;MAcT,QAAQ;QACN,oBAAoB;MADd,CAdC;MAkBT,QAAQ;QACN,kBAAkB;MADZ;IAlBC;EA/Eb;AAD0E,CAAb,CAAxD;AAwGP,eAAeN,KAAf"}

package/dist/esm/components/switch.js

@@ -0,0 +1,98 @@
+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 Switch = colors => ({
+  '.form-switch-label': {
+    '@apply inline-block align-middle': {},
+    "&[type='hidden']": {
+      '@apply hidden': {},
+      '.form-switch': {
+        '@apply hidden': {}
+      }
+    }
+  },
+  '.form-switch': _extends({
+    '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},
+    '@apply bg-gray-stroke dark:bg-neutral-700': {},
+    // Hover
+    //"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600": {},
+    border: '0.1rem solid transparent',
+    'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {
+      backgroundColor: 'currentColor',
+      '.form-switch-box-sm': {
+        transform: 'translateX(1.42rem)'
+      },
+      '.form-switch-box-md': {
+        transform: 'translateX(1.6rem)'
+      },
+      '.form-switch-box-lg': {
+        transform: 'translateX(1.78rem)'
+      }
+    },
+    'input[type=checkbox]:focus-visible + &': {
+      '@apply z-base !important': {},
+      '@apply border-primary !important': {},
+      '@apply ring-4 ring-black !important': {}
+    },
+    'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {
+      '@apply ring-black !important': {}
+    },
+    '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &': {
+      '@apply ring-black !important': {}
+    },
+    'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &': {
+      '@apply cursor-base': {}
+    }
+  }, colors.reduce((styles, color) => _extends({}, styles, {
+    ["&[data-color=\"" + color + "\"]"]: {
+      ["@apply text-" + color]: {},
+      'input[type=checkbox]:focus + &': {
+        borderColor: "theme('colors." + color + ".DEFAULT')",
+        boxShadow: "0 0 5px theme('colors." + color + ".DEFAULT')",
+        borderWidth: '0.1rem'
+      }
+    }
+  }), {}), {
+    // disabled
+    '&-disabled': {
+      '@apply cursor-not-allowed': {},
+      '&': {
+        backgroundColor: '#ECECEC'
+      }
+    },
+    'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {
+      '@apply bg-gray-stroke': {}
+    },
+    // sizing
+    '&-sm': {
+      height: '2.16rem',
+      width: '3.6rem'
+    },
+    '&-md': {
+      height: '2.4rem',
+      width: '4rem'
+    },
+    '&-lg': {
+      height: '2.64rem',
+      width: '4.4rem'
+    }
+  }),
+  // Knob
+  '.form-switch-box': {
+    '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},
+    // sizing
+    '&-sm': {
+      height: '1.6rem',
+      width: '1.7rem'
+    },
+    '&-md': {
+      height: '2rem',
+      width: '2rem'
+    },
+    '&-lg': {
+      height: '2.2rem',
+      width: '2.2rem'
+    }
+  }
+});
+export default Switch;
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["Switch","colors","border","backgroundColor","transform","reduce","styles","color","borderColor","boxShadow","borderWidth","height","width"],"sources":["../../../src/components/switch.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Switch: (colors: string[]) => tailwindModuleType = (colors) => ({\n  '.form-switch-label': {\n    '@apply inline-block align-middle': {},\n\n    \"&[type='hidden']\": {\n      '@apply hidden': {},\n\n      '.form-switch': {\n        '@apply hidden': {},\n      },\n    },\n  },\n  '.form-switch': {\n    '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},\n    '@apply bg-gray-stroke dark:bg-neutral-700': {},\n    // Hover\n    //\"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600\": {},\n\n    border: '0.1rem solid transparent',\n\n    'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {\n      backgroundColor: 'currentColor',\n      '.form-switch-box-sm': {\n        transform: 'translateX(1.42rem)',\n      },\n      '.form-switch-box-md': {\n        transform: 'translateX(1.6rem)',\n      },\n      '.form-switch-box-lg': {\n        transform: 'translateX(1.78rem)',\n      },\n    },\n\n    'input[type=checkbox]:focus-visible + &': {\n      '@apply z-base !important': {},\n      '@apply border-primary !important': {},\n      '@apply ring-4 ring-black !important': {},\n    },\n\n    'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {\n      '@apply ring-black !important': {},\n    },\n    '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &':\n      {\n        '@apply ring-black !important': {},\n      },\n    'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &':\n      {\n        '@apply cursor-base': {},\n      },\n\n    // colors\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          [`@apply text-${color}`]: {},\n\n          'input[type=checkbox]:focus + &': {\n            borderColor: `theme('colors.${color}.DEFAULT')`,\n            boxShadow: `0 0 5px theme('colors.${color}.DEFAULT')`,\n            borderWidth: '0.1rem',\n          },\n        },\n      }),\n      {}\n    ),\n\n    // disabled\n    '&-disabled': {\n      '@apply cursor-not-allowed': {},\n\n      '&': {\n        backgroundColor: '#ECECEC',\n      },\n    },\n\n    'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {\n      '@apply bg-gray-stroke': {},\n    },\n\n    // sizing\n    '&-sm': {\n      height: '2.16rem',\n      width: '3.6rem',\n    },\n\n    '&-md': {\n      height: '2.4rem',\n      width: '4rem',\n    },\n\n    '&-lg': {\n      height: '2.64rem',\n      width: '4.4rem',\n    },\n  },\n\n  // Knob\n  '.form-switch-box': {\n    '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},\n\n    // sizing\n    '&-sm': {\n      height: '1.6rem',\n      width: '1.7rem',\n    },\n\n    '&-md': {\n      height: '2rem',\n      width: '2rem',\n    },\n\n    '&-lg': {\n      height: '2.2rem',\n      width: '2.2rem',\n    },\n  },\n});\nexport default Switch;\n"],"mappings":";;AAEA,OAAO,IAAMA,MAAgD,GAAIC,MAAD,KAAa;EAC3E,sBAAsB;IACpB,oCAAoC,EADhB;IAGpB,oBAAoB;MAClB,iBAAiB,EADC;MAGlB,gBAAgB;QACd,iBAAiB;MADH;IAHE;EAHA,CADqD;EAY3E;IACE,4DAA4D,EAD9D;IAEE,6CAA6C,EAF/C;IAGE;IACA;IAEAC,MAAM,EAAE,0BANV;IAQE,kFAAkF;MAChFC,eAAe,EAAE,cAD+D;MAEhF,uBAAuB;QACrBC,SAAS,EAAE;MADU,CAFyD;MAKhF,uBAAuB;QACrBA,SAAS,EAAE;MADU,CALyD;MAQhF,uBAAuB;QACrBA,SAAS,EAAE;MADU;IARyD,CARpF;IAqBE,0CAA0C;MACxC,4BAA4B,EADY;MAExC,oCAAoC,EAFI;MAGxC,uCAAuC;IAHC,CArB5C;IA2BE,8GAA8G;MAC5G,gCAAgC;IAD4E,CA3BhH;IA8BE,yHACE;MACE,gCAAgC;IADlC,CA/BJ;IAkCE,4HACE;MACE,sBAAsB;IADxB;EAnCJ,GAwCKH,MAAM,CAACI,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;IAEE,qBAAkBC,KAAlB,WAA8B;MAC5B,kBAAgBA,KAAhB,GAA0B,EADE;MAG5B,kCAAkC;QAChCC,WAAW,qBAAmBD,KAAnB,eADqB;QAEhCE,SAAS,6BAA2BF,KAA3B,eAFuB;QAGhCG,WAAW,EAAE;MAHmB;IAHN;EAFhC,EADC,EAaD,EAbC,CAxCL;IAwDE;IACA,cAAc;MACZ,6BAA6B,EADjB;MAGZ,KAAK;QACHP,eAAe,EAAE;MADd;IAHO,CAzDhB;IAiEE,oEAAoE;MAClE,yBAAyB;IADyC,CAjEtE;IAqEE;IACA,QAAQ;MACNQ,MAAM,EAAE,SADF;MAENC,KAAK,EAAE;IAFD,CAtEV;IA2EE,QAAQ;MACND,MAAM,EAAE,QADF;MAENC,KAAK,EAAE;IAFD,CA3EV;IAgFE,QAAQ;MACND,MAAM,EAAE,SADF;MAENC,KAAK,EAAE;IAFD;EAhFV,EAZ2E;EAkG3E;EACA,oBAAoB;IAClB,6GAA6G,EAD3F;IAGlB;IACA,QAAQ;MACND,MAAM,EAAE,QADF;MAENC,KAAK,EAAE;IAFD,CAJU;IASlB,QAAQ;MACND,MAAM,EAAE,MADF;MAENC,KAAK,EAAE;IAFD,CATU;IAclB,QAAQ;MACND,MAAM,EAAE,QADF;MAENC,KAAK,EAAE;IAFD;EAdU;AAnGuD,CAAb,CAAzD;AAuHP,eAAeZ,MAAf"}

package/dist/esm/components/table.js

@@ -0,0 +1,13 @@
+export var Table = () => ({
+  '.table': {
+    '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},
+    '&-item': {
+      '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},
+      '&:nth-child(odd)': {
+        '@apply bg-gray-lighter': {}
+      }
+    }
+  }
+});
+export default Table;
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":["Table"],"sources":["../../../src/components/table.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Table: (colors: string[]) => tailwindModuleType = () => ({\n  '.table': {\n    '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},\n\n    '&-item': {\n      '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},\n\n      '&:nth-child(odd)': {\n        '@apply bg-gray-lighter': {},\n      },\n    },\n  },\n});\nexport default Table;\n"],"mappings":"AAEA,OAAO,IAAMA,KAA+C,GAAG,OAAO;EACpE,UAAU;IACR,uFAAuF,EAD/E;IAGR,UAAU;MACR,gEAAgE,EADxD;MAGR,oBAAoB;QAClB,0BAA0B;MADR;IAHZ;EAHF;AAD0D,CAAP,CAAxD;AAaP,eAAeA,KAAf"}

package/dist/esm/components/tag.js

@@ -0,0 +1,84 @@
+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 tagOutline() {
+  return {
+    '.tag-outline': {
+      '@apply border bg-transparent border-gray-stroke text-body': {},
+      '&[href]': {
+        ["@apply hover:border-hover hover:text-white hover:bg-hover"]: {},
+        ["@apply active:text-white active:bg-hover"]: {},
+        ["@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover"]: {}
+      }
+    }
+  };
+}
+
+function tagSolid() {
+  return {
+    '.tag-solid': {
+      '@apply border bg-gray-stroke border-transparent text-white': {},
+      '&[href]': {
+        ["@apply hover:text-white hover:bg-hover"]: {},
+        ["@apply active:text-white active:bg-hover"]: {},
+        ["@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover"]: {}
+      },
+      '.tag-close-button': {
+        '@apply text-white hover:text-body': {}
+      }
+    }
+  };
+}
+
+function tagLight() {
+  return {
+    '.tag-light': {
+      '@apply border border-transparent text-body': {},
+      '&[href]': {
+        ["@apply hover:border-hover"]: {},
+        ["@apply active:border-hover"]: {},
+        ["@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black"]: {}
+      }
+    }
+  };
+}
+
+export var Tag = () => _extends({
+  '.tag': {
+    '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap': {},
+    width: 'fit-content',
+    height: 'fit-content',
+    padding: '0 1.145em 0 1.145em',
+    borderRadius: '3.2rem',
+    '&-text': {
+      padding: '0.5em 0'
+    },
+    '&-sm': {
+      '@apply text-xs': {},
+      minWidth: '1.25rem'
+    },
+    '&-md': {
+      '@apply text-sm': {},
+      minWidth: '1.5rem'
+    },
+    '&-lg': {
+      '@apply text-base': {},
+      minWidth: '1.75rem'
+    }
+  }
+}, tagOutline(), tagSolid(), tagLight(), {
+  '.tag-close-button': {
+    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base': {},
+    fontSize: '1em',
+    padding: '0.36em',
+    marginLeft: '0.25em',
+    marginRight: '-0.55em',
+    '&-icon': {
+      fontSize: '1em !important'
+    },
+    '&-disabled': {
+      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
+    }
+  }
+});
+export default Tag;
+//# sourceMappingURL=tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","names":["tagOutline","tagSolid","tagLight","Tag","width","height","padding","borderRadius","minWidth","fontSize","marginLeft","marginRight"],"sources":["../../../src/components/tag.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nfunction tagOutline() {\n  return {\n    '.tag-outline': {\n      '@apply border bg-transparent border-gray-stroke text-body': {},\n\n      '&[href]': {\n        [`@apply hover:border-hover hover:text-white hover:bg-hover`]: {},\n        [`@apply active:text-white active:bg-hover`]: {},\n        [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\n      },\n    },\n  };\n}\n\nfunction tagSolid() {\n  return {\n    '.tag-solid': {\n      '@apply border bg-gray-stroke border-transparent text-white': {},\n\n      '&[href]': {\n        [`@apply hover:text-white hover:bg-hover`]: {},\n        [`@apply active:text-white active:bg-hover`]: {},\n        [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\n      },\n\n      '.tag-close-button': {\n        '@apply text-white hover:text-body': {},\n      },\n    },\n  };\n}\n\nfunction tagLight() {\n  return {\n    '.tag-light': {\n      '@apply border border-transparent text-body': {},\n\n      '&[href]': {\n        [`@apply hover:border-hover`]: {},\n        [`@apply active:border-hover`]: {},\n        [`@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black`]: {},\n      },\n    },\n  };\n}\n\nexport const Tag: (colors: string[]) => tailwindModuleType = () => ({\n  '.tag': {\n    '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap':\n      {},\n    width: 'fit-content',\n    height: 'fit-content',\n    padding: '0 1.145em 0 1.145em',\n    borderRadius: '3.2rem',\n\n    '&-text': {\n      padding: '0.5em 0',\n    },\n\n    '&-sm': {\n      '@apply text-xs': {},\n      minWidth: '1.25rem',\n    },\n\n    '&-md': {\n      '@apply text-sm': {},\n      minWidth: '1.5rem',\n    },\n\n    '&-lg': {\n      '@apply text-base': {},\n      minWidth: '1.75rem',\n    },\n  },\n\n  // variants\n  ...tagOutline(),\n  ...tagSolid(),\n  ...tagLight(),\n\n  '.tag-close-button': {\n    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base':\n      {},\n    fontSize: '1em',\n    padding: '0.36em',\n    marginLeft: '0.25em',\n    marginRight: '-0.55em',\n\n    '&-icon': {\n      fontSize: '1em !important',\n    },\n\n    '&-disabled': {\n      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\n    },\n  },\n});\nexport default Tag;\n"],"mappings":";;AAEA,SAASA,UAAT,GAAsB;EACpB,OAAO;IACL,gBAAgB;MACd,6DAA6D,EAD/C;MAGd,WAAW;QACT,+DAA+D,EADtD;QAET,8CAA8C,EAFrC;QAGT,0GAA0G;MAHjG;IAHG;EADX,CAAP;AAWD;;AAED,SAASC,QAAT,GAAoB;EAClB,OAAO;IACL,cAAc;MACZ,8DAA8D,EADlD;MAGZ,WAAW;QACT,4CAA4C,EADnC;QAET,8CAA8C,EAFrC;QAGT,0GAA0G;MAHjG,CAHC;MASZ,qBAAqB;QACnB,qCAAqC;MADlB;IATT;EADT,CAAP;AAeD;;AAED,SAASC,QAAT,GAAoB;EAClB,OAAO;IACL,cAAc;MACZ,8CAA8C,EADlC;MAGZ,WAAW;QACT,+BAA+B,EADtB;QAET,gCAAgC,EAFvB;QAGT,qFAAqF;MAH5E;IAHC;EADT,CAAP;AAWD;;AAED,OAAO,IAAMC,GAA6C,GAAG;EAC3D,QAAQ;IACN,kIACE,EAFI;IAGNC,KAAK,EAAE,aAHD;IAINC,MAAM,EAAE,aAJF;IAKNC,OAAO,EAAE,qBALH;IAMNC,YAAY,EAAE,QANR;IAQN,UAAU;MACRD,OAAO,EAAE;IADD,CARJ;IAYN,QAAQ;MACN,kBAAkB,EADZ;MAENE,QAAQ,EAAE;IAFJ,CAZF;IAiBN,QAAQ;MACN,kBAAkB,EADZ;MAENA,QAAQ,EAAE;IAFJ,CAjBF;IAsBN,QAAQ;MACN,oBAAoB,EADd;MAENA,QAAQ,EAAE;IAFJ;EAtBF;AADmD,GA8BxDR,UAAU,EA9B8C,EA+BxDC,QAAQ,EA/BgD,EAgCxDC,QAAQ,EAhCgD;EAkC3D,qBAAqB;IACnB,0IACE,EAFiB;IAGnBO,QAAQ,EAAE,KAHS;IAInBH,OAAO,EAAE,QAJU;IAKnBI,UAAU,EAAE,QALO;IAMnBC,WAAW,EAAE,SANM;IAQnB,UAAU;MACRF,QAAQ,EAAE;IADF,CARS;IAYnB,cAAc;MACZ,+EAA+E;IADnE;EAZK;AAlCsC,EAAtD;AAmDP,eAAeN,GAAf"}

package/dist/esm/components/types.js

@@ -0,0 +1,3 @@
+import { CSSRuleObject } from 'tailwindcss/types/config';
+export default CSSRuleObject;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["CSSRuleObject"],"sources":["../../../src/components/types.ts"],"sourcesContent":["import { CSSRuleObject } from 'tailwindcss/types/config';\n\nexport interface tailwindModuleType {\n  [key: string]: tailwindModuleType | string | string[];\n}\nexport default CSSRuleObject;\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,0BAA9B;AAKA,eAAeA,aAAf"}

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

@@ -0,0 +1,23 @@
+export var UserMenu = () => ({
+  '.usermenu': {
+    // "@apply mx-sm mt-sm mb-0 px-md py-0 divide-y divide-y-2 divide-gray-300 bg-white border-2 border-white border-solid rounded":
+    '@apply text-body': {},
+    // "@apply ": {},
+    '&-is-open': {// "@apply border-2 border-gray-300 border-solid rounded": {},
+      // "box-shadow": "0px 4px 12px rgba(27, 29, 31, 0.12)",
+    },
+    '&-header': {
+      '[aria-expanded="true"] &': {
+        '@apply bg-hover': {}
+      }
+    },
+    '&-item': {
+      '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},
+      '&.active': {
+        '@apply bg-hover text-white no-underline': {}
+      }
+    }
+  }
+});
+export default UserMenu;
+//# sourceMappingURL=user-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu.js","names":["UserMenu"],"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const UserMenu: (colors: string[]) => tailwindModuleType = () => ({\n  '.usermenu': {\n    // \"@apply mx-sm mt-sm mb-0 px-md py-0 divide-y divide-y-2 divide-gray-300 bg-white border-2 border-white border-solid rounded\":\n    '@apply text-body': {},\n    // \"@apply \": {},\n    '&-is-open': {\n      // \"@apply border-2 border-gray-300 border-solid rounded\": {},\n      // \"box-shadow\": \"0px 4px 12px rgba(27, 29, 31, 0.12)\",\n    },\n\n    '&-header': {\n      '[aria-expanded=\"true\"] &': {\n        '@apply bg-hover': {},\n      },\n    },\n    '&-item': {\n      '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},\n      '&.active': {\n        '@apply bg-hover text-white no-underline': {},\n      },\n    },\n  },\n});\nexport default UserMenu;\n"],"mappings":"AAEA,OAAO,IAAMA,QAAkD,GAAG,OAAO;EACvE,aAAa;IACX;IACA,oBAAoB,EAFT;IAGX;IACA,aAAa,CACX;MACA;IAFW,CAJF;IASX,YAAY;MACV,4BAA4B;QAC1B,mBAAmB;MADO;IADlB,CATD;IAcX,UAAU;MACR,2FAA2F,EADnF;MAER,YAAY;QACV,2CAA2C;MADjC;IAFJ;EAdC;AAD0D,CAAP,CAA3D;AAuBP,eAAeA,QAAf"}