@sk-web-gui/core 0.1.42 → 0.1.44

package/dist/cjs/components/button.js

@@ -0,0 +1,154 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.Button = void 0;
+
+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(function (styles, color) {
+      var _ref, _extends2;
+
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply text-white bg-" + color] = {}, _ref["@apply hover:text-white hover:bg-" + color + "-active"] = {}, _ref["@apply active:text-white active:bg-" + color + "-active"] = {}, _ref["@apply focus-visible:ring-4 focus-visible:ring-black"] = {}, _ref), _extends2));
+    }, {}), {
+      "&[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(function (styles, color) {
+      var _ref2, _extends3;
+
+      return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply border-current"] = {}, _ref2["@apply text-" + color + "-600 bg-transparent"] = {}, _ref2["@apply hover:text-white hover:bg-" + color + "-active hover:border-" + color + "-active"] = {}, _ref2["@apply focus-visible:border-" + color + "-500"] = {}, _ref2["@apply focus-visible:ring-" + color + "-500"] = {}, _ref2["@apply active:bg-" + color + "-100"] = {}, _ref2["@apply dark:border-" + color + "-200"] = {}, _ref2["@apply dark:text-" + color + "-200 dark:bg-transparent"] = {}, _ref2["@apply dark:border-" + color + "-300"] = {}, _ref2["@apply dark:hover:bg-" + color + "-200"] = {}, _ref2["@apply dark:hover:bg-opacity-15"] = {}, _ref2["@apply dark:focus-visible:border-" + color + "-500"] = {}, _ref2["@apply dark:focus-visible:ring-" + color + "-500"] = {}, _ref2["@apply dark:active:bg-" + color + "-200"] = {}, _ref2["@apply dark:active:bg-opacity-25"] = {}, _ref2), _extends3));
+    }, {}), {
+      '&.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(function (styles, color) {
+      var _ref3, _extends4;
+
+      return _extends({}, styles, (_extends4 = {}, _extends4["&[data-color=\"" + color + "\"]"] = (_ref3 = {}, _ref3["@apply text-" + color + "-600 active:text-" + color + "-700"] = {}, _ref3["@apply focus-visible:ring-" + color + "-500"] = {}, _ref3["@apply dark:text-" + color + "-200"] = {}, _ref3["@apply dark:active:text-" + color + "-500"] = {}, _ref3), _extends4));
+    }, {}))
+  };
+}
+
+var Button = function Button(colors) {
+  return {
+    '.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))
+  };
+};
+
+exports.Button = Button;
+var _default = Button;
+exports["default"] = _default;
+//# sourceMappingURL=button.js.map

package/dist/cjs/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":"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"}

package/dist/cjs/components/calendar.js

@@ -0,0 +1,76 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.Calendar = void 0;
+
+var Calendar = function Calendar() {
+  return {
+    // 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': {}
+      }
+    }
+  };
+};
+
+exports.Calendar = Calendar;
+var _default = Calendar;
+exports["default"] = _default;
+//# sourceMappingURL=calendar.js.map

package/dist/cjs/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":";;;;;AAEO,IAAMA,QAAkD,GAAG,SAArDA,QAAqD;EAAA,OAAO;IACvE;IACA,+CAA+C;MAC7C,2BAA2B;IADkB,CAFwB;IAMvE;IACA,qDAAqD;MACnD,wCAAwC;IADW,CAPkB;IAWvE;IACA,oFAAoF;MAClF,4BAA4B;IADsD,CAZb;IAevE,mEAAmE;MACjE,mLACE;IAF+D,CAfI;IAmBvE;IACA,2DAA2D;MACzD,eAAe;IAD0C,CApBY;IAuBvE;IACA,8FAA8F;MAC5F,2BAA2B;IADiE,CAxBvB;IA4BvE;IACA,yEAAyE;MACvE,wCAAwC;IAD+B,CA7BF;IAiCvE;IACA,iEAAiE;MAC/D,yBAAyB;IADsC,CAlCM;IAsCvE;IACA,+CAA+C;MAC7C,oBAAoB;IADyB,CAvCwB;IA0CvE,yCAAyC;MACvC,2BAA2B;IADY,CA1C8B;IA8CvE;IACA,+EAA+E;MAC7E,sHACE;IAF2E,CA/CR;IAoDvE;IACA,gHAAgH;MAC9G,kHACE;IAF4G,CArDzC;IA0DvE;IACA,mEAAmE;MACjE,gCAAgC;IADiC,CA3DI;IA+DvE,aAAa;MACX;MACA,qBAAqB;QACnB,mBAAmB;MADA,CAFV;MAMX,2BAA2B;QACzB,+BAA+B;MADN,CANhB;MAUX,0BAA0B;QACxB,0EAA0E;MADlD;IAVf;EA/D0D,CAAP;AAAA,CAA3D;;;eA8EQA,Q"}

package/dist/cjs/components/card.js

@@ -0,0 +1,59 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.Card = void 0;
+
+var Card = function Card() {
+  return {
+    '.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'
+      }
+    }
+  };
+};
+
+exports.Card = Card;
+var _default = Card;
+exports["default"] = _default;
+//# sourceMappingURL=card.js.map

package/dist/cjs/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":";;;;;AAEO,IAAMA,IAA8C,GAAG,SAAjDA,IAAiD;EAAA,OAAO;IACnE,WAAW;MACT,yDAAyD;IADhD,CADwD;IAKnE,cAAc;MACZ,gEAAgE,EADpD,CAEZ;MACA;;IAHY,CALqD;IAWnE,SAAS;MACP,mDAAmD,EAD5C;MAEP,cAAc,EAFP;MAGP;MAEA;MACA,eAAe;QACb;QACA,+CAA+C;MAFlC,CANR,CAWP;MACA;MACA;;IAbO,CAX0D;IA0BnE,kBAAkB;MAChB,sCAAsC;IADtB,CA1BiD;IA6BnE,oBAAoB;MAClB,sCAAsC;IADpB,CA7B+C;IAiCnE,cAAc;MACZ,wBAAwB;IADZ,CAjCqD;IAqCnE,eAAe;MACb,uBAAuB,EADV;MAEbC,KAAK,EAAE,MAFM;MAGbC,MAAM,EAAE;IAHK,CArCoD;IA2CnE,cAAc;MACZ,YAAY;QACVC,OAAO,EAAE,IADC;QAEVC,QAAQ,EAAE,UAFA;QAGVC,IAAI,EAAE,GAHI;QAIVC,GAAG,EAAE,GAJK;QAKVC,KAAK,EAAE,GALG;QAMVC,MAAM,EAAE;MANE;IADA;EA3CqD,CAAP;AAAA,CAAvD;;;eAsDQR,I"}

package/dist/cjs/components/checkbox.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":["Checkbox","backgroundColor","borderColor","backgroundImage","svgToDataUri","width","height","marginLeft"],"sources":["../../../src/components/checkbox.ts"],"sourcesContent":["import svgToDataUri from 'mini-svg-data-uri';\nimport { tailwindModuleType } from './types';\n\nexport const Checkbox: (colors: string[]) => tailwindModuleType = () => ({\n  '.form-checkbox': {\n    //\"@apply rounded shadow-sm\": {},\n    backgroundColor: 'inherit',\n    '@apply border-gray-stroke focus:bg-white': {},\n\n    '&[aria-invalid=true]': {\n      '--tw-border-opacity': '1',\n      borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\n    },\n    '&[aria-invalid=true]:hover': {\n      '--tw-border-opacity': '1',\n      'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\n    },\n    // dark colors\n    '@apply dark:border-neutral-400': {},\n    '.dark &[aria-invalid=true]': {\n      '--tw-border-opacity': '1',\n      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\n    },\n    '.dark &[aria-invalid=true]:hover': {\n      '--tw-border-opacity': '1',\n      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\n    },\n\n    '@media (prefers-color-scheme: dark)': {\n      '&[aria-invalid=true]': {\n        '--tw-border-opacity': '1',\n        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\n      },\n      '&[aria-invalid=true]:hover': {\n        '--tw-border-opacity': '1',\n        'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\n      },\n    },\n\n    '&:checked': {\n      '@apply text-white bg-white border-primary': {},\n      [`@apply focus-visible:border-primary focus-visible:ring-primary`]: {},\n\n      backgroundImage: `url(\"${svgToDataUri(\n        `<svg viewBox=\"0 0 16 16\" fill=\"#005595\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>`\n      )}\")`,\n      //borderColor: \"transparent\",\n    },\n\n    [`&[data-color=\"primary\"]`]: {\n      //[`@apply text-primary`]: {},\n      // dark\n      //[`@apply dark:text-primary`]: {},\n      //[`@apply dark:focus-visible:border-primary-400 dark:focus-visible:ring-primary-400`]: {},\n    },\n\n    // Fix focus stylign\n    '&:checked:hover, &:checked:focus': {\n      '@apply bg-white border-primary': {},\n    },\n\n    // colors\n    /*...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          [`@apply text-${color}`]: {},\n          [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\n          backgroundImage: `url(\"${svgToDataUri(\n            `<svg viewBox=\"0 0 16 16\" fill=\"${theme(`colors.primary_raw.DEFAULT`)}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>`\n          )}\")`,\n          // dark\n          [`@apply dark:text-${color}`]: {},\n          [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},\n        },\n      }),\n      {}\n    ),*/\n\n    '@apply dark:focus-visible:ring-offset-neutral-900': {},\n\n    // sizing\n    '&-sm': {\n      width: '1.4rem',\n      height: '1.4rem',\n    },\n\n    '&-md': {\n      width: '1.6rem',\n      height: '1.6rem',\n      //\"@apply w-4 h-4\": {},\n    },\n\n    '&-lg': {\n      width: '1.8rem',\n      height: '1.8rem',\n    },\n\n    // disabled\n    '&-disabled': {\n      backgroundColor: '#ECECEC',\n      //\"@apply disabled:bg-gray-stroke\": {},\n      //\"@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300\": {},\n      //\"@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20\": {},\n    },\n\n    // label\n    '&-label': {\n      '@apply text-body select-none text-sm': {},\n      marginLeft: '0.8rem',\n      //\"@apply text-black\": {},\n      // dark colors\n      '@apply dark:text-neutral-100': {},\n\n      '&-sm': {\n        '@apply text-xs': {},\n      },\n\n      '&-md': {\n        '@apply text-sm': {},\n      },\n\n      '&-lg': {\n        '@apply text-base': {},\n      },\n    },\n  },\n});\nexport default Checkbox;\n"],"mappings":";;;;;AAAA;;;;AAGO,IAAMA,QAAkD,GAAG,SAArDA,QAAqD;EAAA;;EAAA,OAAO;IACvE;MACE;MACAC,eAAe,EAAE,SAFnB;MAGE,4CAA4C,EAH9C;MAKE,wBAAwB;QACtB,uBAAuB,GADD;QAEtBC,WAAW,EAAE;MAFS,CAL1B;MASE,8BAA8B;QAC5B,uBAAuB,GADK;QAE5B,gBAAgB;MAFY,CAThC;MAaE;MACA,kCAAkC,EAdpC;MAeE,8BAA8B;QAC5B,uBAAuB,GADK;QAE5BA,WAAW,EAAE;MAFe,CAfhC;MAmBE,oCAAoC;QAClC,uBAAuB,GADW;QAElCA,WAAW,EAAE;MAFqB,CAnBtC;MAwBE,uCAAuC;QACrC,wBAAwB;UACtB,uBAAuB,GADD;UAEtBA,WAAW,EAAE;QAFS,CADa;QAKrC,8BAA8B;UAC5B,uBAAuB,GADK;UAE5B,gBAAgB;QAFY;MALO,CAxBzC;MAmCE;QACE,6CAA6C;MAD/C,gFAEsE,EAFtE,WAIEC,eAJF,cAI2B,IAAAC,0BAAA,6NAJ3B;IAnCF,gDA6C+B,CAC3B;MACA;MACA;MACA;IAJ2B,CA7C/B,gBAqDE,kCArDF,IAqDsC;MAClC,kCAAkC;IADA,CArDtC,gBA2EE,mDA3EF,IA2EuD,EA3EvD,gBA8EE,MA9EF,IA8EU;MACNC,KAAK,EAAE,QADD;MAENC,MAAM,EAAE;IAFF,CA9EV,gBAmFE,MAnFF,IAmFU;MACND,KAAK,EAAE,QADD;MAENC,MAAM,EAAE,QAFF,CAGN;;IAHM,CAnFV,gBAyFE,MAzFF,IAyFU;MACND,KAAK,EAAE,QADD;MAENC,MAAM,EAAE;IAFF,CAzFV,gBA+FE,YA/FF,IA+FgB;MACZL,eAAe,EAAE,SADL,CAEZ;MACA;MACA;;IAJY,CA/FhB,gBAuGE,SAvGF,IAuGa;MACT,wCAAwC,EAD/B;MAETM,UAAU,EAAE,QAFH;MAGT;MACA;MACA,gCAAgC,EALvB;MAOT,QAAQ;QACN,kBAAkB;MADZ,CAPC;MAWT,QAAQ;QACN,kBAAkB;MADZ,CAXC;MAeT,QAAQ;QACN,oBAAoB;MADd;IAfC,CAvGb;EADuE,CAAP;AAAA,CAA3D;;;eA6HQP,Q"}

package/dist/cjs/components/code.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.Code = void 0;
+
+var Code = function Code() {
+  return {
+    '.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'
+    }
+  };
+};
+
+exports.Code = Code;
+var _default = Code;
+exports["default"] = _default;
+//# sourceMappingURL=code.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","names":["Code","padding"],"sources":["../../../src/components/code.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Code: (colors: string[]) => tailwindModuleType = () => ({\n  '.code': {\n    '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},\n    '@apply bg-neutral-200 border border-neutral-100 text-body': {},\n    // dark\n    '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},\n    padding: '2px 3px 1px',\n  },\n});\nexport default Code;\n"],"mappings":";;;;;AAEO,IAAMA,IAA8C,GAAG,SAAjDA,IAAiD;EAAA,OAAO;IACnE,SAAS;MACP,oGAAoG,EAD7F;MAEP,6DAA6D,EAFtD;MAGP;MACA,4EAA4E,EAJrE;MAKPC,OAAO,EAAE;IALF;EAD0D,CAAP;AAAA,CAAvD;;;eASQD,I"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-consent.js","names":["CookieConsent"],"sources":["../../../src/components/cookie-consent.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const CookieConsent: (colors: string[]) => tailwindModuleType = () => ({\n  '.cookie-consent': {\n    '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0 bg-white': {},\n\n    '&-close-btn': {\n      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\n        {},\n\n      '&-icon': {\n        '@apply !text-2xl': {},\n      },\n    },\n\n    '&-content-wrapper': {\n      '@apply flex flex-col container py-12 px-4 bg-white relative': {},\n    },\n\n    '&-title': {\n      '@apply text-2xl leading-2xl mb-1 mt-4': {},\n    },\n\n    '&-description': {\n      '@apply text-base leading-base mb-8': {},\n    },\n\n    '&-btn-wrapper': {\n      '@apply flex flex-col space-y-4 lg:block lg:space-y-0 lg:space-x-4': {},\n    },\n  },\n});\nexport default CookieConsent;\n"],"mappings":";;;;;AAEO,IAAMA,aAAuD,GAAG,SAA1DA,aAA0D;EAAA,OAAO;IAC5E,mBAAmB;MACjB,qFAAqF,EADpE;MAGjB,eAAe;QACb,gJACE,EAFW;QAIb,UAAU;UACR,oBAAoB;QADZ;MAJG,CAHE;MAYjB,qBAAqB;QACnB,+DAA+D;MAD5C,CAZJ;MAgBjB,WAAW;QACT,yCAAyC;MADhC,CAhBM;MAoBjB,iBAAiB;QACf,sCAAsC;MADvB,CApBA;MAwBjB,iBAAiB;QACf,qEAAqE;MADtD;IAxBA;EADyD,CAAP;AAAA,CAAhE;;;eA8BQA,a"}

package/dist/cjs/components/divider.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.Divider = void 0;
+
+var Divider = function Divider() {
+  return {
+    '.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': {}
+      }
+    }
+  };
+};
+
+exports.Divider = Divider;
+var _default = Divider;
+exports["default"] = _default;
+//# sourceMappingURL=divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","names":["Divider"],"sources":["../../../src/components/divider.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Divider: (colors: string[]) => tailwindModuleType = () => ({\n  '.divider': {\n    '@apply border-0 border-gray-stroke': {},\n    //borderColor: \"inherit\",\n    '&-vertical': {\n      '@apply border-l border-solid h-auto mx-2': {},\n    },\n    '&-horizontal': {\n      '@apply border-b border-solid w-auto my-2': {},\n    },\n  },\n});\nexport default Divider;\n"],"mappings":";;;;;AAEO,IAAMA,OAAiD,GAAG,SAApDA,OAAoD;EAAA,OAAO;IACtE,YAAY;MACV,sCAAsC,EAD5B;MAEV;MACA,cAAc;QACZ,4CAA4C;MADhC,CAHJ;MAMV,gBAAgB;QACd,4CAA4C;MAD9B;IANN;EAD0D,CAAP;AAAA,CAA1D;;;eAYQA,O"}

package/dist/cjs/components/dot.js

@@ -0,0 +1,70 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.Dot = void 0;
+
+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); }
+
+var Dot = function Dot(colors) {
+  return {
+    '.dot': {
+      '@apply relative inline-flex rounded-full': {},
+      '&-solid': _extends({
+        '@apply bg-neutral-500': {}
+      }, colors.reduce(function (styles, color) {
+        var _ref, _extends2;
+
+        return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-500"] = {}, _ref), _extends2));
+      }, {}), {
+        '&.dot-bordered': {
+          '@apply border-2 border-white': {},
+          '@apply dark:border-neutral-800': {}
+        }
+      }, colors.reduce(function (styles, color) {
+        var _ref2, _extends3;
+
+        return _extends({}, styles, (_extends3 = {}, _extends3["&.dot-bordered[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply border-" + color + "-100"] = {}, _ref2["@apply dark:border-" + color + "-300"] = {}, _ref2), _extends3));
+      }, {})),
+      '&-outline': _extends({
+        '@apply bg-white border-2 border-neutral-500': {},
+        '@apply dark:bg-neutral-800': {}
+      }, colors.reduce(function (styles, color) {
+        var _ref3, _extends4;
+
+        return _extends({}, styles, (_extends4 = {}, _extends4["&[data-color=\"" + color + "\"]"] = (_ref3 = {}, _ref3["@apply border-" + color + "-500"] = {}, _ref3), _extends4));
+      }, {})),
+      '&-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': {}
+      }
+    }
+  };
+};
+
+exports.Dot = Dot;
+var _default = Dot;
+exports["default"] = _default;
+//# sourceMappingURL=dot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dot.js","names":["Dot","colors","reduce","styles","color"],"sources":["../../../src/components/dot.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Dot: (colors: string[]) => tailwindModuleType = (colors) => ({\n  '.dot': {\n    '@apply relative inline-flex rounded-full': {},\n    '&-solid': {\n      '@apply bg-neutral-500': {},\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply bg-${color}-500`]: {},\n          },\n        }),\n        {}\n      ),\n\n      '&.dot-bordered': {\n        '@apply border-2 border-white': {},\n        '@apply dark:border-neutral-800': {},\n      },\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&.dot-bordered[data-color=\"${color}\"]`]: {\n            [`@apply border-${color}-100`]: {},\n            [`@apply dark:border-${color}-300`]: {},\n          },\n        }),\n        {}\n      ),\n    },\n\n    '&-outline': {\n      '@apply bg-white border-2 border-neutral-500': {},\n      '@apply dark:bg-neutral-800': {},\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply border-${color}-500`]: {},\n          },\n        }),\n        {}\n      ),\n    },\n\n    '&-3xs': {\n      '@apply w-1.5 h-1.5': {},\n    },\n\n    '&-2xs': {\n      '@apply w-2 h-2': {},\n    },\n\n    '&-xs': {\n      '@apply w-2.5 h-2.5': {},\n    },\n\n    '&-sm': {\n      '@apply w-3 h-3': {},\n    },\n\n    '&-md': {\n      '@apply w-3.5 h-3.5': {},\n    },\n\n    '&-lg': {\n      '@apply w-4 h-4': {},\n    },\n\n    '&-xl': {\n      '@apply w-5 h-5': {},\n    },\n\n    '&-2xl': {\n      '@apply w-6 h-6': {},\n    },\n\n    '&-3xl': {\n      '@apply w-8 h-8': {},\n    },\n  },\n});\nexport default Dot;\n"],"mappings":";;;;;;;AAEO,IAAMA,GAA6C,GAAG,SAAhDA,GAAgD,CAACC,MAAD;EAAA,OAAa;IACxE,QAAQ;MACN,4CAA4C,EADtC;MAEN;QACE,yBAAyB;MAD3B,GAGKA,MAAM,CAACC,MAAP,CACD,UAACC,MAAD,EAASC,KAAT;QAAA;;QAAA,oBACKD,MADL,iDAEoBC,KAFpB,4CAGkBA,KAHlB,aAGgC,EAHhC;MAAA,CADC,EAOD,EAPC,CAHL;QAaE,kBAAkB;UAChB,gCAAgC,EADhB;UAEhB,kCAAkC;QAFlB;MAbpB,GAkBKH,MAAM,CAACC,MAAP,CACD,UAACC,MAAD,EAASC,KAAT;QAAA;;QAAA,oBACKD,MADL,8DAEiCC,KAFjC,kDAGsBA,KAHtB,aAGoC,EAHpC,gCAI2BA,KAJ3B,aAIyC,EAJzC;MAAA,CADC,EAQD,EARC,CAlBL,CAFM;MAgCN;QACE,+CAA+C,EADjD;QAEE,8BAA8B;MAFhC,GAGKH,MAAM,CAACC,MAAP,CACD,UAACC,MAAD,EAASC,KAAT;QAAA;;QAAA,oBACKD,MADL,iDAEoBC,KAFpB,kDAGsBA,KAHtB,aAGoC,EAHpC;MAAA,CADC,EAOD,EAPC,CAHL,CAhCM;MA8CN,SAAS;QACP,sBAAsB;MADf,CA9CH;MAkDN,SAAS;QACP,kBAAkB;MADX,CAlDH;MAsDN,QAAQ;QACN,sBAAsB;MADhB,CAtDF;MA0DN,QAAQ;QACN,kBAAkB;MADZ,CA1DF;MA8DN,QAAQ;QACN,sBAAsB;MADhB,CA9DF;MAkEN,QAAQ;QACN,kBAAkB;MADZ,CAlEF;MAsEN,QAAQ;QACN,kBAAkB;MADZ,CAtEF;MA0EN,SAAS;QACP,kBAAkB;MADX,CA1EH;MA8EN,SAAS;QACP,kBAAkB;MADX;IA9EH;EADgE,CAAb;AAAA,CAAtD;;;eAoFQJ,G"}