react-minolith 2.3.6 → 2.4.1

package/dist/components/Hamburger/Hamburger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hamburger.js","sources":["../../../src/components/Hamburger/Hamburger.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 \"./Hamburger.module.scss\";\r\nimport type HamburgerProps from \"./HamburgerProps\";\r\n\r\nexport default function Hamburger<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: HamburgerProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isActive\"];\r\n  delete assignedProps[\"crownInner\"];\r\n  delete assignedProps[\"heelInner\"];\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[\"hamburger\"]];\r\n\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  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-hamburger-color-fore\"]: `var(--minolith-color-${props.colorName}-hamburger-fore)`,\r\n        [\"--minolith-hamburger-line-color-back\"]: `var(--minolith-color-${props.colorName}-hamburger-line-back, var(--minolith-color-${props.colorName}-border))`,\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      role=\"button\"\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    >\r\n      <span className={classNames[\"crown\"]}>{props.crownInner}</span>\r\n      <span className={classNames[\"upperpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"club\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"lowerpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"heel\"]}>{props.heelInner}</span>\r\n    </props.as>\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      role=\"button\"\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    >\r\n      <span className={classNames[\"crown\"]}>{props.crownInner}</span>\r\n      <span className={classNames[\"upperpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"club\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"lowerpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"heel\"]}>{props.heelInner}</span>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Hamburger","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsxs","jsx"],"mappings":";;;;;;;;;;;;;AASA,SAAwBA,EAEtBC,GAAiE;AACjE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,YACrB,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,SAAY;AAEnD,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC;AAGjD,QAAMC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAUzC,QAAMM,IAAc;AAAA,IAClB,GARyCN,EAAM,YAC7C;AAAA,MACG,mCAAoC,wBAAwBA,EAAM,SAAS;AAAA,MAC3E,wCAAyC,wBAAwBA,EAAM,SAAS,8CAA8CA,EAAM,SAAS;AAAA,IAAA,IAEhJ;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAA0CR,GAAOM,CAAW;AAE5F,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,MAAK;AAAA,MACL,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAG,EAAC,UAAK,WAAWP,EAAW,OAAW,YAAM,YAAW;AAAA,0BACvD,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAS,eAAY,QAAO;AAAA,0BACvD,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAU,YAAM,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAGxD,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,MAAK;AAAA,MACL,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAG,EAAC,UAAK,WAAWP,EAAW,OAAW,YAAM,YAAW;AAAA,0BACvD,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAS,eAAY,QAAO;AAAA,0BACvD,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAU,YAAM,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;"}
+{"version":3,"file":"Hamburger.js","sources":["../../../src/components/Hamburger/Hamburger.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 BaseHamburgerProps from \"./BaseHamburgerProps\";\r\nimport classNames from \"./Hamburger.module.scss\";\r\nimport type HamburgerProps from \"./HamburgerProps\";\r\n\r\nexport default function Hamburger<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseHamburgerProps<BaseComponentColorNameType> =\r\n    HamburgerProps<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  delete assignedProps[\"isActive\"];\r\n  delete assignedProps[\"crownInner\"];\r\n  delete assignedProps[\"heelInner\"];\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[\"hamburger\"]];\r\n\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  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-hamburger-color-fore\"]: `var(--minolith-color-${props.colorName}-hamburger-fore)`,\r\n        [\"--minolith-hamburger-line-color-back\"]: `var(--minolith-color-${props.colorName}-hamburger-line-back, var(--minolith-color-${props.colorName}-border))`,\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      role=\"button\"\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    >\r\n      <span className={classNames[\"crown\"]}>{props.crownInner}</span>\r\n      <span className={classNames[\"upperpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"club\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"lowerpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"heel\"]}>{props.heelInner}</span>\r\n    </props.as>\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      role=\"button\"\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    >\r\n      <span className={classNames[\"crown\"]}>{props.crownInner}</span>\r\n      <span className={classNames[\"upperpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"club\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"lowerpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"heel\"]}>{props.heelInner}</span>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Hamburger","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsxs","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,WACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,YACrB,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,SAAY;AAEnD,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC;AAGjD,QAAMC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAUzC,QAAMM,IAAc;AAAA,IAClB,GARyCN,EAAM,YAC7C;AAAA,MACG,mCAAoC,wBAAwBA,EAAM,SAAS;AAAA,MAC3E,wCAAyC,wBAAwBA,EAAM,SAAS,8CAA8CA,EAAM,SAAS;AAAA,IAAA,IAEhJ;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAA0CR,GAAOM,CAAW;AAE5F,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,MAAK;AAAA,MACL,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAG,EAAC,UAAK,WAAWP,EAAW,OAAW,YAAM,YAAW;AAAA,0BACvD,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAS,eAAY,QAAO;AAAA,0BACvD,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAU,YAAM,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAGxD,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,MAAK;AAAA,MACL,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAG,EAAC,UAAK,WAAWP,EAAW,OAAW,YAAM,YAAW;AAAA,0BACvD,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAS,eAAY,QAAO;AAAA,0BACvD,QAAA,EAAK,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAA,EAAK,WAAWA,EAAW,MAAU,YAAM,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;"}

package/dist/components/Hamburger/Hamburger.stories.d.ts

@@ -6,7 +6,7 @@ declare const meta: {
     tags: string[];
     argTypes: {
         isActive: {
-            type: "boolean";
+            type: string;
         };
     };
 };

package/dist/components/Hamburger/HamburgerProps.d.ts

@@ -1,10 +1,5 @@
-import { ReactNode } from 'react';
-import { ColorName, SemanticColorName } from '../../types';
-import { DivProps } from '../Div';
-export default interface HamburgerProps<BaseComponentColorNameType extends string> extends DivProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
-    isActive?: boolean | undefined;
-    crownInner?: ReactNode | string | undefined;
-    heelInner?: ReactNode | string | undefined;
+import { ClassAttributes, HTMLAttributes } from 'react';
+import { default as BaseHamburgerProps } from './BaseHamburgerProps';
+export default interface HamburgerProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLDivElement>, HTMLAttributes<HTMLDivElement>, BaseHamburgerProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=HamburgerProps.d.ts.map

package/dist/components/Hamburger/HamburgerProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HamburgerProps.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/HamburgerProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,cAAc,CACrC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,QAAQ,CAAC,0BAA0B,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;CAC5C"}
+{"version":3,"file":"HamburgerProps.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/HamburgerProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,kBAAkB,MAAM,sBAAsB,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,cAAc,CACrC,0BAA0B,SAAS,MAAM,CAEzC,SACE,eAAe,CAAC,cAAc,CAAC,EAC/B,cAAc,CAAC,cAAc,CAAC,EAC9B,kBAAkB,CAAC,0BAA0B,CAAC;CAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,YAAY,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,YAAY,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,cAAc,kBAAkB,CAAC;AAEjC,YAAY,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,cAAc,sBAAsB,CAAC"}

package/dist/components/Header/BaseHeaderProps.d.ts

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

package/dist/components/Header/BaseHeaderProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseHeaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/Header/BaseHeaderProps.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,eAAe,CAAC,0BAA0B,SAAS,MAAM,CAChF,SACE,kBAAkB,CAAC,0BAA0B,CAAC;IAChD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B"}

package/dist/components/Header/BaseHeaderProps.js

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

package/dist/components/Header/BaseHeaderProps.js.map

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

package/dist/components/Header/Header.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,WAAW,CAAC,0BAA0B,CAAC,GAAG,YAAY,CA2D9D"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,eAAe,CAAC,0BAA0B,CAAC,GAC3D,WAAW,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAE,SAAS,GAAG,YAAY,CA0EhC"}

package/dist/components/Header/Header.js

@@ -1,18 +1,30 @@
 "use client";
 import { jsx as t } from "@emotion/react/jsx-runtime";
-import r from "../../utilities/classNameUtility/classNameUtility.js";
-import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import d from "../../utilities/classNameUtility/classNameUtility.js";
+import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Header.css';const m = "_header_1ah7f_1", a = {
   header: m,
   "is-sticky": "_is-sticky_1ah7f_23",
   "is-fixed": "_is-fixed_1ah7f_30"
 };
-function y(e) {
-  const i = { ...e };
-  delete i.colorName, delete i.isSticky, delete i.isFixed, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing, delete i.css, delete i.as;
+function v(e) {
+  const i = {
+    ...e,
+    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 i.colorName, delete i.isSticky, delete i.isFixed, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing, delete i.className, delete i.css, delete i.as;
   const o = [a.header];
   e.isSticky && o.push(a["is-sticky"]), e.isFixed && o.push(a["is-fixed"]);
-  const s = r.getUtilityClassNames(e);
+  const s = d.getUtilityClassNames(e);
   s && o.push(...s), e.className && o.push(e.className);
   const c = {
     ...e.colorName ? {
@@ -20,7 +32,7 @@ function y(e) {
       "--minolith-header-color-back": `var(--minolith-color-${e.colorName}-header-back, var(--minolith-color-${e.colorName}-back))`,
       "--minolith-header-color-shadow": `var(--minolith-color-${e.colorName}-header-shadow, var(--minolith-color-${e.colorName}-shadow))`
     } : void 0
-  }, l = d.getEmotionCss(e, c);
+  }, l = r.getEmotionCss(e, c);
   return e.as ? /* @__PURE__ */ t(
     e.as,
     {
@@ -38,6 +50,6 @@ function y(e) {
   );
 }
 export {
-  y as default
+  v as default
 };
 //# sourceMappingURL=Header.js.map

package/dist/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.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 \"./Header.module.scss\";\r\nimport type HeaderProps from \"./HeaderProps\";\r\n\r\nexport default function Header<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: HeaderProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isSticky\"];\r\n  delete assignedProps[\"isFixed\"];\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[\"header\"]];\r\n  if (props.isSticky) {\r\n    assignedClassNames.push(classNames[`is-sticky`]);\r\n  }\r\n  if (props.isFixed) {\r\n    assignedClassNames.push(classNames[`is-fixed`]);\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  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-header-color-fore\"]: `var(--minolith-color-${props.colorName}-header-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-header-color-back\"]: `var(--minolith-color-${props.colorName}-header-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-header-color-shadow\"]: `var(--minolith-color-${props.colorName}-header-shadow, var(--minolith-color-${props.colorName}-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    <header\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Header","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AASA,SAAwBA,EAEtBC,GAA8D;AAC9D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,SAErB,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,MAAS;AAC1D,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAE7CH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC;AAGhD,QAAMC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAWzC,QAAMM,IAAc;AAAA,IAClB,GATyCN,EAAM,YAC7C;AAAA,MACG,gCAAiC,wBAAwBA,EAAM,SAAS,sCAAsCA,EAAM,SAAS;AAAA,MAC7H,gCAAiC,wBAAwBA,EAAM,SAAS,sCAAsCA,EAAM,SAAS;AAAA,MAC7H,kCAAmC,wBAAwBA,EAAM,SAAS,wCAAwCA,EAAM,SAAS;AAAA,IAAA,IAEpI;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":"Header.js","sources":["../../../src/components/Header/Header.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 BaseHeaderProps from \"./BaseHeaderProps\";\r\nimport classNames from \"./Header.module.scss\";\r\nimport type HeaderProps from \"./HeaderProps\";\r\n\r\nexport default function Header<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseHeaderProps<BaseComponentColorNameType> =\r\n    HeaderProps<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  delete assignedProps[\"isSticky\"];\r\n  delete assignedProps[\"isFixed\"];\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[\"header\"]];\r\n  if (props.isSticky) {\r\n    assignedClassNames.push(classNames[`is-sticky`]);\r\n  }\r\n  if (props.isFixed) {\r\n    assignedClassNames.push(classNames[`is-fixed`]);\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  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-header-color-fore\"]: `var(--minolith-color-${props.colorName}-header-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-header-color-back\"]: `var(--minolith-color-${props.colorName}-header-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-header-color-shadow\"]: `var(--minolith-color-${props.colorName}-header-shadow, var(--minolith-color-${props.colorName}-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    <header\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Header","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,WACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,SAErB,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,MAAS;AAC1D,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAE7CH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC;AAGhD,QAAMC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAWzC,QAAMM,IAAc;AAAA,IAClB,GATyCN,EAAM,YAC7C;AAAA,MACG,gCAAiC,wBAAwBA,EAAM,SAAS,sCAAsCA,EAAM,SAAS;AAAA,MAC7H,gCAAiC,wBAAwBA,EAAM,SAAS,sCAAsCA,EAAM,SAAS;AAAA,MAC7H,kCAAmC,wBAAwBA,EAAM,SAAS,wCAAwCA,EAAM,SAAS;AAAA,IAAA,IAEpI;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/Header/HeaderProps.d.ts

@@ -1,9 +1,5 @@
 import { ClassAttributes, HTMLAttributes } from 'react';
-import { BaseComponentProps } from '../../models';
-import { ColorName, SemanticColorName } from '../../types';
-export default interface HeaderProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLElement>, HTMLAttributes<HTMLElement>, BaseComponentProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
-    isSticky?: boolean | undefined;
-    isFixed?: boolean | undefined;
+import { default as BaseHeaderProps } from './BaseHeaderProps';
+export default interface HeaderProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLElement>, HTMLAttributes<HTMLElement>, BaseHeaderProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=HeaderProps.d.ts.map

package/dist/components/Header/HeaderProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/Header/HeaderProps.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,WAAW,CAAC,0BAA0B,SAAS,MAAM,CAC5E,SACE,eAAe,CAAC,WAAW,CAAC,EAC5B,cAAc,CAAC,WAAW,CAAC,EAC3B,kBAAkB,CAAC,0BAA0B,CAAC;IAChD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B"}
+{"version":3,"file":"HeaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/Header/HeaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,MAAM,CAAC,OAAO,WAAW,WAAW,CAAC,0BAA0B,SAAS,MAAM,CAC5E,SACE,eAAe,CAAC,WAAW,CAAC,EAC5B,cAAc,CAAC,WAAW,CAAC,EAC3B,eAAe,CAAC,0BAA0B,CAAC;CAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5D,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5D,cAAc,eAAe,CAAC;AAE9B,YAAY,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpE,cAAc,mBAAmB,CAAC"}

package/dist/components/Heading/BaseHeadingProps.d.ts

@@ -0,0 +1,5 @@
+import { BaseComponentProps } from '../../models';
+export default interface BaseHeadingProps<BaseComponentColorNameType extends string> extends BaseComponentProps<BaseComponentColorNameType> {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+//# sourceMappingURL=BaseHeadingProps.d.ts.map

package/dist/components/Heading/BaseHeadingProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseHeadingProps.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/BaseHeadingProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,gBAAgB,CACvC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/B"}

package/dist/components/Heading/BaseHeadingProps.js

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

package/dist/components/Heading/BaseHeadingProps.js.map

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

package/dist/components/Heading/Heading.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,YAAY,CAAC,0BAA0B,CAAC,GAAG,YAAY,CA0F/D"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,gBAAgB,CAAC,0BAA0B,CAAC,GAC5D,YAAY,CAAC,0BAA0B,CAAC,EAC1C,KAAK,EAAE,SAAS,GAAG,YAAY,CAyGhC"}

package/dist/components/Heading/Heading.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as t } from "@emotion/react/jsx-runtime";
-import c from "../../utilities/classNameUtility/classNameUtility.js";
-import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Heading.css';const h = {
+import d from "../../utilities/classNameUtility/classNameUtility.js";
+import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Heading.css';const c = {
   "heading-1": "_heading-1_5342t_1",
   "heading-2": "_heading-2_5342t_11",
   "heading-3": "_heading-3_5342t_21",
@@ -10,13 +10,25 @@ import '../../assets/Heading.css';const h = {
   "heading-5": "_heading-5_5342t_41",
   "heading-6": "_heading-6_5342t_51"
 };
-function r(a) {
-  const e = { ...a };
-  delete e.level, 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 n = a.level, s = [h[`heading-${a.level}`]], l = c.getUtilityClassNames(a);
-  l && s.push(...l), a.className && s.push(a.className);
-  const i = d.getEmotionCss(a);
-  if (a.as && (a.as, {
+function r(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.level, 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 n = i.level, s = [c[`heading-${i.level}`]], l = d.getUtilityClassNames(i);
+  l && s.push(...l), i.className && s.push(i.className);
+  const a = o.getEmotionCss(i);
+  if (i.as && (i.as, {
     ...e,
     className: s.join(" ")
   }), n)
@@ -27,7 +39,7 @@ function r(a) {
           {
             ...e,
             className: s.join(" "),
-            css: i
+            css: a
           }
         );
       case 2:
@@ -36,7 +48,7 @@ function r(a) {
           {
             ...e,
             className: s.join(" "),
-            css: i
+            css: a
           }
         );
       case 3:
@@ -45,7 +57,7 @@ function r(a) {
           {
             ...e,
             className: s.join(" "),
-            css: i
+            css: a
           }
         );
       case 4:
@@ -54,7 +66,7 @@ function r(a) {
           {
             ...e,
             className: s.join(" "),
-            css: i
+            css: a
           }
         );
       case 5:
@@ -63,7 +75,7 @@ function r(a) {
           {
             ...e,
             className: s.join(" "),
-            css: i
+            css: a
           }
         );
       case 6:
@@ -72,11 +84,11 @@ function r(a) {
           {
             ...e,
             className: s.join(" "),
-            css: i
+            css: a
           }
         );
     }
-  return /* @__PURE__ */ t("h1", { ...e, className: s.join(" "), css: i });
+  return /* @__PURE__ */ t("h1", { ...e, className: s.join(" "), css: a });
 }
 export {
   r as default

package/dist/components/Heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../src/components/Heading/Heading.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 \"./Heading.module.scss\";\r\nimport type HeadingProps from \"./HeadingProps\";\r\n\r\nexport default function Heading<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: HeadingProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"level\"];\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 level = props.level;\r\n  const assignedClassNames: string[] = [classNames[`heading-${props.level}`]];\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  if (props.as) {\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />;\r\n  }\r\n\r\n  if (level) {\r\n    switch (level) {\r\n      case 1:\r\n        return (\r\n          <h1\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 2:\r\n        return (\r\n          <h2\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 3:\r\n        return (\r\n          <h3\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 4:\r\n        return (\r\n          <h4\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 5:\r\n        return (\r\n          <h5\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 6:\r\n        return (\r\n          <h6\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n    }\r\n  }\r\n\r\n  return (\r\n    <h1 {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Heading","props","assignedProps","level","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;AAQA,SAAwBA,EAEtBC,GAA+D;AAC/D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,OAErB,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,IAAQF,EAAM,OACdG,IAA+B,CAACC,EAAW,WAAWJ,EAAM,KAAK,EAAE,CAAC,GAEpEK,IAAoBC,EAAiB,qBAAiDN,CAAK;AACjG,EAAIK,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CL,EAAM,aACRG,EAAmB,KAAKH,EAAM,SAAS;AAEzC,QAAMO,IAAMC,EAAoB,cAA0CR,CAAK;AAU/E,MARIA,EAAM,OACPA,EAAM,IAAN;AAAA,IACE,GAAGC;AAAA,IACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,EACtC,IAIAD;AACF,YAAQA,GAAA;AAAA,MACN,KAAK;AACH,eACE,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,IACF;AAKR,SACE,gBAAAE,EAAC,QAAI,GAAGR,GAAe,WAAWE,EAAmB,KAAK,GAAG,GAAG,KAAAI,GAAU;AAE9E;"}
+{"version":3,"file":"Heading.js","sources":["../../../src/components/Heading/Heading.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 type BaseHeadingProps from \"./BaseHeadingProps\";\r\nimport classNames from \"./Heading.module.scss\";\r\nimport type HeadingProps from \"./HeadingProps\";\r\n\r\nexport default function Heading<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseHeadingProps<BaseComponentColorNameType> =\r\n    HeadingProps<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[\"level\"];\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  const level = props.level;\r\n  const assignedClassNames: string[] = [classNames[`heading-${props.level}`]];\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  if (props.as) {\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />;\r\n  }\r\n\r\n  if (level) {\r\n    switch (level) {\r\n      case 1:\r\n        return (\r\n          <h1\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 2:\r\n        return (\r\n          <h2\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 3:\r\n        return (\r\n          <h3\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 4:\r\n        return (\r\n          <h4\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 5:\r\n        return (\r\n          <h5\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n      case 6:\r\n        return (\r\n          <h6\r\n            {...assignedProps}\r\n            className={assignedClassNames.join(\" \")}\r\n            css={css}\r\n          />\r\n        );\r\n    }\r\n  }\r\n\r\n  return (\r\n    <h1 {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Heading","props","assignedProps","level","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;AAGN,SAAOC,EAAc,OAErB,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;AAErB,QAAMC,IAAQF,EAAM,OACdG,IAA+B,CAACC,EAAW,WAAWJ,EAAM,KAAK,EAAE,CAAC,GAEpEK,IAAoBC,EAAiB,qBAAiDN,CAAK;AACjG,EAAIK,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CL,EAAM,aACRG,EAAmB,KAAKH,EAAM,SAAS;AAGzC,QAAMO,IAAMC,EAAoB,cAA0CR,CAAK;AAU/E,MARIA,EAAM,OACPA,EAAM,IAAN;AAAA,IACE,GAAGC;AAAA,IACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,EACtC,IAIAD;AACF,YAAQA,GAAA;AAAA,MACN,KAAK;AACH,eACE,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,WAAWE,EAAmB,KAAK,GAAG;AAAA,YACtC,KAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,IACF;AAKR,SACE,gBAAAE,EAAC,QAAI,GAAGR,GAAe,WAAWE,EAAmB,KAAK,GAAG,GAAG,KAAAI,GAAU;AAE9E;"}

package/dist/components/Heading/HeadingProps.d.ts

@@ -1,6 +1,5 @@
 import { ClassAttributes, HTMLAttributes } from 'react';
-import { BaseComponentProps } from '../../models';
-export default interface HeadingProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLHeadingElement>, HTMLAttributes<HTMLHeadingElement>, BaseComponentProps<BaseComponentColorNameType> {
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
+import { default as BaseHeadingProps } from './BaseHeadingProps';
+export default interface HeadingProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLHeadingElement>, HTMLAttributes<HTMLHeadingElement>, BaseHeadingProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=HeadingProps.d.ts.map

package/dist/components/Heading/HeadingProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingProps.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/HeadingProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,YAAY,CAAC,0BAA0B,SAAS,MAAM,CAC7E,SACE,eAAe,CAAC,kBAAkB,CAAC,EACnC,cAAc,CAAC,kBAAkB,CAAC,EAClC,kBAAkB,CAAC,0BAA0B,CAAC;IAChD,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/B"}
+{"version":3,"file":"HeadingProps.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/HeadingProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,YAAY,CAAC,0BAA0B,SAAS,MAAM,CAC7E,SACE,eAAe,CAAC,kBAAkB,CAAC,EACnC,cAAc,CAAC,kBAAkB,CAAC,EAClC,gBAAgB,CAAC,0BAA0B,CAAC;CAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9D,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9D,cAAc,gBAAgB,CAAC;AAE/B,YAAY,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtE,cAAc,oBAAoB,CAAC"}

package/dist/components/Input/BaseInputProps.d.ts

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

package/dist/components/Input/BaseInputProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInputProps.d.ts","sourceRoot":"","sources":["../../../src/components/Input/BaseInputProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,SAAS,EACT,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAErB,MAAM,CAAC,OAAO,WAAW,cAAc,CAAC,0BAA0B,SAAS,MAAM,CAC/E,SACE,kBAAkB,CAAC,0BAA0B,CAAC;IAChD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B"}

package/dist/components/Input/BaseInputProps.js

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

package/dist/components/Input/BaseInputProps.js.map

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

package/dist/components/Input/Input.d.ts

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

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

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

package/dist/components/Input/Input.js

@@ -5,46 +5,58 @@ import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Input.css';const u = "_input_1wblk_1", h = {
   input: u
 };
-function v(o) {
-  const i = { ...o };
-  delete i.colorName, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing, delete i.css, delete i.as;
-  const t = [h.input], e = d.getUtilityClassNames(o);
-  e && t.push(...e), o.className && t.push(o.className);
-  const n = o.colorName ? {
-    "--minolith-input-color-fore": `var(--minolith-color-${o.colorName}-input-fore)`,
-    "--minolith-input-color-back": `var(--minolith-color-${o.colorName}-input-back)`,
-    "--minolith-input-color-border": `var(--minolith-color-${o.colorName}-input-border)`,
-    "--minolith-input-color-placeholder": `var(--minolith-color-${o.colorName}-input-placeholder)`,
-    "--minolith-input-focus-color-back": `var(--minolith-color-${o.colorName}-input-focus-back)`,
-    "--minolith-input-focus-color-border": `var(--minolith-color-${o.colorName}-input-focus-border)`,
-    "--minolith-input-disabled-color-back": `var(--minolith-color-${o.colorName}-input-disabled-back)`,
-    "--minolith-input-disabled-color-border": `var(--minolith-color-${o.colorName}-input-disabled-border)`
-  } : void 0, a = o.borderRadius ? {
-    "--minolith-input-border-radius": `var(--minolith-border-radius-${o.borderRadius})`
-  } : void 0, c = o.borderWidth ? {
-    "--minolith-input-border-width": `var(--minolith-border-width-${o.borderWidth})`
+function f(i) {
+  const o = {
+    ...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 o.colorName, delete o.fore, delete o.back, delete o.highlighter, delete o.border, delete o.positioning, delete o.sizing, delete o.spacing, delete o.className, delete o.css, delete o.as;
+  const e = [h.input], t = d.getUtilityClassNames(i);
+  t && e.push(...t), i.className && e.push(i.className);
+  const a = i.colorName ? {
+    "--minolith-input-color-fore": `var(--minolith-color-${i.colorName}-input-fore)`,
+    "--minolith-input-color-back": `var(--minolith-color-${i.colorName}-input-back)`,
+    "--minolith-input-color-border": `var(--minolith-color-${i.colorName}-input-border)`,
+    "--minolith-input-color-placeholder": `var(--minolith-color-${i.colorName}-input-placeholder)`,
+    "--minolith-input-focus-color-back": `var(--minolith-color-${i.colorName}-input-focus-back)`,
+    "--minolith-input-focus-color-border": `var(--minolith-color-${i.colorName}-input-focus-border)`,
+    "--minolith-input-disabled-color-back": `var(--minolith-color-${i.colorName}-input-disabled-back)`,
+    "--minolith-input-disabled-color-border": `var(--minolith-color-${i.colorName}-input-disabled-border)`
+  } : void 0, n = i.borderRadius ? {
+    "--minolith-input-border-radius": `var(--minolith-border-radius-${i.borderRadius})`
+  } : void 0, c = i.borderWidth ? {
+    "--minolith-input-border-width": `var(--minolith-border-width-${i.borderWidth})`
   } : void 0, s = {
-    ...n,
     ...a,
+    ...n,
     ...c
-  }, l = m.getEmotionCss(o, s);
-  return o.as ? /* @__PURE__ */ r(
-    o.as,
+  }, l = m.getEmotionCss(i, s);
+  return i.as ? /* @__PURE__ */ r(
+    i.as,
     {
-      ...i,
-      className: t.join(" "),
+      ...o,
+      className: e.join(" "),
       css: l
     }
   ) : /* @__PURE__ */ r(
     "input",
     {
-      ...i,
-      className: t.join(" "),
+      ...o,
+      className: e.join(" "),
       css: l
     }
   );
 }
 export {
-  v as default
+  f as default
 };
 //# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.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 \"./Input.module.scss\";\r\nimport type InputProps from \"./InputProps\";\r\n\r\nexport default function Input<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: InputProps<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[\"input\"]];\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-input-color-fore\"]: `var(--minolith-color-${props.colorName}-input-fore)`,\r\n        [\"--minolith-input-color-back\"]: `var(--minolith-color-${props.colorName}-input-back)`,\r\n        [\"--minolith-input-color-border\"]: `var(--minolith-color-${props.colorName}-input-border)`,\r\n        [\"--minolith-input-color-placeholder\"]: `var(--minolith-color-${props.colorName}-input-placeholder)`,\r\n        [\"--minolith-input-focus-color-back\"]: `var(--minolith-color-${props.colorName}-input-focus-back)`,\r\n        [\"--minolith-input-focus-color-border\"]: `var(--minolith-color-${props.colorName}-input-focus-border)`,\r\n        [\"--minolith-input-disabled-color-back\"]: `var(--minolith-color-${props.colorName}-input-disabled-back)`,\r\n        [\"--minolith-input-disabled-color-border\"]: `var(--minolith-color-${props.colorName}-input-disabled-border)`,\r\n      }\r\n    : undefined;\r\n\r\n  const borderRadiusCss: Interpolation<Theme> = props.borderRadius\r\n    ? {\r\n        [\"--minolith-input-border-radius\"]: `var(--minolith-border-radius-${props.borderRadius})`,\r\n      }\r\n    : undefined;\r\n\r\n  const borderWidthCss: Interpolation<Theme> = props.borderWidth\r\n    ? {\r\n        [\"--minolith-input-border-width\"]: `var(--minolith-border-width-${props.borderWidth})`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n    ...borderRadiusCss,\r\n    ...borderWidthCss,\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    <input\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Input","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorNameCss","borderRadiusCss","borderWidthCss","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAEtBC,GAA6D;AAC7D,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,KAAQ,GAEnDC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAqCN,EAAM,YAC7C;AAAA,IACG,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,IACvE,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,IACvE,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,IACzE,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,IAC9E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,IAC7E,uCAAwC,wBAAwBA,EAAM,SAAS;AAAA,IAC/E,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,IAChF,0CAA2C,wBAAwBA,EAAM,SAAS;AAAA,EAAA,IAErF,QAEEO,IAAwCP,EAAM,eAChD;AAAA,IACG,kCAAmC,gCAAgCA,EAAM,YAAY;AAAA,EAAA,IAExF,QAEEQ,IAAuCR,EAAM,cAC/C;AAAA,IACG,iCAAkC,+BAA+BA,EAAM,WAAW;AAAA,EAAA,IAErF,QAEES,IAAc;AAAA,IAClB,GAAGH;AAAA,IACH,GAAGC;AAAA,IACH,GAAGC;AAAA,EAAA,GAGCE,IAAMC,EAAoB,cAA0CX,GAAOS,CAAW;AAE5F,SAAOT,EAAM,KACX,gBAAAY;AAAA,IAACZ,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAQ;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAQ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.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 BaseInputProps from \"./BaseInputProps\";\r\nimport classNames from \"./Input.module.scss\";\r\nimport type InputProps from \"./InputProps\";\r\n\r\nexport default function Input<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseInputProps<BaseComponentColorNameType> =\r\n    InputProps<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[\"input\"]];\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-input-color-fore\"]: `var(--minolith-color-${props.colorName}-input-fore)`,\r\n        [\"--minolith-input-color-back\"]: `var(--minolith-color-${props.colorName}-input-back)`,\r\n        [\"--minolith-input-color-border\"]: `var(--minolith-color-${props.colorName}-input-border)`,\r\n        [\"--minolith-input-color-placeholder\"]: `var(--minolith-color-${props.colorName}-input-placeholder)`,\r\n        [\"--minolith-input-focus-color-back\"]: `var(--minolith-color-${props.colorName}-input-focus-back)`,\r\n        [\"--minolith-input-focus-color-border\"]: `var(--minolith-color-${props.colorName}-input-focus-border)`,\r\n        [\"--minolith-input-disabled-color-back\"]: `var(--minolith-color-${props.colorName}-input-disabled-back)`,\r\n        [\"--minolith-input-disabled-color-border\"]: `var(--minolith-color-${props.colorName}-input-disabled-border)`,\r\n      }\r\n    : undefined;\r\n\r\n  const borderRadiusCss: Interpolation<Theme> = props.borderRadius\r\n    ? {\r\n        [\"--minolith-input-border-radius\"]: `var(--minolith-border-radius-${props.borderRadius})`,\r\n      }\r\n    : undefined;\r\n\r\n  const borderWidthCss: Interpolation<Theme> = props.borderWidth\r\n    ? {\r\n        [\"--minolith-input-border-width\"]: `var(--minolith-border-width-${props.borderWidth})`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n    ...borderRadiusCss,\r\n    ...borderWidthCss,\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    <input\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Input","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorNameCss","borderRadiusCss","borderWidthCss","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,KAAQ,GAEnDC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAqCN,EAAM,YAC7C;AAAA,IACG,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,IACvE,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,IACvE,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,IACzE,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,IAC9E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,IAC7E,uCAAwC,wBAAwBA,EAAM,SAAS;AAAA,IAC/E,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,IAChF,0CAA2C,wBAAwBA,EAAM,SAAS;AAAA,EAAA,IAErF,QAEEO,IAAwCP,EAAM,eAChD;AAAA,IACG,kCAAmC,gCAAgCA,EAAM,YAAY;AAAA,EAAA,IAExF,QAEEQ,IAAuCR,EAAM,cAC/C;AAAA,IACG,iCAAkC,+BAA+BA,EAAM,WAAW;AAAA,EAAA,IAErF,QAEES,IAAc;AAAA,IAClB,GAAGH;AAAA,IACH,GAAGC;AAAA,IACH,GAAGC;AAAA,EAAA,GAGCE,IAAMC,EAAoB,cAA0CX,GAAOS,CAAW;AAE5F,SAAOT,EAAM,KACX,gBAAAY;AAAA,IAACZ,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAQ;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAQ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Input/Input.stories.d.ts

@@ -6,7 +6,7 @@ declare const meta: {
     tags: string[];
     argTypes: {
         disabled: {
-            type: "boolean";
+            type: string;
         };
     };
 };