react-minolith 0.0.10 → 0.0.11

package/dist/base/Minolith/Minolith.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Minolith.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/Minolith.tsx"],"names":[],"mappings":"AAEA,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAUpD"}
+{"version":3,"file":"Minolith.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/Minolith.tsx"],"names":[],"mappings":"AAEA,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAYpD"}

package/dist/base/Minolith/Minolith.js

@@ -1,12 +1,13 @@
-import { jsx as r, Fragment as i } from "react/jsx-runtime";
-import t from "../MinolithCssVariableStylesProvider/MinolithCssVariableStylesProvider.js";
-import l from "../Tabula/Tabula.js";
-import '../../assets/Minolith.css';function c(e) {
-  return /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(
-    t,
+import { jsx as e, Fragment as r } from "react/jsx-runtime";
+import a from "../MinolithCssVariableStylesProvider/MinolithCssVariableStylesProvider.js";
+import s from "../Tabula/Tabula.js";
+import '../../assets/Minolith.css';function c(i) {
+  const t = { ...i };
+  return delete t.cssVariableSetting, /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+    a,
     {
-      cssVariableSetting: e.cssVariableSetting,
-      children: /* @__PURE__ */ r(l, { colorScheme: e.colorScheme, children: e.children })
+      cssVariableSetting: i.cssVariableSetting,
+      children: /* @__PURE__ */ e(s, { ...t })
     }
   ) });
 }

package/dist/base/Minolith/Minolith.js.map

@@ -1 +1 @@
-{"version":3,"file":"Minolith.js","sources":["../../../src/base/Minolith/Minolith.tsx"],"sourcesContent":["import MinolithCssVariableStylesProvider from \"../MinolithCssVariableStylesProvider/MinolithCssVariableStylesProvider\";\r\nimport { Tabula } from \"../Tabula\";\r\nimport \"./Minolith.scss\";\r\nimport MinolithProps from \"./MinolithProps\";\r\n\r\nexport default function Minolith(props: MinolithProps) {\r\n  return (\r\n    <>\r\n      <MinolithCssVariableStylesProvider\r\n        cssVariableSetting={props.cssVariableSetting}\r\n      >\r\n        <Tabula colorScheme={props.colorScheme}>{props.children}</Tabula>\r\n      </MinolithCssVariableStylesProvider>\r\n    </>\r\n  );\r\n}\r\n"],"names":["Minolith","props","jsx","Fragment","MinolithCssVariableStylesProvider","Tabula"],"mappings":";;;AAKA,SAAwBA,EAASC,GAAsB;AACrD,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,oBAAoBH,EAAM;AAAA,MAE1B,4BAACI,GAAO,EAAA,aAAaJ,EAAM,aAAc,YAAM,SAAS,CAAA;AAAA,IAAA;AAAA,EAAA,GAE5D;AAEJ;"}
+{"version":3,"file":"Minolith.js","sources":["../../../src/base/Minolith/Minolith.tsx"],"sourcesContent":["import MinolithCssVariableStylesProvider from \"../MinolithCssVariableStylesProvider/MinolithCssVariableStylesProvider\";\r\nimport { Tabula } from \"../Tabula\";\r\nimport \"./Minolith.scss\";\r\nimport MinolithProps from \"./MinolithProps\";\r\n\r\nexport default function Minolith(props: MinolithProps) {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"cssVariableSetting\"];\r\n  return (\r\n    <>\r\n      <MinolithCssVariableStylesProvider\r\n        cssVariableSetting={props.cssVariableSetting}\r\n      >\r\n        <Tabula {...assignedProps} />\r\n      </MinolithCssVariableStylesProvider>\r\n    </>\r\n  );\r\n}\r\n"],"names":["Minolith","props","assignedProps","jsx","Fragment","MinolithCssVariableStylesProvider","Tabula"],"mappings":";;;AAKA,SAAwBA,EAASC,GAAsB;AAC/C,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,gBAAOC,EAAc,oBAGjB,gBAAAC,EAAAC,GAAA,EAAA,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,oBAAoBJ,EAAM;AAAA,MAE1B,UAAA,gBAAAE,EAACG,GAAQ,EAAA,GAAGJ,EAAe,CAAA;AAAA,IAAA;AAAA,EAAA,GAE/B;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Minolith.stories.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/Minolith.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAUlC,QAAA,MAAM,IAAI;;;;;CAKuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoCnC,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}
+{"version":3,"file":"Minolith.stories.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/Minolith.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;AAoCnC,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}

package/dist/base/Minolith/MinolithProps.d.ts

@@ -1,8 +1,6 @@
-import { ColorScheme } from '../../common/literalTypes';
 import { MinolithCssVariable } from '../../common/models';
-import { PropsWithChildren } from 'react';
-export default interface MinolithProps extends PropsWithChildren {
-    colorScheme?: ColorScheme;
+import { TabulaProps } from '../Tabula';
+export default interface MinolithProps extends TabulaProps {
     cssVariableSetting?: MinolithCssVariable;
 }
 //# sourceMappingURL=MinolithProps.d.ts.map

package/dist/base/Minolith/MinolithProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MinolithProps.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/MinolithProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,OAAO,WAAW,aAAc,SAAQ,iBAAiB;IAC9D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;CAC1C"}
+{"version":3,"file":"MinolithProps.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/MinolithProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,aAAc,SAAQ,WAAW;IACxD,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;CAC1C"}

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

@@ -1 +1 @@
-{"version":3,"file":"MinolithStatic.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"names":[],"mappings":"AAEA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAUhE"}
+{"version":3,"file":"MinolithStatic.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"names":[],"mappings":"AAEA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAYhE"}

package/dist/base/MinolithStatic/MinolithStatic.js

@@ -1,16 +1,17 @@
-import { jsx as e, Fragment as r } from "react/jsx-runtime";
-import t from "../MinolithCssVariableStylesProviderStatic/MinolithCssVariableStylesProviderStatic.js";
-import l from "../Tabula/Tabula.js";
-import '../../assets/Minolith.css';function n(i) {
-  return /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-    t,
+import { jsx as t, Fragment as r } from "react/jsx-runtime";
+import a from "../MinolithCssVariableStylesProviderStatic/MinolithCssVariableStylesProviderStatic.js";
+import s from "../Tabula/Tabula.js";
+import '../../assets/Minolith.css';function c(i) {
+  const e = { ...i };
+  return delete e.cssVariableSetting, /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(
+    a,
     {
       cssVariableSetting: i.cssVariableSetting,
-      children: /* @__PURE__ */ e(l, { colorScheme: i.colorScheme, children: i.children })
+      children: /* @__PURE__ */ t(s, { ...e })
     }
   ) });
 }
 export {
-  n as default
+  c as default
 };
 //# sourceMappingURL=MinolithStatic.js.map

package/dist/base/MinolithStatic/MinolithStatic.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinolithStatic.js","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"sourcesContent":["import MinolithCssVariableStylesProviderStatic from \"../MinolithCssVariableStylesProviderStatic/MinolithCssVariableStylesProviderStatic\";\r\nimport { Tabula } from \"../Tabula\";\r\nimport \"./MinolithStatic.scss\";\r\nimport MinolithStaticProps from \"./MinolithStaticProps\";\r\n\r\nexport default function MinolithStatic(props: MinolithStaticProps) {\r\n  return (\r\n    <>\r\n      <MinolithCssVariableStylesProviderStatic\r\n        cssVariableSetting={props.cssVariableSetting}\r\n      >\r\n        <Tabula colorScheme={props.colorScheme}>{props.children}</Tabula>\r\n      </MinolithCssVariableStylesProviderStatic>\r\n    </>\r\n  );\r\n}\r\n"],"names":["MinolithStatic","props","jsx","Fragment","MinolithCssVariableStylesProviderStatic","Tabula"],"mappings":";;;AAKA,SAAwBA,EAAeC,GAA4B;AACjE,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,oBAAoBH,EAAM;AAAA,MAE1B,4BAACI,GAAO,EAAA,aAAaJ,EAAM,aAAc,YAAM,SAAS,CAAA;AAAA,IAAA;AAAA,EAAA,GAE5D;AAEJ;"}
+{"version":3,"file":"MinolithStatic.js","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"sourcesContent":["import MinolithCssVariableStylesProviderStatic from \"../MinolithCssVariableStylesProviderStatic/MinolithCssVariableStylesProviderStatic\";\r\nimport { Tabula } from \"../Tabula\";\r\nimport \"./MinolithStatic.scss\";\r\nimport MinolithStaticProps from \"./MinolithStaticProps\";\r\n\r\nexport default function MinolithStatic(props: MinolithStaticProps) {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"cssVariableSetting\"];\r\n  return (\r\n    <>\r\n      <MinolithCssVariableStylesProviderStatic\r\n        cssVariableSetting={props.cssVariableSetting}\r\n      >\r\n        <Tabula {...assignedProps} />\r\n      </MinolithCssVariableStylesProviderStatic>\r\n    </>\r\n  );\r\n}\r\n"],"names":["MinolithStatic","props","assignedProps","jsx","Fragment","MinolithCssVariableStylesProviderStatic","Tabula"],"mappings":";;;AAKA,SAAwBA,EAAeC,GAA4B;AAC3D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,gBAAOC,EAAc,oBAGjB,gBAAAC,EAAAC,GAAA,EAAA,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,oBAAoBJ,EAAM;AAAA,MAE1B,UAAA,gBAAAE,EAACG,GAAQ,EAAA,GAAGJ,EAAe,CAAA;AAAA,IAAA;AAAA,EAAA,GAE/B;AAEJ;"}

package/dist/base/MinolithStatic/MinolithStaticProps.d.ts

@@ -1,8 +1,6 @@
-import { ColorScheme } from '../../common/literalTypes';
 import { MinolithCssVariable } from '../../common/models';
-import { PropsWithChildren } from 'react';
-export default interface MinolithStaticProps extends PropsWithChildren {
-    colorScheme?: ColorScheme;
+import { TabulaProps } from '../Tabula';
+export default interface MinolithStaticProps extends TabulaProps {
     cssVariableSetting?: MinolithCssVariable;
 }
 //# sourceMappingURL=MinolithStaticProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MinolithStaticProps.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStaticProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,OAAO,WAAW,mBAAoB,SAAQ,iBAAiB;IACpE,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;CAC1C"}
+{"version":3,"file":"MinolithStaticProps.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStaticProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,mBAAoB,SAAQ,WAAW;IAC9D,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;CAC1C"}

package/dist/base/Tabula/Tabula.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabula.d.ts","sourceRoot":"","sources":["../../../src/base/Tabula/Tabula.tsx"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAMhD"}
+{"version":3,"file":"Tabula.d.ts","sourceRoot":"","sources":["../../../src/base/Tabula/Tabula.tsx"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CA+BhD"}

package/dist/base/Tabula/Tabula.js

@@ -1,11 +1,29 @@
-import { jsx as l } from "react/jsx-runtime";
-import '../../assets/Tabula.css';const t = "_tabula_1xvm1_1", c = {
-  tabula: t
+import { jsx as t } from "react/jsx-runtime";
+import l from "../../utilities/classNameUtility.js";
+import '../../assets/Tabula.css';const c = "_tabula_1xvm1_1", i = {
+  tabula: c
 };
-function o(a) {
-  return /* @__PURE__ */ l("div", { className: c.tabula, "data-color-scheme": a.colorScheme, children: a.children });
+function d(a) {
+  const e = { ...a };
+  delete e.colorScheme, 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 = [i.tabula];
+  return s.push(...l.getUtilityClassNames(a)), a.className && s.push(a.className), a.as ? /* @__PURE__ */ t(
+    a.as,
+    {
+      ...e,
+      "data-color-scheme": a.colorScheme,
+      className: s.join(" ")
+    }
+  ) : /* @__PURE__ */ t(
+    "div",
+    {
+      ...e,
+      "data-color-scheme": a.colorScheme,
+      className: s.join(" ")
+    }
+  );
 }
 export {
-  o as default
+  d as default
 };
 //# sourceMappingURL=Tabula.js.map

package/dist/base/Tabula/Tabula.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabula.js","sources":["../../../src/base/Tabula/Tabula.tsx"],"sourcesContent":["import classNames from \"./Tabula.module.scss\";\nimport TabulaProps from \"./TabulaProps\";\n\nexport default function Tabula(props: TabulaProps) {\n  return (\n    <div className={classNames.tabula} data-color-scheme={props.colorScheme}>\n      {props.children}\n    </div>\n  );\n}\n"],"names":["Tabula","props","jsx","classNames"],"mappings":";;;;AAGA,SAAwBA,EAAOC,GAAoB;AAE/C,SAAA,gBAAAC,EAAC,SAAI,WAAWC,EAAW,QAAQ,qBAAmBF,EAAM,aACzD,UAAAA,EAAM,SACT,CAAA;AAEJ;"}
+{"version":3,"file":"Tabula.js","sources":["../../../src/base/Tabula/Tabula.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Tabula.module.scss\";\r\nimport TabulaProps from \"./TabulaProps\";\r\n\r\nexport default function Tabula(props: TabulaProps) {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorScheme\"];\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"tabula\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      data-color-scheme={props.colorScheme}\r\n      className={assignedClassNames.join(\" \")}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      data-color-scheme={props.colorScheme}\r\n      className={assignedClassNames.join(\" \")}\r\n    />\r\n  );\r\n}\r\n"],"names":["Tabula","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;AAIA,SAAwBA,EAAOC,GAAoB;AAC3C,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,aACrB,OAAOA,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS;AAChD,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACX,gBAAAK;AAAA,IAACL,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,qBAAmBD,EAAM;AAAA,MACzB,WAAWE,EAAmB,KAAK,GAAG;AAAA,IAAA;AAAA,EAAA,IAGxC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,qBAAmBD,EAAM;AAAA,MACzB,WAAWE,EAAmB,KAAK,GAAG;AAAA,IAAA;AAAA,EACxC;AAEJ;"}

package/dist/base/Tabula/TabulaProps.d.ts

@@ -1,6 +1,8 @@
 import { ColorScheme } from '../../common/literalTypes';
-import { PropsWithChildren } from 'react';
-export default interface TabulaProps extends PropsWithChildren {
+import { DivProps } from '../../react-minolith';
+export default interface TabulaProps extends DivProps {
+    as?: React.ElementType | undefined;
     colorScheme?: ColorScheme;
+    [key: string]: any;
 }
 //# sourceMappingURL=TabulaProps.d.ts.map

package/dist/base/Tabula/TabulaProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabulaProps.d.ts","sourceRoot":"","sources":["../../../src/base/Tabula/TabulaProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,OAAO,WAAW,WAAY,SAAQ,iBAAiB;IAC5D,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B"}
+{"version":3,"file":"TabulaProps.d.ts","sourceRoot":"","sources":["../../../src/base/Tabula/TabulaProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,WAAW,WAAY,SAAQ,QAAQ;IACnD,EAAE,CAAC,EACC,KAAK,CAAC,WAAW,GACjB,SAAS,CAAC;IACd,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

package/dist/components/Accordion/AccordionDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionDetails.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,KAAK,EAAE,qBAAqB,GAC3B,GAAG,CAAC,OAAO,CAiBb"}
+{"version":3,"file":"AccordionDetails.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,KAAK,EAAE,qBAAqB,GAC3B,GAAG,CAAC,OAAO,CAsBb"}

package/dist/components/Accordion/AccordionDetails.js

@@ -21,13 +21,13 @@ import '../../assets/Accordion.css';const m = "_check_mhmuc_1", a = "_chevron_mh
   "is-disabled": "_is-disabled_mhmuc_149",
   "accordion-details": "_accordion-details_mhmuc_153"
 };
-function r(s) {
+function l(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.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
   const c = [n["accordion-details"]];
-  return c.push(..._.getUtilityClassNames(s)), s.className && c.push(s.className), /* @__PURE__ */ i("div", { ...e, className: c.join(" ") });
+  return c.push(..._.getUtilityClassNames(s)), s.className && c.push(s.className), s.as ? /* @__PURE__ */ i(s.as, { ...e, className: c.join(" ") }) : /* @__PURE__ */ i("div", { ...e, className: c.join(" ") });
 }
 export {
-  r as default
+  l as default
 };
 //# sourceMappingURL=AccordionDetails.js.map

package/dist/components/Accordion/AccordionDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionDetails.js","sources":["../../../src/components/Accordion/AccordionDetails.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./AccordionDetails.module.scss\";\r\nimport AccordionDetailsProps from \"./AccordionDetailsProps\";\r\n\r\nexport default function AccordionDetails(\r\n  props: AccordionDetailsProps,\r\n): JSX.Element {\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  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"accordion-details\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return <div {...assignedProps} className={assignedClassNames.join(\" \")} />;\r\n}\r\n"],"names":["AccordionDetails","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EACtBC,GACa;AACP,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AAEjC,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,mBAAmB,CAAC;AAC3D,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnD,gBAAAK,EAAC,SAAK,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAC1E;"}
+{"version":3,"file":"AccordionDetails.js","sources":["../../../src/components/Accordion/AccordionDetails.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./AccordionDetails.module.scss\";\r\nimport AccordionDetailsProps from \"./AccordionDetailsProps\";\r\n\r\nexport default function AccordionDetails(\r\n  props: AccordionDetailsProps,\r\n): 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 = [classNames[\"accordion-details\"]];\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":["AccordionDetails","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EACtBC,GACa;AACP,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,mBAAmB,CAAC;AAC3D,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/Accordion/AccordionDetailsProps.d.ts

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

package/dist/components/Accordion/AccordionDetailsProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionDetailsProps.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionDetailsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,qBAAsB,SAAQ,QAAQ;CAC9D"}
+{"version":3,"file":"AccordionDetailsProps.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionDetailsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,qBAAsB,SAAQ,QAAQ;IAC7D,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

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,CAwB9E"}
+{"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"}

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  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,GACnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"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;"}

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

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

package/dist/components/Message/Message.js

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

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

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

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

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

package/dist/components/Message/MessageBody.js

@@ -16,9 +16,21 @@ import '../../assets/Message.css';const m = "_message_rmz28_1", r = {
 };
 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.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
   const a = [r["message-body"]];
-  return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), /* @__PURE__ */ i("div", { ...e, className: a.join(" ") });
+  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(" ")
+    }
+  );
 }
 export {
   g as default

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

@@ -1 +1 @@
-{"version":3,"file":"MessageBody.js","sources":["../../../src/components/Message/MessageBody.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./MessageBody.module.scss\";\r\nimport MessageBodyProps from \"./MessageBodyProps\";\r\n\r\nexport default function MessageBody(props: MessageBodyProps): JSX.Element {\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  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message-body\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["MessageBody","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAYC,GAAsC;AAClE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AAEjC,SAAOC,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,cAAc,CAAC;AAChE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAGxD,gBAAAK,EAAC,SAAK,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"MessageBody.js","sources":["../../../src/components/Message/MessageBody.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./MessageBody.module.scss\";\r\nimport MessageBodyProps from \"./MessageBodyProps\";\r\n\r\nexport default function MessageBody(props: MessageBodyProps): 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[\"message-body\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n    />\r\n  );\r\n}\r\n"],"names":["MessageBody","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAYC,GAAsC;AAClE,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,cAAc,CAAC;AAChE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACX,gBAAAK;AAAA,IAACL,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,IAAA;AAAA,EAAA,IAGxC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,IAAA;AAAA,EACxC;AAEJ;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MessageBodyProps.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageBodyProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,gBAAiB,SAAQ,QAAQ;CAAG"}
+{"version":3,"file":"MessageBodyProps.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageBodyProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,gBAAiB,SAAQ,QAAQ;IACxD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"MessageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAmB5E"}
+{"version":3,"file":"MessageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA4B5E"}

package/dist/components/Message/MessageHeader.js

@@ -16,9 +16,21 @@ import '../../assets/Message.css';const m = "_message_rmz28_1", r = {
 };
 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.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
   const a = [r["message-header"]];
-  return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), /* @__PURE__ */ i("div", { ...e, className: a.join(" ") });
+  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(" ")
+    }
+  );
 }
 export {
   g as default

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

@@ -1 +1 @@
-{"version":3,"file":"MessageHeader.js","sources":["../../../src/components/Message/MessageHeader.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./MessageHeader.module.scss\";\r\nimport MessageHeaderProps from \"./MessageHeaderProps\";\r\n\r\nexport default function MessageHeader(props: MessageHeaderProps): JSX.Element {\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  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message-header\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["MessageHeader","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAcC,GAAwC;AACtE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AAEjC,SAAOC,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,gBAAgB,CAAC;AAClE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAGxD,gBAAAK,EAAC,SAAK,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"MessageHeader.js","sources":["../../../src/components/Message/MessageHeader.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./MessageHeader.module.scss\";\r\nimport MessageHeaderProps from \"./MessageHeaderProps\";\r\n\r\nexport default function MessageHeader(props: MessageHeaderProps): 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[\"message-header\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n    />\r\n  );\r\n}\r\n"],"names":["MessageHeader","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAcC,GAAwC;AACtE,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,gBAAgB,CAAC;AAClE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACX,gBAAAK;AAAA,IAACL,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,IAAA;AAAA,EAAA,IAGxC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,IAAA;AAAA,EACxC;AAEJ;"}

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

@@ -1,4 +1,6 @@
-import { BaseComponentProps } from '../../common/models';
-export default interface MessageHeaderProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BaseComponentProps {
+import { DivProps } from '../Div';
+export default interface MessageHeaderProps extends DivProps {
+    as?: React.ElementType | undefined;
+    [key: string]: any;
 }
 //# sourceMappingURL=MessageHeaderProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageHeaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageHeaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,CAAC,OAAO,WAAW,kBACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC7B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,CACf,EAAE,kBAAkB;CACtB"}
+{"version":3,"file":"MessageHeaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageHeaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,kBAAmB,SAAQ,QAAQ;IAC1D,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

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

@@ -2,5 +2,7 @@ import { ColorName } from '../../common/literalTypes';
 import { DivProps } from '../Div';
 export default interface MessageProps extends DivProps {
     colorName?: ColorName;
+    as?: React.ElementType | undefined;
+    [key: string]: any;
 }
 //# sourceMappingURL=MessageProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageProps.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,YAAa,SAAQ,QAAQ;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"MessageProps.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,YAAa,SAAQ,QAAQ;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-minolith",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "type": "module",
   "main": "./dist/react-minolith.js",
   "types": "./dist/react-minolith.d.ts",