react-minolith 2.4.0 → 2.4.2

package/dist/components/Hamburger/index.js

@@ -1,6 +1,2 @@
-import { default as r, default as f } from "./Hamburger.js";
-export {
-  r as Hamburger,
-  f as default
-};
-//# sourceMappingURL=index.js.map
+import e from "./Hamburger.js";
+export { e as Hamburger, e as default };

package/dist/components/Header/BaseHeaderProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=BaseHeaderProps.js.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;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,CAyEhC"}
+{"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,54 +1,44 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-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 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,
-    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.css, delete i.className, delete i.as;
-  const o = [a.header];
-  e.isSticky && o.push(a["is-sticky"]), e.isFixed && o.push(a["is-fixed"]);
-  const s = d.getUtilityClassNames(e);
-  s && o.push(...s), e.className && o.push(e.className);
-  const c = {
-    ...e.colorName ? {
-      "--minolith-header-color-fore": `var(--minolith-color-${e.colorName}-header-fore, var(--minolith-color-${e.colorName}-fore))`,
-      "--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 = r.getEmotionCss(e, c);
-  return e.as ? /* @__PURE__ */ t(
-    e.as,
-    {
-      ...i,
-      className: o.join(" "),
-      css: l
-    }
-  ) : /* @__PURE__ */ t(
-    "header",
-    {
-      ...i,
-      className: o.join(" "),
-      css: l
-    }
-  );
+import e from "../../utilities/classNameUtility/classNameUtility.js";
+import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import n from "./Header.module.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+//#region src/components/Header/Header.tsx
+function i(i) {
+	let a = {
+		...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 a.colorName, delete a.isSticky, delete a.isFixed, delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing, delete a.className, delete a.css, delete a.as;
+	let o = [n.header];
+	i.isSticky && o.push(n["is-sticky"]), i.isFixed && o.push(n["is-fixed"]);
+	let s = e.getUtilityClassNames(i);
+	s && o.push(...s), i.className && o.push(i.className);
+	let c = { ...i.colorName ? {
+		"--minolith-header-color-fore": `var(--minolith-color-${i.colorName}-header-fore, var(--minolith-color-${i.colorName}-fore))`,
+		"--minolith-header-color-back": `var(--minolith-color-${i.colorName}-header-back, var(--minolith-color-${i.colorName}-back))`,
+		"--minolith-header-color-shadow": `var(--minolith-color-${i.colorName}-header-shadow, var(--minolith-color-${i.colorName}-shadow))`
+	} : void 0 }, l = t.getEmotionCss(i, c);
+	return i.as ? /* @__PURE__ */ r(i.as, {
+		...a,
+		className: o.join(" "),
+		css: l
+	}) : /* @__PURE__ */ r("header", {
+		...a,
+		className: o.join(" "),
+		css: l
+	});
 }
-export {
-  v as default
-};
-//# sourceMappingURL=Header.js.map
+//#endregion
+export { i 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 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    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[\"css\"];\r\n  delete assignedProps[\"className\"];\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,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,KACrB,OAAOA,EAAc,WACrB,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;"}
+{"version":3,"file":"Header.js","names":[],"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"],"mappings":";;;;;;AAUA,SAAwB,EAItB,GAAgC;CAChC,IAAM,IAAgB;EACpB,GAAG;EACH,MAAM,KAAA;EACN,MAAM,KAAA;EACN,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,SAAS,KAAA;EACT,WAAW,KAAA;EACX,KAAK,KAAA;EACL,IAAI,KAAA;CACN;CAeA,AAbA,OAAO,EAAc,WACrB,OAAO,EAAc,UACrB,OAAO,EAAc,SAErB,OAAO,EAAc,MACrB,OAAO,EAAc,MACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,SACrB,OAAO,EAAc,WACrB,OAAO,EAAc,KACrB,OAAO,EAAc;CAGrB,IAAM,IAA+B,CAAC,EAAW,MAAS;CAI1D,AAHI,EAAM,YACR,EAAmB,KAAK,EAAW,YAAY,GAE7C,EAAM,WACR,EAAmB,KAAK,EAAW,WAAW;CAGhD,IAAM,IAAoB,EAAiB,qBAAiD,CAAK;CAIjG,AAHI,KACF,EAAmB,KAAK,GAAG,CAAiB,GAE1C,EAAM,aACR,EAAmB,KAAK,EAAM,SAAS;CAWzC,IAAM,IAAc,EAClB,GATyC,EAAM,YAC7C;EACG,gCAAiC,wBAAwB,EAAM,UAAU,qCAAqC,EAAM,UAAU;EAC9H,gCAAiC,wBAAwB,EAAM,UAAU,qCAAqC,EAAM,UAAU;EAC9H,kCAAmC,wBAAwB,EAAM,UAAU,uCAAuC,EAAM,UAAU;CACrI,IACA,KAAA,EAIJ,GAEM,IAAM,EAAoB,cAA0C,GAAO,CAAW;CAE5F,OAAO,EAAM,KACX,kBAAC,EAAM,IAAP;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA,IAED,kBAAC,UAAD;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA;AAEL"}

package/dist/components/Header/Header.module.js

@@ -0,0 +1,10 @@
+import './Header.css';//#region src/components/Header/Header.module.scss
+var e = "_header_1ah7f_1", t = {
+	header: e,
+	"is-sticky": "_is-sticky_1ah7f_23",
+	"is-fixed": "_is-fixed_1ah7f_30"
+};
+//#endregion
+export { t as default, e as header };
+
+//# sourceMappingURL=Header.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.module.js","names":[],"sources":["../../../src/components/Header/Header.module.scss"],"sourcesContent":["@use \"../../../node_modules/minolith/src/variables/index.scss\" as variables with (\r\n  $is-skelton: true,\r\n);\r\n@forward \"../../../node_modules/minolith/src/components/header.scss\";\r\n\r\n"],"mappings":""}

package/dist/components/Header/HeaderProps.js

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

package/dist/components/Header/index.js

@@ -1,6 +1,2 @@
-import { default as d, default as f } from "./Header.js";
-export {
-  d as Header,
-  f as default
-};
-//# sourceMappingURL=index.js.map
+import e from "./Header.js";
+export { e as Header, e as default };

package/dist/components/Heading/BaseHeadingProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=BaseHeadingProps.js.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;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,CAwGhC"}
+{"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,95 +1,66 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-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",
-  "heading-4": "_heading-4_5342t_31",
-  "heading-5": "_heading-5_5342t_41",
-  "heading-6": "_heading-6_5342t_51"
-};
-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,
-    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.css, delete e.className, delete e.as;
-  const n = s.level, i = [c[`heading-${s.level}`]], l = d.getUtilityClassNames(s);
-  l && i.push(...l), s.className && i.push(s.className);
-  const a = o.getEmotionCss(s);
-  if (s.as && (s.as, {
-    ...e,
-    className: i.join(" ")
-  }), n)
-    switch (n) {
-      case 1:
-        return /* @__PURE__ */ t(
-          "h1",
-          {
-            ...e,
-            className: i.join(" "),
-            css: a
-          }
-        );
-      case 2:
-        return /* @__PURE__ */ t(
-          "h2",
-          {
-            ...e,
-            className: i.join(" "),
-            css: a
-          }
-        );
-      case 3:
-        return /* @__PURE__ */ t(
-          "h3",
-          {
-            ...e,
-            className: i.join(" "),
-            css: a
-          }
-        );
-      case 4:
-        return /* @__PURE__ */ t(
-          "h4",
-          {
-            ...e,
-            className: i.join(" "),
-            css: a
-          }
-        );
-      case 5:
-        return /* @__PURE__ */ t(
-          "h5",
-          {
-            ...e,
-            className: i.join(" "),
-            css: a
-          }
-        );
-      case 6:
-        return /* @__PURE__ */ t(
-          "h6",
-          {
-            ...e,
-            className: i.join(" "),
-            css: a
-          }
-        );
-    }
-  return /* @__PURE__ */ t("h1", { ...e, className: i.join(" "), css: a });
+import e from "../../utilities/classNameUtility/classNameUtility.js";
+import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import n from "./Heading.module.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+//#region src/components/Heading/Heading.tsx
+function i(i) {
+	let a = {
+		...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 a.level, delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing, delete a.className, delete a.css, delete a.as;
+	let o = i.level, s = [n[`heading-${i.level}`]], c = e.getUtilityClassNames(i);
+	c && s.push(...c), i.className && s.push(i.className);
+	let l = t.getEmotionCss(i);
+	if (i.as && (i.as, { ...a }, s.join(" ")), o) switch (o) {
+		case 1: return /* @__PURE__ */ r("h1", {
+			...a,
+			className: s.join(" "),
+			css: l
+		});
+		case 2: return /* @__PURE__ */ r("h2", {
+			...a,
+			className: s.join(" "),
+			css: l
+		});
+		case 3: return /* @__PURE__ */ r("h3", {
+			...a,
+			className: s.join(" "),
+			css: l
+		});
+		case 4: return /* @__PURE__ */ r("h4", {
+			...a,
+			className: s.join(" "),
+			css: l
+		});
+		case 5: return /* @__PURE__ */ r("h5", {
+			...a,
+			className: s.join(" "),
+			css: l
+		});
+		case 6: return /* @__PURE__ */ r("h6", {
+			...a,
+			className: s.join(" "),
+			css: l
+		});
+	}
+	return /* @__PURE__ */ r("h1", {
+		...a,
+		className: s.join(" "),
+		css: l
+	});
 }
-export {
-  r as default
-};
-//# sourceMappingURL=Heading.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=Heading.js.map

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 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    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[\"css\"];\r\n  delete assignedProps[\"className\"];\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,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,KACrB,OAAOA,EAAc,WACrB,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;"}
+{"version":3,"file":"Heading.js","names":[],"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"],"mappings":";;;;;;AASA,SAAwB,EAItB,GAAgC;CAChC,IAAM,IAAgB;EACpB,GAAG;EACH,MAAM,KAAA;EACN,MAAM,KAAA;EACN,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,SAAS,KAAA;EACT,WAAW,KAAA;EACX,KAAK,KAAA;EACL,IAAI,KAAA;CACN;CAaA,AAXA,OAAO,EAAc,OAErB,OAAO,EAAc,MACrB,OAAO,EAAc,MACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,SACrB,OAAO,EAAc,WACrB,OAAO,EAAc,KACrB,OAAO,EAAc;CAErB,IAAM,IAAQ,EAAM,OACd,IAA+B,CAAC,EAAW,WAAW,EAAM,QAAQ,GAEpE,IAAoB,EAAiB,qBAAiD,CAAK;CAIjG,AAHI,KACF,EAAmB,KAAK,GAAG,CAAiB,GAE1C,EAAM,aACR,EAAmB,KAAK,EAAM,SAAS;CAGzC,IAAM,IAAM,EAAoB,cAA0C,CAAK;CAU/E,IARI,EAAM,OACR,EAAO,IAEL,EADA,GAAI,EACkC,GAA3B,EAAmB,KAAK,GAAG,IAKtC,GACF,QAAQ,GAAR;EACE,KAAK,GACH,OACE,kBAAC,MAAD;GACE,GAAI;GACJ,WAAW,EAAmB,KAAK,GAAG;GACjC;EACN,CAAA;EAEL,KAAK,GACH,OACE,kBAAC,MAAD;GACE,GAAI;GACJ,WAAW,EAAmB,KAAK,GAAG;GACjC;EACN,CAAA;EAEL,KAAK,GACH,OACE,kBAAC,MAAD;GACE,GAAI;GACJ,WAAW,EAAmB,KAAK,GAAG;GACjC;EACN,CAAA;EAEL,KAAK,GACH,OACE,kBAAC,MAAD;GACE,GAAI;GACJ,WAAW,EAAmB,KAAK,GAAG;GACjC;EACN,CAAA;EAEL,KAAK,GACH,OACE,kBAAC,MAAD;GACE,GAAI;GACJ,WAAW,EAAmB,KAAK,GAAG;GACjC;EACN,CAAA;EAEL,KAAK,GACH,OACE,kBAAC,MAAD;GACE,GAAI;GACJ,WAAW,EAAmB,KAAK,GAAG;GACjC;EACN,CAAA;CAEP;CAGF,OACE,kBAAC,MAAD;EAAI,GAAI;EAAe,WAAW,EAAmB,KAAK,GAAG;EAAQ;CAAM,CAAA;AAE/E"}

package/dist/components/Heading/Heading.module.js

@@ -0,0 +1,13 @@
+import './Heading.css';//#region src/components/Heading/Heading.module.scss
+var e = {
+	"heading-1": "_heading-1_5342t_1",
+	"heading-2": "_heading-2_5342t_11",
+	"heading-3": "_heading-3_5342t_21",
+	"heading-4": "_heading-4_5342t_31",
+	"heading-5": "_heading-5_5342t_41",
+	"heading-6": "_heading-6_5342t_51"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Heading.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.module.js","names":[],"sources":["../../../src/components/Heading/Heading.module.scss"],"sourcesContent":["@use \"../../../node_modules/minolith/src/variables/index.scss\" as variables with (\r\n  $is-skelton: true,\r\n);\r\n@forward \"../../../node_modules/minolith/src/components/heading.scss\";\r\n\r\n"],"mappings":""}

package/dist/components/Heading/HeadingProps.js

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

package/dist/components/Heading/index.js

@@ -1,6 +1,2 @@
-import { default as d, default as f } from "./Heading.js";
-export {
-  d as Heading,
-  f as default
-};
-//# sourceMappingURL=index.js.map
+import e from "./Heading.js";
+export { e as Heading, e as default };

package/dist/components/Input/BaseInputProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=BaseInputProps.js.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;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,CAqFhC"}
+{"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

@@ -1,61 +1,51 @@
 "use client";
+import e from "../../utilities/classNameUtility/classNameUtility.js";
+import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import n from "./Input.module.js";
 import { jsx as r } from "@emotion/react/jsx-runtime";
-import s from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Input.css';const u = "_input_1wblk_1", h = {
-  input: u
-};
-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,
-    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.css, delete o.className, delete o.as;
-  const e = [h.input], t = s.getUtilityClassNames(i);
-  t && e.push(...t), i.className && e.push(i.className);
-  const n = 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, a = 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, d = {
-    ...n,
-    ...a,
-    ...c
-  }, l = m.getEmotionCss(i, d);
-  return i.as ? /* @__PURE__ */ r(
-    i.as,
-    {
-      ...o,
-      className: e.join(" "),
-      css: l
-    }
-  ) : /* @__PURE__ */ r(
-    "input",
-    {
-      ...o,
-      className: e.join(" "),
-      css: l
-    }
-  );
+//#region src/components/Input/Input.tsx
+function i(i) {
+	let a = {
+		...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 a.colorName, delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing, delete a.className, delete a.css, delete a.as;
+	let o = [n.input], s = e.getUtilityClassNames(i);
+	s && o.push(...s), i.className && o.push(i.className);
+	let c = 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, l = i.borderRadius ? { "--minolith-input-border-radius": `var(--minolith-border-radius-${i.borderRadius})` } : void 0, u = i.borderWidth ? { "--minolith-input-border-width": `var(--minolith-border-width-${i.borderWidth})` } : void 0, d = {
+		...c,
+		...l,
+		...u
+	}, f = t.getEmotionCss(i, d);
+	return i.as ? /* @__PURE__ */ r(i.as, {
+		...a,
+		className: o.join(" "),
+		css: f
+	}) : /* @__PURE__ */ r("input", {
+		...a,
+		className: o.join(" "),
+		css: f
+	});
 }
-export {
-  f as default
-};
-//# sourceMappingURL=Input.js.map
+//#endregion
+export { i 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 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    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[\"css\"];\r\n  delete assignedProps[\"className\"];\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,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,KACrB,OAAOA,EAAc,WACrB,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;"}
+{"version":3,"file":"Input.js","names":[],"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"],"mappings":";;;;;;AAUA,SAAwB,EAItB,GAAgC;CAChC,IAAM,IAAgB;EACpB,GAAG;EACH,MAAM,KAAA;EACN,MAAM,KAAA;EACN,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,SAAS,KAAA;EACT,WAAW,KAAA;EACX,KAAK,KAAA;EACL,IAAI,KAAA;CACN;CAaA,AAXA,OAAO,EAAc,WAErB,OAAO,EAAc,MACrB,OAAO,EAAc,MACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,SACrB,OAAO,EAAc,WACrB,OAAO,EAAc,KACrB,OAAO,EAAc;CAGrB,IAAM,IAA+B,CAAC,EAAW,KAAQ,GAEnD,IAAoB,EAAiB,qBAAiD,CAAK;CAKjG,AAJI,KACF,EAAmB,KAAK,GAAG,CAAiB,GAG1C,EAAM,aACR,EAAmB,KAAK,EAAM,SAAS;CAGzC,IAAM,IAAqC,EAAM,YAC7C;EACG,+BAAgC,wBAAwB,EAAM,UAAU;EACxE,+BAAgC,wBAAwB,EAAM,UAAU;EACxE,iCAAkC,wBAAwB,EAAM,UAAU;EAC1E,sCAAuC,wBAAwB,EAAM,UAAU;EAC/E,qCAAsC,wBAAwB,EAAM,UAAU;EAC9E,uCAAwC,wBAAwB,EAAM,UAAU;EAChF,wCAAyC,wBAAwB,EAAM,UAAU;EACjF,0CAA2C,wBAAwB,EAAM,UAAU;CACtF,IACA,KAAA,GAEE,IAAwC,EAAM,eAChD,EACG,kCAAmC,gCAAgC,EAAM,aAAa,GACzF,IACA,KAAA,GAEE,IAAuC,EAAM,cAC/C,EACG,iCAAkC,+BAA+B,EAAM,YAAY,GACtF,IACA,KAAA,GAEE,IAAc;EAClB,GAAG;EACH,GAAG;EACH,GAAG;CACL,GAEM,IAAM,EAAoB,cAA0C,GAAO,CAAW;CAE5F,OAAO,EAAM,KACX,kBAAC,EAAM,IAAP;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA,IAED,kBAAC,SAAD;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA;AAEL"}

package/dist/components/Input/Input.module.js

@@ -0,0 +1,24 @@
+import './Input.css';//#region src/components/Input/Input.module.scss
+var e = "_input_1wblk_1", t = {
+	"input-checkbox": "_input-checkbox_1wblk_1",
+	input: e,
+	"is-border-width-xthin": "_is-border-width-xthin_1wblk_29",
+	"is-border-width-thin": "_is-border-width-thin_1wblk_33",
+	"is-border-width-medium": "_is-border-width-medium_1wblk_37",
+	"is-border-width-thick": "_is-border-width-thick_1wblk_41",
+	"is-border-width-xthick": "_is-border-width-xthick_1wblk_45",
+	"is-border-width-xxthick": "_is-border-width-xxthick_1wblk_49",
+	"is-border-width-xxxthick": "_is-border-width-xxxthick_1wblk_53",
+	"is-disabled": "_is-disabled_1wblk_62",
+	"input-radio": "_input-radio_1wblk_72",
+	"input-color": "_input-color_1wblk_136",
+	"input-range": "_input-range_1wblk_141",
+	"input-range-track": "_input-range-track_1wblk_149",
+	"input-range-thumb": "_input-range-thumb_1wblk_153",
+	"is-focus": "_is-focus_1wblk_160",
+	"is-focused": "_is-focused_1wblk_160"
+};
+//#endregion
+export { t as default, e as input };
+
+//# sourceMappingURL=Input.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.module.js","names":[],"sources":["../../../src/components/Input/Input.module.scss"],"sourcesContent":["@use \"../../../node_modules/minolith/src/variables/index.scss\" as variables with (\r\n  $is-skelton: true,\r\n);\r\n@forward \"../../../node_modules/minolith/src/components/input.scss\";\r\n\r\n"],"mappings":""}

package/dist/components/Input/InputProps.js

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