react-minolith 1.0.4 → 1.0.5

package/dist/backgrounds/Dot/Dot.js

@@ -1,39 +1,24 @@
-import { jsx as _ } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility.js";
-import a from "../../utilities/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 };
+"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 };
   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 = [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__ */ _(
+  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(
     "div",
     {
       ...e,
       className: s.join(" "),
-      css: t
+      css: l
     }
   );
 }
 export {
-  m as default
+  N 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\";\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;"}
+{"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;;;;"}

package/dist/backgrounds/Dot/Dot.module.scss.js

@@ -0,0 +1,22 @@
+const _ = "_dot_pul8e_1", e = {
+  dot: _,
+  "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"
+};
+export {
+  e as default,
+  _ as dot
+};
+//# sourceMappingURL=Dot.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dot.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/backgrounds/Dot/index.d.ts

@@ -1,3 +1,6 @@
+export { default } from './Dot';
 export { default as Dot } from './Dot';
+export * from './Dot';
 export type { default as DotProps } from './DotProps';
+export * from './DotProps';
 //# sourceMappingURL=index.d.ts.map

package/dist/backgrounds/Dot/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Dot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,YAAY,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Dot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,YAAY,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtD,cAAc,YAAY,CAAC"}

package/dist/backgrounds/Dot/index.js

@@ -1,5 +1,6 @@
-import { default as a } from "./Dot.js";
+import { default as e, default as f } from "./Dot.js";
 export {
-  a as Dot
+  e as Dot,
+  f as default
 };
 //# sourceMappingURL=index.js.map

package/dist/backgrounds/Gingham/Gingham.js

@@ -1,43 +1,24 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import g from "../../utilities/classNameUtility.js";
-import t from "../../utilities/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 };
+"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 };
   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 = [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(
+  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(
     "div",
     {
       ...e,
-      className: s.join(" "),
-      css: _
+      className: t.join(" "),
+      css: l
     }
   );
 }
 export {
-  c as default
+  r 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\";\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;"}
+{"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;;;;"}

package/dist/backgrounds/Gingham/Gingham.module.scss.js

@@ -0,0 +1,26 @@
+const i = "_gingham_oi0za_1", _ = {
+  gingham: i,
+  "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"
+};
+export {
+  _ as default,
+  i as gingham
+};
+//# sourceMappingURL=Gingham.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Gingham.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/backgrounds/Gingham/index.d.ts

@@ -1,3 +1,6 @@
+export { default } from './Gingham';
 export { default as Gingham } from './Gingham';
+export * from './Gingham';
 export type { default as GinghamProps } from './GinghamProps';
+export * from './GinghamProps';
 //# sourceMappingURL=index.d.ts.map

package/dist/backgrounds/Gingham/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Gingham/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Gingham/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9D,cAAc,gBAAgB,CAAC"}

package/dist/backgrounds/Gingham/index.js

@@ -1,5 +1,6 @@
-import { default as f } from "./Gingham.js";
+import { default as f, default as t } from "./Gingham.js";
 export {
-  f as Gingham
+  f as Gingham,
+  t as default
 };
 //# sourceMappingURL=index.js.map

package/dist/backgrounds/Rhombus/Rhombus.js

@@ -1,38 +1,24 @@
+"use client";
 import { jsx as a } from "@emotion/react/jsx-runtime";
-import t from "../../utilities/classNameUtility.js";
-import o from "../../utilities/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) {
+import o from "../../utilities/classNameUtility/classNameUtility.js";
+import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import i from "./Rhombus.module.scss.js";
+function N(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 = [l.rhombus];
-  s.colorName && i.push(l[`is-${s.colorName}`]), s.size && i.push(l[`is-${s.size}`]), i.push(...t.getUtilityClassNames(s)), s.className && i.push(s.className);
-  const _ = o.getEmotionCss(s);
+  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(
     "div",
     {
       ...e,
-      className: i.join(" "),
-      css: _
+      className: t.join(" "),
+      css: l
     }
   );
 }
 export {
-  c as default
+  N 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\";\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;"}
+{"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;;;;"}

package/dist/backgrounds/Rhombus/Rhombus.module.scss.js

@@ -0,0 +1,21 @@
+const _ = "_rhombus_109dl_1", s = {
+  rhombus: _,
+  "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"
+};
+export {
+  s as default,
+  _ as rhombus
+};
+//# sourceMappingURL=Rhombus.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rhombus.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/backgrounds/Rhombus/index.d.ts

@@ -1,3 +1,6 @@
+export { default } from './Rhombus';
 export { default as Rhombus } from './Rhombus';
+export * from './Rhombus';
 export type { default as RhombusProps } from './RhombusProps';
+export * from './RhombusProps';
 //# sourceMappingURL=index.d.ts.map

package/dist/backgrounds/Rhombus/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9D,cAAc,gBAAgB,CAAC"}

package/dist/backgrounds/Rhombus/index.js

@@ -1,5 +1,6 @@
-import { default as e } from "./Rhombus.js";
+import { default as f, default as o } from "./Rhombus.js";
 export {
-  e as Rhombus
+  f as Rhombus,
+  o as default
 };
 //# sourceMappingURL=index.js.map

package/dist/backgrounds/Stripe/Stripe.js

@@ -1,61 +1,24 @@
-import { jsx as g } from "@emotion/react/jsx-runtime";
-import y from "../../utilities/classNameUtility.js";
-import t from "../../utilities/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 };
+"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 };
   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 _ = [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(
+  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(
     "div",
     {
       ...e,
-      className: _.join(" "),
-      css: d
+      className: s.join(" "),
+      css: l
     }
   );
 }
 export {
-  r as default
+  g 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\";\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;"}
+{"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;;;;"}

package/dist/backgrounds/Stripe/Stripe.module.scss.js

@@ -0,0 +1,44 @@
+const _ = "_stripe_dv95y_1", d = {
+  stripe: _,
+  "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"
+};
+export {
+  d as default,
+  _ as stripe
+};
+//# sourceMappingURL=Stripe.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stripe.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/backgrounds/Stripe/index.d.ts

@@ -1,3 +1,6 @@
+export { default } from './Stripe';
 export { default as Stripe } from './Stripe';
+export * from './Stripe';
 export type { default as StripeProps } from './StripeProps';
+export * from './StripeProps';
 //# sourceMappingURL=index.d.ts.map

package/dist/backgrounds/Stripe/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Stripe/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Stripe/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5D,cAAc,eAAe,CAAC"}

package/dist/backgrounds/Stripe/index.js

@@ -1,5 +1,6 @@
-import { default as t } from "./Stripe.js";
+import { default as a, default as f } from "./Stripe.js";
 export {
-  t as Stripe
+  a as Stripe,
+  f as default
 };
 //# sourceMappingURL=index.js.map

package/dist/backgrounds/Zigzag/Zigzag.js

@@ -1,63 +1,24 @@
-import { jsx as d } from "@emotion/react/jsx-runtime";
-import y from "../../utilities/classNameUtility.js";
-import f from "../../utilities/emotionStyleUtility.js";
-import '../../assets/Zigzag.css';const h = "_zigzag_1hwfy_1", i = {
-  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) {
+"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) {
   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.zigzag];
-  s.colorName && _.push(i[`is-${s.colorName}`]), s.size && _.push(i[`is-${s.size}`]), _.push(...y.getUtilityClassNames(s)), s.className && _.push(s.className);
-  const g = f.getEmotionCss(s);
-  return /* @__PURE__ */ d(
+  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(
     "div",
     {
       ...e,
-      className: _.join(" "),
-      css: g
+      className: i.join(" "),
+      css: l
     }
   );
 }
 export {
-  t as default
+  r 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\";\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;"}
+{"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;;;;"}