react-minolith 1.2.2 → 1.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueMessageInnerProps.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueMessageInner/DialogueMessageInnerProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,yBAA0B,SAAQ,QAAQ;IACjE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}
+{"version":3,"file":"DialogueMessageInnerProps.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueMessageInner/DialogueMessageInnerProps.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,yBAA0B,SAAQ,QAAQ;CAAG"}

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

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

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":"AAKA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,KAAK,EAAE,iBAAiB,GACvB,KAAK,CAAC,YAAY,CAsCpB"}
+{"version":3,"file":"DialogueName.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueName/DialogueName.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAIjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,KAAK,EAAE,iBAAiB,GACvB,YAAY,CAuCd"}

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 { 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;AACpB,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,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,EAAA;AAGN;"}
+{"version":3,"file":"DialogueName.js","sources":["../../../src/components/DialogueName/DialogueName.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement, useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport DialogueNameProps from \"./DialogueNameProps\";\r\nimport classNames from \"./DialogueName.module.scss\";\r\n\r\nexport default function DialogueName(\r\n  props: DialogueNameProps\r\n): 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\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,GACc;AACd,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogueNameProps.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueName/DialogueNameProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,iBAAkB,SAAQ,QAAQ;IACzD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}
+{"version":3,"file":"DialogueNameProps.d.ts","sourceRoot":"","sources":["../../../src/components/DialogueName/DialogueNameProps.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,iBAAkB,SAAQ,QAAQ;CAAG"}

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

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

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":"AAMA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CA+B/D"}
+{"version":3,"file":"Div.d.ts","sourceRoot":"","sources":["../../../src/components/Div/Div.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,YAAY,CAsCzD"}

package/dist/components/Div/Div.js

@@ -1,24 +1,31 @@
 "use client";
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { useContext as a } from "react";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useContext as n } from "react";
 import m from "../../utilities/classNameUtility/classNameUtility.js";
 import c from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
 import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Div.css';const r = "_div_1ky7h_1", f = {
   div: r
 };
-function v(t) {
-  const e = { ...t };
+function v(s) {
+  const e = { ...s };
   delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
-  const s = [f.div], i = m.getUtilityClassNames(t);
-  i && s.push(...i), t.className && s.push(t.className);
-  const o = a(c), l = d.getEmotionCss(t, o);
-  return /* @__PURE__ */ n(
+  const t = [f.div], i = m.getUtilityClassNames(s);
+  i && t.push(...i), s.className && t.push(s.className);
+  const a = n(c), o = d.getEmotionCss(s, a);
+  return s.as ? /* @__PURE__ */ l(
+    s.as,
+    {
+      ...e,
+      className: t.join(" "),
+      css: o
+    }
+  ) : /* @__PURE__ */ l(
     "div",
     {
       ...e,
-      className: s.join(" "),
-      css: l
+      className: t.join(" "),
+      css: o
     }
   );
 }

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 { 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;AAC/D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAE3B,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,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Div.js","sources":["../../../src/components/Div/Div.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement, useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Div.module.scss\";\r\nimport DivProps from \"./DivProps\";\r\n\r\nexport default function Div(props: DivProps): 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\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":["Div","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EAAIC,GAA+B;AACzD,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAE3B,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,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,5 +1,5 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../models';
-import { default as React } from 'react';
-export default interface DivProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BaseComponentProps {
+export default interface DivProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BaseComponentProps {
 }
 //# sourceMappingURL=DivProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DivProps.d.ts","sourceRoot":"","sources":["../../../src/components/Div/DivProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,WAAW,QACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC7B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,CACf,EAAE,kBAAkB;CACtB"}
+{"version":3,"file":"DivProps.d.ts","sourceRoot":"","sources":["../../../src/components/Div/DivProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,CAAC,OAAO,WAAW,QACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,EACjE,kBAAkB;CAAG"}

package/dist/components/Footer/Footer.d.ts

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

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":"AAMA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAmCrE"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CA0C/D"}

package/dist/components/Footer/Footer.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as _ } from "@emotion/react/jsx-runtime";
-import { useContext as r } from "react";
-import n from "../../utilities/classNameUtility/classNameUtility.js";
-import g from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Footer.css';const c = "_footer_uzgwp_1", t = {
-  footer: c,
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useContext as n } from "react";
+import r from "../../utilities/classNameUtility/classNameUtility.js";
+import m from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Footer.css';const g = "_footer_uzgwp_1", a = {
+  footer: g,
   "is-gray": "_is-gray_uzgwp_10",
   "is-red": "_is-red_uzgwp_14",
   "is-coral": "_is-coral_uzgwp_18",
@@ -18,24 +18,31 @@ import '../../assets/Footer.css';const c = "_footer_uzgwp_1", t = {
   "is-violet": "_is-violet_uzgwp_46",
   "is-magenta": "_is-magenta_uzgwp_50"
 };
-function p(s) {
+function N(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 = [t.footer];
-  s.colorName && i.push(t[`is-${s.colorName}`]);
-  const o = n.getUtilityClassNames(s);
-  o && i.push(...o), s.className && i.push(s.className);
-  const l = r(g), a = m.getEmotionCss(s, l);
-  return /* @__PURE__ */ _(
+  const i = [a.footer];
+  s.colorName && i.push(a[`is-${s.colorName}`]);
+  const t = r.getUtilityClassNames(s);
+  t && i.push(...t), s.className && i.push(s.className);
+  const _ = n(m), o = c.getEmotionCss(s, _);
+  return s.as ? /* @__PURE__ */ l(
+    s.as,
+    {
+      ...e,
+      className: i.join(" "),
+      css: o
+    }
+  ) : /* @__PURE__ */ l(
     "footer",
     {
       ...e,
       className: i.join(" "),
-      css: a
+      css: o
     }
   );
 }
 export {
-  p as default
+  N 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 { 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;AACrE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,MAAS;AAC1D,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Footer.js","sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement, useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Footer.module.scss\";\r\nimport FooterProps from \"./FooterProps\";\r\n\r\nexport default function Footer(props: FooterProps): 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\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    <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,GAAkC;AAC/D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,MAAS;AAC1D,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Footer/FooterProps.d.ts

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

package/dist/components/Footer/FooterProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterProps.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/FooterProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,WAAW,WACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC3B,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"FooterProps.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/FooterProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,WACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EAC3D,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}

package/dist/components/Hamburger/Hamburger.d.ts

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

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":"AAMA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAiD3E"}
+{"version":3,"file":"Hamburger.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/Hamburger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CA+DrE"}

package/dist/components/Hamburger/Hamburger.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsxs as o, jsx as s } from "@emotion/react/jsx-runtime";
-import { useContext as n } from "react";
-import c from "../../utilities/classNameUtility/classNameUtility.js";
-import y from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.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,
+import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
+import { useContext as o } from "react";
+import _ from "../../utilities/classNameUtility/classNameUtility.js";
+import m from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import y from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Hamburger.css';const u = "_hamburger_yi0b1_1", b = "_crown_yi0b1_12", h = "_upperpatty_yi0b1_13", d = "_club_yi0b1_14", p = "_lowerpatty_yi0b1_15", g = "_heel_yi0b1_16", i = {
+  hamburger: u,
+  crown: b,
   upperpatty: h,
-  club: p,
-  lowerpatty: g,
-  heel: d,
+  club: d,
+  lowerpatty: p,
+  heel: g,
   "hamburger-upperpatty": "_hamburger-upperpatty_yi0b1_1",
   "hamburger-lowerpatty": "_hamburger-lowerpatty_yi0b1_1",
   "is-active": "_is-active_yi0b1_60",
@@ -28,32 +28,47 @@ import '../../assets/Hamburger.css';const b = "_hamburger_yi0b1_1", u = "_crown_
   "is-violet": "_is-violet_yi0b1_179",
   "is-magenta": "_is-magenta_yi0b1_191"
 };
-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 a = [t.hamburger];
-  i.colorName && a.push(t[`is-${i.colorName}`]), i.colorName && a.push(t["is-active"]);
-  const r = c.getUtilityClassNames(i);
-  r && a.push(...r), i.className && a.push(i.className);
-  const l = n(y), _ = m.getEmotionCss(i, l);
-  return /* @__PURE__ */ o(
+function I(e) {
+  const a = { ...e };
+  delete a.colorName, delete a.isActive, delete a.crownInner, delete a.heelInner, delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing, delete a.css;
+  const s = [i.hamburger];
+  e.colorName && s.push(i[`is-${e.colorName}`]), e.colorName && s.push(i["is-active"]);
+  const r = _.getUtilityClassNames(e);
+  r && s.push(...r), e.className && s.push(e.className);
+  const c = o(m), l = y.getEmotionCss(e, c);
+  return e.as ? /* @__PURE__ */ n(
+    e.as,
+    {
+      ...a,
+      role: "button",
+      className: s.join(" "),
+      css: l,
+      children: [
+        /* @__PURE__ */ t("span", { className: i.crown, children: e.crownInner }),
+        /* @__PURE__ */ t("span", { className: i.upperpatty, "aria-hidden": "true" }),
+        /* @__PURE__ */ t("span", { className: i.club, "aria-hidden": "true" }),
+        /* @__PURE__ */ t("span", { className: i.lowerpatty, "aria-hidden": "true" }),
+        /* @__PURE__ */ t("span", { className: i.heel, children: e.heelInner })
+      ]
+    }
+  ) : /* @__PURE__ */ n(
     "div",
     {
-      ...e,
+      ...a,
       role: "button",
-      className: a.join(" "),
-      css: _,
+      className: s.join(" "),
+      css: l,
       children: [
-        /* @__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 })
+        /* @__PURE__ */ t("span", { className: i.crown, children: e.crownInner }),
+        /* @__PURE__ */ t("span", { className: i.upperpatty, "aria-hidden": "true" }),
+        /* @__PURE__ */ t("span", { className: i.club, "aria-hidden": "true" }),
+        /* @__PURE__ */ t("span", { className: i.lowerpatty, "aria-hidden": "true" }),
+        /* @__PURE__ */ t("span", { className: i.heel, children: e.heelInner })
       ]
     }
   );
 }
 export {
-  x as default
+  I 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 { 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;AAC3E,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,aACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC;AAGjD,QAAMC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,SACE,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,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAS,eAAY,QAAO;AAAA,0BACvD,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAU,YAAM,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;"}
+{"version":3,"file":"Hamburger.js","sources":["../../../src/components/Hamburger/Hamburger.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement, useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Hamburger.module.scss\";\r\nimport HamburgerProps from \"./HamburgerProps\";\r\n\r\nexport default function Hamburger(props: HamburgerProps): 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\r\n  return props.as ? (\r\n    <props.as\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    </props.as>\r\n  ) : (\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,GAAqC;AACrE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,aACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC;AAGjD,QAAMC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,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,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAS,eAAY,QAAO;AAAA,0BACvD,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAU,YAAM,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAGxD,gBAAAQ;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,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAS,eAAY,QAAO;AAAA,0BACvD,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAU,YAAM,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;"}

package/dist/components/Hamburger/HamburgerProps.d.ts

@@ -1,9 +1,10 @@
+import { ReactNode } from 'react';
 import { ColorName } from '../../types';
 import { default as DivProps } from '../Div/DivProps';
 export default interface HamburgerProps extends DivProps {
     colorName?: ColorName;
     isActive?: boolean | undefined;
-    crownInner?: React.ReactNode | string | undefined;
-    heelInner?: React.ReactNode | string | undefined;
+    crownInner?: ReactNode | string | undefined;
+    heelInner?: ReactNode | string | undefined;
 }
 //# sourceMappingURL=HamburgerProps.d.ts.map

package/dist/components/Hamburger/HamburgerProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HamburgerProps.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/HamburgerProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,cACvB,SAAQ,QAAQ;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAClD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;CAClD"}
+{"version":3,"file":"HamburgerProps.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/HamburgerProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,cACvB,SAAQ,QAAQ;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;CAC5C"}

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

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

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

package/dist/components/Header/Header.js

@@ -2,10 +2,10 @@
 import { jsx as _ } from "@emotion/react/jsx-runtime";
 import { useContext as c } from "react";
 import n from "../../utilities/classNameUtility/classNameUtility.js";
-import r from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
-import h from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Header.css';const m = "_header_8j6hv_1", t = {
-  header: m,
+import h from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Header.css';const r = "_header_8j6hv_1", t = {
+  header: r,
   "is-sticky": "_is-sticky_8j6hv_10",
   "is-fixed": "_is-fixed_8j6hv_17",
   "is-gray": "_is-gray_8j6hv_24",
@@ -25,15 +25,22 @@ function y(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 l = n.getUtilityClassNames(i);
-  l && s.push(...l), i.className && s.push(i.className);
-  const a = c(r), o = h.getEmotionCss(i, a);
-  return /* @__PURE__ */ _(
+  const a = n.getUtilityClassNames(i);
+  a && s.push(...a), i.className && s.push(i.className);
+  const o = c(h), l = m.getEmotionCss(i, o);
+  return i.as ? /* @__PURE__ */ _(
+    i.as,
+    {
+      ...e,
+      className: s.join(" "),
+      css: l
+    }
+  ) : /* @__PURE__ */ _(
     "header",
     {
       ...e,
       className: s.join(" "),
-      css: o
+      css: l
     }
   );
 }

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 { 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;AACrE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAE7CH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC;AAGhD,QAAMC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement, useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Header.module.scss\";\r\nimport HeaderProps from \"./HeaderProps\";\r\n\r\nexport default function Header(props: HeaderProps): 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\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    <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,GAAkC;AAC/D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAE7CH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC;AAGhD,QAAMC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,7 +1,7 @@
 import { ColorName } from '../../types';
 import { BaseComponentProps } from '../../models';
-import { default as React } from 'react';
-export default interface HeaderProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, BaseComponentProps {
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+export default interface HeaderProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, BaseComponentProps {
     colorName?: ColorName;
     isSticky?: boolean | undefined;
     isFixed?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/Header/HeaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,WAAW,WACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC3B,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B"}
+{"version":3,"file":"HeaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/Header/HeaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,CAAC,OAAO,WAAW,WACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EAC3D,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B"}

package/dist/components/Heading/Heading.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAMA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAiFvE"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY,CA2FjE"}

package/dist/components/Heading/Heading.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as t } from "@emotion/react/jsx-runtime";
-import { useContext as c } from "react";
+import { useContext as o } from "react";
 import g from "../../utilities/classNameUtility/classNameUtility.js";
 import h from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
 import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
@@ -17,8 +17,11 @@ function j(a) {
   delete e.level, 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 n = a.level, s = [d[`heading-${a.level}`]], l = g.getUtilityClassNames(a);
   l && s.push(...l), a.className && s.push(a.className);
-  const o = c(h), i = m.getEmotionCss(a, o);
-  if (n)
+  const c = o(h), i = m.getEmotionCss(a, c);
+  if (a.as && (a.as, {
+    ...e,
+    className: s.join(" ")
+  }), n)
     switch (n) {
       case 1:
         return /* @__PURE__ */ t(

package/dist/components/Heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../src/components/Heading/Heading.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 \"./Heading.module.scss\";\r\nimport HeadingProps from \"./HeadingProps\";\r\n\r\nexport default function Heading(props: HeadingProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"level\"];\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 level = props.level;\r\n  const assignedClassNames: string[] = [classNames[`heading-${props.level}`]];\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  if (level) {\r\n    switch (level) {\r\n      case 1:\r\n        return (\r\n          <h1\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 2:\r\n        return (\r\n          <h2\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 3:\r\n        return (\r\n          <h3\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 4:\r\n        return (\r\n          <h4\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 5:\r\n        return (\r\n          <h5\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 6:\r\n        return (\r\n          <h6\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n    }\r\n  }\r\n  return (\r\n    <h1 {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Heading","props","assignedProps","level","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;AAQA,SAAwBA,EAAQC,GAAyC;AACvE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,OAErB,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,IAAQF,EAAM,OACdG,IAA+B,CAACC,EAAW,WAAWJ,EAAM,KAAK,EAAE,CAAC,GAEpEK,IAAoBC,EAAiB,qBAAqBN,CAAK;AACrE,EAAIK,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CL,EAAM,aACRG,EAAmB,KAAKH,EAAM,SAAS;AAEzC,QAAMO,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcX,GAAOO,CAAW;AAChE,MAAIL;AACF,YAAQA,GAAA;AAAA,MACN,KAAK;AACH,eACE,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,IACF;AAIR,SACE,gBAAAE,EAAC,QAAI,GAAGX,GAAe,WAAWE,EAAmB,KAAK,GAAG,GAAG,KAAAO,GAAU;AAE9E;"}
+{"version":3,"file":"Heading.js","sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement, useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Heading.module.scss\";\r\nimport HeadingProps from \"./HeadingProps\";\r\n\r\nexport default function Heading(props: HeadingProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"level\"];\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 level = props.level;\r\n  const assignedClassNames: string[] = [classNames[`heading-${props.level}`]];\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\r\n  if (props.as) {\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />;\r\n  }\r\n\r\n  if (level) {\r\n    switch (level) {\r\n      case 1:\r\n        return (\r\n          <h1\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 2:\r\n        return (\r\n          <h2\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 3:\r\n        return (\r\n          <h3\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 4:\r\n        return (\r\n          <h4\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 5:\r\n        return (\r\n          <h5\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 6:\r\n        return (\r\n          <h6\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n    }\r\n  }\r\n\r\n  return (\r\n    <h1 {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Heading","props","assignedProps","level","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;AAQA,SAAwBA,EAAQC,GAAmC;AACjE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,OAErB,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,IAAQF,EAAM,OACdG,IAA+B,CAACC,EAAW,WAAWJ,EAAM,KAAK,EAAE,CAAC,GAEpEK,IAAoBC,EAAiB,qBAAqBN,CAAK;AACrE,EAAIK,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CL,EAAM,aACRG,EAAmB,KAAKH,EAAM,SAAS;AAEzC,QAAMO,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcX,GAAOO,CAAW;AAUhE,MARIP,EAAM,OACPA,EAAM,IAAN;AAAA,IACE,GAAGC;AAAA,IACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,EACtC,IAIAD;AACF,YAAQA,GAAA;AAAA,MACN,KAAK;AACH,eACE,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,IACF;AAKR,SACE,gBAAAE,EAAC,QAAI,GAAGX,GAAe,WAAWE,EAAmB,KAAK,GAAG,GAAG,KAAAO,GAAU;AAE9E;"}

package/dist/components/Heading/HeadingProps.d.ts

@@ -1,6 +1,6 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../models';
-import { default as React } from 'react';
-export default interface HeadingProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, BaseComponentProps {
+export default interface HeadingProps extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, BaseComponentProps {
     level?: 1 | 2 | 3 | 4 | 5 | 6;
 }
 //# sourceMappingURL=HeadingProps.d.ts.map

package/dist/components/Heading/HeadingProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingProps.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/HeadingProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,WAAW,YACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC3B,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EACxC,kBAAkB,CACnB,EACD,kBAAkB;IACpB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/B"}
+{"version":3,"file":"HeadingProps.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/HeadingProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,CAAC,OAAO,WAAW,YACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,EACzE,kBAAkB;IACpB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/B"}

package/dist/components/Input/Input.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAMA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CA+CnE"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,CAsD7D"}