react-minolith 0.0.9 → 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/dist/utilities/classNameUtility.js

@@ -1,7 +1,7 @@
 function h(i) {
   const e = [], t = (o, a, l, c) => {
     l && e.push(
-      `${o}${c ? `-${c}` : ""}${a === "default" ? "" : `-${a}`}-${l.name}-${l.lightness}`
+      `${o}${c ? `-${c}` : ""}${a === "default" ? "" : `-${a}`}-${l.name}-${l.lightness === 5 ? "05" : l.lightness}`
     );
   };
   if (i.fore) {

package/dist/utilities/classNameUtility.js.map

@@ -1 +1 @@
-{"version":3,"file":"classNameUtility.js","sources":["../../src/utilities/classNameUtility.ts"],"sourcesContent":["import BaseComponentProps from \"../common/models/BaseComponentProps\";\r\nimport { BorderDetailProps, ColorAttributes } from \"../common/literalTypes\";\r\n\r\nfunction getUtilityClassNames(props: BaseComponentProps): string[] {\r\n  const assignedClassNames: string[] = [];\r\n  const assignStateColor = (\r\n    name: string,\r\n    stateStr: string,\r\n    state?: ColorAttributes,\r\n    colorScheme?: string\r\n  ) => {\r\n    state &&\r\n      assignedClassNames.push(\r\n        `${name}${colorScheme ? `-${colorScheme}` : \"\"}${\r\n          stateStr === \"default\" ? \"\" : `-${stateStr}`\r\n        }-${state.name}-${state.lightness}`\r\n      );\r\n  };\r\n\r\n  if (props.fore) {\r\n    if (props.fore.color) {\r\n      assignStateColor(\"forecolor\", \"default\", props.fore.color.default);\r\n      assignStateColor(\"forecolor\", \"hover\", props.fore.color.hover);\r\n      assignStateColor(\"forecolor\", \"focus\", props.fore.color.focus);\r\n      assignStateColor(\"forecolor\", \"active\", props.fore.color.active);\r\n      assignStateColor(\"forecolor\", \"disabled\", props.fore.color.disabled);\r\n\r\n      if (props.fore.color.light) {\r\n        const foreColorLight = props.fore.color.light;\r\n\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"default\",\r\n          foreColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\"forecolor\", \"hover\", foreColorLight.hover, \"light\");\r\n        assignStateColor(\"forecolor\", \"focus\", foreColorLight.focus, \"light\");\r\n        assignStateColor(\"forecolor\", \"active\", foreColorLight.active, \"light\");\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"disabled\",\r\n          foreColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.fore.color.dark) {\r\n        const foreColorDark = props.fore.color.dark;\r\n\r\n        assignStateColor(\"forecolor\", \"default\", foreColorDark.default, \"dark\");\r\n        assignStateColor(\"forecolor\", \"hover\", foreColorDark.hover, \"dark\");\r\n        assignStateColor(\"forecolor\", \"focus\", foreColorDark.focus, \"dark\");\r\n        assignStateColor(\"forecolor\", \"active\", foreColorDark.active, \"dark\");\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"disabled\",\r\n          foreColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n\r\n    props.fore.fontSize &&\r\n      assignedClassNames.push(`font-size-${props.fore.fontSize}`);\r\n    props.fore.fontWeight &&\r\n      assignedClassNames.push(`font-weight-${props.fore.fontWeight}`);\r\n    props.fore.isItalic && assignedClassNames.push(`italic`);\r\n  }\r\n\r\n  if (props.back) {\r\n    if (props.back.color) {\r\n      assignStateColor(\"backcolor\", \"default\", props.back.color.default);\r\n      assignStateColor(\"backcolor\", \"hover\", props.back.color.hover);\r\n      assignStateColor(\"backcolor\", \"focus\", props.back.color.focus);\r\n      assignStateColor(\"backcolor\", \"active\", props.back.color.active);\r\n      assignStateColor(\"backcolor\", \"disabled\", props.back.color.disabled);\r\n      if (props.back.color.light) {\r\n        const backColorLight = props.back.color.light;\r\n\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"default\",\r\n          backColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\"backcolor\", \"hover\", backColorLight.hover, \"light\");\r\n        assignStateColor(\"backcolor\", \"focus\", backColorLight.focus, \"light\");\r\n        assignStateColor(\"backcolor\", \"active\", backColorLight.active, \"light\");\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"disabled\",\r\n          backColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.back.color.dark) {\r\n        const backColorDark = props.back.color.dark;\r\n\r\n        assignStateColor(\"backcolor\", \"default\", backColorDark.default, \"dark\");\r\n        assignStateColor(\"backcolor\", \"hover\", backColorDark.hover, \"dark\");\r\n        assignStateColor(\"backcolor\", \"focus\", backColorDark.focus, \"dark\");\r\n        assignStateColor(\"backcolor\", \"active\", backColorDark.active, \"dark\");\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"disabled\",\r\n          backColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.highlighter) {\r\n    if (props.highlighter.color) {\r\n      assignStateColor(\r\n        \"highlighter\",\r\n        \"default\",\r\n        props.highlighter.color.default\r\n      );\r\n      assignStateColor(\"highlighter\", \"hover\", props.highlighter.color.hover);\r\n      assignStateColor(\"highlighter\", \"focus\", props.highlighter.color.focus);\r\n      assignStateColor(\"highlighter\", \"active\", props.highlighter.color.active);\r\n      assignStateColor(\r\n        \"highlighter\",\r\n        \"disabled\",\r\n        props.highlighter.color.disabled\r\n      );\r\n      if (props.highlighter.color.light) {\r\n        const highlighterColorLight = props.highlighter.color.light;\r\n\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"default\",\r\n          highlighterColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"hover\",\r\n          highlighterColorLight.hover,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"focus\",\r\n          highlighterColorLight.focus,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"active\",\r\n          highlighterColorLight.active,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"disabled\",\r\n          highlighterColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.highlighter.color.dark) {\r\n        const highlighterColorDark = props.highlighter.color.dark;\r\n\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"default\",\r\n          highlighterColorDark.default,\r\n          \"dark\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"hover\",\r\n          highlighterColorDark.hover,\r\n          \"dark\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"focus\",\r\n          highlighterColorDark.focus,\r\n          \"dark\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"active\",\r\n          highlighterColorDark.active,\r\n          \"dark\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"disabled\",\r\n          highlighterColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.border) {\r\n    assignedClassNames.push(`border-${props.border.style}`);\r\n\r\n    if (props.border.color) {\r\n      assignStateColor(\"bordercolor\", \"default\", props.border.color.default);\r\n      assignStateColor(\"bordercolor\", \"hover\", props.border.color.hover);\r\n      assignStateColor(\"bordercolor\", \"focus\", props.border.color.focus);\r\n      assignStateColor(\"bordercolor\", \"active\", props.border.color.active);\r\n      assignStateColor(\"bordercolor\", \"disabled\", props.border.color.disabled);\r\n      if (props.border.color.light) {\r\n        const borderColorLight = props.border.color.light;\r\n\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"default\",\r\n          borderColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"hover\",\r\n          borderColorLight.hover,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"focus\",\r\n          borderColorLight.focus,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"active\",\r\n          borderColorLight.active,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"disabled\",\r\n          borderColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.border.color.dark) {\r\n        const borderColorDark = props.border.color.dark;\r\n\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"default\",\r\n          borderColorDark.default,\r\n          \"dark\"\r\n        );\r\n        assignStateColor(\"bordercolor\", \"hover\", borderColorDark.hover, \"dark\");\r\n        assignStateColor(\"bordercolor\", \"focus\", borderColorDark.focus, \"dark\");\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"active\",\r\n          borderColorDark.active,\r\n          \"dark\"\r\n        );\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"disabled\",\r\n          borderColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n\r\n    props.border.width &&\r\n      assignedClassNames.push(`border-width-${props.border.width}`);\r\n\r\n    props.border.collapse &&\r\n      assignedClassNames.push(`border-${props.border.collapse}`);\r\n\r\n    props.border.radius &&\r\n      assignedClassNames.push(`border-radius-${props.border.radius}`);\r\n\r\n    const assignBorderDetail = (\r\n      borderDetailProps: BorderDetailProps,\r\n      position: \"top\" | \"bottom\" | \"left\" | \"right\"\r\n    ) => {\r\n      if (borderDetailProps.color) {\r\n        assignStateColor(\r\n          `bordercolor-${position}`,\r\n          \"default\",\r\n          borderDetailProps.color.default\r\n        );\r\n        assignStateColor(\r\n          `bordercolor-${position}`,\r\n          \"hover\",\r\n          borderDetailProps.color.hover\r\n        );\r\n        assignStateColor(\r\n          `bordercolor-${position}`,\r\n          \"focus\",\r\n          borderDetailProps.color.focus\r\n        );\r\n        assignStateColor(\r\n          `bordercolor-${position}`,\r\n          \"active\",\r\n          borderDetailProps.color.active\r\n        );\r\n        assignStateColor(\r\n          `bordercolor-${position}`,\r\n          \"disabled\",\r\n          borderDetailProps.color.disabled\r\n        );\r\n      }\r\n      borderDetailProps.style &&\r\n        assignedClassNames.push(\r\n          `border-${position}-style-${borderDetailProps.style}`\r\n        );\r\n\r\n      borderDetailProps.width &&\r\n        assignedClassNames.push(\r\n          `border-${position}-width-${borderDetailProps.width}`\r\n        );\r\n    };\r\n\r\n    if (props.border.top) {\r\n      assignBorderDetail(props.border.top, \"top\");\r\n    }\r\n    if (props.border.right) {\r\n      assignBorderDetail(props.border.right, \"right\");\r\n    }\r\n    if (props.border.bottom) {\r\n      assignBorderDetail(props.border.bottom, \"bottom\");\r\n    }\r\n    if (props.border.left) {\r\n      assignBorderDetail(props.border.left, \"left\");\r\n    }\r\n  }\r\n\r\n  if (props.positioning) {\r\n    if (props.positioning.display) {\r\n      assignedClassNames.push(`display-${props.positioning.display}`);\r\n    }\r\n    if (props.positioning.position) {\r\n      assignedClassNames.push(`position-${props.positioning.position}`);\r\n    }\r\n    if (props.positioning.top) {\r\n      if (typeof props.positioning.top === \"number\") {\r\n        assignedClassNames.push(`top-${props.positioning.top}rem`);\r\n      } else if (typeof props.positioning.top === \"string\") {\r\n        if (props.positioning.top.includes(\"%\")) {\r\n          const val = props.positioning.top.replace(\"%\", \"\");\r\n          assignedClassNames.push(`top-${val}percent`);\r\n        } else {\r\n          assignedClassNames.push(`top-${props.positioning.top}`);\r\n        }\r\n      }\r\n    }\r\n    if (props.positioning.bottom) {\r\n      if (typeof props.positioning.bottom === \"number\") {\r\n        assignedClassNames.push(`bottom-${props.positioning.bottom}rem`);\r\n      } else if (typeof props.positioning.bottom === \"string\") {\r\n        if (props.positioning.bottom.includes(\"%\")) {\r\n          const val = props.positioning.bottom.replace(\"%\", \"\");\r\n          assignedClassNames.push(`bottom-${val}percent`);\r\n        } else {\r\n          assignedClassNames.push(`bottom-${props.positioning.bottom}`);\r\n        }\r\n      }\r\n    }\r\n    if (props.positioning.left) {\r\n      if (typeof props.positioning.left === \"number\") {\r\n        assignedClassNames.push(`left-${props.positioning.left}rem`);\r\n      } else if (typeof props.positioning.left === \"string\") {\r\n        if (props.positioning.left.includes(\"%\")) {\r\n          const val = props.positioning.left.replace(\"%\", \"\");\r\n          assignedClassNames.push(`left-${val}percent`);\r\n        } else {\r\n          assignedClassNames.push(`left-${props.positioning.left}`);\r\n        }\r\n      }\r\n    }\r\n    if (props.positioning.right) {\r\n      if (typeof props.positioning.right === \"number\") {\r\n        assignedClassNames.push(`right-${props.positioning.right}rem`);\r\n      } else if (typeof props.positioning.right === \"string\") {\r\n        if (props.positioning.right.includes(\"%\")) {\r\n          const val = props.positioning.right.replace(\"%\", \"\");\r\n          assignedClassNames.push(`right-${val}percent`);\r\n        } else {\r\n          assignedClassNames.push(`right-${props.positioning.right}`);\r\n        }\r\n      }\r\n    }\r\n    if (props.positioning.translateMiddle) {\r\n      assignedClassNames.push(`translate-middle`);\r\n    }\r\n    if (props.positioning.translateMiddleX) {\r\n      assignedClassNames.push(`translate-middle-x`);\r\n    }\r\n    if (props.positioning.translateMiddleY) {\r\n      assignedClassNames.push(`translate-middle-y`);\r\n    }\r\n  }\r\n\r\n  if (props.sizing) {\r\n    if (props.sizing.width) {\r\n      if (typeof props.sizing.width === \"number\") {\r\n        assignedClassNames.push(`width-${props.sizing.width}rem`);\r\n      } else if (typeof props.sizing.width === \"string\") {\r\n        switch (props.sizing.width) {\r\n          case \"0%\":\r\n            assignedClassNames.push(`width-0percent`);\r\n            break;\r\n          case \"25%\":\r\n            assignedClassNames.push(`width-25percent`);\r\n            break;\r\n          case \"50%\":\r\n            assignedClassNames.push(`width-50percent`);\r\n            break;\r\n          case \"75%\":\r\n            assignedClassNames.push(`width-75percent`);\r\n            break;\r\n          case \"100%\":\r\n            assignedClassNames.push(`width-100percent`);\r\n            break;\r\n          case \"auto\":\r\n            assignedClassNames.push(`width-auto`);\r\n            break;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (props.sizing.height) {\r\n      if (typeof props.sizing.height === \"number\") {\r\n        assignedClassNames.push(`height-${props.sizing.height}rem`);\r\n      } else if (typeof props.sizing.height === \"string\") {\r\n        switch (props.sizing.height) {\r\n          case \"0%\":\r\n            assignedClassNames.push(`height-0percent`);\r\n            break;\r\n          case \"25%\":\r\n            assignedClassNames.push(`height-25percent`);\r\n            break;\r\n          case \"50%\":\r\n            assignedClassNames.push(`height-50percent`);\r\n            break;\r\n          case \"75%\":\r\n            assignedClassNames.push(`height-75percent`);\r\n            break;\r\n          case \"100%\":\r\n            assignedClassNames.push(`height-100percent`);\r\n            break;\r\n          case \"auto\":\r\n            assignedClassNames.push(`height-auto`);\r\n            break;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (props.sizing.aspectRatio) {\r\n      if (props.sizing.aspectRatio.includes(\":\")) {\r\n        assignedClassNames.push(\r\n          `aspect-ratio-${props.sizing.aspectRatio.replace(\":\", \"-\")}`\r\n        );\r\n      } else {\r\n        assignedClassNames.push(`aspect-ratio-${props.sizing.aspectRatio}`);\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.spacing) {\r\n    if (props.spacing.margin) {\r\n      if (typeof props.spacing.margin === \"number\") {\r\n        assignedClassNames.push(`m-${props.spacing.margin}rem`);\r\n      } else if (typeof props.spacing.margin === \"string\") {\r\n        assignedClassNames.push(`m-auto`);\r\n      } else {\r\n        if (props.spacing.margin.x) {\r\n          if (props.spacing.margin.x === \"auto\") {\r\n            assignedClassNames.push(`mx-auto`);\r\n          } else {\r\n            assignedClassNames.push(`mx-${props.spacing.margin.top}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.margin.y) {\r\n          if (props.spacing.margin.y === \"auto\") {\r\n            assignedClassNames.push(`my-auto`);\r\n          } else {\r\n            assignedClassNames.push(`my-${props.spacing.margin.top}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.margin.top) {\r\n          if (props.spacing.margin.top === \"auto\") {\r\n            assignedClassNames.push(`mt-auto`);\r\n          } else {\r\n            assignedClassNames.push(`mt-${props.spacing.margin.top}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.margin.right) {\r\n          if (props.spacing.margin.right === \"auto\") {\r\n            assignedClassNames.push(`mr-auto`);\r\n          } else {\r\n            assignedClassNames.push(`mr-${props.spacing.margin.right}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.margin.bottom) {\r\n          if (props.spacing.margin.bottom === \"auto\") {\r\n            assignedClassNames.push(`mb-auto`);\r\n          } else {\r\n            assignedClassNames.push(`mb-${props.spacing.margin.bottom}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.margin.left) {\r\n          if (props.spacing.margin.left === \"auto\") {\r\n            assignedClassNames.push(`ml-auto`);\r\n          } else {\r\n            assignedClassNames.push(`ml-${props.spacing.margin.left}rem`);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    if (props.spacing.padding) {\r\n      if (typeof props.spacing.padding === \"number\") {\r\n        assignedClassNames.push(`p-${props.spacing.padding}rem`);\r\n      } else if (typeof props.spacing.padding === \"string\") {\r\n        assignedClassNames.push(`p-auto`);\r\n      } else {\r\n        if (props.spacing.padding.x) {\r\n          if (props.spacing.padding.x === \"auto\") {\r\n            assignedClassNames.push(`px-auto`);\r\n          } else {\r\n            assignedClassNames.push(`px-${props.spacing.padding.top}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.padding.y) {\r\n          if (props.spacing.padding.y === \"auto\") {\r\n            assignedClassNames.push(`py-auto`);\r\n          } else {\r\n            assignedClassNames.push(`py-${props.spacing.padding.top}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.padding.top) {\r\n          if (props.spacing.padding.top === \"auto\") {\r\n            assignedClassNames.push(`pt-auto`);\r\n          } else {\r\n            assignedClassNames.push(`pt-${props.spacing.padding.top}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.padding.right) {\r\n          if (props.spacing.padding.right === \"auto\") {\r\n            assignedClassNames.push(`pr-auto`);\r\n          } else {\r\n            assignedClassNames.push(`pr-${props.spacing.padding.right}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.padding.bottom) {\r\n          if (props.spacing.padding.bottom === \"auto\") {\r\n            assignedClassNames.push(`pb-auto`);\r\n          } else {\r\n            assignedClassNames.push(`pb-${props.spacing.padding.bottom}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.padding.left) {\r\n          if (props.spacing.padding.left === \"auto\") {\r\n            assignedClassNames.push(`pl-auto`);\r\n          } else {\r\n            assignedClassNames.push(`pl-${props.spacing.padding.left}rem`);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  return assignedClassNames;\r\n}\r\n\r\nconst classNameUtility = {\r\n  getUtilityClassNames,\r\n};\r\n\r\nexport default classNameUtility;\r\n"],"names":["getUtilityClassNames","props","assignedClassNames","assignStateColor","name","stateStr","state","colorScheme","foreColorLight","foreColorDark","backColorLight","backColorDark","highlighterColorLight","highlighterColorDark","borderColorLight","borderColorDark","assignBorderDetail","borderDetailProps","position","val","classNameUtility"],"mappings":"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"}
+{"version":3,"file":"classNameUtility.js","sources":["../../src/utilities/classNameUtility.ts"],"sourcesContent":["import BaseComponentProps from \"../common/models/BaseComponentProps\";\r\nimport { BorderDetailProps, ColorAttributes } from \"../common/literalTypes\";\r\n\r\nfunction getUtilityClassNames(props: BaseComponentProps): string[] {\r\n  const assignedClassNames: string[] = [];\r\n  const assignStateColor = (\r\n    name: string,\r\n    stateStr: string,\r\n    state?: ColorAttributes,\r\n    colorScheme?: string\r\n  ) => {\r\n    state &&\r\n      assignedClassNames.push(\r\n        `${name}${colorScheme ? `-${colorScheme}` : \"\"}${\r\n          stateStr === \"default\" ? \"\" : `-${stateStr}`\r\n        }-${state.name}-${state.lightness === 5 ? `05` : state.lightness}`\r\n      );\r\n  };\r\n\r\n  if (props.fore) {\r\n    if (props.fore.color) {\r\n      assignStateColor(\"forecolor\", \"default\", props.fore.color.default);\r\n      assignStateColor(\"forecolor\", \"hover\", props.fore.color.hover);\r\n      assignStateColor(\"forecolor\", \"focus\", props.fore.color.focus);\r\n      assignStateColor(\"forecolor\", \"active\", props.fore.color.active);\r\n      assignStateColor(\"forecolor\", \"disabled\", props.fore.color.disabled);\r\n\r\n      if (props.fore.color.light) {\r\n        const foreColorLight = props.fore.color.light;\r\n\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"default\",\r\n          foreColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\"forecolor\", \"hover\", foreColorLight.hover, \"light\");\r\n        assignStateColor(\"forecolor\", \"focus\", foreColorLight.focus, \"light\");\r\n        assignStateColor(\"forecolor\", \"active\", foreColorLight.active, \"light\");\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"disabled\",\r\n          foreColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.fore.color.dark) {\r\n        const foreColorDark = props.fore.color.dark;\r\n\r\n        assignStateColor(\"forecolor\", \"default\", foreColorDark.default, \"dark\");\r\n        assignStateColor(\"forecolor\", \"hover\", foreColorDark.hover, \"dark\");\r\n        assignStateColor(\"forecolor\", \"focus\", foreColorDark.focus, \"dark\");\r\n        assignStateColor(\"forecolor\", \"active\", foreColorDark.active, \"dark\");\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"disabled\",\r\n          foreColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n\r\n    props.fore.fontSize &&\r\n      assignedClassNames.push(`font-size-${props.fore.fontSize}`);\r\n    props.fore.fontWeight &&\r\n      assignedClassNames.push(`font-weight-${props.fore.fontWeight}`);\r\n    props.fore.isItalic && assignedClassNames.push(`italic`);\r\n  }\r\n\r\n  if (props.back) {\r\n    if (props.back.color) {\r\n      assignStateColor(\"backcolor\", \"default\", props.back.color.default);\r\n      assignStateColor(\"backcolor\", \"hover\", props.back.color.hover);\r\n      assignStateColor(\"backcolor\", \"focus\", props.back.color.focus);\r\n      assignStateColor(\"backcolor\", \"active\", props.back.color.active);\r\n      assignStateColor(\"backcolor\", \"disabled\", props.back.color.disabled);\r\n      if (props.back.color.light) {\r\n        const backColorLight = props.back.color.light;\r\n\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"default\",\r\n          backColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\"backcolor\", \"hover\", backColorLight.hover, \"light\");\r\n        assignStateColor(\"backcolor\", \"focus\", backColorLight.focus, \"light\");\r\n        assignStateColor(\"backcolor\", \"active\", backColorLight.active, \"light\");\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"disabled\",\r\n          backColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.back.color.dark) {\r\n        const backColorDark = props.back.color.dark;\r\n\r\n        assignStateColor(\"backcolor\", \"default\", backColorDark.default, \"dark\");\r\n        assignStateColor(\"backcolor\", \"hover\", backColorDark.hover, \"dark\");\r\n        assignStateColor(\"backcolor\", \"focus\", backColorDark.focus, \"dark\");\r\n        assignStateColor(\"backcolor\", \"active\", backColorDark.active, \"dark\");\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"disabled\",\r\n          backColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.highlighter) {\r\n    if (props.highlighter.color) {\r\n      assignStateColor(\r\n        \"highlighter\",\r\n        \"default\",\r\n        props.highlighter.color.default\r\n      );\r\n      assignStateColor(\"highlighter\", \"hover\", props.highlighter.color.hover);\r\n      assignStateColor(\"highlighter\", \"focus\", props.highlighter.color.focus);\r\n      assignStateColor(\"highlighter\", \"active\", props.highlighter.color.active);\r\n      assignStateColor(\r\n        \"highlighter\",\r\n        \"disabled\",\r\n        props.highlighter.color.disabled\r\n      );\r\n      if (props.highlighter.color.light) {\r\n        const highlighterColorLight = props.highlighter.color.light;\r\n\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"default\",\r\n          highlighterColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"hover\",\r\n          highlighterColorLight.hover,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"focus\",\r\n          highlighterColorLight.focus,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"active\",\r\n          highlighterColorLight.active,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"disabled\",\r\n          highlighterColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.highlighter.color.dark) {\r\n        const highlighterColorDark = props.highlighter.color.dark;\r\n\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"default\",\r\n          highlighterColorDark.default,\r\n          \"dark\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"hover\",\r\n          highlighterColorDark.hover,\r\n          \"dark\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"focus\",\r\n          highlighterColorDark.focus,\r\n          \"dark\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"active\",\r\n          highlighterColorDark.active,\r\n          \"dark\"\r\n        );\r\n        assignStateColor(\r\n          \"highlighter\",\r\n          \"disabled\",\r\n          highlighterColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.border) {\r\n    assignedClassNames.push(`border-${props.border.style}`);\r\n\r\n    if (props.border.color) {\r\n      assignStateColor(\"bordercolor\", \"default\", props.border.color.default);\r\n      assignStateColor(\"bordercolor\", \"hover\", props.border.color.hover);\r\n      assignStateColor(\"bordercolor\", \"focus\", props.border.color.focus);\r\n      assignStateColor(\"bordercolor\", \"active\", props.border.color.active);\r\n      assignStateColor(\"bordercolor\", \"disabled\", props.border.color.disabled);\r\n      if (props.border.color.light) {\r\n        const borderColorLight = props.border.color.light;\r\n\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"default\",\r\n          borderColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"hover\",\r\n          borderColorLight.hover,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"focus\",\r\n          borderColorLight.focus,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"active\",\r\n          borderColorLight.active,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"disabled\",\r\n          borderColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.border.color.dark) {\r\n        const borderColorDark = props.border.color.dark;\r\n\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"default\",\r\n          borderColorDark.default,\r\n          \"dark\"\r\n        );\r\n        assignStateColor(\"bordercolor\", \"hover\", borderColorDark.hover, \"dark\");\r\n        assignStateColor(\"bordercolor\", \"focus\", borderColorDark.focus, \"dark\");\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"active\",\r\n          borderColorDark.active,\r\n          \"dark\"\r\n        );\r\n        assignStateColor(\r\n          \"bordercolor\",\r\n          \"disabled\",\r\n          borderColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n\r\n    props.border.width &&\r\n      assignedClassNames.push(`border-width-${props.border.width}`);\r\n\r\n    props.border.collapse &&\r\n      assignedClassNames.push(`border-${props.border.collapse}`);\r\n\r\n    props.border.radius &&\r\n      assignedClassNames.push(`border-radius-${props.border.radius}`);\r\n\r\n    const assignBorderDetail = (\r\n      borderDetailProps: BorderDetailProps,\r\n      position: \"top\" | \"bottom\" | \"left\" | \"right\"\r\n    ) => {\r\n      if (borderDetailProps.color) {\r\n        assignStateColor(\r\n          `bordercolor-${position}`,\r\n          \"default\",\r\n          borderDetailProps.color.default\r\n        );\r\n        assignStateColor(\r\n          `bordercolor-${position}`,\r\n          \"hover\",\r\n          borderDetailProps.color.hover\r\n        );\r\n        assignStateColor(\r\n          `bordercolor-${position}`,\r\n          \"focus\",\r\n          borderDetailProps.color.focus\r\n        );\r\n        assignStateColor(\r\n          `bordercolor-${position}`,\r\n          \"active\",\r\n          borderDetailProps.color.active\r\n        );\r\n        assignStateColor(\r\n          `bordercolor-${position}`,\r\n          \"disabled\",\r\n          borderDetailProps.color.disabled\r\n        );\r\n      }\r\n      borderDetailProps.style &&\r\n        assignedClassNames.push(\r\n          `border-${position}-style-${borderDetailProps.style}`\r\n        );\r\n\r\n      borderDetailProps.width &&\r\n        assignedClassNames.push(\r\n          `border-${position}-width-${borderDetailProps.width}`\r\n        );\r\n    };\r\n\r\n    if (props.border.top) {\r\n      assignBorderDetail(props.border.top, \"top\");\r\n    }\r\n    if (props.border.right) {\r\n      assignBorderDetail(props.border.right, \"right\");\r\n    }\r\n    if (props.border.bottom) {\r\n      assignBorderDetail(props.border.bottom, \"bottom\");\r\n    }\r\n    if (props.border.left) {\r\n      assignBorderDetail(props.border.left, \"left\");\r\n    }\r\n  }\r\n\r\n  if (props.positioning) {\r\n    if (props.positioning.display) {\r\n      assignedClassNames.push(`display-${props.positioning.display}`);\r\n    }\r\n    if (props.positioning.position) {\r\n      assignedClassNames.push(`position-${props.positioning.position}`);\r\n    }\r\n    if (props.positioning.top) {\r\n      if (typeof props.positioning.top === \"number\") {\r\n        assignedClassNames.push(`top-${props.positioning.top}rem`);\r\n      } else if (typeof props.positioning.top === \"string\") {\r\n        if (props.positioning.top.includes(\"%\")) {\r\n          const val = props.positioning.top.replace(\"%\", \"\");\r\n          assignedClassNames.push(`top-${val}percent`);\r\n        } else {\r\n          assignedClassNames.push(`top-${props.positioning.top}`);\r\n        }\r\n      }\r\n    }\r\n    if (props.positioning.bottom) {\r\n      if (typeof props.positioning.bottom === \"number\") {\r\n        assignedClassNames.push(`bottom-${props.positioning.bottom}rem`);\r\n      } else if (typeof props.positioning.bottom === \"string\") {\r\n        if (props.positioning.bottom.includes(\"%\")) {\r\n          const val = props.positioning.bottom.replace(\"%\", \"\");\r\n          assignedClassNames.push(`bottom-${val}percent`);\r\n        } else {\r\n          assignedClassNames.push(`bottom-${props.positioning.bottom}`);\r\n        }\r\n      }\r\n    }\r\n    if (props.positioning.left) {\r\n      if (typeof props.positioning.left === \"number\") {\r\n        assignedClassNames.push(`left-${props.positioning.left}rem`);\r\n      } else if (typeof props.positioning.left === \"string\") {\r\n        if (props.positioning.left.includes(\"%\")) {\r\n          const val = props.positioning.left.replace(\"%\", \"\");\r\n          assignedClassNames.push(`left-${val}percent`);\r\n        } else {\r\n          assignedClassNames.push(`left-${props.positioning.left}`);\r\n        }\r\n      }\r\n    }\r\n    if (props.positioning.right) {\r\n      if (typeof props.positioning.right === \"number\") {\r\n        assignedClassNames.push(`right-${props.positioning.right}rem`);\r\n      } else if (typeof props.positioning.right === \"string\") {\r\n        if (props.positioning.right.includes(\"%\")) {\r\n          const val = props.positioning.right.replace(\"%\", \"\");\r\n          assignedClassNames.push(`right-${val}percent`);\r\n        } else {\r\n          assignedClassNames.push(`right-${props.positioning.right}`);\r\n        }\r\n      }\r\n    }\r\n    if (props.positioning.translateMiddle) {\r\n      assignedClassNames.push(`translate-middle`);\r\n    }\r\n    if (props.positioning.translateMiddleX) {\r\n      assignedClassNames.push(`translate-middle-x`);\r\n    }\r\n    if (props.positioning.translateMiddleY) {\r\n      assignedClassNames.push(`translate-middle-y`);\r\n    }\r\n  }\r\n\r\n  if (props.sizing) {\r\n    if (props.sizing.width) {\r\n      if (typeof props.sizing.width === \"number\") {\r\n        assignedClassNames.push(`width-${props.sizing.width}rem`);\r\n      } else if (typeof props.sizing.width === \"string\") {\r\n        switch (props.sizing.width) {\r\n          case \"0%\":\r\n            assignedClassNames.push(`width-0percent`);\r\n            break;\r\n          case \"25%\":\r\n            assignedClassNames.push(`width-25percent`);\r\n            break;\r\n          case \"50%\":\r\n            assignedClassNames.push(`width-50percent`);\r\n            break;\r\n          case \"75%\":\r\n            assignedClassNames.push(`width-75percent`);\r\n            break;\r\n          case \"100%\":\r\n            assignedClassNames.push(`width-100percent`);\r\n            break;\r\n          case \"auto\":\r\n            assignedClassNames.push(`width-auto`);\r\n            break;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (props.sizing.height) {\r\n      if (typeof props.sizing.height === \"number\") {\r\n        assignedClassNames.push(`height-${props.sizing.height}rem`);\r\n      } else if (typeof props.sizing.height === \"string\") {\r\n        switch (props.sizing.height) {\r\n          case \"0%\":\r\n            assignedClassNames.push(`height-0percent`);\r\n            break;\r\n          case \"25%\":\r\n            assignedClassNames.push(`height-25percent`);\r\n            break;\r\n          case \"50%\":\r\n            assignedClassNames.push(`height-50percent`);\r\n            break;\r\n          case \"75%\":\r\n            assignedClassNames.push(`height-75percent`);\r\n            break;\r\n          case \"100%\":\r\n            assignedClassNames.push(`height-100percent`);\r\n            break;\r\n          case \"auto\":\r\n            assignedClassNames.push(`height-auto`);\r\n            break;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (props.sizing.aspectRatio) {\r\n      if (props.sizing.aspectRatio.includes(\":\")) {\r\n        assignedClassNames.push(\r\n          `aspect-ratio-${props.sizing.aspectRatio.replace(\":\", \"-\")}`\r\n        );\r\n      } else {\r\n        assignedClassNames.push(`aspect-ratio-${props.sizing.aspectRatio}`);\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.spacing) {\r\n    if (props.spacing.margin) {\r\n      if (typeof props.spacing.margin === \"number\") {\r\n        assignedClassNames.push(`m-${props.spacing.margin}rem`);\r\n      } else if (typeof props.spacing.margin === \"string\") {\r\n        assignedClassNames.push(`m-auto`);\r\n      } else {\r\n        if (props.spacing.margin.x) {\r\n          if (props.spacing.margin.x === \"auto\") {\r\n            assignedClassNames.push(`mx-auto`);\r\n          } else {\r\n            assignedClassNames.push(`mx-${props.spacing.margin.top}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.margin.y) {\r\n          if (props.spacing.margin.y === \"auto\") {\r\n            assignedClassNames.push(`my-auto`);\r\n          } else {\r\n            assignedClassNames.push(`my-${props.spacing.margin.top}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.margin.top) {\r\n          if (props.spacing.margin.top === \"auto\") {\r\n            assignedClassNames.push(`mt-auto`);\r\n          } else {\r\n            assignedClassNames.push(`mt-${props.spacing.margin.top}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.margin.right) {\r\n          if (props.spacing.margin.right === \"auto\") {\r\n            assignedClassNames.push(`mr-auto`);\r\n          } else {\r\n            assignedClassNames.push(`mr-${props.spacing.margin.right}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.margin.bottom) {\r\n          if (props.spacing.margin.bottom === \"auto\") {\r\n            assignedClassNames.push(`mb-auto`);\r\n          } else {\r\n            assignedClassNames.push(`mb-${props.spacing.margin.bottom}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.margin.left) {\r\n          if (props.spacing.margin.left === \"auto\") {\r\n            assignedClassNames.push(`ml-auto`);\r\n          } else {\r\n            assignedClassNames.push(`ml-${props.spacing.margin.left}rem`);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    if (props.spacing.padding) {\r\n      if (typeof props.spacing.padding === \"number\") {\r\n        assignedClassNames.push(`p-${props.spacing.padding}rem`);\r\n      } else if (typeof props.spacing.padding === \"string\") {\r\n        assignedClassNames.push(`p-auto`);\r\n      } else {\r\n        if (props.spacing.padding.x) {\r\n          if (props.spacing.padding.x === \"auto\") {\r\n            assignedClassNames.push(`px-auto`);\r\n          } else {\r\n            assignedClassNames.push(`px-${props.spacing.padding.top}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.padding.y) {\r\n          if (props.spacing.padding.y === \"auto\") {\r\n            assignedClassNames.push(`py-auto`);\r\n          } else {\r\n            assignedClassNames.push(`py-${props.spacing.padding.top}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.padding.top) {\r\n          if (props.spacing.padding.top === \"auto\") {\r\n            assignedClassNames.push(`pt-auto`);\r\n          } else {\r\n            assignedClassNames.push(`pt-${props.spacing.padding.top}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.padding.right) {\r\n          if (props.spacing.padding.right === \"auto\") {\r\n            assignedClassNames.push(`pr-auto`);\r\n          } else {\r\n            assignedClassNames.push(`pr-${props.spacing.padding.right}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.padding.bottom) {\r\n          if (props.spacing.padding.bottom === \"auto\") {\r\n            assignedClassNames.push(`pb-auto`);\r\n          } else {\r\n            assignedClassNames.push(`pb-${props.spacing.padding.bottom}rem`);\r\n          }\r\n        }\r\n\r\n        if (props.spacing.padding.left) {\r\n          if (props.spacing.padding.left === \"auto\") {\r\n            assignedClassNames.push(`pl-auto`);\r\n          } else {\r\n            assignedClassNames.push(`pl-${props.spacing.padding.left}rem`);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  return assignedClassNames;\r\n}\r\n\r\nconst classNameUtility = {\r\n  getUtilityClassNames,\r\n};\r\n\r\nexport default classNameUtility;\r\n"],"names":["getUtilityClassNames","props","assignedClassNames","assignStateColor","name","stateStr","state","colorScheme","foreColorLight","foreColorDark","backColorLight","backColorDark","highlighterColorLight","highlighterColorDark","borderColorLight","borderColorDark","assignBorderDetail","borderDetailProps","position","val","classNameUtility"],"mappings":"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"}

package/package.json

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