react-minolith 1.0.13 → 1.0.16

package/dist/components/DialogueContentContainer/DialogueContentContainer.js

@@ -1,35 +1,37 @@
 "use client";
 import { jsx as n } from "@emotion/react/jsx-runtime";
-import l from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Dialogue.css';const c = {
+import { useContext as l } from "react";
+import c from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import m from "../../utilities/classNameUtility/classNameUtility.js";
+import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Dialogue.css';const d = {
   "dialogue-content-container": "_dialogue-content-container_wae5a_97"
 };
-function r(t) {
+function h(t) {
   const e = { ...t };
   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 = [
-    c["dialogue-content-container"]
-  ], i = l.getUtilityClassNames(t);
+    d["dialogue-content-container"]
+  ], i = m.getUtilityClassNames(t);
   i && s.push(...i), t.className && s.push(t.className);
-  const a = o.getEmotionCss(t);
+  const a = l(c), o = r.getEmotionCss(t, a);
   return t.as ? /* @__PURE__ */ n(
     t.as,
     {
       ...e,
       className: s.join(" "),
-      css: a
+      css: o
     }
   ) : /* @__PURE__ */ n(
     "div",
     {
       ...e,
       className: s.join(" "),
-      css: a
+      css: o
     }
   );
 }
 export {
-  r as default
+  h as default
 };
 //# sourceMappingURL=DialogueContentContainer.js.map

package/dist/components/DialogueContentContainer/DialogueContentContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueContentContainer.js","sources":["../../../src/components/DialogueContentContainer/DialogueContentContainer.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./DialogueContentContainer.module.scss\";\r\nimport DialogueContentContainerProps from \"./DialogueContentContainerProps\";\r\n\r\nexport default function DialogueContentContainer(\r\n  props: DialogueContentContainerProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [\r\n    classNames[\"dialogue-content-container\"],\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  const css = emotionStyleUtility.getEmotionCss(props);\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueContentContainer","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B;AAAA,IACnCC,EAAW,4BAA4B;AAAA,EACzC,GAEMC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AACnD,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"DialogueContentContainer.js","sources":["../../../src/components/DialogueContentContainer/DialogueContentContainer.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 \"./DialogueContentContainer.module.scss\";\r\nimport DialogueContentContainerProps from \"./DialogueContentContainerProps\";\r\n\r\nexport default function DialogueContentContainer(\r\n  props: DialogueContentContainerProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [\r\n    classNames[\"dialogue-content-container\"],\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  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueContentContainer","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B;AAAA,IACnCC,EAAW,4BAA4B;AAAA,EACzC,GAEMC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,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,EACF;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueMessage.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueMessage/DialogueMessage.tsx"],"names":[],"mappings":"AAGA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAG1D,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,KAAK,EAAE,oBAAoB,GAC1B,KAAK,CAAC,YAAY,CAoCpB"}
+{"version":3,"file":"DialogueMessage.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueMessage/DialogueMessage.tsx"],"names":[],"mappings":"AAKA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAG1D,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,KAAK,EAAE,oBAAoB,GAC1B,KAAK,CAAC,YAAY,CAsCpB"}

package/dist/components/DialogueMessage/DialogueMessage.js

@@ -1,33 +1,35 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Dialogue.css';const n = {
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { useContext as m } from "react";
+import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import c from "../../utilities/classNameUtility/classNameUtility.js";
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Dialogue.css';const g = {
   "dialogue-message": "_dialogue-message_wae5a_129"
 };
-function u(s) {
+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;
-  const a = [n["dialogue-message"]], t = o.getUtilityClassNames(s);
-  t && a.push(...t), s.className && a.push(s.className);
-  const i = m.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ l(
+  const t = [g["dialogue-message"]], i = c.getUtilityClassNames(s);
+  i && t.push(...i), s.className && t.push(s.className);
+  const l = m(n), a = d.getEmotionCss(s, l);
+  return s.as ? /* @__PURE__ */ o(
     s.as,
     {
       ...e,
-      className: a.join(" "),
-      css: i
+      className: t.join(" "),
+      css: a
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ o(
     "div",
     {
       ...e,
-      className: a.join(" "),
-      css: i
+      className: t.join(" "),
+      css: a
     }
   );
 }
 export {
-  u as default
+  C as default
 };
 //# sourceMappingURL=DialogueMessage.js.map

package/dist/components/DialogueMessage/DialogueMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueMessage.js","sources":["../../../src/components/DialogueMessage/DialogueMessage.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport DialogueMessageProps from \"./DialogueMessageProps\";\r\nimport classNames from \"./DialogueMessage.module.scss\";\r\n\r\nexport default function DialogueMessage(\r\n  props: DialogueMessageProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"dialogue-message\"]];\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  const css = emotionStyleUtility.getEmotionCss(props);\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueMessage","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,kBAAkB,CAAC,GAE9DC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AACnD,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"DialogueMessage.js","sources":["../../../src/components/DialogueMessage/DialogueMessage.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 DialogueMessageProps from \"./DialogueMessageProps\";\r\nimport classNames from \"./DialogueMessage.module.scss\";\r\n\r\nexport default function DialogueMessage(\r\n  props: DialogueMessageProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"dialogue-message\"]];\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  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueMessage","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,kBAAkB,CAAC,GAE9DC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,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,EACF;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueMessageInner.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueMessageInner/DialogueMessageInner.tsx"],"names":[],"mappings":"AAGA,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAGpE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAC1C,KAAK,EAAE,yBAAyB,GAC/B,KAAK,CAAC,YAAY,CAoCpB"}
+{"version":3,"file":"DialogueMessageInner.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueMessageInner/DialogueMessageInner.tsx"],"names":[],"mappings":"AAKA,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAGpE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAC1C,KAAK,EAAE,yBAAyB,GAC/B,KAAK,CAAC,YAAY,CAsCpB"}

package/dist/components/DialogueMessageInner/DialogueMessageInner.js

@@ -1,33 +1,35 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import n from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Dialogue.css';const m = {
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { useContext as n } from "react";
+import m from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import c from "../../utilities/classNameUtility/classNameUtility.js";
+import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Dialogue.css';const d = {
   "dialogue-message-inner": "_dialogue-message-inner_wae5a_162"
 };
-function r(s) {
+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;
-  const a = [m["dialogue-message-inner"]], i = n.getUtilityClassNames(s);
-  i && a.push(...i), s.className && a.push(s.className);
-  const t = o.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ l(
+  const t = [d["dialogue-message-inner"]], i = c.getUtilityClassNames(s);
+  i && t.push(...i), s.className && t.push(s.className);
+  const l = n(m), a = r.getEmotionCss(s, l);
+  return s.as ? /* @__PURE__ */ o(
     s.as,
     {
       ...e,
-      className: a.join(" "),
-      css: t
+      className: t.join(" "),
+      css: a
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ o(
     "div",
     {
       ...e,
-      className: a.join(" "),
-      css: t
+      className: t.join(" "),
+      css: a
     }
   );
 }
 export {
-  r as default
+  C as default
 };
 //# sourceMappingURL=DialogueMessageInner.js.map

package/dist/components/DialogueMessageInner/DialogueMessageInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueMessageInner.js","sources":["../../../src/components/DialogueMessageInner/DialogueMessageInner.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport DialogueMessageInnerProps from \"./DialogueMessageInnerProps\";\r\nimport classNames from \"./DialogueMessageInner.module.scss\";\r\n\r\nexport default function DialogueMessageInner(\r\n  props: DialogueMessageInnerProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"dialogue-message-inner\"]];\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  const css = emotionStyleUtility.getEmotionCss(props);\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueMessageInner","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,wBAAwB,CAAC,GAEpEC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AACnD,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"DialogueMessageInner.js","sources":["../../../src/components/DialogueMessageInner/DialogueMessageInner.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 DialogueMessageInnerProps from \"./DialogueMessageInnerProps\";\r\nimport classNames from \"./DialogueMessageInner.module.scss\";\r\n\r\nexport default function DialogueMessageInner(\r\n  props: DialogueMessageInnerProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"dialogue-message-inner\"]];\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  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueMessageInner","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,wBAAwB,CAAC,GAEpEC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,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,EACF;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueName.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueName/DialogueName.tsx"],"names":[],"mappings":"AAGA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,KAAK,EAAE,iBAAiB,GACvB,KAAK,CAAC,YAAY,CAoCpB"}
+{"version":3,"file":"DialogueName.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueName/DialogueName.tsx"],"names":[],"mappings":"AAKA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,KAAK,EAAE,iBAAiB,GACvB,KAAK,CAAC,YAAY,CAsCpB"}

package/dist/components/DialogueName/DialogueName.js

@@ -1,33 +1,35 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import n from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Dialogue.css';const m = {
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { useContext as m } from "react";
+import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import c from "../../utilities/classNameUtility/classNameUtility.js";
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Dialogue.css';const r = {
   "dialogue-name": "_dialogue-name_wae5a_128"
 };
-function u(s) {
+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;
-  const a = [m["dialogue-name"]], t = n.getUtilityClassNames(s);
-  t && a.push(...t), s.className && a.push(s.className);
-  const i = o.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ l(
+  const t = [r["dialogue-name"]], i = c.getUtilityClassNames(s);
+  i && t.push(...i), s.className && t.push(s.className);
+  const l = m(n), a = d.getEmotionCss(s, l);
+  return s.as ? /* @__PURE__ */ o(
     s.as,
     {
       ...e,
-      className: a.join(" "),
-      css: i
+      className: t.join(" "),
+      css: a
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ o(
     "div",
     {
       ...e,
-      className: a.join(" "),
-      css: i
+      className: t.join(" "),
+      css: a
     }
   );
 }
 export {
-  u as default
+  C as default
 };
 //# sourceMappingURL=DialogueName.js.map

package/dist/components/DialogueName/DialogueName.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueName.js","sources":["../../../src/components/DialogueName/DialogueName.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport DialogueNameProps from \"./DialogueNameProps\";\r\nimport classNames from \"./DialogueName.module.scss\";\r\n\r\nexport default function DialogueName(\r\n  props: DialogueNameProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"dialogue-name\"]];\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  const css = emotionStyleUtility.getEmotionCss(props);\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueName","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,eAAe,CAAC,GAE3DC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AACnD,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"DialogueName.js","sources":["../../../src/components/DialogueName/DialogueName.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 DialogueNameProps from \"./DialogueNameProps\";\r\nimport classNames from \"./DialogueName.module.scss\";\r\n\r\nexport default function DialogueName(\r\n  props: DialogueNameProps\r\n): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"dialogue-name\"]];\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  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueName","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EACtBC,GACoB;AACd,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,eAAe,CAAC,GAE3DC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,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,EACF;AAEJ;"}

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

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

package/dist/components/Div/Div.js

@@ -1,26 +1,28 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Div.css';const c = "_div_1ky7h_1", d = {
-  div: c
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { useContext as a } from "react";
+import m from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import c from "../../utilities/classNameUtility/classNameUtility.js";
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Div.css';const r = "_div_1ky7h_1", f = {
+  div: r
 };
-function f(s) {
-  const e = { ...s };
+function v(t) {
+  const e = { ...t };
   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 t = [d.div], i = o.getUtilityClassNames(s);
-  i && t.push(...i), s.className && t.push(s.className);
-  const l = n.getEmotionCss(s);
-  return /* @__PURE__ */ a(
+  const s = [f.div], i = c.getUtilityClassNames(t);
+  i && s.push(...i), t.className && s.push(t.className);
+  const o = a(m), l = d.getEmotionCss(t, o);
+  return /* @__PURE__ */ n(
     "div",
     {
       ...e,
-      className: t.join(" "),
+      className: s.join(" "),
       css: l
     }
   );
 }
 export {
-  f as default
+  v as default
 };
 //# sourceMappingURL=Div.js.map

package/dist/components/Div/Div.js.map

@@ -1 +1 @@
-{"version":3,"file":"Div.js","sources":["../../../src/components/Div/Div.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Div.module.scss\";\r\nimport DivProps from \"./DivProps\";\r\n\r\nexport default function Div(props: DivProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"div\"]];\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  const css = emotionStyleUtility.getEmotionCss(props);\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":["Div","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EAAIC,GAAqC;AACzD,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AAEjC,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,GAAM,GAEjDC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AAEjD,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":"Div.js","sources":["../../../src/components/Div/Div.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 \"./Div.module.scss\";\r\nimport DivProps from \"./DivProps\";\r\n\r\nexport default function Div(props: DivProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"div\"]];\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  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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":["Div","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EAAIC,GAAqC;AACzD,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AAEjC,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,GAAM,GAEjDC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAE9D,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/components/Footer/Footer.d.ts.map

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

package/dist/components/Footer/Footer.js

@@ -1,9 +1,11 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import _ from "../../utilities/classNameUtility/classNameUtility.js";
-import g from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Footer.css';const n = "_footer_uzgwp_1", o = {
-  footer: n,
+import { jsx as _ } from "@emotion/react/jsx-runtime";
+import { useContext as r } from "react";
+import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import g from "../../utilities/classNameUtility/classNameUtility.js";
+import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Footer.css';const c = "_footer_uzgwp_1", t = {
+  footer: c,
   "is-gray": "_is-gray_uzgwp_10",
   "is-red": "_is-red_uzgwp_14",
   "is-coral": "_is-coral_uzgwp_18",
@@ -16,24 +18,24 @@ import '../../assets/Footer.css';const n = "_footer_uzgwp_1", o = {
   "is-violet": "_is-violet_uzgwp_46",
   "is-magenta": "_is-magenta_uzgwp_50"
 };
-function u(s) {
+function p(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 = [o.Footer];
-  s.colorName && i.push(o[`is-${s.colorName}`]);
-  const t = _.getUtilityClassNames(s);
-  t && i.push(...t), s.className && i.push(s.className);
-  const l = g.getEmotionCss(s);
-  return /* @__PURE__ */ a(
+  const i = [t.Footer];
+  s.colorName && i.push(t[`is-${s.colorName}`]);
+  const o = g.getUtilityClassNames(s);
+  o && i.push(...o), s.className && i.push(s.className);
+  const l = r(n), a = m.getEmotionCss(s, l);
+  return /* @__PURE__ */ _(
     "footer",
     {
       ...e,
       className: i.join(" "),
-      css: l
+      css: a
     }
   );
 }
 export {
-  u as default
+  p as default
 };
 //# sourceMappingURL=Footer.js.map

package/dist/components/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Footer.module.scss\";\r\nimport FooterProps from \"./FooterProps\";\r\n\r\nexport default function Footer(props: FooterProps): 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  const assignedClassNames: string[] = [classNames[\"Footer\"]];\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  const css = emotionStyleUtility.getEmotionCss(props);\r\n  return (\r\n    <footer\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Footer","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,MAAS;AAC1D,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAGvD,QAAAI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AAEjD,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":"Footer.js","sources":["../../../src/components/Footer/Footer.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 \"./Footer.module.scss\";\r\nimport FooterProps from \"./FooterProps\";\r\n\r\nexport default function Footer(props: FooterProps): 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  const assignedClassNames: string[] = [classNames[\"Footer\"]];\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  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n  return (\r\n    <footer\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Footer","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,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,MAAS;AAC1D,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAGvD,QAAAI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAE9D,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/components/Hamburger/Hamburger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hamburger.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/Hamburger.tsx"],"names":[],"mappings":"AAIA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA+C3E"}
+{"version":3,"file":"Hamburger.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/Hamburger.tsx"],"names":[],"mappings":"AAMA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAiD3E"}

package/dist/components/Hamburger/Hamburger.js

@@ -1,14 +1,16 @@
 "use client";
-import { jsxs as _, jsx as s } from "@emotion/react/jsx-runtime";
-import n from "../../utilities/classNameUtility/classNameUtility.js";
-import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Hamburger.css';const o = "_hamburger_yi0b1_1", y = "_crown_yi0b1_12", b = "_upperpatty_yi0b1_13", m = "_club_yi0b1_14", u = "_lowerpatty_yi0b1_15", h = "_heel_yi0b1_16", a = {
-  hamburger: o,
-  crown: y,
-  upperpatty: b,
-  club: m,
-  lowerpatty: u,
-  heel: h,
+import { jsxs as o, jsx as s } from "@emotion/react/jsx-runtime";
+import { useContext as n } from "react";
+import c from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import y from "../../utilities/classNameUtility/classNameUtility.js";
+import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Hamburger.css';const b = "_hamburger_yi0b1_1", u = "_crown_yi0b1_12", h = "_upperpatty_yi0b1_13", p = "_club_yi0b1_14", g = "_lowerpatty_yi0b1_15", d = "_heel_yi0b1_16", t = {
+  hamburger: b,
+  crown: u,
+  upperpatty: h,
+  club: p,
+  lowerpatty: g,
+  heel: d,
   "hamburger-upperpatty": "_hamburger-upperpatty_yi0b1_1",
   "hamburger-lowerpatty": "_hamburger-lowerpatty_yi0b1_1",
   "is-active": "_is-active_yi0b1_60",
@@ -26,32 +28,32 @@ import '../../assets/Hamburger.css';const o = "_hamburger_yi0b1_1", y = "_crown_
   "is-violet": "_is-violet_yi0b1_179",
   "is-magenta": "_is-magenta_yi0b1_191"
 };
-function N(i) {
+function x(i) {
   const e = { ...i };
   delete e.colorName, delete e.isActive, delete e.crownInner, delete e.heelInner, 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 t = [a.hamburger];
-  i.colorName && t.push(a[`is-${i.colorName}`]), i.colorName && t.push(a["is-active"]);
-  const r = n.getUtilityClassNames(i);
-  r && t.push(...r), i.className && t.push(i.className);
-  const l = c.getEmotionCss(i);
-  return /* @__PURE__ */ _(
+  const a = [t.hamburger];
+  i.colorName && a.push(t[`is-${i.colorName}`]), i.colorName && a.push(t["is-active"]);
+  const r = y.getUtilityClassNames(i);
+  r && a.push(...r), i.className && a.push(i.className);
+  const l = n(c), _ = m.getEmotionCss(i, l);
+  return /* @__PURE__ */ o(
     "div",
     {
       ...e,
       role: "button",
-      className: t.join(" "),
-      css: l,
+      className: a.join(" "),
+      css: _,
       children: [
-        /* @__PURE__ */ s("span", { className: a.crown, children: i.crownInner }),
-        /* @__PURE__ */ s("span", { className: a.upperpatty, "aria-hidden": "true" }),
-        /* @__PURE__ */ s("span", { className: a.club, "aria-hidden": "true" }),
-        /* @__PURE__ */ s("span", { className: a.lowerpatty, "aria-hidden": "true" }),
-        /* @__PURE__ */ s("span", { className: a.heel, children: i.heelInner })
+        /* @__PURE__ */ s("span", { className: t.crown, children: i.crownInner }),
+        /* @__PURE__ */ s("span", { className: t.upperpatty, "aria-hidden": "true" }),
+        /* @__PURE__ */ s("span", { className: t.club, "aria-hidden": "true" }),
+        /* @__PURE__ */ s("span", { className: t.lowerpatty, "aria-hidden": "true" }),
+        /* @__PURE__ */ s("span", { className: t.heel, children: i.heelInner })
       ]
     }
   );
 }
 export {
-  N as default
+  x as default
 };
 //# sourceMappingURL=Hamburger.js.map

package/dist/components/Hamburger/Hamburger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hamburger.js","sources":["../../../src/components/Hamburger/Hamburger.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Hamburger.module.scss\";\r\nimport HamburgerProps from \"./HamburgerProps\";\r\n\r\nexport default function Hamburger(props: HamburgerProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isActive\"];\r\n  delete assignedProps[\"crownInner\"];\r\n  delete assignedProps[\"heelInner\"];\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  const assignedClassNames = [classNames[\"hamburger\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[\"is-active\"]);\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  const css = emotionStyleUtility.getEmotionCss(props);\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      role=\"button\"\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    >\r\n      <span className={classNames[\"crown\"]}>{props.crownInner}</span>\r\n      <span className={classNames[\"upperpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"club\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"lowerpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"heel\"]}>{props.heelInner}</span>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Hamburger","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAUC,GAA2C;AACrE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,YACrB,OAAOA,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;AAErB,QAAMC,IAAqB,CAACC,EAAW,SAAY;AACnD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAGzDA,EAAM,aACWE,EAAA,KAAKC,EAAW,WAAW,CAAC;AAG3C,QAAAC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AAEjD,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,MAAK;AAAA,MACL,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAG,EAAC,UAAK,WAAWN,EAAW,OAAW,YAAM,YAAW;AAAA,0BACvD,QAAK,EAAA,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAK,EAAA,WAAWA,EAAW,MAAS,eAAY,QAAO;AAAA,0BACvD,QAAK,EAAA,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAK,EAAA,WAAWA,EAAW,MAAU,YAAM,UAAU,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACxD;AAEJ;"}
+{"version":3,"file":"Hamburger.js","sources":["../../../src/components/Hamburger/Hamburger.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 \"./Hamburger.module.scss\";\r\nimport HamburgerProps from \"./HamburgerProps\";\r\n\r\nexport default function Hamburger(props: HamburgerProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isActive\"];\r\n  delete assignedProps[\"crownInner\"];\r\n  delete assignedProps[\"heelInner\"];\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  const assignedClassNames = [classNames[\"hamburger\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[\"is-active\"]);\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  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      role=\"button\"\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    >\r\n      <span className={classNames[\"crown\"]}>{props.crownInner}</span>\r\n      <span className={classNames[\"upperpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"club\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"lowerpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"heel\"]}>{props.heelInner}</span>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Hamburger","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAUC,GAA2C;AACrE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,YACrB,OAAOA,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;AAErB,QAAMC,IAAqB,CAACC,EAAW,SAAY;AACnD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAGzDA,EAAM,aACWE,EAAA,KAAKC,EAAW,WAAW,CAAC;AAG3C,QAAAC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAE9D,SAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,MAAK;AAAA,MACL,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAG,EAAC,UAAK,WAAWT,EAAW,OAAW,YAAM,YAAW;AAAA,0BACvD,QAAK,EAAA,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAK,EAAA,WAAWA,EAAW,MAAS,eAAY,QAAO;AAAA,0BACvD,QAAK,EAAA,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAK,EAAA,WAAWA,EAAW,MAAU,YAAM,UAAU,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACxD;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.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":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.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/components/Header/Header.js

@@ -1,9 +1,11 @@
 "use client";
 import { jsx as _ } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Header.css';const d = "_header_8j6hv_1", t = {
-  header: d,
+import { useContext as c } from "react";
+import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import r from "../../utilities/classNameUtility/classNameUtility.js";
+import h from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Header.css';const m = "_header_8j6hv_1", t = {
+  header: m,
   "is-sticky": "_is-sticky_8j6hv_10",
   "is-fixed": "_is-fixed_8j6hv_17",
   "is-gray": "_is-gray_8j6hv_24",
@@ -18,24 +20,24 @@ import '../../assets/Header.css';const d = "_header_8j6hv_1", t = {
   "is-violet": "_is-violet_8j6hv_69",
   "is-magenta": "_is-magenta_8j6hv_74"
 };
-function m(i) {
+function y(i) {
   const e = { ...i };
   delete e.colorName, delete e.isSticky, delete e.isFixed, 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 = [t.header];
   i.colorName && s.push(t[`is-${i.colorName}`]), i.isSticky && s.push(t["is-sticky"]), i.isFixed && s.push(t["is-fixed"]);
-  const a = o.getUtilityClassNames(i);
-  a && s.push(...a), i.className && s.push(i.className);
-  const l = c.getEmotionCss(i);
+  const l = r.getUtilityClassNames(i);
+  l && s.push(...l), i.className && s.push(i.className);
+  const a = c(n), o = h.getEmotionCss(i, a);
   return /* @__PURE__ */ _(
     "header",
     {
       ...e,
       className: s.join(" "),
-      css: l
+      css: o
     }
   );
 }
 export {
-  m as default
+  y as default
 };
 //# sourceMappingURL=Header.js.map

package/dist/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Header.module.scss\";\r\nimport HeaderProps from \"./HeaderProps\";\r\n\r\nexport default function Header(props: HeaderProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isSticky\"];\r\n  delete assignedProps[\"isFixed\"];\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  const assignedClassNames: string[] = [classNames[\"header\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.isSticky) {\r\n    assignedClassNames.push(classNames[`is-sticky`]);\r\n  }\r\n  if (props.isFixed) {\r\n    assignedClassNames.push(classNames[`is-fixed`]);\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  const css = emotionStyleUtility.getEmotionCss(props);\r\n  return (\r\n    <header\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Header","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,UACrB,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;AAErB,QAAMC,IAA+B,CAACC,EAAW,MAAS;AAC1D,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,YACWE,EAAA,KAAKC,EAAW,WAAW,CAAC,GAE7CH,EAAM,WACWE,EAAA,KAAKC,EAAW,UAAU,CAAC;AAG1C,QAAAC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAMC,EAAoB,cAAcP,CAAK;AAEjD,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":"Header.js","sources":["../../../src/components/Header/Header.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 \"./Header.module.scss\";\r\nimport HeaderProps from \"./HeaderProps\";\r\n\r\nexport default function Header(props: HeaderProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isSticky\"];\r\n  delete assignedProps[\"isFixed\"];\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  const assignedClassNames: string[] = [classNames[\"header\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.isSticky) {\r\n    assignedClassNames.push(classNames[`is-sticky`]);\r\n  }\r\n  if (props.isFixed) {\r\n    assignedClassNames.push(classNames[`is-fixed`]);\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  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n  return (\r\n    <header\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Header","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,UACrB,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;AAErB,QAAMC,IAA+B,CAACC,EAAW,MAAS;AAC1D,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,YACWE,EAAA,KAAKC,EAAW,WAAW,CAAC,GAE7CH,EAAM,WACWE,EAAA,KAAKC,EAAW,UAAU,CAAC;AAG1C,QAAAC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACiBF,EAAA,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACWE,EAAA,KAAKF,EAAM,SAAS;AAEnC,QAAAM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAE9D,SAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EACF;AAEJ;"}