react-minolith 1.2.2 → 1.4.0

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"]);
+  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, delete e.as;
+  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  delete assignedProps[\"as\"];\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,KACrB,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

@@ -9,7 +9,7 @@ import '../../assets/Nav.css';const r = {
 };
 function C(t) {
   const e = { ...t };
-  delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
+  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 = [r["nav-menu-item"]], i = o.getUtilityClassNames(t);
   i && s.push(...i), t.className && s.push(t.className);
   const l = m(c), a = d.getEmotionCss(t, l);

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  //#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[\"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;AAE3B,SAAOC,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,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,CA8FrE"}

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",
@@ -44,18 +44,25 @@ import '../../assets/Nav.css';const c = "_nav_dpale_1", g = "_left_dpale_29", u
 };
 function O(s) {
   const e = { ...s };
-  delete e.isXSmall, delete e.isSmallOrLess, delete e.isSmall, delete e.isSmallOrMore, delete e.isMediumOrLess, delete e.isMedium, delete e.isMediumOrMore, delete e.isLargeOrLess, delete e.isLarge, delete e.isLargeOrMore, delete e.isXLarge, 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.isXSmall, delete e.isSmallOrLess, delete e.isSmall, delete e.isSmallOrMore, delete e.isMediumOrLess, delete e.isMedium, delete e.isMediumOrMore, delete e.isLargeOrLess, delete e.isLarge, delete e.isLargeOrMore, delete e.isXLarge, 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 = [l["nav-static"]];
   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  delete assignedProps[\"as\"];\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,KACrB,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,CAmCrE"}

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 = {
+import '../../assets/Paragraph.css';const g = "_paragraph_f19qm_1", d = {
   paragraph: g
 };
-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 = [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 });
+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, delete e.as;
+  const t = [d.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  delete assignedProps[\"as\"];\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,KACrB,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,CA0CnE"}

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";
@@ -145,18 +145,25 @@ import '../../assets/Progress.css';const a = "_progress_zfle4_1", i = {
 };
 function u(_) {
   const e = { ..._ };
-  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.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 s = [i.progress];
   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  delete assignedProps[\"as\"];\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,KACrB,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,CAmE3D"}

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 i, 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 = [
+  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, delete t.as;
+  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), l = [
     "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: [
+  return e.rubyText && (l.push(
+    ...o.getUtilityClassNames(e)
+  ), e.className && l.push(e.className)), e.as ? /* @__PURE__ */ m(
+    e.as,
+    {
+      ...t,
+      className: s.join(" "),
+      css: n,
+      children: [
+        e.children,
+        e.rubyText ? /* @__PURE__ */ i(r, { className: l.join(" "), children: e.rubyText }) : /* @__PURE__ */ i(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__ */ i(r, { className: l.join(" "), children: e.rubyText }) : /* @__PURE__ */ i(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  delete assignedProps[\"as\"];\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,KACrB,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,CAoCnE"}

package/dist/components/RubyText/RubyText.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as m, Fragment as c, jsx as i } from "@emotion/react/jsx-runtime";
-import { useContext as a } from "react";
+import { jsxs as m, Fragment as a, jsx as i } from "@emotion/react/jsx-runtime";
+import { useContext as c } from "react";
 import r from "../../utilities/classNameUtility/classNameUtility.js";
 import d from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
 import f from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
@@ -9,11 +9,11 @@ import '../../assets/Ruby.css';const h = "_element_1py2f_1", g = {
 };
 function x(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;
+  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 = [g.element], l = r.getUtilityClassNames(t);
   l && s.push(...l), t.className && s.push(t.className);
-  const o = a(d), n = f.getEmotionCss(t, o);
-  return /* @__PURE__ */ m(c, { children: [
+  const o = c(d), n = f.getEmotionCss(t, o);
+  return /* @__PURE__ */ m(a, { children: [
     /* @__PURE__ */ i("rp", { children: "(" }),
     /* @__PURE__ */ i(
       "rt",

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  delete assignedProps[\"as\"];\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,KACrB,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,CAuCjE"}

package/dist/components/Section/Section.js

@@ -1,19 +1,26 @@
 "use client";
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { useContext as m } from "react";
-import c from "../../utilities/classNameUtility/classNameUtility.js";
-import a from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { useContext as a } 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/Ruby.css';const d = "_element_1py2f_1", f = {
   element: d
 };
 function y(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 = [f.element], i = c.getUtilityClassNames(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, delete e.as;
+  const s = [f.element], i = m.getUtilityClassNames(t);
   i && s.push(...i), t.className && s.push(t.className);
-  const o = m(a), l = r.getEmotionCss(t, o);
-  return /* @__PURE__ */ n(
+  const n = a(c), l = r.getEmotionCss(t, n);
+  return t.as ? /* @__PURE__ */ o(
+    t.as,
+    {
+      ...e,
+      className: s.join(" "),
+      css: l
+    }
+  ) : /* @__PURE__ */ o(
     "section",
     {
       ...e,