react-minolith 1.0.13 → 1.0.16

package/README.md

@@ -12,16 +12,16 @@ react-minolith is an open-source react wrapper for [minolith](https://github.com
 
 ## ⚠️Breaking Changes version 1.0
 
-`react-minolith` now have `lodash` and `@emotion/react` as dependencies.
+`react-minolith` now have `@emotion/react` as dependencies.
 
 ```shell
-npm install @emotion/react lodash
+npm install @emotion/react
 ```
 
 ## Installation
 
 ```shell
-npm install react-minolith @emotion/react lodash
+npm install react-minolith @emotion/react
 ```
 
 ## Getting Started

package/dist/backgrounds/Dot/Dot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Dot/Dot.tsx"],"names":[],"mappings":"AAIA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CAoC/D"}
+{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Dot/Dot.tsx"],"names":[],"mappings":"AAMA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CAsC/D"}

package/dist/backgrounds/Dot/Dot.js

@@ -1,9 +1,11 @@
 "use client";
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import a from "../../utilities/classNameUtility/classNameUtility.js";
-import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Dot.css';const c = "_dot_pul8e_1", l = {
-  dot: c,
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { useContext as n } from "react";
+import c from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import m from "../../utilities/classNameUtility/classNameUtility.js";
+import u from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Dot.css';const r = "_dot_pul8e_1", l = {
+  dot: r,
   "is-coin": "_is-coin_pul8e_18",
   "is-polka": "_is-polka_pul8e_21",
   "is-pin": "_is-pin_pul8e_24",
@@ -19,15 +21,15 @@ import '../../assets/Dot.css';const c = "_dot_pul8e_1", l = {
   "is-violet": "_is-violet_pul8e_99",
   "is-magenta": "_is-magenta_pul8e_107"
 };
-function r(i) {
+function f(i) {
   const e = { ...i };
   delete e.colorName, delete e.dotSize, 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 = [l.dot];
   i.colorName && s.push(l[`is-${i.colorName}`]), i.dotSize && s.push(l[`is-${i.dotSize}`]);
-  const t = a.getUtilityClassNames(i);
+  const t = m.getUtilityClassNames(i);
   t && s.push(...t), i.className && s.push(i.className);
-  const _ = n.getEmotionCss(i);
-  return /* @__PURE__ */ o(
+  const o = n(c), _ = u.getEmotionCss(i, o);
+  return /* @__PURE__ */ a(
     "div",
     {
       ...e,
@@ -37,6 +39,6 @@ function r(i) {
   );
 }
 export {
-  r as default
+  f as default
 };
 //# sourceMappingURL=Dot.js.map

package/dist/backgrounds/Dot/Dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.js","sources":["../../../src/backgrounds/Dot/Dot.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Dot.module.scss\";\r\nimport DotProps from \"./DotProps\";\r\n\r\nexport default function Dot(props: DotProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"dotSize\"];\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[\"dot\"]];\r\n  props.colorName &&\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  props.dotSize && assignedClassNames.push(classNames[`is-${props.dotSize}`]);\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);\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":["Dot","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAIC,GAAqC;AACzD,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,SAErB,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,GAAM;AACvC,EAAAH,EAAA,aACJE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GACvDA,EAAA,WAAWE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,OAAO,EAAE,CAAC;AACpE,QAAAI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAGnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AAGjD,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"Dot.js","sources":["../../../src/backgrounds/Dot/Dot.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 \"./Dot.module.scss\";\r\nimport DotProps from \"./DotProps\";\r\n\r\nexport default function Dot(props: DotProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"dotSize\"];\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[\"dot\"]];\r\n  props.colorName &&\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  props.dotSize && assignedClassNames.push(classNames[`is-${props.dotSize}`]);\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":["Dot","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAIC,GAAqC;AACzD,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,SAErB,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,GAAM;AACvC,EAAAH,EAAA,aACJE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GACvDA,EAAA,WAAWE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,OAAO,EAAE,CAAC;AACpE,QAAAI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAGnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAG9D,SAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/backgrounds/Gingham/Gingham.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Gingham.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Gingham/Gingham.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAuCvE"}
+{"version":3,"file":"Gingham.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Gingham/Gingham.tsx"],"names":[],"mappings":"AAMA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAyCvE"}

package/dist/backgrounds/Gingham/Gingham.js

@@ -1,9 +1,11 @@
 "use client";
 import { jsx as g } from "@emotion/react/jsx-runtime";
-import t from "../../utilities/classNameUtility/classNameUtility.js";
-import l from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Gingham.css';const d = "_gingham_oi0za_1", a = {
-  gingham: d,
+import { useContext as l } from "react";
+import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import d from "../../utilities/classNameUtility/classNameUtility.js";
+import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Gingham.css';const c = "_gingham_oi0za_1", a = {
+  gingham: c,
   "is-0deg": "_is-0deg_oi0za_16",
   "is-15deg": "_is-15deg_oi0za_19",
   "is-30deg": "_is-30deg_oi0za_22",
@@ -23,24 +25,24 @@ import '../../assets/Gingham.css';const d = "_gingham_oi0za_1", a = {
   "is-violet": "_is-violet_oi0za_109",
   "is-magenta": "_is-magenta_oi0za_117"
 };
-function r(i) {
+function y(i) {
   const e = { ...i };
   delete e.colorName, delete e.degree, 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 = [a.gingham];
   i.colorName && s.push(a[`is-${i.colorName}`]), i.degree && s.push(a[`is-${i.degree}deg`]);
-  const _ = t.getUtilityClassNames(i);
-  _ && s.push(..._), i.className && s.push(i.className);
-  const o = l.getEmotionCss(i);
+  const o = d.getUtilityClassNames(i);
+  o && s.push(...o), i.className && s.push(i.className);
+  const _ = l(n), t = m.getEmotionCss(i, _);
   return /* @__PURE__ */ g(
     "div",
     {
       ...e,
       className: s.join(" "),
-      css: o
+      css: t
     }
   );
 }
 export {
-  r as default
+  y as default
 };
 //# sourceMappingURL=Gingham.js.map

package/dist/backgrounds/Gingham/Gingham.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gingham.js","sources":["../../../src/backgrounds/Gingham/Gingham.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Gingham.module.scss\";\r\nimport GinghamProps from \"./GinghamProps\";\r\n\r\nexport default function Gingham(props: GinghamProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"degree\"];\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[\"gingham\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.degree) {\r\n    assignedClassNames.push(classNames[`is-${props.degree}deg`]);\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 css = emotionStyleUtility.getEmotionCss(props);\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":["Gingham","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAQC,GAAyC;AACjE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,QAErB,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,OAAU;AACjD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,UACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,MAAM,KAAK,CAAC;AAEvD,QAAAI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAGnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AAGjD,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"Gingham.js","sources":["../../../src/backgrounds/Gingham/Gingham.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 \"./Gingham.module.scss\";\r\nimport GinghamProps from \"./GinghamProps\";\r\n\r\nexport default function Gingham(props: GinghamProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"degree\"];\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[\"gingham\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.degree) {\r\n    assignedClassNames.push(classNames[`is-${props.degree}deg`]);\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":["Gingham","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAQC,GAAyC;AACjE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,QAErB,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,OAAU;AACjD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,UACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,MAAM,KAAK,CAAC;AAEvD,QAAAI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAGnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAG9D,SAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/backgrounds/Rhombus/Rhombus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rhombus.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/Rhombus.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAuCvE"}
+{"version":3,"file":"Rhombus.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/Rhombus.tsx"],"names":[],"mappings":"AAMA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAyCvE"}

package/dist/backgrounds/Rhombus/Rhombus.js

@@ -1,9 +1,11 @@
 "use client";
 import { jsx as a } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Rhombus.css';const m = "_rhombus_109dl_1", l = {
-  rhombus: m,
+import { useContext as m } from "react";
+import d from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import n from "../../utilities/classNameUtility/classNameUtility.js";
+import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Rhombus.css';const c = "_rhombus_109dl_1", l = {
+  rhombus: c,
   "is-small": "_is-small_109dl_18",
   "is-large": "_is-large_109dl_21",
   "is-gray": "_is-gray_109dl_24",
@@ -18,14 +20,14 @@ import '../../assets/Rhombus.css';const m = "_rhombus_109dl_1", l = {
   "is-violet": "_is-violet_109dl_96",
   "is-magenta": "_is-magenta_109dl_104"
 };
-function g(s) {
+function N(s) {
   const e = { ...s };
   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 i = [l.rhombus];
   s.colorName && i.push(l[`is-${s.colorName}`]), s.size && i.push(l[`is-${s.size}`]);
-  const t = o.getUtilityClassNames(s);
+  const t = n.getUtilityClassNames(s);
   t && i.push(...t), s.className && i.push(s.className);
-  const _ = d.getEmotionCss(s);
+  const o = m(d), _ = r.getEmotionCss(s, o);
   return /* @__PURE__ */ a(
     "div",
     {
@@ -36,6 +38,6 @@ function g(s) {
   );
 }
 export {
-  g as default
+  N as default
 };
 //# sourceMappingURL=Rhombus.js.map

package/dist/backgrounds/Rhombus/Rhombus.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rhombus.js","sources":["../../../src/backgrounds/Rhombus/Rhombus.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Rhombus.module.scss\";\r\nimport RhombusProps from \"./RhombusProps\";\r\n\r\nexport default function Rhombus(props: RhombusProps): 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[\"rhombus\"]];\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  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);\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":["Rhombus","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAQC,GAAyC;AACjE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,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,OAAU;AACjD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,QACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,IAAI,EAAE,CAAC;AAElD,QAAAI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAGnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AAGjD,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"Rhombus.js","sources":["../../../src/backgrounds/Rhombus/Rhombus.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 \"./Rhombus.module.scss\";\r\nimport RhombusProps from \"./RhombusProps\";\r\n\r\nexport default function Rhombus(props: RhombusProps): 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[\"rhombus\"]];\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  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":["Rhombus","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAQC,GAAyC;AACjE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,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,OAAU;AACjD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,QACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,IAAI,EAAE,CAAC;AAElD,QAAAI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAGnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAG9D,SAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/backgrounds/Stripe/Stripe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stripe.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Stripe/Stripe.tsx"],"names":[],"mappings":"AAIA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAwCrE"}
+{"version":3,"file":"Stripe.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Stripe/Stripe.tsx"],"names":[],"mappings":"AAMA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CA0CrE"}

package/dist/backgrounds/Stripe/Stripe.js

@@ -1,9 +1,11 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import y from "../../utilities/classNameUtility/classNameUtility.js";
-import l from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Stripe.css';const v = "_stripe_dv95y_1", _ = {
-  stripe: v,
+import { jsx as y } from "@emotion/react/jsx-runtime";
+import { useContext as l } from "react";
+import o from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import v from "../../utilities/classNameUtility/classNameUtility.js";
+import a from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Stripe.css';const r = "_stripe_dv95y_1", _ = {
+  stripe: r,
   "is-0deg": "_is-0deg_dv95y_16",
   "is-15deg": "_is-15deg_dv95y_19",
   "is-30deg": "_is-30deg_dv95y_22",
@@ -41,24 +43,24 @@ import '../../assets/Stripe.css';const v = "_stripe_dv95y_1", _ = {
   "is-violet": "_is-violet_dv95y_163",
   "is-magenta": "_is-magenta_dv95y_171"
 };
-function r(s) {
+function N(s) {
   const e = { ...s };
   delete e.colorName, delete e.degree, 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 = [_.stripe];
   s.colorName && i.push(_[`is-${s.colorName}`]), s.degree && i.push(_[`is-${s.degree}deg`]);
-  const d = y.getUtilityClassNames(s);
+  const d = v.getUtilityClassNames(s);
   d && i.push(...d), s.className && i.push(s.className);
-  const g = l.getEmotionCss(s);
-  return /* @__PURE__ */ t(
+  const g = l(o), t = a.getEmotionCss(s, g);
+  return /* @__PURE__ */ y(
     "div",
     {
       ...e,
       className: i.join(" "),
-      css: g
+      css: t
     }
   );
 }
 export {
-  r as default
+  N as default
 };
 //# sourceMappingURL=Stripe.js.map

package/dist/backgrounds/Stripe/Stripe.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stripe.js","sources":["../../../src/backgrounds/Stripe/Stripe.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Stripe.module.scss\";\r\nimport StripeProps from \"./StripeProps\";\r\n\r\nexport default function Stripe(props: StripeProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"degree\"];\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[\"stripe\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.degree) {\r\n    assignedClassNames.push(classNames[`is-${props.degree}deg`]);\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 css = emotionStyleUtility.getEmotionCss(props);\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":["Stripe","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,QAErB,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,UACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,MAAM,KAAK,CAAC;AAGvD,QAAAI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAGnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AAGjD,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"Stripe.js","sources":["../../../src/backgrounds/Stripe/Stripe.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 \"./Stripe.module.scss\";\r\nimport StripeProps from \"./StripeProps\";\r\n\r\nexport default function Stripe(props: StripeProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"degree\"];\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[\"stripe\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.degree) {\r\n    assignedClassNames.push(classNames[`is-${props.degree}deg`]);\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":["Stripe","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,QAErB,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,UACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,MAAM,KAAK,CAAC;AAGvD,QAAAI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAGnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAG9D,SAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/backgrounds/Zigzag/Zigzag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Zigzag.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Zigzag/Zigzag.tsx"],"names":[],"mappings":"AAIA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAwCrE"}
+{"version":3,"file":"Zigzag.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Zigzag/Zigzag.tsx"],"names":[],"mappings":"AAMA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CA0CrE"}

package/dist/backgrounds/Zigzag/Zigzag.js

@@ -1,9 +1,11 @@
 "use client";
-import { jsx as y } from "@emotion/react/jsx-runtime";
-import f from "../../utilities/classNameUtility/classNameUtility.js";
-import l from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Zigzag.css';const a = "_zigzag_1hwfy_1", _ = {
-  zigzag: a,
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useContext as l } from "react";
+import y from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import h from "../../utilities/classNameUtility/classNameUtility.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",
@@ -43,24 +45,24 @@ import '../../assets/Zigzag.css';const a = "_zigzag_1hwfy_1", _ = {
   "is-violet": "_is-violet_1hwfy_171",
   "is-magenta": "_is-magenta_1hwfy_179"
 };
-function o(s) {
-  const e = { ...s };
+function z(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 i = [_.zigzag];
-  s.colorName && i.push(_[`is-${s.colorName}`]), s.size && i.push(_[`is-${s.size}`]);
-  const g = f.getUtilityClassNames(s);
-  g && i.push(...g), s.className && i.push(s.className);
-  const d = l.getEmotionCss(s);
-  return /* @__PURE__ */ y(
+  const s = [_.zigzag];
+  i.colorName && s.push(_[`is-${i.colorName}`]), i.size && s.push(_[`is-${i.size}`]);
+  const g = h.getUtilityClassNames(i);
+  g && s.push(...g), i.className && s.push(i.className);
+  const d = l(y), f = a.getEmotionCss(i, d);
+  return /* @__PURE__ */ t(
     "div",
     {
       ...e,
-      className: i.join(" "),
-      css: d
+      className: s.join(" "),
+      css: f
     }
   );
 }
 export {
-  o as default
+  z 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 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 css = emotionStyleUtility.getEmotionCss(props);\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","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,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;AAGlD,QAAAI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAGnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AAGjD,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"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;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,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;AAGlD,QAAAI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAGnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAG9D,SAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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":"AAIA,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CA2BzE"}
+{"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"}

package/dist/base/Minolith/Minolith.js

@@ -1,25 +1,38 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useMemo as r, useInsertionEffect as a } from "react";
-import c from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
-import m from "../Tabula/Tabula.js";
-import '../../assets/Minolith.css';function y(e) {
-  const i = { ...e };
-  delete i.cssVariableSetting;
-  const n = r(
-    () => c.getMinolithCssVariableStyles(
-      e.cssVariableSetting
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { useMemo as u, useInsertionEffect as a } from "react";
+import d from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import y from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import S from "../Tabula/Tabula.js";
+import '../../assets/Minolith.css';function p(i) {
+  const e = { ...i };
+  delete e.cssVariableSetting;
+  const l = u(
+    () => y.getMinolithCssVariableStyles(
+      i.cssVariableSetting
     ),
-    [e.cssVariableSetting]
+    [i.cssVariableSetting]
   );
   return a(() => {
-    const o = "minolith-custom-css-variables", s = document.head.querySelector(`#${o}`);
-    s && document.head.removeChild(s);
-    const t = document.createElement("style");
-    t.id = o, t.innerText = n.join(), document.head.appendChild(t);
-  }, [n]), /* @__PURE__ */ l(m, { ...i });
+    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(
+    d.Provider,
+    {
+      value: e.colorScheme ? e.colorScheme : "light",
+      children: /* @__PURE__ */ s(S, { ...e })
+    }
+  );
 }
 export {
-  y as default
+  p 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 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 currentCustomStyle = document.head.querySelector(`#${styleId}`);\r\n    if (currentCustomStyle) {\r\n      document.head.removeChild(currentCustomStyle);\r\n    }\r\n\r\n    const style = document.createElement(\"style\");\r\n    style.id = styleId;\r\n    style.innerText = minolithStyles.join();\r\n    document.head.appendChild(style);\r\n  }, [minolithStyles]);\r\n\r\n  return <Tabula {...assignedProps} />;\r\n}\r\n"],"names":["Minolith","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","currentCustomStyle","style","jsx","Tabula"],"mappings":";;;;;AAOA,SAAwBA,EAASC,GAA0C;AACnE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB;AAAA,MACnBJ,EAAM;AAAA,IACR;AAAA,IACF,CAACA,EAAM,kBAAkB;AAAA,EAC3B;AAEA,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAqB,SAAS,KAAK,cAAc,IAAID,CAAO,EAAE;AACpE,IAAIC,KACO,SAAA,KAAK,YAAYA,CAAkB;AAGxC,UAAAC,IAAQ,SAAS,cAAc,OAAO;AAC5C,IAAAA,EAAM,KAAKF,GACLE,EAAA,YAAYN,EAAe,KAAK,GAC7B,SAAA,KAAK,YAAYM,CAAK;AAAA,EAAA,GAC9B,CAACN,CAAc,CAAC,GAEZ,gBAAAO,EAACC,GAAQ,EAAA,GAAGT,EAAe,CAAA;AACpC;"}
+{"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;AACnE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB;AAAA,MACnBJ,EAAM;AAAA,IACR;AAAA,IACF,CAACA,EAAM,kBAAkB;AAAA,EAC3B;AAEA,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAmC,MAAM;AACvC,YAAAC,IAAQ,SAAS,cAAc,OAAO;AAC5C,aAAAA,EAAM,KAAKF,GACLE,EAAA,cAAcN,EAAe,KAAK,GACjCM;AAAA,IACT,GAEMC,IAAW,CAACC,MAAyB;AACzC,YAAMC,IAAqBD,EAAQ,cAAc,IAAIJ,CAAO,EAAE;AAC9D,MAAIK,KACFD,EAAQ,YAAYC,CAAkB;AAGxC,YAAMH,IAAQD,EAAiC;AAC/C,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,EAE1B,GACC,CAACP,CAAc,CAAC,GAGjB,gBAAAU;AAAA,IAACC,EAA2B;AAAA,IAA3B;AAAA,MACC,OAAOZ,EAAc,cAAcA,EAAc,cAAc;AAAA,MAE/D,UAAA,gBAAAW,EAACE,GAAQ,EAAA,GAAGb,EAAe,CAAA;AAAA,IAAA;AAAA,EAC7B;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,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;AA2wBnC,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;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"}

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":"AAIA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,sCAAsC;AACtC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CA2BrF"}
+{"version":3,"file":"MinolithStatic.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"names":[],"mappings":"AAIA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,sCAAsC;AACtC,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,KAAK,EAAE,mBAAmB,GACzB,KAAK,CAAC,YAAY,CA0CpB"}

package/dist/base/MinolithStatic/MinolithStatic.js

@@ -1,23 +1,31 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useMemo as r, useInsertionEffect as a } from "react";
-import c from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
-import m from "../Tabula/Tabula.js";
-import '../../assets/Minolith.css';function y(t) {
-  const i = { ...t };
+import { jsx as u } from "@emotion/react/jsx-runtime";
+import { useMemo as m, useInsertionEffect as a } from "react";
+import y from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import d from "../Tabula/Tabula.js";
+import '../../assets/Minolith.css';function g(o) {
+  const i = { ...o };
   delete i.cssVariableSetting;
-  const n = r(
-    () => c.getMinolithCssVariableStyles(t.cssVariableSetting),
-    [t.cssVariableSetting]
+  const n = m(
+    () => y.getMinolithCssVariableStyles(
+      o.cssVariableSetting
+    ),
+    [o.cssVariableSetting]
   );
   return a(() => {
-    const o = "minolith-custom-css-variables", s = document.head.querySelector(`#${o}`);
-    s && document.head.removeChild(s);
-    const e = document.createElement("style");
-    e.id = o, e.innerText = n.join(), document.head.appendChild(e);
-  }, [n]), /* @__PURE__ */ l(m, { ...i });
+    const e = "minolith-custom-css-variables", r = () => {
+      const t = document.createElement("style");
+      return t.id = e, t.textContent = n.join(), t;
+    }, s = (t) => {
+      const l = t.querySelector(`#${e}`);
+      l && t.removeChild(l);
+      const c = r();
+      t.append(c);
+    };
+    document.querySelector(`#${e}`) === null && (s(document.head), document.querySelector(`#${e}`) === null && s(document.body));
+  }, [n]), /* @__PURE__ */ u(d, { ...i });
 }
 export {
-  y as default
+  g 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":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./MinolithStatic.scss\";\r\nimport MinolithStaticProps from \"./MinolithStaticProps\";\r\n\r\n/** @deprecated please use Minolith */\r\nexport default function MinolithStatic(props: MinolithStaticProps): 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(props.cssVariableSetting),\r\n    [props.cssVariableSetting]\r\n  );\r\n\r\n  useInsertionEffect(() => {\r\n    const styleId = \"minolith-custom-css-variables\";\r\n\r\n    const currentCustomStyle = document.head.querySelector(`#${styleId}`);\r\n    if (currentCustomStyle) {\r\n      document.head.removeChild(currentCustomStyle);\r\n    }\r\n\r\n    const style = document.createElement(\"style\");\r\n    style.id = styleId;\r\n    style.innerText = minolithStyles.join();\r\n    document.head.appendChild(style);\r\n  }, [minolithStyles]);\r\n\r\n  return (\r\n    <Tabula {...assignedProps} />\r\n  );\r\n}\r\n"],"names":["MinolithStatic","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","currentCustomStyle","style","jsx","Tabula"],"mappings":";;;;;AAQA,SAAwBA,EAAeC,GAAgD;AAC/E,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB,6BAA6BJ,EAAM,kBAAkB;AAAA,IAC5E,CAACA,EAAM,kBAAkB;AAAA,EAC3B;AAEA,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAqB,SAAS,KAAK,cAAc,IAAID,CAAO,EAAE;AACpE,IAAIC,KACO,SAAA,KAAK,YAAYA,CAAkB;AAGxC,UAAAC,IAAQ,SAAS,cAAc,OAAO;AAC5C,IAAAA,EAAM,KAAKF,GACLE,EAAA,YAAYN,EAAe,KAAK,GAC7B,SAAA,KAAK,YAAYM,CAAK;AAAA,EAAA,GAC9B,CAACN,CAAc,CAAC,GAGjB,gBAAAO,EAACC,GAAQ,EAAA,GAAGT,EAAe,CAAA;AAE/B;"}
+{"version":3,"file":"MinolithStatic.js","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./MinolithStatic.scss\";\r\nimport MinolithStaticProps from \"./MinolithStaticProps\";\r\n\r\n/** @deprecated please use Minolith */\r\nexport default function MinolithStatic(\r\n  props: MinolithStaticProps\r\n): 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 <Tabula {...assignedProps} />;\r\n}\r\n"],"names":["MinolithStatic","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","createMinolithCustomStyleElement","style","setStyle","element","currentCustomStyle","jsx","Tabula"],"mappings":";;;;;AAQA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB;AAAA,MACnBJ,EAAM;AAAA,IACR;AAAA,IACF,CAACA,EAAM,kBAAkB;AAAA,EAC3B;AAEA,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAmC,MAAM;AACvC,YAAAC,IAAQ,SAAS,cAAc,OAAO;AAC5C,aAAAA,EAAM,KAAKF,GACLE,EAAA,cAAcN,EAAe,KAAK,GACjCM;AAAA,IACT,GAEMC,IAAW,CAACC,MAAyB;AACzC,YAAMC,IAAqBD,EAAQ,cAAc,IAAIJ,CAAO,EAAE;AAC9D,MAAIK,KACFD,EAAQ,YAAYC,CAAkB;AAGxC,YAAMH,IAAQD,EAAiC;AAC/C,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,EAE1B,GACC,CAACP,CAAc,CAAC,GAEZ,gBAAAU,EAACC,GAAQ,EAAA,GAAGZ,EAAe,CAAA;AACpC;"}

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":"AAIA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAyCrE"}
+{"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"}

package/dist/base/Tabula/Tabula.js

@@ -1,17 +1,19 @@
 "use client";
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import c from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Tabula.css';const m = "_tabula_fxvj9_1", n = {
-  tabula: m
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { useContext as c } from "react";
+import m from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import n from "../../utilities/classNameUtility/classNameUtility.js";
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Tabula.css';const r = "_tabula_fxvj9_1", h = {
+  tabula: r
 };
-function h(t) {
+function C(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 = [n.tabula], a = c.getUtilityClassNames(t);
+  const s = [h.tabula], a = n.getUtilityClassNames(t);
   a && s.push(...a), t.className && s.push(t.className);
-  const l = o.getEmotionCss(t);
-  return t.as ? /* @__PURE__ */ i(
+  const i = c(m), l = d.getEmotionCss(t, i);
+  return t.as ? /* @__PURE__ */ o(
     t.as,
     {
       ...e,
@@ -19,7 +21,7 @@ function h(t) {
       className: s.join(" "),
       css: l
     }
-  ) : /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ o(
     "div",
     {
       ...e,
@@ -30,6 +32,6 @@ function h(t) {
   );
 }
 export {
-  h as default
+  C 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 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 css = emotionStyleUtility.getEmotionCss(props);\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":";;;;;;;AAMA,SAAwBA,EAAOC,GAAwC;AAC/D,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,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS,GAC1CC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAGnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,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,EACF;AAEJ;"}
+{"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;AAC/D,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,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS,GAC1CC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAGnC,QAAAM,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,EACF;AAEJ;"}