react-minolith 0.0.30 → 1.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\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  //#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  return props.as ? (\r\n    <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  ) : (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["Card","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIA,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,IAAO;AACxC,SAAAH,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,GAEnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\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 = minolithStyleUtility.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","minolithStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,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,EAAqB,cAAcN,CAAK;AAEpD,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/Card/CardBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardBody.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardBody.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAsBzE"}
+{"version":3,"file":"CardBody.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardBody.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAiCzE"}

package/dist/components/Card/CardBody.js

@@ -1,15 +1,32 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import l from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
 import d from "../../utilities/classNameUtility.js";
-import '../../assets/Card.css';const l = {
+import '../../assets/Card.css';const o = {
   "card-body": "_card-body_1xkla_28"
 };
-function o(s) {
+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;
-  const a = [l["card-body"]];
-  return a.push(...d.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ t(s.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ t("div", { ...e, className: a.join(" ") });
+  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["card-body"]];
+  t.push(...d.getUtilityClassNames(s)), s.className && t.push(s.className);
+  const a = l.getEmotionCss(s);
+  return s.as ? /* @__PURE__ */ i(
+    s.as,
+    {
+      ...e,
+      className: t.join(" "),
+      css: a
+    }
+  ) : /* @__PURE__ */ i(
+    "div",
+    {
+      ...e,
+      className: t.join(" "),
+      css: a
+    }
+  );
 }
 export {
-  o as default
+  r as default
 };
 //# sourceMappingURL=CardBody.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardBody.js","sources":["../../../src/components/Card/CardBody.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\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  //#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  return props.as ? (\r\n    <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  ) : (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["CardBody","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;AAIA,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,WAAW,CAAC;AACnD,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"CardBody.js","sources":["../../../src/components/Card/CardBody.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\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 = minolithStyleUtility.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","minolithStyleUtility","jsx"],"mappings":";;;;;;AAIA,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,EAAqB,cAAcN,CAAK;AAEpD,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/Card/CardFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAsB7E"}
+{"version":3,"file":"CardFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAiC7E"}

package/dist/components/Card/CardFooter.js

@@ -1,15 +1,32 @@
-import { jsx as t } from "react/jsx-runtime";
-import l from "../../utilities/classNameUtility.js";
-import '../../assets/Card.css';const i = {
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import l from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import o from "../../utilities/classNameUtility.js";
+import '../../assets/Card.css';const c = {
   "card-footer": "_card-footer_1xkla_46"
 };
-function c(s) {
+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;
-  const a = [i["card-footer"]];
-  return a.push(...l.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ t(s.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ t("div", { ...e, className: a.join(" ") });
+  delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
+  const t = [c["card-footer"]];
+  t.push(...o.getUtilityClassNames(s)), s.className && t.push(s.className);
+  const a = l.getEmotionCss(s);
+  return s.as ? /* @__PURE__ */ i(
+    s.as,
+    {
+      ...e,
+      className: t.join(" "),
+      css: a
+    }
+  ) : /* @__PURE__ */ i(
+    "div",
+    {
+      ...e,
+      className: t.join(" "),
+      css: a
+    }
+  );
 }
 export {
-  c as default
+  r as default
 };
 //# sourceMappingURL=CardFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","sources":["../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\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  //#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  return props.as ? (\r\n    <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  ) : (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["CardFooter","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;AAIA,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,aAAa,CAAC;AACrD,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"CardFooter.js","sources":["../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\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 = minolithStyleUtility.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","minolithStyleUtility","jsx"],"mappings":";;;;;;AAIA,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,EAAqB,cAAcN,CAAK;AAEpD,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/Card/CardHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAsB7E"}
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAiC7E"}

package/dist/components/Card/CardHeader.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sources":["../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\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  //#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  return props.as ? (\r\n    <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  ) : (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["CardHeader","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;AAIA,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,aAAa,CAAC;AACrD,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"CardHeader.js","sources":["../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\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 = minolithStyleUtility.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","minolithStyleUtility","jsx"],"mappings":";;;;;;AAIA,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,EAAqB,cAAcN,CAAK;AAEpD,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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialogue.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/Dialogue.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CA8CzE"}
+{"version":3,"file":"Dialogue.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/Dialogue.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAyDzE"}

package/dist/components/Dialogue/Dialogue.js

@@ -1,7 +1,8 @@
-import { jsx as t } from "react/jsx-runtime";
-import r from "../../utilities/classNameUtility.js";
-import '../../assets/Dialogue.css';const _ = "_dialogue_wae5a_1", s = {
-  dialogue: _,
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import _ from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import d from "../../utilities/classNameUtility.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",
@@ -35,13 +36,29 @@ import '../../assets/Dialogue.css';const _ = "_dialogue_wae5a_1", s = {
   "is-violet": "_is-violet_wae5a_468",
   "is-magenta": "_is-magenta_wae5a_490"
 };
-function o(e) {
+function n(e) {
   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.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];
-  return 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(...r.getUtilityClassNames(e)), e.className && i.push(e.className), e.as ? /* @__PURE__ */ t(e.as, { ...a, className: i.join(" ") }) : /* @__PURE__ */ t("div", { ...a, className: i.join(" ") });
+  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(...d.getUtilityClassNames(e)), e.className && i.push(e.className);
+  const t = _.getEmotionCss(e);
+  return e.as ? /* @__PURE__ */ r(
+    e.as,
+    {
+      ...a,
+      className: i.join(" "),
+      css: t
+    }
+  ) : /* @__PURE__ */ r(
+    "div",
+    {
+      ...a,
+      className: i.join(" "),
+      css: t
+    }
+  );
 }
 export {
-  o as default
+  n as default
 };
 //# sourceMappingURL=Dialogue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialogue.js","sources":["../../../src/components/Dialogue/Dialogue.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\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  //#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  return props.as ? (\r\n    <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  ) : (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["Dialogue","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,QAAW;AAC5C,SAAAH,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,GAEnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"Dialogue.js","sources":["../../../src/components/Dialogue/Dialogue.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\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 = minolithStyleUtility.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","minolithStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,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,EAAqB,cAAcN,CAAK;AAEpD,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/DialogueAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAGxD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAsBrF"}
+{"version":3,"file":"DialogueAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAGxD,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,KAAK,EAAE,mBAAmB,GACzB,KAAK,CAAC,YAAY,CAiCpB"}

package/dist/components/Dialogue/DialogueAvatar.js

@@ -1,15 +1,32 @@
-import { jsx as t } from "react/jsx-runtime";
-import i from "../../utilities/classNameUtility.js";
-import '../../assets/Dialogue.css';const l = {
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import l from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import o from "../../utilities/classNameUtility.js";
+import '../../assets/Dialogue.css';const m = {
   "dialogue-avatar": "_dialogue-avatar_wae5a_54"
 };
-function n(a) {
+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;
-  const s = [l["dialogue-avatar"]];
-  return s.push(...i.getUtilityClassNames(a)), a.className && s.push(a.className), a.as ? /* @__PURE__ */ t(a.as, { ...e, className: s.join(" ") }) : /* @__PURE__ */ t("img", { ...e, className: s.join(" ") });
+  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 = [m["dialogue-avatar"]];
+  s.push(...o.getUtilityClassNames(a)), a.className && s.push(a.className);
+  const t = l.getEmotionCss(a);
+  return a.as ? /* @__PURE__ */ i(
+    a.as,
+    {
+      ...e,
+      className: s.join(" "),
+      css: t
+    }
+  ) : /* @__PURE__ */ i(
+    "img",
+    {
+      ...e,
+      className: s.join(" "),
+      css: t
+    }
+  );
 }
 export {
-  n as default
+  g as default
 };
 //# sourceMappingURL=DialogueAvatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueAvatar.js","sources":["../../../src/components/Dialogue/DialogueAvatar.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport DialogueAvatarProps from \"./DialogueAvatarProps\";\r\nimport classNames from \"./DialogueAvatar.module.scss\";\r\n\r\nexport default function DialogueAvatar(props: DialogueAvatarProps): 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  //#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  return props.as ? (\r\n    <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  ) : (\r\n    <img {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["DialogueAvatar","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;AAIA,SAAwBA,EAAeC,GAAgD;AAC/E,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;AAGrB,QAAMC,IAA+B,CAACC,EAAW,iBAAiB,CAAC;AACnE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"DialogueAvatar.js","sources":["../../../src/components/Dialogue/DialogueAvatar.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\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 = minolithStyleUtility.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","minolithStyleUtility","jsx"],"mappings":";;;;;;AAIA,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,EAAqB,cAAcN,CAAK;AAEpD,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/DialogueAvatarContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueAvatarContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueAvatarContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,KAAK,CAAC,YAAY,CAsBvG"}
+{"version":3,"file":"DialogueAvatarContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueAvatarContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,4BAA4B,GAClC,KAAK,CAAC,YAAY,CAmCpB"}

package/dist/components/Dialogue/DialogueAvatarContainer.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueAvatarContainer.js","sources":["../../../src/components/Dialogue/DialogueAvatarContainer.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./DialogueAvatarContainer.module.scss\";\r\nimport DialogueAvatarContainerProps from \"./DialogueAvatarContainerProps\";\r\n\r\nexport default function DialogueAvatarContainer(props: DialogueAvatarContainerProps): 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  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"dialogue-avatar-container\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return props.as ? (\r\n    <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  ) : (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["DialogueAvatarContainer","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;AAIA,SAAwBA,EAAwBC,GAAyD;AACjG,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;AAGrB,QAAMC,IAA+B,CAACC,EAAW,2BAA2B,CAAC;AAC7E,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"DialogueAvatarContainer.js","sources":["../../../src/components/Dialogue/DialogueAvatarContainer.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\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 = minolithStyleUtility.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","minolithStyleUtility","jsx"],"mappings":";;;;;;AAIA,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,EAAqB,cAAcN,CAAK;AAEpD,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/DialogueContentContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueContentContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueContentContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAE5E,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,CAsBzG"}
+{"version":3,"file":"DialogueContentContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueContentContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAE5E,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAC9C,KAAK,EAAE,6BAA6B,GACnC,KAAK,CAAC,YAAY,CAmCpB"}

package/dist/components/Dialogue/DialogueContentContainer.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueContentContainer.js","sources":["../../../src/components/Dialogue/DialogueContentContainer.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./DialogueContentContainer.module.scss\";\r\nimport DialogueContentContainerProps from \"./DialogueContentContainerProps\";\r\n\r\nexport default function DialogueContentContainer(props: DialogueContentContainerProps): 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  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"dialogue-content-container\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return props.as ? (\r\n    <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  ) : (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["DialogueContentContainer","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;AAIA,SAAwBA,EAAyBC,GAA0D;AACnG,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;AAGrB,QAAMC,IAA+B,CAACC,EAAW,4BAA4B,CAAC;AAC9E,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"DialogueContentContainer.js","sources":["../../../src/components/Dialogue/DialogueContentContainer.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\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 = minolithStyleUtility.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","minolithStyleUtility","jsx"],"mappings":";;;;;;AAIA,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,EAAqB,cAAcN,CAAK;AAEpD,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/DialogueMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueMessage.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAG1D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAsBvF"}
+{"version":3,"file":"DialogueMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueMessage.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAG1D,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,KAAK,EAAE,oBAAoB,GAC1B,KAAK,CAAC,YAAY,CAiCpB"}

package/dist/components/Dialogue/DialogueMessage.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueMessage.js","sources":["../../../src/components/Dialogue/DialogueMessage.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport DialogueMessageProps from \"./DialogueMessageProps\";\r\nimport classNames from \"./DialogueMessage.module.scss\";\r\n\r\nexport default function DialogueMessage(props: DialogueMessageProps): 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  //#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  return props.as ? (\r\n    <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  ) : (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["DialogueMessage","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;AAIA,SAAwBA,EAAgBC,GAAiD;AACjF,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;AAGrB,QAAMC,IAA+B,CAACC,EAAW,kBAAkB,CAAC;AACpE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"DialogueMessage.js","sources":["../../../src/components/Dialogue/DialogueMessage.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\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 = minolithStyleUtility.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","minolithStyleUtility","jsx"],"mappings":";;;;;;AAIA,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,EAAqB,cAAcN,CAAK;AAEpD,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/DialogueMessageInner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueMessageInner.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueMessageInner.tsx"],"names":[],"mappings":"AACA,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAGpE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAsBjG"}
+{"version":3,"file":"DialogueMessageInner.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueMessageInner.tsx"],"names":[],"mappings":"AACA,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAGpE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAC1C,KAAK,EAAE,yBAAyB,GAC/B,KAAK,CAAC,YAAY,CAiCpB"}

package/dist/components/Dialogue/DialogueMessageInner.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueMessageInner.js","sources":["../../../src/components/Dialogue/DialogueMessageInner.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport DialogueMessageInnerProps from \"./DialogueMessageInnerProps\";\r\nimport classNames from \"./DialogueMessageInner.module.scss\";\r\n\r\nexport default function DialogueMessageInner(props: DialogueMessageInnerProps): 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  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"dialogue-message-inner\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return props.as ? (\r\n    <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  ) : (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["DialogueMessageInner","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;AAIA,SAAwBA,EAAqBC,GAAsD;AAC3F,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;AAGrB,QAAMC,IAA+B,CAACC,EAAW,wBAAwB,CAAC;AAC1E,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"DialogueMessageInner.js","sources":["../../../src/components/Dialogue/DialogueMessageInner.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\r\nimport DialogueMessageInnerProps from \"./DialogueMessageInnerProps\";\r\nimport classNames from \"./DialogueMessageInner.module.scss\";\r\n\r\nexport default function DialogueMessageInner(\r\n  props: DialogueMessageInnerProps\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-inner\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = minolithStyleUtility.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":["DialogueMessageInner","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","minolithStyleUtility","jsx"],"mappings":";;;;;;AAIA,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,wBAAwB,CAAC;AAC1E,EAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAqB,cAAcN,CAAK;AAEpD,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/DialogueName.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueName.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueName.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAqBjF"}
+{"version":3,"file":"DialogueName.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueName.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,KAAK,EAAE,iBAAiB,GACvB,KAAK,CAAC,YAAY,CAiCpB"}