react-minolith 2.3.6 → 2.4.1

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InputProps.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAClE,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,UAAU,CAAC,0BAA0B,SAAS,MAAM,CAC3E,SACE,eAAe,CAAC,gBAAgB,CAAC,EACjC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,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"}
+{"version":3,"file":"InputProps.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,OAAO,WAAW,UAAU,CAAC,0BAA0B,SAAS,MAAM,CAC3E,SACE,eAAe,CAAC,gBAAgB,CAAC,EACjC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,cAAc,CAAC,0BAA0B,CAAC;CAAG"}

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

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

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

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

package/dist/components/Insert/BaseInsertProps.d.ts

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

package/dist/components/Insert/BaseInsertProps.d.ts.map

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

package/dist/components/Insert/BaseInsertProps.js

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

package/dist/components/Insert/BaseInsertProps.js.map

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

package/dist/components/Insert/Insert.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Insert.d.ts","sourceRoot":"","sources":["../../../src/components/Insert/Insert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,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,CAuDhC"}

package/dist/components/Insert/Insert.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import o from "../../utilities/classNameUtility/classNameUtility.js";
+import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Abbreviation.css';const d = "_element_1ikir_1", c = {
+  element: d
+};
+function N(s) {
+  const e = {
+    ...s,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    className: void 0,
+    css: void 0,
+    as: void 0
+  };
+  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
+  const i = [c.element], t = o.getUtilityClassNames(s);
+  t && i.push(...t), s.className && i.push(s.className);
+  const a = n.getEmotionCss(s);
+  return s.as ? /* @__PURE__ */ l(
+    s.as,
+    {
+      ...e,
+      className: i.join(" "),
+      css: a
+    }
+  ) : /* @__PURE__ */ l(
+    "ins",
+    {
+      ...e,
+      className: i.join(" "),
+      css: a
+    }
+  );
+}
+export {
+  N as default
+};
+//# sourceMappingURL=Insert.js.map

package/dist/components/Insert/Insert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Insert.js","sources":["../../../src/components/Insert/Insert.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 \"./Insert.module.scss\";\r\nimport type InsertProps from \"./InsertProps\";\r\nimport type BaseInsertProps from \"./BaseInsertProps\";\r\n\r\nexport default function Insert<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseInsertProps<BaseComponentColorNameType> =\r\n    InsertProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"element\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css =\r\n    emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <ins\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Insert","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,OAAU,GAErDC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IACJC,EAAoB,cAA0CP,CAAK;AAErE,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Insert } from './Insert';
+declare const meta: {
+    title: string;
+    component: typeof Insert;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Plain: Story;
+//# sourceMappingURL=Insert.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Insert.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Insert/Insert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,MAAM,MAAM,UAAU,CAAC;AAI9B,QAAA,MAAM,IAAI;;;;;CAKqB,CAAC;AAChC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC"}

package/dist/components/Insert/InsertProps.d.ts

@@ -0,0 +1,5 @@
+import { InsHTMLAttributes, ClassAttributes } from 'react';
+import { default as BaseInsertProps } from './BaseInsertProps';
+export default interface InsertProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLModElement>, InsHTMLAttributes<HTMLModElement>, BaseInsertProps<BaseComponentColorNameType> {
+}
+//# sourceMappingURL=InsertProps.d.ts.map

package/dist/components/Insert/InsertProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsertProps.d.ts","sourceRoot":"","sources":["../../../src/components/Insert/InsertProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,MAAM,CAAC,OAAO,WAAW,WAAW,CAAC,0BAA0B,SAAS,MAAM,CAC5E,SACE,eAAe,CAAC,cAAc,CAAC,EAC/B,iBAAiB,CAAC,cAAc,CAAC,EACjC,eAAe,CAAC,0BAA0B,CAAC;CAAG"}

package/dist/components/Insert/InsertProps.js

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

package/dist/components/Insert/InsertProps.js.map

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

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

@@ -0,0 +1,8 @@
+export { default } from './Insert';
+export { default as Insert } from './Insert';
+export * from './Insert';
+export type { default as InsertProps } from './InsertProps';
+export * from './InsertProps';
+export type { default as BaseInsertProps } from './BaseInsertProps';
+export * from './BaseInsertProps';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Insert/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/Insert/index.js

@@ -0,0 +1,6 @@
+import { default as a, default as f } from "./Insert.js";
+export {
+  a as Insert,
+  f as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Insert/index.js.map

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

package/dist/components/Label/BaseLabelProps.d.ts

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

package/dist/components/Label/BaseLabelProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseLabelProps.d.ts","sourceRoot":"","sources":["../../../src/components/Label/BaseLabelProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,cAAc,CAAC,0BAA0B,SAAS,MAAM,CAC/E,SACE,kBAAkB,CAAC,0BAA0B,CAAC;IAChD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}

package/dist/components/Label/BaseLabelProps.js

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

package/dist/components/Label/BaseLabelProps.js.map

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

package/dist/components/Label/Label.d.ts

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

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

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

package/dist/components/Label/Label.js

@@ -1,30 +1,42 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
+import { jsx as a } from "@emotion/react/jsx-runtime";
 import c from "../../utilities/classNameUtility/classNameUtility.js";
 import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Label.css';const m = "_label_ikroc_1", r = {
   label: m
 };
 function h(l) {
-  const e = { ...l };
-  delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
-  const o = [r.label], a = c.getUtilityClassNames(l);
-  a && o.push(...a), l.className && o.push(l.className);
-  const i = {
+  const e = {
+    ...l,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    className: void 0,
+    css: void 0,
+    as: void 0
+  };
+  delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
+  const o = [r.label], i = c.getUtilityClassNames(l);
+  i && o.push(...i), l.className && o.push(l.className);
+  const t = {
     ...l.colorName ? {
       "--minolith-label-color-fore": `var(--minolith-color-${l.colorName}-label-fore)`,
       "--minolith-label-color-selection-fore": `var(--minolith-color-${l.colorName}-label-selection-fore)`,
       "--minolith-label-color-selection-back": `var(--minolith-color-${l.colorName}-label-selection-back)`
     } : void 0
-  }, s = n.getEmotionCss(l, i);
-  return l.as ? /* @__PURE__ */ t(
+  }, s = n.getEmotionCss(l, t);
+  return l.as ? /* @__PURE__ */ a(
     l.as,
     {
       ...e,
       className: o.join(" "),
       css: s
     }
-  ) : /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ a(
     "label",
     {
       ...e,

package/dist/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../src/components/Label/Label.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 \"./Label.module.scss\";\r\nimport type LabelProps from \"./LabelProps\";\r\n\r\nexport default function Label<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: LabelProps<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[\"label\"]];\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-label-color-fore\"]: `var(--minolith-color-${props.colorName}-label-fore)`,\r\n        [\"--minolith-label-color-selection-fore\"]: `var(--minolith-color-${props.colorName}-label-selection-fore)`,\r\n        [\"--minolith-label-color-selection-back\"]: `var(--minolith-color-${props.colorName}-label-selection-back)`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <label\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Label","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","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,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAWzC,QAAMM,IAAc;AAAA,IAClB,GATyCN,EAAM,YAC7C;AAAA,MACG,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,MACvE,yCAA0C,wBAAwBA,EAAM,SAAS;AAAA,MACjF,yCAA0C,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAEpF;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":"Label.js","sources":["../../../src/components/Label/Label.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 BaseLabelProps from \"./BaseLabelProps\";\r\nimport classNames from \"./Label.module.scss\";\r\nimport type LabelProps from \"./LabelProps\";\r\n\r\nexport default function Label<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseLabelProps<BaseComponentColorNameType> =\r\n    LabelProps<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[\"label\"]];\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-label-color-fore\"]: `var(--minolith-color-${props.colorName}-label-fore)`,\r\n        [\"--minolith-label-color-selection-fore\"]: `var(--minolith-color-${props.colorName}-label-selection-fore)`,\r\n        [\"--minolith-label-color-selection-back\"]: `var(--minolith-color-${props.colorName}-label-selection-back)`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <label\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Label","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,KAAQ,GAEnDC,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,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,MACvE,yCAA0C,wBAAwBA,EAAM,SAAS;AAAA,MACjF,yCAA0C,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAEpF;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/Label/LabelProps.d.ts

@@ -1,7 +1,5 @@
 import { ClassAttributes, LabelHTMLAttributes } from 'react';
-import { BaseComponentProps } from '../../models';
-import { ColorName, SemanticColorName } from '../../types';
-export default interface LabelProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLLabelElement>, LabelHTMLAttributes<HTMLLabelElement>, BaseComponentProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
+import { default as BaseLabelProps } from './BaseLabelProps';
+export default interface LabelProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLLabelElement>, LabelHTMLAttributes<HTMLLabelElement>, BaseLabelProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=LabelProps.d.ts.map

package/dist/components/Label/LabelProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelProps.d.ts","sourceRoot":"","sources":["../../../src/components/Label/LabelProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,UAAU,CAAC,0BAA0B,SAAS,MAAM,CAC3E,SACE,eAAe,CAAC,gBAAgB,CAAC,EACjC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,kBAAkB,CAAC,0BAA0B,CAAC;IAChD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}
+{"version":3,"file":"LabelProps.d.ts","sourceRoot":"","sources":["../../../src/components/Label/LabelProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,OAAO,WAAW,UAAU,CAAC,0BAA0B,SAAS,MAAM,CAC3E,SACE,eAAe,CAAC,gBAAgB,CAAC,EACjC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,cAAc,CAAC,0BAA0B,CAAC;CAAG"}

package/dist/components/Link/BaseLinkProps.d.ts

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

package/dist/components/Link/BaseLinkProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseLinkProps.d.ts","sourceRoot":"","sources":["../../../src/components/Link/BaseLinkProps.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,aAAa,CAAC,0BAA0B,SAAS,MAAM,CAC9E,SACE,kBAAkB,CAAC,0BAA0B,CAAC;IAChD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}

package/dist/components/Link/BaseLinkProps.js

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

package/dist/components/Link/BaseLinkProps.js.map

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

package/dist/components/Link/Link.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,IAAI,CAC1B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,SAAS,CAAC,0BAA0B,CAAC,GAAG,YAAY,CAiD5D"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,IAAI,CAC1B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,aAAa,CAAC,0BAA0B,CAAC,GACzD,SAAS,CAAC,0BAA0B,CAAC,EACvC,KAAK,EAAE,SAAS,GAAG,YAAY,CAoEhC"}

package/dist/components/Link/Link.js

@@ -1,15 +1,27 @@
 "use client";
-import { jsx as n } from "@emotion/react/jsx-runtime";
+import { jsx as s } from "@emotion/react/jsx-runtime";
 import c from "../../utilities/classNameUtility/classNameUtility.js";
-import s from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Link.css';const m = "_link_tlaul_1", r = {
-  link: m
+import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Link.css';const r = "_link_tlaul_1", m = {
+  link: r
 };
-function k(o) {
-  const e = { ...o };
-  delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
-  const l = [r.link], i = c.getUtilityClassNames(o);
-  i && l.push(...i), o.className && l.push(o.className);
+function f(o) {
+  const i = {
+    ...o,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    className: void 0,
+    css: void 0,
+    as: void 0
+  };
+  delete 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.className, delete i.css, delete i.as;
+  const e = [m.link], l = c.getUtilityClassNames(o);
+  l && e.push(...l), o.className && e.push(o.className);
   const a = {
     ...o.colorName ? {
       "--minolith-link-color-fore": `var(--minolith-color-${o.colorName}-link-fore, var(--minolith-color-${o.colorName}-fore))`,
@@ -18,17 +30,20 @@ function k(o) {
       "--minolith-link-color-selection-fore": `var(--minolith-color-${o.colorName}-link-selection-fore, var(--minolith-color-${o.colorName}-selection-fore))`,
       "--minolith-link-color-selection-back": `var(--minolith-color-${o.colorName}-link-selection-back, var(--minolith-color-${o.colorName}-selection-back))`
     } : void 0
-  }, t = s.getEmotionCss(o, a);
-  return o.as ? /* @__PURE__ */ n(
+  }, t = n.getEmotionCss(
+    o,
+    a
+  );
+  return o.as ? /* @__PURE__ */ s(
     o.as,
     {
-      ...e,
-      className: l.join(" "),
+      ...i,
+      className: e.join(" "),
       css: t
     }
-  ) : /* @__PURE__ */ n("a", { ...e, className: l.join(" "), css: t });
+  ) : /* @__PURE__ */ s("a", { ...i, className: e.join(" "), css: t });
 }
 export {
-  k as default
+  f as default
 };
 //# sourceMappingURL=Link.js.map

package/dist/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.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 \"./Link.module.scss\";\r\nimport type LinkProps from \"./LinkProps\";\r\n\r\nexport default function Link<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: LinkProps<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[\"link\"]];\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-link-color-fore\"]: `var(--minolith-color-${props.colorName}-link-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-link-color-visited-fore\"]: `var(--minolith-color-${props.colorName}-link-visited-fore, var(--minolith-color-${props.colorName}-visited-fore))`,\r\n        // [\"--minolith-link-disabled-color-fore\"]: `var(--minolith-color-${props.colorName}-link-disabled-fore)`,\r\n        [\"--minolith-link-color-selection-fore\"]: `var(--minolith-color-${props.colorName}-link-selection-fore, var(--minolith-color-${props.colorName}-selection-fore))`,\r\n        [\"--minolith-link-color-selection-back\"]: `var(--minolith-color-${props.colorName}-link-selection-back, var(--minolith-color-${props.colorName}-selection-back))`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <a {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Link","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAEtBC,GAA4D;AAC5D,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,IAAO,GAElDC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAazC,QAAMM,IAAc;AAAA,IAClB,GAXyCN,EAAM,YAC7C;AAAA,MACG,8BAA+B,wBAAwBA,EAAM,SAAS,oCAAoCA,EAAM,SAAS;AAAA,MACzH,sCAAuC,wBAAwBA,EAAM,SAAS,4CAA4CA,EAAM,SAAS;AAAA;AAAA,MAEzI,wCAAyC,wBAAwBA,EAAM,SAAS,8CAA8CA,EAAM,SAAS;AAAA,MAC7I,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,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE,EAAC,KAAA,EAAG,GAAGR,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAK,GAAU;AAE7E;"}
+{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.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 BaseLinkProps from \"./BaseLinkProps\";\r\nimport classNames from \"./Link.module.scss\";\r\nimport type LinkProps from \"./LinkProps\";\r\n\r\nexport default function Link<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseLinkProps<BaseComponentColorNameType> =\r\n    LinkProps<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[\"link\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-link-color-fore\"]: `var(--minolith-color-${props.colorName}-link-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-link-color-visited-fore\"]: `var(--minolith-color-${props.colorName}-link-visited-fore, var(--minolith-color-${props.colorName}-visited-fore))`,\r\n        // [\"--minolith-link-disabled-color-fore\"]: `var(--minolith-color-${props.colorName}-link-disabled-fore)`,\r\n        [\"--minolith-link-color-selection-fore\"]: `var(--minolith-color-${props.colorName}-link-selection-fore, var(--minolith-color-${props.colorName}-selection-fore))`,\r\n        [\"--minolith-link-color-selection-back\"]: `var(--minolith-color-${props.colorName}-link-selection-back, var(--minolith-color-${props.colorName}-selection-back))`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\r\n    props,\r\n    optionalCss,\r\n  );\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <a {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Link","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,IAAO,GAElDC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAazC,QAAMM,IAAc;AAAA,IAClB,GAXyCN,EAAM,YAC7C;AAAA,MACG,8BAA+B,wBAAwBA,EAAM,SAAS,oCAAoCA,EAAM,SAAS;AAAA,MACzH,sCAAuC,wBAAwBA,EAAM,SAAS,4CAA4CA,EAAM,SAAS;AAAA;AAAA,MAEzI,wCAAyC,wBAAwBA,EAAM,SAAS,8CAA8CA,EAAM,SAAS;AAAA,MAC7I,wCAAyC,wBAAwBA,EAAM,SAAS,8CAA8CA,EAAM,SAAS;AAAA,IAAA,IAEhJ;AAAA,EAGC,GAGCO,IAAMC,EAAoB;AAAA,IAC9BR;AAAA,IACAM;AAAA,EAAA;AAGF,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE,EAAC,KAAA,EAAG,GAAGR,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAK,GAAU;AAE7E;"}

package/dist/components/Link/LinkProps.d.ts

@@ -1,7 +1,5 @@
 import { AnchorHTMLAttributes, ClassAttributes } from 'react';
-import { BaseComponentProps } from '../../models';
-import { ColorName, SemanticColorName } from '../../types';
-export default interface LinkProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLAnchorElement>, AnchorHTMLAttributes<HTMLAnchorElement>, BaseComponentProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
+import { default as BaseLinkProps } from './BaseLinkProps';
+export default interface LinkProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLAnchorElement>, AnchorHTMLAttributes<HTMLAnchorElement>, BaseLinkProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=LinkProps.d.ts.map

package/dist/components/Link/LinkProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkProps.d.ts","sourceRoot":"","sources":["../../../src/components/Link/LinkProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,SAAS,CAAC,0BAA0B,SAAS,MAAM,CAC1E,SACE,eAAe,CAAC,iBAAiB,CAAC,EAClC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,kBAAkB,CAAC,0BAA0B,CAAC;IAChD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}
+{"version":3,"file":"LinkProps.d.ts","sourceRoot":"","sources":["../../../src/components/Link/LinkProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,MAAM,CAAC,OAAO,WAAW,SAAS,CAAC,0BAA0B,SAAS,MAAM,CAC1E,SACE,eAAe,CAAC,iBAAiB,CAAC,EAClC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,aAAa,CAAC,0BAA0B,CAAC;CAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,YAAY,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACxD,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,YAAY,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACxD,cAAc,aAAa,CAAC;AAE5B,YAAY,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,cAAc,iBAAiB,CAAC"}

package/dist/components/Loader/BaseLoaderProps.d.ts

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

package/dist/components/Loader/BaseLoaderProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseLoaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/BaseLoaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE5E,MAAM,CAAC,OAAO,WAAW,eAAe,CACtC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB"}

package/dist/components/Loader/BaseLoaderProps.js

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

package/dist/components/Loader/BaseLoaderProps.js.map

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

package/dist/components/Loader/Loader.d.ts

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

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

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

package/dist/components/Loader/Loader.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Loader.css';const d = "_loader_10yt5_1", l = {
-  loader: d,
+import { jsx as _ } from "@emotion/react/jsx-runtime";
+import y from "../../utilities/classNameUtility/classNameUtility.js";
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Loader.css';const r = "_loader_10yt5_1", l = {
+  loader: r,
   "is-infinite": "_is-infinite_10yt5_11",
   "is-heavy": "_is-heavy_10yt5_14",
   "is-slower": "_is-slower_10yt5_17",
@@ -36,35 +36,47 @@ import '../../assets/Loader.css';const d = "_loader_10yt5_1", l = {
   "is-xxxxlarge": "_is-xxxxlarge_10yt5_112",
   "is-xxxxxlarge": "_is-xxxxxlarge_10yt5_116"
 };
-function g(s) {
-  const e = { ...s };
-  delete e.colorName, delete e.size, 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;
+function m(s) {
+  const e = {
+    ...s,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    className: void 0,
+    css: void 0,
+    as: void 0
+  };
+  delete e.colorName, delete e.size, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
   const i = [l.loader];
   s.size && i.push(l[`is-${s.size}`]);
-  const a = o.getUtilityClassNames(s);
+  const a = y.getUtilityClassNames(s);
   a && i.push(...a), s.className && i.push(s.className);
-  const y = {
+  const o = {
     ...s.colorName ? {
       "--minolith-loader-color-fore": `var(--minolith-color-${s.colorName}-loader-fore)`
     } : void 0
-  }, _ = r.getEmotionCss(s, y);
-  return s.as ? /* @__PURE__ */ t(
+  }, t = d.getEmotionCss(s, o);
+  return s.as ? /* @__PURE__ */ _(
     s.as,
     {
       ...e,
       className: i.join(" "),
-      css: _
+      css: t
     }
-  ) : /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ _(
     "div",
     {
       ...e,
       className: i.join(" "),
-      css: _
+      css: t
     }
   );
 }
 export {
-  g as default
+  m as default
 };
 //# sourceMappingURL=Loader.js.map

package/dist/components/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.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 \"./Loader.module.scss\";\r\nimport type LoaderProps from \"./LoaderProps\";\r\n\r\nexport default function Loader<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: LoaderProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"size\"];\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[\"loader\"]];\r\n\r\n  if (props.size) {\r\n    assignedClassNames.push(classNames[`is-${props.size}`]);\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-loader-color-fore\"]: `var(--minolith-color-${props.colorName}-loader-fore)`,\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    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Loader","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,MAErB,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,MAAS;AAEhD,EAAIH,EAAM,QACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,IAAI,EAAE,CAAC;AAExD,QAAMI,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AASzC,QAAMM,IAAc;AAAA,IAClB,GAPyCN,EAAM,YAC7C;AAAA,MACG,gCAAiC,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAE3E;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":"Loader.js","sources":["../../../src/components/Loader/Loader.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 BaseLoaderProps from \"./BaseLoaderProps\";\r\nimport classNames from \"./Loader.module.scss\";\r\nimport type LoaderProps from \"./LoaderProps\";\r\n\r\nexport default function Loader<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseLoaderProps<BaseComponentColorNameType> =\r\n    LoaderProps<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[\"size\"];\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[\"loader\"]];\r\n\r\n  if (props.size) {\r\n    assignedClassNames.push(classNames[`is-${props.size}`]);\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-loader-color-fore\"]: `var(--minolith-color-${props.colorName}-loader-fore)`,\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    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Loader","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,MAErB,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,MAAS;AAEhD,EAAIH,EAAM,QACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,IAAI,EAAE,CAAC;AAExD,QAAMI,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AASzC,QAAMM,IAAc;AAAA,IAClB,GAPyCN,EAAM,YAC7C;AAAA,MACG,gCAAiC,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAE3E;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;"}