react-minolith 2.0.5 → 2.1.1

package/dist/backgrounds/Gingham/Gingham.js

@@ -1,46 +1,41 @@
 "use client";
 import { jsx as a } from "@emotion/react/jsx-runtime";
-import l from "../../utilities/classNameUtility/classNameUtility.js";
-import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Gingham.css';const d = "_gingham_vq4r4_1", _ = {
-  gingham: d,
-  "is-0deg": "_is-0deg_vq4r4_17",
-  "is-15deg": "_is-15deg_vq4r4_20",
-  "is-30deg": "_is-30deg_vq4r4_23",
-  "is-45deg": "_is-45deg_vq4r4_26",
-  "is-60deg": "_is-60deg_vq4r4_29",
-  "is-75deg": "_is-75deg_vq4r4_32",
-  "is-90deg": "_is-90deg_vq4r4_35",
-  "is-gray": "_is-gray_vq4r4_38",
-  "is-red": "_is-red_vq4r4_47",
-  "is-coral": "_is-coral_vq4r4_56",
-  "is-orange": "_is-orange_vq4r4_65",
-  "is-yellow": "_is-yellow_vq4r4_74",
-  "is-lime": "_is-lime_vq4r4_83",
-  "is-green": "_is-green_vq4r4_92",
-  "is-cyan": "_is-cyan_vq4r4_101",
-  "is-blue": "_is-blue_vq4r4_110",
-  "is-violet": "_is-violet_vq4r4_119",
-  "is-magenta": "_is-magenta_vq4r4_128"
+import g from "../../utilities/classNameUtility/classNameUtility.js";
+import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Gingham.css';const d = "_gingham_t0kgf_1", h = {
+  gingham: d
 };
-function c(i) {
+function u(i) {
   const e = { ...i };
   delete e.colorName, delete e.degree, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
-  const s = [_.gingham];
-  i.colorName && s.push(_[`is-${i.colorName}`]), i.degree && s.push(_[`is-${i.degree}deg`]);
-  const g = l.getUtilityClassNames(i);
-  g && s.push(...g), i.className && s.push(i.className);
-  const t = r.getEmotionCss(i);
-  return /* @__PURE__ */ a(
+  const t = [h.gingham], l = i.colorName ? {
+    "--minolith-gingham-color-fore": `oklch(from var(--minolith-color-${i.colorName}-gingham-fore) l c h / 0.5)`,
+    "--minolith-gingham-color-back": `var(--minolith-color-${i.colorName}-gingham-back)`
+  } : void 0, n = i.degree ? {
+    "--minolith-gingham-degree": `${i.degree}deg`
+  } : void 0, m = {
+    ...l,
+    ...n
+  }, o = g.getUtilityClassNames(i);
+  o && t.push(...o), i.className && t.push(i.className);
+  const s = c.getEmotionCss(i, m);
+  return i.as ? /* @__PURE__ */ a(
+    i.as,
+    {
+      ...e,
+      className: t.join(" "),
+      css: s
+    }
+  ) : /* @__PURE__ */ a(
     "div",
     {
       ...e,
-      className: s.join(" "),
-      css: t
+      className: t.join(" "),
+      css: s
     }
   );
 }
 export {
-  c as default
+  u as default
 };
 //# sourceMappingURL=Gingham.js.map

package/dist/backgrounds/Gingham/Gingham.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gingham.js","sources":["../../../src/backgrounds/Gingham/Gingham.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 \"./Gingham.module.scss\";\r\nimport GinghamProps from \"./GinghamProps\";\r\n\r\nexport default function Gingham(props: GinghamProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"degree\"];\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\r\n  const assignedClassNames = [classNames[\"gingham\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.degree) {\r\n    assignedClassNames.push(classNames[`is-${props.degree}deg`]);\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 css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Gingham","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAQC,GAAmC;AACjE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,QAErB,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,OAAU;AACjD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,UACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,MAAM,KAAK,CAAC;AAE7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Gingham.js","sources":["../../../src/backgrounds/Gingham/Gingham.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 \"./Gingham.module.scss\";\r\nimport GinghamProps from \"./GinghamProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Gingham(props: GinghamProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"degree\"];\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\r\n  const assignedClassNames = [classNames[\"gingham\"]];\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-gingham-color-fore\"]: `oklch(from var(--minolith-color-${props.colorName}-gingham-fore) l c h / 0.5)`,\r\n        [\"--minolith-gingham-color-back\"]: `var(--minolith-color-${props.colorName}-gingham-back)`,\r\n      }\r\n    : undefined;\r\n\r\n  const degreeCss: Interpolation<Theme> = props.degree\r\n    ? {\r\n        [\"--minolith-gingham-degree\"]: `${props.degree}deg`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n    ...degreeCss,\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\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":["Gingham","props","assignedProps","assignedClassNames","classNames","colorNameCss","degreeCss","optionalCss","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAAQC,GAAmC;AACjE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,QAErB,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,OAAU,GAE3CC,IAAqCJ,EAAM,YAC7C;AAAA,IACG,iCAAkC,mCAAmCA,EAAM,SAAS;AAAA,IACpF,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,EAAA,IAE5E,QAEEK,IAAkCL,EAAM,SAC1C;AAAA,IACG,6BAA8B,GAAGA,EAAM,MAAM;AAAA,EAAA,IAEhD,QAEEM,IAAc;AAAA,IAClB,GAAGF;AAAA,IACH,GAAGC;AAAA,EAAA,GAGCE,IAAoBC,EAAiB,qBAAqBR,CAAK;AACrE,EAAIO,KACFL,EAAmB,KAAK,GAAGK,CAAiB,GAE1CP,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMS,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/backgrounds/Gingham/GinghamProps.d.ts

@@ -1,7 +1,7 @@
-import { ColorName } from '../../types';
 import { DivProps } from '../../components/Div';
+import { ColorName, SemanticColorName } from '../../types';
 export default interface GinghamProps extends DivProps {
-    colorName?: ColorName;
+    colorName?: ColorName | SemanticColorName;
     degree?: 0 | 15 | 30 | 45 | 60 | 75 | 90;
 }
 //# sourceMappingURL=GinghamProps.d.ts.map

package/dist/backgrounds/Gingham/GinghamProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GinghamProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Gingham/GinghamProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,WAAW,YAAa,SAAQ,QAAQ;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CAC1C"}
+{"version":3,"file":"GinghamProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Gingham/GinghamProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,YAAa,SAAQ,QAAQ;IACpD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CAC1C"}

package/dist/backgrounds/Rhombus/Rhombus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rhombus.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/Rhombus.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,CAwCjE"}
+{"version":3,"file":"Rhombus.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/Rhombus.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,CAmEjE"}

package/dist/backgrounds/Rhombus/Rhombus.js

@@ -1,41 +1,45 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import a from "../../utilities/classNameUtility/classNameUtility.js";
-import _ from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Rhombus.css';const u = "_rhombus_qo3mu_1", o = {
-  rhombus: u,
-  "is-small": "_is-small_qo3mu_19",
-  "is-large": "_is-large_qo3mu_22",
-  "is-gray": "_is-gray_qo3mu_25",
-  "is-red": "_is-red_qo3mu_37",
-  "is-coral": "_is-coral_qo3mu_49",
-  "is-orange": "_is-orange_qo3mu_61",
-  "is-yellow": "_is-yellow_qo3mu_73",
-  "is-lime": "_is-lime_qo3mu_85",
-  "is-green": "_is-green_qo3mu_97",
-  "is-cyan": "_is-cyan_qo3mu_109",
-  "is-blue": "_is-blue_qo3mu_121",
-  "is-violet": "_is-violet_qo3mu_133",
-  "is-magenta": "_is-magenta_qo3mu_145"
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import n from "../../utilities/classNameUtility/classNameUtility.js";
+import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Rhombus.css';const h = "_rhombus_1hnsb_1", u = {
+  rhombus: h
 };
-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 = [o.rhombus];
-  s.colorName && i.push(o[`is-${s.colorName}`]), s.size && i.push(o[`is-${s.size}`]);
-  const l = a.getUtilityClassNames(s);
-  l && i.push(...l), s.className && i.push(s.className);
-  const m = _.getEmotionCss(s);
-  return /* @__PURE__ */ t(
+function f(e) {
+  const s = { ...e };
+  delete s.colorName, delete s.size, delete s.fore, delete s.back, delete s.highlighter, delete s.border, delete s.positioning, delete s.sizing, delete s.spacing, delete s.css, delete s.as;
+  const o = [u.rhombus], i = n.getUtilityClassNames(e);
+  i && o.push(...i), e.className && o.push(e.className);
+  const m = e.colorName ? {
+    "--minolith-rhombus-color-fore": `oklch(from var(--minolith-color-${e.colorName}-rhombus-fore) l c h / 0.5)`,
+    "--minolith-rhombus-color-back": `var(--minolith-color-${e.colorName}-rhombus-back)`
+  } : void 0, a = e.size ? e.size === "small" ? {
+    "--minolith-rhombus-size": "0.5rem"
+  } : e.size === "large" ? {
+    "--minolith-rhombus-size": "2rem"
+  } : {
+    "--minolith-rhombus-size": e.size
+  } : void 0, c = {
+    ...m,
+    ...a
+  }, t = r.getEmotionCss(e, c);
+  return e.as ? /* @__PURE__ */ l(
+    e.as,
+    {
+      ...s,
+      className: o.join(" "),
+      css: t
+    }
+  ) : /* @__PURE__ */ l(
     "div",
     {
-      ...e,
-      className: i.join(" "),
-      css: m
+      ...s,
+      className: o.join(" "),
+      css: t
     }
   );
 }
 export {
-  g as default
+  f as default
 };
 //# sourceMappingURL=Rhombus.js.map

package/dist/backgrounds/Rhombus/Rhombus.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rhombus.js","sources":["../../../src/backgrounds/Rhombus/Rhombus.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 \"./Rhombus.module.scss\";\r\nimport RhombusProps from \"./RhombusProps\";\r\n\r\nexport default function Rhombus(props: RhombusProps): 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\r\n  const assignedClassNames = [classNames[\"rhombus\"]];\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\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Rhombus","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAQC,GAAmC;AACjE,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,OAAU;AACjD,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;AAGzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Rhombus.js","sources":["../../../src/backgrounds/Rhombus/Rhombus.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 \"./Rhombus.module.scss\";\r\nimport RhombusProps from \"./RhombusProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Rhombus(props: RhombusProps): 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\r\n  const assignedClassNames = [classNames[\"rhombus\"]];\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-rhombus-color-fore\"]: `oklch(from var(--minolith-color-${props.colorName}-rhombus-fore) l c h / 0.5)`,\r\n        [\"--minolith-rhombus-color-back\"]: `var(--minolith-color-${props.colorName}-rhombus-back)`,\r\n      }\r\n    : undefined;\r\n\r\n  const rhombusSizeCss = props.size\r\n    ? props.size === \"small\"\r\n      ? {\r\n          [\"--minolith-rhombus-size\"]: `0.5rem`,\r\n        }\r\n      : props.size === \"large\"\r\n        ? {\r\n            [\"--minolith-rhombus-size\"]: `2rem`,\r\n          }\r\n        : {\r\n            [\"--minolith-rhombus-size\"]: props.size,\r\n          }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n    ...rhombusSizeCss,\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":["Rhombus","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorNameCss","rhombusSizeCss","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAAQC,GAAmC;AACjE,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,OAAU,GAE3CC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAqCN,EAAM,YAC7C;AAAA,IACG,iCAAkC,mCAAmCA,EAAM,SAAS;AAAA,IACpF,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,EAAA,IAE5E,QAEEO,IAAiBP,EAAM,OACzBA,EAAM,SAAS,UACb;AAAA,IACG,2BAA4B;AAAA,EAAA,IAE/BA,EAAM,SAAS,UACb;AAAA,IACG,2BAA4B;AAAA,EAAA,IAE/B;AAAA,IACG,2BAA4BA,EAAM;AAAA,EAAA,IAEzC,QAEEQ,IAAc;AAAA,IAClB,GAAGF;AAAA,IACH,GAAGC;AAAA,EAAA,GAGCE,IAAMC,EAAoB,cAAcV,GAAOQ,CAAW;AAEhE,SAAOR,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/backgrounds/Rhombus/Rhombus.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rhombus.stories.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/Rhombus.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,OAAO,MAAM,WAAW,CAAC;AAIhC,QAAA,MAAM,IAAI;;;;;CAKsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC"}
+{"version":3,"file":"Rhombus.stories.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/Rhombus.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,OAAO,MAAM,WAAW,CAAC;AAIhC,QAAA,MAAM,IAAI;;;;;CAKsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC"}

package/dist/backgrounds/Rhombus/RhombusProps.d.ts

@@ -1,7 +1,7 @@
-import { ColorName } from '../../types';
+import { ColorName, SemanticColorName } from '../../types';
 import { DivProps } from '../../components/Div';
 export default interface RhombusProps extends DivProps {
-    colorName?: ColorName;
-    size?: "small" | "large";
+    colorName?: ColorName | SemanticColorName;
+    size?: "small" | "large" | `${number}rem`;
 }
 //# sourceMappingURL=RhombusProps.d.ts.map

package/dist/backgrounds/Rhombus/RhombusProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RhombusProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/RhombusProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,WAAW,YAAa,SAAQ,QAAQ;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B"}
+{"version":3,"file":"RhombusProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/RhombusProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,WAAW,YAAa,SAAQ,QAAQ;IACpD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,GAAG,MAAM,KAAK,CAAC;CAC3C"}

package/dist/backgrounds/Stripe/Stripe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stripe.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Stripe/Stripe.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,CAyC/D"}
+{"version":3,"file":"Stripe.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Stripe/Stripe.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,CA2D/D"}

package/dist/backgrounds/Stripe/Stripe.js

@@ -1,64 +1,41 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import l from "../../utilities/classNameUtility/classNameUtility.js";
-import v from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Stripe.css';const a = "_stripe_1v43d_1", _ = {
-  stripe: a,
-  "is-0deg": "_is-0deg_1v43d_17",
-  "is-15deg": "_is-15deg_1v43d_20",
-  "is-30deg": "_is-30deg_1v43d_23",
-  "is-45deg": "_is-45deg_1v43d_26",
-  "is-60deg": "_is-60deg_1v43d_29",
-  "is-75deg": "_is-75deg_1v43d_32",
-  "is-90deg": "_is-90deg_1v43d_35",
-  "is-105deg": "_is-105deg_1v43d_38",
-  "is-120deg": "_is-120deg_1v43d_41",
-  "is-135deg": "_is-135deg_1v43d_44",
-  "is-150deg": "_is-150deg_1v43d_47",
-  "is-165deg": "_is-165deg_1v43d_50",
-  "is-180deg": "_is-180deg_1v43d_53",
-  "is-195deg": "_is-195deg_1v43d_56",
-  "is-210deg": "_is-210deg_1v43d_59",
-  "is-225deg": "_is-225deg_1v43d_62",
-  "is-240deg": "_is-240deg_1v43d_65",
-  "is-255deg": "_is-255deg_1v43d_68",
-  "is-270deg": "_is-270deg_1v43d_71",
-  "is-285deg": "_is-285deg_1v43d_74",
-  "is-300deg": "_is-300deg_1v43d_77",
-  "is-315deg": "_is-315deg_1v43d_80",
-  "is-330deg": "_is-330deg_1v43d_83",
-  "is-345deg": "_is-345deg_1v43d_86",
-  "is-360deg": "_is-360deg_1v43d_89",
-  "is-gray": "_is-gray_1v43d_92",
-  "is-red": "_is-red_1v43d_104",
-  "is-coral": "_is-coral_1v43d_116",
-  "is-orange": "_is-orange_1v43d_128",
-  "is-yellow": "_is-yellow_1v43d_140",
-  "is-lime": "_is-lime_1v43d_152",
-  "is-green": "_is-green_1v43d_164",
-  "is-cyan": "_is-cyan_1v43d_176",
-  "is-blue": "_is-blue_1v43d_188",
-  "is-violet": "_is-violet_1v43d_200",
-  "is-magenta": "_is-magenta_1v43d_212"
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import n from "../../utilities/classNameUtility/classNameUtility.js";
+import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Stripe.css';const d = "_stripe_104wh_1", g = {
+  stripe: d
 };
-function c(s) {
-  const e = { ...s };
+function u(t) {
+  const e = { ...t };
   delete e.colorName, delete e.degree, 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 = [_.stripe];
-  s.colorName && i.push(_[`is-${s.colorName}`]), s.degree && i.push(_[`is-${s.degree}deg`]);
-  const d = l.getUtilityClassNames(s);
-  d && i.push(...d), s.className && i.push(s.className);
-  const g = v.getEmotionCss(s);
-  return /* @__PURE__ */ t(
+  const s = [g.stripe], i = n.getUtilityClassNames(t);
+  i && s.push(...i), t.className && s.push(t.className);
+  const a = t.colorName ? {
+    "--minolith-stripe-color-fore": `oklch(from var(--minolith-color-${t.colorName}-stripe-fore) l c h / 0.5)`,
+    "--minolith-stripe-color-back": `var(--minolith-color-${t.colorName}-stripe-back)`
+  } : void 0, c = t.degree ? {
+    "--minolith-stripe-degree": `${t.degree}deg`
+  } : void 0, r = {
+    ...a,
+    ...c
+  }, o = m.getEmotionCss(t, r);
+  return t.as ? /* @__PURE__ */ l(
+    t.as,
+    {
+      ...e,
+      className: s.join(" "),
+      css: o
+    }
+  ) : /* @__PURE__ */ l(
     "div",
     {
       ...e,
-      className: i.join(" "),
-      css: g
+      className: s.join(" "),
+      css: o
     }
   );
 }
 export {
-  c as default
+  u as default
 };
 //# sourceMappingURL=Stripe.js.map

package/dist/backgrounds/Stripe/Stripe.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stripe.js","sources":["../../../src/backgrounds/Stripe/Stripe.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 \"./Stripe.module.scss\";\r\nimport StripeProps from \"./StripeProps\";\r\n\r\nexport default function Stripe(props: StripeProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"degree\"];\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\r\n  const assignedClassNames = [classNames[\"stripe\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n  if (props.degree) {\r\n    assignedClassNames.push(classNames[`is-${props.degree}deg`]);\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\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Stripe","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,QAErB,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS;AAChD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,UACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,MAAM,KAAK,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Stripe.js","sources":["../../../src/backgrounds/Stripe/Stripe.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 \"./Stripe.module.scss\";\r\nimport StripeProps from \"./StripeProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Stripe(props: StripeProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"degree\"];\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\r\n  const assignedClassNames = [classNames[\"stripe\"]];\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-stripe-color-fore\"]: `oklch(from var(--minolith-color-${props.colorName}-stripe-fore) l c h / 0.5)`,\r\n        [\"--minolith-stripe-color-back\"]: `var(--minolith-color-${props.colorName}-stripe-back)`,\r\n      }\r\n    : undefined;\r\n\r\n  const degreeCss: Interpolation<Theme> = props.degree\r\n    ? {\r\n        [\"--minolith-stripe-degree\"]: `${props.degree}deg`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n    ...degreeCss,\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":["Stripe","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorNameCss","degreeCss","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAAOC,GAAkC;AAC/D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,QAErB,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS,GAE1CC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAqCN,EAAM,YAC7C;AAAA,IACG,gCAAiC,mCAAmCA,EAAM,SAAS;AAAA,IACnF,gCAAiC,wBAAwBA,EAAM,SAAS;AAAA,EAAA,IAE3E,QAEEO,IAAkCP,EAAM,SAC1C;AAAA,IACG,4BAA6B,GAAGA,EAAM,MAAM;AAAA,EAAA,IAE/C,QAEEQ,IAAc;AAAA,IAClB,GAAGF;AAAA,IACH,GAAGC;AAAA,EAAA,GAGCE,IAAMC,EAAoB,cAAcV,GAAOQ,CAAW;AAEhE,SAAOR,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/backgrounds/Stripe/StripeProps.d.ts

@@ -1,7 +1,8 @@
-import { ColorName } from '../../types';
+import { IntRange } from 'type-fest';
 import { DivProps } from '../../components/Div';
+import { ColorName, SemanticColorName } from '../../types';
 export default interface StripeProps extends DivProps {
-    colorName?: ColorName;
-    degree?: 0 | 15 | 30 | 45 | 60 | 75 | 90 | 115 | 135 | 150 | 165 | 180 | 195 | 210 | 225 | 240 | 255 | 270 | 285 | 300 | 315 | 330 | 345 | 360;
+    colorName?: ColorName | SemanticColorName;
+    degree?: IntRange<0, 360>;
 }
 //# sourceMappingURL=StripeProps.d.ts.map

package/dist/backgrounds/Stripe/StripeProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StripeProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Stripe/StripeProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,WAAW,WAAY,SAAQ,QAAQ;IACnD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EACH,CAAC,GACD,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,CAAC;CACT"}
+{"version":3,"file":"StripeProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Stripe/StripeProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,WAAY,SAAQ,QAAQ;IACnD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;CAC3B"}

package/dist/backgrounds/Zigzag/Zigzag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Zigzag.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Zigzag/Zigzag.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,CAyC/D"}
+{"version":3,"file":"Zigzag.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Zigzag/Zigzag.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,CAmE/D"}

package/dist/backgrounds/Zigzag/Zigzag.js

@@ -1,66 +1,45 @@
 "use client";
-import { jsx as d } from "@emotion/react/jsx-runtime";
-import l from "../../utilities/classNameUtility/classNameUtility.js";
-import h from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Zigzag.css';const t = "_zigzag_3ha8g_1", g = {
-  zigzag: t,
-  "is-small": "_is-small_3ha8g_19",
-  "is-large": "_is-large_3ha8g_22",
-  "is-0deg": "_is-0deg_3ha8g_25",
-  "is-15deg": "_is-15deg_3ha8g_28",
-  "is-30deg": "_is-30deg_3ha8g_31",
-  "is-45deg": "_is-45deg_3ha8g_34",
-  "is-60deg": "_is-60deg_3ha8g_37",
-  "is-75deg": "_is-75deg_3ha8g_40",
-  "is-90deg": "_is-90deg_3ha8g_43",
-  "is-105deg": "_is-105deg_3ha8g_46",
-  "is-120deg": "_is-120deg_3ha8g_49",
-  "is-135deg": "_is-135deg_3ha8g_52",
-  "is-150deg": "_is-150deg_3ha8g_55",
-  "is-165deg": "_is-165deg_3ha8g_58",
-  "is-180deg": "_is-180deg_3ha8g_61",
-  "is-195deg": "_is-195deg_3ha8g_64",
-  "is-210deg": "_is-210deg_3ha8g_67",
-  "is-225deg": "_is-225deg_3ha8g_70",
-  "is-240deg": "_is-240deg_3ha8g_73",
-  "is-255deg": "_is-255deg_3ha8g_76",
-  "is-270deg": "_is-270deg_3ha8g_79",
-  "is-285deg": "_is-285deg_3ha8g_82",
-  "is-300deg": "_is-300deg_3ha8g_85",
-  "is-315deg": "_is-315deg_3ha8g_88",
-  "is-330deg": "_is-330deg_3ha8g_91",
-  "is-345deg": "_is-345deg_3ha8g_94",
-  "is-360deg": "_is-360deg_3ha8g_97",
-  "is-gray": "_is-gray_3ha8g_100",
-  "is-red": "_is-red_3ha8g_112",
-  "is-coral": "_is-coral_3ha8g_124",
-  "is-orange": "_is-orange_3ha8g_136",
-  "is-yellow": "_is-yellow_3ha8g_148",
-  "is-lime": "_is-lime_3ha8g_160",
-  "is-green": "_is-green_3ha8g_172",
-  "is-cyan": "_is-cyan_3ha8g_184",
-  "is-blue": "_is-blue_3ha8g_196",
-  "is-violet": "_is-violet_3ha8g_208",
-  "is-magenta": "_is-magenta_3ha8g_220"
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import m from "../../utilities/classNameUtility/classNameUtility.js";
+import z from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Zigzag.css';const n = "_zigzag_1g68x_1", d = {
+  zigzag: n
 };
-function c(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 = [g.zigzag];
-  s.colorName && i.push(g[`is-${s.colorName}`]), s.size && i.push(g[`is-${s.size}`]);
-  const _ = l.getUtilityClassNames(s);
-  _ && i.push(..._), s.className && i.push(s.className);
-  const a = h.getEmotionCss(s);
-  return /* @__PURE__ */ d(
+function f(e) {
+  const i = { ...e };
+  delete i.colorName, delete i.size, 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 = [d.zigzag], a = m.getUtilityClassNames(e);
+  a && s.push(...a), e.className && s.push(e.className);
+  const o = e.colorName ? {
+    "--minolith-zigzag-color-fore": `oklch(from var(--minolith-color-${e.colorName}-zigzag-fore) l c h / 0.5)`,
+    "--minolith-zigzag-color-back": `var(--minolith-color-${e.colorName}-zigzag-back)`
+  } : void 0, g = e.size ? e.size === "small" ? {
+    "--minolith-zigzag-size": "0.5rem"
+  } : e.size === "large" ? {
+    "--minolith-zigzag-size": "4rem"
+  } : {
+    "--minolith-zigzag-size": e.size
+  } : void 0, c = {
+    ...o,
+    ...g
+  }, t = z.getEmotionCss(e, c);
+  return e.as ? /* @__PURE__ */ l(
+    e.as,
+    {
+      ...i,
+      className: s.join(" "),
+      css: t
+    }
+  ) : /* @__PURE__ */ l(
     "div",
     {
-      ...e,
-      className: i.join(" "),
-      css: a
+      ...i,
+      className: s.join(" "),
+      css: t
     }
   );
 }
 export {
-  c as default
+  f as default
 };
 //# sourceMappingURL=Zigzag.js.map

package/dist/backgrounds/Zigzag/Zigzag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Zigzag.js","sources":["../../../src/backgrounds/Zigzag/Zigzag.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 \"./Zigzag.module.scss\";\r\nimport ZigzagProps from \"./ZigzagProps\";\r\n\r\nexport default function Zigzag(props: ZigzagProps): 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\r\n  const assignedClassNames = [classNames[\"zigzag\"]];\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\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 css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Zigzag","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;AAGrB,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;AAGxD,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Zigzag.js","sources":["../../../src/backgrounds/Zigzag/Zigzag.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 \"./Zigzag.module.scss\";\r\nimport ZigzagProps from \"./ZigzagProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Zigzag(props: ZigzagProps): 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\r\n  const assignedClassNames = [classNames[\"zigzag\"]];\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-zigzag-color-fore\"]: `oklch(from var(--minolith-color-${props.colorName}-zigzag-fore) l c h / 0.5)`,\r\n        [\"--minolith-zigzag-color-back\"]: `var(--minolith-color-${props.colorName}-zigzag-back)`,\r\n      }\r\n    : undefined;\r\n\r\n  const sizeCss = props.size\r\n    ? props.size === \"small\"\r\n      ? {\r\n          [\"--minolith-zigzag-size\"]: `0.5rem`,\r\n        }\r\n      : props.size === \"large\"\r\n        ? {\r\n            [\"--minolith-zigzag-size\"]: `4rem`,\r\n          }\r\n        : {\r\n            [\"--minolith-zigzag-size\"]: props.size,\r\n          }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n    ...sizeCss,\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":["Zigzag","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorNameCss","sizeCss","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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS,GAE1CC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAqCN,EAAM,YAC7C;AAAA,IACG,gCAAiC,mCAAmCA,EAAM,SAAS;AAAA,IACnF,gCAAiC,wBAAwBA,EAAM,SAAS;AAAA,EAAA,IAE3E,QAEEO,IAAUP,EAAM,OAClBA,EAAM,SAAS,UACb;AAAA,IACG,0BAA2B;AAAA,EAAA,IAE9BA,EAAM,SAAS,UACb;AAAA,IACG,0BAA2B;AAAA,EAAA,IAE9B;AAAA,IACG,0BAA2BA,EAAM;AAAA,EAAA,IAExC,QAEEQ,IAAc;AAAA,IAClB,GAAGF;AAAA,IACH,GAAGC;AAAA,EAAA,GAGCE,IAAMC,EAAoB,cAAcV,GAAOQ,CAAW;AAEhE,SAAOR,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/backgrounds/Zigzag/Zigzag.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Zigzag.stories.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Zigzag/Zigzag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,MAAM,MAAM,UAAU,CAAC;AAI9B,QAAA,MAAM,IAAI;;;;;CAKqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC"}
+{"version":3,"file":"Zigzag.stories.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Zigzag/Zigzag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,MAAM,MAAM,UAAU,CAAC;AAI9B,QAAA,MAAM,IAAI;;;;;CAKqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC"}

package/dist/backgrounds/Zigzag/ZigzagProps.d.ts

@@ -1,7 +1,7 @@
-import { ColorName } from '../../types';
+import { ColorName, SemanticColorName } from '../../types';
 import { DivProps } from '../../components/Div';
 export default interface ZigzagProps extends DivProps {
-    colorName?: ColorName;
-    size?: "small" | "large";
+    colorName?: ColorName | SemanticColorName;
+    size?: "small" | "large" | `${number}rem`;
 }
 //# sourceMappingURL=ZigzagProps.d.ts.map

package/dist/backgrounds/Zigzag/ZigzagProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZigzagProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Zigzag/ZigzagProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,WAAW,WAAY,SAAQ,QAAQ;IACnD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B"}
+{"version":3,"file":"ZigzagProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Zigzag/ZigzagProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,WAAW,WAAY,SAAQ,QAAQ;IACnD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,GAAG,MAAM,KAAK,CAAC;CAC3C"}

package/dist/base/Tabula/Tabula.js

@@ -2,34 +2,34 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
 import o from "../../utilities/classNameUtility/classNameUtility.js";
 import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Tabula.css';const n = "_tabula_fxvj9_1", d = {
+import '../../assets/Tabula.css';const n = "_tabula_12pg8_1", d = {
   tabula: n
 };
-function f(s) {
-  const e = { ...s };
+function h(t) {
+  const e = { ...t };
   delete e.colorScheme, 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 = [d.tabula], c = o.getUtilityClassNames(s);
-  c && t.push(...c), s.className && t.push(s.className);
-  const a = s.colorScheme ? {
-    colorScheme: s.colorScheme
-  } : void 0, l = m.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ i(
-    s.as,
+  const s = [d.tabula], a = o.getUtilityClassNames(t);
+  a && s.push(...a), t.className && s.push(t.className);
+  const c = t.colorScheme ? {
+    colorScheme: t.colorScheme
+  } : void 0, l = m.getEmotionCss(t, c);
+  return t.as ? /* @__PURE__ */ i(
+    t.as,
     {
       ...e,
-      className: t.join(" "),
-      css: a ? [a, l] : l
+      className: s.join(" "),
+      css: l
     }
   ) : /* @__PURE__ */ i(
     "div",
     {
       ...e,
-      className: t.join(" "),
-      css: a ? [a, l] : l
+      className: s.join(" "),
+      css: l
     }
   );
 }
 export {
-  f as default
+  h as default
 };
 //# sourceMappingURL=Tabula.js.map

package/dist/base/Tabula/Tabula.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabula.js","sources":["../../../src/base/Tabula/Tabula.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Tabula.module.scss\";\r\nimport TabulaProps from \"./TabulaProps\";\r\n\r\nexport default function Tabula(props: TabulaProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorScheme\"];\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\r\n  const assignedClassNames = [classNames[\"tabula\"]];\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 colorScheme = props.colorScheme ? {\r\n    colorScheme: props.colorScheme,\r\n  } : undefined;\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={colorScheme ? [colorScheme, css] : css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={colorScheme ? [colorScheme, css] : css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Tabula","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAAOC,GAAkC;AAC/D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS,GAC1CC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcN,EAAM,cAAc;AAAA,IACtC,aAAaA,EAAM;AAAA,EAAA,IACjB,QAEEO,IAAMC,EAAoB,cAAcR,CAAK;AAEnD,SAAOA,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAKI,IAAc,CAACA,GAAaC,CAAG,IAAIA;AAAA,IAAA;AAAA,EAAA,IAG1C,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAKI,IAAc,CAACA,GAAaC,CAAG,IAAIA;AAAA,IAAA;AAAA,EAAA;AAG9C;"}
+{"version":3,"file":"Tabula.js","sources":["../../../src/base/Tabula/Tabula.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Tabula.module.scss\";\r\nimport TabulaProps from \"./TabulaProps\";\r\n\r\nexport default function Tabula(props: TabulaProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorScheme\"];\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\r\n  const assignedClassNames = [classNames[\"tabula\"]];\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 colorScheme = props.colorScheme ? {\r\n    colorScheme: props.colorScheme,\r\n  } : undefined;\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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":["Tabula","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAAOC,GAAkC;AAC/D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS,GAC1CC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcN,EAAM,cAAc;AAAA,IACtC,aAAaA,EAAM;AAAA,EAAA,IACjB,QAEEO,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;"}