react-minolith 2.3.6 → 2.4.0

package/dist/backgrounds/Dot/BaseDotProps.d.ts

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

package/dist/backgrounds/Dot/BaseDotProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseDotProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Dot/BaseDotProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,YAAY,CACnC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;CACpC"}

package/dist/backgrounds/Dot/BaseDotProps.js

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

package/dist/backgrounds/Dot/BaseDotProps.js.map

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

package/dist/backgrounds/Dot/Dot.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Dot/Dot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,GAAG,CACzB,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,QAAQ,CAAC,0BAA0B,CAAC,GAAG,YAAY,CAqE3D"}
+{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Dot/Dot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAE/C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,GAAG,CACzB,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,YAAY,CAAC,0BAA0B,CAAC,GACxD,QAAQ,CAAC,0BAA0B,CAAC,EACtC,KAAK,EAAE,SAAS,GAAG,YAAY,CAsFhC"}

package/dist/backgrounds/Dot/Dot.js

@@ -2,44 +2,58 @@
 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/Dot.css';const h = "_dot_1qa4k_1", r = {
-  dot: h
+import '../../assets/Dot.css';const r = "_dot_1qa4k_1", h = {
+  dot: r
 };
-function g(e) {
-  const t = { ...e };
-  delete t.colorName, delete t.dotSize, delete t.fore, delete t.back, delete t.highlighter, delete t.border, delete t.positioning, delete t.sizing, delete t.spacing, delete t.css, delete t.as;
-  const o = [r.dot], i = n.getUtilityClassNames(e);
-  i && o.push(...i), e.className && o.push(e.className);
-  const a = e.colorName ? {
-    "--minolith-dot-color-dot": `oklch(from var(--minolith-color-${e.colorName}-dot-fore) l c h / 0.5)`,
-    "--minolith-dot-color-back": `var(--minolith-color-${e.colorName}-dot-back)`
-  } : void 0, d = e.dotSize ? e.dotSize === "coin" ? {
+function f(o) {
+  const e = {
+    ...o,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    css: void 0,
+    as: void 0
+  };
+  delete e.colorName, delete e.dotSize, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.className, delete e.as;
+  const i = [h.dot], t = n.getUtilityClassNames(o);
+  t && i.push(...t), o.className && i.push(o.className);
+  const d = o.colorName ? {
+    "--minolith-dot-color-dot": `oklch(from var(--minolith-color-${o.colorName}-dot-fore) l c h / 0.5)`,
+    "--minolith-dot-color-back": `var(--minolith-color-${o.colorName}-dot-back)`
+  } : void 0, a = o.dotSize ? o.dotSize === "coin" ? {
     "--minolith-dot-size": "30%"
-  } : e.dotSize === "polka" ? {
+  } : o.dotSize === "polka" ? {
     "--minolith-dot-size": "20%"
-  } : e.dotSize === "pin" ? {
+  } : o.dotSize === "pin" ? {
     "--minolith-dot-size": "10%"
   } : void 0 : void 0, c = {
-    ...a,
-    ...d
-  }, s = m.getEmotionCss(e, c);
-  return e.as ? /* @__PURE__ */ l(
-    e.as,
+    ...d,
+    ...a
+  }, s = m.getEmotionCss(
+    o,
+    c
+  );
+  return o.as ? /* @__PURE__ */ l(
+    o.as,
     {
-      ...t,
-      className: o.join(" "),
+      ...e,
+      className: i.join(" "),
       css: s
     }
   ) : /* @__PURE__ */ l(
     "div",
     {
-      ...t,
-      className: o.join(" "),
+      ...e,
+      className: i.join(" "),
       css: s
     }
   );
 }
 export {
-  g as default
+  f as default
 };
 //# sourceMappingURL=Dot.js.map

package/dist/backgrounds/Dot/Dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.js","sources":["../../../src/backgrounds/Dot/Dot.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Dot.module.scss\";\r\nimport type DotProps from \"./DotProps\";\r\n\r\nexport default function Dot<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: DotProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"dotSize\"];\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[\"dot\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-dot-color-dot\"]: `oklch(from var(--minolith-color-${props.colorName}-dot-fore) l c h / 0.5)`,\r\n        [\"--minolith-dot-color-back\"]: `var(--minolith-color-${props.colorName}-dot-back)`,\r\n      }\r\n    : undefined;\r\n\r\n  const dotSizeCss = props.dotSize\r\n    ? props.dotSize === \"coin\"\r\n      ? {\r\n          [\"--minolith-dot-size\"]: `30%`,\r\n        }\r\n      : props.dotSize === \"polka\"\r\n        ? {\r\n            [\"--minolith-dot-size\"]: `20%`,\r\n          }\r\n        : props.dotSize === \"pin\"\r\n          ? {\r\n              [\"--minolith-dot-size\"]: `10%`,\r\n            }\r\n          : undefined\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n    ...dotSizeCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Dot","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorNameCss","dotSizeCss","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAEtBC,GAA2D;AAC3D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,SAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,GAAM,GAEvCC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAqCN,EAAM,YAC7C;AAAA,IACG,4BAA6B,mCAAmCA,EAAM,SAAS;AAAA,IAC/E,6BAA8B,wBAAwBA,EAAM,SAAS;AAAA,EAAA,IAExE,QAEEO,IAAaP,EAAM,UACrBA,EAAM,YAAY,SAChB;AAAA,IACG,uBAAwB;AAAA,EAAA,IAE3BA,EAAM,YAAY,UAChB;AAAA,IACG,uBAAwB;AAAA,EAAA,IAE3BA,EAAM,YAAY,QAChB;AAAA,IACG,uBAAwB;AAAA,EAAA,IAE3B,SACN,QAEEQ,IAAc;AAAA,IAClB,GAAGF;AAAA,IACH,GAAGC;AAAA,EAAA,GAGCE,IAAMC,EAAoB,cAA0CV,GAAOQ,CAAW;AAE5F,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;"}
+{"version":3,"file":"Dot.js","sources":["../../../src/backgrounds/Dot/Dot.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseDotProps from \"./BaseDotProps\";\r\nimport classNames from \"./Dot.module.scss\";\r\nimport type DotProps from \"./DotProps\";\r\n\r\nexport default function Dot<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseDotProps<BaseComponentColorNameType> =\r\n    DotProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"dotSize\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"dot\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-dot-color-dot\"]: `oklch(from var(--minolith-color-${props.colorName}-dot-fore) l c h / 0.5)`,\r\n        [\"--minolith-dot-color-back\"]: `var(--minolith-color-${props.colorName}-dot-back)`,\r\n      }\r\n    : undefined;\r\n\r\n  const dotSizeCss = props.dotSize\r\n    ? props.dotSize === \"coin\"\r\n      ? {\r\n          [\"--minolith-dot-size\"]: `30%`,\r\n        }\r\n      : props.dotSize === \"polka\"\r\n        ? {\r\n            [\"--minolith-dot-size\"]: `20%`,\r\n          }\r\n        : props.dotSize === \"pin\"\r\n          ? {\r\n              [\"--minolith-dot-size\"]: `10%`,\r\n            }\r\n          : undefined\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n    ...dotSizeCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\r\n    props,\r\n    optionalCss,\r\n  );\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Dot","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorNameCss","dotSizeCss","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WACrB,OAAOA,EAAc,SAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,GAAM,GAEvCC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAqCN,EAAM,YAC7C;AAAA,IACG,4BAA6B,mCAAmCA,EAAM,SAAS;AAAA,IAC/E,6BAA8B,wBAAwBA,EAAM,SAAS;AAAA,EAAA,IAExE,QAEEO,IAAaP,EAAM,UACrBA,EAAM,YAAY,SAChB;AAAA,IACG,uBAAwB;AAAA,EAAA,IAE3BA,EAAM,YAAY,UAChB;AAAA,IACG,uBAAwB;AAAA,EAAA,IAE3BA,EAAM,YAAY,QAChB;AAAA,IACG,uBAAwB;AAAA,EAAA,IAE3B,SACN,QAEEQ,IAAc;AAAA,IAClB,GAAGF;AAAA,IACH,GAAGC;AAAA,EAAA,GAGCE,IAAMC,EAAoB;AAAA,IAC9BV;AAAA,IACAQ;AAAA,EAAA;AAGF,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/Dot/DotProps.d.ts

@@ -1,7 +1,5 @@
-import { ColorName, SemanticColorName } from '../../types';
-import { DivProps } from '../../components/Div';
-export default interface DotProps<BaseComponentColorNameType extends string> extends DivProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
-    dotSize?: "pin" | "polka" | "coin";
+import { ClassAttributes, HTMLAttributes } from 'react';
+import { default as BaseDotProps } from './BaseDotProps';
+export default interface DotProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLDivElement>, HTMLAttributes<HTMLDivElement>, BaseDotProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=DotProps.d.ts.map

package/dist/backgrounds/Dot/DotProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DotProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Dot/DotProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,CAAC,OAAO,WAAW,QAAQ,CAC/B,0BAA0B,SAAS,MAAM,CACzC,SAAQ,QAAQ,CAAC,0BAA0B,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;CACpC"}
+{"version":3,"file":"DotProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Dot/DotProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,WAAW,QAAQ,CAAC,0BAA0B,SAAS,MAAM,CACzE,SACE,eAAe,CAAC,cAAc,CAAC,EAC/B,cAAc,CAAC,cAAc,CAAC,EAC9B,YAAY,CAAC,0BAA0B,CAAC;CAAG"}

package/dist/backgrounds/Dot/index.d.ts

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

package/dist/backgrounds/Dot/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Dot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,YAAY,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtD,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Dot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,YAAY,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtD,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9D,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { BaseComponentProps } from '../../models';
+import { ColorName, SemanticColorName } from '../../types';
+export default interface BaseGinghamProps<BaseComponentColorNameType extends string> extends BaseComponentProps<BaseComponentColorNameType> {
+    colorName?: ColorName | SemanticColorName;
+    degree?: 0 | 15 | 30 | 45 | 60 | 75 | 90;
+}
+//# sourceMappingURL=BaseGinghamProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseGinghamProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Gingham/BaseGinghamProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,gBAAgB,CACvC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,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/Gingham/BaseGinghamProps.js

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

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

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

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

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

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

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

package/dist/backgrounds/Gingham/Gingham.js

@@ -1,14 +1,25 @@
 "use client";
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import c from "../../utilities/classNameUtility/classNameUtility.js";
-import g from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import g from "../../utilities/classNameUtility/classNameUtility.js";
+import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Gingham.css';const d = "_gingham_1bimh_1", h = {
   gingham: d
 };
-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 t = [h.gingham], l = i.colorName ? {
+function f(i) {
+  const e = {
+    ...i,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    css: void 0,
+    as: void 0
+  };
+  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.className, delete e.as;
+  const o = [h.gingham], l = i.colorName ? {
     "--minolith-gingham-color-line": `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 ? {
@@ -16,26 +27,29 @@ function u(i) {
   } : void 0, m = {
     ...l,
     ...n
-  }, s = c.getUtilityClassNames(i);
-  s && t.push(...s), i.className && t.push(i.className);
-  const a = g.getEmotionCss(i, m);
-  return i.as ? /* @__PURE__ */ o(
+  }, s = g.getUtilityClassNames(i);
+  s && o.push(...s), i.className && o.push(i.className);
+  const a = c.getEmotionCss(
+    i,
+    m
+  );
+  return i.as ? /* @__PURE__ */ t(
     i.as,
     {
       ...e,
-      className: t.join(" "),
+      className: o.join(" "),
       css: a
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ t(
     "div",
     {
       ...e,
-      className: t.join(" "),
+      className: o.join(" "),
       css: a
     }
   );
 }
 export {
-  u as default
+  f 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\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Gingham.module.scss\";\r\nimport type GinghamProps from \"./GinghamProps\";\r\n\r\nexport default function Gingham<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: GinghamProps<BaseComponentColorNameType>): 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-line\"]: `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<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, 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":";;;;;;;AASA,SAAwBA,EAEtBC,GAA+D;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,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,qBAAiDR,CAAK;AACjG,EAAIO,KACFL,EAAmB,KAAK,GAAGK,CAAiB,GAE1CP,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMS,IAAMC,EAAoB,cAA0CV,GAAOM,CAAW;AAE5F,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;"}
+{"version":3,"file":"Gingham.js","sources":["../../../src/backgrounds/Gingham/Gingham.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseGinghamProps from \"./BaseGinghamProps\";\r\nimport classNames from \"./Gingham.module.scss\";\r\nimport type GinghamProps from \"./GinghamProps\";\r\n\r\nexport default function Gingham<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseGinghamProps<BaseComponentColorNameType> =\r\n    GinghamProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"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[\"className\"];\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-line\"]: `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 =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\r\n    props,\r\n    optionalCss,\r\n  );\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <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":";;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WACrB,OAAOA,EAAc,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,WACrB,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,IACJC,EAAiB,qBAAiDR,CAAK;AACzE,EAAIO,KACFL,EAAmB,KAAK,GAAGK,CAAiB,GAE1CP,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMS,IAAMC,EAAoB;AAAA,IAC9BV;AAAA,IACAM;AAAA,EAAA;AAGF,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,5 @@
-import { DivProps } from '../../components/Div';
-import { ColorName, SemanticColorName } from '../../types';
-export default interface GinghamProps<BaseComponentColorNameType extends string> extends DivProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
-    degree?: 0 | 15 | 30 | 45 | 60 | 75 | 90;
+import { ClassAttributes, HTMLAttributes } from 'react';
+import { default as BaseGinghamProps } from './BaseGinghamProps';
+export default interface GinghamProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLDivElement>, HTMLAttributes<HTMLDivElement>, BaseGinghamProps<BaseComponentColorNameType> {
 }
 //# 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,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,YAAY,CACnC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,QAAQ,CAAC,0BAA0B,CAAC;IAC5C,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"}
+{"version":3,"file":"GinghamProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Gingham/GinghamProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,YAAY,CAAC,0BAA0B,SAAS,MAAM,CAC7E,SACE,eAAe,CAAC,cAAc,CAAC,EAC/B,cAAc,CAAC,cAAc,CAAC,EAC9B,gBAAgB,CAAC,0BAA0B,CAAC;CAAG"}

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { BaseComponentProps } from '../../models';
+import { ColorName, SemanticColorName } from '../../types';
+export default interface BaseRhombusProps<BaseComponentColorNameType extends string> extends BaseComponentProps<BaseComponentColorNameType> {
+    colorName?: ColorName | SemanticColorName;
+    size?: "small" | "large" | `${number}rem`;
+}
+//# sourceMappingURL=BaseRhombusProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRhombusProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/BaseRhombusProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,gBAAgB,CACvC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,GAAG,MAAM,KAAK,CAAC;CAC3C"}

package/dist/backgrounds/Rhombus/BaseRhombusProps.js

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

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

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

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

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

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":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,YAAY,CAAC,0BAA0B,CAAC,GAAG,YAAY,CAmE/D"}
+{"version":3,"file":"Rhombus.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/Rhombus.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,gBAAgB,CAAC,0BAA0B,CAAC,GAC5D,YAAY,CAAC,0BAA0B,CAAC,EAC1C,KAAK,EAAE,SAAS,GAAG,YAAY,CAoFhC"}

package/dist/backgrounds/Rhombus/Rhombus.js

@@ -2,14 +2,25 @@
 import { jsx as t } 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_w2yd4_1", u = {
-  rhombus: h
+import '../../assets/Rhombus.css';const d = "_rhombus_w2yd4_1", h = {
+  rhombus: d
 };
-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);
+function N(e) {
+  const s = {
+    ...e,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    css: void 0,
+    as: void 0
+  };
+  delete 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.className, delete s.as;
+  const i = [h.rhombus], o = n.getUtilityClassNames(e);
+  o && i.push(...o), e.className && i.push(e.className);
   const m = e.colorName ? {
     "--minolith-rhombus-color-line": `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)`
@@ -22,24 +33,27 @@ function f(e) {
   } : void 0, c = {
     ...m,
     ...a
-  }, l = r.getEmotionCss(e, c);
+  }, l = r.getEmotionCss(
+    e,
+    c
+  );
   return e.as ? /* @__PURE__ */ t(
     e.as,
     {
       ...s,
-      className: o.join(" "),
+      className: i.join(" "),
       css: l
     }
   ) : /* @__PURE__ */ t(
     "div",
     {
       ...s,
-      className: o.join(" "),
+      className: i.join(" "),
       css: l
     }
   );
 }
 export {
-  f as default
+  N 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\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Rhombus.module.scss\";\r\nimport type RhombusProps from \"./RhombusProps\";\r\n\r\nexport default function Rhombus<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: RhombusProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"size\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"rhombus\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-rhombus-color-line\"]: `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<BaseComponentColorNameType>(props, optionalCss);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Rhombus","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorNameCss","rhombusSizeCss","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAEtBC,GAA+D;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,OAAU,GAE3CC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,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,cAA0CV,GAAOQ,CAAW;AAE5F,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;"}
+{"version":3,"file":"Rhombus.js","sources":["../../../src/backgrounds/Rhombus/Rhombus.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseRhombusProps from \"./BaseRhombusProps\";\r\nimport classNames from \"./Rhombus.module.scss\";\r\nimport type RhombusProps from \"./RhombusProps\";\r\n\r\nexport default function Rhombus<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseRhombusProps<BaseComponentColorNameType> =\r\n    RhombusProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"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[\"className\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"rhombus\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-rhombus-color-line\"]: `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<BaseComponentColorNameType>(\r\n    props,\r\n    optionalCss,\r\n  );\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <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":";;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WACrB,OAAOA,EAAc,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,WACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,OAAU,GAE3CC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,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;AAAA,IAC9BV;AAAA,IACAQ;AAAA,EAAA;AAGF,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/RhombusProps.d.ts

@@ -1,7 +1,5 @@
-import { ColorName, SemanticColorName } from '../../types';
-import { DivProps } from '../../components/Div';
-export default interface RhombusProps<BaseComponentColorNameType extends string> extends DivProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
-    size?: "small" | "large" | `${number}rem`;
+import { ClassAttributes, HTMLAttributes } from 'react';
+import { default as BaseRhombusProps } from './BaseRhombusProps';
+export default interface RhombusProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLDivElement>, HTMLAttributes<HTMLDivElement>, BaseRhombusProps<BaseComponentColorNameType> {
 }
 //# 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,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,CAAC,OAAO,WAAW,YAAY,CACnC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,QAAQ,CAAC,0BAA0B,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,GAAG,MAAM,KAAK,CAAC;CAC3C"}
+{"version":3,"file":"RhombusProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Rhombus/RhombusProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,YAAY,CAAC,0BAA0B,SAAS,MAAM,CAC7E,SACE,eAAe,CAAC,cAAc,CAAC,EAC/B,cAAc,CAAC,cAAc,CAAC,EAC9B,gBAAgB,CAAC,0BAA0B,CAAC;CAAG"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseStripeProps.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Stripe/BaseStripeProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAExE,MAAM,CAAC,OAAO,WAAW,eAAe,CACtC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/backgrounds/Stripe/BaseStripeProps.js

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

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

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

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

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

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":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,WAAW,CAAC,0BAA0B,CAAC,GAAG,YAAY,CA2D9D"}
+{"version":3,"file":"Stripe.d.ts","sourceRoot":"","sources":["../../../src/backgrounds/Stripe/Stripe.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,eAAe,CAAC,0BAA0B,CAAC,GAC3D,WAAW,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAE,SAAS,GAAG,YAAY,CAwEhC"}

package/dist/backgrounds/Stripe/Stripe.js

@@ -1,26 +1,37 @@
 "use client";
 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_dizb4_1", g = {
-  stripe: d
+import r from "../../utilities/classNameUtility/classNameUtility.js";
+import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Stripe.css';const m = "_stripe_dizb4_1", g = {
+  stripe: m
 };
-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 s = [g.stripe], i = n.getUtilityClassNames(t);
-  i && s.push(...i), t.className && s.push(t.className);
-  const a = t.colorName ? {
-    "--minolith-stripe-color-line": `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 = {
+function f(i) {
+  const e = {
+    ...i,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    css: void 0,
+    as: void 0
+  };
+  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.className, delete e.as;
+  const s = [g.stripe], t = r.getUtilityClassNames(i);
+  t && s.push(...t), i.className && s.push(i.className);
+  const a = i.colorName ? {
+    "--minolith-stripe-color-line": `oklch(from var(--minolith-color-${i.colorName}-stripe-fore) l c h / 0.5)`,
+    "--minolith-stripe-color-back": `var(--minolith-color-${i.colorName}-stripe-back)`
+  } : void 0, c = i.degree ? {
+    "--minolith-stripe-degree": `${i.degree}deg`
+  } : void 0, d = {
     ...a,
     ...c
-  }, o = m.getEmotionCss(t, r);
-  return t.as ? /* @__PURE__ */ l(
-    t.as,
+  }, o = n.getEmotionCss(i, d);
+  return i.as ? /* @__PURE__ */ l(
+    i.as,
     {
       ...e,
       className: s.join(" "),
@@ -36,6 +47,6 @@ function u(t) {
   );
 }
 export {
-  u as default
+  f as default
 };
 //# sourceMappingURL=Stripe.js.map