react-minolith 1.2.2 → 1.4.0

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(a) {
+  const e = { ...a };
+  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, delete e.as;
+  const s = [i.hamburger];
+  a.colorName && s.push(i[`is-${a.colorName}`]), a.colorName && s.push(i["is-active"]);
+  const r = _.getUtilityClassNames(a);
+  r && s.push(...r), a.className && s.push(a.className);
+  const c = o(m), l = y.getEmotionCss(a, c);
+  return a.as ? /* @__PURE__ */ n(
+    a.as,
+    {
+      ...e,
+      role: "button",
+      className: s.join(" "),
+      css: l,
+      children: [
+        /* @__PURE__ */ t("span", { className: i.crown, children: a.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: a.heelInner })
+      ]
+    }
+  ) : /* @__PURE__ */ n(
     "div",
     {
       ...e,
       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: a.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: a.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  delete assignedProps[\"as\"];\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,KACrB,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,CAmD/D"}

package/dist/components/Header/Header.js

@@ -1,43 +1,50 @@
 "use client";
-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,
-  "is-sticky": "_is-sticky_8j6hv_10",
-  "is-fixed": "_is-fixed_8j6hv_17",
-  "is-gray": "_is-gray_8j6hv_24",
-  "is-red": "_is-red_8j6hv_29",
-  "is-coral": "_is-coral_8j6hv_34",
-  "is-orange": "_is-orange_8j6hv_39",
-  "is-yellow": "_is-yellow_8j6hv_44",
-  "is-lime": "_is-lime_8j6hv_49",
-  "is-green": "_is-green_8j6hv_54",
-  "is-cyan": "_is-cyan_8j6hv_59",
-  "is-blue": "_is-blue_8j6hv_64",
-  "is-violet": "_is-violet_8j6hv_69",
-  "is-magenta": "_is-magenta_8j6hv_74"
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useContext as o } from "react";
+import c from "../../utilities/classNameUtility/classNameUtility.js";
+import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Header.css';const d = "_header_r63pt_1", t = {
+  header: d,
+  "is-sticky": "_is-sticky_r63pt_10",
+  "is-fixed": "_is-fixed_r63pt_17",
+  "is-gray": "_is-gray_r63pt_24",
+  "is-red": "_is-red_r63pt_29",
+  "is-coral": "_is-coral_r63pt_34",
+  "is-orange": "_is-orange_r63pt_39",
+  "is-yellow": "_is-yellow_r63pt_44",
+  "is-lime": "_is-lime_r63pt_49",
+  "is-green": "_is-green_r63pt_54",
+  "is-cyan": "_is-cyan_r63pt_59",
+  "is-blue": "_is-blue_r63pt_64",
+  "is-violet": "_is-violet_r63pt_69",
+  "is-magenta": "_is-magenta_r63pt_74"
 };
-function y(i) {
+function N(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;
+  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, delete e.as;
   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 = c.getUtilityClassNames(i);
+  a && s.push(...a), i.className && s.push(i.className);
+  const _ = o(n), l = m.getEmotionCss(i, _);
+  return i.as ? /* @__PURE__ */ r(
+    i.as,
+    {
+      ...e,
+      className: s.join(" "),
+      css: l
+    }
+  ) : /* @__PURE__ */ r(
     "header",
     {
       ...e,
       className: s.join(" "),
-      css: o
+      css: l
     }
   );
 }
 export {
-  y as default
+  N 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 { 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  delete assignedProps[\"as\"];\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,KACrB,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,CA4FjE"}

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";
@@ -14,11 +14,14 @@ import '../../assets/Heading.css';const d = {
 };
 function j(a) {
   const e = { ...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;
+  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, delete e.as;
   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  delete assignedProps[\"as\"];\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,KACrB,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,CAuD7D"}

package/dist/components/Input/Input.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as o } from "@emotion/react/jsx-runtime";
+import { jsx as d } from "@emotion/react/jsx-runtime";
 import { useContext as a } from "react";
 import l from "../../utilities/classNameUtility/classNameUtility.js";
 import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
 import u from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Input.css';const x = "_input_654vx_1", s = {
+import '../../assets/Input.css';const x = "_input_654vx_1", r = {
   "input-checkbox": "_input-checkbox_654vx_1",
   input: x,
   "is-border-width-xthin": "_is-border-width-xthin_654vx_29",
@@ -43,20 +43,27 @@ import '../../assets/Input.css';const x = "_input_654vx_1", s = {
 };
 function g(e) {
   const i = { ...e };
-  delete i.colorName, delete i.borderRadius, delete i.borderWidth, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing, delete i.css;
-  const r = [s.input];
-  e.colorName && r.push(s[`is-${e.colorName}`]), e.borderRadius && r.push(
-    s[`is-border-radius-${e.borderRadius}`]
-  ), e.borderWidth && r.push(s[`is-border-width-${e.borderWidth}`]);
-  const _ = l.getUtilityClassNames(e);
-  _ && r.push(..._), e.className && r.push(e.className);
-  const t = a(n), d = u.getEmotionCss(e, t);
-  return /* @__PURE__ */ o(
+  delete i.colorName, delete i.borderRadius, delete i.borderWidth, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing, delete i.css, delete i.as;
+  const s = [r.input];
+  e.colorName && s.push(r[`is-${e.colorName}`]), e.borderRadius && s.push(
+    r[`is-border-radius-${e.borderRadius}`]
+  ), e.borderWidth && s.push(r[`is-border-width-${e.borderWidth}`]);
+  const t = l.getUtilityClassNames(e);
+  t && s.push(...t), e.className && s.push(e.className);
+  const o = a(n), _ = u.getEmotionCss(e, o);
+  return e.as ? /* @__PURE__ */ d(
+    e.as,
+    {
+      ...i,
+      className: s.join(" "),
+      css: _
+    }
+  ) : /* @__PURE__ */ d(
     "input",
     {
       ...i,
-      className: r.join(" "),
-      css: d
+      className: s.join(" "),
+      css: _
     }
   );
 }

package/dist/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.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 \"./Input.module.scss\";\r\nimport InputProps from \"./InputProps\";\r\n\r\nexport default function Input(props: InputProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"borderRadius\"];\r\n  delete assignedProps[\"borderWidth\"];\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[\"input\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  if (props.borderRadius) {\r\n    assignedClassNames.push(\r\n      classNames[`is-border-radius-${props.borderRadius}`]\r\n    );\r\n  }\r\n\r\n  if (props.borderWidth) {\r\n    assignedClassNames.push(classNames[`is-border-width-${props.borderWidth}`]);\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    <input\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Input","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAMC,GAAuC;AACnE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,cACrB,OAAOA,EAAc,aAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,KAAQ;AACzD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAGzDA,EAAM,gBACRE,EAAmB;AAAA,IACjBC,EAAW,oBAAoBH,EAAM,YAAY,EAAE;AAAA,EAAA,GAInDA,EAAM,eACRE,EAAmB,KAAKC,EAAW,mBAAmBH,EAAM,WAAW,EAAE,CAAC;AAG5E,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":"Input.js","sources":["../../../src/components/Input/Input.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 \"./Input.module.scss\";\r\nimport InputProps from \"./InputProps\";\r\n\r\nexport default function Input(props: InputProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"borderRadius\"];\r\n  delete assignedProps[\"borderWidth\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"input\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  if (props.borderRadius) {\r\n    assignedClassNames.push(\r\n      classNames[`is-border-radius-${props.borderRadius}`]\r\n    );\r\n  }\r\n\r\n  if (props.borderWidth) {\r\n    assignedClassNames.push(classNames[`is-border-width-${props.borderWidth}`]);\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    <input\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Input","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAMC,GAAiC;AAC7D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,cACrB,OAAOA,EAAc,aAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,KAAQ;AACzD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAGzDA,EAAM,gBACRE,EAAmB;AAAA,IACjBC,EAAW,oBAAoBH,EAAM,YAAY,EAAE;AAAA,EAAA,GAInDA,EAAM,eACRE,EAAmB,KAAKC,EAAW,mBAAmBH,EAAM,WAAW,EAAE,CAAC;AAG5E,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/Input/InputProps.d.ts

@@ -1,6 +1,7 @@
-import { BorderRadius, BorderWidth, ColorName } from '../../types';
+import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../models';
-export default interface InputProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, BaseComponentProps {
+import { BorderRadius, BorderWidth, ColorName } from '../../types';
+export default interface InputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, BaseComponentProps {
     colorName?: ColorName;
     borderRadius?: BorderRadius;
     borderWidth?: BorderWidth;

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

@@ -1 +1 @@
-{"version":3,"file":"InputProps.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,CAAC,OAAO,WAAW,UACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC3B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,gBAAgB,CACjB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B"}
+{"version":3,"file":"InputProps.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnE,MAAM,CAAC,OAAO,WAAW,UACvB,SACE,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B"}

package/dist/components/Label/Label.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAMA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAoCnE"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.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,CA4C7D"}

package/dist/components/Label/Label.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as _ } from "@emotion/react/jsx-runtime";
+import { jsx as t } 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 r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Label.css';const f = "_label_os9fh_1", l = {
+import '../../assets/Label.css';const f = "_label_os9fh_1", a = {
   label: f,
   "is-gray": "_is-gray_os9fh_8",
   "is-red": "_is-red_os9fh_11",
@@ -18,24 +18,31 @@ import '../../assets/Label.css';const f = "_label_os9fh_1", l = {
   "is-violet": "_is-violet_os9fh_35",
   "is-magenta": "_is-magenta_os9fh_38"
 };
-function N(s) {
+function y(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 = [l.label];
-  s.colorName && i.push(l[`is-${s.colorName}`]);
-  const o = m.getUtilityClassNames(s);
-  o && i.push(...o), s.className && i.push(s.className);
-  const t = n(c), a = r.getEmotionCss(s, t);
-  return /* @__PURE__ */ _(
+  delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
+  const i = [a.label];
+  s.colorName && i.push(a[`is-${s.colorName}`]);
+  const l = m.getUtilityClassNames(s);
+  l && i.push(...l), s.className && i.push(s.className);
+  const _ = n(c), o = r.getEmotionCss(s, _);
+  return s.as ? /* @__PURE__ */ t(
+    s.as,
+    {
+      ...e,
+      className: i.join(" "),
+      css: o
+    }
+  ) : /* @__PURE__ */ t(
     "label",
     {
       ...e,
       className: i.join(" "),
-      css: a
+      css: o
     }
   );
 }
 export {
-  N as default
+  y as default
 };
 //# sourceMappingURL=Label.js.map

package/dist/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../src/components/Label/Label.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 \"./Label.module.scss\";\r\nimport LabelProps from \"./LabelProps\";\r\n\r\nexport default function Label(props: LabelProps): 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[\"label\"]];\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n  return (\r\n    <label\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Label","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAMC,GAAuC;AACnE,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,KAAQ;AAEzD,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":"Label.js","sources":["../../../src/components/Label/Label.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 \"./Label.module.scss\";\r\nimport LabelProps from \"./LabelProps\";\r\n\r\nexport default function Label(props: LabelProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"label\"]];\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  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    <label\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Label","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAMC,GAAiC;AAC7D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,KAAQ;AAEzD,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/Label/LabelProps.d.ts

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

package/dist/components/Label/LabelProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelProps.d.ts","sourceRoot":"","sources":["../../../src/components/Label/LabelProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,UACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC3B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,gBAAgB,CACjB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"LabelProps.d.ts","sourceRoot":"","sources":["../../../src/components/Label/LabelProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,UACvB,SACE,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}

package/dist/components/Link/Link.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAMA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAuCjE"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAwC3D"}