react-minolith 2.0.4 → 2.1.0

package/dist/components/Input/Input.js

@@ -1,71 +1,50 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import a from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Input.css';const l = "_input_654vx_1", r = {
-  "input-checkbox": "_input-checkbox_654vx_1",
-  input: l,
-  "is-border-width-xthin": "_is-border-width-xthin_654vx_29",
-  "is-border-width-thin": "_is-border-width-thin_654vx_33",
-  "is-border-width-medium": "_is-border-width-medium_654vx_37",
-  "is-border-width-thick": "_is-border-width-thick_654vx_41",
-  "is-border-width-xthick": "_is-border-width-xthick_654vx_45",
-  "is-border-width-xxthick": "_is-border-width-xxthick_654vx_49",
-  "is-border-width-xxxthick": "_is-border-width-xxxthick_654vx_53",
-  "is-disabled": "_is-disabled_654vx_62",
-  "is-gray": "_is-gray_654vx_71",
-  "is-red": "_is-red_654vx_89",
-  "is-coral": "_is-coral_654vx_107",
-  "is-orange": "_is-orange_654vx_125",
-  "is-yellow": "_is-yellow_654vx_143",
-  "is-lime": "_is-lime_654vx_161",
-  "is-green": "_is-green_654vx_179",
-  "is-cyan": "_is-cyan_654vx_197",
-  "is-blue": "_is-blue_654vx_215",
-  "is-violet": "_is-violet_654vx_233",
-  "is-magenta": "_is-magenta_654vx_251",
-  "input-radio": "_input-radio_654vx_270",
-  "input-color": "_input-color_654vx_554",
-  "input-range": "_input-range_654vx_559",
-  "input-range-track": "_input-range-track_654vx_567",
-  "input-range-thumb": "_input-range-thumb_654vx_571",
-  "is-focus": "_is-focus_654vx_578",
-  "is-focused": "_is-focused_654vx_578",
-  "is-border-radius-xsmall": "_is-border-radius-xsmall_654vx_592",
-  "is-border-radius-small": "_is-border-radius-small_654vx_595",
-  "is-border-radius-medium": "_is-border-radius-medium_654vx_598",
-  "is-border-radius-large": "_is-border-radius-large_654vx_601",
-  "is-border-radius-xlarge": "_is-border-radius-xlarge_654vx_604",
-  "is-border-radius-circle": "_is-border-radius-circle_654vx_607",
-  "is-border-radius-pill": "_is-border-radius-pill_654vx_610"
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import d 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 c(e) {
-  const i = { ...e };
-  delete i.colorName, delete i.borderRadius, delete i.borderWidth, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing, delete i.css, delete i.as;
-  const s = [r.input];
-  e.colorName && s.push(r[`is-${e.colorName}`]), e.borderRadius && s.push(
-    r[`is-border-radius-${e.borderRadius}`]
-  ), e.borderWidth && s.push(r[`is-border-width-${e.borderWidth}`]);
-  const _ = a.getUtilityClassNames(e);
-  _ && s.push(..._), e.className && s.push(e.className);
-  const d = o.getEmotionCss(e);
-  return e.as ? /* @__PURE__ */ t(
-    e.as,
+function v(o) {
+  const i = { ...o };
+  delete i.colorName, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing, delete i.css, delete i.as;
+  const t = [h.input], e = d.getUtilityClassNames(o);
+  e && t.push(...e), o.className && t.push(o.className);
+  const n = o.colorName ? {
+    "--minolith-input-color-fore": `var(--minolith-color-${o.colorName}-input-fore)`,
+    "--minolith-input-color-back": `var(--minolith-color-${o.colorName}-input-back)`,
+    "--minolith-input-color-border": `var(--minolith-color-${o.colorName}-input-border)`,
+    "--minolith-input-color-placeholder": `var(--minolith-color-${o.colorName}-input-placeholder)`,
+    "--minolith-input-focus-color-back": `var(--minolith-color-${o.colorName}-input-focus-back)`,
+    "--minolith-input-focus-color-border": `var(--minolith-color-${o.colorName}-input-focus-border)`,
+    "--minolith-input-disabled-color-back": `var(--minolith-color-${o.colorName}-input-disabled-back)`,
+    "--minolith-input-disabled-color-border": `var(--minolith-color-${o.colorName}-input-disabled-border)`
+  } : void 0, a = o.borderRadius ? {
+    "--minolith-input-border-radius": `var(--minolith-border-radius-${o.borderRadius})`
+  } : void 0, c = o.borderWidth ? {
+    "--minolith-input-border-width": `var(--minolith-border-width-${o.borderWidth})`
+  } : void 0, s = {
+    ...n,
+    ...a,
+    ...c
+  }, l = m.getEmotionCss(o, s);
+  return o.as ? /* @__PURE__ */ r(
+    o.as,
     {
       ...i,
-      className: s.join(" "),
-      css: d
+      className: t.join(" "),
+      css: l
     }
-  ) : /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ r(
     "input",
     {
       ...i,
-      className: s.join(" "),
-      css: d
+      className: t.join(" "),
+      css: l
     }
   );
 }
 export {
-  c as default
+  v 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\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Input.module.scss\";\r\nimport InputProps from \"./InputProps\";\r\n\r\nexport default function Input(props: InputProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"borderRadius\"];\r\n  delete assignedProps[\"borderWidth\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"input\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  if (props.borderRadius) {\r\n    assignedClassNames.push(\r\n      classNames[`is-border-radius-${props.borderRadius}`]\r\n    );\r\n  }\r\n\r\n  if (props.borderWidth) {\r\n    assignedClassNames.push(classNames[`is-border-width-${props.borderWidth}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const css = emotionStyleUtility.getEmotionCss(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    <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","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAMC,GAAiC;AAC7D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,cACrB,OAAOA,EAAc,aAErB,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;AACzD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAGzDA,EAAM,gBACRE,EAAmB;AAAA,IACjBC,EAAW,oBAAoBH,EAAM,YAAY,EAAE;AAAA,EAAA,GAInDA,EAAM,eACRE,EAAmB,KAAKC,EAAW,mBAAmBH,EAAM,WAAW,EAAE,CAAC;AAG5E,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Input.module.scss\";\r\nimport InputProps from \"./InputProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Input(props: InputProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"input\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(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(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":";;;;;;;AAQA,SAAwBA,EAAMC,GAAiC;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,qBAAqBL,CAAK;AACrE,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,cAAcX,GAAOS,CAAW;AAEhE,SAAOT,EAAM,KACX,gBAAAY;AAAA,IAACZ,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAQ;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAQ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,8 +1,8 @@
 import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../models';
-import { BorderRadius, BorderWidth, ColorName } from '../../types';
+import { BorderRadius, BorderWidth, ColorName, SemanticColorName } from '../../types';
 export default interface InputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, BaseComponentProps {
-    colorName?: ColorName;
+    colorName?: ColorName | SemanticColorName;
     borderRadius?: BorderRadius;
     borderWidth?: BorderWidth;
 }

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,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnE,MAAM,CAAC,OAAO,WAAW,UACvB,SACE,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,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,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EACL,YAAY,EACZ,WAAW,EACX,SAAS,EACT,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAErB,MAAM,CAAC,OAAO,WAAW,UACvB,SACE,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B"}

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":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,CA0C7D"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,CAmD7D"}

package/dist/components/Label/Label.js

@@ -1,42 +1,35 @@
 "use client";
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import _ from "../../utilities/classNameUtility/classNameUtility.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import c from "../../utilities/classNameUtility/classNameUtility.js";
 import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Label.css';const c = "_label_os9fh_1", t = {
-  label: c,
-  "is-gray": "_is-gray_os9fh_8",
-  "is-red": "_is-red_os9fh_11",
-  "is-coral": "_is-coral_os9fh_14",
-  "is-orange": "_is-orange_os9fh_17",
-  "is-yellow": "_is-yellow_os9fh_20",
-  "is-lime": "_is-lime_os9fh_23",
-  "is-green": "_is-green_os9fh_26",
-  "is-cyan": "_is-cyan_os9fh_29",
-  "is-blue": "_is-blue_os9fh_32",
-  "is-violet": "_is-violet_os9fh_35",
-  "is-magenta": "_is-magenta_os9fh_38"
+import '../../assets/Label.css';const m = "_label_ikroc_1", r = {
+  label: m
 };
-function h(s) {
-  const e = { ...s };
+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 i = [t.label];
-  s.colorName && i.push(t[`is-${s.colorName}`]);
-  const l = _.getUtilityClassNames(s);
-  l && i.push(...l), s.className && i.push(s.className);
-  const a = n.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ o(
-    s.as,
+  const o = [r.label], a = c.getUtilityClassNames(l);
+  a && o.push(...a), l.className && o.push(l.className);
+  const i = {
+    ...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(
+    l.as,
     {
       ...e,
-      className: i.join(" "),
-      css: a
+      className: o.join(" "),
+      css: s
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ t(
     "label",
     {
       ...e,
-      className: i.join(" "),
-      css: a
+      className: o.join(" "),
+      css: s
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Label.module.scss\";\r\nimport LabelProps from \"./LabelProps\";\r\n\r\nexport default function Label(props: LabelProps): 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  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const css = emotionStyleUtility.getEmotionCss(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    <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","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAMC,GAAiC;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;AAEzD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Label.js","sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Label.module.scss\";\r\nimport LabelProps from \"./LabelProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Label(props: LabelProps): 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(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(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":";;;;;;;AAQA,SAAwBA,EAAMC,GAAiC;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,qBAAqBL,CAAK;AACrE,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,cAAcR,GAAOM,CAAW;AAEhE,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,7 @@
 import { DetailedHTMLProps, LabelHTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../models';
-import { ColorName } from '../../types';
+import { ColorName, SemanticColorName } from '../../types';
 export default interface LabelProps extends DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, BaseComponentProps {
-    colorName?: ColorName;
+    colorName?: ColorName | SemanticColorName;
 }
 //# 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,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,UACvB,SACE,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"LabelProps.d.ts","sourceRoot":"","sources":["../../../src/components/Label/LabelProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,UACvB,SACE,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}

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":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAsC3D"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,SAAS,MAAM,aAAa,CAAC;AAGpC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAiD3D"}

package/dist/components/Link/Link.js

@@ -1,39 +1,34 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import t from "../../utilities/classNameUtility/classNameUtility.js";
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import a from "../../utilities/classNameUtility/classNameUtility.js";
 import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Link.css';const _ = "_link_1onc2_1", o = {
-  link: _,
-  "is-gray": "_is-gray_1onc2_18",
-  "is-red": "_is-red_1onc2_24",
-  "is-coral": "_is-coral_1onc2_30",
-  "is-orange": "_is-orange_1onc2_36",
-  "is-yellow": "_is-yellow_1onc2_42",
-  "is-lime": "_is-lime_1onc2_48",
-  "is-green": "_is-green_1onc2_54",
-  "is-cyan": "_is-cyan_1onc2_60",
-  "is-blue": "_is-blue_1onc2_66",
-  "is-violet": "_is-violet_1onc2_72",
-  "is-magenta": "_is-magenta_1onc2_78"
+import '../../assets/Link.css';const m = "_link_133i5_1", r = {
+  link: m
 };
-function d(s) {
-  const e = { ...s };
-  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 i = [o.link];
-  s.colorName && i.push(o[`is-${s.colorName}`]);
-  const l = t.getUtilityClassNames(s);
-  l && i.push(...l), s.className && i.push(s.className);
-  const n = c.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ a(
-    s.as,
+function h(e) {
+  const i = { ...e };
+  delete i.colorName, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing, delete i.css, delete i.as;
+  const o = [r.link], l = a.getUtilityClassNames(e);
+  l && o.push(...l), e.className && o.push(e.className);
+  const n = {
+    ...e.colorName ? {
+      "--minolith-link-color-fore": `var(--minolith-color-${e.colorName}-link-fore)`,
+      "--minolith-link-color-visited-fore": `var(--minolith-color-${e.colorName}-link-visited-fore)`,
+      // ["--minolith-link-disabled-color-fore"]: `var(--minolith-color-${props.colorName}-link-disabled-fore)`,
+      "--minolith-link-color-selection-fore": `var(--minolith-color-${e.colorName}-link-selection-fore)`,
+      "--minolith-link-color-selection-back": `var(--minolith-color-${e.colorName}-link-selection-back)`
+    } : void 0
+  }, t = c.getEmotionCss(e, n);
+  return e.as ? /* @__PURE__ */ s(
+    e.as,
     {
-      ...e,
-      className: i.join(" "),
-      css: n
+      ...i,
+      className: o.join(" "),
+      css: t
     }
-  ) : /* @__PURE__ */ a("a", { ...e, className: i.join(" "), css: n });
+  ) : /* @__PURE__ */ s("a", { ...i, className: o.join(" "), css: t });
 }
 export {
-  d as default
+  h 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\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Link.module.scss\";\r\nimport LinkProps from \"./LinkProps\";\r\n\r\nexport default function Link(props: LinkProps): 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  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const css = emotionStyleUtility.getEmotionCss(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    <a {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Link","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAKC,GAAgC;AAC3D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,IAAO;AAExD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,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,EAAC,KAAA,EAAG,GAAGP,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAI,GAAU;AAE7E;"}
+{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Link.module.scss\";\r\nimport LinkProps from \"./LinkProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Link(props: LinkProps): 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(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)`,\r\n        [\"--minolith-link-color-visited-fore\"]: `var(--minolith-color-${props.colorName}-link-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)`,\r\n        [\"--minolith-link-color-selection-back\"]: `var(--minolith-color-${props.colorName}-link-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(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":";;;;;;;AAQA,SAAwBA,EAAKC,GAAgC;AAC3D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,IAAO,GAElDC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,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;AAAA,MACtE,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA;AAAA,MAE9E,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAEnF;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAAcR,GAAOM,CAAW;AAEhE,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,7 @@
 import { AnchorHTMLAttributes, DetailedHTMLProps } from 'react';
 import { BaseComponentProps } from '../../models';
-import { ColorName } from '../../types';
+import { ColorName, SemanticColorName } from '../../types';
 export default interface LinkProps extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, BaseComponentProps {
-    colorName?: ColorName;
+    colorName?: ColorName | SemanticColorName;
 }
 //# 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,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,SACvB,SACE,iBAAiB,CACf,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"LinkProps.d.ts","sourceRoot":"","sources":["../../../src/components/Link/LinkProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,SACvB,SACE,iBAAiB,CACf,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}

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":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CA4C/D"}
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,WAAW,MAAM,eAAe,CAAC;AAGxC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAqD/D"}

package/dist/components/Loader/Loader.js

@@ -1,77 +1,70 @@
 "use client";
-import { jsx as d } from "@emotion/react/jsx-runtime";
-import t from "../../utilities/classNameUtility/classNameUtility.js";
+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 b = "_loader_bdpj1_1", _ = {
-  loader: b,
-  "is-infinite": "_is-infinite_bdpj1_8",
-  "is-heavy": "_is-heavy_bdpj1_11",
-  "is-slower": "_is-slower_bdpj1_14",
-  "is-slow": "_is-slow_bdpj1_14",
-  "is-fast": "_is-fast_bdpj1_20",
-  "is-faster": "_is-faster_bdpj1_23",
-  "is-flash": "_is-flash_bdpj1_26",
-  "is-alternate": "_is-alternate_bdpj1_29",
-  "is-reverse": "_is-reverse_bdpj1_32",
-  "is-linear": "_is-linear_bdpj1_35",
-  "is-ease": "_is-ease_bdpj1_38",
-  "is-ease-in": "_is-ease-in_bdpj1_41",
-  "is-ease-out": "_is-ease-out_bdpj1_44",
-  "is-ease-in-out": "_is-ease-in-out_bdpj1_47",
-  "is-delay-1": "_is-delay-1_bdpj1_50",
-  "is-delay-2": "_is-delay-2_bdpj1_53",
-  "is-delay-3": "_is-delay-3_bdpj1_56",
-  "is-delay-4": "_is-delay-4_bdpj1_59",
-  "is-delay-5": "_is-delay-5_bdpj1_62",
-  "is-delay-6": "_is-delay-6_bdpj1_65",
-  "is-delay-7": "_is-delay-7_bdpj1_68",
-  "is-delay-8": "_is-delay-8_bdpj1_71",
-  "is-delay-9": "_is-delay-9_bdpj1_74",
-  "is-delay-10": "_is-delay-10_bdpj1_77",
-  "loader-lotate": "_loader-lotate_bdpj1_1",
-  "is-large": "_is-large_bdpj1_93",
-  "is-xlarge": "_is-xlarge_bdpj1_97",
-  "is-xxlarge": "_is-xxlarge_bdpj1_101",
-  "is-xxxlarge": "_is-xxxlarge_bdpj1_105",
-  "is-xxxxlarge": "_is-xxxxlarge_bdpj1_109",
-  "is-xxxxxlarge": "_is-xxxxxlarge_bdpj1_113",
-  "is-gray": "_is-gray_bdpj1_117",
-  "is-red": "_is-red_bdpj1_120",
-  "is-coral": "_is-coral_bdpj1_123",
-  "is-orange": "_is-orange_bdpj1_126",
-  "is-yellow": "_is-yellow_bdpj1_129",
-  "is-lime": "_is-lime_bdpj1_132",
-  "is-green": "_is-green_bdpj1_135",
-  "is-cyan": "_is-cyan_bdpj1_138",
-  "is-blue": "_is-blue_bdpj1_141",
-  "is-violet": "_is-violet_bdpj1_144",
-  "is-magenta": "_is-magenta_bdpj1_147"
+import '../../assets/Loader.css';const d = "_loader_10yt5_1", l = {
+  loader: d,
+  "is-infinite": "_is-infinite_10yt5_11",
+  "is-heavy": "_is-heavy_10yt5_14",
+  "is-slower": "_is-slower_10yt5_17",
+  "is-slow": "_is-slow_10yt5_17",
+  "is-fast": "_is-fast_10yt5_23",
+  "is-faster": "_is-faster_10yt5_26",
+  "is-flash": "_is-flash_10yt5_29",
+  "is-alternate": "_is-alternate_10yt5_32",
+  "is-reverse": "_is-reverse_10yt5_35",
+  "is-linear": "_is-linear_10yt5_38",
+  "is-ease": "_is-ease_10yt5_41",
+  "is-ease-in": "_is-ease-in_10yt5_44",
+  "is-ease-out": "_is-ease-out_10yt5_47",
+  "is-ease-in-out": "_is-ease-in-out_10yt5_50",
+  "is-delay-1": "_is-delay-1_10yt5_53",
+  "is-delay-2": "_is-delay-2_10yt5_56",
+  "is-delay-3": "_is-delay-3_10yt5_59",
+  "is-delay-4": "_is-delay-4_10yt5_62",
+  "is-delay-5": "_is-delay-5_10yt5_65",
+  "is-delay-6": "_is-delay-6_10yt5_68",
+  "is-delay-7": "_is-delay-7_10yt5_71",
+  "is-delay-8": "_is-delay-8_10yt5_74",
+  "is-delay-9": "_is-delay-9_10yt5_77",
+  "is-delay-10": "_is-delay-10_10yt5_80",
+  "loader-lotate": "_loader-lotate_10yt5_1",
+  "is-large": "_is-large_10yt5_96",
+  "is-xlarge": "_is-xlarge_10yt5_100",
+  "is-xxlarge": "_is-xxlarge_10yt5_104",
+  "is-xxxlarge": "_is-xxxlarge_10yt5_108",
+  "is-xxxxlarge": "_is-xxxxlarge_10yt5_112",
+  "is-xxxxxlarge": "_is-xxxxxlarge_10yt5_116"
 };
-function p(s) {
+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;
-  const i = [_.loader];
-  s.colorName && i.push(_[`is-${s.colorName}`]), s.size && i.push(_[`is-${s.size}`]);
-  const a = t.getUtilityClassNames(s);
+  const i = [l.loader];
+  s.size && i.push(l[`is-${s.size}`]);
+  const a = o.getUtilityClassNames(s);
   a && i.push(...a), s.className && i.push(s.className);
-  const l = r.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ d(
+  const y = {
+    ...s.colorName ? {
+      "--minolith-loader-color-fore": `var(--minolith-color-${s.colorName}-loader-fore)`
+    } : void 0
+  }, _ = r.getEmotionCss(s, y);
+  return s.as ? /* @__PURE__ */ t(
     s.as,
     {
       ...e,
       className: i.join(" "),
-      css: l
+      css: _
     }
-  ) : /* @__PURE__ */ d(
+  ) : /* @__PURE__ */ t(
     "div",
     {
       ...e,
       className: i.join(" "),
-      css: l
+      css: _
     }
   );
 }
 export {
-  p as default
+  g 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\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Loader.module.scss\";\r\nimport LoaderProps from \"./LoaderProps\";\r\n\r\nexport default function Loader(props: LoaderProps): 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  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.size) {\r\n    assignedClassNames.push(classNames[`is-${props.size}`]);\r\n  }\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Loader","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAOC,GAAkC;AAC/D,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;AAChD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,QACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,IAAI,EAAE,CAAC;AAExD,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Loader.module.scss\";\r\nimport LoaderProps from \"./LoaderProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Loader(props: LoaderProps): 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(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(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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAOC,GAAkC;AAC/D,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,qBAAqBL,CAAK;AACrE,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,cAAcR,GAAOM,CAAW;AAEhE,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/Loader/LoaderProps.d.ts

@@ -1,7 +1,9 @@
-import { ColorName } from '../../types';
+import { ColorName, SemanticColorName } from '../../types';
 import { default as DivProps } from '../Div/DivProps';
+type LoaderSize = "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | "xxxxxlarge";
 export default interface LoaderProps extends DivProps {
-    colorName?: ColorName;
-    size?: "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | "xxxxxlarge";
+    colorName?: ColorName | SemanticColorName;
+    size?: LoaderSize;
 }
+export {};
 //# sourceMappingURL=LoaderProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/LoaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,WAAY,SAAQ,QAAQ;IACnD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EACD,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,GACX,YAAY,CAAC;CAClB"}
+{"version":3,"file":"LoaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/LoaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,KAAK,UAAU,GACX,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,GACX,YAAY,CAAC;AAEjB,MAAM,CAAC,OAAO,WAAW,WAAY,SAAQ,QAAQ;IACnD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Main.d.ts","sourceRoot":"","sources":["../../../src/components/Main/Main.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAqC3D"}
+{"version":3,"file":"Main.d.ts","sourceRoot":"","sources":["../../../src/components/Main/Main.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAqC3D"}

package/dist/components/Main/Main.js

@@ -2,10 +2,13 @@
 import { jsx as l } from "@emotion/react/jsx-runtime";
 import n from "../../utilities/classNameUtility/classNameUtility.js";
 import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-function g(s) {
+import '../../assets/Main.css';const o = "_main_5xw78_1", c = {
+  main: o
+};
+function f(s) {
   const e = { ...s };
   delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
-  const t = [], i = n.getUtilityClassNames(s);
+  const t = [c.main], i = n.getUtilityClassNames(s);
   i && t.push(...i), s.className && t.push(s.className);
   const a = m.getEmotionCss(s);
   return s.as ? /* @__PURE__ */ l(
@@ -25,6 +28,6 @@ function g(s) {
   );
 }
 export {
-  g as default
+  f as default
 };
 //# sourceMappingURL=Main.js.map

package/dist/components/Main/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","sources":["../../../src/components/Main/Main.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport MainProps from \"./MainProps\";\r\n\r\nexport default function Main(props: MainProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const css = emotionStyleUtility.getEmotionCss(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    <main\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Main","props","assignedProps","assignedClassNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;AAMA,SAAwBA,EAAKC,GAAgC;AAC3D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAE3B,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAAA,GAE/BC,IAAoBC,EAAiB,qBAAqBJ,CAAK;AACrE,EAAIG,KACFD,EAAmB,KAAK,GAAGC,CAAiB,GAE1CH,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMK,IAAMC,EAAoB,cAAcN,CAAK;AAEnD,SAAOA,EAAM,KACX,gBAAAO;AAAA,IAACP,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Main.js","sources":["../../../src/components/Main/Main.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Main.module.scss\";\r\nimport MainProps from \"./MainProps\";\r\n\r\nexport default function Main(props: MainProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames = [classNames[\"main\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const css = emotionStyleUtility.getEmotionCss(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    <main\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Main","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAOA,SAAwBA,EAAKC,GAAgC;AAC3D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAE3B,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAAqB,CAACC,EAAW,IAAO,GAExCC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,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/Message/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY,CAyCjE"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAG1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY,CA2DjE"}