react-minolith 2.3.6 → 2.4.1

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.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 \"./Badge.module.scss\";\r\nimport type BadgeProps from \"./BadgeProps\";\r\n\r\nexport default function Badge<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: BadgeProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isSmall\"];\r\n  delete assignedProps[\"isClickable\"];\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[\"badge\"]];\r\n\r\n  if (props.isSmall) {\r\n    assignedClassNames.push(classNames[`is-small`]);\r\n  }\r\n\r\n  if (props.isClickable) {\r\n    assignedClassNames.push(classNames[`is-clickable`]);\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 colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-badge-color-fore\"]: `var(--minolith-color-${props.colorName}-badge-fore)`,\r\n        [\"--minolith-badge-color-back\"]: `var(--minolith-color-${props.colorName}-badge-back)`,\r\n        [\"--minolith-badge-color-border\"]: `var(--minolith-color-${props.colorName}-badge-border)`,\r\n        [\"--minolith-badge-color-focus-fore\"]: `var(--minolith-color-${props.colorName}-badge-focus-fore)`,\r\n        [\"--minolith-badge-color-focus-back\"]: `var(--minolith-color-${props.colorName}-badge-focus-back)`,\r\n        [\"--minolith-badge-color-focus-border\"]: `var(--minolith-color-${props.colorName}-badge-focus-border)`,\r\n        [\"--minolith-badge-color-hover-fore\"]: `var(--minolith-color-${props.colorName}-badge-hover-fore)`,\r\n        [\"--minolith-badge-color-hover-back\"]: `var(--minolith-color-${props.colorName}-badge-hover-back)`,\r\n        [\"--minolith-badge-color-hover-border\"]: `var(--minolith-color-${props.colorName}-badge-hover-border)`,\r\n        [\"--minolith-badge-color-active-fore\"]: `var(--minolith-color-${props.colorName}-badge-active-fore)`,\r\n        [\"--minolith-badge-color-active-back\"]: `var(--minolith-color-${props.colorName}-badge-active-back)`,\r\n        [\"--minolith-badge-color-active-border\"]: `var(--minolith-color-${props.colorName}-badge-active-border)`,\r\n        [\"--minolith-badge-color-disabled-fore\"]: `var(--minolith-color-${props.colorName}-badge-disabled-fore)`,\r\n        [\"--minolith-badge-color-disabled-back\"]: `var(--minolith-color-${props.colorName}-badge-disabled-back)`,\r\n        [\"--minolith-badge-color-disabled-border\"]: `var(--minolith-color-${props.colorName}-badge-disabled-border)`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <span\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Badge","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;AASA,SAAwBA,EAEtBC,GAA6D;AAC7D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,aAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAE/C,EAAIH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,eACRE,EAAmB,KAAKC,EAAW,cAAc,CAAC;AAGpD,QAAMC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAuBzC,QAAMM,IAAc;AAAA,IAClB,GArByCN,EAAM,YAC7C;AAAA,MACG,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,MACvE,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,MACvE,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,MACzE,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,uCAAwC,wBAAwBA,EAAM,SAAS;AAAA,MAC/E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,uCAAwC,wBAAwBA,EAAM,SAAS;AAAA,MAC/E,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,MAC9E,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,MAC9E,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,0CAA2C,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAErF;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAA0CR,GAAOM,CAAW;AAE5F,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.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 \"./Badge.module.scss\";\r\nimport type BadgeProps from \"./BadgeProps\";\r\nimport type BaseBadgeProps from \"./BaseBadgeProps\";\r\n\r\nexport default function Badge<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseBadgeProps<BaseComponentColorNameType> =\r\n    BadgeProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isSmall\"];\r\n  delete assignedProps[\"isClickable\"];\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[\"badge\"]];\r\n\r\n  if (props.isSmall) {\r\n    assignedClassNames.push(classNames[`is-small`]);\r\n  }\r\n\r\n  if (props.isClickable) {\r\n    assignedClassNames.push(classNames[`is-clickable`]);\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 colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-badge-color-fore\"]: `var(--minolith-color-${props.colorName}-badge-fore)`,\r\n        [\"--minolith-badge-color-back\"]: `var(--minolith-color-${props.colorName}-badge-back)`,\r\n        [\"--minolith-badge-color-border\"]: `var(--minolith-color-${props.colorName}-badge-border)`,\r\n        [\"--minolith-badge-color-focus-fore\"]: `var(--minolith-color-${props.colorName}-badge-focus-fore)`,\r\n        [\"--minolith-badge-color-focus-back\"]: `var(--minolith-color-${props.colorName}-badge-focus-back)`,\r\n        [\"--minolith-badge-color-focus-border\"]: `var(--minolith-color-${props.colorName}-badge-focus-border)`,\r\n        [\"--minolith-badge-color-hover-fore\"]: `var(--minolith-color-${props.colorName}-badge-hover-fore)`,\r\n        [\"--minolith-badge-color-hover-back\"]: `var(--minolith-color-${props.colorName}-badge-hover-back)`,\r\n        [\"--minolith-badge-color-hover-border\"]: `var(--minolith-color-${props.colorName}-badge-hover-border)`,\r\n        [\"--minolith-badge-color-active-fore\"]: `var(--minolith-color-${props.colorName}-badge-active-fore)`,\r\n        [\"--minolith-badge-color-active-back\"]: `var(--minolith-color-${props.colorName}-badge-active-back)`,\r\n        [\"--minolith-badge-color-active-border\"]: `var(--minolith-color-${props.colorName}-badge-active-border)`,\r\n        [\"--minolith-badge-color-disabled-fore\"]: `var(--minolith-color-${props.colorName}-badge-disabled-fore)`,\r\n        [\"--minolith-badge-color-disabled-back\"]: `var(--minolith-color-${props.colorName}-badge-disabled-back)`,\r\n        [\"--minolith-badge-color-disabled-border\"]: `var(--minolith-color-${props.colorName}-badge-disabled-border)`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\r\n    props,\r\n    optionalCss,\r\n  );\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <span\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Badge","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,aAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAE/C,EAAIH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,eACRE,EAAmB,KAAKC,EAAW,cAAc,CAAC;AAGpD,QAAMC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAuBzC,QAAMM,IAAc;AAAA,IAClB,GArByCN,EAAM,YAC7C;AAAA,MACG,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,MACvE,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,MACvE,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,MACzE,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,uCAAwC,wBAAwBA,EAAM,SAAS;AAAA,MAC/E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,uCAAwC,wBAAwBA,EAAM,SAAS;AAAA,MAC/E,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,MAC9E,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,MAC9E,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,0CAA2C,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAErF;AAAA,EAGC,GAGCO,IAAMC,EAAoB;AAAA,IAC9BR;AAAA,IACAM;AAAA,EAAA;AAGF,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -5,8 +5,11 @@ declare const meta: {
     component: typeof Badge;
     tags: string[];
     argTypes: {
+        colorName: {
+            control: string;
+        };
         isSmall: {
-            type: "boolean";
+            type: string;
         };
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,QAAA,MAAM,IAAI;;;;;;;;;CASoB,CAAC;AAC/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC"}
+{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,QAAA,MAAM,IAAI;;;;;;;;;;;;CAYoB,CAAC;AAC/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC"}

package/dist/components/Badge/BadgeProps.d.ts

@@ -1,8 +1,5 @@
-import { ColorName, SemanticColorName } from '../../types';
-import { SpanProps } from '../Span';
-export default interface BadgeProps<BaseComponentColorNameType extends string> extends SpanProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
-    isSmall?: boolean;
-    isClickable?: boolean;
+import { ClassAttributes, HTMLAttributes } from 'react';
+import { default as BaseBadgeProps } from './BaseBadgeProps';
+export default interface BadgeProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLSpanElement>, HTMLAttributes<HTMLSpanElement>, BaseBadgeProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=BadgeProps.d.ts.map

package/dist/components/Badge/BadgeProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeProps.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/BadgeProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,CAAC,OAAO,WAAW,UAAU,CACjC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,SAAS,CAAC,0BAA0B,CAAC;IAC7C,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"BadgeProps.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/BadgeProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,OAAO,WAAW,UAAU,CAAC,0BAA0B,SAAS,MAAM,CAC3E,SACE,eAAe,CAAC,eAAe,CAAC,EAChC,cAAc,CAAC,eAAe,CAAC,EAC/B,cAAc,CAAC,0BAA0B,CAAC;CAAG"}

package/dist/components/Badge/BaseBadgeProps.d.ts

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

package/dist/components/Badge/BaseBadgeProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBadgeProps.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/BaseBadgeProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,cAAc,CACrC,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/dist/components/Badge/BaseBadgeProps.js

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

package/dist/components/Badge/BaseBadgeProps.js.map

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

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

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

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

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

package/dist/components/Blockquote/BaseBlockquoteProps.d.ts

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

package/dist/components/Blockquote/BaseBlockquoteProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBlockquoteProps.d.ts","sourceRoot":"","sources":["../../../src/components/Blockquote/BaseBlockquoteProps.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,mBAAmB,CAC1C,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EACL,OAAO,GACP;QACE,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,CAAC;CACP"}

package/dist/components/Blockquote/BaseBlockquoteProps.js

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

package/dist/components/Blockquote/BaseBlockquoteProps.js.map

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

package/dist/components/Blockquote/Blockquote.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../../src/components/Blockquote/Blockquote.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,eAAe,CAAC,0BAA0B,CAAC,GAAG,YAAY,CA0ElE"}
+{"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../../src/components/Blockquote/Blockquote.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,mBAAmB,CAAC,0BAA0B,CAAC,GAC/D,eAAe,CAAC,0BAA0B,CAAC,EAC7C,KAAK,EAAE,SAAS,GAAG,YAAY,CA6FhC"}

package/dist/components/Blockquote/Blockquote.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as a } from "@emotion/react/jsx-runtime";
 import _ from "../../utilities/classNameUtility/classNameUtility.js";
-import f from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Blockquote.css';const n = "_check_1fl4i_1", r = "_chevron_1fl4i_47", u = "_blockquote_1fl4i_88", l = {
-  check: n,
+import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Blockquote.css';const r = "_check_1fl4i_1", f = "_chevron_1fl4i_47", u = "_blockquote_1fl4i_88", l = {
+  check: r,
   "is-gray": "_is-gray_1fl4i_13",
   "is-red": "_is-red_1fl4i_16",
   "is-coral": "_is-coral_1fl4i_19",
@@ -15,44 +15,59 @@ import '../../assets/Blockquote.css';const n = "_check_1fl4i_1", r = "_chevron_1
   "is-blue": "_is-blue_1fl4i_37",
   "is-violet": "_is-violet_1fl4i_40",
   "is-magenta": "_is-magenta_1fl4i_43",
-  chevron: r,
+  chevron: f,
   blockquote: u,
   "is-italic": "_is-italic_1fl4i_129",
   "has-quote": "_has-quote_1fl4i_132",
   "has-quote-before": "_has-quote-before_1fl4i_132",
   "has-quote-after": "_has-quote-after_1fl4i_150"
 };
-function q(e) {
-  const o = { ...e };
-  delete o.colorName, delete o.isItalic, delete o.hasQuote, 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 i = [l.blockquote];
-  e.isItalic && i.push(l["is-italic"]), e.hasQuote && (typeof e.hasQuote == "boolean" ? e.hasQuote && i.push(l["has-quote"]) : (e.hasQuote.before && i.push(l["has-quote-before"]), e.hasQuote.after && i.push(l["has-quote-after"])));
-  const t = _.getUtilityClassNames(e);
-  t && i.push(...t), e.className && i.push(e.className);
+function g(e) {
+  const i = {
+    ...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 i.colorName, delete i.isItalic, delete i.hasQuote, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing, delete i.className, delete i.css, delete i.as;
+  const o = [l.blockquote];
+  e.isItalic && o.push(l["is-italic"]), e.hasQuote && (typeof e.hasQuote == "boolean" ? e.hasQuote && o.push(l["has-quote"]) : (e.hasQuote.before && o.push(l["has-quote-before"]), e.hasQuote.after && o.push(l["has-quote-after"])));
+  const s = _.getUtilityClassNames(e);
+  s && o.push(...s), e.className && o.push(e.className);
   const c = {
     ...e.colorName ? {
       "--minolith-blockquote-color-fore": `var(--minolith-color-${e.colorName}-blockquote-fore)`,
       "--minolith-blockquote-color-back": `var(--minolith-color-${e.colorName}-blockquote-back)`,
       "--minolith-blockquote-color-border": `var(--minolith-color-${e.colorName}-blockquote-border)`
     } : void 0
-  }, s = f.getEmotionCss(e, c);
+  }, t = n.getEmotionCss(
+    e,
+    c
+  );
   return e.as ? /* @__PURE__ */ a(
     e.as,
     {
-      ...o,
-      className: i.join(" "),
-      css: s
+      ...i,
+      className: o.join(" "),
+      css: t
     }
   ) : /* @__PURE__ */ a(
     "blockquote",
     {
-      ...o,
-      className: i.join(" "),
-      css: s
+      ...i,
+      className: o.join(" "),
+      css: t
     }
   );
 }
 export {
-  q as default
+  g as default
 };
 //# sourceMappingURL=Blockquote.js.map

package/dist/components/Blockquote/Blockquote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.js","sources":["../../../src/components/Blockquote/Blockquote.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 \"./Blockquote.module.scss\";\r\nimport type BlockquoteProps from \"./BlockquoteProps\";\r\n\r\nexport default function Blockquote<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: BlockquoteProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isItalic\"];\r\n  delete assignedProps[\"hasQuote\"];\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[\"blockquote\"]];\r\n\r\n  if (props.isItalic) {\r\n    assignedClassNames.push(classNames[`is-italic`]);\r\n  }\r\n\r\n  if (props.hasQuote) {\r\n    if (typeof props.hasQuote === \"boolean\") {\r\n      if (props.hasQuote) {\r\n        assignedClassNames.push(classNames[`has-quote`]);\r\n      }\r\n    } else {\r\n      if (props.hasQuote.before) {\r\n        assignedClassNames.push(classNames[`has-quote-before`]);\r\n      }\r\n\r\n      if (props.hasQuote.after) {\r\n        assignedClassNames.push(classNames[`has-quote-after`]);\r\n      }\r\n    }\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\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-blockquote-color-fore\"]: `var(--minolith-color-${props.colorName}-blockquote-fore)`,\r\n        [\"--minolith-blockquote-color-back\"]: `var(--minolith-color-${props.colorName}-blockquote-back)`,\r\n        [\"--minolith-blockquote-color-border\"]: `var(--minolith-color-${props.colorName}-blockquote-border)`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <blockquote\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Blockquote","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,SAAwBA,EAEtBC,GAAkE;AAClE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,UAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,UAAa;AAE9D,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,aACJ,OAAOA,EAAM,YAAa,YACxBA,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,KAG7CH,EAAM,SAAS,UACjBE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,SAAS,SACjBE,EAAmB,KAAKC,EAAW,iBAAiB,CAAC;AAK3D,QAAMC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAWzC,QAAMM,IAAc;AAAA,IAClB,GATyCN,EAAM,YAC7C;AAAA,MACG,oCAAqC,wBAAwBA,EAAM,SAAS;AAAA,MAC5E,oCAAqC,wBAAwBA,EAAM,SAAS;AAAA,MAC5E,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAEjF;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAA0CR,GAAOM,CAAW;AAE5F,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Blockquote.js","sources":["../../../src/components/Blockquote/Blockquote.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 BaseBlockquoteProps from \"./BaseBlockquoteProps\";\r\nimport classNames from \"./Blockquote.module.scss\";\r\nimport type BlockquoteProps from \"./BlockquoteProps\";\r\n\r\nexport default function Blockquote<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseBlockquoteProps<BaseComponentColorNameType> =\r\n    BlockquoteProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isItalic\"];\r\n  delete assignedProps[\"hasQuote\"];\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[\"blockquote\"]];\r\n\r\n  if (props.isItalic) {\r\n    assignedClassNames.push(classNames[`is-italic`]);\r\n  }\r\n\r\n  if (props.hasQuote) {\r\n    if (typeof props.hasQuote === \"boolean\") {\r\n      if (props.hasQuote) {\r\n        assignedClassNames.push(classNames[`has-quote`]);\r\n      }\r\n    } else {\r\n      if (props.hasQuote.before) {\r\n        assignedClassNames.push(classNames[`has-quote-before`]);\r\n      }\r\n\r\n      if (props.hasQuote.after) {\r\n        assignedClassNames.push(classNames[`has-quote-after`]);\r\n      }\r\n    }\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\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-blockquote-color-fore\"]: `var(--minolith-color-${props.colorName}-blockquote-fore)`,\r\n        [\"--minolith-blockquote-color-back\"]: `var(--minolith-color-${props.colorName}-blockquote-back)`,\r\n        [\"--minolith-blockquote-color-border\"]: `var(--minolith-color-${props.colorName}-blockquote-border)`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\r\n    props,\r\n    optionalCss,\r\n  );\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <blockquote\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Blockquote","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,UAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,UAAa;AAE9D,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,aACJ,OAAOA,EAAM,YAAa,YACxBA,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,KAG7CH,EAAM,SAAS,UACjBE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,SAAS,SACjBE,EAAmB,KAAKC,EAAW,iBAAiB,CAAC;AAK3D,QAAMC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAWzC,QAAMM,IAAc;AAAA,IAClB,GATyCN,EAAM,YAC7C;AAAA,MACG,oCAAqC,wBAAwBA,EAAM,SAAS;AAAA,MAC5E,oCAAqC,wBAAwBA,EAAM,SAAS;AAAA,MAC5E,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAEjF;AAAA,EAGC,GAGCO,IAAMC,EAAoB;AAAA,IAC9BR;AAAA,IACAM;AAAA,EAAA;AAGF,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Blockquote/BlockquoteProps.d.ts

@@ -1,12 +1,5 @@
 import { BlockquoteHTMLAttributes, ClassAttributes } from 'react';
-import { BaseComponentProps } from '../../models';
-import { ColorName, SemanticColorName } from '../../types';
-export default interface BlockquoteProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLQuoteElement>, BlockquoteHTMLAttributes<HTMLQuoteElement>, BaseComponentProps<BaseComponentColorNameType> {
-    colorName?: ColorName | SemanticColorName;
-    isItalic?: boolean;
-    hasQuote?: boolean | {
-        before?: boolean;
-        after?: boolean;
-    };
+import { default as BaseBlockquoteProps } from './BaseBlockquoteProps';
+export default interface BlockquoteProps<BaseComponentColorNameType extends string> extends ClassAttributes<HTMLQuoteElement>, BlockquoteHTMLAttributes<HTMLQuoteElement>, BaseBlockquoteProps<BaseComponentColorNameType> {
 }
 //# sourceMappingURL=BlockquoteProps.d.ts.map

package/dist/components/Blockquote/BlockquoteProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockquoteProps.d.ts","sourceRoot":"","sources":["../../../src/components/Blockquote/BlockquoteProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,CAAC,OAAO,WAAW,eAAe,CACtC,0BAA0B,SAAS,MAAM,CAEzC,SACE,eAAe,CAAC,gBAAgB,CAAC,EACjC,wBAAwB,CAAC,gBAAgB,CAAC,EAC1C,kBAAkB,CAAC,0BAA0B,CAAC;IAChD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EACL,OAAO,GACP;QACE,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,CAAC;CACP"}
+{"version":3,"file":"BlockquoteProps.d.ts","sourceRoot":"","sources":["../../../src/components/Blockquote/BlockquoteProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAE7D,MAAM,CAAC,OAAO,WAAW,eAAe,CACtC,0BAA0B,SAAS,MAAM,CAEzC,SACE,eAAe,CAAC,gBAAgB,CAAC,EACjC,wBAAwB,CAAC,gBAAgB,CAAC,EAC1C,mBAAmB,CAAC,0BAA0B,CAAC;CAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Blockquote/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,YAAY,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpE,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Blockquote/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,YAAY,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpE,cAAc,mBAAmB,CAAC;AAElC,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,cAAc,uBAAuB,CAAC"}

package/dist/components/Breadcrumb/BaseBreadcrumbProps.d.ts

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

package/dist/components/Breadcrumb/BaseBreadcrumbProps.d.ts.map

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

package/dist/components/Breadcrumb/BaseBreadcrumbProps.js

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

package/dist/components/Breadcrumb/BaseBreadcrumbProps.js.map

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

package/dist/components/Breadcrumb/Breadcrumb.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,eAAe,CAAC,0BAA0B,CAAC,GAAG,YAAY,CAiClE"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,mBAAmB,CAAC,0BAA0B,CAAC,GAC/D,eAAe,CAAC,0BAA0B,CAAC,EAC7C,KAAK,EAAE,SAAS,GAAG,YAAY,CAmDhC"}

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,24 +1,36 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import c from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Breadcrumb.css';const n = "_breadcrumb_4qscy_1", o = {
-  breadcrumb: n
+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/Breadcrumb.css';const c = "_breadcrumb_4qscy_1", m = {
+  breadcrumb: c
 };
 function b(s) {
-  const e = { ...s };
-  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
-  const t = [o.breadcrumb], a = c.getUtilityClassNames(s);
-  a && t.push(...a), s.className && t.push(s.className);
-  const i = m.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 i = [m.breadcrumb], t = l.getUtilityClassNames(s);
+  t && i.push(...t), s.className && i.push(s.className);
+  const a = d.getEmotionCss(s);
+  return s.as ? /* @__PURE__ */ o(
     s.as,
     {
       ...e,
-      className: t.join(" "),
-      css: i
+      className: i.join(" "),
+      css: a
     }
-  ) : /* @__PURE__ */ l("li", { ...e, className: t.join(" "), css: i });
+  ) : /* @__PURE__ */ o("li", { ...e, className: i.join(" "), css: a });
 }
 export {
   b as default

package/dist/components/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/Breadcrumb/Breadcrumb.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 \"./Breadcrumb.module.scss\";\r\nimport type BreadcrumbProps from \"./BreadcrumbProps\";\r\n\r\nexport default function Breadcrumb<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: BreadcrumbProps<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[\"breadcrumb\"]];\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    <li {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Breadcrumb","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAEtBC,GAAkE;AAClE,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,UAAa,GAExDC,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,MAAA,EAAI,GAAGP,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAI,GAAU;AAE9E;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/Breadcrumb/Breadcrumb.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 BaseBreadcrumbProps from \"./BaseBreadcrumbProps\";\r\nimport classNames from \"./Breadcrumb.module.scss\";\r\nimport type BreadcrumbProps from \"./BreadcrumbProps\";\r\n\r\nexport default function Breadcrumb<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseBreadcrumbProps<BaseComponentColorNameType> =\r\n    BreadcrumbProps<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[\"breadcrumb\"]];\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    <li {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Breadcrumb","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,UAAa,GAExDC,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,MAAA,EAAI,GAAGP,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAI,GAAU;AAE9E;"}

package/dist/components/Breadcrumb/BreadcrumbProps.d.ts

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

package/dist/components/Breadcrumb/BreadcrumbProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbProps.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,CAAC,OAAO,WAAW,eAAe,CAAC,0BAA0B,SAAS,MAAM,CAChF,SACE,eAAe,CAAC,aAAa,CAAC,EAC9B,gBAAgB,CAAC,aAAa,CAAC,EAC/B,kBAAkB,CAAC,0BAA0B,CAAC;CAAG"}
+{"version":3,"file":"BreadcrumbProps.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAE7D,MAAM,CAAC,OAAO,WAAW,eAAe,CACtC,0BAA0B,SAAS,MAAM,CAEzC,SACE,eAAe,CAAC,aAAa,CAAC,EAC9B,gBAAgB,CAAC,aAAa,CAAC,EAC/B,mBAAmB,CAAC,0BAA0B,CAAC;CAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,YAAY,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpE,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,YAAY,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpE,cAAc,mBAAmB,CAAC;AAElC,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,cAAc,uBAAuB,CAAC"}

package/dist/components/Breadcrumbs/BaseBreadcrumbsProps.d.ts

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

package/dist/components/Breadcrumbs/BaseBreadcrumbsProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBreadcrumbsProps.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BaseBreadcrumbsProps.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,oBAAoB,CAC3C,0BAA0B,SAAS,MAAM,CACzC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IACtD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}

package/dist/components/Breadcrumbs/BaseBreadcrumbsProps.js

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

package/dist/components/Breadcrumbs/BaseBreadcrumbsProps.js.map

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

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,GAAG,YAAY,CAiDnE"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,oBAAoB,MAAM,wBAAwB,CAAC;AAE/D,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,oBAAoB,CAAC,0BAA0B,CAAC,GAChE,gBAAgB,CAAC,0BAA0B,CAAC,EAC9C,KAAK,EAAE,SAAS,GAAG,YAAY,CAoEhC"}

package/dist/components/Breadcrumbs/Breadcrumbs.js

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

package/dist/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.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 \"./Breadcrumbs.module.scss\";\r\nimport type BreadcrumbsProps from \"./BreadcrumbsProps\";\r\n\r\nexport default function Breadcrumbs<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n>(props: BreadcrumbsProps<BaseComponentColorNameType>): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"breadcrumbs\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-breadcrumb-color-fore\"]: `var(--minolith-color-${props.colorName}-breadcrumb-fore)`,\r\n        [\"--minolith-breadcrumb-color-selection-fore\"]: `var(--minolith-color-${props.colorName}-breadcrumb-selection-fore)`,\r\n        [\"--minolith-breadcrumb-color-selection-back\"]: `var(--minolith-color-${props.colorName}-breadcrumb-selection-back)`,\r\n        [\"--minolith-breadcrumb-divider-color-fore\"]: `var(--minolith-color-${props.colorName}-breadcrumb-divider-fore)`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <ul {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Breadcrumbs","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAEtBC,GAAmE;AACnE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,WAAc,GAEzDC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAYzC,QAAMM,IAAc;AAAA,IAClB,GAVyCN,EAAM,YAC7C;AAAA,MACG,oCAAqC,wBAAwBA,EAAM,SAAS;AAAA,MAC5E,8CAA+C,wBAAwBA,EAAM,SAAS;AAAA,MACtF,8CAA+C,wBAAwBA,EAAM,SAAS;AAAA,MACtF,4CAA6C,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAEvF;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAA0CR,GAAOM,CAAW;AAE5F,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE,EAAC,MAAA,EAAI,GAAGR,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAK,GAAU;AAE9E;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.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 BaseBreadcrumbsProps from \"./BaseBreadcrumbsProps\";\r\nimport classNames from \"./Breadcrumbs.module.scss\";\r\nimport type BreadcrumbsProps from \"./BreadcrumbsProps\";\r\n\r\nexport default function Breadcrumbs<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseBreadcrumbsProps<BaseComponentColorNameType> =\r\n    BreadcrumbsProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"breadcrumbs\"]];\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\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-breadcrumb-color-fore\"]: `var(--minolith-color-${props.colorName}-breadcrumb-fore)`,\r\n        [\"--minolith-breadcrumb-color-selection-fore\"]: `var(--minolith-color-${props.colorName}-breadcrumb-selection-fore)`,\r\n        [\"--minolith-breadcrumb-color-selection-back\"]: `var(--minolith-color-${props.colorName}-breadcrumb-selection-back)`,\r\n        [\"--minolith-breadcrumb-divider-color-fore\"]: `var(--minolith-color-${props.colorName}-breadcrumb-divider-fore)`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\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    <ul {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Breadcrumbs","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,WAAc,GAEzDC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAYzC,QAAMM,IAAc;AAAA,IAClB,GAVyCN,EAAM,YAC7C;AAAA,MACG,oCAAqC,wBAAwBA,EAAM,SAAS;AAAA,MAC5E,8CAA+C,wBAAwBA,EAAM,SAAS;AAAA,MACtF,8CAA+C,wBAAwBA,EAAM,SAAS;AAAA,MACtF,4CAA6C,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAEvF;AAAA,EAGC,GAGCO,IAAMC,EAAoB;AAAA,IAC9BR;AAAA,IACAM;AAAA,EAAA;AAGF,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE,EAAC,MAAA,EAAI,GAAGR,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAK,GAAU;AAE9E;"}

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

@@ -6,7 +6,7 @@ declare const meta: {
     tags: string[];
     argTypes: {
         colorName: {
-            control: "text";
+            control: string;
         };
     };
 };

package/dist/components/Breadcrumbs/BreadcrumbsProps.d.ts

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