react-minolith 1.2.2 → 1.4.0

package/dist/components/ModalContent/ModalContent.js

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

package/dist/components/ModalContent/ModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.js","sources":["../../../src/components/ModalContent/ModalContent.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 \"./ModalContent.module.scss\";\r\nimport ModalContentProps from \"./ModalContentProps\";\r\n\r\nexport default function ModalContent(\r\n  props: ModalContentProps\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 = [classNames[\"modal-content\"]];\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":["ModalContent","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,IAAqB,CAACC,EAAW,eAAe,CAAC,GAEjDC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ModalContent.js","sources":["../../../src/components/ModalContent/ModalContent.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 \"./ModalContent.module.scss\";\r\nimport ModalContentProps from \"./ModalContentProps\";\r\n\r\nexport default function ModalContent(\r\n  props: ModalContentProps\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 = [classNames[\"modal-content\"]];\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    <nav\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["ModalContent","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,IAAqB,CAACC,EAAW,eAAe,CAAC,GAEjDC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Nav/Nav.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAMA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CAoC/D"}
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,YAAY,CA4CzD"}

package/dist/components/Nav/Nav.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
+import { jsx as i } from "@emotion/react/jsx-runtime";
 import { useContext as o } from "react";
 import r from "../../utilities/classNameUtility/classNameUtility.js";
 import d from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
 import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Nav.css';const c = "_nav_dpale_1", p = "_left_dpale_29", g = "_center_dpale_30", v = "_right_dpale_31", u = "_icon_dpale_86", _ = {
+import '../../assets/Nav.css';const c = "_nav_dpale_1", p = "_left_dpale_29", g = "_center_dpale_30", v = "_right_dpale_31", u = "_icon_dpale_86", n = {
   nav: c,
   "nav-static": "_nav-static_dpale_8",
   "nav-brand": "_nav-brand_dpale_14",
@@ -44,18 +44,25 @@ import '../../assets/Nav.css';const c = "_nav_dpale_1", p = "_left_dpale_29", g
 };
 function x(a) {
   const e = { ...a };
-  delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
-  const s = [_.nav];
-  a.colorName && s.push(_[`is-${a.colorName}`]);
+  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 = [n.nav];
+  a.colorName && s.push(n[`is-${a.colorName}`]);
   const l = r.getUtilityClassNames(a);
   l && s.push(...l), a.className && s.push(a.className);
-  const i = o(d), n = m.getEmotionCss(a, i);
-  return /* @__PURE__ */ t(
+  const t = o(d), _ = m.getEmotionCss(a, t);
+  return a.as ? /* @__PURE__ */ i(
+    a.as,
+    {
+      ...e,
+      className: s.join(" "),
+      css: _
+    }
+  ) : /* @__PURE__ */ i(
     "nav",
     {
       ...e,
       className: s.join(" "),
-      css: n
+      css: _
     }
   );
 }

package/dist/components/Nav/Nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","sources":["../../../src/components/Nav/Nav.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 \"./Nav.module.scss\";\r\nimport NavProps from \"./NavProps\";\r\n\r\nexport default function Nav(props: NavProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"nav\"]];\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n  return (\r\n    <nav\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Nav","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAIC,GAAqC;AAC/D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,GAAM;AAEvD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Nav.js","sources":["../../../src/components/Nav/Nav.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 \"./Nav.module.scss\";\r\nimport NavProps from \"./NavProps\";\r\n\r\nexport default function Nav(props: NavProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"nav\"]];\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <nav\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Nav","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAIC,GAA+B;AACzD,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,GAAM;AAEvD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Nav/NavProps.d.ts

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

package/dist/components/Nav/NavProps.d.ts.map

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

package/dist/components/NavAccordion/NavAccordion.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/NavAccordion/NavAccordion.tsx"],"names":[],"mappings":"AAMA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,KAAK,EAAE,iBAAiB,GACvB,KAAK,CAAC,YAAY,CAsFpB"}
+{"version":3,"file":"NavAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/NavAccordion/NavAccordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,KAAK,EAAE,iBAAiB,GACvB,YAAY,CA8Fd"}

package/dist/components/NavAccordion/NavAccordion.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as d } from "@emotion/react/jsx-runtime";
+import { jsx as r } from "@emotion/react/jsx-runtime";
 import { useContext as t } 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-accordion"]];
   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 _ = t(n), r = o.getEmotionCss(s, _);
-  return /* @__PURE__ */ d(
+  const d = t(n), _ = o.getEmotionCss(s, d);
+  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/NavAccordion/NavAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavAccordion.js","sources":["../../../src/components/NavAccordion/NavAccordion.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 \"./NavAccordion.module.scss\";\r\nimport NavAccordionProps from \"./NavAccordionProps\";\r\n\r\nexport default function NavAccordion(\r\n  props: NavAccordionProps\r\n): 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-accordion\"]];\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":["NavAccordion","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,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,eAAe,CAAC;AAEjE,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":"NavAccordion.js","sources":["../../../src/components/NavAccordion/NavAccordion.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 \"./NavAccordion.module.scss\";\r\nimport NavAccordionProps from \"./NavAccordionProps\";\r\n\r\nexport default function NavAccordion(\r\n  props: NavAccordionProps\r\n): 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-accordion\"]];\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":["NavAccordion","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,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,eAAe,CAAC;AAEjE,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/NavBrand/NavBrand.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavBrand.d.ts","sourceRoot":"","sources":["../../../src/components/NavBrand/NavBrand.tsx"],"names":[],"mappings":"AAMA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CA+BzE"}
+{"version":3,"file":"NavBrand.d.ts","sourceRoot":"","sources":["../../../src/components/NavBrand/NavBrand.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,CAuCnE"}

package/dist/components/NavBrand/NavBrand.js

@@ -1,24 +1,31 @@
 "use client";
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { useContext as l } from "react";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useContext as o } 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/Nav.css';const d = {
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Nav.css';const r = {
   "nav-brand": "_nav-brand_dpale_14"
 };
-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"]], i = m.getUtilityClassNames(t);
-  i && s.push(...i), t.className && s.push(t.className);
-  const a = l(c), o = r.getEmotionCss(t, a);
-  return /* @__PURE__ */ n(
+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 = [r["nav-brand"]], a = m.getUtilityClassNames(s);
+  a && t.push(...a), s.className && t.push(s.className);
+  const n = o(c), i = d.getEmotionCss(s, n);
+  return s.as ? /* @__PURE__ */ l(
+    s.as,
+    {
+      ...e,
+      className: t.join(" "),
+      css: i
+    }
+  ) : /* @__PURE__ */ l(
     "div",
     {
       ...e,
-      className: s.join(" "),
-      css: o
+      className: t.join(" "),
+      css: i
     }
   );
 }

package/dist/components/NavBrand/NavBrand.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBrand.js","sources":["../../../src/components/NavBrand/NavBrand.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 \"./NavBrand.module.scss\";\r\nimport NavBrandProps from \"./NavBrandProps\";\r\n\r\nexport default function NavBrand(props: NavBrandProps): 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\"]];\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":["NavBrand","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","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,WAAW,CAAC,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;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"NavBrand.js","sources":["../../../src/components/NavBrand/NavBrand.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 \"./NavBrand.module.scss\";\r\nimport NavBrandProps from \"./NavBrandProps\";\r\n\r\nexport default function NavBrand(props: NavBrandProps): 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-brand\"]];\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":["NavBrand","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","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,WAAW,CAAC,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;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/NavBrand/NavBrandProps.d.ts

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

package/dist/components/NavBrand/NavBrandProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBrandProps.d.ts","sourceRoot":"","sources":["../../../src/components/NavBrand/NavBrandProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,WAAW,aACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC7B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,CACf,EAAE,kBAAkB;CACtB"}
+{"version":3,"file":"NavBrandProps.d.ts","sourceRoot":"","sources":["../../../src/components/NavBrand/NavBrandProps.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,cAAc,CAAC,EAAE,cAAc,CAAC,EACjE,kBAAkB;CAAG"}

package/dist/components/NavBrandCenter/NavBrandCenter.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavBrandCenter.d.ts","sourceRoot":"","sources":["../../../src/components/NavBrandCenter/NavBrandCenter.tsx"],"names":[],"mappings":"AAMA,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,KAAK,EAAE,mBAAmB,GACzB,KAAK,CAAC,YAAY,CA+BpB"}
+{"version":3,"file":"NavBrandCenter.d.ts","sourceRoot":"","sources":["../../../src/components/NavBrandCenter/NavBrandCenter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,KAAK,EAAE,mBAAmB,GACzB,YAAY,CAuCd"}

package/dist/components/NavBrandCenter/NavBrandCenter.js

@@ -1,24 +1,31 @@
 "use client";
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { useContext as l } from "react";
-import r from "../../utilities/classNameUtility/classNameUtility.js";
-import c from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { useContext as o } from "react";
+import c from "../../utilities/classNameUtility/classNameUtility.js";
+import m from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Nav.css';const d = {
   "nav-brand-center": "_nav-brand-center_dpale_27"
 };
 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-center"]], i = r.getUtilityClassNames(t);
-  i && s.push(...i), t.className && s.push(t.className);
-  const n = l(c), a = m.getEmotionCss(t, n);
-  return /* @__PURE__ */ o(
+  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 = [d["nav-brand-center"]], a = c.getUtilityClassNames(t);
+  a && s.push(...a), t.className && s.push(t.className);
+  const l = o(m), i = r.getEmotionCss(t, l);
+  return t.as ? /* @__PURE__ */ n(
+    t.as,
+    {
+      ...e,
+      className: s.join(" "),
+      css: i
+    }
+  ) : /* @__PURE__ */ n(
     "div",
     {
       ...e,
       className: s.join(" "),
-      css: a
+      css: i
     }
   );
 }

package/dist/components/NavBrandCenter/NavBrandCenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBrandCenter.js","sources":["../../../src/components/NavBrandCenter/NavBrandCenter.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 \"./NavBrandCenter.module.scss\";\r\nimport NavBrandCenterProps from \"./NavBrandCenterProps\";\r\n\r\nexport default function NavBrandCenter(\r\n  props: NavBrandCenterProps\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-center\"]];\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":["NavBrandCenter","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,kBAAkB,CAAC,GAE9DC,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":"NavBrandCenter.js","sources":["../../../src/components/NavBrandCenter/NavBrandCenter.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 \"./NavBrandCenter.module.scss\";\r\nimport NavBrandCenterProps from \"./NavBrandCenterProps\";\r\n\r\nexport default function NavBrandCenter(\r\n  props: NavBrandCenterProps\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-brand-center\"]];\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":["NavBrandCenter","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,kBAAkB,CAAC,GAE9DC,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/NavBrandLeft/NavBrandLeft.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavBrandLeft.d.ts","sourceRoot":"","sources":["../../../src/components/NavBrandLeft/NavBrandLeft.tsx"],"names":[],"mappings":"AAMA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,KAAK,EAAE,iBAAiB,GACvB,KAAK,CAAC,YAAY,CA+BpB"}
+{"version":3,"file":"NavBrandLeft.d.ts","sourceRoot":"","sources":["../../../src/components/NavBrandLeft/NavBrandLeft.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,KAAK,EAAE,iBAAiB,GACvB,YAAY,CAuCd"}

package/dist/components/NavBrandLeft/NavBrandLeft.js

@@ -1,24 +1,31 @@
 "use client";
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { useContext as n } from "react";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useContext as o } 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/Nav.css';const d = {
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Nav.css';const r = {
   "nav-brand-left": "_nav-brand-left_dpale_26"
 };
 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-left"]], i = m.getUtilityClassNames(t);
-  i && s.push(...i), t.className && s.push(t.className);
-  const a = n(c), l = r.getEmotionCss(t, a);
-  return /* @__PURE__ */ o(
+  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-brand-left"]], a = m.getUtilityClassNames(t);
+  a && s.push(...a), t.className && s.push(t.className);
+  const n = o(c), i = d.getEmotionCss(t, n);
+  return t.as ? /* @__PURE__ */ l(
+    t.as,
+    {
+      ...e,
+      className: s.join(" "),
+      css: i
+    }
+  ) : /* @__PURE__ */ l(
     "div",
     {
       ...e,
       className: s.join(" "),
-      css: l
+      css: i
     }
   );
 }

package/dist/components/NavBrandLeft/NavBrandLeft.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBrandLeft.js","sources":["../../../src/components/NavBrandLeft/NavBrandLeft.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 \"./NavBrandLeft.module.scss\";\r\nimport NavBrandLeftProps from \"./NavBrandLeftProps\";\r\n\r\nexport default function NavBrandLeft(\r\n  props: NavBrandLeftProps\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-left\"]];\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":["NavBrandLeft","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,gBAAgB,CAAC,GAE5DC,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":"NavBrandLeft.js","sources":["../../../src/components/NavBrandLeft/NavBrandLeft.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 \"./NavBrandLeft.module.scss\";\r\nimport NavBrandLeftProps from \"./NavBrandLeftProps\";\r\n\r\nexport default function NavBrandLeft(\r\n  props: NavBrandLeftProps\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-brand-left\"]];\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":["NavBrandLeft","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,gBAAgB,CAAC,GAE5DC,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/NavBrandRight/NavBrandRight.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavBrandRight.d.ts","sourceRoot":"","sources":["../../../src/components/NavBrandRight/NavBrandRight.tsx"],"names":[],"mappings":"AAMA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,KAAK,EAAE,kBAAkB,GACxB,KAAK,CAAC,YAAY,CA+BpB"}
+{"version":3,"file":"NavBrandRight.d.ts","sourceRoot":"","sources":["../../../src/components/NavBrandRight/NavBrandRight.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAKjD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,KAAK,EAAE,kBAAkB,GACxB,YAAY,CAuCd"}

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 { jsx as l } from "@emotion/react/jsx-runtime";
+import { useContext as o } 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/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);
+  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 = [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 n = o(c), a = r.getEmotionCss(t, n);
+  return t.as ? /* @__PURE__ */ l(
+    t.as,
+    {
+      ...e,
+      className: s.join(" "),
+      css: a
+    }
+  ) : /* @__PURE__ */ l(
     "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  delete assignedProps[\"as\"];\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,KACrB,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,CA4CjE"}