react-minolith 2.3.6 → 2.4.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"Output.d.ts","sourceRoot":"","sources":["../../../src/components/Output/Output.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,eAAe,CAAC,0BAA0B,CAAC,GAC3D,WAAW,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAE,SAAS,GAAG,YAAY,CAuDhC"}

package/dist/components/Output/Output.js

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

package/dist/components/Output/Output.js.map

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

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

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

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

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

package/dist/components/Output/OutputProps.d.ts

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

package/dist/components/Output/OutputProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutputProps.d.ts","sourceRoot":"","sources":["../../../src/components/Output/OutputProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,MAAM,CAAC,OAAO,WAAW,WAAW,CAAC,0BAA0B,SAAS,MAAM,CAC5E,SACE,eAAe,CAAC,iBAAiB,CAAC,EAClC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,eAAe,CAAC,0BAA0B,CAAC;CAAG"}

package/dist/components/Output/OutputProps.js

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

package/dist/components/Output/OutputProps.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Output/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5D,cAAc,eAAe,CAAC;AAE9B,YAAY,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpE,cAAc,mBAAmB,CAAC"}

package/dist/components/Output/index.js

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

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

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

package/dist/components/Paragraph/BaseParagraphProps.d.ts

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

package/dist/components/Paragraph/BaseParagraphProps.d.ts.map

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

package/dist/components/Paragraph/BaseParagraphProps.js

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

package/dist/components/Paragraph/BaseParagraphProps.js.map

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

package/dist/components/Paragraph/Paragraph.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,cAAc,CAAC,0BAA0B,CAAC,GAAG,YAAY,CAiCjE"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,kBAAkB,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,kBAAkB,CAAC,0BAA0B,CAAC,GAC9D,cAAc,CAAC,0BAA0B,CAAC,EAC5C,KAAK,EAAE,SAAS,GAAG,YAAY,CAmDhC"}

package/dist/components/Paragraph/Paragraph.js

@@ -1,24 +1,36 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import n from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Paragraph.css';const c = "_paragraph_104bu_1", r = {
-  paragraph: c
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import l from "../../utilities/classNameUtility/classNameUtility.js";
+import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Paragraph.css';const n = "_paragraph_104bu_1", c = {
+  paragraph: n
 };
 function h(s) {
-  const e = { ...s };
-  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
-  const a = [r.paragraph], t = n.getUtilityClassNames(s);
-  t && a.push(...t), s.className && a.push(s.className);
-  const i = o.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ l(
+  const e = {
+    ...s,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    className: void 0,
+    css: void 0,
+    as: void 0
+  };
+  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
+  const a = [c.paragraph], i = l.getUtilityClassNames(s);
+  i && a.push(...i), s.className && a.push(s.className);
+  const t = d.getEmotionCss(s);
+  return s.as ? /* @__PURE__ */ o(
     s.as,
     {
       ...e,
       className: a.join(" "),
-      css: i
+      css: t
     }
-  ) : /* @__PURE__ */ l("p", { ...e, className: a.join(" "), css: i });
+  ) : /* @__PURE__ */ o("p", { ...e, className: a.join(" "), css: t });
 }
 export {
   h as default

package/dist/components/Paragraph/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","sources":["../../../src/components/Paragraph/Paragraph.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Paragraph.module.scss\";\r\nimport type ParagraphProps from \"./ParagraphProps\";\r\n\r\nexport default function Paragraph<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: ParagraphProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"paragraph\"]];\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  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <p {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Paragraph","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAEtBC,GAAiE;AACjE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAE3B,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,SAAY,GAEvDC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAA0CP,CAAK;AAE/E,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE,EAAC,KAAA,EAAG,GAAGP,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAI,GAAU;AAE7E;"}
+{"version":3,"file":"Paragraph.js","sources":["../../../src/components/Paragraph/Paragraph.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseParagraphProps from \"./BaseParagraphProps\";\r\nimport classNames from \"./Paragraph.module.scss\";\r\nimport type ParagraphProps from \"./ParagraphProps\";\r\n\r\nexport default function Paragraph<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseParagraphProps<BaseComponentColorNameType> =\r\n    ParagraphProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"paragraph\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css =\r\n    emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <p {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Paragraph","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,SAAY,GAEvDC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IACJC,EAAoB,cAA0CP,CAAK;AAErE,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE,EAAC,KAAA,EAAG,GAAGP,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAI,GAAU;AAE7E;"}

package/dist/components/Paragraph/ParagraphProps.d.ts

@@ -1,5 +1,5 @@
 import { ClassAttributes, HTMLAttributes } from 'react';
-import { BaseComponentProps } from '../../models';
-export default interface ParagraphProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLParagraphElement>, HTMLAttributes<HTMLParagraphElement>, BaseComponentProps<BaseComponentColorNameType> {
+import { default as BaseParagraphProps } from './BaseParagraphProps';
+export default interface ParagraphProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLParagraphElement>, HTMLAttributes<HTMLParagraphElement>, BaseParagraphProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=ParagraphProps.d.ts.map

package/dist/components/Paragraph/ParagraphProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParagraphProps.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/ParagraphProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,cAAc,CAAC,0BAA0B,SAAS,MAAM,CAC/E,SACE,eAAe,CAAC,oBAAoB,CAAC,EACrC,cAAc,CAAC,oBAAoB,CAAC,EACpC,kBAAkB,CAAC,0BAA0B,CAAC;CAAG"}
+{"version":3,"file":"ParagraphProps.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/ParagraphProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,kBAAkB,MAAM,sBAAsB,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,cAAc,CACrC,0BAA0B,SAAS,MAAM,CAEzC,SACE,eAAe,CAAC,oBAAoB,CAAC,EACrC,cAAc,CAAC,oBAAoB,CAAC,EACpC,kBAAkB,CAAC,0BAA0B,CAAC;CAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,YAAY,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,YAAY,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,cAAc,kBAAkB,CAAC;AAEjC,YAAY,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,cAAc,sBAAsB,CAAC"}

package/dist/components/PreformattedText/BasePreformattedTextProps.d.ts

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

package/dist/components/PreformattedText/BasePreformattedTextProps.d.ts.map

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

package/dist/components/PreformattedText/BasePreformattedTextProps.js

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

package/dist/components/PreformattedText/BasePreformattedTextProps.js.map

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

package/dist/components/PreformattedText/PreformattedText.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreformattedText.d.ts","sourceRoot":"","sources":["../../../src/components/PreformattedText/PreformattedText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,yBAAyB,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAK,qBAAqB,MAAM,yBAAyB,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,yBAAyB,CAAC,0BAA0B,CAAC,GACrE,qBAAqB,CAAC,0BAA0B,CAAC,EACnD,KAAK,EAAE,SAAS,GAAG,YAAY,CAuDhC"}

package/dist/components/PreformattedText/PreformattedText.js

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

package/dist/components/PreformattedText/PreformattedText.js.map

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

package/dist/components/PreformattedText/PreformattedTextProps.d.ts

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

package/dist/components/PreformattedText/PreformattedTextProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreformattedTextProps.d.ts","sourceRoot":"","sources":["../../../src/components/PreformattedText/PreformattedTextProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,yBAAyB,MAAM,6BAA6B,CAAC;AAEzE,MAAM,CAAC,OAAO,WAAW,qBAAqB,CAC5C,0BAA0B,SAAS,MAAM,CAEzC,SACE,eAAe,CAAC,cAAc,CAAC,EAC/B,cAAc,CAAC,cAAc,CAAC,EAC9B,yBAAyB,CAAC,0BAA0B,CAAC;CAAG"}

package/dist/components/PreformattedText/PreformattedTextProps.js

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

package/dist/components/PreformattedText/PreformattedTextProps.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PreformattedText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,cAAc,oBAAoB,CAAC;AAEnC,YAAY,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChF,cAAc,yBAAyB,CAAC;AAExC,YAAY,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxF,cAAc,6BAA6B,CAAC"}

package/dist/components/PreformattedText/index.js

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

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

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

package/dist/components/Progress/BaseProgressProps.d.ts

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

package/dist/components/Progress/BaseProgressProps.d.ts.map

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

package/dist/components/Progress/BaseProgressProps.js

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

package/dist/components/Progress/BaseProgressProps.js.map

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

package/dist/components/Progress/Progress.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,aAAa,CAAC,0BAA0B,CAAC,GAAG,YAAY,CAwDhE"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,iBAAiB,MAAM,qBAAqB,CAAC;AAEzD,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,iBAAiB,CAAC,0BAA0B,CAAC,GAC7D,aAAa,CAAC,0BAA0B,CAAC,EAC3C,KAAK,EAAE,SAAS,GAAG,YAAY,CA2EhC"}

package/dist/components/Progress/Progress.js

@@ -1,42 +1,57 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
+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/Progress.css';const g = "_progress_eehkh_1", d = {
-  progress: g
+import '../../assets/Progress.css';const d = "_progress_eehkh_1", g = {
+  progress: d
 };
-function b(e) {
-  const o = { ...e };
-  delete o.colorName, delete o.fore, delete o.back, delete o.highlighter, delete o.border, delete o.positioning, delete o.sizing, delete o.spacing, delete o.css, delete o.as;
-  const s = [d.progress], r = n.getUtilityClassNames(e);
-  r && s.push(...r), e.className && s.push(e.className);
-  const i = e.colorName ? {
+function f(e) {
+  const o = {
+    ...e,
+    fore: void 0,
+    back: void 0,
+    highlighter: void 0,
+    border: void 0,
+    positioning: void 0,
+    sizing: void 0,
+    spacing: void 0,
+    className: void 0,
+    css: void 0,
+    as: void 0
+  };
+  delete o.colorName, delete o.fore, delete o.back, delete o.highlighter, delete o.border, delete o.positioning, delete o.sizing, delete o.spacing, delete o.className, delete o.css, delete o.as;
+  const s = [g.progress], i = n.getUtilityClassNames(e);
+  i && s.push(...i), e.className && s.push(e.className);
+  const t = e.colorName ? {
     "--minolith-progress-color-fore": `var(--minolith-color-${e.colorName}-progress-fore, var(--minolith-color-${e.colorName}-fore))`,
     "--minolith-progress-color-back": `var(--minolith-color-${e.colorName}-progress-back, var(--minolith-color-${e.colorName}-back))`,
     "--minolith-progress-color-border": `var(--minolith-color-${e.colorName}-progress-border, var(--minolith-color-${e.colorName}-border))`
   } : void 0, a = {
     "--minolith-progress-percentage": e.percentage
   }, c = {
-    ...i,
+    ...t,
     ...a
-  }, l = m.getEmotionCss(e, c);
-  return e.as ? /* @__PURE__ */ t(
+  }, r = m.getEmotionCss(
+    e,
+    c
+  );
+  return e.as ? /* @__PURE__ */ l(
     e.as,
     {
       ...o,
       className: s.join(" "),
-      css: l
+      css: r
     }
-  ) : /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ l(
     "div",
     {
       ...o,
       className: s.join(" "),
-      css: l
+      css: r
     }
   );
 }
 export {
-  b as default
+  f as default
 };
 //# sourceMappingURL=Progress.js.map

package/dist/components/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../../src/components/Progress/Progress.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 \"./Progress.module.scss\";\r\nimport type ProgressProps from \"./ProgressProps\";\r\n\r\nexport default function Progress<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: ProgressProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames = [classNames[\"progress\"]];\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-progress-color-fore\"]: `var(--minolith-color-${props.colorName}-progress-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-progress-color-back\"]: `var(--minolith-color-${props.colorName}-progress-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-progress-color-border\"]: `var(--minolith-color-${props.colorName}-progress-border, var(--minolith-color-${props.colorName}-border))`,\r\n      }\r\n    : undefined;\r\n\r\n  const percentageCss: Interpolation<Theme> = {\r\n    [\"--minolith-progress-percentage\"]: props.percentage,\r\n  };\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n    ...percentageCss,\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":["Progress","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorNameCss","percentageCss","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAEtBC,GAAgE;AAChE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAAqB,CAACC,EAAW,QAAW,GAE5CC,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,kCAAmC,wBAAwBA,EAAM,SAAS,wCAAwCA,EAAM,SAAS;AAAA,IACjI,kCAAmC,wBAAwBA,EAAM,SAAS,wCAAwCA,EAAM,SAAS;AAAA,IACjI,oCAAqC,wBAAwBA,EAAM,SAAS,0CAA0CA,EAAM,SAAS;AAAA,EAAA,IAExI,QAEEO,IAAsC;AAAA,IACzC,kCAAmCP,EAAM;AAAA,EAAA,GAGtCQ,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":"Progress.js","sources":["../../../src/components/Progress/Progress.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 BaseProgressProps from \"./BaseProgressProps\";\r\nimport classNames from \"./Progress.module.scss\";\r\nimport type ProgressProps from \"./ProgressProps\";\r\n\r\nexport default function Progress<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseProgressProps<BaseComponentColorNameType> =\r\n    ProgressProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"progress\"]];\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-progress-color-fore\"]: `var(--minolith-color-${props.colorName}-progress-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-progress-color-back\"]: `var(--minolith-color-${props.colorName}-progress-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-progress-color-border\"]: `var(--minolith-color-${props.colorName}-progress-border, var(--minolith-color-${props.colorName}-border))`,\r\n      }\r\n    : undefined;\r\n\r\n  const percentageCss: Interpolation<Theme> = {\r\n    [\"--minolith-progress-percentage\"]: props.percentage,\r\n  };\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n    ...percentageCss,\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":["Progress","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorNameCss","percentageCss","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,QAAW,GAE5CC,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,kCAAmC,wBAAwBA,EAAM,SAAS,wCAAwCA,EAAM,SAAS;AAAA,IACjI,kCAAmC,wBAAwBA,EAAM,SAAS,wCAAwCA,EAAM,SAAS;AAAA,IACjI,oCAAqC,wBAAwBA,EAAM,SAAS,0CAA0CA,EAAM,SAAS;AAAA,EAAA,IAExI,QAEEO,IAAsC;AAAA,IACzC,kCAAmCP,EAAM;AAAA,EAAA,GAGtCQ,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/components/Progress/ProgressProps.d.ts

@@ -1,7 +1,5 @@
-import { ColorName, Percentage, SemanticColorName } from '../../types';
-import { DivProps } from '../Div';
-export default interface ProgressProps<BaseComponentColorNameType extends string> extends DivProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
-    percentage: Percentage;
+import { ClassAttributes, HTMLAttributes } from 'react';
+import { default as BaseProgressProps } from './BaseProgressProps';
+export default interface ProgressProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLDivElement>, HTMLAttributes<HTMLDivElement>, BaseProgressProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=ProgressProps.d.ts.map

package/dist/components/Progress/ProgressProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressProps.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/ProgressProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,aAAa,CACpC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,QAAQ,CAAC,0BAA0B,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,UAAU,EAAE,UAAU,CAAC;CACxB"}
+{"version":3,"file":"ProgressProps.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/ProgressProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,iBAAiB,MAAM,qBAAqB,CAAC;AAEzD,MAAM,CAAC,OAAO,WAAW,aAAa,CACpC,0BAA0B,SAAS,MAAM,CAEzC,SACE,eAAe,CAAC,cAAc,CAAC,EAC/B,cAAc,CAAC,cAAc,CAAC,EAC9B,iBAAiB,CAAC,0BAA0B,CAAC;CAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,cAAc,iBAAiB,CAAC;AAEhC,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxE,cAAc,qBAAqB,CAAC"}

package/dist/components/Ruby/BaseRubyProps.d.ts

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

package/dist/components/Ruby/BaseRubyProps.d.ts.map

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

package/dist/components/Ruby/BaseRubyProps.js

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

package/dist/components/Ruby/BaseRubyProps.js.map

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

package/dist/components/Ruby/Ruby.d.ts

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

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

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