react-minolith 1.2.2 → 1.4.0

package/dist/backgrounds/Zigzag/Zigzag.js

@@ -1,68 +1,68 @@
 "use client";
 import { jsx as t } from "@emotion/react/jsx-runtime";
 import { useContext as l } from "react";
-import y from "../../utilities/classNameUtility/classNameUtility.js";
-import h from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
-import a from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Zigzag.css';const o = "_zigzag_1hwfy_1", _ = {
-  zigzag: o,
-  "is-small": "_is-small_1hwfy_18",
-  "is-large": "_is-large_1hwfy_21",
-  "is-0deg": "_is-0deg_1hwfy_24",
-  "is-15deg": "_is-15deg_1hwfy_27",
-  "is-30deg": "_is-30deg_1hwfy_30",
-  "is-45deg": "_is-45deg_1hwfy_33",
-  "is-60deg": "_is-60deg_1hwfy_36",
-  "is-75deg": "_is-75deg_1hwfy_39",
-  "is-90deg": "_is-90deg_1hwfy_42",
-  "is-105deg": "_is-105deg_1hwfy_45",
-  "is-120deg": "_is-120deg_1hwfy_48",
-  "is-135deg": "_is-135deg_1hwfy_51",
-  "is-150deg": "_is-150deg_1hwfy_54",
-  "is-165deg": "_is-165deg_1hwfy_57",
-  "is-180deg": "_is-180deg_1hwfy_60",
-  "is-195deg": "_is-195deg_1hwfy_63",
-  "is-210deg": "_is-210deg_1hwfy_66",
-  "is-225deg": "_is-225deg_1hwfy_69",
-  "is-240deg": "_is-240deg_1hwfy_72",
-  "is-255deg": "_is-255deg_1hwfy_75",
-  "is-270deg": "_is-270deg_1hwfy_78",
-  "is-285deg": "_is-285deg_1hwfy_81",
-  "is-300deg": "_is-300deg_1hwfy_84",
-  "is-315deg": "_is-315deg_1hwfy_87",
-  "is-330deg": "_is-330deg_1hwfy_90",
-  "is-345deg": "_is-345deg_1hwfy_93",
-  "is-360deg": "_is-360deg_1hwfy_96",
-  "is-gray": "_is-gray_1hwfy_99",
-  "is-red": "_is-red_1hwfy_107",
-  "is-coral": "_is-coral_1hwfy_115",
-  "is-orange": "_is-orange_1hwfy_123",
-  "is-yellow": "_is-yellow_1hwfy_131",
-  "is-lime": "_is-lime_1hwfy_139",
-  "is-green": "_is-green_1hwfy_147",
-  "is-cyan": "_is-cyan_1hwfy_155",
-  "is-blue": "_is-blue_1hwfy_163",
-  "is-violet": "_is-violet_1hwfy_171",
-  "is-magenta": "_is-magenta_1hwfy_179"
+import h from "../../utilities/classNameUtility/classNameUtility.js";
+import o from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Zigzag.css';const n = "_zigzag_3ha8g_1", g = {
+  zigzag: n,
+  "is-small": "_is-small_3ha8g_19",
+  "is-large": "_is-large_3ha8g_22",
+  "is-0deg": "_is-0deg_3ha8g_25",
+  "is-15deg": "_is-15deg_3ha8g_28",
+  "is-30deg": "_is-30deg_3ha8g_31",
+  "is-45deg": "_is-45deg_3ha8g_34",
+  "is-60deg": "_is-60deg_3ha8g_37",
+  "is-75deg": "_is-75deg_3ha8g_40",
+  "is-90deg": "_is-90deg_3ha8g_43",
+  "is-105deg": "_is-105deg_3ha8g_46",
+  "is-120deg": "_is-120deg_3ha8g_49",
+  "is-135deg": "_is-135deg_3ha8g_52",
+  "is-150deg": "_is-150deg_3ha8g_55",
+  "is-165deg": "_is-165deg_3ha8g_58",
+  "is-180deg": "_is-180deg_3ha8g_61",
+  "is-195deg": "_is-195deg_3ha8g_64",
+  "is-210deg": "_is-210deg_3ha8g_67",
+  "is-225deg": "_is-225deg_3ha8g_70",
+  "is-240deg": "_is-240deg_3ha8g_73",
+  "is-255deg": "_is-255deg_3ha8g_76",
+  "is-270deg": "_is-270deg_3ha8g_79",
+  "is-285deg": "_is-285deg_3ha8g_82",
+  "is-300deg": "_is-300deg_3ha8g_85",
+  "is-315deg": "_is-315deg_3ha8g_88",
+  "is-330deg": "_is-330deg_3ha8g_91",
+  "is-345deg": "_is-345deg_3ha8g_94",
+  "is-360deg": "_is-360deg_3ha8g_97",
+  "is-gray": "_is-gray_3ha8g_100",
+  "is-red": "_is-red_3ha8g_112",
+  "is-coral": "_is-coral_3ha8g_124",
+  "is-orange": "_is-orange_3ha8g_136",
+  "is-yellow": "_is-yellow_3ha8g_148",
+  "is-lime": "_is-lime_3ha8g_160",
+  "is-green": "_is-green_3ha8g_172",
+  "is-cyan": "_is-cyan_3ha8g_184",
+  "is-blue": "_is-blue_3ha8g_196",
+  "is-violet": "_is-violet_3ha8g_208",
+  "is-magenta": "_is-magenta_3ha8g_220"
 };
-function z(i) {
+function y(i) {
   const e = { ...i };
-  delete e.colorName, delete e.size, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
-  const s = [_.zigzag];
-  i.colorName && s.push(_[`is-${i.colorName}`]), i.size && s.push(_[`is-${i.size}`]);
-  const g = y.getUtilityClassNames(i);
-  g && s.push(...g), i.className && s.push(i.className);
-  const d = l(h), f = a.getEmotionCss(i, d);
+  delete e.colorName, delete e.size, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
+  const s = [g.zigzag];
+  i.colorName && s.push(g[`is-${i.colorName}`]), i.size && s.push(g[`is-${i.size}`]);
+  const _ = h.getUtilityClassNames(i);
+  _ && s.push(..._), i.className && s.push(i.className);
+  const a = l(o), d = m.getEmotionCss(i, a);
   return /* @__PURE__ */ t(
     "div",
     {
       ...e,
       className: s.join(" "),
-      css: f
+      css: d
     }
   );
 }
 export {
-  z as default
+  y as default
 };
 //# sourceMappingURL=Zigzag.js.map

package/dist/backgrounds/Zigzag/Zigzag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Zigzag.js","sources":["../../../src/backgrounds/Zigzag/Zigzag.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Zigzag.module.scss\";\r\nimport ZigzagProps from \"./ZigzagProps\";\r\n\r\nexport default function Zigzag(props: ZigzagProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"size\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"zigzag\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.size) {\r\n    assignedClassNames.push(classNames[`is-${props.size}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Zigzag","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAOC,GAAwC;AACrE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,MAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS;AAChD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,QACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,IAAI,EAAE,CAAC;AAGxD,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Zigzag.js","sources":["../../../src/backgrounds/Zigzag/Zigzag.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement, useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Zigzag.module.scss\";\r\nimport ZigzagProps from \"./ZigzagProps\";\r\n\r\nexport default function Zigzag(props: ZigzagProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"size\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"zigzag\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.size) {\r\n    assignedClassNames.push(classNames[`is-${props.size}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Zigzag","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAOC,GAAkC;AAC/D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,MAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS;AAChD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,QACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,IAAI,EAAE,CAAC;AAGxD,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { default as MinolithProps } from './MinolithProps';
-export default function Minolith(props: MinolithProps): React.ReactElement;
+export default function Minolith(props: MinolithProps): ReactElement;
 //# sourceMappingURL=Minolith.d.ts.map

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":"AAKA,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAgDzE"}
+{"version":3,"file":"Minolith.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/Minolith.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,CAUnE"}

package/dist/base/Minolith/Minolith.js

@@ -1,38 +1,18 @@
 "use client";
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { useMemo as u, useInsertionEffect as a } from "react";
-import d from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
-import y from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
-import S from "../Tabula/Tabula.js";
-import '../../assets/Minolith.css';function p(i) {
-  const e = { ...i };
-  delete e.cssVariableSetting;
-  const l = u(
-    () => d.getMinolithCssVariableStyles(
-      i.cssVariableSetting
-    ),
-    [i.cssVariableSetting]
-  );
-  return a(() => {
-    const o = "minolith-custom-css-variables", c = () => {
-      const t = document.createElement("style");
-      return t.id = o, t.textContent = l.join(), t;
-    }, n = (t) => {
-      const r = t.querySelector(`#${o}`);
-      r && t.removeChild(r);
-      const m = c();
-      t.append(m);
-    };
-    document.querySelector(`#${o}`) === null && (n(document.head), document.querySelector(`#${o}`) === null && n(document.body));
-  }, [l]), /* @__PURE__ */ s(
-    y.Provider,
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import t from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import i from "../Tabula/Tabula.js";
+import '../../assets/Minolith.css';function m(r) {
+  const o = { ...r };
+  return /* @__PURE__ */ e(
+    t.Provider,
     {
-      value: e.colorScheme ? e.colorScheme : "light",
-      children: /* @__PURE__ */ s(S, { ...e })
+      value: o.colorScheme ? o.colorScheme : "light",
+      children: /* @__PURE__ */ e(i, { ...o })
     }
   );
 }
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=Minolith.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Minolith.js","sources":["../../../src/base/Minolith/Minolith.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport { MinolithColorSchemeContext } from \"../../contexts\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./Minolith.scss\";\r\nimport MinolithProps from \"./MinolithProps\";\r\n\r\nexport default function Minolith(props: MinolithProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"cssVariableSetting\"];\r\n\r\n  const minolithStyles = useMemo(\r\n    () =>\r\n      minolithStyleUtility.getMinolithCssVariableStyles(\r\n        props.cssVariableSetting\r\n      ),\r\n    [props.cssVariableSetting]\r\n  );\r\n\r\n  useInsertionEffect(() => {\r\n    const styleId = \"minolith-custom-css-variables\";\r\n\r\n    const createMinolithCustomStyleElement = () => {\r\n      const style = document.createElement(\"style\");\r\n      style.id = styleId;\r\n      style.textContent = minolithStyles.join();\r\n      return style;\r\n    };\r\n\r\n    const setStyle = (element: HTMLElement) => {\r\n      const currentCustomStyle = element.querySelector(`#${styleId}`);\r\n      if (currentCustomStyle) {\r\n        element.removeChild(currentCustomStyle);\r\n      }\r\n\r\n      const style = createMinolithCustomStyleElement();\r\n      element.append(style);\r\n    };\r\n\r\n    if (document.querySelector(`#${styleId}`) === null) {\r\n      setStyle(document.head);\r\n\r\n      if (document.querySelector(`#${styleId}`) === null) {\r\n        setStyle(document.body);\r\n      }\r\n    }\r\n  }, [minolithStyles]);\r\n\r\n  return (\r\n    <MinolithColorSchemeContext.Provider\r\n      value={assignedProps.colorScheme ? assignedProps.colorScheme : \"light\"}\r\n    >\r\n      <Tabula {...assignedProps} />\r\n    </MinolithColorSchemeContext.Provider>\r\n  );\r\n}\r\n"],"names":["Minolith","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","createMinolithCustomStyleElement","style","setStyle","element","currentCustomStyle","jsx","MinolithColorSchemeContext","Tabula"],"mappings":";;;;;;AAQA,SAAwBA,EAASC,GAA0C;AACzE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB;AAAA,MACnBJ,EAAM;AAAA,IAAA;AAAA,IAEV,CAACA,EAAM,kBAAkB;AAAA,EAAA;AAG3B,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAmC,MAAM;AAC7C,YAAMC,IAAQ,SAAS,cAAc,OAAO;AAC5C,aAAAA,EAAM,KAAKF,GACXE,EAAM,cAAcN,EAAe,KAAA,GAC5BM;AAAA,IACT,GAEMC,IAAW,CAACC,MAAyB;AACzC,YAAMC,IAAqBD,EAAQ,cAAc,IAAIJ,CAAO,EAAE;AAC9D,MAAIK,KACFD,EAAQ,YAAYC,CAAkB;AAGxC,YAAMH,IAAQD,EAAA;AACd,MAAAG,EAAQ,OAAOF,CAAK;AAAA,IACtB;AAEA,IAAI,SAAS,cAAc,IAAIF,CAAO,EAAE,MAAM,SAC5CG,EAAS,SAAS,IAAI,GAElB,SAAS,cAAc,IAAIH,CAAO,EAAE,MAAM,QAC5CG,EAAS,SAAS,IAAI;AAAA,EAG5B,GAAG,CAACP,CAAc,CAAC,GAGjB,gBAAAU;AAAA,IAACC,EAA2B;AAAA,IAA3B;AAAA,MACC,OAAOZ,EAAc,cAAcA,EAAc,cAAc;AAAA,MAE/D,UAAA,gBAAAW,EAACE,GAAA,EAAQ,GAAGb,EAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAGjC;"}
+{"version":3,"file":"Minolith.js","sources":["../../../src/base/Minolith/Minolith.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactElement } from \"react\";\r\nimport { MinolithColorSchemeContext } from \"../../contexts\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./Minolith.scss\";\r\nimport MinolithProps from \"./MinolithProps\";\r\n\r\nexport default function Minolith(props: MinolithProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n\r\n  return (\r\n    <MinolithColorSchemeContext.Provider\r\n      value={assignedProps.colorScheme ? assignedProps.colorScheme : \"light\"}\r\n    >\r\n      <Tabula {...assignedProps} />\r\n    </MinolithColorSchemeContext.Provider>\r\n  );\r\n}\r\n"],"names":["Minolith","props","assignedProps","jsx","MinolithColorSchemeContext","Tabula"],"mappings":";;;;AAQA,SAAwBA,EAASC,GAAoC;AACnE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAE3B,SACE,gBAAAE;AAAA,IAACC,EAA2B;AAAA,IAA3B;AAAA,MACC,OAAOF,EAAc,cAAcA,EAAc,cAAc;AAAA,MAE/D,UAAA,gBAAAC,EAACE,GAAA,EAAQ,GAAGH,EAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAGjC;"}

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,uBAAuB,CAAC;AA2C5D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAOlC,QAAA,MAAM,IAAI;;;;;CAKuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0xBnC,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KASvB,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,uBAAuB,CAAC;AA2C5D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,QAAA,MAAM,IAAI;;;;;CAKuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoqBnC,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC"}

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

@@ -1,6 +1,4 @@
-import { MinolithCssVariable } from '../../models';
 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,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,aAAc,SAAQ,WAAW;IACxD,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;CAC1C"}
+{"version":3,"file":"MinolithProps.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/MinolithProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,aAAc,SAAQ,WAAW;CAAG"}

package/dist/base/MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProvider.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { default as MinolithClientCustomCssVariablesProviderProps } from './MinolithClientCustomCssVariablesProviderProps';
+export default function MinolithClientCustomCssVariablesProvider(props: MinolithClientCustomCssVariablesProviderProps): ReactElement;
+//# sourceMappingURL=MinolithClientCustomCssVariablesProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MinolithClientCustomCssVariablesProvider.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAA+B,MAAM,OAAO,CAAC;AAElE,OAAO,6CAA6C,MAAM,iDAAiD,CAAC;AAE5G,MAAM,CAAC,OAAO,UAAU,wCAAwC,CAC9D,KAAK,EAAE,6CAA6C,GACnD,YAAY,CAuCd"}

package/dist/base/MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProvider.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as c, Fragment as m } from "@emotion/react/jsx-runtime";
+import { useMemo as u, useInsertionEffect as a } from "react";
+import d from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+function C(o) {
+  const i = u(
+    () => d.getMinolithCssVariableStyles(
+      o.minolithCssVariables
+    ),
+    [o.minolithCssVariables]
+  );
+  return a(() => {
+    const e = "minolith-custom-css-variables", s = () => {
+      const t = document.createElement("style");
+      return t.id = e, t.textContent = i.join(), t;
+    }, n = (t) => {
+      const l = t.querySelector(`#${e}`);
+      l && t.removeChild(l);
+      const r = s();
+      t.append(r);
+    };
+    document.querySelector(`#${e}`) === null && (n(document.head), document.querySelector(`#${e}`) === null && n(document.body));
+  }, [i]), /* @__PURE__ */ c(m, { children: o.children });
+}
+export {
+  C as default
+};
+//# sourceMappingURL=MinolithClientCustomCssVariablesProvider.js.map

package/dist/base/MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinolithClientCustomCssVariablesProvider.js","sources":["../../../src/base/MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProvider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactElement, useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport MinolithClientCustomCssVariablesProviderProps from \"./MinolithClientCustomCssVariablesProviderProps\";\r\n\r\nexport default function MinolithClientCustomCssVariablesProvider(\r\n  props: MinolithClientCustomCssVariablesProviderProps,\r\n): ReactElement {\r\n  const minolithStyles = useMemo(\r\n    () =>\r\n      minolithStyleUtility.getMinolithCssVariableStyles(\r\n        props.minolithCssVariables,\r\n      ),\r\n    [props.minolithCssVariables],\r\n  );\r\n\r\n  useInsertionEffect(() => {\r\n    const styleId = \"minolith-custom-css-variables\";\r\n\r\n    const createMinolithCustomStyleElement = () => {\r\n      const style = document.createElement(\"style\");\r\n      style.id = styleId;\r\n      style.textContent = minolithStyles.join();\r\n      return style;\r\n    };\r\n\r\n    const setStyle = (element: HTMLElement) => {\r\n      const currentCustomStyle = element.querySelector(`#${styleId}`);\r\n      if (currentCustomStyle) {\r\n        element.removeChild(currentCustomStyle);\r\n      }\r\n\r\n      const style = createMinolithCustomStyleElement();\r\n      element.append(style);\r\n    };\r\n\r\n    if (document.querySelector(`#${styleId}`) === null) {\r\n      setStyle(document.head);\r\n\r\n      if (document.querySelector(`#${styleId}`) === null) {\r\n        setStyle(document.body);\r\n      }\r\n    }\r\n  }, [minolithStyles]);\r\n\r\n  return <>{props.children}</>;\r\n}\r\n"],"names":["MinolithClientCustomCssVariablesProvider","props","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","createMinolithCustomStyleElement","style","setStyle","element","currentCustomStyle","jsx","Fragment"],"mappings":";;;;AAMA,SAAwBA,EACtBC,GACc;AACd,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB;AAAA,MACnBH,EAAM;AAAA,IAAA;AAAA,IAEV,CAACA,EAAM,oBAAoB;AAAA,EAAA;AAG7B,SAAAI,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAmC,MAAM;AAC7C,YAAMC,IAAQ,SAAS,cAAc,OAAO;AAC5C,aAAAA,EAAM,KAAKF,GACXE,EAAM,cAAcN,EAAe,KAAA,GAC5BM;AAAA,IACT,GAEMC,IAAW,CAACC,MAAyB;AACzC,YAAMC,IAAqBD,EAAQ,cAAc,IAAIJ,CAAO,EAAE;AAC9D,MAAIK,KACFD,EAAQ,YAAYC,CAAkB;AAGxC,YAAMH,IAAQD,EAAA;AACd,MAAAG,EAAQ,OAAOF,CAAK;AAAA,IACtB;AAEA,IAAI,SAAS,cAAc,IAAIF,CAAO,EAAE,MAAM,SAC5CG,EAAS,SAAS,IAAI,GAElB,SAAS,cAAc,IAAIH,CAAO,EAAE,MAAM,QAC5CG,EAAS,SAAS,IAAI;AAAA,EAG5B,GAAG,CAACP,CAAc,CAAC,GAEZ,gBAAAU,EAAAC,GAAA,EAAG,YAAM,SAAA,CAAS;AAC3B;"}

package/dist/base/MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProvider.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryFn } from '@storybook/react-vite';
+import { default as MinolithClientCustomCssVariablesProvider } from '.';
+declare const meta: {
+    title: string;
+    component: typeof MinolithClientCustomCssVariablesProvider;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+export declare const CustomFontAndLightTheme: StoryFn;
+export declare const CustomFontAndDarkTheme: StoryFn;
+//# sourceMappingURL=MinolithClientCustomCssVariablesProvider.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MinolithClientCustomCssVariablesProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProvider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAgD3D,OAAO,wCAAwC,MAAM,GAAG,CAAC;AAIzD,QAAA,MAAM,IAAI;;;;;CAKuD,CAAC;AAElE,eAAe,IAAI,CAAC;AAo0BpB,eAAO,MAAM,uBAAuB,EAAE,OAgBrC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,OAgBpC,CAAC"}

package/dist/base/MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProviderProps.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { default as MinolithCssVariables } from '../../models/MinolithCssVariables';
+export default interface MinolithClientCustomCssVariablesProviderProps extends PropsWithChildren {
+    minolithCssVariables?: MinolithCssVariables;
+}
+//# sourceMappingURL=MinolithClientCustomCssVariablesProviderProps.d.ts.map

package/dist/base/MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProviderProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinolithClientCustomCssVariablesProviderProps.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProviderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,oBAAoB,MAAM,mCAAmC,CAAC;AAErE,MAAM,CAAC,OAAO,WAAW,6CAA8C,SAAQ,iBAAiB;IAC9F,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;CAC7C"}

package/dist/base/MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProviderProps.js

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

package/dist/base/MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProviderProps.js.map

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

package/dist/base/MinolithClientCustomCssVariablesProvider/index.d.ts

@@ -0,0 +1,6 @@
+export { default } from './MinolithClientCustomCssVariablesProvider';
+export type { default as MinolithClientCustomCssVariablesProvider } from './MinolithClientCustomCssVariablesProvider';
+export * from './MinolithClientCustomCssVariablesProvider';
+export type { default as MinolithClientCustomCssVariablesProviderProps } from './MinolithClientCustomCssVariablesProviderProps';
+export * from './MinolithClientCustomCssVariablesProviderProps';
+//# sourceMappingURL=index.d.ts.map

package/dist/base/MinolithClientCustomCssVariablesProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithClientCustomCssVariablesProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4CAA4C,CAAC;AACrE,YAAY,EAAE,OAAO,IAAI,wCAAwC,EAAE,MAAM,4CAA4C,CAAC;AACtH,cAAc,4CAA4C,CAAC;AAE3D,YAAY,EAAE,OAAO,IAAI,6CAA6C,EAAE,MAAM,iDAAiD,CAAC;AAChI,cAAc,iDAAiD,CAAC"}

package/dist/base/MinolithClientCustomCssVariablesProvider/index.js

@@ -0,0 +1,5 @@
+import { default as o } from "./MinolithClientCustomCssVariablesProvider.js";
+export {
+  o as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { default as TabulaProps } from './TabulaProps';
-export default function Tabula(props: TabulaProps): React.ReactElement;
+export default function Tabula(props: TabulaProps): ReactElement;
 //# sourceMappingURL=Tabula.d.ts.map

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":"AAMA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CA2CrE"}
+{"version":3,"file":"Tabula.d.ts","sourceRoot":"","sources":["../../../src/base/Tabula/Tabula.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAyC/D"}

package/dist/base/Tabula/Tabula.js

@@ -1,19 +1,17 @@
 "use client";
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { useContext as c } from "react";
-import m from "../../utilities/classNameUtility/classNameUtility.js";
-import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
-import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Tabula.css';const r = "_tabula_fxvj9_1", h = {
-  tabula: r
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import i from "../../utilities/classNameUtility/classNameUtility.js";
+import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Tabula.css';const m = "_tabula_fxvj9_1", n = {
+  tabula: m
 };
-function C(t) {
+function r(t) {
   const e = { ...t };
-  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, delete e.css;
-  const s = [h.tabula], a = m.getUtilityClassNames(t);
+  delete e.colorScheme, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
+  const s = [n.tabula], a = i.getUtilityClassNames(t);
   a && s.push(...a), t.className && s.push(t.className);
-  const i = c(n), l = d.getEmotionCss(t, i);
-  return t.as ? /* @__PURE__ */ o(
+  const l = o.getEmotionCss(t, t.colorScheme);
+  return t.as ? /* @__PURE__ */ c(
     t.as,
     {
       ...e,
@@ -21,7 +19,7 @@ function C(t) {
       className: s.join(" "),
       css: l
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ c(
     "div",
     {
       ...e,
@@ -32,6 +30,6 @@ function C(t) {
   );
 }
 export {
-  C as default
+  r 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":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Tabula.module.scss\";\r\nimport TabulaProps from \"./TabulaProps\";\r\n\r\nexport default function Tabula(props: TabulaProps): React.ReactElement {\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  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"tabula\"]];\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      data-color-scheme={props.colorScheme}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Tabula","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EAAOC,GAAwC;AACrE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS,GAC1CC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,qBAAmBD,EAAM;AAAA,MACzB,WAAWE,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,qBAAmBD,EAAM;AAAA,MACzB,WAAWE,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Tabula.js","sources":["../../../src/base/Tabula/Tabula.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Tabula.module.scss\";\r\nimport TabulaProps from \"./TabulaProps\";\r\n\r\nexport default function Tabula(props: TabulaProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorScheme\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"tabula\"]];\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, props.colorScheme);\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      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      data-color-scheme={props.colorScheme}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Tabula","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAAOC,GAAkC;AAC/D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,aAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS,GAC1CC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAMC,EAAoB,cAAcP,GAAOA,EAAM,WAAW;AAEtE,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,qBAAmBD,EAAM;AAAA,MACzB,WAAWE,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,qBAAmBD,EAAM;AAAA,MACzB,WAAWE,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,8 +1,6 @@
 import { ColorScheme } from '../../types';
 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,aAAa,CAAC;AAC1C,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"}
+{"version":3,"file":"TabulaProps.d.ts","sourceRoot":"","sources":["../../../src/base/Tabula/TabulaProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,WAAW,WAAY,SAAQ,QAAQ;IACnD,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B"}

package/dist/base/index.d.ts

@@ -1,7 +1,7 @@
 export { default as Minolith } from './Minolith';
 export * from './Minolith';
-export { default as MinolithStatic } from './MinolithStatic';
-export * from './MinolithStatic';
+export { default as MinolithClientConfigurationProvider } from './MinolithClientCustomCssVariablesProvider';
+export * from './MinolithClientCustomCssVariablesProvider';
 export { default as Tabula } from './Tabula';
 export * from './Tabula';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,MAAM,4CAA4C,CAAC;AAC5G,cAAc,4CAA4C,CAAC;AAE3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC"}

package/dist/base/index.js

@@ -1,9 +1,9 @@
-import { default as o } from "./Minolith/Minolith.js";
-import { default as f } from "./MinolithStatic/MinolithStatic.js";
-import { default as r } from "./Tabula/Tabula.js";
+import { default as a } from "./Minolith/Minolith.js";
+import { default as e } from "./MinolithClientCustomCssVariablesProvider/MinolithClientCustomCssVariablesProvider.js";
+import { default as f } from "./Tabula/Tabula.js";
 export {
-  o as Minolith,
-  f as MinolithStatic,
-  r as Tabula
+  a as Minolith,
+  e as MinolithClientConfigurationProvider,
+  f as Tabula
 };
 //# sourceMappingURL=index.js.map

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

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { default as AccordionProps } from './AccordionProps';
-export default function Accordion(props: AccordionProps): React.ReactElement;
+export default function Accordion(props: AccordionProps): ReactElement;
 //# sourceMappingURL=Accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAMA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAsC3E"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CA8CrE"}

package/dist/components/Accordion/Accordion.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
+import { jsx as _ } from "@emotion/react/jsx-runtime";
 import { useContext as l } from "react";
 import n from "../../utilities/classNameUtility/classNameUtility.js";
 import r from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
 import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Accordion.css';const m = "_check_11457_1", g = "_chevron_11457_47", h = "_accordion_11457_88", c = {
+import '../../assets/Accordion.css';const m = "_check_11457_1", g = "_chevron_11457_47", h = "_accordion_11457_88", a = {
   check: m,
   "is-gray": "_is-gray_11457_13",
   "is-red": "_is-red_11457_16",
@@ -29,18 +29,25 @@ import '../../assets/Accordion.css';const m = "_check_11457_1", g = "_chevron_11
 };
 function C(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, delete e.css;
-  const i = [c.accordion];
-  s.colorName && i.push(c[`is-${s.colorName}`]);
+  delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
+  const i = [a.accordion];
+  s.colorName && i.push(a[`is-${s.colorName}`]);
   const o = n.getUtilityClassNames(s);
   o && i.push(...o), s.className && i.push(s.className);
-  const _ = l(r), t = d.getEmotionCss(s, _);
-  return /* @__PURE__ */ a(
+  const t = l(r), c = d.getEmotionCss(s, t);
+  return s.as ? /* @__PURE__ */ _(
+    s.as,
+    {
+      ...e,
+      className: i.join(" "),
+      css: c
+    }
+  ) : /* @__PURE__ */ _(
     "details",
     {
       ...e,
       className: i.join(" "),
-      css: t
+      css: c
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Accordion.module.scss\";\r\nimport AccordionProps from \"./AccordionProps\";\r\n\r\nexport default function Accordion(props: AccordionProps): React.ReactElement {\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  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"accordion\"]];\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n  return (\r\n    <details\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Accordion","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAUC,GAA2C;AAC3E,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,SAAY;AAEnD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement, useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Accordion.module.scss\";\r\nimport AccordionProps from \"./AccordionProps\";\r\n\r\nexport default function Accordion(props: AccordionProps): ReactElement {\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  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"accordion\"]];\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <details\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Accordion","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAUC,GAAqC;AACrE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,SAAY;AAEnD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Accordion/AccordionProps.d.ts

@@ -1,6 +1,7 @@
-import { ColorName } from '../../types';
+import { DetailedHTMLProps, DetailsHTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../models';
-export default interface AccordionProps extends React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, BaseComponentProps {
+import { ColorName } from '../../types';
+export default interface AccordionProps extends DetailedHTMLProps<DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, BaseComponentProps {
     colorName?: ColorName;
 }
 //# sourceMappingURL=AccordionProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionProps.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,CAAC,OAAO,WAAW,cACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC3B,KAAK,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,EAC/C,kBAAkB,CACnB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"AccordionProps.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,cACvB,SACE,iBAAiB,CACf,qBAAqB,CAAC,kBAAkB,CAAC,EACzC,kBAAkB,CACnB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}

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

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { default as AccordionDetailsProps } from './AccordionDetailsProps';
-export default function AccordionDetails(props: AccordionDetailsProps): React.ReactElement;
+export default function AccordionDetails(props: AccordionDetailsProps): ReactElement;
 //# sourceMappingURL=AccordionDetails.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionDetails.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionDetails/AccordionDetails.tsx"],"names":[],"mappings":"AAMA,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,KAAK,EAAE,qBAAqB,GAC3B,KAAK,CAAC,YAAY,CAwCpB"}
+{"version":3,"file":"AccordionDetails.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionDetails/AccordionDetails.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,KAAK,EAAE,qBAAqB,GAC3B,YAAY,CAwCd"}

package/dist/components/AccordionDetails/AccordionDetails.js

@@ -9,7 +9,7 @@ import '../../assets/Accordion.css';const r = {
 };
 function C(s) {
   const e = { ...s };
-  delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
+  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
   const t = [r["accordion-details"]], i = n.getUtilityClassNames(s);
   i && t.push(...i), s.className && t.push(s.className);
   const l = c(m), o = d.getEmotionCss(s, l);