react-minolith 1.2.2 → 1.3.0

package/dist/components/NavBrandRight/NavBrandRight.js

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

package/dist/components/NavBrandRight/NavBrandRight.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBrandRight.js","sources":["../../../src/components/NavBrandRight/NavBrandRight.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 \"./NavBrandRight.module.scss\";\r\nimport NavBrandRightProps from \"./NavBrandRightProps\";\r\n\r\nexport default function NavBrandRight(\r\n  props: NavBrandRightProps\r\n): 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[\"nav-brand-right\"]];\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":["NavBrandRight","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EACtBC,GACoB;AACpB,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,iBAAiB,CAAC,GAE7DC,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":"NavBrandRight.js","sources":["../../../src/components/NavBrandRight/NavBrandRight.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 \"./NavBrandRight.module.scss\";\r\nimport NavBrandRightProps from \"./NavBrandRightProps\";\r\n\r\nexport default function NavBrandRight(\r\n  props: NavBrandRightProps\r\n): 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[\"nav-brand-right\"]];\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":["NavBrandRight","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EACtBC,GACc;AACd,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,iBAAiB,CAAC,GAE7DC,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/NavMenu/NavMenu.d.ts

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

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

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

package/dist/components/NavMenu/NavMenu.js

@@ -1,31 +1,38 @@
 "use client";
-import { jsx as n } from "@emotion/react/jsx-runtime";
+import { jsx as l } from "@emotion/react/jsx-runtime";
 import { useContext as c } from "react";
 import m from "../../utilities/classNameUtility/classNameUtility.js";
 import d from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
 import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Nav.css';const a = {
+import '../../assets/Nav.css';const n = {
   "nav-menu": "_nav-menu_dpale_56",
   "is-active": "_is-active_dpale_318"
 };
-function N(t) {
+function h(t) {
   const e = { ...t };
   delete e.isActive, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
-  const s = [a["nav-menu"]];
-  t.isActive && s.push(a["is-active"]);
+  const s = [n["nav-menu"]];
+  t.isActive && s.push(n["is-active"]);
   const i = m.getUtilityClassNames(t);
   i && s.push(...i), t.className && s.push(t.className);
-  const l = c(d), o = r.getEmotionCss(t, l);
-  return /* @__PURE__ */ n(
+  const o = c(d), a = r.getEmotionCss(t, o);
+  return t.as ? /* @__PURE__ */ l(
+    t.as,
+    {
+      ...e,
+      className: s.join(" "),
+      css: a
+    }
+  ) : /* @__PURE__ */ l(
     "div",
     {
       ...e,
       className: s.join(" "),
-      css: o
+      css: a
     }
   );
 }
 export {
-  N as default
+  h as default
 };
 //# sourceMappingURL=NavMenu.js.map

package/dist/components/NavMenu/NavMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenu.js","sources":["../../../src/components/NavMenu/NavMenu.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 \"./NavMenu.module.scss\";\r\nimport NavMenuProps from \"./NavMenuProps\";\r\n\r\nexport default function NavMenu(props: NavMenuProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"isActive\"];\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[\"nav-menu\"]];\r\n\r\n  if (props.isActive) {\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      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["NavMenu","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;AAQA,SAAwBA,EAAQC,GAAyC;AACvE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,UAErB,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,UAAU,CAAC;AAE5D,EAAIH,EAAM,YACRE,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,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"NavMenu.js","sources":["../../../src/components/NavMenu/NavMenu.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 \"./NavMenu.module.scss\";\r\nimport NavMenuProps from \"./NavMenuProps\";\r\n\r\nexport default function NavMenu(props: NavMenuProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"isActive\"];\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[\"nav-menu\"]];\r\n\r\n  if (props.isActive) {\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      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":["NavMenu","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;AAQA,SAAwBA,EAAQC,GAAmC;AACjE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,UAErB,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,UAAU,CAAC;AAE5D,EAAIH,EAAM,YACRE,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,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/NavMenuItem/NavMenuItem.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenuItem/NavMenuItem.tsx"],"names":[],"mappings":"AAMA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,KAAK,EAAE,gBAAgB,GACtB,KAAK,CAAC,YAAY,CAsCpB"}
+{"version":3,"file":"NavMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenuItem/NavMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,KAAK,EAAE,gBAAgB,GACtB,YAAY,CAuCd"}

package/dist/components/NavMenuItem/NavMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenuItem.js","sources":["../../../src/components/NavMenuItem/NavMenuItem.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 \"./NavMenuItem.module.scss\";\r\nimport NavMenuItemProps from \"./NavMenuItemProps\";\r\n\r\nexport default function NavMenuItem(\r\n  props: NavMenuItemProps\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[\"nav-menu-item\"]];\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    <span\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["NavMenuItem","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":"NavMenuItem.js","sources":["../../../src/components/NavMenuItem/NavMenuItem.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 \"./NavMenuItem.module.scss\";\r\nimport NavMenuItemProps from \"./NavMenuItemProps\";\r\n\r\nexport default function NavMenuItem(\r\n  props: NavMenuItemProps\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[\"nav-menu-item\"]];\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    <span\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["NavMenuItem","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/NavMenuItem/NavMenuItemProps.d.ts

@@ -1,7 +1,5 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../models';
-import { default as React } from 'react';
-export default interface NavMenuItemProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, BaseComponentProps {
-    as?: React.ElementType | undefined;
-    [key: string]: any;
+export default interface NavMenuItemProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, BaseComponentProps {
 }
 //# sourceMappingURL=NavMenuItemProps.d.ts.map

package/dist/components/NavMenuItem/NavMenuItemProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenuItemProps.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenuItem/NavMenuItemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,WAAW,gBACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC3B,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,EACD,kBAAkB;IACpB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}
+{"version":3,"file":"NavMenuItemProps.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenuItem/NavMenuItemProps.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,gBACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EAC3D,kBAAkB;CAAG"}

package/dist/components/NavStatic/NavStatic.d.ts

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

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

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

package/dist/components/NavStatic/NavStatic.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
+import { jsx as r } from "@emotion/react/jsx-runtime";
 import { useContext as d } from "react";
 import m from "../../utilities/classNameUtility/classNameUtility.js";
 import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
 import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Nav.css';const c = "_nav_dpale_1", g = "_left_dpale_29", u = "_center_dpale_30", p = "_right_dpale_31", f = "_icon_dpale_86", l = {
+import '../../assets/Nav.css';const c = "_nav_dpale_1", g = "_left_dpale_29", u = "_center_dpale_30", f = "_right_dpale_31", v = "_icon_dpale_86", l = {
   nav: c,
   "nav-static": "_nav-static_dpale_8",
   "nav-brand": "_nav-brand_dpale_14",
@@ -13,10 +13,10 @@ import '../../assets/Nav.css';const c = "_nav_dpale_1", g = "_left_dpale_29", u
   "nav-brand-right": "_nav-brand-right_dpale_28",
   left: g,
   center: u,
-  right: p,
+  right: f,
   "nav-menu": "_nav-menu_dpale_56",
   "nav-menu-item": "_nav-menu-item_dpale_68",
-  icon: f,
+  icon: v,
   "is-xsmall": "_is-xsmall_dpale_108",
   "is-small-or-less": "_is-small-or-less_dpale_128",
   "is-small": "_is-small_dpale_128",
@@ -49,13 +49,20 @@ function O(s) {
   s.isXSmall && i.push(l["is-xsmall"]), s.isSmallOrLess && i.push(l["is-small-or-less"]), s.isSmall && i.push(l["is-small"]), s.isSmallOrMore && i.push(l["is-small-or-more"]), s.isMediumOrLess && i.push(l["is-medium-or-less"]), s.isMedium && i.push(l["is-medium"]), s.isMediumOrMore && i.push(l["is-medium-or-more"]), s.isLargeOrLess && i.push(l["is-large-or-less"]), s.isLarge && i.push(l["is-large"]), s.isLargeOrMore && i.push(l["is-large-or-more"]), s.isXLarge && i.push(l["is-xlarge"]);
   const a = m.getUtilityClassNames(s);
   a && i.push(...a), s.className && i.push(s.className);
-  const _ = d(n), r = o.getEmotionCss(s, _);
-  return /* @__PURE__ */ t(
+  const t = d(n), _ = o.getEmotionCss(s, t);
+  return s.as ? /* @__PURE__ */ r(
+    s.as,
+    {
+      ...e,
+      className: i.join(" "),
+      css: _
+    }
+  ) : /* @__PURE__ */ r(
     "div",
     {
       ...e,
       className: i.join(" "),
-      css: r
+      css: _
     }
   );
 }

package/dist/components/NavStatic/NavStatic.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavStatic.js","sources":["../../../src/components/NavStatic/NavStatic.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 \"./NavStatic.module.scss\";\r\nimport NavStaticProps from \"./NavStaticProps\";\r\n\r\nexport default function NavStatic(props: NavStaticProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"isXSmall\"];\r\n  delete assignedProps[\"isSmallOrLess\"];\r\n  delete assignedProps[\"isSmall\"];\r\n  delete assignedProps[\"isSmallOrMore\"];\r\n  delete assignedProps[\"isMediumOrLess\"];\r\n  delete assignedProps[\"isMedium\"];\r\n  delete assignedProps[\"isMediumOrMore\"];\r\n  delete assignedProps[\"isLargeOrLess\"];\r\n  delete assignedProps[\"isLarge\"];\r\n  delete assignedProps[\"isLargeOrMore\"];\r\n  delete assignedProps[\"isXLarge\"];\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[\"nav-static\"]];\r\n\r\n  if (props.isXSmall) {\r\n    assignedClassNames.push(classNames[`is-xsmall`]);\r\n  }\r\n\r\n  if (props.isSmallOrLess) {\r\n    assignedClassNames.push(classNames[`is-small-or-less`]);\r\n  }\r\n\r\n  if (props.isSmall) {\r\n    assignedClassNames.push(classNames[`is-small`]);\r\n  }\r\n\r\n  if (props.isSmallOrMore) {\r\n    assignedClassNames.push(classNames[`is-small-or-more`]);\r\n  }\r\n\r\n  if (props.isMediumOrLess) {\r\n    assignedClassNames.push(classNames[`is-medium-or-less`]);\r\n  }\r\n\r\n  if (props.isMedium) {\r\n    assignedClassNames.push(classNames[`is-medium`]);\r\n  }\r\n\r\n  if (props.isMediumOrMore) {\r\n    assignedClassNames.push(classNames[`is-medium-or-more`]);\r\n  }\r\n\r\n  if (props.isLargeOrLess) {\r\n    assignedClassNames.push(classNames[`is-large-or-less`]);\r\n  }\r\n\r\n  if (props.isLarge) {\r\n    assignedClassNames.push(classNames[`is-large`]);\r\n  }\r\n\r\n  if (props.isLargeOrMore) {\r\n    assignedClassNames.push(classNames[`is-large-or-more`]);\r\n  }\r\n\r\n  if (props.isXLarge) {\r\n    assignedClassNames.push(classNames[`is-xlarge`]);\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      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["NavStatic","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAUC,GAA2C;AAC3E,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,UACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,gBACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,gBACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,UAErB,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,YAAY,CAAC;AAE9D,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,kBACRE,EAAmB,KAAKC,EAAW,mBAAmB,CAAC,GAGrDH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,kBACRE,EAAmB,KAAKC,EAAW,mBAAmB,CAAC,GAGrDH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,YACRE,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,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"NavStatic.js","sources":["../../../src/components/NavStatic/NavStatic.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 \"./NavStatic.module.scss\";\r\nimport NavStaticProps from \"./NavStaticProps\";\r\n\r\nexport default function NavStatic(props: NavStaticProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"isXSmall\"];\r\n  delete assignedProps[\"isSmallOrLess\"];\r\n  delete assignedProps[\"isSmall\"];\r\n  delete assignedProps[\"isSmallOrMore\"];\r\n  delete assignedProps[\"isMediumOrLess\"];\r\n  delete assignedProps[\"isMedium\"];\r\n  delete assignedProps[\"isMediumOrMore\"];\r\n  delete assignedProps[\"isLargeOrLess\"];\r\n  delete assignedProps[\"isLarge\"];\r\n  delete assignedProps[\"isLargeOrMore\"];\r\n  delete assignedProps[\"isXLarge\"];\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[\"nav-static\"]];\r\n\r\n  if (props.isXSmall) {\r\n    assignedClassNames.push(classNames[`is-xsmall`]);\r\n  }\r\n\r\n  if (props.isSmallOrLess) {\r\n    assignedClassNames.push(classNames[`is-small-or-less`]);\r\n  }\r\n\r\n  if (props.isSmall) {\r\n    assignedClassNames.push(classNames[`is-small`]);\r\n  }\r\n\r\n  if (props.isSmallOrMore) {\r\n    assignedClassNames.push(classNames[`is-small-or-more`]);\r\n  }\r\n\r\n  if (props.isMediumOrLess) {\r\n    assignedClassNames.push(classNames[`is-medium-or-less`]);\r\n  }\r\n\r\n  if (props.isMedium) {\r\n    assignedClassNames.push(classNames[`is-medium`]);\r\n  }\r\n\r\n  if (props.isMediumOrMore) {\r\n    assignedClassNames.push(classNames[`is-medium-or-more`]);\r\n  }\r\n\r\n  if (props.isLargeOrLess) {\r\n    assignedClassNames.push(classNames[`is-large-or-less`]);\r\n  }\r\n\r\n  if (props.isLarge) {\r\n    assignedClassNames.push(classNames[`is-large`]);\r\n  }\r\n\r\n  if (props.isLargeOrMore) {\r\n    assignedClassNames.push(classNames[`is-large-or-more`]);\r\n  }\r\n\r\n  if (props.isXLarge) {\r\n    assignedClassNames.push(classNames[`is-xlarge`]);\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    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["NavStatic","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAUC,GAAqC;AACrE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,UACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,gBACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,gBACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,UAErB,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,YAAY,CAAC;AAE9D,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,kBACRE,EAAmB,KAAKC,EAAW,mBAAmB,CAAC,GAGrDH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,kBACRE,EAAmB,KAAKC,EAAW,mBAAmB,CAAC,GAGrDH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,YACRE,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,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/Paragraph/Paragraph.d.ts

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

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

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

package/dist/components/Paragraph/Paragraph.js

@@ -1,19 +1,26 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useContext as r } from "react";
-import m from "../../utilities/classNameUtility/classNameUtility.js";
-import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { useContext as m } from "react";
+import n from "../../utilities/classNameUtility/classNameUtility.js";
+import r from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
 import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Paragraph.css';const g = "_paragraph_f19qm_1", h = {
   paragraph: g
 };
-function C(t) {
-  const e = { ...t };
+function C(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 = [h.paragraph], a = m.getUtilityClassNames(t);
-  a && s.push(...a), t.className && s.push(t.className);
-  const i = r(n), o = c.getEmotionCss(t, i);
-  return /* @__PURE__ */ l("p", { ...e, className: s.join(" "), css: o });
+  const t = [h.paragraph], a = n.getUtilityClassNames(s);
+  a && t.push(...a), s.className && t.push(s.className);
+  const l = m(r), i = c.getEmotionCss(s, l);
+  return s.as ? /* @__PURE__ */ o(
+    s.as,
+    {
+      ...e,
+      className: t.join(" "),
+      css: i
+    }
+  ) : /* @__PURE__ */ o("p", { ...e, className: t.join(" "), css: i });
 }
 export {
   C as default

package/dist/components/Paragraph/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","sources":["../../../src/components/Paragraph/Paragraph.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 \"./Paragraph.module.scss\";\r\nimport ParagraphProps from \"./ParagraphProps\";\r\n\r\nexport default function Paragraph(props: ParagraphProps): 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[\"paragraph\"]];\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    <p {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Paragraph","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EAAUC,GAA2C;AAC3E,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,SAAY,GAEvDC,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,EAAC,OAAG,GAAGV,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAO,GAAU;AAE7E;"}
+{"version":3,"file":"Paragraph.js","sources":["../../../src/components/Paragraph/Paragraph.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 \"./Paragraph.module.scss\";\r\nimport ParagraphProps from \"./ParagraphProps\";\r\n\r\nexport default function Paragraph(props: ParagraphProps): 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[\"paragraph\"]];\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    <p {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Paragraph","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EAAUC,GAAqC;AACrE,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,SAAY,GAEvDC,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,EAAC,KAAA,EAAG,GAAGV,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAO,GAAU;AAE7E;"}

package/dist/components/Paragraph/ParagraphProps.d.ts

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

package/dist/components/Paragraph/ParagraphProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParagraphProps.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/ParagraphProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,WAAW,cACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC3B,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAC1C,oBAAoB,CACrB,EACD,kBAAkB;CAAG"}
+{"version":3,"file":"ParagraphProps.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/ParagraphProps.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,cACvB,SACE,iBAAiB,CACf,cAAc,CAAC,oBAAoB,CAAC,EACpC,oBAAoB,CACrB,EACD,kBAAkB;CAAG"}

package/dist/components/Progress/Progress.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAMA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAkCzE"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,CAyCnE"}

package/dist/components/Progress/Progress.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as c } from "@emotion/react/jsx-runtime";
+import { jsx as n } from "@emotion/react/jsx-runtime";
 import { useContext as l } from "react";
 import p from "../../utilities/classNameUtility/classNameUtility.js";
 import f from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
@@ -150,13 +150,20 @@ function u(_) {
   s.push(i[`is-${_.colorName}`]), s.push(i[`is-${_.percentage}percent`]);
   const t = p.getUtilityClassNames(_);
   t && s.push(...t), _.className && s.push(_.className);
-  const r = l(f), n = z.getEmotionCss(_, r);
-  return /* @__PURE__ */ c(
+  const c = l(f), r = z.getEmotionCss(_, c);
+  return _.as ? /* @__PURE__ */ n(
+    _.as,
+    {
+      ...e,
+      className: s.join(" "),
+      css: r
+    }
+  ) : /* @__PURE__ */ n(
     "div",
     {
       ...e,
       className: s.join(" "),
-      css: n
+      css: r
     }
   );
 }

package/dist/components/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../../src/components/Progress/Progress.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 \"./Progress.module.scss\";\r\nimport ProgressProps from \"./ProgressProps\";\r\n\r\nexport default function Progress(props: ProgressProps): 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 = [classNames[\"progress\"]];\r\n  assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  assignedClassNames.push(classNames[`is-${props.percentage}percent`]);\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":["Progress","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAASC,GAA0C;AACzE,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,IAAqB,CAACC,EAAW,QAAW;AAClD,EAAAD,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAC3DE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,UAAU,SAAS,CAAC;AAEnE,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":"Progress.js","sources":["../../../src/components/Progress/Progress.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 \"./Progress.module.scss\";\r\nimport ProgressProps from \"./ProgressProps\";\r\n\r\nexport default function Progress(props: ProgressProps): 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 = [classNames[\"progress\"]];\r\n  assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  assignedClassNames.push(classNames[`is-${props.percentage}percent`]);\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":["Progress","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAASC,GAAoC;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,IAAqB,CAACC,EAAW,QAAW;AAClD,EAAAD,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAC3DE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,UAAU,SAAS,CAAC;AAEnE,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/Ruby/Ruby.d.ts

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

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

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

package/dist/components/Ruby/Ruby.js

@@ -1,27 +1,38 @@
 "use client";
-import { jsxs as r, jsx as m, Fragment as u } from "@emotion/react/jsx-runtime";
-import { useContext as d } from "react";
-import n from "../../utilities/classNameUtility/classNameUtility.js";
-import y from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
-import f from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import h from "../RubyText/RubyText.js";
-import '../../assets/Ruby.css';const N = "_element_1py2f_1", a = {
-  element: N
+import { jsxs as m, jsx as l, Fragment as c } from "@emotion/react/jsx-runtime";
+import { useContext as y } from "react";
+import o from "../../utilities/classNameUtility/classNameUtility.js";
+import h from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import N from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import r from "../RubyText/RubyText.js";
+import '../../assets/Ruby.css';const b = "_element_1py2f_1", u = {
+  element: b
 };
 function U(e) {
   const t = { ...e };
   delete t.rubyText, delete t.fore, delete t.back, delete t.highlighter, delete t.border, delete t.positioning, delete t.sizing, delete t.spacing, delete t.css;
-  const s = ["ruby", a.element], l = n.getUtilityClassNames(e);
-  l && s.push(...l), e.className && s.push(e.className);
-  const o = d(y), c = f.getEmotionCss(e, o), i = [
+  const s = ["ruby", u.element], a = o.getUtilityClassNames(e);
+  a && s.push(...a), e.className && s.push(e.className);
+  const d = y(h), n = N.getEmotionCss(e, d), i = [
     "ruby-text",
-    a.element
+    u.element
   ];
   return e.rubyText && (i.push(
-    ...n.getUtilityClassNames(e)
-  ), e.className && i.push(e.className)), /* @__PURE__ */ r("ruby", { ...t, className: s.join(" "), css: c, children: [
+    ...o.getUtilityClassNames(e)
+  ), e.className && i.push(e.className)), e.as ? /* @__PURE__ */ m(
+    e.as,
+    {
+      ...t,
+      className: s.join(" "),
+      css: n,
+      children: [
+        e.children,
+        e.rubyText ? /* @__PURE__ */ l(r, { className: i.join(" "), children: e.rubyText }) : /* @__PURE__ */ l(c, {})
+      ]
+    }
+  ) : /* @__PURE__ */ m("ruby", { ...t, className: s.join(" "), css: n, children: [
     e.children,
-    e.rubyText ? /* @__PURE__ */ m(h, { className: i.join(" "), children: e.rubyText }) : /* @__PURE__ */ m(u, {})
+    e.rubyText ? /* @__PURE__ */ l(r, { className: i.join(" "), children: e.rubyText }) : /* @__PURE__ */ l(c, {})
   ] });
 }
 export {

package/dist/components/Ruby/Ruby.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ruby.js","sources":["../../../src/components/Ruby/Ruby.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 \"./Ruby.module.scss\";\r\nimport RubyProps from \"./RubyProps\";\r\nimport RubyText from \"../RubyText\";\r\n\r\nexport default function Ruby(props: RubyProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"rubyText\"];\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[] = [\"ruby\", classNames[\"element\"]];\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  const assignedRubyTextClassNames: string[] = [\r\n    \"ruby-text\",\r\n    classNames[\"element\"],\r\n  ];\r\n\r\n  if (props.rubyText) {\r\n    assignedRubyTextClassNames.push(\r\n      ...classNameUtility.getUtilityClassNames(props)\r\n    );\r\n    if (props.className) {\r\n      assignedRubyTextClassNames.push(props.className);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <ruby {...assignedProps} className={assignedClassNames.join(\" \")} css={css}>\r\n      {props.children}\r\n      {props.rubyText ? (\r\n        <RubyText className={assignedRubyTextClassNames.join(\" \")}>\r\n          {props.rubyText}\r\n        </RubyText>\r\n      ) : (\r\n        <></>\r\n      )}\r\n    </ruby>\r\n  );\r\n}\r\n"],"names":["Ruby","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","assignedRubyTextClassNames","jsxs","jsx","RubyText","Fragment"],"mappings":";;;;;;;;;;AASA,SAAwBA,EAAKC,GAAsC;AACjE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,UAErB,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,CAAC,QAAQC,EAAW,OAAU,GAE7DC,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,GAC1DK,IAAuC;AAAA,IAC3C;AAAA,IACAR,EAAW;AAAA,EAAS;AAGtB,SAAIH,EAAM,aACRW,EAA2B;AAAA,IACzB,GAAGN,EAAiB,qBAAqBL,CAAK;AAAA,EAAA,GAE5CA,EAAM,aACRW,EAA2B,KAAKX,EAAM,SAAS,IAKjD,gBAAAY,EAAC,UAAM,GAAGX,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAO,GAC/D,UAAA;AAAA,IAAAT,EAAM;AAAA,IACNA,EAAM,WACL,gBAAAa,EAACC,GAAA,EAAS,WAAWH,EAA2B,KAAK,GAAG,GACrD,UAAAX,EAAM,SAAA,CACT,IAEA,gBAAAa,EAAAE,GAAA,CAAA,CAAE;AAAA,EAAA,GAEN;AAEJ;"}
+{"version":3,"file":"Ruby.js","sources":["../../../src/components/Ruby/Ruby.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 \"./Ruby.module.scss\";\r\nimport RubyProps from \"./RubyProps\";\r\nimport RubyText from \"../RubyText\";\r\n\r\nexport default function Ruby(props: RubyProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"rubyText\"];\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[] = [\"ruby\", classNames[\"element\"]];\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  const assignedRubyTextClassNames: string[] = [\r\n    \"ruby-text\",\r\n    classNames[\"element\"],\r\n  ];\r\n\r\n  if (props.rubyText) {\r\n    assignedRubyTextClassNames.push(\r\n      ...classNameUtility.getUtilityClassNames(props),\r\n    );\r\n    if (props.className) {\r\n      assignedRubyTextClassNames.push(props.className);\r\n    }\r\n  }\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      {props.children}\r\n      {props.rubyText ? (\r\n        <RubyText className={assignedRubyTextClassNames.join(\" \")}>\r\n          {props.rubyText}\r\n        </RubyText>\r\n      ) : (\r\n        <></>\r\n      )}\r\n    </props.as>\r\n  ) : (\r\n    <ruby {...assignedProps} className={assignedClassNames.join(\" \")} css={css}>\r\n      {props.children}\r\n      {props.rubyText ? (\r\n        <RubyText className={assignedRubyTextClassNames.join(\" \")}>\r\n          {props.rubyText}\r\n        </RubyText>\r\n      ) : (\r\n        <></>\r\n      )}\r\n    </ruby>\r\n  );\r\n}\r\n"],"names":["Ruby","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","assignedRubyTextClassNames","jsxs","jsx","RubyText","Fragment"],"mappings":";;;;;;;;;;AASA,SAAwBA,EAAKC,GAAgC;AAC3D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,UAErB,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,CAAC,QAAQC,EAAW,OAAU,GAE7DC,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,GAC1DK,IAAuC;AAAA,IAC3C;AAAA,IACAR,EAAW;AAAA,EAAS;AAGtB,SAAIH,EAAM,aACRW,EAA2B;AAAA,IACzB,GAAGN,EAAiB,qBAAqBL,CAAK;AAAA,EAAA,GAE5CA,EAAM,aACRW,EAA2B,KAAKX,EAAM,SAAS,IAI5CA,EAAM,KACX,gBAAAY;AAAA,IAACZ,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,MAEC,UAAA;AAAA,QAAAT,EAAM;AAAA,QACNA,EAAM,WACL,gBAAAa,EAACC,GAAA,EAAS,WAAWH,EAA2B,KAAK,GAAG,GACrD,UAAAX,EAAM,SAAA,CACT,IAEA,gBAAAa,EAAAE,GAAA,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAIN,gBAAAH,EAAC,QAAA,EAAM,GAAGX,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAO,GAC/D,UAAA;AAAA,IAAAT,EAAM;AAAA,IACNA,EAAM,WACL,gBAAAa,EAACC,GAAA,EAAS,WAAWH,EAA2B,KAAK,GAAG,GACrD,UAAAX,EAAM,SAAA,CACT,IAEA,gBAAAa,EAAAE,GAAA,CAAA,CAAE;AAAA,EAAA,GAEN;AAEJ;"}

package/dist/components/RubyText/RubyText.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"RubyText.d.ts","sourceRoot":"","sources":["../../../src/components/RubyText/RubyText.tsx"],"names":[],"mappings":"AAMA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAmCzE"}
+{"version":3,"file":"RubyText.d.ts","sourceRoot":"","sources":["../../../src/components/RubyText/RubyText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,CAmCnE"}

package/dist/components/RubyText/RubyText.js.map

@@ -1 +1 @@
-{"version":3,"file":"RubyText.js","sources":["../../../src/components/RubyText/RubyText.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 \"./RubyText.module.scss\";\r\nimport RubyTextProps from \"./RubyTextProps\";\r\n\r\nexport default function RubyText(props: RubyTextProps): 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[\"element\"]];\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    <>\r\n      <rp>(</rp>\r\n      <rt\r\n        {...assignedProps}\r\n        className={assignedClassNames.join(\" \")}\r\n        css={css}\r\n      />\r\n      <rp>)</rp>\r\n    </>\r\n  );\r\n}\r\n"],"names":["RubyText","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsxs","Fragment","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EAASC,GAA0C;AACzE,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,OAAU,GAErDC,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,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,IAAA,CAAC;AAAA,IACL,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGZ;AAAA,QACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,QACtC,KAAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAI,EAAC,QAAG,UAAA,IAAA,CAAC;AAAA,EAAA,GACP;AAEJ;"}
+{"version":3,"file":"RubyText.js","sources":["../../../src/components/RubyText/RubyText.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 \"./RubyText.module.scss\";\r\nimport RubyTextProps from \"./RubyTextProps\";\r\n\r\nexport default function RubyText(props: RubyTextProps): 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[\"element\"]];\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    <>\r\n      <rp>(</rp>\r\n      <rt\r\n        {...assignedProps}\r\n        className={assignedClassNames.join(\" \")}\r\n        css={css}\r\n      />\r\n      <rp>)</rp>\r\n    </>\r\n  );\r\n}\r\n"],"names":["RubyText","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsxs","Fragment","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EAASC,GAAoC;AACnE,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,OAAU,GAErDC,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,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,IAAA,CAAC;AAAA,IACL,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGZ;AAAA,QACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,QACtC,KAAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAI,EAAC,QAAG,UAAA,IAAA,CAAC;AAAA,EAAA,GACP;AAEJ;"}

package/dist/components/RubyText/RubyTextProps.d.ts

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

package/dist/components/RubyText/RubyTextProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RubyTextProps.d.ts","sourceRoot":"","sources":["../../../src/components/RubyText/RubyTextProps.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,aACvB,SAAQ,iBAAiB,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EACjE,kBAAkB;CAAG"}
+{"version":3,"file":"RubyTextProps.d.ts","sourceRoot":"","sources":["../../../src/components/RubyText/RubyTextProps.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,aACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EAC3D,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC;CAAG"}

package/dist/components/Section/Section.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AAMA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CA+BvE"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.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,CAsCjE"}