react-minolith 1.0.5 → 1.0.6

package/dist/backgrounds/Dot/Dot.js

@@ -1,24 +1,40 @@
 "use client";
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import a from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import i from "./Dot.module.scss.js";
-function N(t) {
-  const e = { ...t };
+import { jsx as _ } from "@emotion/react/jsx-runtime";
+import o from "../../utilities/classNameUtility/classNameUtility.js";
+import a from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Dot.css';const n = "_dot_pul8e_1", l = {
+  dot: n,
+  "is-coin": "_is-coin_pul8e_18",
+  "is-polka": "_is-polka_pul8e_21",
+  "is-pin": "_is-pin_pul8e_24",
+  "is-gray": "_is-gray_pul8e_27",
+  "is-red": "_is-red_pul8e_35",
+  "is-coral": "_is-coral_pul8e_43",
+  "is-orange": "_is-orange_pul8e_51",
+  "is-yellow": "_is-yellow_pul8e_59",
+  "is-lime": "_is-lime_pul8e_67",
+  "is-green": "_is-green_pul8e_75",
+  "is-cyan": "_is-cyan_pul8e_83",
+  "is-blue": "_is-blue_pul8e_91",
+  "is-violet": "_is-violet_pul8e_99",
+  "is-magenta": "_is-magenta_pul8e_107"
+};
+function m(i) {
+  const e = { ...i };
   delete e.colorName, delete e.dotSize, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
-  const s = [i.dot];
-  t.colorName && s.push(i[`is-${t.colorName}`]), t.dotSize && s.push(i[`is-${t.dotSize}`]), s.push(...a.getUtilityClassNames(t)), t.className && s.push(t.className);
-  const l = m.getEmotionCss(t);
-  return /* @__PURE__ */ o(
+  const s = [l.dot];
+  i.colorName && s.push(l[`is-${i.colorName}`]), i.dotSize && s.push(l[`is-${i.dotSize}`]), s.push(...o.getUtilityClassNames(i)), i.className && s.push(i.className);
+  const t = a.getEmotionCss(i);
+  return /* @__PURE__ */ _(
     "div",
     {
       ...e,
       className: s.join(" "),
-      css: l
+      css: t
     }
   );
 }
 export {
-  N as default
+  m as default
 };
 //# sourceMappingURL=Dot.js.map

package/dist/backgrounds/Dot/Dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.js","sources":["../../../src/backgrounds/Dot/Dot.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Dot.module.scss\";\r\nimport DotProps from \"./DotProps\";\r\n\r\nexport default function Dot(props: DotProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"dotSize\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"dot\"]];\r\n  props.colorName &&\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  props.dotSize && assignedClassNames.push(classNames[`is-${props.dotSize}`]);\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;;AAMA;AACQ;AACN;AAaA;AACM;AAMA;AAGJ;AAAA;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"Dot.js","sources":["../../../src/backgrounds/Dot/Dot.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Dot.module.scss\";\r\nimport DotProps from \"./DotProps\";\r\n\r\nexport default function Dot(props: DotProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"dotSize\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"dot\"]];\r\n  props.colorName &&\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  props.dotSize && assignedClassNames.push(classNames[`is-${props.dotSize}`]);\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Dot","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAIC,GAAqC;AACzD,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,SAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,GAAM;AACvC,EAAAH,EAAA,aACJE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GACvDA,EAAA,WAAWE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,OAAO,EAAE,CAAC,GAC1EE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAGjD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/backgrounds/Gingham/Gingham.js

@@ -1,24 +1,44 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import m from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import i from "./Gingham.module.scss.js";
-function r(s) {
-  const e = { ...s };
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import g from "../../utilities/classNameUtility/classNameUtility.js";
+import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Gingham.css';const l = "_gingham_oi0za_1", a = {
+  gingham: l,
+  "is-0deg": "_is-0deg_oi0za_16",
+  "is-15deg": "_is-15deg_oi0za_19",
+  "is-30deg": "_is-30deg_oi0za_22",
+  "is-45deg": "_is-45deg_oi0za_25",
+  "is-60deg": "_is-60deg_oi0za_28",
+  "is-75deg": "_is-75deg_oi0za_31",
+  "is-90deg": "_is-90deg_oi0za_34",
+  "is-gray": "_is-gray_oi0za_37",
+  "is-red": "_is-red_oi0za_45",
+  "is-coral": "_is-coral_oi0za_53",
+  "is-orange": "_is-orange_oi0za_61",
+  "is-yellow": "_is-yellow_oi0za_69",
+  "is-lime": "_is-lime_oi0za_77",
+  "is-green": "_is-green_oi0za_85",
+  "is-cyan": "_is-cyan_oi0za_93",
+  "is-blue": "_is-blue_oi0za_101",
+  "is-violet": "_is-violet_oi0za_109",
+  "is-magenta": "_is-magenta_oi0za_117"
+};
+function c(i) {
+  const e = { ...i };
   delete e.colorName, delete e.degree, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
-  const t = [i.gingham];
-  s.colorName && t.push(i[`is-${s.colorName}`]), s.degree && t.push(i[`is-${s.degree}deg`]), t.push(...m.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const l = o.getEmotionCss(s);
-  return /* @__PURE__ */ a(
+  const s = [a.gingham];
+  i.colorName && s.push(a[`is-${i.colorName}`]), i.degree && s.push(a[`is-${i.degree}deg`]), s.push(...g.getUtilityClassNames(i)), i.className && s.push(i.className);
+  const _ = t.getEmotionCss(i);
+  return /* @__PURE__ */ o(
     "div",
     {
       ...e,
-      className: t.join(" "),
-      css: l
+      className: s.join(" "),
+      css: _
     }
   );
 }
 export {
-  r as default
+  c as default
 };
 //# sourceMappingURL=Gingham.js.map

package/dist/backgrounds/Gingham/Gingham.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gingham.js","sources":["../../../src/backgrounds/Gingham/Gingham.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Gingham.module.scss\";\r\nimport GinghamProps from \"./GinghamProps\";\r\n\r\nexport default function Gingham(props: GinghamProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"degree\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"gingham\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.degree) {\r\n    assignedClassNames.push(classNames[`is-${props.degree}deg`]);\r\n  }\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;;AAMA;AACQ;AACN;AAaA;AACA;AASM;AAGJ;AAAA;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"Gingham.js","sources":["../../../src/backgrounds/Gingham/Gingham.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Gingham.module.scss\";\r\nimport GinghamProps from \"./GinghamProps\";\r\n\r\nexport default function Gingham(props: GinghamProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"degree\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"gingham\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.degree) {\r\n    assignedClassNames.push(classNames[`is-${props.degree}deg`]);\r\n  }\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Gingham","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAQC,GAAyC;AACjE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,QAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,OAAU;AACjD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,UACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,MAAM,KAAK,CAAC,GAE7DE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAGjD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/backgrounds/Rhombus/Rhombus.js

@@ -1,24 +1,39 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import i from "./Rhombus.module.scss.js";
-function N(s) {
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import a from "../../utilities/classNameUtility/classNameUtility.js";
+import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Rhombus.css';const d = "_rhombus_109dl_1", l = {
+  rhombus: d,
+  "is-small": "_is-small_109dl_18",
+  "is-large": "_is-large_109dl_21",
+  "is-gray": "_is-gray_109dl_24",
+  "is-red": "_is-red_109dl_32",
+  "is-coral": "_is-coral_109dl_40",
+  "is-orange": "_is-orange_109dl_48",
+  "is-yellow": "_is-yellow_109dl_56",
+  "is-lime": "_is-lime_109dl_64",
+  "is-green": "_is-green_109dl_72",
+  "is-cyan": "_is-cyan_109dl_80",
+  "is-blue": "_is-blue_109dl_88",
+  "is-violet": "_is-violet_109dl_96",
+  "is-magenta": "_is-magenta_109dl_104"
+};
+function c(s) {
   const e = { ...s };
   delete e.colorName, delete e.size, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
-  const t = [i.rhombus];
-  s.colorName && t.push(i[`is-${s.colorName}`]), s.size && t.push(i[`is-${s.size}`]), t.push(...o.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const l = m.getEmotionCss(s);
-  return /* @__PURE__ */ a(
+  const i = [l.rhombus];
+  s.colorName && i.push(l[`is-${s.colorName}`]), s.size && i.push(l[`is-${s.size}`]), i.push(...a.getUtilityClassNames(s)), s.className && i.push(s.className);
+  const _ = o.getEmotionCss(s);
+  return /* @__PURE__ */ t(
     "div",
     {
       ...e,
-      className: t.join(" "),
-      css: l
+      className: i.join(" "),
+      css: _
     }
   );
 }
 export {
-  N as default
+  c as default
 };
 //# sourceMappingURL=Rhombus.js.map

package/dist/backgrounds/Rhombus/Rhombus.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rhombus.js","sources":["../../../src/backgrounds/Rhombus/Rhombus.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Rhombus.module.scss\";\r\nimport RhombusProps from \"./RhombusProps\";\r\n\r\nexport default function Rhombus(props: RhombusProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"size\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"rhombus\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.size) {\r\n    assignedClassNames.push(classNames[`is-${props.size}`]);\r\n  }\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;;AAMA;AACQ;AACN;AAaA;AACA;AASM;AAGJ;AAAA;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"Rhombus.js","sources":["../../../src/backgrounds/Rhombus/Rhombus.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Rhombus.module.scss\";\r\nimport RhombusProps from \"./RhombusProps\";\r\n\r\nexport default function Rhombus(props: RhombusProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"size\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"rhombus\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.size) {\r\n    assignedClassNames.push(classNames[`is-${props.size}`]);\r\n  }\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Rhombus","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAQC,GAAyC;AACjE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,MAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,OAAU;AACjD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,QACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,IAAI,EAAE,CAAC,GAExDE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAGjD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/backgrounds/Stripe/Stripe.js

@@ -1,24 +1,62 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import i from "./Stripe.module.scss.js";
-function g(t) {
-  const e = { ...t };
+import { jsx as g } from "@emotion/react/jsx-runtime";
+import y from "../../utilities/classNameUtility/classNameUtility.js";
+import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Stripe.css';const v = "_stripe_dv95y_1", i = {
+  stripe: v,
+  "is-0deg": "_is-0deg_dv95y_16",
+  "is-15deg": "_is-15deg_dv95y_19",
+  "is-30deg": "_is-30deg_dv95y_22",
+  "is-45deg": "_is-45deg_dv95y_25",
+  "is-60deg": "_is-60deg_dv95y_28",
+  "is-75deg": "_is-75deg_dv95y_31",
+  "is-90deg": "_is-90deg_dv95y_34",
+  "is-105deg": "_is-105deg_dv95y_37",
+  "is-120deg": "_is-120deg_dv95y_40",
+  "is-135deg": "_is-135deg_dv95y_43",
+  "is-150deg": "_is-150deg_dv95y_46",
+  "is-165deg": "_is-165deg_dv95y_49",
+  "is-180deg": "_is-180deg_dv95y_52",
+  "is-195deg": "_is-195deg_dv95y_55",
+  "is-210deg": "_is-210deg_dv95y_58",
+  "is-225deg": "_is-225deg_dv95y_61",
+  "is-240deg": "_is-240deg_dv95y_64",
+  "is-255deg": "_is-255deg_dv95y_67",
+  "is-270deg": "_is-270deg_dv95y_70",
+  "is-285deg": "_is-285deg_dv95y_73",
+  "is-300deg": "_is-300deg_dv95y_76",
+  "is-315deg": "_is-315deg_dv95y_79",
+  "is-330deg": "_is-330deg_dv95y_82",
+  "is-345deg": "_is-345deg_dv95y_85",
+  "is-360deg": "_is-360deg_dv95y_88",
+  "is-gray": "_is-gray_dv95y_91",
+  "is-red": "_is-red_dv95y_99",
+  "is-coral": "_is-coral_dv95y_107",
+  "is-orange": "_is-orange_dv95y_115",
+  "is-yellow": "_is-yellow_dv95y_123",
+  "is-lime": "_is-lime_dv95y_131",
+  "is-green": "_is-green_dv95y_139",
+  "is-cyan": "_is-cyan_dv95y_147",
+  "is-blue": "_is-blue_dv95y_155",
+  "is-violet": "_is-violet_dv95y_163",
+  "is-magenta": "_is-magenta_dv95y_171"
+};
+function r(s) {
+  const e = { ...s };
   delete e.colorName, delete e.degree, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
-  const s = [i.stripe];
-  t.colorName && s.push(i[`is-${t.colorName}`]), t.degree && s.push(i[`is-${t.degree}deg`]), s.push(...o.getUtilityClassNames(t)), t.className && s.push(t.className);
-  const l = m.getEmotionCss(t);
-  return /* @__PURE__ */ a(
+  const _ = [i.stripe];
+  s.colorName && _.push(i[`is-${s.colorName}`]), s.degree && _.push(i[`is-${s.degree}deg`]), _.push(...y.getUtilityClassNames(s)), s.className && _.push(s.className);
+  const d = t.getEmotionCss(s);
+  return /* @__PURE__ */ g(
     "div",
     {
       ...e,
-      className: s.join(" "),
-      css: l
+      className: _.join(" "),
+      css: d
     }
   );
 }
 export {
-  g as default
+  r as default
 };
 //# sourceMappingURL=Stripe.js.map

package/dist/backgrounds/Stripe/Stripe.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stripe.js","sources":["../../../src/backgrounds/Stripe/Stripe.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Stripe.module.scss\";\r\nimport StripeProps from \"./StripeProps\";\r\n\r\nexport default function Stripe(props: StripeProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"degree\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"stripe\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.degree) {\r\n    assignedClassNames.push(classNames[`is-${props.degree}deg`]);\r\n  }\r\n\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;;AAMA;AACQ;AACN;AAaA;AACA;AAUM;AAGJ;AAAA;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"Stripe.js","sources":["../../../src/backgrounds/Stripe/Stripe.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Stripe.module.scss\";\r\nimport StripeProps from \"./StripeProps\";\r\n\r\nexport default function Stripe(props: StripeProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"degree\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"stripe\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.degree) {\r\n    assignedClassNames.push(classNames[`is-${props.degree}deg`]);\r\n  }\r\n\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Stripe","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,QAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS;AAChD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,UACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,MAAM,KAAK,CAAC,GAG7DE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAGjD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/backgrounds/Zigzag/Zigzag.js

@@ -1,24 +1,64 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import t from "./Zigzag.module.scss.js";
-function r(s) {
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import y from "../../utilities/classNameUtility/classNameUtility.js";
+import f from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Zigzag.css';const h = "_zigzag_1hwfy_1", _ = {
+  zigzag: h,
+  "is-small": "_is-small_1hwfy_18",
+  "is-large": "_is-large_1hwfy_21",
+  "is-0deg": "_is-0deg_1hwfy_24",
+  "is-15deg": "_is-15deg_1hwfy_27",
+  "is-30deg": "_is-30deg_1hwfy_30",
+  "is-45deg": "_is-45deg_1hwfy_33",
+  "is-60deg": "_is-60deg_1hwfy_36",
+  "is-75deg": "_is-75deg_1hwfy_39",
+  "is-90deg": "_is-90deg_1hwfy_42",
+  "is-105deg": "_is-105deg_1hwfy_45",
+  "is-120deg": "_is-120deg_1hwfy_48",
+  "is-135deg": "_is-135deg_1hwfy_51",
+  "is-150deg": "_is-150deg_1hwfy_54",
+  "is-165deg": "_is-165deg_1hwfy_57",
+  "is-180deg": "_is-180deg_1hwfy_60",
+  "is-195deg": "_is-195deg_1hwfy_63",
+  "is-210deg": "_is-210deg_1hwfy_66",
+  "is-225deg": "_is-225deg_1hwfy_69",
+  "is-240deg": "_is-240deg_1hwfy_72",
+  "is-255deg": "_is-255deg_1hwfy_75",
+  "is-270deg": "_is-270deg_1hwfy_78",
+  "is-285deg": "_is-285deg_1hwfy_81",
+  "is-300deg": "_is-300deg_1hwfy_84",
+  "is-315deg": "_is-315deg_1hwfy_87",
+  "is-330deg": "_is-330deg_1hwfy_90",
+  "is-345deg": "_is-345deg_1hwfy_93",
+  "is-360deg": "_is-360deg_1hwfy_96",
+  "is-gray": "_is-gray_1hwfy_99",
+  "is-red": "_is-red_1hwfy_107",
+  "is-coral": "_is-coral_1hwfy_115",
+  "is-orange": "_is-orange_1hwfy_123",
+  "is-yellow": "_is-yellow_1hwfy_131",
+  "is-lime": "_is-lime_1hwfy_139",
+  "is-green": "_is-green_1hwfy_147",
+  "is-cyan": "_is-cyan_1hwfy_155",
+  "is-blue": "_is-blue_1hwfy_163",
+  "is-violet": "_is-violet_1hwfy_171",
+  "is-magenta": "_is-magenta_1hwfy_179"
+};
+function t(s) {
   const e = { ...s };
   delete e.colorName, delete e.size, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
-  const i = [t.zigzag];
-  s.colorName && i.push(t[`is-${s.colorName}`]), s.size && i.push(t[`is-${s.size}`]), i.push(...o.getUtilityClassNames(s)), s.className && i.push(s.className);
-  const l = m.getEmotionCss(s);
-  return /* @__PURE__ */ a(
+  const i = [_.zigzag];
+  s.colorName && i.push(_[`is-${s.colorName}`]), s.size && i.push(_[`is-${s.size}`]), i.push(...y.getUtilityClassNames(s)), s.className && i.push(s.className);
+  const g = f.getEmotionCss(s);
+  return /* @__PURE__ */ d(
     "div",
     {
       ...e,
       className: i.join(" "),
-      css: l
+      css: g
     }
   );
 }
 export {
-  r as default
+  t as default
 };
 //# sourceMappingURL=Zigzag.js.map

package/dist/backgrounds/Zigzag/Zigzag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Zigzag.js","sources":["../../../src/backgrounds/Zigzag/Zigzag.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Zigzag.module.scss\";\r\nimport ZigzagProps from \"./ZigzagProps\";\r\n\r\nexport default function Zigzag(props: ZigzagProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"size\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"zigzag\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.size) {\r\n    assignedClassNames.push(classNames[`is-${props.size}`]);\r\n  }\r\n\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;;AAMA;AACQ;AACN;AAaA;AACA;AAUM;AAGJ;AAAA;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"Zigzag.js","sources":["../../../src/backgrounds/Zigzag/Zigzag.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Zigzag.module.scss\";\r\nimport ZigzagProps from \"./ZigzagProps\";\r\n\r\nexport default function Zigzag(props: ZigzagProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"size\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"zigzag\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.size) {\r\n    assignedClassNames.push(classNames[`is-${props.size}`]);\r\n  }\r\n\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Zigzag","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,MAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS;AAChD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,QACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,IAAI,EAAE,CAAC,GAGxDE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAGjD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/base/Minolith/Minolith.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsxs as l, Fragment as a, jsx as r } from "@emotion/react/jsx-runtime";
-import { useMemo as m, useInsertionEffect as c } from "react";
+import { useMemo as c, useInsertionEffect as m } from "react";
 import d from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
 import u from "../Tabula/Tabula.js";
-/* empty css              */
+import '../../assets/Minolith.css';/* empty css                      */
 function p(t) {
   const n = { ...t };
   delete n.cssVariableSetting;
-  const e = m(
+  const e = c(
     () => d.getMinolithCssVariableStyles(
       t.cssVariableSetting
     ),
     [t.cssVariableSetting]
   );
-  return c(() => {
+  return m(() => {
     const s = "minolith-custom-css-variables", o = document.head.querySelector(`#${s}`);
     o && document.head.removeChild(o);
     const i = document.createElement("style");

package/dist/base/Minolith/Minolith.js.map

@@ -1 +1 @@
-{"version":3,"file":"Minolith.js","sources":["../../../src/base/Minolith/Minolith.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./Minolith.scss\";\r\nimport MinolithProps from \"./MinolithProps\";\r\n\r\nexport default function Minolith(props: MinolithProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"cssVariableSetting\"];\r\n\r\n  const minolithStyles = useMemo(\r\n    () =>\r\n      minolithStyleUtility.getMinolithCssVariableStyles(\r\n        props.cssVariableSetting\r\n      ),\r\n    [props.cssVariableSetting]\r\n  );\r\n\r\n  useInsertionEffect(() => {\r\n    const styleId = \"minolith-custom-css-variables\";\r\n\r\n    const currentCustomStyle = document.head.querySelector(`#${styleId}`);\r\n    if (currentCustomStyle) {\r\n      document.head.removeChild(currentCustomStyle);\r\n    }\r\n\r\n    const style = document.createElement(\"style\");\r\n    style.id = styleId;\r\n    style.innerText = minolithStyles.join();\r\n    document.head.appendChild(style);\r\n  }, [minolithStyles]);\r\n\r\n  return (\r\n    <>\r\n      {minolithStyles.length > 0 && (\r\n        <style suppressHydrationWarning={true}>{minolithStyles}</style>\r\n      )}\r\n      <Tabula {...assignedProps} />\r\n    </>\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;;;AAOA;AACQ;AACN;AAEA;AAAuB;AAEE;AACb;AACR;AACuB;AAG3B;AACE;AAGA;AAIM;AACN;AAE+B;AAK5B;AACwD;AAE9B;AAGjC;;;;"}
+{"version":3,"file":"Minolith.js","sources":["../../../src/base/Minolith/Minolith.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./Minolith.scss\";\r\nimport MinolithProps from \"./MinolithProps\";\r\n\r\nexport default function Minolith(props: MinolithProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"cssVariableSetting\"];\r\n\r\n  const minolithStyles = useMemo(\r\n    () =>\r\n      minolithStyleUtility.getMinolithCssVariableStyles(\r\n        props.cssVariableSetting\r\n      ),\r\n    [props.cssVariableSetting]\r\n  );\r\n\r\n  useInsertionEffect(() => {\r\n    const styleId = \"minolith-custom-css-variables\";\r\n\r\n    const currentCustomStyle = document.head.querySelector(`#${styleId}`);\r\n    if (currentCustomStyle) {\r\n      document.head.removeChild(currentCustomStyle);\r\n    }\r\n\r\n    const style = document.createElement(\"style\");\r\n    style.id = styleId;\r\n    style.innerText = minolithStyles.join();\r\n    document.head.appendChild(style);\r\n  }, [minolithStyles]);\r\n\r\n  return (\r\n    <>\r\n      {minolithStyles.length > 0 && (\r\n        <style suppressHydrationWarning={true}>{minolithStyles}</style>\r\n      )}\r\n      <Tabula {...assignedProps} />\r\n    </>\r\n  );\r\n}\r\n"],"names":["Minolith","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","currentCustomStyle","style","jsxs","Fragment","jsx","Tabula"],"mappings":";;;;;;AAOA,SAAwBA,EAASC,GAA0C;AACnE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB;AAAA,MACnBJ,EAAM;AAAA,IACR;AAAA,IACF,CAACA,EAAM,kBAAkB;AAAA,EAC3B;AAEA,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAqB,SAAS,KAAK,cAAc,IAAID,CAAO,EAAE;AACpE,IAAIC,KACO,SAAA,KAAK,YAAYA,CAAkB;AAGxC,UAAAC,IAAQ,SAAS,cAAc,OAAO;AAC5C,IAAAA,EAAM,KAAKF,GACLE,EAAA,YAAYN,EAAe,KAAK,GAC7B,SAAA,KAAK,YAAYM,CAAK;AAAA,EAAA,GAC9B,CAACN,CAAc,CAAC,GAId,gBAAAO,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAR,EAAe,SAAS,KACvB,gBAAAS,EAAC,SAAM,EAAA,0BAA0B,IAAO,UAAeT,GAAA;AAAA,IAEzD,gBAAAS,EAACC,GAAQ,EAAA,GAAGX,EAAe,CAAA;AAAA,EAAA,GAC7B;AAEJ;"}

package/dist/base/MinolithStatic/MinolithStatic.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as l } from "@emotion/react/jsx-runtime";
 import { useMemo as r, useInsertionEffect as a } from "react";
-import m from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
-import c from "../Tabula/Tabula.js";
-/* empty css                    */
+import c from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import m from "../Tabula/Tabula.js";
+import '../../assets/Minolith.css';/* empty css                            */
 function S(t) {
   const i = { ...t };
   delete i.cssVariableSetting;
   const o = r(
-    () => m.getMinolithCssVariableStyles(t.cssVariableSetting),
+    () => c.getMinolithCssVariableStyles(t.cssVariableSetting),
     [t.cssVariableSetting]
   );
   return a(() => {
@@ -16,7 +16,7 @@ function S(t) {
     s && document.head.removeChild(s);
     const e = document.createElement("style");
     e.id = n, e.innerText = o.join(), document.head.appendChild(e);
-  }, [o]), /* @__PURE__ */ l(c, { ...i });
+  }, [o]), /* @__PURE__ */ l(m, { ...i });
 }
 export {
   S as default

package/dist/base/MinolithStatic/MinolithStatic.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinolithStatic.js","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./MinolithStatic.scss\";\r\nimport MinolithStaticProps from \"./MinolithStaticProps\";\r\n\r\nexport default function MinolithStatic(props: MinolithStaticProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"cssVariableSetting\"];\r\n\r\n  const minolithStyles = useMemo(\r\n    () =>\r\n      minolithStyleUtility.getMinolithCssVariableStyles(props.cssVariableSetting),\r\n    [props.cssVariableSetting]\r\n  );\r\n\r\n  useInsertionEffect(() => {\r\n    const styleId = \"minolith-custom-css-variables\";\r\n\r\n    const currentCustomStyle = document.head.querySelector(`#${styleId}`);\r\n    if (currentCustomStyle) {\r\n      document.head.removeChild(currentCustomStyle);\r\n    }\r\n\r\n    const style = document.createElement(\"style\");\r\n    style.id = styleId;\r\n    style.innerText = minolithStyles.join();\r\n    document.head.appendChild(style);\r\n  }, [minolithStyles]);\r\n\r\n  return (\r\n    <Tabula {...assignedProps} />\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;;;AAOA;AACQ;AACN;AAEA;AAAuB;AAEuD;AACnD;AAG3B;AACE;AAGA;AAIM;AACN;AAE+B;AAMnC;;;;"}
+{"version":3,"file":"MinolithStatic.js","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./MinolithStatic.scss\";\r\nimport MinolithStaticProps from \"./MinolithStaticProps\";\r\n\r\nexport default function MinolithStatic(props: MinolithStaticProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"cssVariableSetting\"];\r\n\r\n  const minolithStyles = useMemo(\r\n    () =>\r\n      minolithStyleUtility.getMinolithCssVariableStyles(props.cssVariableSetting),\r\n    [props.cssVariableSetting]\r\n  );\r\n\r\n  useInsertionEffect(() => {\r\n    const styleId = \"minolith-custom-css-variables\";\r\n\r\n    const currentCustomStyle = document.head.querySelector(`#${styleId}`);\r\n    if (currentCustomStyle) {\r\n      document.head.removeChild(currentCustomStyle);\r\n    }\r\n\r\n    const style = document.createElement(\"style\");\r\n    style.id = styleId;\r\n    style.innerText = minolithStyles.join();\r\n    document.head.appendChild(style);\r\n  }, [minolithStyles]);\r\n\r\n  return (\r\n    <Tabula {...assignedProps} />\r\n  );\r\n}\r\n"],"names":["MinolithStatic","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","currentCustomStyle","style","jsx","Tabula"],"mappings":";;;;;;AAOA,SAAwBA,EAAeC,GAAgD;AAC/E,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB,6BAA6BJ,EAAM,kBAAkB;AAAA,IAC5E,CAACA,EAAM,kBAAkB;AAAA,EAC3B;AAEA,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAqB,SAAS,KAAK,cAAc,IAAID,CAAO,EAAE;AACpE,IAAIC,KACO,SAAA,KAAK,YAAYA,CAAkB;AAGxC,UAAAC,IAAQ,SAAS,cAAc,OAAO;AAC5C,IAAAA,EAAM,KAAKF,GACLE,EAAA,YAAYN,EAAe,KAAK,GAC7B,SAAA,KAAK,YAAYM,CAAK;AAAA,EAAA,GAC9B,CAACN,CAAc,CAAC,GAGjB,gBAAAO,EAACC,GAAQ,EAAA,GAAGT,EAAe,CAAA;AAE/B;"}

package/dist/base/Tabula/Tabula.js

@@ -1,33 +1,35 @@
 "use client";
 import { jsx as l } from "@emotion/react/jsx-runtime";
-import i from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import c from "./Tabula.module.scss.js";
-function h(s) {
-  const e = { ...s };
+import c from "../../utilities/classNameUtility/classNameUtility.js";
+import i from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Tabula.css';const o = "_tabula_fxvj9_1", m = {
+  tabula: o
+};
+function u(t) {
+  const e = { ...t };
   delete e.colorScheme, delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
-  const t = [c.tabula];
-  t.push(...i.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const a = o.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ l(
-    s.as,
+  const s = [m.tabula];
+  s.push(...c.getUtilityClassNames(t)), t.className && s.push(t.className);
+  const a = i.getEmotionCss(t);
+  return t.as ? /* @__PURE__ */ l(
+    t.as,
     {
       ...e,
-      "data-color-scheme": s.colorScheme,
-      className: t.join(" "),
+      "data-color-scheme": t.colorScheme,
+      className: s.join(" "),
       css: a
     }
   ) : /* @__PURE__ */ l(
     "div",
     {
       ...e,
-      "data-color-scheme": s.colorScheme,
-      className: t.join(" "),
+      "data-color-scheme": t.colorScheme,
+      className: s.join(" "),
       css: a
     }
   );
 }
 export {
-  h as default
+  u as default
 };
 //# sourceMappingURL=Tabula.js.map

package/dist/base/Tabula/Tabula.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabula.js","sources":["../../../src/base/Tabula/Tabula.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Tabula.module.scss\";\r\nimport TabulaProps from \"./TabulaProps\";\r\n\r\nexport default function Tabula(props: TabulaProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorScheme\"];\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"tabula\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      data-color-scheme={props.colorScheme}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      data-color-scheme={props.colorScheme}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;;AAMA;AACQ;AACN;AAaA;AACA;AAGM;AAEN;AACE;AAAO;AAAN;AACK;AACqB;AACa;AACtC;AAAA;AAGF;AAAC;AAAA;AACK;AACqB;AACa;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"Tabula.js","sources":["../../../src/base/Tabula/Tabula.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Tabula.module.scss\";\r\nimport TabulaProps from \"./TabulaProps\";\r\n\r\nexport default function Tabula(props: TabulaProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorScheme\"];\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"tabula\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      data-color-scheme={props.colorScheme}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      data-color-scheme={props.colorScheme}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Tabula","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,aACrB,OAAOA,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS;AAChD,EAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAEnD,SAAOA,EAAM,KACX,gBAAAO;AAAA,IAACP,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,qBAAmBD,EAAM;AAAA,MACzB,WAAWE,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,qBAAmBD,EAAM;AAAA,MACzB,WAAWE,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Accordion/Accordion.js

@@ -1,24 +1,46 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import a from "../../utilities/classNameUtility/classNameUtility.js";
-import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import i from "./Accordion.module.scss.js";
-function N(s) {
-  const e = { ...s };
-  delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
-  const t = [i.accordion];
-  s.colorName && t.push(i[`is-${s.colorName}`]), t.push(...a.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const o = c.getEmotionCss(s);
-  return /* @__PURE__ */ l(
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import c from "../../utilities/classNameUtility/classNameUtility.js";
+import a from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Accordion.css';const l = "_check_1tsqg_1", n = "_chevron_1tsqg_47", g = "_accordion_1tsqg_88", t = {
+  check: l,
+  "is-gray": "_is-gray_1tsqg_13",
+  "is-red": "_is-red_1tsqg_16",
+  "is-coral": "_is-coral_1tsqg_19",
+  "is-orange": "_is-orange_1tsqg_22",
+  "is-yellow": "_is-yellow_1tsqg_25",
+  "is-lime": "_is-lime_1tsqg_28",
+  "is-green": "_is-green_1tsqg_31",
+  "is-cyan": "_is-cyan_1tsqg_34",
+  "is-blue": "_is-blue_1tsqg_37",
+  "is-violet": "_is-violet_1tsqg_40",
+  "is-magenta": "_is-magenta_1tsqg_43",
+  chevron: n,
+  accordion: g,
+  "accordion-summary": "_accordion-summary_1tsqg_100",
+  "is-focus": "_is-focus_1tsqg_161",
+  "is-focused": "_is-focused_1tsqg_161",
+  "is-hovered": "_is-hovered_1tsqg_165",
+  "is-active": "_is-active_1tsqg_169",
+  "is-disabled": "_is-disabled_1tsqg_174",
+  "accordion-details": "_accordion-details_1tsqg_178"
+};
+function q(e) {
+  const s = { ...e };
+  delete s.colorName, delete s.fore, delete s.back, delete s.highlighter, delete s.border, delete s.positioning, delete s.sizing, delete s.spacing, delete s.css;
+  const i = [t.accordion];
+  e.colorName && i.push(t[`is-${e.colorName}`]), i.push(...c.getUtilityClassNames(e)), e.className && i.push(e.className);
+  const _ = a.getEmotionCss(e);
+  return /* @__PURE__ */ o(
     "details",
     {
-      ...e,
-      className: t.join(" "),
-      css: o
+      ...s,
+      className: i.join(" "),
+      css: _
     }
   );
 }
 export {
-  N as default
+  q as default
 };
 //# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport AccordionProps from \"./AccordionProps\";\r\nimport classNames from \"./Accordion.module.scss\";\r\n\r\nexport default function Accordion(props: AccordionProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"accordion\"]];\r\n  props.colorName &&\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <details\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;;AAMA;AACQ;AACN;AAYA;AACM;AAKA;AAGJ;AAAA;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport AccordionProps from \"./AccordionProps\";\r\nimport classNames from \"./Accordion.module.scss\";\r\n\r\nexport default function Accordion(props: AccordionProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"accordion\"]];\r\n  props.colorName &&\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <details\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Accordion","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAUC,GAA2C;AACrE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,SAAY;AAC7C,EAAAH,EAAA,aACJE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAC7DE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAGjD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}