react-minolith 2.3.6 → 2.4.1

package/dist/components/MessageHeader/MessageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageHeader.js","sources":["../../../src/components/MessageHeader/MessageHeader.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./MessageHeader.module.scss\";\r\nimport type MessageHeaderProps from \"./MessageHeaderProps\";\r\n\r\nexport default function MessageHeader<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: MessageHeaderProps<BaseComponentColorNameType>): 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[\"message-header\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(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 css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\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":["MessageHeader","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAEtBC,GAAqE;AACrE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAE3B,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,gBAAgB,CAAC,GAE5DC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAA0CP,CAAK;AAE/E,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"MessageHeader.js","sources":["../../../src/components/MessageHeader/MessageHeader.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./MessageHeader.module.scss\";\r\nimport type MessageHeaderProps from \"./MessageHeaderProps\";\r\nimport type BaseMessageHeaderProps from \"./BaseMessageHeaderProps\";\r\n\r\nexport default function MessageHeader<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseMessageHeaderProps<BaseComponentColorNameType> =\r\n    MessageHeaderProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\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[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message-header\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(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\r\n  const css =\r\n    emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\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":["MessageHeader","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,gBAAgB,CAAC,GAE5DC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IACJC,EAAoB,cAA0CP,CAAK;AAErE,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/MessageHeader/MessageHeaderProps.d.ts

@@ -1,4 +1,5 @@
-import { DivProps } from '../Div';
-export default interface MessageHeaderProps<BaseComponentColorNameType extends string> extends DivProps<BaseComponentColorNameType> {
+import { ClassAttributes, HTMLAttributes } from 'react';
+import { default as BaseMessageHeaderProps } from './BaseMessageHeaderProps';
+export default interface MessageHeaderProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLDivElement>, HTMLAttributes<HTMLDivElement>, BaseMessageHeaderProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=MessageHeaderProps.d.ts.map

package/dist/components/MessageHeader/MessageHeaderProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageHeaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/MessageHeader/MessageHeaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,kBAAkB,CACzC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,QAAQ,CAAC,0BAA0B,CAAC;CAAG"}
+{"version":3,"file":"MessageHeaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/MessageHeader/MessageHeaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,sBAAsB,MAAM,0BAA0B,CAAC;AAEnE,MAAM,CAAC,OAAO,WAAW,kBAAkB,CACzC,0BAA0B,SAAS,MAAM,CAEzC,SACE,eAAe,CAAC,cAAc,CAAC,EAC/B,cAAc,CAAC,cAAc,CAAC,EAC9B,sBAAsB,CAAC,0BAA0B,CAAC;CAAG"}

package/dist/components/MessageHeader/index.d.ts

@@ -3,4 +3,6 @@ export { default as MessageHeader } from './MessageHeader';
 export * from './MessageHeader';
 export type { default as MessageHeaderProps } from './MessageHeaderProps';
 export * from './MessageHeaderProps';
+export type { default as BaseMessageHeaderProps } from './BaseMessageHeaderProps';
+export * from './BaseMessageHeaderProps';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/MessageHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC;AAEhC,YAAY,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC;AAEhC,YAAY,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,cAAc,sBAAsB,CAAC;AAErC,YAAY,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClF,cAAc,0BAA0B,CAAC"}

package/dist/components/Modal/BaseModalProps.d.ts

@@ -0,0 +1,7 @@
+import { BaseComponentProps } from '../../models';
+import { ColorName, SemanticColorName } from '../../types';
+export default interface BaseModalProps<BaseComponentColorNameType extends string> extends BaseComponentProps<BaseComponentColorNameType> {
+    colorName?: ColorName | SemanticColorName;
+    isActive?: boolean | undefined;
+}
+//# sourceMappingURL=BaseModalProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseModalProps.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/BaseModalProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,cAAc,CACrC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC"}

package/dist/components/Modal/BaseModalProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=BaseModalProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseModalProps.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { ColorName } from '../../types';
+import { default as BaseModalProps } from './BaseModalProps';
 import { default as ModalProps } from './ModalProps';
-export default function Modal<BaseComponentColorNameType extends string = ColorName | "rainbow">(props: ModalProps<BaseComponentColorNameType>): ReactElement;
+export default function Modal<BaseComponentColorNameType extends string = ColorName | "rainbow", PropsType extends BaseModalProps<BaseComponentColorNameType> = ModalProps<BaseComponentColorNameType>>(props: PropsType): ReactElement;
 //# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,KAAK,CAC3B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,UAAU,CAAC,0BAA0B,CAAC,GAAG,YAAY,CAsD7D"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,KAAK,CAC3B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,cAAc,CAAC,0BAA0B,CAAC,GAC1D,UAAU,CAAC,0BAA0B,CAAC,EACxC,KAAK,EAAE,SAAS,GAAG,YAAY,CAqEhC"}

package/dist/components/Modal/Modal.js

@@ -1,40 +1,52 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import m from "../../utilities/classNameUtility/classNameUtility.js";
-import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Modal.css';const d = "_modal_fqwz4_1", o = {
-  modal: d,
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import d from "../../utilities/classNameUtility/classNameUtility.js";
+import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Modal.css';const n = "_modal_fqwz4_1", l = {
+  modal: n,
   "is-active": "_is-active_fqwz4_23"
 };
-function h(s) {
-  const e = { ...s };
-  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, delete e.as;
-  const t = [o.modal];
-  s.isActive && t.push(o["is-active"]);
-  const a = m.getUtilityClassNames(s);
-  a && t.push(...a), s.className && t.push(s.className);
+function f(i) {
+  const e = {
+    ...i,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    className: void 0,
+    css: void 0,
+    as: void 0
+  };
+  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.className, delete e.css, delete e.as;
+  const s = [l.modal];
+  i.isActive && s.push(l["is-active"]);
+  const o = d.getUtilityClassNames(i);
+  o && s.push(...o), i.className && s.push(i.className);
   const c = {
-    ...s.colorName ? {
-      "--minolith-modal-color-back": `var(--minolith-color-${s.colorName}-modal-back, var(--minolith-color-${s.colorName}-back))`
+    ...i.colorName ? {
+      "--minolith-modal-color-back": `var(--minolith-color-${i.colorName}-modal-back, var(--minolith-color-${i.colorName}-back))`
     } : void 0
-  }, i = n.getEmotionCss(s, c);
-  return s.as ? /* @__PURE__ */ l(
-    s.as,
+  }, a = m.getEmotionCss(i, c);
+  return i.as ? /* @__PURE__ */ t(
+    i.as,
     {
       ...e,
-      className: t.join(" "),
-      css: i
+      className: s.join(" "),
+      css: a
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ t(
     "dialog",
     {
       ...e,
-      className: t.join(" "),
-      css: i
+      className: s.join(" "),
+      css: a
     }
   );
 }
 export {
-  h as default
+  f 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\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Modal.module.scss\";\r\nimport type ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: ModalProps<BaseComponentColorNameType>): 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  delete assignedProps[\"as\"];\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\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(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 colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-modal-color-back\"]: `var(--minolith-color-${props.colorName}-modal-back, var(--minolith-color-${props.colorName}-back))`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\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","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;AASA,SAAwBA,EAEtBC,GAA6D;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,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAC/C,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC;AAGjD,QAAMC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AASzC,QAAMM,IAAc;AAAA,IAClB,GAPyCN,EAAM,YAC7C;AAAA,MACG,+BAAgC,wBAAwBA,EAAM,SAAS,qCAAqCA,EAAM,SAAS;AAAA,IAAA,IAE9H;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAA0CR,GAAOM,CAAW;AAE5F,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseModalProps from \"./BaseModalProps\";\r\nimport classNames from \"./Modal.module.scss\";\r\nimport type ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseModalProps<BaseComponentColorNameType> =\r\n    ModalProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\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[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"modal\"]];\r\n  if (props.isActive) {\r\n    assignedClassNames.push(classNames[\"is-active\"]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(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 colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-modal-color-back\"]: `var(--minolith-color-${props.colorName}-modal-back, var(--minolith-color-${props.colorName}-back))`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\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","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,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,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAC/C,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC;AAGjD,QAAMC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AASzC,QAAMM,IAAc;AAAA,IAClB,GAPyCN,EAAM,YAC7C;AAAA,MACG,+BAAgC,wBAAwBA,EAAM,SAAS,qCAAqCA,EAAM,SAAS;AAAA,IAAA,IAE9H;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAA0CR,GAAOM,CAAW;AAE5F,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,SAAS,CAAC;AAI5B,QAAA,MAAM,IAAI;;;;;CAKoB,CAAC;AAC/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC"}
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,SAAS,CAAC;AAI5B,QAAA,MAAM,IAAI;;;;;CAKoB,CAAC;AAC/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAanB,CAAC"}

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

@@ -1,8 +1,5 @@
 import { ClassAttributes, DialogHTMLAttributes } from 'react';
-import { BaseComponentProps } from '../../models';
-import { ColorName, SemanticColorName } from '../../types';
-export default interface ModalProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLDialogElement>, DialogHTMLAttributes<HTMLDialogElement>, BaseComponentProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
-    isActive?: boolean | undefined;
+import { default as BaseModalProps } from './BaseModalProps';
+export default interface ModalProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLDialogElement>, DialogHTMLAttributes<HTMLDialogElement>, BaseModalProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=ModalProps.d.ts.map

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,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,UAAU,CAAC,0BAA0B,SAAS,MAAM,CAC3E,SACE,eAAe,CAAC,iBAAiB,CAAC,EAClC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,kBAAkB,CAAC,0BAA0B,CAAC;IAChD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,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,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,OAAO,WAAW,UAAU,CAAC,0BAA0B,SAAS,MAAM,CAC3E,SACE,eAAe,CAAC,iBAAiB,CAAC,EAClC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,cAAc,CAAC,0BAA0B,CAAC;CAAG"}

package/dist/components/Modal/index.d.ts

@@ -3,4 +3,6 @@ export { default as Modal } from './Modal';
 export * from './Modal';
 export type { default as ModalProps } from './ModalProps';
 export * from './ModalProps';
+export type { default as BaseModalProps } from './BaseModalProps';
+export * from './BaseModalProps';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,YAAY,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1D,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,YAAY,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1D,cAAc,cAAc,CAAC;AAE7B,YAAY,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,cAAc,kBAAkB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { BaseComponentProps } from '../../models';
+export default interface BaseModalContentProps<BaseComponentColorNameType extends string> extends BaseComponentProps<BaseComponentColorNameType> {
+}
+//# sourceMappingURL=BaseModalContentProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseModalContentProps.d.ts","sourceRoot":"","sources":["../../../src/components/ModalContent/BaseModalContentProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,qBAAqB,CAC5C,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;CAAG"}

package/dist/components/ModalContent/BaseModalContentProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=BaseModalContentProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseModalContentProps.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { ColorName } from '../../types';
 import { default as ModalContentProps } from './ModalContentProps';
-export default function ModalContent<BaseComponentColorNameType extends string = ColorName | "rainbow">(props: ModalContentProps<BaseComponentColorNameType>): ReactElement;
+import { default as BaseModalContentProps } from './BaseModalContentProps';
+export default function ModalContent<BaseComponentColorNameType extends string = ColorName | "rainbow", PropsType extends BaseModalContentProps<BaseComponentColorNameType> = ModalContentProps<BaseComponentColorNameType>>(props: PropsType): 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":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,iBAAiB,MAAM,qBAAqB,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,iBAAiB,CAAC,0BAA0B,CAAC,GAAG,YAAY,CAqCpE"}
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/ModalContent/ModalContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,iBAAiB,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,qBAAqB,MAAM,yBAAyB,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,qBAAqB,CAAC,0BAA0B,CAAC,GACjE,iBAAiB,CAAC,0BAA0B,CAAC,EAC/C,KAAK,EAAE,SAAS,GAAG,YAAY,CAqDhC"}

package/dist/components/ModalContent/ModalContent.js

@@ -1,33 +1,45 @@
 "use client";
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import n from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Modal.css';const c = {
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import l from "../../utilities/classNameUtility/classNameUtility.js";
+import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Modal.css';const d = {
   "modal-content": "_modal-content_fqwz4_26"
 };
-function g(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.as;
-  const s = [c["modal-content"]], a = n.getUtilityClassNames(t);
-  a && s.push(...a), t.className && s.push(t.className);
-  const l = o.getEmotionCss(t);
-  return t.as ? /* @__PURE__ */ i(
-    t.as,
+function r(s) {
+  const e = {
+    ...s,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    className: void 0,
+    css: void 0,
+    as: void 0
+  };
+  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
+  const t = [d["modal-content"]], i = l.getUtilityClassNames(s);
+  i && t.push(...i), s.className && t.push(s.className);
+  const o = n.getEmotionCss(s);
+  return s.as ? /* @__PURE__ */ a(
+    s.as,
     {
       ...e,
-      className: s.join(" "),
-      css: l
+      className: t.join(" "),
+      css: o
     }
-  ) : /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ a(
     "nav",
     {
       ...e,
-      className: s.join(" "),
-      css: l
+      className: t.join(" "),
+      css: o
     }
   );
 }
 export {
-  g as default
+  r 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\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./ModalContent.module.scss\";\r\nimport type ModalContentProps from \"./ModalContentProps\";\r\n\r\nexport default function ModalContent<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: ModalContentProps<BaseComponentColorNameType>): 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<BaseComponentColorNameType>(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 css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\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","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAEtBC,GAAoE;AACpE,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,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAA0CP,CAAK;AAE/E,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ModalContent.js","sources":["../../../src/components/ModalContent/ModalContent.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./ModalContent.module.scss\";\r\nimport type ModalContentProps from \"./ModalContentProps\";\r\nimport type BaseModalContentProps from \"./BaseModalContentProps\";\r\n\r\nexport default function ModalContent<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseModalContentProps<BaseComponentColorNameType> =\r\n    ModalContentProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\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[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"modal-content\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(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\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\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","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,eAAe,CAAC,GAEjDC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAMC,EAAoB,cAA0CP,CAAK;AAE/E,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,4 +1,5 @@
-import { DivProps } from '../Div';
-export default interface ModalContentProps<BaseComponentColorNameType extends string> extends DivProps<BaseComponentColorNameType> {
+import { ClassAttributes, HTMLAttributes } from 'react';
+import { default as BaseModalContentProps } from './BaseModalContentProps';
+export default interface ModalContentProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLDivElement>, HTMLAttributes<HTMLDivElement>, BaseModalContentProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=ModalContentProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalContentProps.d.ts","sourceRoot":"","sources":["../../../src/components/ModalContent/ModalContentProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,iBAAiB,CACxC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,QAAQ,CAAC,0BAA0B,CAAC;CAAG"}
+{"version":3,"file":"ModalContentProps.d.ts","sourceRoot":"","sources":["../../../src/components/ModalContent/ModalContentProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,qBAAqB,MAAM,yBAAyB,CAAC;AAEjE,MAAM,CAAC,OAAO,WAAW,iBAAiB,CACxC,0BAA0B,SAAS,MAAM,CAEzC,SACE,eAAe,CAAC,cAAc,CAAC,EAC/B,cAAc,CAAC,cAAc,CAAC,EAC9B,qBAAqB,CAAC,0BAA0B,CAAC;CAAG"}

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

@@ -3,4 +3,6 @@ export { default as ModalContent } from './ModalContent';
 export * from './ModalContent';
 export type { default as ModalContentProps } from './ModalContentProps';
 export * from './ModalContentProps';
+export type { default as BaseModalContentProps } from './BaseModalContentProps';
+export * from './BaseModalContentProps';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ModalContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxE,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ModalContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAE/B,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxE,cAAc,qBAAqB,CAAC;AAEpC,YAAY,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChF,cAAc,yBAAyB,CAAC"}

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

@@ -0,0 +1,6 @@
+import { BaseComponentProps } from '../../models';
+import { ColorName, SemanticColorName } from '../../types';
+export default interface BaseNavProps<BaseComponentColorNameType extends string> extends BaseComponentProps<BaseComponentColorNameType> {
+    colorName?: ColorName | SemanticColorName;
+}
+//# sourceMappingURL=BaseNavProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseNavProps.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/BaseNavProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,YAAY,CACnC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}

package/dist/components/Nav/BaseNavProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=BaseNavProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseNavProps.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { ColorName } from '../../types';
+import { default as BaseNavProps } from './BaseNavProps';
 import { default as NavProps } from './NavProps';
-export default function Nav<BaseComponentColorNameType extends string = ColorName | "rainbow">(props: NavProps<BaseComponentColorNameType>): ReactElement;
+export default function Nav<BaseComponentColorNameType extends string = ColorName | "rainbow", PropsType extends BaseNavProps<BaseComponentColorNameType> = NavProps<BaseComponentColorNameType>>(props: PropsType): 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":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,GAAG,CACzB,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,QAAQ,CAAC,0BAA0B,CAAC,GAAG,YAAY,CA6D3D"}
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAE/C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,GAAG,CACzB,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,YAAY,CAAC,0BAA0B,CAAC,GACxD,QAAQ,CAAC,0BAA0B,CAAC,EACtC,KAAK,EAAE,SAAS,GAAG,YAAY,CAgFhC"}

package/dist/components/Nav/Nav.js

@@ -1,15 +1,27 @@
 "use client";
 import { jsx as m } from "@emotion/react/jsx-runtime";
-import t from "../../utilities/classNameUtility/classNameUtility.js";
-import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import r from "../../utilities/classNameUtility/classNameUtility.js";
+import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Nav.css';const c = "_nav_1340p_1", v = {
   nav: c
 };
-function u(o) {
-  const e = { ...o };
-  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 a = [v.nav], l = t.getUtilityClassNames(o);
-  l && a.push(...l), o.className && a.push(o.className);
+function f(o) {
+  const e = {
+    ...o,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    className: void 0,
+    css: void 0,
+    as: void 0
+  };
+  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.className, delete e.css, delete e.as;
+  const i = [v.nav], a = r.getUtilityClassNames(o);
+  a && i.push(...a), o.className && i.push(o.className);
   const n = {
     ...o.colorName ? {
       "--minolith-nav-color-fore": `var(--minolith-color-${o.colorName}-nav-fore, var(--minolith-color-${o.colorName}-fore))`,
@@ -26,24 +38,27 @@ function u(o) {
       "--minolith-nav-menu-item-color-disabled-fore": `var(--minolith-color-${o.colorName}-nav-menu-item-disabled-fore, var(--minolith-color-${o.colorName}-disabled-fore))`,
       "--minolith-nav-menu-item-color-disabled-shadow": `var(--minolith-color-${o.colorName}-nav-menu-item-disabled-shadow, var(--minolith-color-${o.colorName}-disabled-shadow))`
     } : void 0
-  }, i = r.getEmotionCss(o, n);
+  }, l = t.getEmotionCss(
+    o,
+    n
+  );
   return o.as ? /* @__PURE__ */ m(
     o.as,
     {
       ...e,
-      className: a.join(" "),
-      css: i
+      className: i.join(" "),
+      css: l
     }
   ) : /* @__PURE__ */ m(
     "nav",
     {
       ...e,
-      className: a.join(" "),
-      css: i
+      className: i.join(" "),
+      css: l
     }
   );
 }
 export {
-  u as default
+  f as default
 };
 //# sourceMappingURL=Nav.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Nav.module.scss\";\r\nimport type NavProps from \"./NavProps\";\r\n\r\nexport default function Nav<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: NavProps<BaseComponentColorNameType>): 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  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(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\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-nav-color-fore\"]: `var(--minolith-color-${props.colorName}-nav-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-nav-color-back\"]: `var(--minolith-color-${props.colorName}-nav-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-nav-color-border\"]: `var(--minolith-color-${props.colorName}-nav-border, var(--minolith-color-${props.colorName}-border))`,\r\n        [\"--minolith-nav-menu-item-color-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-nav-menu-item-color-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-shadow, var(--minolith-color-${props.colorName}-shadow))`,\r\n        [\"--minolith-nav-menu-item-color-focus-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-focus-fore, var(--minolith-color-${props.colorName}-focus-fore))`,\r\n        [\"--minolith-nav-menu-item-color-focus-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-focus-shadow, var(--minolith-color-${props.colorName}-focus-shadow))`,\r\n        [\"--minolith-nav-menu-item-color-hover-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-hover-fore, var(--minolith-color-${props.colorName}-hover-fore))`,\r\n        [\"--minolith-nav-menu-item-color-hover-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-hover-shadow, var(--minolith-color-${props.colorName}-hover-shadow))`,\r\n        [\"--minolith-nav-menu-item-color-active-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-active-fore, var(--minolith-color-${props.colorName}-active-fore))`,\r\n        [\"--minolith-nav-menu-item-color-active-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-active-shadow, var(--minolith-color-${props.colorName}-active-shadow))`,\r\n        [\"--minolith-nav-menu-item-color-disabled-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-disabled-fore, var(--minolith-color-${props.colorName}-disabled-fore))`,\r\n        [\"--minolith-nav-menu-item-color-disabled-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-disabled-shadow, var(--minolith-color-${props.colorName}-disabled-shadow))`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\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","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAEtBC,GAA2D;AAC3D,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,GAEjDC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAqBzC,QAAMM,IAAc;AAAA,IAClB,GAnByCN,EAAM,YAC7C;AAAA,MACG,6BAA8B,wBAAwBA,EAAM,SAAS,mCAAmCA,EAAM,SAAS;AAAA,MACvH,6BAA8B,wBAAwBA,EAAM,SAAS,mCAAmCA,EAAM,SAAS;AAAA,MACvH,+BAAgC,wBAAwBA,EAAM,SAAS,qCAAqCA,EAAM,SAAS;AAAA,MAC3H,uCAAwC,wBAAwBA,EAAM,SAAS,6CAA6CA,EAAM,SAAS;AAAA,MAC3I,yCAA0C,wBAAwBA,EAAM,SAAS,+CAA+CA,EAAM,SAAS;AAAA,MAC/I,6CAA8C,wBAAwBA,EAAM,SAAS,mDAAmDA,EAAM,SAAS;AAAA,MACvJ,+CAAgD,wBAAwBA,EAAM,SAAS,qDAAqDA,EAAM,SAAS;AAAA,MAC3J,6CAA8C,wBAAwBA,EAAM,SAAS,mDAAmDA,EAAM,SAAS;AAAA,MACvJ,+CAAgD,wBAAwBA,EAAM,SAAS,qDAAqDA,EAAM,SAAS;AAAA,MAC3J,8CAA+C,wBAAwBA,EAAM,SAAS,oDAAoDA,EAAM,SAAS;AAAA,MACzJ,gDAAiD,wBAAwBA,EAAM,SAAS,sDAAsDA,EAAM,SAAS;AAAA,MAC7J,gDAAiD,wBAAwBA,EAAM,SAAS,sDAAsDA,EAAM,SAAS;AAAA,MAC7J,kDAAmD,wBAAwBA,EAAM,SAAS,wDAAwDA,EAAM,SAAS;AAAA,IAAA,IAEpK;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAA0CR,GAAOM,CAAW;AAE5F,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Nav.js","sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseNavProps from \"./BaseNavProps\";\r\nimport classNames from \"./Nav.module.scss\";\r\nimport type NavProps from \"./NavProps\";\r\n\r\nexport default function Nav<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseNavProps<BaseComponentColorNameType> =\r\n    NavProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\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[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"nav\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(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\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-nav-color-fore\"]: `var(--minolith-color-${props.colorName}-nav-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-nav-color-back\"]: `var(--minolith-color-${props.colorName}-nav-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-nav-color-border\"]: `var(--minolith-color-${props.colorName}-nav-border, var(--minolith-color-${props.colorName}-border))`,\r\n        [\"--minolith-nav-menu-item-color-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-nav-menu-item-color-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-shadow, var(--minolith-color-${props.colorName}-shadow))`,\r\n        [\"--minolith-nav-menu-item-color-focus-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-focus-fore, var(--minolith-color-${props.colorName}-focus-fore))`,\r\n        [\"--minolith-nav-menu-item-color-focus-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-focus-shadow, var(--minolith-color-${props.colorName}-focus-shadow))`,\r\n        [\"--minolith-nav-menu-item-color-hover-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-hover-fore, var(--minolith-color-${props.colorName}-hover-fore))`,\r\n        [\"--minolith-nav-menu-item-color-hover-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-hover-shadow, var(--minolith-color-${props.colorName}-hover-shadow))`,\r\n        [\"--minolith-nav-menu-item-color-active-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-active-fore, var(--minolith-color-${props.colorName}-active-fore))`,\r\n        [\"--minolith-nav-menu-item-color-active-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-active-shadow, var(--minolith-color-${props.colorName}-active-shadow))`,\r\n        [\"--minolith-nav-menu-item-color-disabled-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-disabled-fore, var(--minolith-color-${props.colorName}-disabled-fore))`,\r\n        [\"--minolith-nav-menu-item-color-disabled-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-disabled-shadow, var(--minolith-color-${props.colorName}-disabled-shadow))`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\r\n    props,\r\n    optionalCss,\r\n  );\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\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","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,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,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,GAAM,GAEjDC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAqBzC,QAAMM,IAAc;AAAA,IAClB,GAnByCN,EAAM,YAC7C;AAAA,MACG,6BAA8B,wBAAwBA,EAAM,SAAS,mCAAmCA,EAAM,SAAS;AAAA,MACvH,6BAA8B,wBAAwBA,EAAM,SAAS,mCAAmCA,EAAM,SAAS;AAAA,MACvH,+BAAgC,wBAAwBA,EAAM,SAAS,qCAAqCA,EAAM,SAAS;AAAA,MAC3H,uCAAwC,wBAAwBA,EAAM,SAAS,6CAA6CA,EAAM,SAAS;AAAA,MAC3I,yCAA0C,wBAAwBA,EAAM,SAAS,+CAA+CA,EAAM,SAAS;AAAA,MAC/I,6CAA8C,wBAAwBA,EAAM,SAAS,mDAAmDA,EAAM,SAAS;AAAA,MACvJ,+CAAgD,wBAAwBA,EAAM,SAAS,qDAAqDA,EAAM,SAAS;AAAA,MAC3J,6CAA8C,wBAAwBA,EAAM,SAAS,mDAAmDA,EAAM,SAAS;AAAA,MACvJ,+CAAgD,wBAAwBA,EAAM,SAAS,qDAAqDA,EAAM,SAAS;AAAA,MAC3J,8CAA+C,wBAAwBA,EAAM,SAAS,oDAAoDA,EAAM,SAAS;AAAA,MACzJ,gDAAiD,wBAAwBA,EAAM,SAAS,sDAAsDA,EAAM,SAAS;AAAA,MAC7J,gDAAiD,wBAAwBA,EAAM,SAAS,sDAAsDA,EAAM,SAAS;AAAA,MAC7J,kDAAmD,wBAAwBA,EAAM,SAAS,wDAAwDA,EAAM,SAAS;AAAA,IAAA,IAEpK;AAAA,EAGC,GAGCO,IAAMC,EAAoB;AAAA,IAC9BR;AAAA,IACAM;AAAA,EAAA;AAGF,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,7 +1,5 @@
 import { ClassAttributes, HTMLAttributes } from 'react';
-import { BaseComponentProps } from '../../models';
-import { ColorName, SemanticColorName } from '../../types';
-export default interface NavProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLElement>, HTMLAttributes<HTMLElement>, BaseComponentProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
+import { default as BaseNavProps } from './BaseNavProps';
+export default interface NavProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLElement>, HTMLAttributes<HTMLElement>, BaseNavProps<BaseComponentColorNameType> {
 }
 //# 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,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,QAAQ,CAAC,0BAA0B,SAAS,MAAM,CACzE,SACE,eAAe,CAAC,WAAW,CAAC,EAC5B,cAAc,CAAC,WAAW,CAAC,EAC3B,kBAAkB,CAAC,0BAA0B,CAAC;IAChD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}
+{"version":3,"file":"NavProps.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,WAAW,QAAQ,CAAC,0BAA0B,SAAS,MAAM,CACzE,SACE,eAAe,CAAC,WAAW,CAAC,EAC5B,cAAc,CAAC,WAAW,CAAC,EAC3B,YAAY,CAAC,0BAA0B,CAAC;CAAG"}

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

@@ -3,4 +3,6 @@ export { default as Nav } from './Nav';
 export * from './Nav';
 export type { default as NavProps } from './NavProps';
 export * from './NavProps';
+export type { default as BaseNavProps } from './BaseNavProps';
+export * from './BaseNavProps';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,YAAY,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtD,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,YAAY,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtD,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9D,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { BaseComponentProps } from '../../models';
+export default interface BaseNavAccordionProps<BaseComponentColorNameType extends string> extends BaseComponentProps<BaseComponentColorNameType> {
+    isXSmall?: boolean | undefined;
+    isSmallOrLess?: boolean | undefined;
+    isSmall?: boolean | undefined;
+    isSmallOrMore?: boolean | undefined;
+    isMediumOrLess?: boolean | undefined;
+    isMedium?: boolean | undefined;
+    isMediumOrMore?: boolean | undefined;
+    isLargeOrLess?: boolean | undefined;
+    isLarge?: boolean | undefined;
+    isLargeOrMore?: boolean | undefined;
+    isXLarge?: boolean | undefined;
+}
+//# sourceMappingURL=BaseNavAccordionProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseNavAccordionProps.d.ts","sourceRoot":"","sources":["../../../src/components/NavAccordion/BaseNavAccordionProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,qBAAqB,CAC5C,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC"}

package/dist/components/NavAccordion/BaseNavAccordionProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=BaseNavAccordionProps.js.map

package/dist/components/NavAccordion/BaseNavAccordionProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseNavAccordionProps.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { ColorName } from '../../types';
+import { default as BaseNavAccordionProps } from './BaseNavAccordionProps';
 import { default as NavAccordionProps } from './NavAccordionProps';
-export default function NavAccordion<BaseComponentColorNameType extends string = ColorName | "rainbow">(props: NavAccordionProps<BaseComponentColorNameType>): ReactElement;
+export default function NavAccordion<BaseComponentColorNameType extends string = ColorName | "rainbow", PropsType extends BaseNavAccordionProps<BaseComponentColorNameType> = NavAccordionProps<BaseComponentColorNameType>>(props: PropsType): 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":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,iBAAiB,MAAM,qBAAqB,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,iBAAiB,CAAC,0BAA0B,CAAC,GAAG,YAAY,CA4FpE"}
+{"version":3,"file":"NavAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/NavAccordion/NavAccordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,qBAAqB,MAAM,yBAAyB,CAAC;AAEjE,OAAO,KAAK,iBAAiB,MAAM,qBAAqB,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,qBAAqB,CAAC,0BAA0B,CAAC,GACjE,iBAAiB,CAAC,0BAA0B,CAAC,EAC/C,KAAK,EAAE,SAAS,GAAG,YAAY,CA8GhC"}