react-minolith 0.0.11 → 0.0.13

package/dist/base/MinolithStatic/MinolithStatic.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MinolithStatic.stories.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStatic.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AA2C9C,QAAA,MAAM,IAAI;;;;;CAK6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAklBnC,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}
+{"version":3,"file":"MinolithStatic.stories.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStatic.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AA6C9C,QAAA,MAAM,IAAI;;;;;CAK6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAuoBnC,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC"}

package/dist/common/models/ComponentsCssVariable.d.ts

@@ -0,0 +1,24 @@
+import { FontSize } from '../literalTypes';
+export default interface ComponentsCssVariable {
+    button?: {
+        paddingX?: `${number}rem`;
+        paddingY?: `${number}rem`;
+    };
+    dialogue?: {
+        avatarSizeDefault?: `${number}rem`;
+        avatarSizeSmall?: `${number}rem`;
+        avatarSizeLarge?: `${number}rem`;
+        avatarTopOffset?: `${number}rem`;
+        nameFontSize?: `${number}rem` | FontSize;
+        namePaddingX?: `${number}rem`;
+        namePaddingY?: `${number}rem`;
+        messageArrowWidth?: `${number}rem`;
+        messageArrowHeight?: `${number}rem`;
+        messageInnerPaddingX?: `${number}rem`;
+        messageInnerPaddingY?: `${number}rem`;
+    };
+    heading?: {
+        fontFamily?: string;
+    };
+}
+//# sourceMappingURL=ComponentsCssVariable.d.ts.map

package/dist/common/models/ComponentsCssVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentsCssVariable.d.ts","sourceRoot":"","sources":["../../../src/common/models/ComponentsCssVariable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,CAAC,OAAO,WAAW,qBAAqB;IAC5C,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;QAC1B,QAAQ,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;KAC3B,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,iBAAiB,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;QACnC,eAAe,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;QACjC,eAAe,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;QACjC,eAAe,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;QACjC,YAAY,CAAC,EAAE,GAAG,MAAM,KAAK,GAAG,QAAQ,CAAC;QACzC,YAAY,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;QAC9B,YAAY,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;QAC9B,iBAAiB,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;QACnC,kBAAkB,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;QACpC,oBAAoB,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;QACtC,oBAAoB,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;KACvC,CAAC;IACF,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAA;CACF"}

package/dist/common/models/ComponentsCssVariable.js

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

package/dist/common/models/ComponentsCssVariable.js.map

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

package/dist/common/models/MinolithCssVariable.d.ts

@@ -1,6 +1,7 @@
 import { default as AnimationCssVariable } from './AnimationCssVariable';
 import { default as BorderCssVariable } from './BorderCssVariable';
 import { default as ColorCssVariable } from './ColorCssVariable';
+import { default as ComponentsCssVariable } from './ComponentsCssVariable';
 import { default as MiscellaneousCssVariable } from './MiscellaneousCssVariable';
 import { default as TypographyCssVariable } from './TypographyCssVariable';
 export default interface MinolithCssVariable {
@@ -9,5 +10,6 @@ export default interface MinolithCssVariable {
     color?: ColorCssVariable | undefined;
     miscellaneous?: MiscellaneousCssVariable | undefined;
     typography?: TypographyCssVariable | undefined;
+    components?: ComponentsCssVariable | undefined;
 }
 //# sourceMappingURL=MinolithCssVariable.d.ts.map

package/dist/common/models/MinolithCssVariable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MinolithCssVariable.d.ts","sourceRoot":"","sources":["../../../src/common/models/MinolithCssVariable.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,CAAC,OAAO,WAAW,mBAAmB;IAC1C,SAAS,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;IAC7C,MAAM,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACvC,KAAK,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACrD,UAAU,CAAC,EAAE,qBAAqB,GAAG,SAAS,CAAC;CAChD"}
+{"version":3,"file":"MinolithCssVariable.d.ts","sourceRoot":"","sources":["../../../src/common/models/MinolithCssVariable.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,CAAC,OAAO,WAAW,mBAAmB;IAC1C,SAAS,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;IAC7C,MAAM,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACvC,KAAK,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACrD,UAAU,CAAC,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC/C,UAAU,CAAC,EAAE,qBAAqB,GAAG,SAAS,CAAC;CAChD"}

package/dist/components/Badge/Badge.js

@@ -1,30 +1,30 @@
-import { jsx as a } from "react/jsx-runtime";
-import _ from "../../utilities/classNameUtility.js";
-import '../../assets/Badge.css';const c = "_badge_1ljkc_1", i = {
+import { jsx as _ } from "react/jsx-runtime";
+import l from "../../utilities/classNameUtility.js";
+import '../../assets/Badge.css';const c = "_badge_1ac02_1", i = {
   badge: c,
-  "is-small": "_is-small_1ljkc_15",
-  "is-gray": "_is-gray_1ljkc_20",
-  "is-red": "_is-red_1ljkc_25",
-  "is-orange": "_is-orange_1ljkc_30",
-  "is-yellow": "_is-yellow_1ljkc_35",
-  "is-green": "_is-green_1ljkc_40",
-  "is-cyan": "_is-cyan_1ljkc_45",
-  "is-blue": "_is-blue_1ljkc_50",
-  "is-violet": "_is-violet_1ljkc_55",
-  "is-magenta": "_is-magenta_1ljkc_60",
-  "is-clickable": "_is-clickable_1ljkc_65",
-  "is-focus": "_is-focus_1ljkc_69",
-  "is-focused": "_is-focused_1ljkc_69",
-  "is-hovered": "_is-hovered_1ljkc_74",
-  "is-active": "_is-active_1ljkc_79",
-  "is-disabled": "_is-disabled_1ljkc_85",
-  "is-hover": "_is-hover_1ljkc_74"
+  "is-small": "_is-small_1ac02_15",
+  "is-gray": "_is-gray_1ac02_20",
+  "is-red": "_is-red_1ac02_25",
+  "is-orange": "_is-orange_1ac02_30",
+  "is-yellow": "_is-yellow_1ac02_35",
+  "is-green": "_is-green_1ac02_40",
+  "is-cyan": "_is-cyan_1ac02_45",
+  "is-blue": "_is-blue_1ac02_50",
+  "is-violet": "_is-violet_1ac02_55",
+  "is-magenta": "_is-magenta_1ac02_60",
+  "is-clickable": "_is-clickable_1ac02_65",
+  "is-focus": "_is-focus_1ac02_70",
+  "is-focused": "_is-focused_1ac02_70",
+  "is-hovered": "_is-hovered_1ac02_75",
+  "is-active": "_is-active_1ac02_80",
+  "is-disabled": "_is-disabled_1ac02_86",
+  "is-hover": "_is-hover_1ac02_75"
 };
 function o(s) {
   const e = { ...s };
   delete e.colorName, delete e.isSmall, 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 l = [i.badge];
-  return s.colorName && l.push(i[`is-${s.colorName}`]), s.isSmall && l.push(i["is-small"]), l.push(..._.getUtilityClassNames(s)), s.className && l.push(s.className), s.as ? /* @__PURE__ */ a(s.as, { ...e, className: l.join(" ") }) : /* @__PURE__ */ a("span", { ...e, className: l.join(" ") });
+  const a = [i.badge];
+  return s.colorName && a.push(i[`is-${s.colorName}`]), s.isSmall && a.push(i["is-small"]), a.push(...l.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ _(s.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ _("span", { ...e, className: a.join(" ") });
 }
 export {
   o as default

package/dist/components/Button/Button.js

@@ -1,32 +1,32 @@
-import { jsx as _ } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import a from "../../utilities/classNameUtility.js";
-import '../../assets/Button.css';const t = "_button_wdley_1", l = {
+import '../../assets/Button.css';const t = "_button_116r7_1", _ = {
   button: t,
-  "is-circle": "_is-circle_wdley_20",
-  "is-small": "_is-small_wdley_28",
-  "is-large": "_is-large_wdley_35",
-  "is-xlarge": "_is-xlarge_wdley_42",
-  "is-hovered": "_is-hovered_wdley_49",
-  "is-focus": "_is-focus_wdley_55",
-  "is-focused": "_is-focused_wdley_55",
-  "is-active": "_is-active_wdley_61",
-  "is-disabled": "_is-disabled_wdley_67",
-  "is-gray": "_is-gray_wdley_72",
-  "is-hover": "_is-hover_wdley_49",
-  "is-red": "_is-red_wdley_98",
-  "is-orange": "_is-orange_wdley_124",
-  "is-yellow": "_is-yellow_wdley_150",
-  "is-green": "_is-green_wdley_176",
-  "is-cyan": "_is-cyan_wdley_202",
-  "is-blue": "_is-blue_wdley_228",
-  "is-violet": "_is-violet_wdley_254",
-  "is-magenta": "_is-magenta_wdley_280"
+  "is-circle": "_is-circle_116r7_19",
+  "is-small": "_is-small_116r7_27",
+  "is-large": "_is-large_116r7_34",
+  "is-xlarge": "_is-xlarge_116r7_41",
+  "is-hovered": "_is-hovered_116r7_48",
+  "is-focus": "_is-focus_116r7_54",
+  "is-focused": "_is-focused_116r7_54",
+  "is-active": "_is-active_116r7_60",
+  "is-disabled": "_is-disabled_116r7_66",
+  "is-gray": "_is-gray_116r7_71",
+  "is-hover": "_is-hover_116r7_48",
+  "is-red": "_is-red_116r7_97",
+  "is-orange": "_is-orange_116r7_123",
+  "is-yellow": "_is-yellow_116r7_149",
+  "is-green": "_is-green_116r7_175",
+  "is-cyan": "_is-cyan_116r7_201",
+  "is-blue": "_is-blue_116r7_227",
+  "is-violet": "_is-violet_116r7_253",
+  "is-magenta": "_is-magenta_116r7_279"
 };
 function n(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 i = [l.button];
-  return s.colorName && i.push(l[`is-${s.colorName}`]), i.push(...a.getUtilityClassNames(s)), s.className && i.push(s.className), /* @__PURE__ */ _("button", { ...e, className: i.join(" ") });
+  const i = [_.button];
+  return s.colorName && i.push(_[`is-${s.colorName}`]), i.push(...a.getUtilityClassNames(s)), s.className && i.push(s.className), /* @__PURE__ */ r("button", { ...e, className: i.join(" ") });
 }
 export {
   n as default

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,GAAG,CAAC,OAAO,CA4BlE"}
+{"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,GAAG,CAAC,OAAO,CA8ClE"}

package/dist/components/Dialogue/Dialogue.js

@@ -1,34 +1,45 @@
-import { jsx as t } from "react/jsx-runtime";
-import _ from "../../utilities/classNameUtility.js";
-import '../../assets/DialogueAvatar.css';const g = "_dialogue_1usgj_1", i = {
-  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 t from "../../utilities/classNameUtility.js";
+import '../../assets/DialogueAvatar.css';const r = "_dialogue_19d92_1", a = {
+  dialogue: r,
+  "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 };
-  delete e.as, delete e.colorName, delete e.isAvatarRight, 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];
-  return s.colorName && a.push(i[`is-${s.colorName}`]), s.isAvatarRight && a.push(i["is-avatar-right"]), a.push(..._.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(" ") });
+function o(e) {
+  const i = { ...e };
+  delete i.as, delete i.colorName, delete i.avatarSize, delete i.borderStyle, delete i.borderWidth, delete i.isRight, delete i.isAvatarCircle, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing;
+  const d = [a.dialogue];
+  return e.colorName && d.push(a[`is-${e.colorName}`]), e.isRight ? d.push(a["is-right"]) : d.push(a["is-left"]), e.avatarSize && d.push(a[`is-avatar-size-${e.avatarSize}`]), e.borderStyle && d.push(a[`is-border-style-${e.borderStyle}`]), e.borderWidth && d.push(a[`is-border-width-${e.borderWidth}`]), e.isAvatarCircle && d.push(a["is-avatar-circle"]), d.push(...t.getUtilityClassNames(e)), e.className && d.push(e.className), e.as ? /* @__PURE__ */ s(e.as, { ...i, className: d.join(" ") }) : /* @__PURE__ */ s("div", { ...i, className: d.join(" ") });
 }
 export {
-  d as default
+  o 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): JSX.Element {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isAvatarRight\"];\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  props.isAvatarRight &&\r\n    assignedClassNames.push(classNames[`is-avatar-right`]);\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,GAAmC;AAC5D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,eAErB,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,GAC7DA,EAAM,iBACJE,EAAmB,KAAKC,EAAW,iBAAiB,CAAC,GACvDD,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 } from \"../../utilities\";\r\nimport classNames from \"./Dialogue.module.scss\";\r\nimport DialogueProps from \"./DialogueProps\";\r\n\r\nexport default function Dialogue(props: DialogueProps): JSX.Element {\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,GAAmC;AAC5D,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;"}

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

@@ -9,6 +9,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Plain: Story;
-export declare const IsAvatarRight: Story;
-export declare const AvatarCircle: Story;
+export declare const IsRight: Story;
 //# sourceMappingURL=Dialogue.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialogue.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/Dialogue.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AASlC,QAAA,MAAM,IAAI;;;;;CAMuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAqB1B,CAAC"}
+{"version":3,"file":"Dialogue.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/Dialogue.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAWlC,QAAA,MAAM,IAAI;;;;;CAKuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAWnC,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC"}

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,GAAG,CAAC,OAAO,CAyB9E"}
+{"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,GAAG,CAAC,OAAO,CAsB9E"}

package/dist/components/Dialogue/DialogueAvatar.js

@@ -1,11 +1,11 @@
-import { jsx as i } from "react/jsx-runtime";
-import l from "../../utilities/classNameUtility.js";
-import { c as t } from "../../DialogueAvatar.module-uqGI3dA2.js";
-function n(s) {
-  const e = { ...s };
-  delete e.as, delete e.isCircle, 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-avatar"]];
-  return s.isCircle && a.push(t["is-circle"]), a.push(...l.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ i(s.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ i("img", { ...e, className: a.join(" ") });
+import { jsx as t } from "react/jsx-runtime";
+import i from "../../utilities/classNameUtility.js";
+import { c as l } from "../../DialogueAvatar.module-DZkzrwXx.js";
+function n(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(" ") });
 }
 export {
   n as default

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): JSX.Element {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  delete assignedProps[\"isCircle\"];\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  props.isCircle &&\r\n    assignedClassNames.push(classNames[`is-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    <img {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["DialogueAvatar","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;AAIA,SAAwBA,EAAeC,GAAyC;AACxE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IACrB,OAAOA,EAAc,UAErB,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,SAAAH,EAAM,YACJE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GACjDD,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 } from \"../../utilities\";\r\nimport DialogueAvatarProps from \"./DialogueAvatarProps\";\r\nimport classNames from \"./DialogueAvatar.module.scss\";\r\n\r\nexport default function DialogueAvatar(props: DialogueAvatarProps): 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-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,GAAyC;AACxE,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;"}

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