react-minolith 0.0.10 → 0.0.12

package/dist/components/Dialogue/DialogueAvatarContainer.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import i from "../../utilities/classNameUtility.js";
-import { c as l } from "../../DialogueAvatar.module-uqGI3dA2.js";
+import { c as l } from "../../DialogueAvatar.module-DZkzrwXx.js";
 function m(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;

package/dist/components/Dialogue/DialogueAvatarProps.d.ts

@@ -2,6 +2,5 @@ import { BaseComponentProps } from '../../react-minolith';
 export default interface DialogueAvatarProps extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, BaseComponentProps {
     as?: React.ElementType | undefined;
     [key: string]: any;
-    isCircle?: boolean;
 }
 //# sourceMappingURL=DialogueAvatarProps.d.ts.map

package/dist/components/Dialogue/DialogueAvatarProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueAvatarProps.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueAvatarProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,CAAC,OAAO,WAAW,mBACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC3B,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,gBAAgB,CACjB,EACD,kBAAkB;IACpB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"DialogueAvatarProps.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueAvatarProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,CAAC,OAAO,WAAW,mBACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC3B,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,gBAAgB,CACjB,EACD,kBAAkB;IACpB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

package/dist/components/Dialogue/DialogueContentContainer.js

@@ -1,34 +1,45 @@
-import { jsx as i } from "react/jsx-runtime";
-import t from "../../utilities/classNameUtility.js";
-import '../../assets/DialogueAvatar.css';const _ = "_dialogue_1usgj_1", g = {
-  dialogue: _,
-  "dialogue-avatar-container": "_dialogue-avatar-container_1usgj_9",
-  "dialogue-content-container": "_dialogue-content-container_1usgj_10",
-  "dialogue-avatar": "_dialogue-avatar_1usgj_9",
-  "is-circle": "_is-circle_1usgj_34",
-  "dialogue-name": "_dialogue-name_1usgj_45",
-  "dialogue-message": "_dialogue-message_1usgj_46",
-  "is-avatar-right": "_is-avatar-right_1usgj_106",
-  "is-border-style-solid": "_is-border-style-solid_1usgj_134",
-  "is-border-style-dashed": "_is-border-style-dashed_1usgj_141",
-  "is-border-style-dotted": "_is-border-style-dotted_1usgj_148",
-  "is-gray": "_is-gray_1usgj_155",
-  "is-red": "_is-red_1usgj_177",
-  "is-orange": "_is-orange_1usgj_199",
-  "is-yellow": "_is-yellow_1usgj_221",
-  "is-green": "_is-green_1usgj_243",
-  "is-cyan": "_is-cyan_1usgj_265",
-  "is-blue": "_is-blue_1usgj_287",
-  "is-violet": "_is-violet_1usgj_309",
-  "is-magenta": "_is-magenta_1usgj_331"
+import { jsx as s } from "react/jsx-runtime";
+import a from "../../utilities/classNameUtility.js";
+import '../../assets/DialogueAvatar.css';const t = "_dialogue_19d92_1", _ = {
+  dialogue: t,
+  "is-avatar-small": "_is-avatar-small_19d92_29",
+  "is-avatar-large": "_is-avatar-large_19d92_34",
+  "is-avatar-circle": "_is-avatar-circle_19d92_39",
+  "dialogue-avatar-container": "_dialogue-avatar-container_19d92_51",
+  "dialogue-avatar": "_dialogue-avatar_19d92_51",
+  "is-border-width-xthin": "_is-border-width-xthin_19d92_58",
+  "is-border-width-thin": "_is-border-width-thin_19d92_63",
+  "is-border-width-medium": "_is-border-width-medium_19d92_68",
+  "is-border-width-thick": "_is-border-width-thick_19d92_73",
+  "is-border-width-xthick": "_is-border-width-xthick_19d92_78",
+  "is-border-width-xxthick": "_is-border-width-xxthick_19d92_83",
+  "is-border-width-xxxthick": "_is-border-width-xxxthick_19d92_88",
+  "dialogue-content-container": "_dialogue-content-container_19d92_94",
+  "dialogue-name": "_dialogue-name_19d92_119",
+  "dialogue-message": "_dialogue-message_19d92_120",
+  "dialogue-message-inner": "_dialogue-message-inner_19d92_147",
+  "is-left": "_is-left_19d92_150",
+  "is-right": "_is-right_19d92_192",
+  "is-border-style-solid": "_is-border-style-solid_19d92_234",
+  "is-border-style-dashed": "_is-border-style-dashed_19d92_241",
+  "is-border-style-dotted": "_is-border-style-dotted_19d92_248",
+  "is-gray": "_is-gray_19d92_255",
+  "is-red": "_is-red_19d92_277",
+  "is-orange": "_is-orange_19d92_299",
+  "is-yellow": "_is-yellow_19d92_321",
+  "is-green": "_is-green_19d92_343",
+  "is-cyan": "_is-cyan_19d92_365",
+  "is-blue": "_is-blue_19d92_387",
+  "is-violet": "_is-violet_19d92_409",
+  "is-magenta": "_is-magenta_19d92_431"
 };
-function d(s) {
-  const e = { ...s };
+function l(i) {
+  const e = { ...i };
   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 = [g["dialogue-content-container"]];
-  return a.push(...t.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(" ") });
+  const d = [_["dialogue-content-container"]];
+  return d.push(...a.getUtilityClassNames(i)), i.className && d.push(i.className), i.as ? /* @__PURE__ */ s(i.as, { ...e, className: d.join(" ") }) : /* @__PURE__ */ s("div", { ...e, className: d.join(" ") });
 }
 export {
-  d as default
+  l 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): JSX.Element {\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,GAAmD;AAC5F,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 } from \"../../utilities\";\r\nimport classNames from \"./DialogueContentContainer.module.scss\";\r\nimport DialogueContentContainerProps from \"./DialogueContentContainerProps\";\r\n\r\nexport default function DialogueContentContainer(props: DialogueContentContainerProps): JSX.Element {\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,GAAmD;AAC5F,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;"}

package/dist/components/Dialogue/DialogueMessage.js

@@ -1,34 +1,45 @@
-import { jsx as i } from "react/jsx-runtime";
-import _ from "../../utilities/classNameUtility.js";
-import '../../assets/DialogueAvatar.css';const g = "_dialogue_1usgj_1", t = {
-  dialogue: g,
-  "dialogue-avatar-container": "_dialogue-avatar-container_1usgj_9",
-  "dialogue-content-container": "_dialogue-content-container_1usgj_10",
-  "dialogue-avatar": "_dialogue-avatar_1usgj_9",
-  "is-circle": "_is-circle_1usgj_34",
-  "dialogue-name": "_dialogue-name_1usgj_45",
-  "dialogue-message": "_dialogue-message_1usgj_46",
-  "is-avatar-right": "_is-avatar-right_1usgj_106",
-  "is-border-style-solid": "_is-border-style-solid_1usgj_134",
-  "is-border-style-dashed": "_is-border-style-dashed_1usgj_141",
-  "is-border-style-dotted": "_is-border-style-dotted_1usgj_148",
-  "is-gray": "_is-gray_1usgj_155",
-  "is-red": "_is-red_1usgj_177",
-  "is-orange": "_is-orange_1usgj_199",
-  "is-yellow": "_is-yellow_1usgj_221",
-  "is-green": "_is-green_1usgj_243",
-  "is-cyan": "_is-cyan_1usgj_265",
-  "is-blue": "_is-blue_1usgj_287",
-  "is-violet": "_is-violet_1usgj_309",
-  "is-magenta": "_is-magenta_1usgj_331"
+import { jsx as s } from "react/jsx-runtime";
+import a from "../../utilities/classNameUtility.js";
+import '../../assets/DialogueAvatar.css';const _ = "_dialogue_19d92_1", t = {
+  dialogue: _,
+  "is-avatar-small": "_is-avatar-small_19d92_29",
+  "is-avatar-large": "_is-avatar-large_19d92_34",
+  "is-avatar-circle": "_is-avatar-circle_19d92_39",
+  "dialogue-avatar-container": "_dialogue-avatar-container_19d92_51",
+  "dialogue-avatar": "_dialogue-avatar_19d92_51",
+  "is-border-width-xthin": "_is-border-width-xthin_19d92_58",
+  "is-border-width-thin": "_is-border-width-thin_19d92_63",
+  "is-border-width-medium": "_is-border-width-medium_19d92_68",
+  "is-border-width-thick": "_is-border-width-thick_19d92_73",
+  "is-border-width-xthick": "_is-border-width-xthick_19d92_78",
+  "is-border-width-xxthick": "_is-border-width-xxthick_19d92_83",
+  "is-border-width-xxxthick": "_is-border-width-xxxthick_19d92_88",
+  "dialogue-content-container": "_dialogue-content-container_19d92_94",
+  "dialogue-name": "_dialogue-name_19d92_119",
+  "dialogue-message": "_dialogue-message_19d92_120",
+  "dialogue-message-inner": "_dialogue-message-inner_19d92_147",
+  "is-left": "_is-left_19d92_150",
+  "is-right": "_is-right_19d92_192",
+  "is-border-style-solid": "_is-border-style-solid_19d92_234",
+  "is-border-style-dashed": "_is-border-style-dashed_19d92_241",
+  "is-border-style-dotted": "_is-border-style-dotted_19d92_248",
+  "is-gray": "_is-gray_19d92_255",
+  "is-red": "_is-red_19d92_277",
+  "is-orange": "_is-orange_19d92_299",
+  "is-yellow": "_is-yellow_19d92_321",
+  "is-green": "_is-green_19d92_343",
+  "is-cyan": "_is-cyan_19d92_365",
+  "is-blue": "_is-blue_19d92_387",
+  "is-violet": "_is-violet_19d92_409",
+  "is-magenta": "_is-magenta_19d92_431"
 };
-function d(s) {
-  const e = { ...s };
+function l(i) {
+  const e = { ...i };
   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(..._.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(" ") });
+  const d = [t["dialogue-message"]];
+  return d.push(...a.getUtilityClassNames(i)), i.className && d.push(i.className), i.as ? /* @__PURE__ */ s(i.as, { ...e, className: d.join(" ") }) : /* @__PURE__ */ s("div", { ...e, className: d.join(" ") });
 }
 export {
-  d as default
+  l 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): JSX.Element {\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,GAA0C;AAC1E,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 } from \"../../utilities\";\r\nimport DialogueMessageProps from \"./DialogueMessageProps\";\r\nimport classNames from \"./DialogueMessage.module.scss\";\r\n\r\nexport default function DialogueMessage(props: DialogueMessageProps): JSX.Element {\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,GAA0C;AAC1E,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;"}

package/dist/components/Dialogue/DialogueMessageInner.d.ts

@@ -0,0 +1,3 @@
+import { default as DialogueMessageInnerProps } from './DialogueMessageInnerProps';
+export default function DialogueMessageInner(props: DialogueMessageInnerProps): JSX.Element;
+//# sourceMappingURL=DialogueMessageInner.d.ts.map

package/dist/components/Dialogue/DialogueMessageInner.d.ts.map

@@ -0,0 +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,GAAG,CAAC,OAAO,CAsB1F"}

package/dist/components/Dialogue/DialogueMessageInner.js

@@ -0,0 +1,45 @@
+import { jsx as s } from "react/jsx-runtime";
+import a from "../../utilities/classNameUtility.js";
+import '../../assets/DialogueAvatar.css';const _ = "_dialogue_19d92_1", t = {
+  dialogue: _,
+  "is-avatar-small": "_is-avatar-small_19d92_29",
+  "is-avatar-large": "_is-avatar-large_19d92_34",
+  "is-avatar-circle": "_is-avatar-circle_19d92_39",
+  "dialogue-avatar-container": "_dialogue-avatar-container_19d92_51",
+  "dialogue-avatar": "_dialogue-avatar_19d92_51",
+  "is-border-width-xthin": "_is-border-width-xthin_19d92_58",
+  "is-border-width-thin": "_is-border-width-thin_19d92_63",
+  "is-border-width-medium": "_is-border-width-medium_19d92_68",
+  "is-border-width-thick": "_is-border-width-thick_19d92_73",
+  "is-border-width-xthick": "_is-border-width-xthick_19d92_78",
+  "is-border-width-xxthick": "_is-border-width-xxthick_19d92_83",
+  "is-border-width-xxxthick": "_is-border-width-xxxthick_19d92_88",
+  "dialogue-content-container": "_dialogue-content-container_19d92_94",
+  "dialogue-name": "_dialogue-name_19d92_119",
+  "dialogue-message": "_dialogue-message_19d92_120",
+  "dialogue-message-inner": "_dialogue-message-inner_19d92_147",
+  "is-left": "_is-left_19d92_150",
+  "is-right": "_is-right_19d92_192",
+  "is-border-style-solid": "_is-border-style-solid_19d92_234",
+  "is-border-style-dashed": "_is-border-style-dashed_19d92_241",
+  "is-border-style-dotted": "_is-border-style-dotted_19d92_248",
+  "is-gray": "_is-gray_19d92_255",
+  "is-red": "_is-red_19d92_277",
+  "is-orange": "_is-orange_19d92_299",
+  "is-yellow": "_is-yellow_19d92_321",
+  "is-green": "_is-green_19d92_343",
+  "is-cyan": "_is-cyan_19d92_365",
+  "is-blue": "_is-blue_19d92_387",
+  "is-violet": "_is-violet_19d92_409",
+  "is-magenta": "_is-magenta_19d92_431"
+};
+function l(i) {
+  const e = { ...i };
+  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 d = [t["dialogue-message-inner"]];
+  return d.push(...a.getUtilityClassNames(i)), i.className && d.push(i.className), i.as ? /* @__PURE__ */ s(i.as, { ...e, className: d.join(" ") }) : /* @__PURE__ */ s("div", { ...e, className: d.join(" ") });
+}
+export {
+  l as default
+};
+//# sourceMappingURL=DialogueMessageInner.js.map

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

@@ -0,0 +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): JSX.Element {\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,GAA+C;AACpF,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;"}

package/dist/components/Dialogue/DialogueMessageInnerProps.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { DivProps } from '../Div';
+export default interface DialogueMessageInnerProps extends DivProps {
+    as?: React.ElementType | undefined;
+    [key: string]: any;
+}
+//# sourceMappingURL=DialogueMessageInnerProps.d.ts.map

package/dist/components/Dialogue/DialogueMessageInnerProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogueMessageInnerProps.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueMessageInnerProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,yBAA0B,SAAQ,QAAQ;IACjE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

package/dist/components/Dialogue/DialogueMessageInnerProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=DialogueMessageInnerProps.js.map

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

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

package/dist/components/Dialogue/DialogueName.js

@@ -1,34 +1,45 @@
-import { jsx as i } from "react/jsx-runtime";
-import _ from "../../utilities/classNameUtility.js";
-import '../../assets/DialogueAvatar.css';const g = "_dialogue_1usgj_1", t = {
-  dialogue: g,
-  "dialogue-avatar-container": "_dialogue-avatar-container_1usgj_9",
-  "dialogue-content-container": "_dialogue-content-container_1usgj_10",
-  "dialogue-avatar": "_dialogue-avatar_1usgj_9",
-  "is-circle": "_is-circle_1usgj_34",
-  "dialogue-name": "_dialogue-name_1usgj_45",
-  "dialogue-message": "_dialogue-message_1usgj_46",
-  "is-avatar-right": "_is-avatar-right_1usgj_106",
-  "is-border-style-solid": "_is-border-style-solid_1usgj_134",
-  "is-border-style-dashed": "_is-border-style-dashed_1usgj_141",
-  "is-border-style-dotted": "_is-border-style-dotted_1usgj_148",
-  "is-gray": "_is-gray_1usgj_155",
-  "is-red": "_is-red_1usgj_177",
-  "is-orange": "_is-orange_1usgj_199",
-  "is-yellow": "_is-yellow_1usgj_221",
-  "is-green": "_is-green_1usgj_243",
-  "is-cyan": "_is-cyan_1usgj_265",
-  "is-blue": "_is-blue_1usgj_287",
-  "is-violet": "_is-violet_1usgj_309",
-  "is-magenta": "_is-magenta_1usgj_331"
+import { jsx as s } from "react/jsx-runtime";
+import a from "../../utilities/classNameUtility.js";
+import '../../assets/DialogueAvatar.css';const _ = "_dialogue_19d92_1", t = {
+  dialogue: _,
+  "is-avatar-small": "_is-avatar-small_19d92_29",
+  "is-avatar-large": "_is-avatar-large_19d92_34",
+  "is-avatar-circle": "_is-avatar-circle_19d92_39",
+  "dialogue-avatar-container": "_dialogue-avatar-container_19d92_51",
+  "dialogue-avatar": "_dialogue-avatar_19d92_51",
+  "is-border-width-xthin": "_is-border-width-xthin_19d92_58",
+  "is-border-width-thin": "_is-border-width-thin_19d92_63",
+  "is-border-width-medium": "_is-border-width-medium_19d92_68",
+  "is-border-width-thick": "_is-border-width-thick_19d92_73",
+  "is-border-width-xthick": "_is-border-width-xthick_19d92_78",
+  "is-border-width-xxthick": "_is-border-width-xxthick_19d92_83",
+  "is-border-width-xxxthick": "_is-border-width-xxxthick_19d92_88",
+  "dialogue-content-container": "_dialogue-content-container_19d92_94",
+  "dialogue-name": "_dialogue-name_19d92_119",
+  "dialogue-message": "_dialogue-message_19d92_120",
+  "dialogue-message-inner": "_dialogue-message-inner_19d92_147",
+  "is-left": "_is-left_19d92_150",
+  "is-right": "_is-right_19d92_192",
+  "is-border-style-solid": "_is-border-style-solid_19d92_234",
+  "is-border-style-dashed": "_is-border-style-dashed_19d92_241",
+  "is-border-style-dotted": "_is-border-style-dotted_19d92_248",
+  "is-gray": "_is-gray_19d92_255",
+  "is-red": "_is-red_19d92_277",
+  "is-orange": "_is-orange_19d92_299",
+  "is-yellow": "_is-yellow_19d92_321",
+  "is-green": "_is-green_19d92_343",
+  "is-cyan": "_is-cyan_19d92_365",
+  "is-blue": "_is-blue_19d92_387",
+  "is-violet": "_is-violet_19d92_409",
+  "is-magenta": "_is-magenta_19d92_431"
 };
-function d(s) {
-  const e = { ...s };
+function l(i) {
+  const e = { ...i };
   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-name"]];
-  return a.push(..._.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(" ") });
+  const d = [t["dialogue-name"]];
+  return d.push(...a.getUtilityClassNames(i)), i.className && d.push(i.className), i.as ? /* @__PURE__ */ s(i.as, { ...e, className: d.join(" ") }) : /* @__PURE__ */ s("div", { ...e, className: d.join(" ") });
 }
 export {
-  d as default
+  l as default
 };
 //# sourceMappingURL=DialogueName.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueName.js","sources":["../../../src/components/Dialogue/DialogueName.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport DialogueNameProps from \"./DialogueNameProps\";\r\nimport classNames from \"./DialogueName.module.scss\";\r\n\r\nexport default function DialogueName(props: DialogueNameProps): JSX.Element {\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-name\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\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":["DialogueName","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAaC,GAAuC;AACpE,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,eAAe,CAAC;AACjE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GACnDA,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":"DialogueName.js","sources":["../../../src/components/Dialogue/DialogueName.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport DialogueNameProps from \"./DialogueNameProps\";\r\nimport classNames from \"./DialogueName.module.scss\";\r\n\r\nexport default function DialogueName(props: DialogueNameProps): JSX.Element {\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-name\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\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":["DialogueName","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAaC,GAAuC;AACpE,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,eAAe,CAAC;AACjE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GACnDA,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;"}

package/dist/components/Dialogue/DialogueProps.d.ts

@@ -1,10 +1,14 @@
 import { default as React } from 'react';
-import { ColorName } from '../../common/literalTypes';
+import { BorderStyle, BorderWidth, ColorName } from '../../common/literalTypes';
 import { DivProps } from '../Div';
 export default interface DialogueProps extends DivProps {
     colorName?: ColorName;
     as?: React.ElementType | undefined;
     [key: string]: any;
-    isAvatarRight?: boolean;
+    avatarSize?: "large" | "small";
+    borderStyle?: BorderStyle;
+    borderWidth?: BorderWidth;
+    isAvatarCircle?: boolean;
+    isRight?: boolean;
 }
 //# sourceMappingURL=DialogueProps.d.ts.map

package/dist/components/Dialogue/DialogueProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueProps.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,aAAc,SAAQ,QAAQ;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"DialogueProps.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,aAAc,SAAQ,QAAQ;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/Dialogue/index.d.ts

@@ -10,4 +10,6 @@ export { default as DialogueName } from './DialogueName';
 export type { default as DialogueNameProps } from './DialogueNameProps';
 export { default as DialogueMessage } from './DialogueMessage';
 export type { default as DialogueMessageProps } from './DialogueMessageProps';
+export { default as DialogueMessageInner } from './DialogueMessageInner';
+export type { default as DialogueMessageInnerProps } from './DialogueMessageInnerProps';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Dialogue/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,YAAY,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,YAAY,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,YAAY,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,YAAY,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/components/Dialogue/index.js

@@ -1,15 +1,17 @@
 import { default as o } from "./Dialogue.js";
 import { default as r } from "./DialogueAvatarContainer.js";
 import { default as l } from "./DialogueAvatar.js";
-import { default as i } from "./DialogueContentContainer.js";
-import { default as g } from "./DialogueName.js";
-import { default as d } from "./DialogueMessage.js";
+import { default as s } from "./DialogueContentContainer.js";
+import { default as i } from "./DialogueName.js";
+import { default as n } from "./DialogueMessage.js";
+import { default as p } from "./DialogueMessageInner.js";
 export {
   o as Dialogue,
   l as DialogueAvatar,
   r as DialogueAvatarContainer,
-  i as DialogueContentContainer,
-  d as DialogueMessage,
-  g as DialogueName
+  s as DialogueContentContainer,
+  n as DialogueMessage,
+  p as DialogueMessageInner,
+  i as DialogueName
 };
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/Hamburger/Hamburger.js

@@ -1,43 +1,43 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import n from "../../utilities/classNameUtility.js";
-import '../../assets/Hamburger.css';const c = "_hamburger_1ulnc_1", i = "_crown_1ulnc_10", _ = "_upperpatty_1ulnc_11", u = "_club_1ulnc_12", o = "_lowerpatty_1ulnc_13", m = "_heel_1ulnc_14", t = {
-  hamburger: c,
-  crown: i,
-  upperpatty: _,
-  club: u,
-  lowerpatty: o,
-  heel: m,
-  "hamburger-upperpatty": "_hamburger-upperpatty_1ulnc_1",
-  "hamburger-lowerpatty": "_hamburger-lowerpatty_1ulnc_1",
-  "is-active": "_is-active_1ulnc_58",
-  "hamburger-upperpatty-is-active": "_hamburger-upperpatty-is-active_1ulnc_1",
-  "hamburger-lowerpatty-is-active": "_hamburger-lowerpatty-is-active_1ulnc_1",
-  "is-gray": "_is-gray_1ulnc_69",
-  "is-red": "_is-red_1ulnc_81",
-  "is-orange": "_is-orange_1ulnc_93",
-  "is-yellow": "_is-yellow_1ulnc_105",
-  "is-green": "_is-green_1ulnc_117",
-  "is-cyan": "_is-cyan_1ulnc_129",
-  "is-blue": "_is-blue_1ulnc_141",
-  "is-violet": "_is-violet_1ulnc_153",
-  "is-magenta": "_is-magenta_1ulnc_165"
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import o from "../../utilities/classNameUtility.js";
+import '../../assets/Hamburger.css';const l = "_hamburger_1o9h6_1", _ = "_crown_1o9h6_12", n = "_upperpatty_1o9h6_13", h = "_club_1o9h6_14", c = "_lowerpatty_1o9h6_15", u = "_heel_1o9h6_16", t = {
+  hamburger: l,
+  crown: _,
+  upperpatty: n,
+  club: h,
+  lowerpatty: c,
+  heel: u,
+  "hamburger-upperpatty": "_hamburger-upperpatty_1o9h6_1",
+  "hamburger-lowerpatty": "_hamburger-lowerpatty_1o9h6_1",
+  "is-active": "_is-active_1o9h6_60",
+  "hamburger-upperpatty-is-active": "_hamburger-upperpatty-is-active_1o9h6_1",
+  "hamburger-lowerpatty-is-active": "_hamburger-lowerpatty-is-active_1o9h6_1",
+  "is-gray": "_is-gray_1o9h6_71",
+  "is-red": "_is-red_1o9h6_83",
+  "is-orange": "_is-orange_1o9h6_95",
+  "is-yellow": "_is-yellow_1o9h6_107",
+  "is-green": "_is-green_1o9h6_119",
+  "is-cyan": "_is-cyan_1o9h6_131",
+  "is-blue": "_is-blue_1o9h6_143",
+  "is-violet": "_is-violet_1o9h6_155",
+  "is-magenta": "_is-magenta_1o9h6_167"
 };
 function g(a) {
   const e = { ...a };
   delete e.colorName, delete e.isActive, delete e.crownInner, delete e.heelInner, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
-  const l = [t.hamburger];
-  return a.colorName && l.push(t[`is-${a.colorName}`]), a.isActive && l.push(t["is-active"]), l.push(...n.getUtilityClassNames(a)), a.className && l.push(a.className), /* @__PURE__ */ s(
+  const r = [t.hamburger];
+  return a.colorName && r.push(t[`is-${a.colorName}`]), a.isActive && r.push(t["is-active"]), r.push(...o.getUtilityClassNames(a)), a.className && r.push(a.className), /* @__PURE__ */ i(
     "div",
     {
       ...e,
       role: "button",
-      className: l.join(" "),
+      className: r.join(" "),
       children: [
-        /* @__PURE__ */ r("span", { className: t.crown, children: a.crownInner }),
-        /* @__PURE__ */ r("span", { className: t.upperpatty, "aria-hidden": "true" }),
-        /* @__PURE__ */ r("span", { className: t.club, "aria-hidden": "true" }),
-        /* @__PURE__ */ r("span", { className: t.lowerpatty, "aria-hidden": "true" }),
-        /* @__PURE__ */ r("span", { className: t.heel, children: a.heelInner })
+        /* @__PURE__ */ s("span", { className: t.crown, children: a.crownInner }),
+        /* @__PURE__ */ s("span", { className: t.upperpatty, "aria-hidden": "true" }),
+        /* @__PURE__ */ s("span", { className: t.club, "aria-hidden": "true" }),
+        /* @__PURE__ */ s("span", { className: t.lowerpatty, "aria-hidden": "true" }),
+        /* @__PURE__ */ s("span", { className: t.heel, children: a.heelInner })
       ]
     }
   );

package/dist/components/Message/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAoBhE"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA+BhE"}

package/dist/components/Message/Message.js

@@ -1,7 +1,7 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import _ from "../../utilities/classNameUtility.js";
-import '../../assets/Message.css';const r = "_message_rmz28_1", i = {
-  message: r,
+import '../../assets/Message.css';const l = "_message_rmz28_1", m = {
+  message: l,
   "message-header": "_message-header_rmz28_10",
   "message-body": "_message-body_rmz28_19",
   "is-gray": "_is-gray_rmz28_26",
@@ -16,9 +16,21 @@ import '../../assets/Message.css';const r = "_message_rmz28_1", i = {
 };
 function g(s) {
   const e = { ...s };
-  delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
-  const a = [i.message];
-  return s.colorName && a.push(i[`is-${s.colorName}`]), a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), /* @__PURE__ */ m("div", { ...e, className: a.join(" ") });
+  delete e.colorName, delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
+  const a = [m.message];
+  return s.colorName && a.push(m[`is-${s.colorName}`]), a.push(..._.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(" ")
+    }
+  );
 }
 export {
   g as default

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

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../src/components/Message/Message.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Message.module.scss\";\r\nimport MessageProps from \"./MessageProps\";\r\n\r\nexport default function Message(props: MessageProps): JSX.Element {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message\"]];\r\n  props.colorName &&\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return <div {...assignedProps} className={assignedClassNames.join(\" \")} />;\r\n}\r\n"],"names":["Message","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAQC,GAAkC;AAC1D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,OAAU;AACrD,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,GAEnD,gBAAAK,EAAC,SAAK,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAC1E;"}
+{"version":3,"file":"Message.js","sources":["../../../src/components/Message/Message.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Message.module.scss\";\r\nimport MessageProps from \"./MessageProps\";\r\n\r\nexport default function Message(props: MessageProps): JSX.Element {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message\"]];\r\n  props.colorName &&\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n    />\r\n  );\r\n}\r\n"],"names":["Message","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAQC,GAAkC;AAC1D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,OAAU;AACrD,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,KACX,gBAAAK;AAAA,IAACL,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,IAAA;AAAA,EAAA,IAGxC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,IAAA;AAAA,EACxC;AAEJ;"}

package/dist/components/Message/MessageBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBody.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageBody.tsx"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAmBxE"}
+{"version":3,"file":"MessageBody.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageBody.tsx"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA4BxE"}