react-minolith 1.0.5 → 1.0.7

package/dist/components/Card/Card.js

@@ -1,31 +1,48 @@
 "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 "./Card.module.scss.js";
-function N(s) {
-  const e = { ...s };
+import t from "../../utilities/classNameUtility/classNameUtility.js";
+import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Card.css';const c = "_card_1xkla_1", _ = {
+  card: c,
+  "has-shadow": "_has-shadow_1xkla_13",
+  "card-header": "_card-header_1xkla_16",
+  "card-body": "_card-body_1xkla_28",
+  "card-footer": "_card-footer_1xkla_46",
+  "is-gray": "_is-gray_1xkla_56",
+  "is-red": "_is-red_1xkla_73",
+  "is-coral": "_is-coral_1xkla_90",
+  "is-orange": "_is-orange_1xkla_107",
+  "is-yellow": "_is-yellow_1xkla_124",
+  "is-lime": "_is-lime_1xkla_141",
+  "is-green": "_is-green_1xkla_158",
+  "is-cyan": "_is-cyan_1xkla_175",
+  "is-blue": "_is-blue_1xkla_192",
+  "is-violet": "_is-violet_1xkla_209",
+  "is-magenta": "_is-magenta_1xkla_226"
+};
+function m(a) {
+  const e = { ...a };
   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.card];
-  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(
-    s.as,
+  const s = [_.card];
+  a.colorName && s.push(_[`is-${a.colorName}`]), s.push(...t.getUtilityClassNames(a)), a.className && s.push(a.className);
+  const l = o.getEmotionCss(a);
+  return a.as ? /* @__PURE__ */ i(
+    a.as,
     {
       ...e,
-      className: t.join(" "),
-      css: a
+      className: s.join(" "),
+      css: l
     }
   ) : /* @__PURE__ */ i(
     "div",
     {
       ...e,
-      className: t.join(" "),
-      css: a
+      className: s.join(" "),
+      css: l
     }
   );
 }
 export {
-  N as default
+  m as default
 };
 //# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Card.module.scss\";\r\nimport CardProps from \"./CardProps\";\r\n\r\nexport default function Card(props: CardProps): 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 = [classNames[\"card\"]];\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":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Card.module.scss\";\r\nimport CardProps from \"./CardProps\";\r\n\r\nexport default function Card(props: CardProps): 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 = [classNames[\"card\"]];\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":["Card","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,IAAqB,CAACC,EAAW,IAAO;AACxC,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/CardBody/CardBody.js

@@ -1,14 +1,16 @@
 "use client";
 import { jsx as i } from "@emotion/react/jsx-runtime";
 import l from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import d from "./CardBody.module.scss.js";
-function g(s) {
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Card.css';const o = {
+  "card-body": "_card-body_1xkla_28"
+};
+function r(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 = [d["card-body"]];
+  const t = [o["card-body"]];
   t.push(...l.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const a = o.getEmotionCss(s);
+  const a = d.getEmotionCss(s);
   return s.as ? /* @__PURE__ */ i(
     s.as,
     {
@@ -26,6 +28,6 @@ function g(s) {
   );
 }
 export {
-  g as default
+  r as default
 };
 //# sourceMappingURL=CardBody.js.map

package/dist/components/CardBody/CardBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardBody.js","sources":["../../../src/components/CardBody/CardBody.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./CardBody.module.scss\";\r\nimport CardBodyProps from \"./CardBodyProps\";\r\n\r\nexport default function CardBody(props: CardBodyProps): 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 = [classNames[\"card-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;AACQ;AACN;AAYA;AACA;AAGM;AAEN;AACE;AAAO;AAAN;AACK;AACkC;AACtC;AAAA;AAGF;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"CardBody.js","sources":["../../../src/components/CardBody/CardBody.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./CardBody.module.scss\";\r\nimport CardBodyProps from \"./CardBodyProps\";\r\n\r\nexport default function CardBody(props: CardBodyProps): 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 = [classNames[\"card-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":["CardBody","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EAASC,GAA0C;AACnE,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,IAAqB,CAACC,EAAW,WAAW,CAAC;AACnD,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/CardFooter/CardFooter.js

@@ -2,11 +2,13 @@
 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 "./CardFooter.module.scss.js";
-function g(s) {
+import '../../assets/Card.css';const c = {
+  "card-footer": "_card-footer_1xkla_46"
+};
+function r(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["card-footer"]];
+  const t = [c["card-footer"]];
   t.push(...l.getUtilityClassNames(s)), s.className && t.push(s.className);
   const a = o.getEmotionCss(s);
   return s.as ? /* @__PURE__ */ i(
@@ -26,6 +28,6 @@ function g(s) {
   );
 }
 export {
-  g as default
+  r as default
 };
 //# sourceMappingURL=CardFooter.js.map

package/dist/components/CardFooter/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","sources":["../../../src/components/CardFooter/CardFooter.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./CardFooter.module.scss\";\r\nimport CardFooterProps from \"./CardFooterProps\";\r\n\r\nexport default function CardFooter(props: CardFooterProps): 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 = [classNames[\"card-footer\"]];\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;AAYA;AACA;AAGM;AAEN;AACE;AAAO;AAAN;AACK;AACkC;AACtC;AAAA;AAGF;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"CardFooter.js","sources":["../../../src/components/CardFooter/CardFooter.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./CardFooter.module.scss\";\r\nimport CardFooterProps from \"./CardFooterProps\";\r\n\r\nexport default function CardFooter(props: CardFooterProps): 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 = [classNames[\"card-footer\"]];\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":["CardFooter","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EAAWC,GAA4C;AACvE,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,IAAqB,CAACC,EAAW,aAAa,CAAC;AACrD,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/CardHeader/CardHeader.js

@@ -2,30 +2,32 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
 import l from "../../utilities/classNameUtility/classNameUtility.js";
 import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import m from "./CardHeader.module.scss.js";
-function g(s) {
+import '../../assets/Card.css';const c = {
+  "card-header": "_card-header_1xkla_16"
+};
+function r(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["card-header"]];
-  t.push(...l.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const a = d.getEmotionCss(s);
+  const a = [c["card-header"]];
+  a.push(...l.getUtilityClassNames(s)), s.className && a.push(s.className);
+  const t = d.getEmotionCss(s);
   return s.as ? /* @__PURE__ */ i(
     s.as,
     {
       ...e,
-      className: t.join(" "),
-      css: a
+      className: a.join(" "),
+      css: t
     }
   ) : /* @__PURE__ */ i(
     "div",
     {
       ...e,
-      className: t.join(" "),
-      css: a
+      className: a.join(" "),
+      css: t
     }
   );
 }
 export {
-  g as default
+  r as default
 };
 //# sourceMappingURL=CardHeader.js.map

package/dist/components/CardHeader/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./CardHeader.module.scss\";\r\nimport CardHeaderProps from \"./CardHeaderProps\";\r\n\r\nexport default function CardHeader(props: CardHeaderProps): 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 = [classNames[\"card-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;AACQ;AACN;AAYA;AACA;AAGM;AAEN;AACE;AAAO;AAAN;AACK;AACkC;AACtC;AAAA;AAGF;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"CardHeader.js","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./CardHeader.module.scss\";\r\nimport CardHeaderProps from \"./CardHeaderProps\";\r\n\r\nexport default function CardHeader(props: CardHeaderProps): 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 = [classNames[\"card-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":["CardHeader","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EAAWC,GAA4C;AACvE,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,IAAqB,CAACC,EAAW,aAAa,CAAC;AACrD,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/Dialogue/Dialogue.js

@@ -1,27 +1,61 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import d from "../../utilities/classNameUtility/classNameUtility.js";
-import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import a from "./Dialogue.module.scss.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import _ from "../../utilities/classNameUtility/classNameUtility.js";
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Dialogue.css';const l = "_dialogue_wae5a_1", s = {
+  dialogue: l,
+  "is-avatar-small": "_is-avatar-small_wae5a_32",
+  "is-avatar-large": "_is-avatar-large_wae5a_37",
+  "is-avatar-circle": "_is-avatar-circle_wae5a_42",
+  "dialogue-avatar-container": "_dialogue-avatar-container_wae5a_54",
+  "dialogue-avatar": "_dialogue-avatar_wae5a_54",
+  "is-border-width-xthin": "_is-border-width-xthin_wae5a_61",
+  "is-border-width-thin": "_is-border-width-thin_wae5a_66",
+  "is-border-width-medium": "_is-border-width-medium_wae5a_71",
+  "is-border-width-thick": "_is-border-width-thick_wae5a_76",
+  "is-border-width-xthick": "_is-border-width-xthick_wae5a_81",
+  "is-border-width-xxthick": "_is-border-width-xxthick_wae5a_86",
+  "is-border-width-xxxthick": "_is-border-width-xxxthick_wae5a_91",
+  "dialogue-content-container": "_dialogue-content-container_wae5a_97",
+  "dialogue-name": "_dialogue-name_wae5a_128",
+  "dialogue-message": "_dialogue-message_wae5a_129",
+  "dialogue-message-inner": "_dialogue-message-inner_wae5a_162",
+  "is-left": "_is-left_wae5a_165",
+  "is-right": "_is-right_wae5a_207",
+  "is-border-style-solid": "_is-border-style-solid_wae5a_249",
+  "is-border-style-dashed": "_is-border-style-dashed_wae5a_256",
+  "is-border-style-dotted": "_is-border-style-dotted_wae5a_263",
+  "is-gray": "_is-gray_wae5a_270",
+  "is-red": "_is-red_wae5a_292",
+  "is-coral": "_is-coral_wae5a_314",
+  "is-orange": "_is-orange_wae5a_336",
+  "is-yellow": "_is-yellow_wae5a_358",
+  "is-lime": "_is-lime_wae5a_380",
+  "is-green": "_is-green_wae5a_402",
+  "is-cyan": "_is-cyan_wae5a_424",
+  "is-blue": "_is-blue_wae5a_446",
+  "is-violet": "_is-violet_wae5a_468",
+  "is-magenta": "_is-magenta_wae5a_490"
+};
 function n(e) {
-  const t = { ...e };
-  delete t.as, delete t.colorName, delete t.avatarSize, delete t.borderStyle, delete t.borderWidth, delete t.isRight, delete t.isAvatarCircle, delete t.fore, delete t.back, delete t.highlighter, delete t.border, delete t.positioning, delete t.sizing, delete t.spacing, delete t.css;
-  const i = [a.dialogue];
-  e.colorName && i.push(a[`is-${e.colorName}`]), e.isRight ? i.push(a["is-right"]) : i.push(a["is-left"]), e.avatarSize && i.push(a[`is-avatar-size-${e.avatarSize}`]), e.borderStyle && i.push(a[`is-border-style-${e.borderStyle}`]), e.borderWidth && i.push(a[`is-border-width-${e.borderWidth}`]), e.isAvatarCircle && i.push(a["is-avatar-circle"]), i.push(...d.getUtilityClassNames(e)), e.className && i.push(e.className);
-  const s = r.getEmotionCss(e);
-  return e.as ? /* @__PURE__ */ l(
+  const a = { ...e };
+  delete a.as, delete a.colorName, delete a.avatarSize, delete a.borderStyle, delete a.borderWidth, delete a.isRight, delete a.isAvatarCircle, delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing, delete a.css;
+  const i = [s.dialogue];
+  e.colorName && i.push(s[`is-${e.colorName}`]), e.isRight ? i.push(s["is-right"]) : i.push(s["is-left"]), e.avatarSize && i.push(s[`is-avatar-size-${e.avatarSize}`]), e.borderStyle && i.push(s[`is-border-style-${e.borderStyle}`]), e.borderWidth && i.push(s[`is-border-width-${e.borderWidth}`]), e.isAvatarCircle && i.push(s["is-avatar-circle"]), i.push(..._.getUtilityClassNames(e)), e.className && i.push(e.className);
+  const t = d.getEmotionCss(e);
+  return e.as ? /* @__PURE__ */ r(
     e.as,
     {
-      ...t,
+      ...a,
       className: i.join(" "),
-      css: s
+      css: t
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ r(
     "div",
     {
-      ...t,
+      ...a,
       className: i.join(" "),
-      css: s
+      css: t
     }
   );
 }

package/dist/components/Dialogue/Dialogue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialogue.js","sources":["../../../src/components/Dialogue/Dialogue.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Dialogue.module.scss\";\r\nimport DialogueProps from \"./DialogueProps\";\r\n\r\nexport default function Dialogue(props: DialogueProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"avatarSize\"];\r\n  delete assignedProps[\"borderStyle\"];\r\n  delete assignedProps[\"borderWidth\"];\r\n  delete assignedProps[\"isRight\"];\r\n  delete assignedProps[\"isAvatarCircle\"];\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[\"dialogue\"]];\r\n  props.colorName &&\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  if (props.isRight) {\r\n    assignedClassNames.push(classNames[`is-right`]);\r\n  } else {\r\n    assignedClassNames.push(classNames[`is-left`]);\r\n  }\r\n  if (props.avatarSize) {\r\n    assignedClassNames.push(classNames[`is-avatar-size-${props.avatarSize}`]);\r\n  }\r\n  if (props.borderStyle) {\r\n    assignedClassNames.push(classNames[`is-border-style-${props.borderStyle}`]);\r\n  }\r\n  if (props.borderWidth) {\r\n    assignedClassNames.push(classNames[`is-border-width-${props.borderWidth}`]);\r\n  }\r\n  props.isAvatarCircle &&\r\n    assignedClassNames.push(classNames[`is-avatar-circle`]);\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;AAkBA;AACM;AAqBA;AAEN;AACE;AAAO;AAAN;AACK;AACkC;AACtC;AAAA;AAGF;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"Dialogue.js","sources":["../../../src/components/Dialogue/Dialogue.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Dialogue.module.scss\";\r\nimport DialogueProps from \"./DialogueProps\";\r\n\r\nexport default function Dialogue(props: DialogueProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"avatarSize\"];\r\n  delete assignedProps[\"borderStyle\"];\r\n  delete assignedProps[\"borderWidth\"];\r\n  delete assignedProps[\"isRight\"];\r\n  delete assignedProps[\"isAvatarCircle\"];\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[\"dialogue\"]];\r\n  props.colorName &&\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  if (props.isRight) {\r\n    assignedClassNames.push(classNames[`is-right`]);\r\n  } else {\r\n    assignedClassNames.push(classNames[`is-left`]);\r\n  }\r\n  if (props.avatarSize) {\r\n    assignedClassNames.push(classNames[`is-avatar-size-${props.avatarSize}`]);\r\n  }\r\n  if (props.borderStyle) {\r\n    assignedClassNames.push(classNames[`is-border-style-${props.borderStyle}`]);\r\n  }\r\n  if (props.borderWidth) {\r\n    assignedClassNames.push(classNames[`is-border-width-${props.borderWidth}`]);\r\n  }\r\n  props.isAvatarCircle &&\r\n    assignedClassNames.push(classNames[`is-avatar-circle`]);\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":["Dialogue","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAASC,GAA0C;AACnE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,YACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,gBAErB,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,QAAW;AAC5C,EAAAH,EAAA,aACJE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GACzDA,EAAM,UACWE,EAAA,KAAKC,EAAW,UAAU,CAAC,IAE3BD,EAAA,KAAKC,EAAW,SAAS,CAAC,GAE3CH,EAAM,cACRE,EAAmB,KAAKC,EAAW,kBAAkBH,EAAM,UAAU,EAAE,CAAC,GAEtEA,EAAM,eACRE,EAAmB,KAAKC,EAAW,mBAAmBH,EAAM,WAAW,EAAE,CAAC,GAExEA,EAAM,eACRE,EAAmB,KAAKC,EAAW,mBAAmBH,EAAM,WAAW,EAAE,CAAC,GAE5EA,EAAM,kBACJE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GACxDD,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/DialogueAvatar/DialogueAvatar.js

@@ -2,30 +2,32 @@
 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 "./DialogueAvatar.module.scss.js";
-function r(s) {
-  const e = { ...s };
+import '../../assets/Dialogue.css';const n = {
+  "dialogue-avatar": "_dialogue-avatar_wae5a_54"
+};
+function g(a) {
+  const e = { ...a };
   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["dialogue-avatar"]];
-  t.push(...l.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const a = o.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ i(
-    s.as,
+  const s = [n["dialogue-avatar"]];
+  s.push(...l.getUtilityClassNames(a)), a.className && s.push(a.className);
+  const t = o.getEmotionCss(a);
+  return a.as ? /* @__PURE__ */ i(
+    a.as,
     {
       ...e,
-      className: t.join(" "),
-      css: a
+      className: s.join(" "),
+      css: t
     }
   ) : /* @__PURE__ */ i(
     "img",
     {
       ...e,
-      className: t.join(" "),
-      css: a
+      className: s.join(" "),
+      css: t
     }
   );
 }
 export {
-  r as default
+  g as default
 };
 //# sourceMappingURL=DialogueAvatar.js.map

package/dist/components/DialogueAvatar/DialogueAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueAvatar.js","sources":["../../../src/components/DialogueAvatar/DialogueAvatar.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport DialogueAvatarProps from \"./DialogueAvatarProps\";\r\nimport classNames from \"./DialogueAvatar.module.scss\";\r\n\r\nexport default function DialogueAvatar(\r\n  props: DialogueAvatarProps\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[\"dialogue-avatar\"]];\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    <img\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":"DialogueAvatar.js","sources":["../../../src/components/DialogueAvatar/DialogueAvatar.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport DialogueAvatarProps from \"./DialogueAvatarProps\";\r\nimport classNames from \"./DialogueAvatar.module.scss\";\r\n\r\nexport default function DialogueAvatar(\r\n  props: DialogueAvatarProps\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[\"dialogue-avatar\"]];\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    <img\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueAvatar","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,iBAAiB,CAAC;AACnE,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/DialogueAvatarContainer/DialogueAvatarContainer.js

@@ -1,33 +1,35 @@
 "use client";
 import { jsx as i } from "@emotion/react/jsx-runtime";
 import l from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import n from "./DialogueAvatarContainer.module.scss.js";
-function g(s) {
-  const e = { ...s };
+import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Dialogue.css';const o = {
+  "dialogue-avatar-container": "_dialogue-avatar-container_wae5a_54"
+};
+function r(a) {
+  const e = { ...a };
   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 = [
-    n["dialogue-avatar-container"]
+    o["dialogue-avatar-container"]
   ];
-  t.push(...l.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const a = o.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ i(
-    s.as,
+  t.push(...l.getUtilityClassNames(a)), a.className && t.push(a.className);
+  const s = n.getEmotionCss(a);
+  return a.as ? /* @__PURE__ */ i(
+    a.as,
     {
       ...e,
       className: t.join(" "),
-      css: a
+      css: s
     }
   ) : /* @__PURE__ */ i(
     "div",
     {
       ...e,
       className: t.join(" "),
-      css: a
+      css: s
     }
   );
 }
 export {
-  g as default
+  r as default
 };
 //# sourceMappingURL=DialogueAvatarContainer.js.map

package/dist/components/DialogueAvatarContainer/DialogueAvatarContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueAvatarContainer.js","sources":["../../../src/components/DialogueAvatarContainer/DialogueAvatarContainer.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./DialogueAvatarContainer.module.scss\";\r\nimport DialogueAvatarContainerProps from \"./DialogueAvatarContainerProps\";\r\n\r\nexport default function DialogueAvatarContainer(\r\n  props: DialogueAvatarContainerProps\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[] = [\r\n    classNames[\"dialogue-avatar-container\"],\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 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;AAAqC;AACG;AAExC;AAGM;AAEN;AACE;AAAO;AAAN;AACK;AACkC;AACtC;AAAA;AAGF;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"DialogueAvatarContainer.js","sources":["../../../src/components/DialogueAvatarContainer/DialogueAvatarContainer.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./DialogueAvatarContainer.module.scss\";\r\nimport DialogueAvatarContainerProps from \"./DialogueAvatarContainerProps\";\r\n\r\nexport default function DialogueAvatarContainer(\r\n  props: DialogueAvatarContainerProps\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[] = [\r\n    classNames[\"dialogue-avatar-container\"],\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 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":["DialogueAvatarContainer","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;AAAA,IACnCC,EAAW,2BAA2B;AAAA,EACxC;AACA,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/DialogueContentContainer/DialogueContentContainer.js

@@ -1,29 +1,31 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import l from "../../utilities/classNameUtility/classNameUtility.js";
-import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import o from "./DialogueContentContainer.module.scss.js";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import n from "../../utilities/classNameUtility/classNameUtility.js";
+import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Dialogue.css';const l = {
+  "dialogue-content-container": "_dialogue-content-container_wae5a_97"
+};
 function g(t) {
   const e = { ...t };
   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 s = [
-    o["dialogue-content-container"]
+    l["dialogue-content-container"]
   ];
-  s.push(...l.getUtilityClassNames(t)), t.className && s.push(t.className);
-  const i = n.getEmotionCss(t);
-  return t.as ? /* @__PURE__ */ a(
+  s.push(...n.getUtilityClassNames(t)), t.className && s.push(t.className);
+  const a = o.getEmotionCss(t);
+  return t.as ? /* @__PURE__ */ i(
     t.as,
     {
       ...e,
       className: s.join(" "),
-      css: i
+      css: a
     }
-  ) : /* @__PURE__ */ a(
+  ) : /* @__PURE__ */ i(
     "div",
     {
       ...e,
       className: s.join(" "),
-      css: i
+      css: a
     }
   );
 }

package/dist/components/DialogueContentContainer/DialogueContentContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueContentContainer.js","sources":["../../../src/components/DialogueContentContainer/DialogueContentContainer.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./DialogueContentContainer.module.scss\";\r\nimport DialogueContentContainerProps from \"./DialogueContentContainerProps\";\r\n\r\nexport default function DialogueContentContainer(\r\n  props: DialogueContentContainerProps\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[] = [\r\n    classNames[\"dialogue-content-container\"],\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 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;AAAqC;AACI;AAEzC;AAGM;AAEN;AACE;AAAO;AAAN;AACK;AACkC;AACtC;AAAA;AAGF;AAAC;AAAA;AACK;AACkC;AACtC;AAAA;AAGN;;;;"}
+{"version":3,"file":"DialogueContentContainer.js","sources":["../../../src/components/DialogueContentContainer/DialogueContentContainer.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./DialogueContentContainer.module.scss\";\r\nimport DialogueContentContainerProps from \"./DialogueContentContainerProps\";\r\n\r\nexport default function DialogueContentContainer(\r\n  props: DialogueContentContainerProps\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[] = [\r\n    classNames[\"dialogue-content-container\"],\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 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":["DialogueContentContainer","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;AAAA,IACnCC,EAAW,4BAA4B;AAAA,EACzC;AACA,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/DialogueMessage/DialogueMessage.js

@@ -2,30 +2,32 @@
 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 "./DialogueMessage.module.scss.js";
-function r(s) {
+import '../../assets/Dialogue.css';const m = {
+  "dialogue-message": "_dialogue-message_wae5a_129"
+};
+function c(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["dialogue-message"]];
-  t.push(...l.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const a = o.getEmotionCss(s);
+  const a = [m["dialogue-message"]];
+  a.push(...l.getUtilityClassNames(s)), s.className && a.push(s.className);
+  const t = o.getEmotionCss(s);
   return s.as ? /* @__PURE__ */ i(
     s.as,
     {
       ...e,
-      className: t.join(" "),
-      css: a
+      className: a.join(" "),
+      css: t
     }
   ) : /* @__PURE__ */ i(
     "div",
     {
       ...e,
-      className: t.join(" "),
-      css: a
+      className: a.join(" "),
+      css: t
     }
   );
 }
 export {
-  r as default
+  c as default
 };
 //# sourceMappingURL=DialogueMessage.js.map

package/dist/components/DialogueMessage/DialogueMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueMessage.js","sources":["../../../src/components/DialogueMessage/DialogueMessage.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport DialogueMessageProps from \"./DialogueMessageProps\";\r\nimport classNames from \"./DialogueMessage.module.scss\";\r\n\r\nexport default function DialogueMessage(\r\n  props: DialogueMessageProps\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[\"dialogue-message\"]];\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":"DialogueMessage.js","sources":["../../../src/components/DialogueMessage/DialogueMessage.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport DialogueMessageProps from \"./DialogueMessageProps\";\r\nimport classNames from \"./DialogueMessage.module.scss\";\r\n\r\nexport default function DialogueMessage(\r\n  props: DialogueMessageProps\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[\"dialogue-message\"]];\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":["DialogueMessage","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,kBAAkB,CAAC;AACpE,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/DialogueMessageInner/DialogueMessageInner.js

@@ -2,30 +2,32 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
 import l from "../../utilities/classNameUtility/classNameUtility.js";
 import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import o from "./DialogueMessageInner.module.scss.js";
-function r(s) {
+import '../../assets/Dialogue.css';const o = {
+  "dialogue-message-inner": "_dialogue-message-inner_wae5a_162"
+};
+function c(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["dialogue-message-inner"]];
-  t.push(...l.getUtilityClassNames(s)), s.className && t.push(s.className);
-  const a = n.getEmotionCss(s);
+  const a = [o["dialogue-message-inner"]];
+  a.push(...l.getUtilityClassNames(s)), s.className && a.push(s.className);
+  const t = n.getEmotionCss(s);
   return s.as ? /* @__PURE__ */ i(
     s.as,
     {
       ...e,
-      className: t.join(" "),
-      css: a
+      className: a.join(" "),
+      css: t
     }
   ) : /* @__PURE__ */ i(
     "div",
     {
       ...e,
-      className: t.join(" "),
-      css: a
+      className: a.join(" "),
+      css: t
     }
   );
 }
 export {
-  r as default
+  c as default
 };
 //# sourceMappingURL=DialogueMessageInner.js.map