react-minolith 1.2.2 → 1.3.0

package/dist/components/Modal/Modal.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as _ } from "@emotion/react/jsx-runtime";
+import { jsx as o } from "@emotion/react/jsx-runtime";
 import { useContext as c } from "react";
 import m from "../../utilities/classNameUtility/classNameUtility.js";
 import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
-import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Modal.css';const d = "_modal_17tp8_1", s = {
-  modal: d,
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Modal.css';const r = "_modal_17tp8_1", s = {
+  modal: r,
   "is-active": "_is-active_17tp8_18",
   "modal-content": "_modal-content_17tp8_21",
   "is-gray": "_is-gray_17tp8_34",
@@ -20,16 +20,23 @@ import '../../assets/Modal.css';const d = "_modal_17tp8_1", s = {
   "is-violet": "_is-violet_17tp8_61",
   "is-magenta": "_is-magenta_17tp8_64"
 };
-function N(t) {
+function h(t) {
   const e = { ...t };
   delete e.isActive, delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
   const i = [s.modal];
   t.isActive && i.push(s["is-active"]), t.colorName && i.push(s[`is-${t.colorName}`]);
-  const o = m.getUtilityClassNames(t);
-  o && i.push(...o), t.className && i.push(t.className);
-  const l = c(n), a = r.getEmotionCss(t, l);
-  return /* @__PURE__ */ _(
-    "div",
+  const l = m.getUtilityClassNames(t);
+  l && i.push(...l), t.className && i.push(t.className);
+  const _ = c(n), a = d.getEmotionCss(t, _);
+  return t.as ? /* @__PURE__ */ o(
+    t.as,
+    {
+      ...e,
+      className: i.join(" "),
+      css: a
+    }
+  ) : /* @__PURE__ */ o(
+    "dialog",
     {
       ...e,
       className: i.join(" "),
@@ -38,6 +45,6 @@ function N(t) {
   );
 }
 export {
-  N as default
+  h as default
 };
 //# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.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 \"./Modal.module.scss\";\r\nimport ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal(props: ModalProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"isActive\"];\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[\"modal\"]];\r\n  if (props.isActive) {\r\n    assignedClassNames.push(classNames[\"is-active\"]);\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\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n\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":["Modal","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAMC,GAAuC;AACnE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,UACrB,OAAOA,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAC/C,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAE7CH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,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":"Modal.js","sources":["../../../src/components/Modal/Modal.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 \"./Modal.module.scss\";\r\nimport ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal(props: ModalProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"isActive\"];\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[\"modal\"]];\r\n  if (props.isActive) {\r\n    assignedClassNames.push(classNames[\"is-active\"]);\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\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\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    <dialog\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Modal","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAMC,GAAiC;AAC7D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,UACrB,OAAOA,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAC/C,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAE7CH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,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/Modal/ModalProps.d.ts

@@ -1,6 +1,7 @@
-import { ColorName } from '../../react-minolith';
-import { default as DivProps } from '../Div/DivProps';
-export default interface ModalProps extends DivProps {
+import { DetailedHTMLProps, DialogHTMLAttributes } from 'react';
+import { BaseComponentProps } from '../../models';
+import { default as ColorName } from '../../types/ColorName';
+export default interface ModalProps extends DetailedHTMLProps<DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, BaseComponentProps {
     colorName?: ColorName;
     isActive?: boolean | undefined;
 }

package/dist/components/Modal/ModalProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalProps.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,UAAW,SAAQ,QAAQ;IAClD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC"}
+{"version":3,"file":"ModalProps.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,MAAM,CAAC,OAAO,WAAW,UACvB,SACE,iBAAiB,CACf,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC"}

package/dist/components/ModalContent/ModalContent.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/ModalContent/ModalContent.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":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/ModalContent/ModalContent.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,CAsCd"}

package/dist/components/ModalContent/ModalContent.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as n } from "@emotion/react/jsx-runtime";
+import { jsx as l } 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";
@@ -7,22 +7,29 @@ import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Modal.css';const r = {
   "modal-content": "_modal-content_17tp8_21"
 };
-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;
   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 n = a(c), i = d.getEmotionCss(t, n);
+  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  //#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;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,CA2CzD"}

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",
@@ -45,17 +45,24 @@ 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}`]);
+  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  //#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;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,CA6Fd"}

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",
@@ -49,13 +49,20 @@ function O(s) {
   s.isXSmall && i.push(l["is-xsmall"]), s.isSmallOrLess && i.push(l["is-small-or-less"]), s.isSmall && i.push(l["is-small"]), s.isSmallOrMore && i.push(l["is-small-or-more"]), s.isMediumOrLess && i.push(l["is-medium-or-less"]), s.isMedium && i.push(l["is-medium"]), s.isMediumOrMore && i.push(l["is-medium-or-more"]), s.isLargeOrLess && i.push(l["is-large-or-less"]), s.isLarge && i.push(l["is-large"]), s.isLargeOrMore && i.push(l["is-large-or-more"]), s.isXLarge && i.push(l["is-xlarge"]);
   const a = m.getUtilityClassNames(s);
   a && i.push(...a), s.className && i.push(s.className);
-  const _ = 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  //#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;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,CAsCnE"}

package/dist/components/NavBrand/NavBrand.js

@@ -3,22 +3,29 @@ import { jsx as n } from "@emotion/react/jsx-runtime";
 import { useContext as l } 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 };
+function C(s) {
+  const e = { ...s };
   delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
-  const s = [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(
+  const t = [r["nav-brand"]], a = m.getUtilityClassNames(s);
+  a && t.push(...a), s.className && t.push(s.className);
+  const o = l(c), i = d.getEmotionCss(s, o);
+  return s.as ? /* @__PURE__ */ n(
+    s.as,
+    {
+      ...e,
+      className: t.join(" "),
+      css: i
+    }
+  ) : /* @__PURE__ */ n(
     "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  //#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;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,CAsCd"}

package/dist/components/NavBrandCenter/NavBrandCenter.js

@@ -1,24 +1,31 @@
 "use client";
-import { jsx as o } from "@emotion/react/jsx-runtime";
+import { jsx as n } 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 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(
+  const s = [d["nav-brand-center"]], a = c.getUtilityClassNames(t);
+  a && s.push(...a), t.className && s.push(t.className);
+  const o = l(m), i = r.getEmotionCss(t, o);
+  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  //#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;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,CAsCd"}

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(
+  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  //#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;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,CAsCd"}