react-minolith 2.3.6 → 2.4.1

package/dist/components/DescriptionListItem/DescriptionListItemProps.d.ts

@@ -1,4 +1,5 @@
-import { DivProps } from '../Div';
-export default interface DescriptionListItemProps<BaseComponentColorNameType extends string> extends DivProps<BaseComponentColorNameType> {
+import { ClassAttributes, HTMLAttributes } from 'react';
+import { default as BaseDescriptionListItemProps } from './BaseDescriptionListItemProps';
+export default interface DescriptionListItemProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLDivElement>, HTMLAttributes<HTMLDivElement>, BaseDescriptionListItemProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=DescriptionListItemProps.d.ts.map

package/dist/components/DescriptionListItem/DescriptionListItemProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionListItemProps.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionListItem/DescriptionListItemProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,wBAAwB,CAC/C,0BAA0B,SAAS,MAAM,CACzC,SAAQ,QAAQ,CAAC,0BAA0B,CAAC;CAAG"}
+{"version":3,"file":"DescriptionListItemProps.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionListItem/DescriptionListItemProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,4BAA4B,MAAM,gCAAgC,CAAC;AAE/E,MAAM,CAAC,OAAO,WAAW,wBAAwB,CAC/C,0BAA0B,SAAS,MAAM,CAEzC,SACE,eAAe,CAAC,cAAc,CAAC,EAC/B,cAAc,CAAC,cAAc,CAAC,EAC9B,4BAA4B,CAAC,0BAA0B,CAAC;CAAG"}

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

@@ -3,4 +3,6 @@ export { default as DescriptionListItem } from './DescriptionListItem';
 export * from './DescriptionListItem';
 export type { default as DescriptionListItemProps } from './DescriptionListItemProps';
 export * from './DescriptionListItemProps';
+export type { default as BaseDescriptionListItemProps } from './BaseDescriptionListItemProps';
+export * from './BaseDescriptionListItemProps';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AAEtC,YAAY,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtF,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AAEtC,YAAY,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtF,cAAc,4BAA4B,CAAC;AAE3C,YAAY,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9F,cAAc,gCAAgC,CAAC"}

package/dist/components/DescriptionTerm/BaseDescriptionTermProps.d.ts

@@ -0,0 +1,4 @@
+import { BaseComponentProps } from '../../models';
+export default interface BaseDescriptionTermProps<BaseComponentColorNameType extends string> extends BaseComponentProps<BaseComponentColorNameType> {
+}
+//# sourceMappingURL=BaseDescriptionTermProps.d.ts.map

package/dist/components/DescriptionTerm/BaseDescriptionTermProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseDescriptionTermProps.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionTerm/BaseDescriptionTermProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,wBAAwB,CAC/C,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;CAAG"}

package/dist/components/DescriptionTerm/BaseDescriptionTermProps.js

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

package/dist/components/DescriptionTerm/BaseDescriptionTermProps.js.map

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

package/dist/components/DescriptionTerm/DescriptionTerm.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { ColorName } from '../../types';
+import { default as BaseDescriptionTermProps } from './BaseDescriptionTermProps';
 import { default as DescriptionTermProps } from './DescriptionTermProps';
-export default function DescriptionTerm<BaseComponentColorNameType extends string = ColorName | "rainbow">(props: DescriptionTermProps<BaseComponentColorNameType>): ReactElement;
+export default function DescriptionTerm<BaseComponentColorNameType extends string = ColorName | "rainbow", PropsType extends BaseDescriptionTermProps<BaseComponentColorNameType> = DescriptionTermProps<BaseComponentColorNameType>>(props: PropsType): ReactElement;
 //# sourceMappingURL=DescriptionTerm.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DescriptionTerm.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionTerm/DescriptionTerm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,oBAAoB,MAAM,wBAAwB,CAAC;AAE/D,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,oBAAoB,CAAC,0BAA0B,CAAC,GAAG,YAAY,CAsCvE"}
+{"version":3,"file":"DescriptionTerm.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionTerm/DescriptionTerm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,wBAAwB,MAAM,4BAA4B,CAAC;AAEvE,OAAO,KAAK,oBAAoB,MAAM,wBAAwB,CAAC;AAE/D,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,wBAAwB,CAAC,0BAA0B,CAAC,GACpE,oBAAoB,CAAC,0BAA0B,CAAC,EAClD,KAAK,EAAE,SAAS,GAAG,YAAY,CAmDhC"}

package/dist/components/DescriptionTerm/DescriptionTerm.js

@@ -1,31 +1,36 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import n from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/DescriptionDetails.css';const o = {
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import l from "../../utilities/classNameUtility/classNameUtility.js";
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/DescriptionDetails.css';const n = {
   "description-term": "_description-term_1mwb7_27"
 };
 function g(s) {
-  const e = { ...s };
-  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
-  const t = [o["description-term"]], i = n.getUtilityClassNames(s);
-  i && t.push(...i), s.className && t.push(s.className);
-  const a = m.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ l(
+  const e = {
+    ...s,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    className: void 0,
+    css: void 0,
+    as: void 0
+  };
+  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
+  const i = [n["description-term"]], t = l.getUtilityClassNames(s);
+  t && i.push(...t), s.className && i.push(s.className);
+  const o = d.getEmotionCss(s);
+  return s.as ? /* @__PURE__ */ a(
     s.as,
     {
       ...e,
-      className: t.join(" "),
-      css: a
+      className: i.join(" "),
+      css: o
     }
-  ) : /* @__PURE__ */ l(
-    "dt",
-    {
-      ...e,
-      className: t.join(" "),
-      css: a
-    }
-  );
+  ) : /* @__PURE__ */ a("dt", { ...e, className: i.join(" "), css: o });
 }
 export {
   g as default

package/dist/components/DescriptionTerm/DescriptionTerm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionTerm.js","sources":["../../../src/components/DescriptionTerm/DescriptionTerm.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./DescriptionTerm.module.scss\";\r\nimport type DescriptionTermProps from \"./DescriptionTermProps\";\r\n\r\nexport default function DescriptionTerm<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: DescriptionTermProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames = [classNames[\"description-term\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <dt\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DescriptionTerm","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAEtBC,GAAuE;AACvE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAE3B,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAAqB,CAACC,EAAW,kBAAkB,CAAC,GAEpDC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAMC,EAAoB,cAA0CP,CAAK;AAE/E,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DescriptionTerm.js","sources":["../../../src/components/DescriptionTerm/DescriptionTerm.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseDescriptionTermProps from \"./BaseDescriptionTermProps\";\r\nimport classNames from \"./DescriptionTerm.module.scss\";\r\nimport type DescriptionTermProps from \"./DescriptionTermProps\";\r\n\r\nexport default function DescriptionTerm<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseDescriptionTermProps<BaseComponentColorNameType> =\r\n    DescriptionTermProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"description-term\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css =\r\n    emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <dt {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["DescriptionTerm","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,kBAAkB,CAAC,GAEpDC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IACJC,EAAoB,cAA0CP,CAAK;AAErE,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE,EAAC,MAAA,EAAI,GAAGP,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAI,GAAU;AAE9E;"}

package/dist/components/DescriptionTerm/DescriptionTermProps.d.ts

@@ -1,5 +1,5 @@
 import { ClassAttributes, HTMLAttributes } from 'react';
-import { BaseComponentProps } from '../../models';
-export default interface DescriptionTermProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLElement>, HTMLAttributes<HTMLElement>, BaseComponentProps<BaseComponentColorNameType> {
+import { default as BaseDescriptionTermProps } from './BaseDescriptionTermProps';
+export default interface DescriptionTermProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLElement>, HTMLAttributes<HTMLElement>, BaseDescriptionTermProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=DescriptionTermProps.d.ts.map

package/dist/components/DescriptionTerm/DescriptionTermProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionTermProps.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionTerm/DescriptionTermProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,oBAAoB,CAC3C,0BAA0B,SAAS,MAAM,CACzC,SACE,eAAe,CAAC,WAAW,CAAC,EAC5B,cAAc,CAAC,WAAW,CAAC,EAC3B,kBAAkB,CAAC,0BAA0B,CAAC;CAAG"}
+{"version":3,"file":"DescriptionTermProps.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionTerm/DescriptionTermProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,wBAAwB,MAAM,4BAA4B,CAAC;AAEvE,MAAM,CAAC,OAAO,WAAW,oBAAoB,CAC3C,0BAA0B,SAAS,MAAM,CACzC,SACE,eAAe,CAAC,WAAW,CAAC,EAC5B,cAAc,CAAC,WAAW,CAAC,EAC3B,wBAAwB,CAAC,0BAA0B,CAAC;CAAG"}

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

@@ -3,4 +3,6 @@ export { default as DescriptionTerm } from './DescriptionTerm';
 export * from './DescriptionTerm';
 export type { default as DescriptionTermProps } from './DescriptionTermProps';
 export * from './DescriptionTermProps';
+export type { default as BaseDescriptionTermProps } from './BaseDescriptionTermProps';
+export * from './BaseDescriptionTermProps';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionTerm/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,mBAAmB,CAAC;AAElC,YAAY,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionTerm/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,mBAAmB,CAAC;AAElC,YAAY,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,cAAc,wBAAwB,CAAC;AAEvC,YAAY,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtF,cAAc,4BAA4B,CAAC"}

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

@@ -0,0 +1,12 @@
+import { Property } from 'csstype';
+import { BaseComponentProps } from '../../models';
+import { BorderWidth, ColorName, SemanticColorName } from '../../types';
+export default interface BaseDialogueProps<BaseComponentColorNameType extends string> extends BaseComponentProps<BaseComponentColorNameType> {
+    colorName?: ColorName | SemanticColorName;
+    avatarSize?: Property.Width;
+    borderStyle?: Property.BorderStyle;
+    borderWidth?: BorderWidth;
+    isAvatarCircle?: boolean;
+    isRight?: boolean;
+}
+//# sourceMappingURL=BaseDialogueProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseDialogueProps.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/BaseDialogueProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE7E,MAAM,CAAC,OAAO,WAAW,iBAAiB,CACxC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,UAAU,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC5B,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/Dialogue/BaseDialogueProps.js

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

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

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

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

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { ColorName } from '../../types';
+import { default as BaseDialogueProps } from './BaseDialogueProps';
 import { default as DialogueProps } from './DialogueProps';
-export default function Dialogue<BaseComponentColorNameType extends string = ColorName | "rainbow">(props: DialogueProps<BaseComponentColorNameType>): ReactElement;
+export default function Dialogue<BaseComponentColorNameType extends string = ColorName | "rainbow", PropsType extends BaseDialogueProps<BaseComponentColorNameType> = DialogueProps<BaseComponentColorNameType>>(props: PropsType): ReactElement;
 //# sourceMappingURL=Dialogue.d.ts.map

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":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,aAAa,CAAC,0BAA0B,CAAC,GAAG,YAAY,CAiGhE"}
+{"version":3,"file":"Dialogue.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/Dialogue.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,iBAAiB,MAAM,qBAAqB,CAAC;AAEzD,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,iBAAiB,CAAC,0BAA0B,CAAC,GAC7D,aAAa,CAAC,0BAA0B,CAAC,EAC3C,KAAK,EAAE,SAAS,GAAG,YAAY,CAoHhC"}

package/dist/components/Dialogue/Dialogue.js

@@ -2,8 +2,8 @@
 import { jsx as t } from "@emotion/react/jsx-runtime";
 import g from "../../utilities/classNameUtility/classNameUtility.js";
 import h from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Dialogue.css';const u = "_dialogue_1pze3_1", i = {
-  dialogue: u,
+import '../../assets/Dialogue.css';const v = "_dialogue_1pze3_1", a = {
+  dialogue: v,
   "is-avatar-circle": "_is-avatar-circle_1pze3_92",
   "dialogue-avatar-container": "_dialogue-avatar-container_1pze3_105",
   "dialogue-avatar": "_dialogue-avatar_1pze3_105",
@@ -16,12 +16,24 @@ import '../../assets/Dialogue.css';const u = "_dialogue_1pze3_1", i = {
   "is-right": "_is-right_1pze3_225"
 };
 function _(o) {
-  const e = { ...o };
-  delete e.colorName, delete e.avatarSize, delete e.borderStyle, delete e.borderWidth, delete e.isRight, delete e.isAvatarCircle, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
-  const a = [i.dialogue];
-  o.isRight ? a.push(i["is-right"]) : a.push(i["is-left"]), o.isAvatarCircle && a.push(i["is-avatar-circle"]);
+  const e = {
+    ...o,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    className: void 0,
+    css: void 0,
+    as: void 0
+  };
+  delete e.colorName, delete e.avatarSize, delete e.borderStyle, delete e.borderWidth, delete e.isRight, delete e.isAvatarCircle, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
+  const i = [a.dialogue];
+  o.isRight ? i.push(a["is-right"]) : i.push(a["is-left"]), o.isAvatarCircle && i.push(a["is-avatar-circle"]);
   const l = g.getUtilityClassNames(o);
-  l && a.push(...l), o.className && a.push(o.className);
+  l && i.push(...l), o.className && i.push(o.className);
   const c = o.colorName ? {
     "--minolith-dialogue-color-fore": `var(--minolith-color-${o.colorName}-dialogue-fore, var(--minolith-color-${o.colorName}-fore))`,
     "--minolith-dialogue-color-back": `var(--minolith-color-${o.colorName}-dialogue-back, var(--minolith-color-${o.colorName}-back))`,
@@ -36,30 +48,33 @@ function _(o) {
     "--minolith-dialogue-message-color-fore": `var(--minolith-color-${o.colorName}-dialogue-message-fore, var(--minolith-color-${o.colorName}-fore))`,
     "--minolith-dialogue-message-color-back": `var(--minolith-color-${o.colorName}-dialogue-message-back, var(--minolith-color-${o.colorName}-back))`,
     "--minolith-dialogue-message-color-border": `var(--minolith-color-${o.colorName}-dialogue-message-border, var(--minolith-color-${o.colorName}-border))`
-  } : void 0, m = o.avatarSize ? {
+  } : void 0, d = o.avatarSize ? {
     "--minolith-dialogue-avatar-size": o.avatarSize
-  } : void 0, d = o.borderStyle ? {
+  } : void 0, m = o.borderStyle ? {
     "--minolith-dialogue-border-style": o.borderStyle
   } : void 0, n = o.borderWidth ? {
     "--minolith-dialogue-border-width": `var(--minolith-border-width-${o.borderWidth})`
   } : void 0, s = {
     ...c,
-    ...m,
     ...d,
+    ...m,
     ...n
-  }, r = h.getEmotionCss(o, s);
+  }, r = h.getEmotionCss(
+    o,
+    s
+  );
   return o.as ? /* @__PURE__ */ t(
     o.as,
     {
       ...e,
-      className: a.join(" "),
+      className: i.join(" "),
       css: r
     }
   ) : /* @__PURE__ */ t(
     "div",
     {
       ...e,
-      className: a.join(" "),
+      className: i.join(" "),
       css: r
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"Dialogue.js","sources":["../../../src/components/Dialogue/Dialogue.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Dialogue.module.scss\";\r\nimport type DialogueProps from \"./DialogueProps\";\r\n\r\nexport default function Dialogue<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: DialogueProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"avatarSize\"];\r\n  delete assignedProps[\"borderStyle\"];\r\n  delete assignedProps[\"borderWidth\"];\r\n  delete assignedProps[\"isRight\"];\r\n  delete assignedProps[\"isAvatarCircle\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames = [classNames[\"dialogue\"]];\r\n\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\r\n  if (props.isAvatarCircle) {\r\n    assignedClassNames.push(classNames[`is-avatar-circle`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-dialogue-color-fore\"]: `var(--minolith-color-${props.colorName}-dialogue-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-dialogue-color-back\"]: `var(--minolith-color-${props.colorName}-dialogue-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-dialogue-color-border\"]: `var(--minolith-color-${props.colorName}-dialogue-border, var(--minolith-color-${props.colorName}-border))`,\r\n        [\"--minolith-dialogue-selection-color-fore\"]: `var(--minolith-color-${props.colorName}-dialogue-selection-fore, var(--minolith-color-${props.colorName}-selection-fore))`,\r\n        [\"--minolith-dialogue-selection-color-back\"]: `var(--minolith-color-${props.colorName}-dialogue-selection-back, var(--minolith-color-${props.colorName}-selection-back))`,\r\n        [\"--minolith-dialogue-avatar-color-back\"]: `var(--minolith-color-${props.colorName}-dialogue-avatar-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-dialogue-avatar-color-border\"]: `var(--minolith-color-${props.colorName}-dialogue-avatar-border, var(--minolith-color-${props.colorName}-border))`,\r\n        [\"--minolith-dialogue-name-color-fore\"]: `var(--minolith-color-${props.colorName}-dialogue-name-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-dialogue-name-color-back\"]: `var(--minolith-color-${props.colorName}-dialogue-name-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-dialogue-name-color-border\"]: `var(--minolith-color-${props.colorName}-dialogue-name-border, var(--minolith-color-${props.colorName}-border))`,\r\n        [\"--minolith-dialogue-message-color-fore\"]: `var(--minolith-color-${props.colorName}-dialogue-message-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-dialogue-message-color-back\"]: `var(--minolith-color-${props.colorName}-dialogue-message-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-dialogue-message-color-border\"]: `var(--minolith-color-${props.colorName}-dialogue-message-border, var(--minolith-color-${props.colorName}-border))`,\r\n      }\r\n    : undefined;\r\n\r\n  const avatarSizeCss: Interpolation<Theme> = props.avatarSize\r\n    ? {\r\n        [\"--minolith-dialogue-avatar-size\"]: props.avatarSize,\r\n      }\r\n    : undefined;\r\n\r\n  const borderStyleCss: Interpolation<Theme> = props.borderStyle\r\n    ? {\r\n        [\"--minolith-dialogue-border-style\"]: props.borderStyle,\r\n      }\r\n    : undefined;\r\n\r\n  const borderWidthCss: Interpolation<Theme> = props.borderWidth\r\n    ? {\r\n        [\"--minolith-dialogue-border-width\"]: `var(--minolith-border-width-${props.borderWidth})`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n    ...avatarSizeCss,\r\n    ...borderStyleCss,\r\n    ...borderWidthCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Dialogue","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorNameCss","avatarSizeCss","borderStyleCss","borderWidthCss","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;AASA,SAAwBA,EAEtBC,GAAgE;AAChE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,YACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,gBAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAAqB,CAACC,EAAW,QAAW;AAElD,EAAIH,EAAM,UACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,IAE9CD,EAAmB,KAAKC,EAAW,SAAS,CAAC,GAG3CH,EAAM,kBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC;AAGxD,QAAMC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAqCN,EAAM,YAC7C;AAAA,IACG,kCAAmC,wBAAwBA,EAAM,SAAS,wCAAwCA,EAAM,SAAS;AAAA,IACjI,kCAAmC,wBAAwBA,EAAM,SAAS,wCAAwCA,EAAM,SAAS;AAAA,IACjI,oCAAqC,wBAAwBA,EAAM,SAAS,0CAA0CA,EAAM,SAAS;AAAA,IACrI,4CAA6C,wBAAwBA,EAAM,SAAS,kDAAkDA,EAAM,SAAS;AAAA,IACrJ,4CAA6C,wBAAwBA,EAAM,SAAS,kDAAkDA,EAAM,SAAS;AAAA,IACrJ,yCAA0C,wBAAwBA,EAAM,SAAS,+CAA+CA,EAAM,SAAS;AAAA,IAC/I,2CAA4C,wBAAwBA,EAAM,SAAS,iDAAiDA,EAAM,SAAS;AAAA,IACnJ,uCAAwC,wBAAwBA,EAAM,SAAS,6CAA6CA,EAAM,SAAS;AAAA,IAC3I,uCAAwC,wBAAwBA,EAAM,SAAS,6CAA6CA,EAAM,SAAS;AAAA,IAC3I,yCAA0C,wBAAwBA,EAAM,SAAS,+CAA+CA,EAAM,SAAS;AAAA,IAC/I,0CAA2C,wBAAwBA,EAAM,SAAS,gDAAgDA,EAAM,SAAS;AAAA,IACjJ,0CAA2C,wBAAwBA,EAAM,SAAS,gDAAgDA,EAAM,SAAS;AAAA,IACjJ,4CAA6C,wBAAwBA,EAAM,SAAS,kDAAkDA,EAAM,SAAS;AAAA,EAAA,IAExJ,QAEEO,IAAsCP,EAAM,aAC9C;AAAA,IACG,mCAAoCA,EAAM;AAAA,EAAA,IAE7C,QAEEQ,IAAuCR,EAAM,cAC/C;AAAA,IACG,oCAAqCA,EAAM;AAAA,EAAA,IAE9C,QAEES,IAAuCT,EAAM,cAC/C;AAAA,IACG,oCAAqC,+BAA+BA,EAAM,WAAW;AAAA,EAAA,IAExF,QAEEU,IAAc;AAAA,IAClB,GAAGJ;AAAA,IACH,GAAGC;AAAA,IACH,GAAGC;AAAA,IACH,GAAGC;AAAA,EAAA,GAGCE,IAAMC,EAAoB,cAA0CZ,GAAOU,CAAW;AAE5F,SAAOV,EAAM,KACX,gBAAAa;AAAA,IAACb,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAS;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGZ;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAS;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Dialogue.js","sources":["../../../src/components/Dialogue/Dialogue.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseDialogueProps from \"./BaseDialogueProps\";\r\nimport classNames from \"./Dialogue.module.scss\";\r\nimport type DialogueProps from \"./DialogueProps\";\r\n\r\nexport default function Dialogue<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseDialogueProps<BaseComponentColorNameType> =\r\n    DialogueProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"avatarSize\"];\r\n  delete assignedProps[\"borderStyle\"];\r\n  delete assignedProps[\"borderWidth\"];\r\n  delete assignedProps[\"isRight\"];\r\n  delete assignedProps[\"isAvatarCircle\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"dialogue\"]];\r\n\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\r\n  if (props.isAvatarCircle) {\r\n    assignedClassNames.push(classNames[`is-avatar-circle`]);\r\n  }\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-dialogue-color-fore\"]: `var(--minolith-color-${props.colorName}-dialogue-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-dialogue-color-back\"]: `var(--minolith-color-${props.colorName}-dialogue-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-dialogue-color-border\"]: `var(--minolith-color-${props.colorName}-dialogue-border, var(--minolith-color-${props.colorName}-border))`,\r\n        [\"--minolith-dialogue-selection-color-fore\"]: `var(--minolith-color-${props.colorName}-dialogue-selection-fore, var(--minolith-color-${props.colorName}-selection-fore))`,\r\n        [\"--minolith-dialogue-selection-color-back\"]: `var(--minolith-color-${props.colorName}-dialogue-selection-back, var(--minolith-color-${props.colorName}-selection-back))`,\r\n        [\"--minolith-dialogue-avatar-color-back\"]: `var(--minolith-color-${props.colorName}-dialogue-avatar-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-dialogue-avatar-color-border\"]: `var(--minolith-color-${props.colorName}-dialogue-avatar-border, var(--minolith-color-${props.colorName}-border))`,\r\n        [\"--minolith-dialogue-name-color-fore\"]: `var(--minolith-color-${props.colorName}-dialogue-name-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-dialogue-name-color-back\"]: `var(--minolith-color-${props.colorName}-dialogue-name-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-dialogue-name-color-border\"]: `var(--minolith-color-${props.colorName}-dialogue-name-border, var(--minolith-color-${props.colorName}-border))`,\r\n        [\"--minolith-dialogue-message-color-fore\"]: `var(--minolith-color-${props.colorName}-dialogue-message-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-dialogue-message-color-back\"]: `var(--minolith-color-${props.colorName}-dialogue-message-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-dialogue-message-color-border\"]: `var(--minolith-color-${props.colorName}-dialogue-message-border, var(--minolith-color-${props.colorName}-border))`,\r\n      }\r\n    : undefined;\r\n\r\n  const avatarSizeCss: Interpolation<Theme> = props.avatarSize\r\n    ? {\r\n        [\"--minolith-dialogue-avatar-size\"]: props.avatarSize,\r\n      }\r\n    : undefined;\r\n\r\n  const borderStyleCss: Interpolation<Theme> = props.borderStyle\r\n    ? {\r\n        [\"--minolith-dialogue-border-style\"]: props.borderStyle,\r\n      }\r\n    : undefined;\r\n\r\n  const borderWidthCss: Interpolation<Theme> = props.borderWidth\r\n    ? {\r\n        [\"--minolith-dialogue-border-width\"]: `var(--minolith-border-width-${props.borderWidth})`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n    ...avatarSizeCss,\r\n    ...borderStyleCss,\r\n    ...borderWidthCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\r\n    props,\r\n    optionalCss,\r\n  );\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Dialogue","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorNameCss","avatarSizeCss","borderStyleCss","borderWidthCss","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WACrB,OAAOA,EAAc,YACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,gBAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,QAAW;AAElD,EAAIH,EAAM,UACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,IAE9CD,EAAmB,KAAKC,EAAW,SAAS,CAAC,GAG3CH,EAAM,kBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC;AAGxD,QAAMC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAqCN,EAAM,YAC7C;AAAA,IACG,kCAAmC,wBAAwBA,EAAM,SAAS,wCAAwCA,EAAM,SAAS;AAAA,IACjI,kCAAmC,wBAAwBA,EAAM,SAAS,wCAAwCA,EAAM,SAAS;AAAA,IACjI,oCAAqC,wBAAwBA,EAAM,SAAS,0CAA0CA,EAAM,SAAS;AAAA,IACrI,4CAA6C,wBAAwBA,EAAM,SAAS,kDAAkDA,EAAM,SAAS;AAAA,IACrJ,4CAA6C,wBAAwBA,EAAM,SAAS,kDAAkDA,EAAM,SAAS;AAAA,IACrJ,yCAA0C,wBAAwBA,EAAM,SAAS,+CAA+CA,EAAM,SAAS;AAAA,IAC/I,2CAA4C,wBAAwBA,EAAM,SAAS,iDAAiDA,EAAM,SAAS;AAAA,IACnJ,uCAAwC,wBAAwBA,EAAM,SAAS,6CAA6CA,EAAM,SAAS;AAAA,IAC3I,uCAAwC,wBAAwBA,EAAM,SAAS,6CAA6CA,EAAM,SAAS;AAAA,IAC3I,yCAA0C,wBAAwBA,EAAM,SAAS,+CAA+CA,EAAM,SAAS;AAAA,IAC/I,0CAA2C,wBAAwBA,EAAM,SAAS,gDAAgDA,EAAM,SAAS;AAAA,IACjJ,0CAA2C,wBAAwBA,EAAM,SAAS,gDAAgDA,EAAM,SAAS;AAAA,IACjJ,4CAA6C,wBAAwBA,EAAM,SAAS,kDAAkDA,EAAM,SAAS;AAAA,EAAA,IAExJ,QAEEO,IAAsCP,EAAM,aAC9C;AAAA,IACG,mCAAoCA,EAAM;AAAA,EAAA,IAE7C,QAEEQ,IAAuCR,EAAM,cAC/C;AAAA,IACG,oCAAqCA,EAAM;AAAA,EAAA,IAE9C,QAEES,IAAuCT,EAAM,cAC/C;AAAA,IACG,oCAAqC,+BAA+BA,EAAM,WAAW;AAAA,EAAA,IAExF,QAEEU,IAAc;AAAA,IAClB,GAAGJ;AAAA,IACH,GAAGC;AAAA,IACH,GAAGC;AAAA,IACH,GAAGC;AAAA,EAAA,GAGCE,IAAMC,EAAoB;AAAA,IAC9BZ;AAAA,IACAU;AAAA,EAAA;AAGF,SAAOV,EAAM,KACX,gBAAAa;AAAA,IAACb,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAS;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGZ;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAS;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -6,7 +6,7 @@ declare const meta: {
     tags: string[];
     argTypes: {
         colorName: {
-            control: "text";
+            control: string;
         };
     };
 };

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

@@ -1,12 +1,5 @@
-import { BorderWidth, ColorName, SemanticColorName } from '../../types';
-import { DivProps } from '../Div';
-import { Property } from 'csstype';
-export default interface DialogueProps<BaseComponentColorNameType extends string> extends DivProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
-    avatarSize?: Property.Width;
-    borderStyle?: Property.BorderStyle;
-    borderWidth?: BorderWidth;
-    isAvatarCircle?: boolean;
-    isRight?: boolean;
+import { ClassAttributes, HTMLAttributes } from 'react';
+import { default as BaseDialogueProps } from './BaseDialogueProps';
+export default interface DialogueProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLDivElement>, HTMLAttributes<HTMLDivElement>, BaseDialogueProps<BaseComponentColorNameType> {
 }
 //# 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,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,aAAa,CACpC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,QAAQ,CAAC,0BAA0B,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,UAAU,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC5B,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"DialogueProps.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,iBAAiB,MAAM,qBAAqB,CAAC;AAEzD,MAAM,CAAC,OAAO,WAAW,aAAa,CACpC,0BAA0B,SAAS,MAAM,CAEzC,SACE,eAAe,CAAC,cAAc,CAAC,EAC/B,cAAc,CAAC,cAAc,CAAC,EAC9B,iBAAiB,CAAC,0BAA0B,CAAC;CAAG"}

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

@@ -3,4 +3,6 @@ export { default as Dialogue } from './Dialogue';
 export * from './Dialogue';
 export type { default as DialogueProps } from './DialogueProps';
 export * from './DialogueProps';
+export type { default as BaseDialogueProps } from './BaseDialogueProps';
+export * from './BaseDialogueProps';
 //# 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,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,cAAc,iBAAiB,CAAC;AAEhC,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxE,cAAc,qBAAqB,CAAC"}

package/dist/components/DialogueAvatar/BaseDialogueAvatarProps.d.ts

@@ -0,0 +1,5 @@
+import { BaseComponentProps } from '../../models';
+export default interface BaseDialogueAvatarProps<BaseComponentColorNameType extends string> extends BaseComponentProps<BaseComponentColorNameType> {
+    hasBorder?: boolean;
+}
+//# sourceMappingURL=BaseDialogueAvatarProps.d.ts.map

package/dist/components/DialogueAvatar/BaseDialogueAvatarProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseDialogueAvatarProps.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueAvatar/BaseDialogueAvatarProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,uBAAuB,CAC9C,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/DialogueAvatar/BaseDialogueAvatarProps.js

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

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

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

package/dist/components/DialogueAvatar/DialogueAvatar.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { ColorName } from '../../types';
+import { default as BaseDialogueAvatarProps } from './BaseDialogueAvatarProps';
 import { default as DialogueAvatarProps } from './DialogueAvatarProps';
-export default function DialogueAvatar<BaseComponentColorNameType extends string = ColorName | "rainbow">(props: DialogueAvatarProps<BaseComponentColorNameType>): ReactElement;
+export default function DialogueAvatar<BaseComponentColorNameType extends string = ColorName | "rainbow", PropsType extends BaseDialogueAvatarProps<BaseComponentColorNameType> = DialogueAvatarProps<BaseComponentColorNameType>>(props: PropsType): ReactElement;
 //# sourceMappingURL=DialogueAvatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueAvatar/DialogueAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,mBAAmB,CAAC,0BAA0B,CAAC,GAAG,YAAY,CA0CtE"}
+{"version":3,"file":"DialogueAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueAvatar/DialogueAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,uBAAuB,MAAM,2BAA2B,CAAC;AAErE,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,uBAAuB,CAAC,0BAA0B,CAAC,GACnE,mBAAmB,CAAC,0BAA0B,CAAC,EACjD,KAAK,EAAE,SAAS,GAAG,YAAY,CA0DhC"}

package/dist/components/DialogueAvatar/DialogueAvatar.js

@@ -1,30 +1,42 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
+import { jsx as o } from "@emotion/react/jsx-runtime";
 import d from "../../utilities/classNameUtility/classNameUtility.js";
 import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Dialogue.css';const o = {
+import '../../assets/Dialogue.css';const l = {
   "dialogue-avatar": "_dialogue-avatar_1pze3_105",
   "has-border": "_has-border_1pze3_137"
 };
 function g(s) {
-  const e = { ...s };
-  delete e.hasBorder, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
-  const a = [o["dialogue-avatar"]], t = d.getUtilityClassNames(s);
-  t && a.push(...t), s.className && a.push(s.className), s.hasBorder && a.push(o["has-border"]);
-  const i = r.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ l(
+  const e = {
+    ...s,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    className: void 0,
+    css: void 0,
+    as: void 0
+  };
+  delete e.hasBorder, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
+  const a = [l["dialogue-avatar"]], i = d.getUtilityClassNames(s);
+  i && a.push(...i), s.className && a.push(s.className), s.hasBorder && a.push(l["has-border"]);
+  const t = r.getEmotionCss(s);
+  return s.as ? /* @__PURE__ */ o(
     s.as,
     {
       ...e,
       className: a.join(" "),
-      css: i
+      css: t
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ o(
     "img",
     {
       ...e,
       className: a.join(" "),
-      css: i
+      css: t
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueAvatar.js","sources":["../../../src/components/DialogueAvatar/DialogueAvatar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./DialogueAvatar.module.scss\";\r\nimport type DialogueAvatarProps from \"./DialogueAvatarProps\";\r\n\r\nexport default function DialogueAvatar<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: DialogueAvatarProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"hasBorder\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"dialogue-avatar\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  if (props.hasBorder) {\r\n    assignedClassNames.push(classNames[\"has-border\"]);\r\n  }\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <img\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueAvatar","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;AAQA,SAAwBA,EAEtBC,GAAsE;AACtE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,iBAAiB,CAAC,GAE7DC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS,GAErCA,EAAM,aACRE,EAAmB,KAAKC,EAAW,YAAY,CAAC;AAElD,QAAMG,IAAMC,EAAoB,cAA0CP,CAAK;AAE/E,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DialogueAvatar.js","sources":["../../../src/components/DialogueAvatar/DialogueAvatar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseDialogueAvatarProps from \"./BaseDialogueAvatarProps\";\r\nimport classNames from \"./DialogueAvatar.module.scss\";\r\nimport type DialogueAvatarProps from \"./DialogueAvatarProps\";\r\n\r\nexport default function DialogueAvatar<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseDialogueAvatarProps<BaseComponentColorNameType> =\r\n    DialogueAvatarProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"hasBorder\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"dialogue-avatar\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  if (props.hasBorder) {\r\n    assignedClassNames.push(classNames[\"has-border\"]);\r\n  }\r\n  const css =\r\n    emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <img\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueAvatar","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,iBAAiB,CAAC,GAE7DC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS,GAErCA,EAAM,aACRE,EAAmB,KAAKC,EAAW,YAAY,CAAC;AAElD,QAAMG,IACJC,EAAoB,cAA0CP,CAAK;AAErE,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,6 +1,5 @@
 import { ClassAttributes, ImgHTMLAttributes } from 'react';
-import { BaseComponentProps } from '../../react-minolith';
-export default interface DialogueAvatarProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLImageElement>, ImgHTMLAttributes<HTMLImageElement>, BaseComponentProps<BaseComponentColorNameType> {
-    hasBorder?: boolean;
+import { default as BaseDialogueAvatarProps } from './BaseDialogueAvatarProps';
+export default interface DialogueAvatarProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLImageElement>, ImgHTMLAttributes<HTMLImageElement>, BaseDialogueAvatarProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=DialogueAvatarProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueAvatarProps.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueAvatar/DialogueAvatarProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,CAAC,OAAO,WAAW,mBAAmB,CAAC,0BAA0B,SAAS,MAAM,CACpF,SACE,eAAe,CAAC,gBAAgB,CAAC,EACjC,iBAAiB,CAAC,gBAAgB,CAAC,EACnC,kBAAkB,CAAC,0BAA0B,CAAC;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"DialogueAvatarProps.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueAvatar/DialogueAvatarProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,uBAAuB,MAAM,2BAA2B,CAAC;AAErE,MAAM,CAAC,OAAO,WAAW,mBAAmB,CAC1C,0BAA0B,SAAS,MAAM,CAEzC,SACE,eAAe,CAAC,gBAAgB,CAAC,EACjC,iBAAiB,CAAC,gBAAgB,CAAC,EACnC,uBAAuB,CAAC,0BAA0B,CAAC;CAAG"}

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

@@ -3,4 +3,6 @@ export { default as DialogueAvatar } from './DialogueAvatar';
 export * from './DialogueAvatar';
 export type { default as DialogueAvatarProps } from './DialogueAvatarProps';
 export * from './DialogueAvatarProps';
+export type { default as BaseDialogueAvatarProps } from './BaseDialogueAvatarProps';
+export * from './BaseDialogueAvatarProps';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueAvatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AAEjC,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueAvatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AAEjC,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,cAAc,uBAAuB,CAAC;AAEtC,YAAY,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpF,cAAc,2BAA2B,CAAC"}

package/dist/components/DialogueAvatarContainer/BaseDialogueAvatarContainerProps.d.ts

@@ -0,0 +1,4 @@
+import { BaseComponentProps } from '../../models';
+export default interface BaseDialogueAvatarContainerProps<BaseComponentColorNameType extends string> extends BaseComponentProps<BaseComponentColorNameType> {
+}
+//# sourceMappingURL=BaseDialogueAvatarContainerProps.d.ts.map

package/dist/components/DialogueAvatarContainer/BaseDialogueAvatarContainerProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseDialogueAvatarContainerProps.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueAvatarContainer/BaseDialogueAvatarContainerProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,gCAAgC,CACvD,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;CAAG"}

package/dist/components/DialogueAvatarContainer/BaseDialogueAvatarContainerProps.js

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

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

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

package/dist/components/DialogueAvatarContainer/DialogueAvatarContainer.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { ColorName } from '../../types';
 import { default as DialogueAvatarContainerProps } from './DialogueAvatarContainerProps';
-export default function DialogueAvatarContainer<BaseComponentColorNameType extends string = ColorName | "rainbow">(props: DialogueAvatarContainerProps<BaseComponentColorNameType>): ReactElement;
+import { default as BaseDialogueAvatarContainerProps } from './BaseDialogueAvatarContainerProps';
+export default function DialogueAvatarContainer<BaseComponentColorNameType extends string = ColorName | "rainbow", PropsType extends BaseDialogueAvatarContainerProps<BaseComponentColorNameType> = DialogueAvatarContainerProps<BaseComponentColorNameType>>(props: PropsType): ReactElement;
 //# sourceMappingURL=DialogueAvatarContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueAvatarContainer.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueAvatarContainer/DialogueAvatarContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,4BAA4B,MAAM,gCAAgC,CAAC;AAE/E,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,4BAA4B,CAAC,0BAA0B,CAAC,GAAG,YAAY,CAuC/E"}
+{"version":3,"file":"DialogueAvatarContainer.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueAvatarContainer/DialogueAvatarContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,4BAA4B,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,gCAAgC,MAAM,oCAAoC,CAAC;AAEvF,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SACP,gCAAgC,CAAC,0BAA0B,CAAC,GAC5D,4BAA4B,CAAC,0BAA0B,CAAC,EAC1D,KAAK,EAAE,SAAS,GAAG,YAAY,CAyDhC"}