react-minolith 1.0.5 → 1.0.7

package/dist/components/Link/Link.js

@@ -1,24 +1,37 @@
 "use client";
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import l from "./Link.module.scss.js";
-function N(s) {
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import _ from "../../utilities/classNameUtility/classNameUtility.js";
+import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Link.css';const o = "_link_g3hf3_1", t = {
+  link: o,
+  "is-gray": "_is-gray_g3hf3_17",
+  "is-red": "_is-red_g3hf3_23",
+  "is-coral": "_is-coral_g3hf3_29",
+  "is-orange": "_is-orange_g3hf3_35",
+  "is-yellow": "_is-yellow_g3hf3_41",
+  "is-lime": "_is-lime_g3hf3_47",
+  "is-green": "_is-green_g3hf3_53",
+  "is-cyan": "_is-cyan_g3hf3_59",
+  "is-blue": "_is-blue_g3hf3_65",
+  "is-violet": "_is-violet_g3hf3_71",
+  "is-magenta": "_is-magenta_g3hf3_77"
+};
+function r(s) {
   const e = { ...s };
   delete e.as, 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 = [l.link];
-  s.colorName && t.push(l[`is-${s.colorName}`]), t.push(...o.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const a = m.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ i(
+  const i = [t.link];
+  s.colorName && i.push(t[`is-${s.colorName}`]), i.push(..._.getUtilityClassNames(s)), s.className && i.push(s.className);
+  const l = n.getEmotionCss(s);
+  return s.as ? /* @__PURE__ */ a(
     s.as,
     {
       ...e,
-      className: t.join(" "),
-      css: a
+      className: i.join(" "),
+      css: l
     }
-  ) : /* @__PURE__ */ i("a", { ...e, className: t.join(" "), css: a });
+  ) : /* @__PURE__ */ a("a", { ...e, className: i.join(" "), css: l });
 }
 export {
-  N as default
+  r as default
 };
 //# sourceMappingURL=Link.js.map

package/dist/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Link.module.scss\";\r\nimport LinkProps from \"./LinkProps\";\r\n\r\nexport default function Link(props: LinkProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\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: string[] = [classNames[\"link\"]];\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 props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <a {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;;AAMA;AACQ;AACN;AAaA;AACM;AAKA;AAEN;AACE;AAAO;AAAN;AACK;AACkC;AACtC;AAAA;AAKN;;;;"}
+{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Link.module.scss\";\r\nimport LinkProps from \"./LinkProps\";\r\n\r\nexport default function Link(props: LinkProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\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: string[] = [classNames[\"link\"]];\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 props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <a {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Link","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAKC,GAAsC;AAC3D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IACrB,OAAOA,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,IAA+B,CAACC,EAAW,IAAO;AAClD,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;AAEnD,SAAOA,EAAM,KACX,gBAAAO;AAAA,IAACP,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF,IAEC,gBAAAE,EAAA,KAAA,EAAG,GAAGN,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAG,GAAU;AAE7E;"}

package/dist/components/Loader/Loader.js

@@ -1,24 +1,68 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
+import { jsx as l } from "@emotion/react/jsx-runtime";
 import o from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import i from "./Loader.module.scss.js";
-function N(s) {
+import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Loader.css';const g = "_loader_o1ng3_1", _ = {
+  loader: g,
+  "loader-lotate": "_loader-lotate_o1ng3_1",
+  "is-infinite": "_is-infinite_o1ng3_19",
+  "is-heavy": "_is-heavy_o1ng3_22",
+  "is-slower": "_is-slower_o1ng3_25",
+  "is-slow": "_is-slow_o1ng3_25",
+  "is-fast": "_is-fast_o1ng3_31",
+  "is-faster": "_is-faster_o1ng3_34",
+  "is-flash": "_is-flash_o1ng3_37",
+  "is-alternate": "_is-alternate_o1ng3_40",
+  "is-reverse": "_is-reverse_o1ng3_43",
+  "is-linear": "_is-linear_o1ng3_46",
+  "is-ease": "_is-ease_o1ng3_49",
+  "is-ease-in": "_is-ease-in_o1ng3_52",
+  "is-ease-out": "_is-ease-out_o1ng3_55",
+  "is-ease-in-out": "_is-ease-in-out_o1ng3_58",
+  "is-delay-1": "_is-delay-1_o1ng3_61",
+  "is-delay-2": "_is-delay-2_o1ng3_64",
+  "is-delay-3": "_is-delay-3_o1ng3_67",
+  "is-delay-4": "_is-delay-4_o1ng3_70",
+  "is-delay-5": "_is-delay-5_o1ng3_73",
+  "is-delay-6": "_is-delay-6_o1ng3_76",
+  "is-delay-7": "_is-delay-7_o1ng3_79",
+  "is-delay-8": "_is-delay-8_o1ng3_82",
+  "is-delay-9": "_is-delay-9_o1ng3_85",
+  "is-delay-10": "_is-delay-10_o1ng3_88",
+  "is-large": "_is-large_o1ng3_91",
+  "is-xlarge": "_is-xlarge_o1ng3_95",
+  "is-xxlarge": "_is-xxlarge_o1ng3_99",
+  "is-xxxlarge": "_is-xxxlarge_o1ng3_103",
+  "is-xxxxlarge": "_is-xxxxlarge_o1ng3_107",
+  "is-xxxxxlarge": "_is-xxxxxlarge_o1ng3_111",
+  "is-gray": "_is-gray_o1ng3_115",
+  "is-red": "_is-red_o1ng3_118",
+  "is-coral": "_is-coral_o1ng3_121",
+  "is-orange": "_is-orange_o1ng3_124",
+  "is-yellow": "_is-yellow_o1ng3_127",
+  "is-lime": "_is-lime_o1ng3_130",
+  "is-green": "_is-green_o1ng3_133",
+  "is-cyan": "_is-cyan_o1ng3_136",
+  "is-blue": "_is-blue_o1ng3_139",
+  "is-violet": "_is-violet_o1ng3_142",
+  "is-magenta": "_is-magenta_o1ng3_145"
+};
+function x(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.loader];
-  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 = [_.loader];
+  s.colorName && i.push(_[`is-${s.colorName}`]), s.size && i.push(_[`is-${s.size}`]), i.push(...o.getUtilityClassNames(s)), s.className && i.push(s.className);
+  const a = n.getEmotionCss(s);
+  return /* @__PURE__ */ l(
     "div",
     {
       ...e,
-      className: t.join(" "),
-      css: l
+      className: i.join(" "),
+      css: a
     }
   );
 }
 export {
-  N as default
+  x as default
 };
 //# sourceMappingURL=Loader.js.map

package/dist/components/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Loader.module.scss\";\r\nimport LoaderProps from \"./LoaderProps\";\r\n\r\nexport default function Loader(props: LoaderProps): 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[\"loader\"]];\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":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Loader.module.scss\";\r\nimport LoaderProps from \"./LoaderProps\";\r\n\r\nexport default function Loader(props: LoaderProps): 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[\"loader\"]];\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":["Loader","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,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/components/Main/Main.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import l from "../../utilities/classNameUtility/classNameUtility.js";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import a from "../../utilities/classNameUtility/classNameUtility.js";
 import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 function d(s) {
   const e = { ...s };
   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 = [];
-  t.push(...l.getUtilityClassNames(s)), s.className && t.push(s.className);
+  t.push(...a.getUtilityClassNames(s)), s.className && t.push(s.className);
   const i = n.getEmotionCss(s);
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ l(
     "main",
     {
       ...e,

package/dist/components/Main/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","sources":["../../../src/components/Main/Main.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport MainProps from \"./MainProps\";\r\n\r\nexport default function Main(props: MainProps): React.ReactElement {\r\n  const assignedProps = { ...props };\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: string[] = [];\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    <main\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;AAKA;AACQ;AAEN;AAUA;AACA;AAGM;AAGJ;AAAA;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"Main.js","sources":["../../../src/components/Main/Main.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport MainProps from \"./MainProps\";\r\n\r\nexport default function Main(props: MainProps): React.ReactElement {\r\n  const assignedProps = { ...props };\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: string[] = [];\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    <main\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Main","props","assignedProps","assignedClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;AAKA,SAAwBA,EAAKC,GAAsC;AAC3D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AAEjC,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAAC;AACtC,EAAAA,EAAmB,KAAK,GAAGC,EAAiB,qBAAqBH,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAI,IAAMC,EAAoB,cAAcL,CAAK;AAGjD,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAE;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Message/Message.js

@@ -1,31 +1,46 @@
 "use client";
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import m from "../../utilities/classNameUtility/classNameUtility.js";
+import { jsx as _ } from "@emotion/react/jsx-runtime";
+import t from "../../utilities/classNameUtility/classNameUtility.js";
 import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import l from "./Message.module.scss.js";
-function r(s) {
+import '../../assets/Message.css';const m = "_message_1e76u_1", l = {
+  message: m,
+  "message-header": "_message-header_1e76u_13",
+  "message-body": "_message-body_1e76u_25",
+  "is-gray": "_is-gray_1e76u_38",
+  "is-red": "_is-red_1e76u_51",
+  "is-coral": "_is-coral_1e76u_64",
+  "is-orange": "_is-orange_1e76u_77",
+  "is-yellow": "_is-yellow_1e76u_90",
+  "is-lime": "_is-lime_1e76u_103",
+  "is-green": "_is-green_1e76u_116",
+  "is-cyan": "_is-cyan_1e76u_129",
+  "is-blue": "_is-blue_1e76u_142",
+  "is-violet": "_is-violet_1e76u_155",
+  "is-magenta": "_is-magenta_1e76u_168"
+};
+function u(s) {
   const e = { ...s };
   delete e.colorName, 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 = [l.message];
-  s.colorName && t.push(l[`is-${s.colorName}`]), t.push(...m.getUtilityClassNames(s)), s.className && t.push(s.className);
+  const i = [l.message];
+  s.colorName && i.push(l[`is-${s.colorName}`]), i.push(...t.getUtilityClassNames(s)), s.className && i.push(s.className);
   const a = o.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ i(
+  return s.as ? /* @__PURE__ */ _(
     s.as,
     {
       ...e,
-      className: t.join(" "),
+      className: i.join(" "),
       css: a
     }
-  ) : /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ _(
     "div",
     {
       ...e,
-      className: t.join(" "),
+      className: i.join(" "),
       css: a
     }
   );
 }
 export {
-  r as default
+  u as default
 };
 //# sourceMappingURL=Message.js.map

package/dist/components/Message/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../src/components/Message/Message.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Message.module.scss\";\r\nimport MessageProps from \"./MessageProps\";\r\n\r\nexport default function Message(props: MessageProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\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: string[] = [classNames[\"message\"]];\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 props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\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;AAKA;AAEN;AACE;AAAO;AAAN;AACK;AACkC;AACtC;AAAA;AAGF;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"Message.js","sources":["../../../src/components/Message/Message.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Message.module.scss\";\r\nimport MessageProps from \"./MessageProps\";\r\n\r\nexport default function Message(props: MessageProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\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: string[] = [classNames[\"message\"]];\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 props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Message","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,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,IAA+B,CAACC,EAAW,OAAU;AACrD,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;AAEnD,SAAOA,EAAM,KACX,gBAAAO;AAAA,IAACP,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/MessageBody/MessageBody.js

@@ -2,8 +2,10 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
 import l from "../../utilities/classNameUtility/classNameUtility.js";
 import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import m from "./MessageBody.module.scss.js";
-function r(s) {
+import '../../assets/Message.css';const m = {
+  "message-body": "_message-body_1e76u_25"
+};
+function g(s) {
   const e = { ...s };
   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 = [m["message-body"]];
@@ -26,6 +28,6 @@ function r(s) {
   );
 }
 export {
-  r as default
+  g as default
 };
 //# sourceMappingURL=MessageBody.js.map

package/dist/components/MessageBody/MessageBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBody.js","sources":["../../../src/components/MessageBody/MessageBody.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./MessageBody.module.scss\";\r\nimport MessageBodyProps from \"./MessageBodyProps\";\r\n\r\nexport default function MessageBody(\r\n  props: MessageBodyProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\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: string[] = [classNames[\"message-body\"]];\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      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\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;AAGQ;AACN;AAYA;AACA;AAGM;AAEN;AACE;AAAO;AAAN;AACK;AACkC;AACtC;AAAA;AAGF;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"MessageBody.js","sources":["../../../src/components/MessageBody/MessageBody.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./MessageBody.module.scss\";\r\nimport MessageBodyProps from \"./MessageBodyProps\";\r\n\r\nexport default function MessageBody(\r\n  props: MessageBodyProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\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: string[] = [classNames[\"message-body\"]];\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      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["MessageBody","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,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,IAA+B,CAACC,EAAW,cAAc,CAAC;AAChE,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,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/MessageHeader/MessageHeader.js

@@ -2,11 +2,13 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
 import l from "../../utilities/classNameUtility/classNameUtility.js";
 import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import o from "./MessageHeader.module.scss.js";
+import '../../assets/Message.css';const d = {
+  "message-header": "_message-header_1e76u_13"
+};
 function g(s) {
   const e = { ...s };
   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 = [o["message-header"]];
+  const t = [d["message-header"]];
   t.push(...l.getUtilityClassNames(s)), s.className && t.push(s.className);
   const a = m.getEmotionCss(s);
   return s.as ? /* @__PURE__ */ i(

package/dist/components/MessageHeader/MessageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageHeader.js","sources":["../../../src/components/MessageHeader/MessageHeader.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./MessageHeader.module.scss\";\r\nimport MessageHeaderProps from \"./MessageHeaderProps\";\r\n\r\nexport default function MessageHeader(\r\n  props: MessageHeaderProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\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: string[] = [classNames[\"message-header\"]];\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      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\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;AAGQ;AACN;AAYA;AACA;AAGM;AAEN;AACE;AAAO;AAAN;AACK;AACkC;AACtC;AAAA;AAGF;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"MessageHeader.js","sources":["../../../src/components/MessageHeader/MessageHeader.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./MessageHeader.module.scss\";\r\nimport MessageHeaderProps from \"./MessageHeaderProps\";\r\n\r\nexport default function MessageHeader(\r\n  props: MessageHeaderProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\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: string[] = [classNames[\"message-header\"]];\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      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["MessageHeader","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,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,IAA+B,CAACC,EAAW,gBAAgB,CAAC;AAClE,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,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Modal/Modal.js

@@ -1,14 +1,29 @@
 "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 "./Modal.module.scss.js";
-function N(s) {
+import _ from "../../utilities/classNameUtility/classNameUtility.js";
+import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Modal.css';const c = "_modal_17tp8_1", i = {
+  modal: c,
+  "is-active": "_is-active_17tp8_18",
+  "modal-content": "_modal-content_17tp8_21",
+  "is-gray": "_is-gray_17tp8_34",
+  "is-red": "_is-red_17tp8_37",
+  "is-coral": "_is-coral_17tp8_40",
+  "is-orange": "_is-orange_17tp8_43",
+  "is-yellow": "_is-yellow_17tp8_46",
+  "is-lime": "_is-lime_17tp8_49",
+  "is-green": "_is-green_17tp8_52",
+  "is-cyan": "_is-cyan_17tp8_55",
+  "is-blue": "_is-blue_17tp8_58",
+  "is-violet": "_is-violet_17tp8_61",
+  "is-magenta": "_is-magenta_17tp8_64"
+};
+function r(s) {
   const e = { ...s };
   delete e.isActive, 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.modal];
-  s.isActive && t.push(i["is-active"]), s.colorName && t.push(i[`is-${s.colorName}`]), t.push(...o.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const l = m.getEmotionCss(s);
+  s.isActive && t.push(i["is-active"]), s.colorName && t.push(i[`is-${s.colorName}`]), t.push(..._.getUtilityClassNames(s)), s.className && t.push(s.className);
+  const l = o.getEmotionCss(s);
   return /* @__PURE__ */ a(
     "div",
     {
@@ -19,6 +34,6 @@ function N(s) {
   );
 }
 export {
-  N as default
+  r as default
 };
 //# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Modal.module.scss\";\r\nimport ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal(props: ModalProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"isActive\"];\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[\"modal\"]];\r\n  props.isActive && assignedClassNames.push(classNames[\"is-active\"]);\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    <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;AAMM;AAGJ;AAAA;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Modal.module.scss\";\r\nimport ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal(props: ModalProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"isActive\"];\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[\"modal\"]];\r\n  props.isActive && assignedClassNames.push(classNames[\"is-active\"]);\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    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Modal","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAMC,GAAuC;AAC7D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,UACrB,OAAOA,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,KAAQ;AAC/C,EAAAH,EAAM,YAAYE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAC3DH,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;"}

package/dist/components/ModalContent/ModalContent.js

@@ -1,24 +1,26 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import a from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import n from "./ModalContent.module.scss.js";
-function g(t) {
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import i from "../../utilities/classNameUtility/classNameUtility.js";
+import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Modal.css';const a = {
+  "modal-content": "_modal-content_17tp8_21"
+};
+function r(t) {
   const e = { ...t };
   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 = [n["modal-content"]];
-  s.push(...o.getUtilityClassNames(t)), t.className && s.push(t.className);
-  const i = a.getEmotionCss(t);
-  return /* @__PURE__ */ l(
+  const s = [a["modal-content"]];
+  s.push(...i.getUtilityClassNames(t)), t.className && s.push(t.className);
+  const l = n.getEmotionCss(t);
+  return /* @__PURE__ */ o(
     "div",
     {
       ...e,
       className: s.join(" "),
-      css: i
+      css: l
     }
   );
 }
 export {
-  g as default
+  r as default
 };
 //# sourceMappingURL=ModalContent.js.map

package/dist/components/ModalContent/ModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.js","sources":["../../../src/components/ModalContent/ModalContent.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./ModalContent.module.scss\";\r\nimport ModalContentProps from \"./ModalContentProps\";\r\n\r\nexport default function ModalContent(\r\n  props: ModalContentProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\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[\"modal-content\"]];\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;AAGQ;AAEN;AAUA;AACA;AAGM;AAGJ;AAAA;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"ModalContent.js","sources":["../../../src/components/ModalContent/ModalContent.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./ModalContent.module.scss\";\r\nimport ModalContentProps from \"./ModalContentProps\";\r\n\r\nexport default function ModalContent(\r\n  props: ModalContentProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\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[\"modal-content\"]];\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":["ModalContent","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AAEjC,SAAOC,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,eAAe,CAAC;AACvD,EAAAD,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/components/Nav/Nav.js

@@ -1,24 +1,61 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import a from "./Nav.module.scss.js";
-function N(s) {
-  const e = { ...s };
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import n from "../../utilities/classNameUtility/classNameUtility.js";
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Nav.css';const r = "_nav_dpale_1", t = "_left_dpale_29", o = "_center_dpale_30", m = "_right_dpale_31", c = "_icon_dpale_86", s = {
+  nav: r,
+  "nav-static": "_nav-static_dpale_8",
+  "nav-brand": "_nav-brand_dpale_14",
+  "nav-brand-left": "_nav-brand-left_dpale_26",
+  "nav-brand-center": "_nav-brand-center_dpale_27",
+  "nav-brand-right": "_nav-brand-right_dpale_28",
+  left: t,
+  center: o,
+  right: m,
+  "nav-menu": "_nav-menu_dpale_56",
+  "nav-menu-item": "_nav-menu-item_dpale_68",
+  icon: c,
+  "is-xsmall": "_is-xsmall_dpale_108",
+  "is-small-or-less": "_is-small-or-less_dpale_128",
+  "is-small": "_is-small_dpale_128",
+  "is-small-or-more": "_is-small-or-more_dpale_163",
+  "is-medium-or-less": "_is-medium-or-less_dpale_168",
+  "is-medium": "_is-medium_dpale_168",
+  "is-medium-or-more": "_is-medium-or-more_dpale_198",
+  "is-large-or-less": "_is-large-or-less_dpale_208",
+  "is-large": "_is-large_dpale_208",
+  "is-large-or-more": "_is-large-or-more_dpale_233",
+  "is-xlarge": "_is-xlarge_dpale_248",
+  "nav-accordion": "_nav-accordion_dpale_267",
+  "is-active": "_is-active_dpale_318",
+  "is-gray": "_is-gray_dpale_514",
+  "is-red": "_is-red_dpale_561",
+  "is-coral": "_is-coral_dpale_608",
+  "is-orange": "_is-orange_dpale_655",
+  "is-yellow": "_is-yellow_dpale_702",
+  "is-lime": "_is-lime_dpale_749",
+  "is-green": "_is-green_dpale_796",
+  "is-cyan": "_is-cyan_dpale_843",
+  "is-blue": "_is-blue_dpale_890",
+  "is-violet": "_is-violet_dpale_937",
+  "is-magenta": "_is-magenta_dpale_984"
+};
+function u(a) {
+  const e = { ...a };
   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 = [a.nav];
-  s.colorName && t.push(a[`is-${s.colorName}`]), t.push(...o.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const i = m.getEmotionCss(s);
-  return /* @__PURE__ */ l(
+  const l = [s.nav];
+  a.colorName && l.push(s[`is-${a.colorName}`]), l.push(...n.getUtilityClassNames(a)), a.className && l.push(a.className);
+  const _ = d.getEmotionCss(a);
+  return /* @__PURE__ */ i(
     "nav",
     {
       ...e,
-      className: t.join(" "),
-      css: i
+      className: l.join(" "),
+      css: _
     }
   );
 }
 export {
-  N as default
+  u as default
 };
 //# sourceMappingURL=Nav.js.map

package/dist/components/Nav/Nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Nav.module.scss\";\r\nimport NavProps from \"./NavProps\";\r\n\r\nexport default function Nav(props: NavProps): 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: string[] = [classNames[\"nav\"]];\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    <nav\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":"Nav.js","sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Nav.module.scss\";\r\nimport NavProps from \"./NavProps\";\r\n\r\nexport default function Nav(props: NavProps): 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: string[] = [classNames[\"nav\"]];\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    <nav\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Nav","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAIC,GAAqC;AACzD,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,IAA+B,CAACC,EAAW,GAAM;AACjD,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;"}

package/dist/components/NavAccordion/NavAccordion.js

@@ -1,24 +1,61 @@
 "use client";
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import t from "../../utilities/classNameUtility/classNameUtility.js";
-import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import l from "./NavAccordion.module.scss.js";
-function n(s) {
+import { jsx as _ } from "@emotion/react/jsx-runtime";
+import r from "../../utilities/classNameUtility/classNameUtility.js";
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Nav.css';const m = "_nav_dpale_1", t = "_left_dpale_29", n = "_center_dpale_30", o = "_right_dpale_31", c = "_icon_dpale_86", a = {
+  nav: m,
+  "nav-static": "_nav-static_dpale_8",
+  "nav-brand": "_nav-brand_dpale_14",
+  "nav-brand-left": "_nav-brand-left_dpale_26",
+  "nav-brand-center": "_nav-brand-center_dpale_27",
+  "nav-brand-right": "_nav-brand-right_dpale_28",
+  left: t,
+  center: n,
+  right: o,
+  "nav-menu": "_nav-menu_dpale_56",
+  "nav-menu-item": "_nav-menu-item_dpale_68",
+  icon: c,
+  "is-xsmall": "_is-xsmall_dpale_108",
+  "is-small-or-less": "_is-small-or-less_dpale_128",
+  "is-small": "_is-small_dpale_128",
+  "is-small-or-more": "_is-small-or-more_dpale_163",
+  "is-medium-or-less": "_is-medium-or-less_dpale_168",
+  "is-medium": "_is-medium_dpale_168",
+  "is-medium-or-more": "_is-medium-or-more_dpale_198",
+  "is-large-or-less": "_is-large-or-less_dpale_208",
+  "is-large": "_is-large_dpale_208",
+  "is-large-or-more": "_is-large-or-more_dpale_233",
+  "is-xlarge": "_is-xlarge_dpale_248",
+  "nav-accordion": "_nav-accordion_dpale_267",
+  "is-active": "_is-active_dpale_318",
+  "is-gray": "_is-gray_dpale_514",
+  "is-red": "_is-red_dpale_561",
+  "is-coral": "_is-coral_dpale_608",
+  "is-orange": "_is-orange_dpale_655",
+  "is-yellow": "_is-yellow_dpale_702",
+  "is-lime": "_is-lime_dpale_749",
+  "is-green": "_is-green_dpale_796",
+  "is-cyan": "_is-cyan_dpale_843",
+  "is-blue": "_is-blue_dpale_890",
+  "is-violet": "_is-violet_dpale_937",
+  "is-magenta": "_is-magenta_dpale_984"
+};
+function v(s) {
   const e = { ...s };
   delete e.isXSmall, delete e.isSmallOrLess, delete e.isSmall, delete e.isSmallOrMore, delete e.isMediumOrLess, delete e.isMedium, delete e.isMediumOrMore, delete e.isLargeOrLess, delete e.isLarge, delete e.isLargeOrMore, delete e.isXLarge, 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["nav-accordion"]];
-  s.isXSmall && i.push(l["is-xsmall"]), s.isSmallOrLess && i.push(l["is-small-or-less"]), s.isSmall && i.push(l["is-small"]), s.isSmallOrMore && i.push(l["is-small-or-more"]), s.isMediumOrLess && i.push(l["is-medium-or-less"]), s.isMedium && i.push(l["is-medium"]), s.isMediumOrMore && i.push(l["is-medium-or-more"]), s.isLargeOrLess && i.push(l["is-large-or-less"]), s.isLarge && i.push(l["is-large"]), s.isLargeOrMore && i.push(l["is-large-or-more"]), s.isXLarge && i.push(l["is-xlarge"]), i.push(...t.getUtilityClassNames(s)), s.className && i.push(s.className);
-  const a = r.getEmotionCss(s);
-  return /* @__PURE__ */ m(
+  const l = [a["nav-accordion"]];
+  s.isXSmall && l.push(a["is-xsmall"]), s.isSmallOrLess && l.push(a["is-small-or-less"]), s.isSmall && l.push(a["is-small"]), s.isSmallOrMore && l.push(a["is-small-or-more"]), s.isMediumOrLess && l.push(a["is-medium-or-less"]), s.isMedium && l.push(a["is-medium"]), s.isMediumOrMore && l.push(a["is-medium-or-more"]), s.isLargeOrLess && l.push(a["is-large-or-less"]), s.isLarge && l.push(a["is-large"]), s.isLargeOrMore && l.push(a["is-large-or-more"]), s.isXLarge && l.push(a["is-xlarge"]), l.push(...r.getUtilityClassNames(s)), s.className && l.push(s.className);
+  const i = d.getEmotionCss(s);
+  return /* @__PURE__ */ _(
     "div",
     {
       ...e,
-      className: i.join(" "),
-      css: a
+      className: l.join(" "),
+      css: i
     }
   );
 }
 export {
-  n as default
+  v as default
 };
 //# sourceMappingURL=NavAccordion.js.map