@alma-oss/spirit-web-react 4.3.0 → 4.5.0

package/dist/components/IconBox/useIconBoxStyleProps.js

@@ -0,0 +1,31 @@
+import { cssVariablePrefix as t } from "@alma-oss/spirit-design-tokens";
+import { SizesExtended as S } from "../../constants/dictionaries.js";
+import { isResponsive as f } from "../../utils/responsive.js";
+import { IconBoxShapes as z, IconBoxSizes as c, IconBoxShapesRadii as g } from "./constants.js";
+const B = (p) => {
+  const { shape: a = z.ROUNDED, size: o = S.MEDIUM, ...d } = p || {}, l = g[a], m = {
+    padding: `calc(var(--${t}local-padding) - var(--${t}local-border-width, 0px)) !important`
+  };
+  let s;
+  if (f(o)) {
+    const e = {}, i = {};
+    Object.entries(o).forEach(([r, x]) => {
+      const n = c[x];
+      e[r] = n.padding, i[r] = n.iconSize;
+    }), s = {
+      padding: e,
+      iconSize: i
+    };
+  } else
+    s = c[o];
+  return {
+    iconBoxStyles: m,
+    props: d,
+    shapesProps: l,
+    sizeProps: s
+  };
+};
+export {
+  B as useIconBoxStyleProps
+};
+//# sourceMappingURL=useIconBoxStyleProps.js.map

package/dist/components/IconBox/useIconBoxStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconBoxStyleProps.js","sources":["../../../src/components/IconBox/useIconBoxStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport { type CSSProperties, type ElementType } from 'react';\nimport { SizesExtended } from '../../constants';\nimport type { Responsive, SpaceToken, SpiritIconBoxProps } from '../../types';\nimport { isResponsive } from '../../utils';\nimport { IconBoxShapes, IconBoxShapesRadii, IconBoxSizes } from './constants';\n\nexport interface UseIconBoxStyleProps<E> {\n  iconBoxStyles: CSSProperties;\n  props: E;\n  shapesProps: (typeof IconBoxShapesRadii)[keyof typeof IconBoxShapesRadii];\n  sizeProps:\n    | (typeof IconBoxSizes)[keyof typeof IconBoxSizes]\n    | {\n        padding: Responsive<SpaceToken>;\n        iconSize: Responsive<number>;\n      };\n}\n\nexport const useIconBoxStyleProps = (\n  props: Partial<SpiritIconBoxProps<ElementType>>,\n): UseIconBoxStyleProps<Partial<SpiritIconBoxProps<ElementType>>> => {\n  const { shape = IconBoxShapes.ROUNDED, size = SizesExtended.MEDIUM, ...restProps } = props || {};\n  const shapesProps = IconBoxShapesRadii[shape];\n  const iconBoxStyles: CSSProperties = {\n    padding: `calc(var(--${cssVariablePrefix}local-padding) - var(--${cssVariablePrefix}local-border-width, 0px)) !important`,\n  };\n\n  let sizeProps: UseIconBoxStyleProps<Partial<SpiritIconBoxProps<ElementType>>>['sizeProps'];\n\n  if (isResponsive<(typeof SizesExtended)[keyof typeof SizesExtended]>(size)) {\n    const responsivePadding: Responsive<SpaceToken> = {};\n    const responsiveIconSize: Responsive<number> = {};\n\n    Object.entries(size).forEach(([breakpoint, breakpointSize]) => {\n      const sizeConfig = IconBoxSizes[breakpointSize as keyof typeof IconBoxSizes];\n      responsivePadding[breakpoint as keyof Responsive<SpaceToken>] = sizeConfig.padding as SpaceToken;\n      responsiveIconSize[breakpoint as keyof Responsive<number>] = sizeConfig.iconSize;\n    });\n\n    sizeProps = {\n      padding: responsivePadding,\n      iconSize: responsiveIconSize,\n    };\n  } else {\n    sizeProps = IconBoxSizes[size as keyof typeof IconBoxSizes];\n  }\n\n  return {\n    iconBoxStyles,\n    props: restProps,\n    shapesProps,\n    sizeProps,\n  };\n};\n"],"names":["useIconBoxStyleProps","props","shape","IconBoxShapes","size","SizesExtended","restProps","shapesProps","IconBoxShapesRadii","iconBoxStyles","cssVariablePrefix","sizeProps","isResponsive","responsivePadding","responsiveIconSize","breakpoint","breakpointSize","sizeConfig","IconBoxSizes"],"mappings":";;;;AAmBO,MAAMA,IAAuB,CAClCC,MACmE;AACnE,QAAM,EAAE,OAAAC,IAAQC,EAAc,SAAS,MAAAC,IAAOC,EAAc,QAAQ,GAAGC,MAAcL,KAAS,CAAA,GACxFM,IAAcC,EAAmBN,CAAK,GACtCO,IAA+B;AAAA,IACnC,SAAS,cAAcC,CAAiB,0BAA0BA,CAAiB;AAAA,EAAA;AAGrF,MAAIC;AAEJ,MAAIC,EAAiER,CAAI,GAAG;AAC1E,UAAMS,IAA4C,CAAA,GAC5CC,IAAyC,CAAA;AAE/C,WAAO,QAAQV,CAAI,EAAE,QAAQ,CAAC,CAACW,GAAYC,CAAc,MAAM;AAC7D,YAAMC,IAAaC,EAAaF,CAA2C;AAC3E,MAAAH,EAAkBE,CAA0C,IAAIE,EAAW,SAC3EH,EAAmBC,CAAsC,IAAIE,EAAW;AAAA,IAC1E,CAAC,GAEDN,IAAY;AAAA,MACV,SAASE;AAAA,MACT,UAAUC;AAAA,IAAA;AAAA,EAEd;AACE,IAAAH,IAAYO,EAAad,CAAiC;AAG5D,SAAO;AAAA,IACL,eAAAK;AAAA,IACA,OAAOH;AAAA,IACP,aAAAC;AAAA,IACA,WAAAI;AAAA,EAAA;AAEJ;"}

package/dist/components/IconBox.d.ts

@@ -0,0 +1,2 @@
+export * from './IconBox/index'
+export {}

package/dist/components/InputDetails/InputDetails.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),f=require("react"),S=require("../../hooks/styleProps.cjs"),g=require("../../utils/mergeStyleProps.cjs"),D=require("./useInputDetailsStyleProps.cjs"),o={elementType:"div",id:void 0,registerAriaDetails:void 0},i=p=>{const n={...o,...p},{classProps:l,props:u}=D.useInputDetailsStyleProps(n),{children:c,elementType:a,id:e,registerAriaDetails:t,...d}=u,{styleProps:P,props:s}=S.useStyleProps(d),r=a||o.elementType,y=g.mergeStyleProps(r,{classProps:l,styleProps:P,otherProps:s});return f.useEffect(()=>(e&&t?.({add:e}),()=>{e&&t?.({remove:e})}),[e,t]),m.jsx(r,{...s,...y,id:e,children:c})};i.spiritComponent="InputDetails";exports.default=i;
+//# sourceMappingURL=InputDetails.cjs.map

package/dist/components/InputDetails/InputDetails.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDetails.cjs","sources":["../../../src/components/InputDetails/InputDetails.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, useEffect } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type InputDetailsProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useInputDetailsStyleProps } from './useInputDetailsStyleProps';\n\nconst defaultProps: Partial<InputDetailsProps> = {\n  elementType: 'div',\n  id: undefined,\n  registerAriaDetails: undefined,\n};\n\nconst InputDetails = <E extends ElementType = 'div'>(props: InputDetailsProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { classProps, props: modifiedProps } = useInputDetailsStyleProps(propsWithDefaults);\n  const { children, elementType, id, registerAriaDetails, ...restProps } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const Component = (elementType || defaultProps.elementType) as ElementType;\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  useEffect(() => {\n    if (id) {\n      registerAriaDetails?.({ add: id });\n    }\n\n    return () => {\n      if (id) {\n        registerAriaDetails?.({ remove: id });\n      }\n    };\n  }, [id, registerAriaDetails]);\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} id={id}>\n      {children}\n    </Component>\n  );\n};\n\nInputDetails.spiritComponent = 'InputDetails';\n\nexport default InputDetails;\n"],"names":["defaultProps","InputDetails","props","propsWithDefaults","classProps","modifiedProps","useInputDetailsStyleProps","children","elementType","id","registerAriaDetails","restProps","styleProps","otherProps","useStyleProps","Component","mergedStyleProps","mergeStyleProps","useEffect"],"mappings":"mTAQMA,EAA2C,CAC/C,YAAa,MACb,GAAI,OACJ,oBAAqB,MACvB,EAEMC,EAA+CC,GAAgC,CACnF,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,WAAAE,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,0BAA0BH,CAAiB,EAClF,CAAE,SAAAI,EAAU,YAAAC,EAAa,GAAAC,EAAI,oBAAAC,EAAqB,GAAGC,GAAcN,EACnE,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAC3DI,EAAaP,GAAeR,EAAa,YACzCgB,EAAmBC,EAAAA,gBAAgBF,EAAW,CAAE,WAAAX,EAAA,WAAYQ,EAAY,WAAAC,EAAY,EAE1FK,OAAAA,EAAAA,UAAU,KACJT,GACFC,IAAsB,CAAE,IAAKD,EAAI,EAG5B,IAAM,CACPA,GACFC,IAAsB,CAAE,OAAQD,EAAI,CAExC,GACC,CAACA,EAAIC,CAAmB,CAAC,QAGzBK,EAAA,CAAW,GAAGF,EAAa,GAAGG,EAAkB,GAAAP,EAC9C,SAAAF,EACH,CAEJ,EAEAN,EAAa,gBAAkB"}

package/dist/components/InputDetails/InputDetails.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ElementType } from 'react';
+import { InputDetailsProps } from '../../types';
+declare const InputDetails: {
+    <E extends ElementType = "div">(props: InputDetailsProps<E>): React.JSX.Element;
+    spiritComponent: string;
+};
+export default InputDetails;

package/dist/components/InputDetails/InputDetails.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as u } from "react/jsx-runtime";
+import { useEffect as P } from "react";
+import { useStyleProps as y } from "../../hooks/styleProps.js";
+import { mergeStyleProps as D } from "../../utils/mergeStyleProps.js";
+import { useInputDetailsStyleProps as g } from "./useInputDetailsStyleProps.js";
+const o = {
+  elementType: "div",
+  id: void 0,
+  registerAriaDetails: void 0
+}, v = (p) => {
+  const i = { ...o, ...p }, { classProps: n, props: l } = g(i), { children: m, elementType: a, id: e, registerAriaDetails: t, ...c } = l, { styleProps: d, props: r } = y(c), s = a || o.elementType, f = D(s, { classProps: n, styleProps: d, otherProps: r });
+  return P(() => (e && t?.({ add: e }), () => {
+    e && t?.({ remove: e });
+  }), [e, t]), /* @__PURE__ */ u(s, { ...r, ...f, id: e, children: m });
+};
+v.spiritComponent = "InputDetails";
+export {
+  v as default
+};
+//# sourceMappingURL=InputDetails.js.map

package/dist/components/InputDetails/InputDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDetails.js","sources":["../../../src/components/InputDetails/InputDetails.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, useEffect } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type InputDetailsProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useInputDetailsStyleProps } from './useInputDetailsStyleProps';\n\nconst defaultProps: Partial<InputDetailsProps> = {\n  elementType: 'div',\n  id: undefined,\n  registerAriaDetails: undefined,\n};\n\nconst InputDetails = <E extends ElementType = 'div'>(props: InputDetailsProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { classProps, props: modifiedProps } = useInputDetailsStyleProps(propsWithDefaults);\n  const { children, elementType, id, registerAriaDetails, ...restProps } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const Component = (elementType || defaultProps.elementType) as ElementType;\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  useEffect(() => {\n    if (id) {\n      registerAriaDetails?.({ add: id });\n    }\n\n    return () => {\n      if (id) {\n        registerAriaDetails?.({ remove: id });\n      }\n    };\n  }, [id, registerAriaDetails]);\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} id={id}>\n      {children}\n    </Component>\n  );\n};\n\nInputDetails.spiritComponent = 'InputDetails';\n\nexport default InputDetails;\n"],"names":["defaultProps","InputDetails","props","propsWithDefaults","classProps","modifiedProps","useInputDetailsStyleProps","children","elementType","id","registerAriaDetails","restProps","styleProps","otherProps","useStyleProps","Component","mergedStyleProps","mergeStyleProps","useEffect"],"mappings":";;;;;;AAQA,MAAMA,IAA2C;AAAA,EAC/C,aAAa;AAAA,EACb,IAAI;AAAA,EACJ,qBAAqB;AACvB,GAEMC,IAAe,CAAgCC,MAAgC;AACnF,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,YAAAE,GAAY,OAAOC,EAAA,IAAkBC,EAA0BH,CAAiB,GAClF,EAAE,UAAAI,GAAU,aAAAC,GAAa,IAAAC,GAAI,qBAAAC,GAAqB,GAAGC,MAAcN,GACnE,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAC3DI,IAAaP,KAAeR,EAAa,aACzCgB,IAAmBC,EAAgBF,GAAW,EAAE,YAAAX,GAAY,YAAAQ,GAAY,YAAAC,GAAY;AAE1F,SAAAK,EAAU,OACJT,KACFC,IAAsB,EAAE,KAAKD,GAAI,GAG5B,MAAM;AACX,IAAIA,KACFC,IAAsB,EAAE,QAAQD,GAAI;AAAA,EAExC,IACC,CAACA,GAAIC,CAAmB,CAAC,qBAGzBK,GAAA,EAAW,GAAGF,GAAa,GAAGG,GAAkB,IAAAP,GAC9C,UAAAF,GACH;AAEJ;AAEAN,EAAa,kBAAkB;"}

package/dist/components/InputDetails/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./InputDetails.cjs"),t=require("./useInputDetailsStyleProps.cjs");exports.InputDetails=e.default;exports.useInputDetailsStyleProps=t.useInputDetailsStyleProps;
+//# sourceMappingURL=index.cjs.map

package/dist/components/InputDetails/index.cjs.map

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

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

@@ -0,0 +1,2 @@
+export { default as InputDetails } from './InputDetails';
+export * from './useInputDetailsStyleProps';

package/dist/components/InputDetails/index.js

@@ -0,0 +1,7 @@
+import { default as s } from "./InputDetails.js";
+import { useInputDetailsStyleProps as o } from "./useInputDetailsStyleProps.js";
+export {
+  s as InputDetails,
+  o as useInputDetailsStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/InputDetails/useInputDetailsStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../hooks/useClassNamePrefix.cjs");function t(s){return{classProps:e.useClassNamePrefix("InputDetails"),props:s}}exports.useInputDetailsStyleProps=t;
+//# sourceMappingURL=useInputDetailsStyleProps.cjs.map

package/dist/components/InputDetails/useInputDetailsStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputDetailsStyleProps.cjs","sources":["../../../src/components/InputDetails/useInputDetailsStyleProps.ts"],"sourcesContent":["import type { ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type InputDetailsProps } from '../../types';\n\nexport interface InputDetailsStyles<T> {\n  classProps: string;\n  props: T;\n}\n\nexport function useInputDetailsStyleProps<E extends ElementType = 'div'>(\n  props: InputDetailsProps<E>,\n): InputDetailsStyles<InputDetailsProps<E>> {\n  const inputDetailsClass = useClassNamePrefix('InputDetails');\n\n  return {\n    classProps: inputDetailsClass,\n    props,\n  };\n}\n"],"names":["useInputDetailsStyleProps","props","useClassNamePrefix"],"mappings":"sIASO,SAASA,EACdC,EAC0C,CAG1C,MAAO,CACL,WAHwBC,EAAAA,mBAAmB,cAAc,EAIzD,MAAAD,CAAA,CAEJ"}

package/dist/components/InputDetails/useInputDetailsStyleProps.d.ts

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { InputDetailsProps } from '../../types';
+export interface InputDetailsStyles<T> {
+    classProps: string;
+    props: T;
+}
+export declare function useInputDetailsStyleProps<E extends ElementType = 'div'>(props: InputDetailsProps<E>): InputDetailsStyles<InputDetailsProps<E>>;

package/dist/components/InputDetails/useInputDetailsStyleProps.js

@@ -0,0 +1,11 @@
+import { useClassNamePrefix as t } from "../../hooks/useClassNamePrefix.js";
+function a(s) {
+  return {
+    classProps: t("InputDetails"),
+    props: s
+  };
+}
+export {
+  a as useInputDetailsStyleProps
+};
+//# sourceMappingURL=useInputDetailsStyleProps.js.map

package/dist/components/InputDetails/useInputDetailsStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputDetailsStyleProps.js","sources":["../../../src/components/InputDetails/useInputDetailsStyleProps.ts"],"sourcesContent":["import type { ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type InputDetailsProps } from '../../types';\n\nexport interface InputDetailsStyles<T> {\n  classProps: string;\n  props: T;\n}\n\nexport function useInputDetailsStyleProps<E extends ElementType = 'div'>(\n  props: InputDetailsProps<E>,\n): InputDetailsStyles<InputDetailsProps<E>> {\n  const inputDetailsClass = useClassNamePrefix('InputDetails');\n\n  return {\n    classProps: inputDetailsClass,\n    props,\n  };\n}\n"],"names":["useInputDetailsStyleProps","props","useClassNamePrefix"],"mappings":";AASO,SAASA,EACdC,GAC0C;AAG1C,SAAO;AAAA,IACL,YAHwBC,EAAmB,cAAc;AAAA,IAIzD,OAAAD;AAAA,EAAA;AAEJ;"}

package/dist/components/InputDetails.d.ts

@@ -0,0 +1,2 @@
+export * from './InputDetails/index'
+export {}

package/dist/components/Item/Item.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("classnames"),O=require("../../hooks/styleProps.cjs"),o=require("../../types/item.cjs"),N=require("../../utils/mergeStyleProps.cjs"),_=require("../Field/HelperText.cjs"),p=require("../Icon/Icon.cjs"),x=require("./useItemStyleProps.cjs"),u=m=>{const{label:d,elementType:t="button",iconName:l,helperText:T,isSelected:n,isDisabled:c,selectionDecorator:r=o.ITEM_SELECTION_DECORATOR_ICON,...P}=m,{classProps:e,props:E}=x.useItemStyleProps({isSelected:n,isDisabled:c,selectionDecorator:r,...P}),{styleProps:I,props:i}=O.useStyleProps(E),S=N.mergeStyleProps(t,{classProps:e.root,styleProps:I,otherProps:i}),y=n&&(r===o.ITEM_SELECTION_DECORATOR_ICON||r===o.ITEM_SELECTION_DECORATOR_BOTH);return s.jsxs(t,{...i,...S,disabled:!!c&&t==="button",children:[l&&s.jsx("span",{className:a(e.icon.root,e.icon.start),children:s.jsx(p.default,{name:l})}),s.jsx("span",{className:e.label,children:d}),s.jsx(_.default,{UNSAFE_className:e.helperText,elementType:"span",helperText:T}),y&&s.jsx("span",{className:a(e.icon.root,e.icon.end),children:s.jsx(p.default,{name:"check-plain"})})]})};u.spiritComponent="Item";exports.default=u;
+//# sourceMappingURL=Item.cjs.map

package/dist/components/Item/Item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.cjs","sources":["../../../src/components/Item/Item.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { ITEM_SELECTION_DECORATOR_BOTH, ITEM_SELECTION_DECORATOR_ICON, type SpiritItemProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { HelperText } from '../Field';\nimport { Icon } from '../Icon';\nimport { useItemStyleProps } from './useItemStyleProps';\n\nconst Item = <E extends ElementType = 'button'>(props: SpiritItemProps<E>): JSX.Element => {\n  const {\n    label,\n    elementType: ElementTag = 'button',\n    iconName,\n    helperText,\n    isSelected,\n    isDisabled,\n    selectionDecorator = ITEM_SELECTION_DECORATOR_ICON,\n    ...restProps\n  } = props;\n  const { classProps, props: modifiedProps } = useItemStyleProps({\n    isSelected,\n    isDisabled,\n    selectionDecorator,\n    ...restProps,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.root, styleProps, otherProps });\n\n  const showSelectedIcon =\n    isSelected &&\n    (selectionDecorator === ITEM_SELECTION_DECORATOR_ICON || selectionDecorator === ITEM_SELECTION_DECORATOR_BOTH);\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps} disabled={!!isDisabled && ElementTag === 'button'}>\n      {iconName && (\n        <span className={classNames(classProps.icon.root, classProps.icon.start)}>\n          <Icon name={iconName} />\n        </span>\n      )}\n      <span className={classProps.label}>{label}</span>\n      <HelperText UNSAFE_className={classProps.helperText} elementType=\"span\" helperText={helperText} />\n      {showSelectedIcon && (\n        <span className={classNames(classProps.icon.root, classProps.icon.end)}>\n          <Icon name=\"check-plain\" />\n        </span>\n      )}\n    </ElementTag>\n  );\n};\n\nItem.spiritComponent = 'Item';\n\nexport default Item;\n"],"names":["Item","props","label","ElementTag","iconName","helperText","isSelected","isDisabled","selectionDecorator","ITEM_SELECTION_DECORATOR_ICON","restProps","classProps","modifiedProps","useItemStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","showSelectedIcon","ITEM_SELECTION_DECORATOR_BOTH","jsxs","jsx","classNames","Icon","HelperText"],"mappings":"qZAWMA,EAA0CC,GAA2C,CACzF,KAAM,CACJ,MAAAC,EACA,YAAaC,EAAa,SAC1B,SAAAC,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,EACA,mBAAAC,EAAqBC,EAAAA,8BACrB,GAAGC,CAAA,EACDT,EACE,CAAE,WAAAU,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkB,CAC7D,WAAAP,EACA,WAAAC,EACA,mBAAAC,EACA,GAAGE,CAAA,CACJ,EACK,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,kBAAgBf,EAAY,CAAE,WAAYQ,EAAW,KAAA,WAAMG,EAAY,WAAAC,EAAY,EAEtGI,EACJb,IACCE,IAAuBC,EAAAA,+BAAiCD,IAAuBY,EAAAA,+BAElF,OACEC,OAAClB,EAAA,CAAY,GAAGY,EAAa,GAAGE,EAAkB,SAAU,CAAC,CAACV,GAAcJ,IAAe,SACxF,SAAA,CAAAC,GACCkB,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAWZ,EAAW,KAAK,KAAMA,EAAW,KAAK,KAAK,EACrE,SAAAW,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAMpB,EAAU,EACxB,EAEFkB,EAAAA,IAAC,OAAA,CAAK,UAAWX,EAAW,MAAQ,SAAAT,EAAM,QACzCuB,EAAAA,QAAA,CAAW,iBAAkBd,EAAW,WAAY,YAAY,OAAO,WAAAN,EAAwB,EAC/Fc,GACCG,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAWZ,EAAW,KAAK,KAAMA,EAAW,KAAK,GAAG,EACnE,SAAAW,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,cAAc,CAAA,CAC3B,CAAA,EAEJ,CAEJ,EAEAxB,EAAK,gBAAkB"}

package/dist/components/Item/Item.d.ts

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { SpiritItemProps } from '../../types';
+declare const Item: {
+    <E extends ElementType = "button">(props: SpiritItemProps<E>): JSX.Element;
+    spiritComponent: string;
+};
+export default Item;

package/dist/components/Item/Item.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import m from "classnames";
+import { useStyleProps as S } from "../../hooks/styleProps.js";
+import { ITEM_SELECTION_DECORATOR_ICON as c, ITEM_SELECTION_DECORATOR_BOTH as u } from "../../types/item.js";
+import { mergeStyleProps as O } from "../../utils/mergeStyleProps.js";
+import y from "../Field/HelperText.js";
+import a from "../Icon/Icon.js";
+import { useItemStyleProps as _ } from "./useItemStyleProps.js";
+const b = (i) => {
+  const {
+    label: d,
+    elementType: s = "button",
+    iconName: r,
+    helperText: T,
+    isSelected: n,
+    isDisabled: p,
+    selectionDecorator: t = c,
+    ...f
+  } = i, { classProps: e, props: E } = _({
+    isSelected: n,
+    isDisabled: p,
+    selectionDecorator: t,
+    ...f
+  }), { styleProps: I, props: l } = S(E), N = O(s, { classProps: e.root, styleProps: I, otherProps: l }), P = n && (t === c || t === u);
+  return /* @__PURE__ */ h(s, { ...l, ...N, disabled: !!p && s === "button", children: [
+    r && /* @__PURE__ */ o("span", { className: m(e.icon.root, e.icon.start), children: /* @__PURE__ */ o(a, { name: r }) }),
+    /* @__PURE__ */ o("span", { className: e.label, children: d }),
+    /* @__PURE__ */ o(y, { UNSAFE_className: e.helperText, elementType: "span", helperText: T }),
+    P && /* @__PURE__ */ o("span", { className: m(e.icon.root, e.icon.end), children: /* @__PURE__ */ o(a, { name: "check-plain" }) })
+  ] });
+};
+b.spiritComponent = "Item";
+export {
+  b as default
+};
+//# sourceMappingURL=Item.js.map

package/dist/components/Item/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sources":["../../../src/components/Item/Item.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { ITEM_SELECTION_DECORATOR_BOTH, ITEM_SELECTION_DECORATOR_ICON, type SpiritItemProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { HelperText } from '../Field';\nimport { Icon } from '../Icon';\nimport { useItemStyleProps } from './useItemStyleProps';\n\nconst Item = <E extends ElementType = 'button'>(props: SpiritItemProps<E>): JSX.Element => {\n  const {\n    label,\n    elementType: ElementTag = 'button',\n    iconName,\n    helperText,\n    isSelected,\n    isDisabled,\n    selectionDecorator = ITEM_SELECTION_DECORATOR_ICON,\n    ...restProps\n  } = props;\n  const { classProps, props: modifiedProps } = useItemStyleProps({\n    isSelected,\n    isDisabled,\n    selectionDecorator,\n    ...restProps,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.root, styleProps, otherProps });\n\n  const showSelectedIcon =\n    isSelected &&\n    (selectionDecorator === ITEM_SELECTION_DECORATOR_ICON || selectionDecorator === ITEM_SELECTION_DECORATOR_BOTH);\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps} disabled={!!isDisabled && ElementTag === 'button'}>\n      {iconName && (\n        <span className={classNames(classProps.icon.root, classProps.icon.start)}>\n          <Icon name={iconName} />\n        </span>\n      )}\n      <span className={classProps.label}>{label}</span>\n      <HelperText UNSAFE_className={classProps.helperText} elementType=\"span\" helperText={helperText} />\n      {showSelectedIcon && (\n        <span className={classNames(classProps.icon.root, classProps.icon.end)}>\n          <Icon name=\"check-plain\" />\n        </span>\n      )}\n    </ElementTag>\n  );\n};\n\nItem.spiritComponent = 'Item';\n\nexport default Item;\n"],"names":["Item","props","label","ElementTag","iconName","helperText","isSelected","isDisabled","selectionDecorator","ITEM_SELECTION_DECORATOR_ICON","restProps","classProps","modifiedProps","useItemStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","showSelectedIcon","ITEM_SELECTION_DECORATOR_BOTH","jsxs","jsx","classNames","Icon","HelperText"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAO,CAAmCC,MAA2C;AACzF,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,aAAaC,IAAa;AAAA,IAC1B,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,oBAAAC,IAAqBC;AAAA,IACrB,GAAGC;AAAA,EAAA,IACDT,GACE,EAAE,YAAAU,GAAY,OAAOC,EAAA,IAAkBC,EAAkB;AAAA,IAC7D,YAAAP;AAAA,IACA,YAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,GAAGE;AAAA,EAAA,CACJ,GACK,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBf,GAAY,EAAE,YAAYQ,EAAW,MAAM,YAAAG,GAAY,YAAAC,GAAY,GAEtGI,IACJb,MACCE,MAAuBC,KAAiCD,MAAuBY;AAElF,SACE,gBAAAC,EAAClB,GAAA,EAAY,GAAGY,GAAa,GAAGE,GAAkB,UAAU,CAAC,CAACV,KAAcJ,MAAe,UACxF,UAAA;AAAA,IAAAC,KACC,gBAAAkB,EAAC,QAAA,EAAK,WAAWC,EAAWZ,EAAW,KAAK,MAAMA,EAAW,KAAK,KAAK,GACrE,UAAA,gBAAAW,EAACE,GAAA,EAAK,MAAMpB,GAAU,GACxB;AAAA,IAEF,gBAAAkB,EAAC,QAAA,EAAK,WAAWX,EAAW,OAAQ,UAAAT,GAAM;AAAA,sBACzCuB,GAAA,EAAW,kBAAkBd,EAAW,YAAY,aAAY,QAAO,YAAAN,GAAwB;AAAA,IAC/Fc,KACC,gBAAAG,EAAC,QAAA,EAAK,WAAWC,EAAWZ,EAAW,KAAK,MAAMA,EAAW,KAAK,GAAG,GACnE,UAAA,gBAAAW,EAACE,GAAA,EAAK,MAAK,eAAc,EAAA,CAC3B;AAAA,EAAA,GAEJ;AAEJ;AAEAxB,EAAK,kBAAkB;"}

package/dist/components/Item/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Item.cjs"),t=require("./useItemStyleProps.cjs");exports.Item=e.default;exports.useItemStyleProps=t.useItemStyleProps;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Item/index.cjs.map

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

package/dist/components/Item/index.js

@@ -0,0 +1,7 @@
+import { default as r } from "./Item.js";
+import { useItemStyleProps as s } from "./useItemStyleProps.js";
+export {
+  r as Item,
+  s as useItemStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Item/useItemStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("classnames"),p=require("../../hooks/useClassNamePrefix.cjs"),o=require("../../types/item.cjs");function I(l){const{isDisabled:r,isSelected:c,selectionDecorator:t,...n}=l,e=p.useClassNamePrefix("Item"),a=`${e}--disabled`,i=`${e}--selected`,m=`${e}__helperText`,C=`${e}__label`,s=`${e}__icon`,d=`${s}--start`,u=`${s}--end`,_=c&&(t===o.ITEM_SELECTION_DECORATOR_BACKGROUND||t===o.ITEM_SELECTION_DECORATOR_BOTH),S=T(e,{[a]:r,[i]:_});return{classProps:{helperText:m,icon:{root:s,start:d,end:u},label:C,root:S},props:n}}exports.useItemStyleProps=I;
+//# sourceMappingURL=useItemStyleProps.cjs.map

package/dist/components/Item/useItemStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemStyleProps.cjs","sources":["../../../src/components/Item/useItemStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks/useClassNamePrefix';\nimport { ITEM_SELECTION_DECORATOR_BACKGROUND, ITEM_SELECTION_DECORATOR_BOTH, type ItemStyleProps } from '../../types';\n\nexport interface ItemStyles {\n  /** className props */\n  classProps: {\n    helperText: string;\n    icon: {\n      root: string;\n      start: string;\n      end: string;\n    };\n    label: string;\n    root: string;\n  };\n  /** props to be passed to the element */\n  props: ItemStyleProps;\n}\n\nexport function useItemStyleProps<P extends ItemStyleProps>(props: P): ItemStyles {\n  const { isDisabled, isSelected, selectionDecorator, ...restProps } = props;\n  const itemClass = useClassNamePrefix('Item');\n  const itemRootDisabledClass = `${itemClass}--disabled`;\n  const itemRootSelectedClass = `${itemClass}--selected`;\n  const itemHelperTextClass = `${itemClass}__helperText`;\n  const itemLabelClass = `${itemClass}__label`;\n  const itemIconClass = `${itemClass}__icon`;\n  const itemIconStartClass = `${itemIconClass}--start`;\n  const itemIconEndClass = `${itemIconClass}--end`;\n\n  const showSelectedBackground =\n    isSelected &&\n    (selectionDecorator === ITEM_SELECTION_DECORATOR_BACKGROUND ||\n      selectionDecorator === ITEM_SELECTION_DECORATOR_BOTH);\n\n  const rootStyles = classNames(itemClass, {\n    [itemRootDisabledClass]: isDisabled,\n    [itemRootSelectedClass]: showSelectedBackground,\n  });\n\n  return {\n    classProps: {\n      helperText: itemHelperTextClass,\n      icon: {\n        root: itemIconClass,\n        start: itemIconStartClass,\n        end: itemIconEndClass,\n      },\n      label: itemLabelClass,\n      root: rootStyles,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useItemStyleProps","props","isDisabled","isSelected","selectionDecorator","restProps","itemClass","useClassNamePrefix","itemRootDisabledClass","itemRootSelectedClass","itemHelperTextClass","itemLabelClass","itemIconClass","itemIconStartClass","itemIconEndClass","showSelectedBackground","ITEM_SELECTION_DECORATOR_BACKGROUND","ITEM_SELECTION_DECORATOR_BOTH","rootStyles","classNames"],"mappings":"gMAoBO,SAASA,EAA4CC,EAAsB,CAChF,KAAM,CAAE,WAAAC,EAAY,WAAAC,EAAY,mBAAAC,EAAoB,GAAGC,GAAcJ,EAC/DK,EAAYC,EAAAA,mBAAmB,MAAM,EACrCC,EAAwB,GAAGF,CAAS,aACpCG,EAAwB,GAAGH,CAAS,aACpCI,EAAsB,GAAGJ,CAAS,eAClCK,EAAiB,GAAGL,CAAS,UAC7BM,EAAgB,GAAGN,CAAS,SAC5BO,EAAqB,GAAGD,CAAa,UACrCE,EAAmB,GAAGF,CAAa,QAEnCG,EACJZ,IACCC,IAAuBY,EAAAA,qCACtBZ,IAAuBa,EAAAA,+BAErBC,EAAaC,EAAWb,EAAW,CACvC,CAACE,CAAqB,EAAGN,EACzB,CAACO,CAAqB,EAAGM,CAAA,CAC1B,EAED,MAAO,CACL,WAAY,CACV,WAAYL,EACZ,KAAM,CACJ,KAAME,EACN,MAAOC,EACP,IAAKC,CAAA,EAEP,MAAOH,EACP,KAAMO,CAAA,EAER,MAAOb,CAAA,CAEX"}

package/dist/components/Item/useItemStyleProps.d.ts

@@ -0,0 +1,15 @@
+import { ItemStyleProps } from '../../types';
+export interface ItemStyles {
+    classProps: {
+        helperText: string;
+        icon: {
+            root: string;
+            start: string;
+            end: string;
+        };
+        label: string;
+        root: string;
+    };
+    props: ItemStyleProps;
+}
+export declare function useItemStyleProps<P extends ItemStyleProps>(props: P): ItemStyles;

package/dist/components/Item/useItemStyleProps.js

@@ -0,0 +1,26 @@
+import T from "classnames";
+import { useClassNamePrefix as E } from "../../hooks/useClassNamePrefix.js";
+import { ITEM_SELECTION_DECORATOR_BACKGROUND as I, ITEM_SELECTION_DECORATOR_BOTH as O } from "../../types/item.js";
+function b(o) {
+  const { isDisabled: l, isSelected: r, selectionDecorator: t, ...c } = o, s = E("Item"), a = `${s}--disabled`, n = `${s}--selected`, i = `${s}__helperText`, m = `${s}__label`, e = `${s}__icon`, C = `${e}--start`, d = `${e}--end`, p = r && (t === I || t === O), _ = T(s, {
+    [a]: l,
+    [n]: p
+  });
+  return {
+    classProps: {
+      helperText: i,
+      icon: {
+        root: e,
+        start: C,
+        end: d
+      },
+      label: m,
+      root: _
+    },
+    props: c
+  };
+}
+export {
+  b as useItemStyleProps
+};
+//# sourceMappingURL=useItemStyleProps.js.map

package/dist/components/Item/useItemStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemStyleProps.js","sources":["../../../src/components/Item/useItemStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks/useClassNamePrefix';\nimport { ITEM_SELECTION_DECORATOR_BACKGROUND, ITEM_SELECTION_DECORATOR_BOTH, type ItemStyleProps } from '../../types';\n\nexport interface ItemStyles {\n  /** className props */\n  classProps: {\n    helperText: string;\n    icon: {\n      root: string;\n      start: string;\n      end: string;\n    };\n    label: string;\n    root: string;\n  };\n  /** props to be passed to the element */\n  props: ItemStyleProps;\n}\n\nexport function useItemStyleProps<P extends ItemStyleProps>(props: P): ItemStyles {\n  const { isDisabled, isSelected, selectionDecorator, ...restProps } = props;\n  const itemClass = useClassNamePrefix('Item');\n  const itemRootDisabledClass = `${itemClass}--disabled`;\n  const itemRootSelectedClass = `${itemClass}--selected`;\n  const itemHelperTextClass = `${itemClass}__helperText`;\n  const itemLabelClass = `${itemClass}__label`;\n  const itemIconClass = `${itemClass}__icon`;\n  const itemIconStartClass = `${itemIconClass}--start`;\n  const itemIconEndClass = `${itemIconClass}--end`;\n\n  const showSelectedBackground =\n    isSelected &&\n    (selectionDecorator === ITEM_SELECTION_DECORATOR_BACKGROUND ||\n      selectionDecorator === ITEM_SELECTION_DECORATOR_BOTH);\n\n  const rootStyles = classNames(itemClass, {\n    [itemRootDisabledClass]: isDisabled,\n    [itemRootSelectedClass]: showSelectedBackground,\n  });\n\n  return {\n    classProps: {\n      helperText: itemHelperTextClass,\n      icon: {\n        root: itemIconClass,\n        start: itemIconStartClass,\n        end: itemIconEndClass,\n      },\n      label: itemLabelClass,\n      root: rootStyles,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useItemStyleProps","props","isDisabled","isSelected","selectionDecorator","restProps","itemClass","useClassNamePrefix","itemRootDisabledClass","itemRootSelectedClass","itemHelperTextClass","itemLabelClass","itemIconClass","itemIconStartClass","itemIconEndClass","showSelectedBackground","ITEM_SELECTION_DECORATOR_BACKGROUND","ITEM_SELECTION_DECORATOR_BOTH","rootStyles","classNames"],"mappings":";;;AAoBO,SAASA,EAA4CC,GAAsB;AAChF,QAAM,EAAE,YAAAC,GAAY,YAAAC,GAAY,oBAAAC,GAAoB,GAAGC,MAAcJ,GAC/DK,IAAYC,EAAmB,MAAM,GACrCC,IAAwB,GAAGF,CAAS,cACpCG,IAAwB,GAAGH,CAAS,cACpCI,IAAsB,GAAGJ,CAAS,gBAClCK,IAAiB,GAAGL,CAAS,WAC7BM,IAAgB,GAAGN,CAAS,UAC5BO,IAAqB,GAAGD,CAAa,WACrCE,IAAmB,GAAGF,CAAa,SAEnCG,IACJZ,MACCC,MAAuBY,KACtBZ,MAAuBa,IAErBC,IAAaC,EAAWb,GAAW;AAAA,IACvC,CAACE,CAAqB,GAAGN;AAAA,IACzB,CAACO,CAAqB,GAAGM;AAAA,EAAA,CAC1B;AAED,SAAO;AAAA,IACL,YAAY;AAAA,MACV,YAAYL;AAAA,MACZ,MAAM;AAAA,QACJ,MAAME;AAAA,QACN,OAAOC;AAAA,QACP,KAAKC;AAAA,MAAA;AAAA,MAEP,OAAOH;AAAA,MACP,MAAMO;AAAA,IAAA;AAAA,IAER,OAAOb;AAAA,EAAA;AAEX;"}

package/dist/components/Item.d.ts

@@ -0,0 +1,2 @@
+export * from './Item/index'
+export {}

package/dist/components/Link/Link.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react/jsx-runtime"),S=require("react"),f=require("../../hooks/styleProps.cjs"),L=require("../../hooks/useLinkClick.cjs"),h=require("../../utils/mergeStyleProps.cjs"),q=require("./useLinkStyleProps.cjs"),o={elementType:"a",color:"primary",hasVisitedStyleAllowed:!1,underlined:"hover"},C=(n,i)=>{const l={...o,...n},{elementType:p=o.elementType,children:c,routerOptions:u,...s}=l,t=p,{classProps:y,props:a}=q.useLinkStyleProps(s),{styleProps:d,props:r}=f.useStyleProps(a),P=h.mergeStyleProps(t,{classProps:y,styleProps:d,otherProps:r}),m=L.useLinkClick({...s,routerOptions:u});return k.jsx(t,{...r,...P,onClick:m,ref:i,children:c})},e=S.forwardRef(C);e.spiritComponent="Link";e.displayName="Link";exports.default=e;
+//# sourceMappingURL=Link.cjs.map

package/dist/components/Link/Link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.cjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useLinkClick, useStyleProps } from '../../hooks';\nimport { type LinkProps, type PolymorphicComponent, type PolymorphicRef, type SpiritLinkProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useLinkStyleProps } from './useLinkStyleProps';\n\nconst defaultProps = {\n  elementType: 'a',\n  color: 'primary',\n  hasVisitedStyleAllowed: false,\n  underlined: 'hover',\n};\n\nconst _Link = <E extends ElementType = 'a', C = void>(\n  props: SpiritLinkProps<E, C>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType, children, routerOptions, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useLinkStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} onClick={handleClick} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Link = forwardRef<HTMLAnchorElement, SpiritLinkProps<'a', void>>(_Link) as unknown as PolymorphicComponent<\n  'a',\n  LinkProps<void>\n>;\n\nLink.spiritComponent = 'Link';\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["defaultProps","_Link","props","ref","propsWithDefaults","elementType","children","routerOptions","restProps","Component","classProps","modifiedProps","useLinkStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsx","Link","forwardRef"],"mappings":"qVAQMA,EAAe,CACnB,YAAa,IACb,MAAO,UACP,uBAAwB,GACxB,WAAY,OACd,EAEMC,EAAQ,CACZC,EACAC,IACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAcL,EAAa,YAAa,SAAAM,EAAU,cAAAC,EAAe,GAAGC,GAAcJ,EAEpFK,EAAYJ,EAEZ,CAAE,WAAAK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkBJ,CAAS,EAClE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAAE,WAAAC,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAEpFI,EAAcC,EAAAA,aAAa,CAAE,GAAGX,EAAW,cAAAD,EAAe,EAEhE,OACEa,MAACX,GAAW,GAAGK,EAAa,GAAGE,EAAkB,QAASE,EAAa,IAAAf,EACpE,SAAAG,EACH,CAEJ,EAEMe,EAAOC,EAAAA,WAA0DrB,CAAK,EAK5EoB,EAAK,gBAAkB,OACvBA,EAAK,YAAc"}

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,3 @@
+import { LinkProps, PolymorphicComponent } from '../../types';
+declare const Link: PolymorphicComponent<"a", LinkProps<void>>;
+export default Link;

package/dist/components/Link/Link.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as P } from "react/jsx-runtime";
+import { forwardRef as k } from "react";
+import { useStyleProps as h } from "../../hooks/styleProps.js";
+import { useLinkClick as L } from "../../hooks/useLinkClick.js";
+import { mergeStyleProps as C } from "../../utils/mergeStyleProps.js";
+import { useLinkStyleProps as S } from "./useLinkStyleProps.js";
+const s = {
+  elementType: "a",
+  color: "primary",
+  hasVisitedStyleAllowed: !1,
+  underlined: "hover"
+}, T = (p, n) => {
+  const i = { ...s, ...p }, { elementType: l = s.elementType, children: m, routerOptions: c, ...o } = i, e = l, { classProps: a, props: d } = S(o), { styleProps: f, props: r } = h(d), u = C(e, { classProps: a, styleProps: f, otherProps: r }), y = L({ ...o, routerOptions: c });
+  return /* @__PURE__ */ P(e, { ...r, ...u, onClick: y, ref: n, children: m });
+}, t = k(T);
+t.spiritComponent = "Link";
+t.displayName = "Link";
+export {
+  t as default
+};
+//# sourceMappingURL=Link.js.map

package/dist/components/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useLinkClick, useStyleProps } from '../../hooks';\nimport { type LinkProps, type PolymorphicComponent, type PolymorphicRef, type SpiritLinkProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useLinkStyleProps } from './useLinkStyleProps';\n\nconst defaultProps = {\n  elementType: 'a',\n  color: 'primary',\n  hasVisitedStyleAllowed: false,\n  underlined: 'hover',\n};\n\nconst _Link = <E extends ElementType = 'a', C = void>(\n  props: SpiritLinkProps<E, C>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType, children, routerOptions, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useLinkStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} onClick={handleClick} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Link = forwardRef<HTMLAnchorElement, SpiritLinkProps<'a', void>>(_Link) as unknown as PolymorphicComponent<\n  'a',\n  LinkProps<void>\n>;\n\nLink.spiritComponent = 'Link';\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["defaultProps","_Link","props","ref","propsWithDefaults","elementType","children","routerOptions","restProps","Component","classProps","modifiedProps","useLinkStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsx","Link","forwardRef"],"mappings":";;;;;;;AAQA,MAAMA,IAAe;AAAA,EACnB,aAAa;AAAA,EACb,OAAO;AAAA,EACP,wBAAwB;AAAA,EACxB,YAAY;AACd,GAEMC,IAAQ,CACZC,GACAC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAG,IAAcL,EAAa,aAAa,UAAAM,GAAU,eAAAC,GAAe,GAAGC,MAAcJ,GAEpFK,IAAYJ,GAEZ,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAkBC,EAAkBJ,CAAS,GAClE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW,EAAE,YAAAC,GAAY,YAAAG,GAAY,YAAAC,GAAY,GAEpFI,IAAcC,EAAa,EAAE,GAAGX,GAAW,eAAAD,GAAe;AAEhE,SACE,gBAAAa,EAACX,KAAW,GAAGK,GAAa,GAAGE,GAAkB,SAASE,GAAa,KAAAf,GACpE,UAAAG,GACH;AAEJ,GAEMe,IAAOC,EAA0DrB,CAAK;AAK5EoB,EAAK,kBAAkB;AACvBA,EAAK,cAAc;"}

package/dist/components/Link/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={INHERIT:"inherit"};exports.LinkColorsExtended=e;
+//# sourceMappingURL=constants.cjs.map

package/dist/components/Link/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Link/constants.ts"],"sourcesContent":["export const LinkColorsExtended = {\n  INHERIT: 'inherit',\n} as const;\n"],"names":["LinkColorsExtended"],"mappings":"gFAAO,MAAMA,EAAqB,CAChC,QAAS,SACX"}

package/dist/components/Link/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const LinkColorsExtended: {
+    readonly INHERIT: "inherit";
+};

package/dist/components/Link/constants.js

@@ -0,0 +1,7 @@
+const t = {
+  INHERIT: "inherit"
+};
+export {
+  t as LinkColorsExtended
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Link/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Link/constants.ts"],"sourcesContent":["export const LinkColorsExtended = {\n  INHERIT: 'inherit',\n} as const;\n"],"names":["LinkColorsExtended"],"mappings":"AAAO,MAAMA,IAAqB;AAAA,EAChC,SAAS;AACX;"}

package/dist/components/Link/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Link.cjs"),t=require("./constants.cjs"),s=require("./useLinkStyleProps.cjs");exports.Link=e.default;exports.LinkColorsExtended=t.LinkColorsExtended;exports.useLinkStyleProps=s.useLinkStyleProps;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Link/index.cjs.map

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

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

@@ -0,0 +1,3 @@
+export { default as Link } from './Link';
+export * from './constants';
+export * from './useLinkStyleProps';

package/dist/components/Link/index.js

@@ -0,0 +1,9 @@
+import { default as r } from "./Link.js";
+import { LinkColorsExtended as s } from "./constants.js";
+import { useLinkStyleProps as i } from "./useLinkStyleProps.js";
+export {
+  r as Link,
+  s as LinkColorsExtended,
+  i as useLinkStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Link/useLinkStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("classnames"),C=require("../../hooks/useClassNamePrefix.cjs"),l=require("../../types/link.cjs");function P(n){const{color:i,hasVisitedStyleAllowed:t,isDisabled:o,underlined:e,...r}=n,s=C.useClassNamePrefix("link"),a=`${s}-${i}`,d=`${s}-disabled`,c=`${s}-underlined`,u=`${s}-not-underlined`,N=`${s}-allow-visited-style`;return{classProps:k(a,{[d]:o,[c]:e===l.UNDERLINED_OPTIONS.ALWAYS,[u]:e===l.UNDERLINED_OPTIONS.NEVER,[N]:t}),props:r}}exports.useLinkStyleProps=P;
+//# sourceMappingURL=useLinkStyleProps.cjs.map

package/dist/components/Link/useLinkStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLinkStyleProps.cjs","sources":["../../../src/components/Link/useLinkStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type LinkProps, type LinkStyleProps, UNDERLINED_OPTIONS } from '../../types';\n\nexport function useLinkStyleProps<C = void>(props: Omit<LinkStyleProps<C>, 'routerOptions'>) {\n  const { color, hasVisitedStyleAllowed, isDisabled, underlined, ...restProps } = props;\n\n  const linkClass = useClassNamePrefix('link');\n  const linkColorClass = `${linkClass}-${color}`;\n  const linkDisabledClass = `${linkClass}-disabled`;\n  const linkUnderlinedClass = `${linkClass}-underlined`;\n  const linkNotUnderlinedClass = `${linkClass}-not-underlined`;\n  const linkVisitedStyleAllowedClass = `${linkClass}-allow-visited-style`;\n\n  const className = classNames(linkColorClass, {\n    [linkDisabledClass]: isDisabled,\n    [linkUnderlinedClass]: underlined === UNDERLINED_OPTIONS.ALWAYS,\n    [linkNotUnderlinedClass]: underlined === UNDERLINED_OPTIONS.NEVER,\n    [linkVisitedStyleAllowedClass]: hasVisitedStyleAllowed,\n  });\n\n  return {\n    classProps: className,\n    props: restProps as Partial<LinkProps<C>>,\n  };\n}\n"],"names":["useLinkStyleProps","props","color","hasVisitedStyleAllowed","isDisabled","underlined","restProps","linkClass","useClassNamePrefix","linkColorClass","linkDisabledClass","linkUnderlinedClass","linkNotUnderlinedClass","linkVisitedStyleAllowedClass","classNames","UNDERLINED_OPTIONS"],"mappings":"gMAIO,SAASA,EAA4BC,EAAiD,CAC3F,KAAM,CAAE,MAAAC,EAAO,uBAAAC,EAAwB,WAAAC,EAAY,WAAAC,EAAY,GAAGC,GAAcL,EAE1EM,EAAYC,EAAAA,mBAAmB,MAAM,EACrCC,EAAiB,GAAGF,CAAS,IAAIL,CAAK,GACtCQ,EAAoB,GAAGH,CAAS,YAChCI,EAAsB,GAAGJ,CAAS,cAClCK,EAAyB,GAAGL,CAAS,kBACrCM,EAA+B,GAAGN,CAAS,uBASjD,MAAO,CACL,WARgBO,EAAWL,EAAgB,CAC3C,CAACC,CAAiB,EAAGN,EACrB,CAACO,CAAmB,EAAGN,IAAeU,EAAAA,mBAAmB,OACzD,CAACH,CAAsB,EAAGP,IAAeU,EAAAA,mBAAmB,MAC5D,CAACF,CAA4B,EAAGV,CAAA,CACjC,EAIC,MAAOG,CAAA,CAEX"}

package/dist/components/Link/useLinkStyleProps.d.ts

@@ -0,0 +1,5 @@
+import { LinkProps, LinkStyleProps } from '../../types';
+export declare function useLinkStyleProps<C = void>(props: Omit<LinkStyleProps<C>, 'routerOptions'>): {
+    classProps: string;
+    props: Partial<LinkProps<C>>;
+};

package/dist/components/Link/useLinkStyleProps.js

@@ -0,0 +1,19 @@
+import N from "classnames";
+import { useClassNamePrefix as k } from "../../hooks/useClassNamePrefix.js";
+import { UNDERLINED_OPTIONS as e } from "../../types/link.js";
+function P(n) {
+  const { color: i, hasVisitedStyleAllowed: o, isDisabled: t, underlined: l, ...r } = n, s = k("link"), a = `${s}-${i}`, d = `${s}-disabled`, c = `${s}-underlined`, m = `${s}-not-underlined`, p = `${s}-allow-visited-style`;
+  return {
+    classProps: N(a, {
+      [d]: t,
+      [c]: l === e.ALWAYS,
+      [m]: l === e.NEVER,
+      [p]: o
+    }),
+    props: r
+  };
+}
+export {
+  P as useLinkStyleProps
+};
+//# sourceMappingURL=useLinkStyleProps.js.map

package/dist/components/Link/useLinkStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLinkStyleProps.js","sources":["../../../src/components/Link/useLinkStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type LinkProps, type LinkStyleProps, UNDERLINED_OPTIONS } from '../../types';\n\nexport function useLinkStyleProps<C = void>(props: Omit<LinkStyleProps<C>, 'routerOptions'>) {\n  const { color, hasVisitedStyleAllowed, isDisabled, underlined, ...restProps } = props;\n\n  const linkClass = useClassNamePrefix('link');\n  const linkColorClass = `${linkClass}-${color}`;\n  const linkDisabledClass = `${linkClass}-disabled`;\n  const linkUnderlinedClass = `${linkClass}-underlined`;\n  const linkNotUnderlinedClass = `${linkClass}-not-underlined`;\n  const linkVisitedStyleAllowedClass = `${linkClass}-allow-visited-style`;\n\n  const className = classNames(linkColorClass, {\n    [linkDisabledClass]: isDisabled,\n    [linkUnderlinedClass]: underlined === UNDERLINED_OPTIONS.ALWAYS,\n    [linkNotUnderlinedClass]: underlined === UNDERLINED_OPTIONS.NEVER,\n    [linkVisitedStyleAllowedClass]: hasVisitedStyleAllowed,\n  });\n\n  return {\n    classProps: className,\n    props: restProps as Partial<LinkProps<C>>,\n  };\n}\n"],"names":["useLinkStyleProps","props","color","hasVisitedStyleAllowed","isDisabled","underlined","restProps","linkClass","useClassNamePrefix","linkColorClass","linkDisabledClass","linkUnderlinedClass","linkNotUnderlinedClass","linkVisitedStyleAllowedClass","classNames","UNDERLINED_OPTIONS"],"mappings":";;;AAIO,SAASA,EAA4BC,GAAiD;AAC3F,QAAM,EAAE,OAAAC,GAAO,wBAAAC,GAAwB,YAAAC,GAAY,YAAAC,GAAY,GAAGC,MAAcL,GAE1EM,IAAYC,EAAmB,MAAM,GACrCC,IAAiB,GAAGF,CAAS,IAAIL,CAAK,IACtCQ,IAAoB,GAAGH,CAAS,aAChCI,IAAsB,GAAGJ,CAAS,eAClCK,IAAyB,GAAGL,CAAS,mBACrCM,IAA+B,GAAGN,CAAS;AASjD,SAAO;AAAA,IACL,YARgBO,EAAWL,GAAgB;AAAA,MAC3C,CAACC,CAAiB,GAAGN;AAAA,MACrB,CAACO,CAAmB,GAAGN,MAAeU,EAAmB;AAAA,MACzD,CAACH,CAAsB,GAAGP,MAAeU,EAAmB;AAAA,MAC5D,CAACF,CAA4B,GAAGV;AAAA,IAAA,CACjC;AAAA,IAIC,OAAOG;AAAA,EAAA;AAEX;"}

package/dist/components/Link.d.ts

@@ -0,0 +1,2 @@
+export * from './Link/index'
+export {}

package/dist/components/Matrix/Matrix.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react/jsx-runtime"),_=require("react"),S=require("../../hooks/styleProps.cjs"),m=require("../../utils/mergeStyleProps.cjs"),e=require("./constants.cjs"),d=require("./useMatrixStyleProps.cjs"),A={cols:e.MATRIX_COLS_DEFAULT,elementType:"div",itemRows:e.MATRIX_ITEM_ROWS_DEFAULT,rows:e.MATRIX_ROWS_DEFAULT,spacingX:e.MATRIX_SPACING_X_DEFAULT,spacingY:e.MATRIX_SPACING_Y_DEFAULT},o=n=>{const i={...A,...n},{elementType:s="div",children:t,...p}=i,l=_.Children.count(t),{classProps:c,props:u,styleProps:P}=d.useMatrixStyleProps({...p,itemsCount:l}),{styleProps:a,props:r}=S.useStyleProps(u),y=m.mergeStyleProps(s,{classProps:c,styleProps:a,otherProps:r,matrixStyleProps:P});return T.jsx(s,{...r,...y,children:t})};o.spiritComponent="Matrix";exports.default=o;
+//# sourceMappingURL=Matrix.cjs.map

package/dist/components/Matrix/Matrix.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Matrix.cjs","sources":["../../../src/components/Matrix/Matrix.tsx"],"sourcesContent":["'use client';\n\nimport React, { Children, type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritMatrixProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport {\n  MATRIX_COLS_DEFAULT,\n  MATRIX_ITEM_ROWS_DEFAULT,\n  MATRIX_ROWS_DEFAULT,\n  MATRIX_SPACING_X_DEFAULT,\n  MATRIX_SPACING_Y_DEFAULT,\n} from './constants';\nimport { useMatrixStyleProps } from './useMatrixStyleProps';\n\nconst defaultProps: Partial<SpiritMatrixProps> = {\n  cols: MATRIX_COLS_DEFAULT,\n  elementType: 'div',\n  itemRows: MATRIX_ITEM_ROWS_DEFAULT,\n  rows: MATRIX_ROWS_DEFAULT,\n  spacingX: MATRIX_SPACING_X_DEFAULT,\n  spacingY: MATRIX_SPACING_Y_DEFAULT,\n};\n\nconst Matrix = <E extends ElementType = 'div'>(props: SpiritMatrixProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n\n  const { elementType: ElementTag = 'div', children, ...restProps } = propsWithDefaults;\n  const itemsCount: number = Children.count(children);\n  const {\n    classProps,\n    props: modifiedProps,\n    styleProps: matrixStyleProps,\n  } = useMatrixStyleProps({\n    ...restProps,\n    itemsCount,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, otherProps, matrixStyleProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nMatrix.spiritComponent = 'Matrix';\n\nexport default Matrix;\n"],"names":["defaultProps","MATRIX_COLS_DEFAULT","MATRIX_ITEM_ROWS_DEFAULT","MATRIX_ROWS_DEFAULT","MATRIX_SPACING_X_DEFAULT","MATRIX_SPACING_Y_DEFAULT","Matrix","props","propsWithDefaults","ElementTag","children","restProps","itemsCount","Children","classProps","modifiedProps","matrixStyleProps","useMatrixStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"0UAeMA,EAA2C,CAC/C,KAAMC,EAAAA,oBACN,YAAa,MACb,SAAUC,EAAAA,yBACV,KAAMC,EAAAA,oBACN,SAAUC,EAAAA,yBACV,SAAUC,EAAAA,wBACZ,EAEMC,EAAyCC,GAAgC,CAC7E,MAAMC,EAAoB,CAAE,GAAGR,EAAc,GAAGO,CAAA,EAE1C,CAAE,YAAaE,EAAa,MAAO,SAAAC,EAAU,GAAGC,GAAcH,EAC9DI,EAAqBC,EAAAA,SAAS,MAAMH,CAAQ,EAC5C,CACJ,WAAAI,EACA,MAAOC,EACP,WAAYC,CAAA,EACVC,sBAAoB,CACtB,GAAGN,EACH,WAAAC,CAAA,CACD,EACK,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAa,EAC/DM,EAAmBC,EAAAA,gBAAgBb,EAAY,CAAE,WAAAK,aAAYI,EAAY,WAAAC,EAAY,iBAAAH,EAAkB,EAE7G,aACGP,EAAA,CAAY,GAAGU,EAAa,GAAGE,EAC7B,SAAAX,EACH,CAEJ,EAEAJ,EAAO,gBAAkB"}

package/dist/components/Matrix/Matrix.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ElementType } from 'react';
+import { SpiritMatrixProps } from '../../types';
+declare const Matrix: {
+    <E extends ElementType = "div">(props: SpiritMatrixProps<E>): React.JSX.Element;
+    spiritComponent: string;
+};
+export default Matrix;

package/dist/components/Matrix/Matrix.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as T } from "react/jsx-runtime";
+import { Children as _ } from "react";
+import { useStyleProps as a } from "../../hooks/styleProps.js";
+import { mergeStyleProps as A } from "../../utils/mergeStyleProps.js";
+import { MATRIX_SPACING_Y_DEFAULT as f, MATRIX_SPACING_X_DEFAULT as u, MATRIX_ROWS_DEFAULT as S, MATRIX_ITEM_ROWS_DEFAULT as d, MATRIX_COLS_DEFAULT as y } from "./constants.js";
+import { useMatrixStyleProps as M } from "./useMatrixStyleProps.js";
+const I = {
+  cols: y,
+  elementType: "div",
+  itemRows: d,
+  rows: S,
+  spacingX: u,
+  spacingY: f
+}, R = (s) => {
+  const e = { ...I, ...s }, { elementType: o = "div", children: t, ...p } = e, i = _.count(t), {
+    classProps: m,
+    props: n,
+    styleProps: l
+  } = M({
+    ...p,
+    itemsCount: i
+  }), { styleProps: c, props: r } = a(n), P = A(o, { classProps: m, styleProps: c, otherProps: r, matrixStyleProps: l });
+  return /* @__PURE__ */ T(o, { ...r, ...P, children: t });
+};
+R.spiritComponent = "Matrix";
+export {
+  R as default
+};
+//# sourceMappingURL=Matrix.js.map

package/dist/components/Matrix/Matrix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Matrix.js","sources":["../../../src/components/Matrix/Matrix.tsx"],"sourcesContent":["'use client';\n\nimport React, { Children, type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritMatrixProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport {\n  MATRIX_COLS_DEFAULT,\n  MATRIX_ITEM_ROWS_DEFAULT,\n  MATRIX_ROWS_DEFAULT,\n  MATRIX_SPACING_X_DEFAULT,\n  MATRIX_SPACING_Y_DEFAULT,\n} from './constants';\nimport { useMatrixStyleProps } from './useMatrixStyleProps';\n\nconst defaultProps: Partial<SpiritMatrixProps> = {\n  cols: MATRIX_COLS_DEFAULT,\n  elementType: 'div',\n  itemRows: MATRIX_ITEM_ROWS_DEFAULT,\n  rows: MATRIX_ROWS_DEFAULT,\n  spacingX: MATRIX_SPACING_X_DEFAULT,\n  spacingY: MATRIX_SPACING_Y_DEFAULT,\n};\n\nconst Matrix = <E extends ElementType = 'div'>(props: SpiritMatrixProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n\n  const { elementType: ElementTag = 'div', children, ...restProps } = propsWithDefaults;\n  const itemsCount: number = Children.count(children);\n  const {\n    classProps,\n    props: modifiedProps,\n    styleProps: matrixStyleProps,\n  } = useMatrixStyleProps({\n    ...restProps,\n    itemsCount,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, otherProps, matrixStyleProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nMatrix.spiritComponent = 'Matrix';\n\nexport default Matrix;\n"],"names":["defaultProps","MATRIX_COLS_DEFAULT","MATRIX_ITEM_ROWS_DEFAULT","MATRIX_ROWS_DEFAULT","MATRIX_SPACING_X_DEFAULT","MATRIX_SPACING_Y_DEFAULT","Matrix","props","propsWithDefaults","ElementTag","children","restProps","itemsCount","Children","classProps","modifiedProps","matrixStyleProps","useMatrixStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;;AAeA,MAAMA,IAA2C;AAAA,EAC/C,MAAMC;AAAA,EACN,aAAa;AAAA,EACb,UAAUC;AAAA,EACV,MAAMC;AAAA,EACN,UAAUC;AAAA,EACV,UAAUC;AACZ,GAEMC,IAAS,CAAgCC,MAAgC;AAC7E,QAAMC,IAAoB,EAAE,GAAGR,GAAc,GAAGO,EAAA,GAE1C,EAAE,aAAaE,IAAa,OAAO,UAAAC,GAAU,GAAGC,MAAcH,GAC9DI,IAAqBC,EAAS,MAAMH,CAAQ,GAC5C;AAAA,IACJ,YAAAI;AAAA,IACA,OAAOC;AAAA,IACP,YAAYC;AAAA,EAAA,IACVC,EAAoB;AAAA,IACtB,GAAGN;AAAA,IACH,YAAAC;AAAA,EAAA,CACD,GACK,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAa,GAC/DM,IAAmBC,EAAgBb,GAAY,EAAE,YAAAK,GAAY,YAAAI,GAAY,YAAAC,GAAY,kBAAAH,GAAkB;AAE7G,2BACGP,GAAA,EAAY,GAAGU,GAAa,GAAGE,GAC7B,UAAAX,GACH;AAEJ;AAEAJ,EAAO,kBAAkB;"}

package/dist/components/Matrix/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=3,A=100,T=100,I="space-700",R="space-0";exports.MATRIX_COLS_DEFAULT=_;exports.MATRIX_ITEM_ROWS_DEFAULT=T;exports.MATRIX_ROWS_DEFAULT=A;exports.MATRIX_SPACING_X_DEFAULT=I;exports.MATRIX_SPACING_Y_DEFAULT=R;
+//# sourceMappingURL=constants.cjs.map

package/dist/components/Matrix/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Matrix/constants.ts"],"sourcesContent":["export const MATRIX_COLS_DEFAULT = 3;\nexport const MATRIX_ROWS_DEFAULT = 100;\nexport const MATRIX_ITEM_ROWS_DEFAULT = 100;\nexport const MATRIX_SPACING_X_DEFAULT = 'space-700';\nexport const MATRIX_SPACING_Y_DEFAULT = 'space-0';\n"],"names":["MATRIX_COLS_DEFAULT","MATRIX_ROWS_DEFAULT","MATRIX_ITEM_ROWS_DEFAULT","MATRIX_SPACING_X_DEFAULT","MATRIX_SPACING_Y_DEFAULT"],"mappings":"gFAAO,MAAMA,EAAsB,EACtBC,EAAsB,IACtBC,EAA2B,IAC3BC,EAA2B,YAC3BC,EAA2B"}

package/dist/components/Matrix/constants.js

@@ -0,0 +1,9 @@
+const _ = 3, A = 100, T = 100, s = "space-700", c = "space-0";
+export {
+  _ as MATRIX_COLS_DEFAULT,
+  T as MATRIX_ITEM_ROWS_DEFAULT,
+  A as MATRIX_ROWS_DEFAULT,
+  s as MATRIX_SPACING_X_DEFAULT,
+  c as MATRIX_SPACING_Y_DEFAULT
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Matrix/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Matrix/constants.ts"],"sourcesContent":["export const MATRIX_COLS_DEFAULT = 3;\nexport const MATRIX_ROWS_DEFAULT = 100;\nexport const MATRIX_ITEM_ROWS_DEFAULT = 100;\nexport const MATRIX_SPACING_X_DEFAULT = 'space-700';\nexport const MATRIX_SPACING_Y_DEFAULT = 'space-0';\n"],"names":["MATRIX_COLS_DEFAULT","MATRIX_ROWS_DEFAULT","MATRIX_ITEM_ROWS_DEFAULT","MATRIX_SPACING_X_DEFAULT","MATRIX_SPACING_Y_DEFAULT"],"mappings":"AAAO,MAAMA,IAAsB,GACtBC,IAAsB,KACtBC,IAA2B,KAC3BC,IAA2B,aAC3BC,IAA2B;"}

package/dist/components/Matrix/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Matrix.cjs"),e=require("./useMatrixStyleProps.cjs");exports.Matrix=t.default;exports.useDefaultResponsiveRowsStyle=e.useDefaultResponsiveRowsStyle;exports.useMatrixStyleProps=e.useMatrixStyleProps;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Matrix/index.cjs.map

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