@sk-web-gui/core 0.1.36 → 0.1.38

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":["alertSubtle","colors","reduce","styles","color","alertSolid","alertLeftAccent","alertCloseButton","Alert"],"sources":["../../../src/components/alert.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nfunction alertSubtle(colors: string[]) {\n  return {\n    '.alert-subtle': {\n      '@apply border rounded-base': {},\n      '@apply text-body': {},\n\n      ...colors.reduce(\n        (styles, color: string) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply bg-${color}-50 border-${color}-500`]: {},\n\n            [`@apply dark:text-${color}-300 dark:bg-${color}-500`]: {},\n            '@apply dark:bg-opacity-15': {},\n            '@apply dark:border-opacity-40': {},\n          },\n        }),\n        {}\n      ),\n    },\n  };\n}\n\nfunction alertSolid(colors: string[]) {\n  return {\n    '.alert-solid': {\n      '@apply border rounded-base': {},\n      '@apply text-white': {},\n\n      ...colors.reduce(\n        (styles, color: string) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply bg-${color}-500 border-${color}-700 border-opacity-20`]: {},\n\n            [`@apply dark:bg-${color}-600 dark:border-${color}-500`]: {},\n            '@apply dark:border-opacity-40': {},\n          },\n        }),\n        {}\n      ),\n    },\n  };\n}\n\nfunction alertLeftAccent(colors: string[]) {\n  return {\n    '.alert-left-accent': {\n      '@apply border-l-2 rounded-none': {},\n      '@apply text-body': {},\n\n      ...colors.reduce(\n        (styles, color: string) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply bg-transparent border-${color}-500`]: {},\n\n            [`@apply dark:text-${color}-300`]: {},\n          },\n        }),\n        {}\n      ),\n    },\n  };\n}\n\nfunction alertCloseButton(colors: string[]) {\n  return {\n    '.alert-close-button': {\n      '@apply absolute right-4 cursor-base focus-visible:outline-none': {},\n      '@apply text-neutral-600 hover:text-neutral-700': {},\n\n      ...colors.reduce(\n        (styles, color: string) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply dark:text-${color}-300 dark:hover:text-${color}-400`]: {},\n          },\n        }),\n        {}\n      ),\n    },\n  };\n}\n\nexport const Alert: (colors: string[]) => tailwindModuleType = (colors) => ({\n  '.alert': {\n    '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-sm': {},\n  },\n\n  // variants\n  ...alertSubtle(colors),\n  ...alertSolid(colors),\n  ...alertLeftAccent(colors),\n\n  // close button\n  ...alertCloseButton(colors),\n});\nexport default Alert;\n"],"mappings":";;AAEA,SAASA,WAAT,CAAqBC,MAArB,EAAuC;EACrC,OAAO;IACL;MACE,8BAA8B,EADhC;MAEE,oBAAoB;IAFtB,GAIKA,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B,gBAAcA,KAAd,mBAAiCA,KAAjC,YAA+C,EADnB;QAG5B,uBAAqBA,KAArB,qBAA0CA,KAA1C,YAAwD,EAH5B;QAI5B,6BAA6B,EAJD;QAK5B,iCAAiC;MALL;IAFhC,EADC,EAWD,EAXC,CAJL;EADK,CAAP;AAoBD;;AAED,SAASC,UAAT,CAAoBJ,MAApB,EAAsC;EACpC,OAAO;IACL;MACE,8BAA8B,EADhC;MAEE,qBAAqB;IAFvB,GAIKA,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B,gBAAcA,KAAd,oBAAkCA,KAAlC,8BAAkE,EADtC;QAG5B,qBAAmBA,KAAnB,yBAA4CA,KAA5C,YAA0D,EAH9B;QAI5B,iCAAiC;MAJL;IAFhC,EADC,EAUD,EAVC,CAJL;EADK,CAAP;AAmBD;;AAED,SAASE,eAAT,CAAyBL,MAAzB,EAA2C;EACzC,OAAO;IACL;MACE,kCAAkC,EADpC;MAEE,oBAAoB;IAFtB,GAIKA,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B,mCAAiCA,KAAjC,YAA+C,EADnB;QAG5B,uBAAqBA,KAArB,YAAmC;MAHP;IAFhC,EADC,EASD,EATC,CAJL;EADK,CAAP;AAkBD;;AAED,SAASG,gBAAT,CAA0BN,MAA1B,EAA4C;EAC1C,OAAO;IACL;MACE,kEAAkE,EADpE;MAEE,kDAAkD;IAFpD,GAIKA,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B,uBAAqBA,KAArB,6BAAkDA,KAAlD,YAAgE;MADpC;IAFhC,EADC,EAOD,EAPC,CAJL;EADK,CAAP;AAgBD;;AAED,OAAO,IAAMI,KAA+C,GAAIP,MAAD;EAC7D,UAAU;IACR,8EAA8E;EADtE;AADmD,GAM1DD,WAAW,CAACC,MAAD,CAN+C,EAO1DI,UAAU,CAACJ,MAAD,CAPgD,EAQ1DK,eAAe,CAACL,MAAD,CAR2C,EAW1DM,gBAAgB,CAACN,MAAD,CAX0C,CAAxD;AAaP,eAAeO,KAAf"}

package/dist/esm/components/avatar.js

@@ -0,0 +1,68 @@
+export var Avatar = () => ({
+  '.avatar': {
+    '@apply relative inline-flex items-center justify-center flex-shrink-0 align-top rounded-full': {},
+    '@apply bg-neutral-300 text-neutral-800': {},
+    // dark colors
+    '@apply dark:bg-neutral-600 dark:text-neutral-100': {},
+    '&-2xs': {
+      '@apply w-4 h-4': {}
+    },
+    '&-xs': {
+      '@apply w-5 h-5': {}
+    },
+    '&-sm': {
+      '@apply w-6 h-6': {}
+    },
+    '&-md': {
+      '@apply w-7 h-7': {}
+    },
+    '&-lg': {
+      '@apply w-8 h-8': {}
+    },
+    '&-xl': {
+      '@apply w-10 h-10': {}
+    },
+    '&-2xl': {
+      '@apply w-12 h-12': {}
+    },
+    '&-3xl': {
+      '@apply w-16 h-16': {}
+    }
+  },
+  '.avatar-bordered': {
+    '@apply border-2 border-white': {},
+    '@apply dark:border-neutral-800': {}
+  },
+  '.avatar-name': {
+    '@apply font-medium text-center uppercase': {},
+    '&-2xs': {
+      '@apply w-4 h-4': {}
+    },
+    '&-xs': {
+      '@apply w-5 h-5': {}
+    },
+    '&-sm': {
+      '@apply w-6 h-6': {}
+    },
+    '&-md': {
+      '@apply w-7 h-7': {}
+    },
+    '&-lg': {
+      '@apply w-8 h-8': {}
+    },
+    '&-xl': {
+      '@apply w-10 h-10': {}
+    },
+    '&-2xl': {
+      '@apply w-12 h-12': {}
+    },
+    '&-3xl': {
+      '@apply w-16 h-16': {}
+    }
+  },
+  '.avatar-group': {
+    '@apply flex items-center justify-end flex-row-reverse': {}
+  }
+});
+export default Avatar;
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["Avatar"],"sources":["../../../src/components/avatar.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Avatar: (colors: string[]) => tailwindModuleType = () => ({\n  '.avatar': {\n    '@apply relative inline-flex items-center justify-center flex-shrink-0 align-top rounded-full': {},\n    '@apply bg-neutral-300 text-neutral-800': {},\n    // dark colors\n    '@apply dark:bg-neutral-600 dark:text-neutral-100': {},\n\n    '&-2xs': {\n      '@apply w-4 h-4': {},\n    },\n\n    '&-xs': {\n      '@apply w-5 h-5': {},\n    },\n\n    '&-sm': {\n      '@apply w-6 h-6': {},\n    },\n\n    '&-md': {\n      '@apply w-7 h-7': {},\n    },\n\n    '&-lg': {\n      '@apply w-8 h-8': {},\n    },\n\n    '&-xl': {\n      '@apply w-10 h-10': {},\n    },\n\n    '&-2xl': {\n      '@apply w-12 h-12': {},\n    },\n\n    '&-3xl': {\n      '@apply w-16 h-16': {},\n    },\n  },\n\n  '.avatar-bordered': {\n    '@apply border-2 border-white': {},\n    '@apply dark:border-neutral-800': {},\n  },\n\n  '.avatar-name': {\n    '@apply font-medium text-center uppercase': {},\n\n    '&-2xs': {\n      '@apply w-4 h-4': {},\n    },\n\n    '&-xs': {\n      '@apply w-5 h-5': {},\n    },\n\n    '&-sm': {\n      '@apply w-6 h-6': {},\n    },\n\n    '&-md': {\n      '@apply w-7 h-7': {},\n    },\n\n    '&-lg': {\n      '@apply w-8 h-8': {},\n    },\n\n    '&-xl': {\n      '@apply w-10 h-10': {},\n    },\n\n    '&-2xl': {\n      '@apply w-12 h-12': {},\n    },\n\n    '&-3xl': {\n      '@apply w-16 h-16': {},\n    },\n  },\n\n  '.avatar-group': {\n    '@apply flex items-center justify-end flex-row-reverse': {},\n  },\n});\nexport default Avatar;\n"],"mappings":"AAEA,OAAO,IAAMA,MAAgD,GAAG,OAAO;EACrE,WAAW;IACT,gGAAgG,EADvF;IAET,0CAA0C,EAFjC;IAGT;IACA,oDAAoD,EAJ3C;IAMT,SAAS;MACP,kBAAkB;IADX,CANA;IAUT,QAAQ;MACN,kBAAkB;IADZ,CAVC;IAcT,QAAQ;MACN,kBAAkB;IADZ,CAdC;IAkBT,QAAQ;MACN,kBAAkB;IADZ,CAlBC;IAsBT,QAAQ;MACN,kBAAkB;IADZ,CAtBC;IA0BT,QAAQ;MACN,oBAAoB;IADd,CA1BC;IA8BT,SAAS;MACP,oBAAoB;IADb,CA9BA;IAkCT,SAAS;MACP,oBAAoB;IADb;EAlCA,CAD0D;EAwCrE,oBAAoB;IAClB,gCAAgC,EADd;IAElB,kCAAkC;EAFhB,CAxCiD;EA6CrE,gBAAgB;IACd,4CAA4C,EAD9B;IAGd,SAAS;MACP,kBAAkB;IADX,CAHK;IAOd,QAAQ;MACN,kBAAkB;IADZ,CAPM;IAWd,QAAQ;MACN,kBAAkB;IADZ,CAXM;IAed,QAAQ;MACN,kBAAkB;IADZ,CAfM;IAmBd,QAAQ;MACN,kBAAkB;IADZ,CAnBM;IAuBd,QAAQ;MACN,oBAAoB;IADd,CAvBM;IA2Bd,SAAS;MACP,oBAAoB;IADb,CA3BK;IA+Bd,SAAS;MACP,oBAAoB;IADb;EA/BK,CA7CqD;EAiFrE,iBAAiB;IACf,yDAAyD;EAD1C;AAjFoD,CAAP,CAAzD;AAqFP,eAAeA,MAAf"}

package/dist/esm/components/badge.js

@@ -0,0 +1,48 @@
+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 Badge = colors => ({
+  '.badge': {
+    '@apply inline-block text-xs font-medium leading-4 text-center whitespace-nowrap': {},
+    '&-light': _extends({
+      '@apply text-body bg-neutral-200 border border-transparent': {},
+      '@apply dark:text-neutral-100 dark:bg-neutral-700': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply text-" + color + "-800 bg-" + color + "-100"]: {},
+        ["@apply dark:text-" + color + "-400 dark:bg-" + color + "-500"]: {},
+        '@apply dark:bg-opacity-15': {}
+      }
+    }), {})),
+    '&-solid': _extends({
+      '@apply text-white bg-neutral-500 border border-transparent': {},
+      '@apply dark:border-neutral-600 dark:text-neutral-100 dark:bg-neutral-700': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color + "-500"]: {},
+        ["@apply dark:text-" + color + "-400 dark:border-" + color + "-500 dark:bg-" + color + "-500"]: {},
+        '@apply dark:bg-opacity-15': {},
+        '@apply dark:border-opacity-40': {}
+      }
+    }), {})),
+    '&-sm': {
+      minWidth: '14px',
+      height: '14px',
+      padding: '0px',
+      lineHeight: '12px',
+      borderRadius: '2em'
+    },
+    '&-md': {
+      '@apply px-1.5 py-0': {},
+      minWidth: '20px',
+      height: '20px',
+      lineHeight: '18px',
+      borderRadius: '2em'
+    },
+    '&-shadow': {
+      '@apply ring-1 ring-white': {},
+      '@apply dark:ring-black': {}
+    }
+  }
+});
+export default Badge;
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":["Badge","colors","reduce","styles","color","minWidth","height","padding","lineHeight","borderRadius"],"sources":["../../../src/components/badge.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Badge: (colors: string[]) => tailwindModuleType = (colors) => ({\n  '.badge': {\n    '@apply inline-block text-xs font-medium leading-4 text-center whitespace-nowrap': {},\n\n    '&-light': {\n      '@apply text-body bg-neutral-200 border border-transparent': {},\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply text-${color}-800 bg-${color}-100`]: {},\n            [`@apply dark:text-${color}-400 dark:bg-${color}-500`]: {},\n            '@apply dark:bg-opacity-15': {},\n          },\n        }),\n        {}\n      ),\n    },\n\n    '&-solid': {\n      '@apply text-white bg-neutral-500 border border-transparent': {},\n      '@apply dark:border-neutral-600 dark:text-neutral-100 dark:bg-neutral-700': {},\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply bg-${color}-500`]: {},\n            [`@apply dark:text-${color}-400 dark:border-${color}-500 dark:bg-${color}-500`]: {},\n            '@apply dark:bg-opacity-15': {},\n            '@apply dark:border-opacity-40': {},\n          },\n        }),\n        {}\n      ),\n    },\n\n    '&-sm': {\n      minWidth: '14px',\n      height: '14px',\n      padding: '0px',\n      lineHeight: '12px',\n      borderRadius: '2em',\n    },\n\n    '&-md': {\n      '@apply px-1.5 py-0': {},\n      minWidth: '20px',\n      height: '20px',\n      lineHeight: '18px',\n      borderRadius: '2em',\n    },\n\n    '&-shadow': {\n      '@apply ring-1 ring-white': {},\n      '@apply dark:ring-black': {},\n    },\n  },\n});\nexport default Badge;\n"],"mappings":";;AAEA,OAAO,IAAMA,KAA+C,GAAIC,MAAD,KAAa;EAC1E,UAAU;IACR,mFAAmF,EAD3E;IAGR;MACE,6DAA6D,EAD/D;MAEE,oDAAoD;IAFtD,GAIKA,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B,kBAAgBA,KAAhB,gBAAgCA,KAAhC,YAA8C,EADlB;QAE5B,uBAAqBA,KAArB,qBAA0CA,KAA1C,YAAwD,EAF5B;QAG5B,6BAA6B;MAHD;IAFhC,EADC,EASD,EATC,CAJL,CAHQ;IAoBR;MACE,8DAA8D,EADhE;MAEE,4EAA4E;IAF9E,GAGKH,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B,gBAAcA,KAAd,YAA4B,EADA;QAE5B,uBAAqBA,KAArB,yBAA8CA,KAA9C,qBAAmEA,KAAnE,YAAiF,EAFrD;QAG5B,6BAA6B,EAHD;QAI5B,iCAAiC;MAJL;IAFhC,EADC,EAUD,EAVC,CAHL,CApBQ;IAqCR,QAAQ;MACNC,QAAQ,EAAE,MADJ;MAENC,MAAM,EAAE,MAFF;MAGNC,OAAO,EAAE,KAHH;MAINC,UAAU,EAAE,MAJN;MAKNC,YAAY,EAAE;IALR,CArCA;IA6CR,QAAQ;MACN,sBAAsB,EADhB;MAENJ,QAAQ,EAAE,MAFJ;MAGNC,MAAM,EAAE,MAHF;MAINE,UAAU,EAAE,MAJN;MAKNC,YAAY,EAAE;IALR,CA7CA;IAqDR,YAAY;MACV,4BAA4B,EADlB;MAEV,0BAA0B;IAFhB;EArDJ;AADgE,CAAb,CAAxD;AA4DP,eAAeT,KAAf"}

package/dist/esm/components/breadcrumb.js

@@ -0,0 +1,13 @@
+export var Breadcrumb = () => ({
+  '.breadcrumb': {
+    '@apply text-body relative': {},
+    '&-item': {
+      '@apply inline-flex items-center whitespace-nowrap': {}
+    },
+    '&-separator': {
+      '@apply mx-2': {}
+    }
+  }
+});
+export default Breadcrumb;
+//# sourceMappingURL=breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":["Breadcrumb"],"sources":["../../../src/components/breadcrumb.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Breadcrumb: (colors: string[]) => tailwindModuleType = () => ({\n  '.breadcrumb': {\n    '@apply text-body relative': {},\n\n    '&-item': {\n      '@apply inline-flex items-center whitespace-nowrap': {},\n    },\n\n    '&-separator': {\n      '@apply mx-2': {},\n    },\n  },\n});\nexport default Breadcrumb;\n"],"mappings":"AAEA,OAAO,IAAMA,UAAoD,GAAG,OAAO;EACzE,eAAe;IACb,6BAA6B,EADhB;IAGb,UAAU;MACR,qDAAqD;IAD7C,CAHG;IAOb,eAAe;MACb,eAAe;IADF;EAPF;AAD0D,CAAP,CAA7D;AAaP,eAAeA,UAAf"}

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

@@ -0,0 +1,40 @@
+// TODO: how it works with prefix?
+export var ButtonGroup = () => ({
+  '.btn-group': {
+    '@apply inline-block': {},
+    '&.btn-group-attached': {
+      '> .btn-icon': {
+        boxSizing: 'content-box'
+      },
+      '> *:first-of-type:not(:last-of-type)': {
+        borderTopRightRadius: '0px',
+        borderBottomRightRadius: '0px'
+      },
+      '> *:not(:first-of-type):not(:last-of-type)': {
+        borderRadius: '0px'
+      },
+      '> *:not(:first-of-type):last-of-type': {
+        borderTopLeftRadius: '0px',
+        borderBottomLeftRadius: '0px'
+      },
+      '> .btn-solid:not(:last-child), > .btn-outline:not(:last-child)': {
+        borderRightWidth: '0px'
+      },
+      '> .btn-solid:hover, > .btn-outline:hover': {
+        borderRightWidth: '1px'
+      },
+      '> *:not(:last-of-type):hover + .btn-solid, > *:not(:last-of-type):hover + .btn-outline': {
+        borderLeftWidth: '0px'
+      },
+      '> .btn-solid:focus, > .btn-outline:focus': {
+        zIndex: '1px',
+        borderRightWidth: '1px'
+      },
+      '> *:not(:last-of-type):focus + .btn-solid, > *:not(:last-of-type):focus + .btn-outline': {
+        borderLeftWidth: '0px'
+      }
+    }
+  }
+});
+export default ButtonGroup;
+//# sourceMappingURL=button-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","names":["ButtonGroup","boxSizing","borderTopRightRadius","borderBottomRightRadius","borderRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRightWidth","borderLeftWidth","zIndex"],"sources":["../../../src/components/button-group.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\n// TODO: how it works with prefix?\nexport const ButtonGroup: (colors: string[]) => tailwindModuleType = () => ({\n  '.btn-group': {\n    '@apply inline-block': {},\n\n    '&.btn-group-attached': {\n      '> .btn-icon': {\n        boxSizing: 'content-box',\n      },\n      '> *:first-of-type:not(:last-of-type)': {\n        borderTopRightRadius: '0px',\n        borderBottomRightRadius: '0px',\n      },\n\n      '> *:not(:first-of-type):not(:last-of-type)': {\n        borderRadius: '0px',\n      },\n\n      '> *:not(:first-of-type):last-of-type': {\n        borderTopLeftRadius: '0px',\n        borderBottomLeftRadius: '0px',\n      },\n\n      '> .btn-solid:not(:last-child), > .btn-outline:not(:last-child)': {\n        borderRightWidth: '0px',\n      },\n\n      '> .btn-solid:hover, > .btn-outline:hover': {\n        borderRightWidth: '1px',\n      },\n\n      '> *:not(:last-of-type):hover + .btn-solid, > *:not(:last-of-type):hover + .btn-outline': {\n        borderLeftWidth: '0px',\n      },\n\n      '> .btn-solid:focus, > .btn-outline:focus': {\n        zIndex: '1px',\n        borderRightWidth: '1px',\n      },\n\n      '> *:not(:last-of-type):focus + .btn-solid, > *:not(:last-of-type):focus + .btn-outline': {\n        borderLeftWidth: '0px',\n      },\n    },\n  },\n});\nexport default ButtonGroup;\n"],"mappings":"AAEA;AACA,OAAO,IAAMA,WAAqD,GAAG,OAAO;EAC1E,cAAc;IACZ,uBAAuB,EADX;IAGZ,wBAAwB;MACtB,eAAe;QACbC,SAAS,EAAE;MADE,CADO;MAItB,wCAAwC;QACtCC,oBAAoB,EAAE,KADgB;QAEtCC,uBAAuB,EAAE;MAFa,CAJlB;MAStB,8CAA8C;QAC5CC,YAAY,EAAE;MAD8B,CATxB;MAatB,wCAAwC;QACtCC,mBAAmB,EAAE,KADiB;QAEtCC,sBAAsB,EAAE;MAFc,CAblB;MAkBtB,kEAAkE;QAChEC,gBAAgB,EAAE;MAD8C,CAlB5C;MAsBtB,4CAA4C;QAC1CA,gBAAgB,EAAE;MADwB,CAtBtB;MA0BtB,0FAA0F;QACxFC,eAAe,EAAE;MADuE,CA1BpE;MA8BtB,4CAA4C;QAC1CC,MAAM,EAAE,KADkC;QAE1CF,gBAAgB,EAAE;MAFwB,CA9BtB;MAmCtB,0FAA0F;QACxFC,eAAe,EAAE;MADuE;IAnCpE;EAHZ;AAD4D,CAAP,CAA9D;AA6CP,eAAeR,WAAf"}

package/dist/esm/components/button.js

@@ -0,0 +1,197 @@
+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 buttonSolid(colors) {
+  return {
+    '&-solid': _extends({
+      //"@apply text-": {},
+      '@apply font-semibold border border-gray-stroke': {},
+      '@apply text-body bg-white': {},
+
+      /* hover */
+      '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},
+
+      /* focus */
+      '@apply focus-visible:z-base': {},
+      '@apply focus-visible:border-primary': {},
+      '@apply focus-visible:ring-4 focus-visible:ring-black': {},
+
+      /* active */
+      '@apply active:bg-hover active:text-white': {},
+
+      /* dark mode */
+      '@apply dark:border-neutral-600': {},
+      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},
+
+      /* dark hover */
+      '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},
+
+      /* dark focus */
+      '@apply dark:focus-visible:border-primary-500': {},
+
+      /* dark active */
+      '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        //[`@apply border-${color}`]: {},
+        ["@apply text-white bg-" + color]: {},
+        // hover
+        ["@apply hover:text-white hover:bg-" + color + "-active"]: {},
+        ["@apply active:text-white active:bg-" + color + "-active"]: {},
+        ["@apply focus-visible:ring-4 focus-visible:ring-black"]: {} // focus
+        //[`@apply focus-visible:bg-${color}-700`]: {},
+        //[`@apply focus-visible:border-${color}-500`]: {},
+        //[`@apply focus-visible:ring-${color}-500`]: {},
+        // active
+        //[`@apply active:bg-${color}-600`]: {},
+        // dark mode
+        //[`@apply dark:border-${color}-500`]: {},
+        //[`@apply dark:bg-${color}-600`]: {},
+        // dark hover
+        //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},
+        // dark focus
+        //[`@apply dark:focus-visible:border-${color}-500`]: {},
+        //[`@apply dark:focus-visible:ring-${color}-500`]: {},
+        // dark active
+        //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},
+
+      }
+    }), {}), {
+      "&[data-color='primary']": {
+        '@apply border-primary hover:border-primary-active': {}
+      },
+      '&.btn': {
+        '&-disabled': {
+          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {}
+        }
+      }
+    })
+  };
+}
+
+function buttonOutline(colors) {
+  return {
+    '&-outline': _extends({
+      '@apply font-semibold border border-gray-stroke': {},
+      '@apply text-body bg-transparent': {},
+
+      /* hover */
+      '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},
+
+      /* focus */
+      '@apply focus-visible:z-base': {},
+      '@apply focus-visible:border-primary-500': {},
+      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},
+
+      /* active */
+      '@apply active:bg-neutral-200': {},
+
+      /* dark mode */
+      '@apply dark:border-neutral-600': {},
+      '@apply dark:text-neutral-100 dark:bg-transparent': {},
+
+      /* dark hover */
+      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},
+
+      /* dark focus */
+      '@apply dark:focus-visible:border-primary-500': {},
+
+      /* dark active */
+      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply border-current"]: {},
+        ["@apply text-" + color + "-600 bg-transparent"]: {},
+
+        /* hover */
+        ["@apply hover:text-white hover:bg-" + color + "-active hover:border-" + color + "-active"]: {},
+
+        /* focus */
+        ["@apply focus-visible:border-" + color + "-500"]: {},
+        ["@apply focus-visible:ring-" + color + "-500"]: {},
+
+        /* active */
+        ["@apply active:bg-" + color + "-100"]: {},
+
+        /* dark mode */
+        ["@apply dark:border-" + color + "-200"]: {},
+        ["@apply dark:text-" + color + "-200 dark:bg-transparent"]: {},
+        ["@apply dark:border-" + color + "-300"]: {},
+
+        /* dark hover */
+        ["@apply dark:hover:bg-" + color + "-200"]: {},
+        ["@apply dark:hover:bg-opacity-15"]: {},
+
+        /* dark focus */
+        ["@apply dark:focus-visible:border-" + color + "-500"]: {},
+        ["@apply dark:focus-visible:ring-" + color + "-500"]: {},
+
+        /* dark active */
+        ["@apply dark:active:bg-" + color + "-200"]: {},
+        ["@apply dark:active:bg-opacity-25"]: {}
+      }
+    }), {}), {
+      '&.btn': {
+        '&-disabled': {
+          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {}
+        }
+      }
+    })
+  };
+}
+
+function buttonLink(colors) {
+  return {
+    '&-link': _extends({
+      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},
+      '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},
+      // dark colors
+      '@apply dark:text-neutral-200': {},
+      '@apply dark:active:text-neutral-500': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply text-" + color + "-600 active:text-" + color + "-700"]: {},
+        ["@apply focus-visible:ring-" + color + "-500"]: {},
+        // dark colors
+        ["@apply dark:text-" + color + "-200"]: {},
+        ["@apply dark:active:text-" + color + "-500"]: {}
+      }
+    }), {}))
+  };
+}
+
+export var Button = colors => ({
+  '.btn': _extends({
+    '@apply relative': {},
+    '@apply m-0': {},
+    '@apply rounded-lg inline-flex items-center justify-center flex-shrink-0 align-middle': {},
+    '@apply font-medium leading-tight': {},
+    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',
+    '@apply	duration-75 ease-out': {},
+    '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},
+    '@apply focus-visible:outline-none': {},
+    padding: '1.2rem 3.2rem',
+    "&[data-rounded='true']": {
+      borderRadius: '3.2rem'
+    },
+    // sizing
+    '&-sm': {
+      '@apply text-xs': {} // minWidth: "1.75rem",
+
+    },
+    '&-md': {
+      '@apply text-sm': {} // minWidth: "2rem",
+
+    },
+    '&-lg': {
+      '@apply text-base': {} // minWidth: "2.5rem",
+
+    },
+    // State
+    '&-disabled': {
+      '@apply disabled:shadow-none disabled:cursor-not-allowed': {},
+      '@apply disabled:text-gray disabled:bg-gray-light !important': {}
+    }
+  }, buttonSolid(colors), buttonOutline(colors), buttonLink(colors))
+});
+export default Button;
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":["buttonSolid","colors","reduce","styles","color","buttonOutline","buttonLink","Button","transitionProperty","padding","borderRadius"],"sources":["../../../src/components/button.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nfunction buttonSolid(colors: string[]) {\n  return {\n    '&-solid': {\n      //\"@apply text-\": {},\n      '@apply font-semibold border border-gray-stroke': {},\n      '@apply text-body bg-white': {},\n      /* hover */\n      '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},\n      /* focus */\n      '@apply focus-visible:z-base': {},\n      '@apply focus-visible:border-primary': {},\n      '@apply focus-visible:ring-4 focus-visible:ring-black': {},\n      /* active */\n      '@apply active:bg-hover active:text-white': {},\n\n      /* dark mode */\n      '@apply dark:border-neutral-600': {},\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\n      /* dark hover */\n      '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},\n      /* dark focus */\n      '@apply dark:focus-visible:border-primary-500': {},\n      /* dark active */\n      '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {},\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            //[`@apply border-${color}`]: {},\n            [`@apply text-white bg-${color}`]: {},\n            // hover\n            [`@apply hover:text-white hover:bg-${color}-active`]: {},\n\n            [`@apply active:text-white active:bg-${color}-active`]: {},\n            [`@apply focus-visible:ring-4 focus-visible:ring-black`]: {},\n\n            // focus\n            //[`@apply focus-visible:bg-${color}-700`]: {},\n            //[`@apply focus-visible:border-${color}-500`]: {},\n            //[`@apply focus-visible:ring-${color}-500`]: {},\n            // active\n            //[`@apply active:bg-${color}-600`]: {},\n            // dark mode\n            //[`@apply dark:border-${color}-500`]: {},\n            //[`@apply dark:bg-${color}-600`]: {},\n            // dark hover\n            //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},\n            // dark focus\n            //[`@apply dark:focus-visible:border-${color}-500`]: {},\n            //[`@apply dark:focus-visible:ring-${color}-500`]: {},\n            // dark active\n            //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},\n          },\n        }),\n        {}\n      ),\n\n      \"&[data-color='primary']\": {\n        '@apply border-primary hover:border-primary-active': {},\n      },\n\n      '&.btn': {\n        '&-disabled': {\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\n        },\n      },\n    },\n  };\n}\n\nfunction buttonOutline(colors: string[]) {\n  return {\n    '&-outline': {\n      '@apply font-semibold border border-gray-stroke': {},\n      '@apply text-body bg-transparent': {},\n      /* hover */\n      '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},\n      /* focus */\n      '@apply focus-visible:z-base': {},\n      '@apply focus-visible:border-primary-500': {},\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\n      /* active */\n      '@apply active:bg-neutral-200': {},\n      /* dark mode */\n      '@apply dark:border-neutral-600': {},\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\n      /* dark hover */\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\n      /* dark focus */\n      '@apply dark:focus-visible:border-primary-500': {},\n      /* dark active */\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {},\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply border-current`]: {},\n            [`@apply text-${color}-600 bg-transparent`]: {},\n            /* hover */\n            [`@apply hover:text-white hover:bg-${color}-active hover:border-${color}-active`]: {},\n            /* focus */\n            [`@apply focus-visible:border-${color}-500`]: {},\n            [`@apply focus-visible:ring-${color}-500`]: {},\n            /* active */\n            [`@apply active:bg-${color}-100`]: {},\n            /* dark mode */\n            [`@apply dark:border-${color}-200`]: {},\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\n            [`@apply dark:border-${color}-300`]: {},\n            /* dark hover */\n            [`@apply dark:hover:bg-${color}-200`]: {},\n            [`@apply dark:hover:bg-opacity-15`]: {},\n            /* dark focus */\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\n            /* dark active */\n            [`@apply dark:active:bg-${color}-200`]: {},\n            [`@apply dark:active:bg-opacity-25`]: {},\n          },\n        }),\n        {}\n      ),\n\n      '&.btn': {\n        '&-disabled': {\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\n        },\n      },\n    },\n  };\n}\n\nfunction buttonLink(colors: string[]) {\n  return {\n    '&-link': {\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\n      '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},\n      // dark colors\n      '@apply dark:text-neutral-200': {},\n      '@apply dark:active:text-neutral-500': {},\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply text-${color}-600 active:text-${color}-700`]: {},\n            [`@apply focus-visible:ring-${color}-500`]: {},\n            // dark colors\n            [`@apply dark:text-${color}-200`]: {},\n            [`@apply dark:active:text-${color}-500`]: {},\n          },\n        }),\n        {}\n      ),\n    },\n  };\n}\n\nexport const Button: (colors: string[]) => tailwindModuleType = (colors) => ({\n  '.btn': {\n    '@apply relative': {},\n    '@apply m-0': {},\n    '@apply rounded-lg inline-flex items-center justify-center flex-shrink-0 align-middle': {},\n    '@apply font-medium leading-tight': {},\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\n    '@apply\tduration-75 ease-out': {},\n    '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},\n    '@apply focus-visible:outline-none': {},\n\n    padding: '1.2rem 3.2rem',\n\n    \"&[data-rounded='true']\": {\n      borderRadius: '3.2rem',\n    },\n\n    // sizing\n    '&-sm': {\n      '@apply text-xs': {},\n      // minWidth: \"1.75rem\",\n    },\n\n    '&-md': {\n      '@apply text-sm': {},\n      // minWidth: \"2rem\",\n    },\n\n    '&-lg': {\n      '@apply text-base': {},\n      // minWidth: \"2.5rem\",\n    },\n\n    // State\n\n    '&-disabled': {\n      '@apply disabled:shadow-none disabled:cursor-not-allowed': {},\n      '@apply disabled:text-gray disabled:bg-gray-light !important': {},\n    },\n\n    // variants\n    ...buttonSolid(colors),\n    ...buttonOutline(colors),\n    ...buttonLink(colors),\n  },\n});\nexport default Button;\n"],"mappings":";;AAEA,SAASA,WAAT,CAAqBC,MAArB,EAAuC;EACrC,OAAO;IACL;MACE;MACA,kDAAkD,EAFpD;MAGE,6BAA6B,EAH/B;;MAIE;MACA,sEAAsE,EALxE;;MAME;MACA,+BAA+B,EAPjC;MAQE,uCAAuC,EARzC;MASE,wDAAwD,EAT1D;;MAUE;MACA,4CAA4C,EAX9C;;MAaE;MACA,kCAAkC,EAdpC;MAeE,oDAAoD,EAftD;;MAgBE;MACA,4DAA4D,EAjB9D;;MAkBE;MACA,gDAAgD,EAnBlD;;MAoBE;MACA,oEAAoE;IArBtE,GAuBKA,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B;QACA,2BAAyBA,KAAzB,GAAmC,EAFP;QAG5B;QACA,uCAAqCA,KAArC,eAAsD,EAJ1B;QAM5B,yCAAuCA,KAAvC,eAAwD,EAN5B;QAO5B,0DAA0D,EAP9B,CAS5B;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;MAxB4B;IAFhC,EADC,EA8BD,EA9BC,CAvBL;MAwDE,2BAA2B;QACzB,qDAAqD;MAD5B,CAxD7B;MA4DE,SAAS;QACP,cAAc;UACZ,+DAA+D;QADnD;MADP;IA5DX;EADK,CAAP;AAoED;;AAED,SAASC,aAAT,CAAuBJ,MAAvB,EAAyC;EACvC,OAAO;IACL;MACE,kDAAkD,EADpD;MAEE,mCAAmC,EAFrC;;MAGE;MACA,+EAA+E,EAJjF;;MAKE;MACA,+BAA+B,EANjC;MAOE,2CAA2C,EAP7C;MAQE,8DAA8D,EARhE;;MASE;MACA,gCAAgC,EAVlC;;MAWE;MACA,kCAAkC,EAZpC;MAaE,oDAAoD,EAbtD;;MAcE;MACA,kEAAkE,EAfpE;;MAgBE;MACA,gDAAgD,EAjBlD;;MAkBE;MACA,oEAAoE;IAnBtE,GAqBKA,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B,2BAA2B,EADC;QAE5B,kBAAgBA,KAAhB,2BAA6C,EAFjB;;QAG5B;QACA,uCAAqCA,KAArC,6BAAkEA,KAAlE,eAAmF,EAJvD;;QAK5B;QACA,kCAAgCA,KAAhC,YAA8C,EANlB;QAO5B,gCAA8BA,KAA9B,YAA4C,EAPhB;;QAQ5B;QACA,uBAAqBA,KAArB,YAAmC,EATP;;QAU5B;QACA,yBAAuBA,KAAvB,YAAqC,EAXT;QAY5B,uBAAqBA,KAArB,gCAAuD,EAZ3B;QAa5B,yBAAuBA,KAAvB,YAAqC,EAbT;;QAc5B;QACA,2BAAyBA,KAAzB,YAAuC,EAfX;QAgB5B,qCAAqC,EAhBT;;QAiB5B;QACA,uCAAqCA,KAArC,YAAmD,EAlBvB;QAmB5B,qCAAmCA,KAAnC,YAAiD,EAnBrB;;QAoB5B;QACA,4BAA0BA,KAA1B,YAAwC,EArBZ;QAsB5B,sCAAsC;MAtBV;IAFhC,EADC,EA4BD,EA5BC,CArBL;MAoDE,SAAS;QACP,cAAc;UACZ,+DAA+D;QADnD;MADP;IApDX;EADK,CAAP;AA4DD;;AAED,SAASE,UAAT,CAAoBL,MAApB,EAAsC;EACpC,OAAO;IACL;MACE,6FAA6F,EAD/F;MAEE,mFAAmF,EAFrF;MAGE;MACA,gCAAgC,EAJlC;MAKE,uCAAuC;IALzC,GAOKA,MAAM,CAACC,MAAP,CACD,CAACC,MAAD,EAASC,KAAT,kBACKD,MADL;MAEE,qBAAkBC,KAAlB,WAA8B;QAC5B,kBAAgBA,KAAhB,yBAAyCA,KAAzC,YAAuD,EAD3B;QAE5B,gCAA8BA,KAA9B,YAA4C,EAFhB;QAG5B;QACA,uBAAqBA,KAArB,YAAmC,EAJP;QAK5B,8BAA4BA,KAA5B,YAA0C;MALd;IAFhC,EADC,EAWD,EAXC,CAPL;EADK,CAAP;AAuBD;;AAED,OAAO,IAAMG,MAAgD,GAAIN,MAAD,KAAa;EAC3E;IACE,mBAAmB,EADrB;IAEE,cAAc,EAFhB;IAGE,wFAAwF,EAH1F;IAIE,oCAAoC,EAJtC;IAKEO,kBAAkB,EAAE,iEALtB;IAME,+BAA+B,EANjC;IAOE,iFAAiF,EAPnF;IAQE,qCAAqC,EARvC;IAUEC,OAAO,EAAE,eAVX;IAYE,0BAA0B;MACxBC,YAAY,EAAE;IADU,CAZ5B;IAgBE;IACA,QAAQ;MACN,kBAAkB,EADZ,CAEN;;IAFM,CAjBV;IAsBE,QAAQ;MACN,kBAAkB,EADZ,CAEN;;IAFM,CAtBV;IA2BE,QAAQ;MACN,oBAAoB,EADd,CAEN;;IAFM,CA3BV;IAgCE;IAEA,cAAc;MACZ,2DAA2D,EAD/C;MAEZ,+DAA+D;IAFnD;EAlChB,GAwCKV,WAAW,CAACC,MAAD,CAxChB,EAyCKI,aAAa,CAACJ,MAAD,CAzClB,EA0CKK,UAAU,CAACL,MAAD,CA1Cf;AAD2E,CAAb,CAAzD;AA8CP,eAAeM,MAAf"}

package/dist/esm/components/calendar.js

@@ -0,0 +1,66 @@
+export var Calendar = () => ({
+  // Month row
+  '.MuiCalendarPicker-root > div:first-of-type': {
+    '@apply ml-2 -mr-2 px-10': {}
+  },
+  // Month
+  '.MuiCalendarPicker-root > div:first-of-type > div': {
+    '@apply font-bold text-base text-body': {}
+  },
+  // Arrow switchers
+  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {
+    '@apply text-body text-lg': {}
+  },
+  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {
+    '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary': {}
+  },
+  // Arrow spacer
+  '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {
+    '@apply w-11': {}
+  },
+  // Disabled arrow
+  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {
+    '@apply text-gray-stroke': {}
+  },
+  // Weekdays
+  '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {
+    '@apply font-bold text-body text-base': {}
+  },
+  // Days-Grid
+  '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {
+    '@apply min-h-min pb-6': {}
+  },
+  // Day picking
+  '.MuiCalendarPicker-root .MuiPickersDay-root': {
+    '@apply text-base': {}
+  },
+  '.MuiCalendarPicker-root .Mui-disabled': {
+    '@apply text-gray-stroke': {}
+  },
+  // Day picked
+  '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {
+    '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one': {}
+  },
+  // Day hovered
+  '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
+    '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border': {}
+  },
+  // today
+  '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
+    '@apply border-0 hover:border': {}
+  },
+  '.calendar': {
+    // Input field
+    '.datepicker-input': {
+      '@apply relative': {}
+    },
+    '.datepicker-input input': {
+      '@apply pl-20 cursor-pointer': {}
+    },
+    '.datepicker-input-icon': {
+      '@apply pointer-events-none absolute m-6 top-0 left-0 text-xl fill-body': {}
+    }
+  }
+});
+export default Calendar;
+//# sourceMappingURL=calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","names":["Calendar"],"sources":["../../../src/components/calendar.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Calendar: (colors: string[]) => tailwindModuleType = () => ({\n  // Month row\n  '.MuiCalendarPicker-root > div:first-of-type': {\n    '@apply ml-2 -mr-2 px-10': {},\n  },\n\n  // Month\n  '.MuiCalendarPicker-root > div:first-of-type > div': {\n    '@apply font-bold text-base text-body': {},\n  },\n\n  // Arrow switchers\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {\n    '@apply text-body text-lg': {},\n  },\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {\n    '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary':\n      {},\n  },\n  // Arrow spacer\n  '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {\n    '@apply w-11': {},\n  },\n  // Disabled arrow\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {\n    '@apply text-gray-stroke': {},\n  },\n\n  // Weekdays\n  '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {\n    '@apply font-bold text-body text-base': {},\n  },\n\n  // Days-Grid\n  '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {\n    '@apply min-h-min pb-6': {},\n  },\n\n  // Day picking\n  '.MuiCalendarPicker-root .MuiPickersDay-root': {\n    '@apply text-base': {},\n  },\n  '.MuiCalendarPicker-root .Mui-disabled': {\n    '@apply text-gray-stroke': {},\n  },\n\n  // Day picked\n  '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {\n    '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one':\n      {},\n  },\n\n  // Day hovered\n  '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\n    '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border':\n      {},\n  },\n\n  // today\n  '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\n    '@apply border-0 hover:border': {},\n  },\n\n  '.calendar': {\n    // Input field\n    '.datepicker-input': {\n      '@apply relative': {},\n    },\n\n    '.datepicker-input input': {\n      '@apply pl-20 cursor-pointer': {},\n    },\n\n    '.datepicker-input-icon': {\n      '@apply pointer-events-none absolute m-6 top-0 left-0 text-xl fill-body': {},\n    },\n  },\n});\nexport default Calendar;\n"],"mappings":"AAEA,OAAO,IAAMA,QAAkD,GAAG,OAAO;EACvE;EACA,+CAA+C;IAC7C,2BAA2B;EADkB,CAFwB;EAMvE;EACA,qDAAqD;IACnD,wCAAwC;EADW,CAPkB;EAWvE;EACA,oFAAoF;IAClF,4BAA4B;EADsD,CAZb;EAevE,mEAAmE;IACjE,mLACE;EAF+D,CAfI;EAmBvE;EACA,2DAA2D;IACzD,eAAe;EAD0C,CApBY;EAuBvE;EACA,8FAA8F;IAC5F,2BAA2B;EADiE,CAxBvB;EA4BvE;EACA,yEAAyE;IACvE,wCAAwC;EAD+B,CA7BF;EAiCvE;EACA,iEAAiE;IAC/D,yBAAyB;EADsC,CAlCM;EAsCvE;EACA,+CAA+C;IAC7C,oBAAoB;EADyB,CAvCwB;EA0CvE,yCAAyC;IACvC,2BAA2B;EADY,CA1C8B;EA8CvE;EACA,+EAA+E;IAC7E,sHACE;EAF2E,CA/CR;EAoDvE;EACA,gHAAgH;IAC9G,kHACE;EAF4G,CArDzC;EA0DvE;EACA,mEAAmE;IACjE,gCAAgC;EADiC,CA3DI;EA+DvE,aAAa;IACX;IACA,qBAAqB;MACnB,mBAAmB;IADA,CAFV;IAMX,2BAA2B;MACzB,+BAA+B;IADN,CANhB;IAUX,0BAA0B;MACxB,0EAA0E;IADlD;EAVf;AA/D0D,CAAP,CAA3D;AA8EP,eAAeA,QAAf"}

package/dist/esm/components/card.js

@@ -0,0 +1,49 @@
+export var Card = () => ({
+  '.avatar': {
+    '@apply bg-primary-light text-primary rounded-full p-4': {}
+  },
+  '.card-list': {
+    '@apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10': {} //"@apply text-center": {},
+    //"@apply justify-center items-center": {},
+
+  },
+  '.card': {
+    '@apply p-lg rounded shadow-lg bg-white relative': {},
+    '@apply p-0': {},
+    //padding: "2.4rem",
+    // clickable
+    '&-clickable': {
+      // Hover
+      '@apply hover:shadow-xl hover:cursor-pointer': {}
+    } // "@apply bg-neutral-200 border border-neutral-100 text-body": {},
+    // dark
+    //"@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300": {},
+
+  },
+  '.card-outlined': {
+    '@apply border-2 border-gray-stroke': {}
+  },
+  '.card-border-top': {
+    '@apply border-t-4 border-t-primary': {}
+  },
+  '.card-body': {
+    '@apply text-body p-8': {}
+  },
+  '.card-image': {
+    '@apply object-cover': {},
+    width: '100%',
+    height: '250px'
+  },
+  '.card-link': {
+    '&::after': {
+      content: "''",
+      position: 'absolute',
+      left: '0',
+      top: '0',
+      right: '0',
+      bottom: '0'
+    }
+  }
+});
+export default Card;
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":["Card","width","height","content","position","left","top","right","bottom"],"sources":["../../../src/components/card.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Card: (colors: string[]) => tailwindModuleType = () => ({\n  '.avatar': {\n    '@apply bg-primary-light text-primary rounded-full p-4': {},\n  },\n\n  '.card-list': {\n    '@apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10': {},\n    //\"@apply text-center\": {},\n    //\"@apply justify-center items-center\": {},\n  },\n\n  '.card': {\n    '@apply p-lg rounded shadow-lg bg-white relative': {},\n    '@apply p-0': {},\n    //padding: \"2.4rem\",\n\n    // clickable\n    '&-clickable': {\n      // Hover\n      '@apply hover:shadow-xl hover:cursor-pointer': {},\n    },\n\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  },\n  '.card-outlined': {\n    '@apply border-2 border-gray-stroke': {},\n  },\n  '.card-border-top': {\n    '@apply border-t-4 border-t-primary': {},\n  },\n\n  '.card-body': {\n    '@apply text-body p-8': {},\n  },\n\n  '.card-image': {\n    '@apply object-cover': {},\n    width: '100%',\n    height: '250px',\n  },\n\n  '.card-link': {\n    '&::after': {\n      content: \"''\",\n      position: 'absolute',\n      left: '0',\n      top: '0',\n      right: '0',\n      bottom: '0',\n    },\n  },\n});\nexport default Card;\n"],"mappings":"AAEA,OAAO,IAAMA,IAA8C,GAAG,OAAO;EACnE,WAAW;IACT,yDAAyD;EADhD,CADwD;EAKnE,cAAc;IACZ,gEAAgE,EADpD,CAEZ;IACA;;EAHY,CALqD;EAWnE,SAAS;IACP,mDAAmD,EAD5C;IAEP,cAAc,EAFP;IAGP;IAEA;IACA,eAAe;MACb;MACA,+CAA+C;IAFlC,CANR,CAWP;IACA;IACA;;EAbO,CAX0D;EA0BnE,kBAAkB;IAChB,sCAAsC;EADtB,CA1BiD;EA6BnE,oBAAoB;IAClB,sCAAsC;EADpB,CA7B+C;EAiCnE,cAAc;IACZ,wBAAwB;EADZ,CAjCqD;EAqCnE,eAAe;IACb,uBAAuB,EADV;IAEbC,KAAK,EAAE,MAFM;IAGbC,MAAM,EAAE;EAHK,CArCoD;EA2CnE,cAAc;IACZ,YAAY;MACVC,OAAO,EAAE,IADC;MAEVC,QAAQ,EAAE,UAFA;MAGVC,IAAI,EAAE,GAHI;MAIVC,GAAG,EAAE,GAJK;MAKVC,KAAK,EAAE,GALG;MAMVC,MAAM,EAAE;IANE;EADA;AA3CqD,CAAP,CAAvD;AAsDP,eAAeR,IAAf"}