@alma-oss/spirit-web-react 4.2.1 → 4.4.2

package/dist/components/Icon/useIconBoxSize.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./constants.cjs"),o=e=>typeof e=="object"?e.mobile??t.DEFAULT_BOX_SIZE:e??t.DEFAULT_BOX_SIZE;exports.useIconBoxSize=o;
+//# sourceMappingURL=useIconBoxSize.cjs.map

package/dist/components/Icon/useIconBoxSize.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconBoxSize.cjs","sources":["../../../src/components/Icon/useIconBoxSize.ts"],"sourcesContent":["import { type IconBoxSize } from '../../types';\nimport { DEFAULT_BOX_SIZE } from './constants';\n\nexport const useIconBoxSize = (boxSize: IconBoxSize | undefined) =>\n  typeof boxSize === 'object' ? (boxSize.mobile ?? DEFAULT_BOX_SIZE) : (boxSize ?? DEFAULT_BOX_SIZE);\n"],"names":["useIconBoxSize","boxSize","DEFAULT_BOX_SIZE"],"mappings":"mHAGaA,EAAkBC,GAC7B,OAAOA,GAAY,SAAYA,EAAQ,QAAUC,EAAAA,iBAAqBD,GAAWC,EAAAA"}

package/dist/components/Icon/useIconBoxSize.d.ts

@@ -0,0 +1,2 @@
+import { IconBoxSize } from '../../types';
+export declare const useIconBoxSize: (boxSize: IconBoxSize | undefined) => number;

package/dist/components/Icon/useIconBoxSize.js

@@ -0,0 +1,6 @@
+import { DEFAULT_BOX_SIZE as t } from "./constants.js";
+const c = (o) => typeof o == "object" ? o.mobile ?? t : o ?? t;
+export {
+  c as useIconBoxSize
+};
+//# sourceMappingURL=useIconBoxSize.js.map

package/dist/components/Icon/useIconBoxSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconBoxSize.js","sources":["../../../src/components/Icon/useIconBoxSize.ts"],"sourcesContent":["import { type IconBoxSize } from '../../types';\nimport { DEFAULT_BOX_SIZE } from './constants';\n\nexport const useIconBoxSize = (boxSize: IconBoxSize | undefined) =>\n  typeof boxSize === 'object' ? (boxSize.mobile ?? DEFAULT_BOX_SIZE) : (boxSize ?? DEFAULT_BOX_SIZE);\n"],"names":["useIconBoxSize","boxSize","DEFAULT_BOX_SIZE"],"mappings":";AAGO,MAAMA,IAAiB,CAACC,MAC7B,OAAOA,KAAY,WAAYA,EAAQ,UAAUC,IAAqBD,KAAWC;"}

package/dist/components/Icon/useIconStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@alma-oss/spirit-design-tokens"),p=require("classnames"),P=require("../../constants/dictionaries.cjs"),S=require("../../hooks/useClassNamePrefix.cjs"),m=(t,s)=>{const o={};return typeof s=="object"&&Object.entries(s).forEach(([e,n])=>{const c=e==="mobile"?"":`-${e}`;o[`${t}${c}`]=`${n?.toString()}px`}),o},y=t=>{const{boxSize:s,color:o,name:e,...n}=t,c=`--${f.cssVariablePrefix}icon`,r=String(e).includes("-dualtone")&&!o?P.TextColors.PRIMARY:o,i=S.useClassNamePrefix("Icon"),l=`${i}--${r}`,u=p(i,{[l]:o||r}),a={...s?m(`${c}-size`,s):{}};return{classProps:u,iconStyleProps:a,props:n}};exports.useIconStyleProps=y;
+//# sourceMappingURL=useIconStyleProps.cjs.map

package/dist/components/Icon/useIconStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconStyleProps.cjs","sources":["../../../src/components/Icon/useIconStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { TextColors } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport type { IconBoxSize, IconStyleProps, SpiritIconProps } from '../../types';\n\nconst setCustomDimension = (prefix: string, size: IconBoxSize): CSSProperties => {\n  const style: CSSProperties = {};\n\n  if (typeof size === 'object') {\n    Object.entries(size).forEach(([breakpoint, breakpointSize]) => {\n      const breakpointSuffix = breakpoint === 'mobile' ? '' : `-${breakpoint}`;\n\n      (style as Record<string, string | undefined>)[`${prefix}${breakpointSuffix}`] = `${breakpointSize?.toString()}px`;\n    });\n  }\n\n  return style;\n};\n\nexport interface IconStyles {\n  classProps: string;\n  iconStyleProps: CSSProperties;\n  props: Omit<SpiritIconProps, keyof IconStyleProps>;\n}\n\nexport const useIconStyleProps = (props: SpiritIconProps): IconStyles => {\n  const { boxSize, color, name, ...otherProps } = props;\n  const stylePrefix: string = `--${cssVariablePrefix}icon`;\n  const isDualtoneIcon = String(name).includes('-dualtone');\n  const dualtoneColorWithDefault = isDualtoneIcon && !color ? TextColors.PRIMARY : color;\n\n  const iconClass = useClassNamePrefix('Icon');\n  const iconDualtoneColorClass = `${iconClass}--${dualtoneColorWithDefault}`;\n  const classProps = classNames(iconClass, {\n    [iconDualtoneColorClass]: color || dualtoneColorWithDefault,\n  });\n\n  const customizedIconStyle = {\n    ...(boxSize ? setCustomDimension(`${stylePrefix}-size`, boxSize) : {}),\n  };\n\n  return {\n    classProps,\n    iconStyleProps: customizedIconStyle,\n    props: otherProps,\n  };\n};\n"],"names":["setCustomDimension","prefix","size","style","breakpoint","breakpointSize","breakpointSuffix","useIconStyleProps","props","boxSize","color","name","otherProps","stylePrefix","cssVariablePrefix","dualtoneColorWithDefault","TextColors","iconClass","useClassNamePrefix","iconDualtoneColorClass","classProps","classNames","customizedIconStyle"],"mappings":"wPAOMA,EAAqB,CAACC,EAAgBC,IAAqC,CAC/E,MAAMC,EAAuB,CAAA,EAE7B,OAAI,OAAOD,GAAS,UAClB,OAAO,QAAQA,CAAI,EAAE,QAAQ,CAAC,CAACE,EAAYC,CAAc,IAAM,CAC7D,MAAMC,EAAmBF,IAAe,SAAW,GAAK,IAAIA,CAAU,GAErED,EAA6C,GAAGF,CAAM,GAAGK,CAAgB,EAAE,EAAI,GAAGD,GAAgB,SAAA,CAAU,IAC/G,CAAC,EAGIF,CACT,EAQaI,EAAqBC,GAAuC,CACvE,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,KAAAC,EAAM,GAAGC,GAAeJ,EAC1CK,EAAsB,KAAKC,EAAAA,iBAAiB,OAE5CC,EADiB,OAAOJ,CAAI,EAAE,SAAS,WAAW,GACL,CAACD,EAAQM,EAAAA,WAAW,QAAUN,EAE3EO,EAAYC,EAAAA,mBAAmB,MAAM,EACrCC,EAAyB,GAAGF,CAAS,KAAKF,CAAwB,GAClEK,EAAaC,EAAWJ,EAAW,CACvC,CAACE,CAAsB,EAAGT,GAASK,CAAA,CACpC,EAEKO,EAAsB,CAC1B,GAAIb,EAAUT,EAAmB,GAAGa,CAAW,QAASJ,CAAO,EAAI,CAAA,CAAC,EAGtE,MAAO,CACL,WAAAW,EACA,eAAgBE,EAChB,MAAOV,CAAA,CAEX"}

package/dist/components/Icon/useIconStyleProps.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { IconStyleProps, SpiritIconProps } from '../../types';
+export interface IconStyles {
+    classProps: string;
+    iconStyleProps: CSSProperties;
+    props: Omit<SpiritIconProps, keyof IconStyleProps>;
+}
+export declare const useIconStyleProps: (props: SpiritIconProps) => IconStyles;

package/dist/components/Icon/useIconStyleProps.js

@@ -0,0 +1,26 @@
+import { cssVariablePrefix as u } from "@alma-oss/spirit-design-tokens";
+import f from "classnames";
+import { TextColors as p } from "../../constants/dictionaries.js";
+import { useClassNamePrefix as x } from "../../hooks/useClassNamePrefix.js";
+const P = (e, s) => {
+  const o = {};
+  return typeof s == "object" && Object.entries(s).forEach(([t, n]) => {
+    const r = t === "mobile" ? "" : `-${t}`;
+    o[`${e}${r}`] = `${n?.toString()}px`;
+  }), o;
+}, b = (e) => {
+  const { boxSize: s, color: o, name: t, ...n } = e, r = `--${u}icon`, c = String(t).includes("-dualtone") && !o ? p.PRIMARY : o, i = x("Icon"), l = `${i}--${c}`, a = f(i, {
+    [l]: o || c
+  }), m = {
+    ...s ? P(`${r}-size`, s) : {}
+  };
+  return {
+    classProps: a,
+    iconStyleProps: m,
+    props: n
+  };
+};
+export {
+  b as useIconStyleProps
+};
+//# sourceMappingURL=useIconStyleProps.js.map

package/dist/components/Icon/useIconStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconStyleProps.js","sources":["../../../src/components/Icon/useIconStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { TextColors } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport type { IconBoxSize, IconStyleProps, SpiritIconProps } from '../../types';\n\nconst setCustomDimension = (prefix: string, size: IconBoxSize): CSSProperties => {\n  const style: CSSProperties = {};\n\n  if (typeof size === 'object') {\n    Object.entries(size).forEach(([breakpoint, breakpointSize]) => {\n      const breakpointSuffix = breakpoint === 'mobile' ? '' : `-${breakpoint}`;\n\n      (style as Record<string, string | undefined>)[`${prefix}${breakpointSuffix}`] = `${breakpointSize?.toString()}px`;\n    });\n  }\n\n  return style;\n};\n\nexport interface IconStyles {\n  classProps: string;\n  iconStyleProps: CSSProperties;\n  props: Omit<SpiritIconProps, keyof IconStyleProps>;\n}\n\nexport const useIconStyleProps = (props: SpiritIconProps): IconStyles => {\n  const { boxSize, color, name, ...otherProps } = props;\n  const stylePrefix: string = `--${cssVariablePrefix}icon`;\n  const isDualtoneIcon = String(name).includes('-dualtone');\n  const dualtoneColorWithDefault = isDualtoneIcon && !color ? TextColors.PRIMARY : color;\n\n  const iconClass = useClassNamePrefix('Icon');\n  const iconDualtoneColorClass = `${iconClass}--${dualtoneColorWithDefault}`;\n  const classProps = classNames(iconClass, {\n    [iconDualtoneColorClass]: color || dualtoneColorWithDefault,\n  });\n\n  const customizedIconStyle = {\n    ...(boxSize ? setCustomDimension(`${stylePrefix}-size`, boxSize) : {}),\n  };\n\n  return {\n    classProps,\n    iconStyleProps: customizedIconStyle,\n    props: otherProps,\n  };\n};\n"],"names":["setCustomDimension","prefix","size","style","breakpoint","breakpointSize","breakpointSuffix","useIconStyleProps","props","boxSize","color","name","otherProps","stylePrefix","cssVariablePrefix","dualtoneColorWithDefault","TextColors","iconClass","useClassNamePrefix","iconDualtoneColorClass","classProps","classNames","customizedIconStyle"],"mappings":";;;;AAOA,MAAMA,IAAqB,CAACC,GAAgBC,MAAqC;AAC/E,QAAMC,IAAuB,CAAA;AAE7B,SAAI,OAAOD,KAAS,YAClB,OAAO,QAAQA,CAAI,EAAE,QAAQ,CAAC,CAACE,GAAYC,CAAc,MAAM;AAC7D,UAAMC,IAAmBF,MAAe,WAAW,KAAK,IAAIA,CAAU;AAErE,IAAAD,EAA6C,GAAGF,CAAM,GAAGK,CAAgB,EAAE,IAAI,GAAGD,GAAgB,SAAA,CAAU;AAAA,EAC/G,CAAC,GAGIF;AACT,GAQaI,IAAoB,CAACC,MAAuC;AACvE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,MAAAC,GAAM,GAAGC,MAAeJ,GAC1CK,IAAsB,KAAKC,CAAiB,QAE5CC,IADiB,OAAOJ,CAAI,EAAE,SAAS,WAAW,KACL,CAACD,IAAQM,EAAW,UAAUN,GAE3EO,IAAYC,EAAmB,MAAM,GACrCC,IAAyB,GAAGF,CAAS,KAAKF,CAAwB,IAClEK,IAAaC,EAAWJ,GAAW;AAAA,IACvC,CAACE,CAAsB,GAAGT,KAASK;AAAA,EAAA,CACpC,GAEKO,IAAsB;AAAA,IAC1B,GAAIb,IAAUT,EAAmB,GAAGa,CAAW,SAASJ,CAAO,IAAI,CAAA;AAAA,EAAC;AAGtE,SAAO;AAAA,IACL,YAAAW;AAAA,IACA,gBAAgBE;AAAA,IAChB,OAAOV;AAAA,EAAA;AAEX;"}

package/dist/components/Icon/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const textColors: import('../..').TextColorsDictionaryType[];
+export declare const accentColors: import('../..').AccentColorNamesType[];
+export declare const emotionColors: import('../..').EmotionColorNamesType[];
+export declare const iconColors: ("primary" | "secondary" | "tertiary" | "danger" | "informative" | "success" | "warning" | "01" | "02" | undefined)[];

package/dist/components/Icon.d.ts

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

package/dist/components/IconBox/IconBox.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),q=require("classnames"),N=require("react"),o=require("../../constants/dictionaries.cjs"),C=require("../../hooks/styleProps.cjs"),E=require("../Box/Box.cjs"),z=require("../Icon/Icon.cjs"),R=require("./constants.cjs"),g=require("./useIconBoxColors.cjs"),v=require("./useIconBoxStyleProps.cjs"),M={shape:R.IconBoxShapes.ROUNDED,color:o.EmotionColors.INFORMATIVE,elementType:"div",hasBorder:!0,isSubtle:!0,size:o.SizesExtended.MEDIUM},T=(i,c)=>{const l={...M,...i},{elementType:u,shape:d,color:a,iconName:p,isSubtle:x,hasBorder:r,size:m,...y}=l,B=u,{colors:e}=g.useIconBoxColors(a,x),{iconBoxStyles:S,props:P,shapesProps:I,sizeProps:{padding:h,iconSize:b}}=v.useIconBoxStyleProps({size:m,shape:d,...y}),{styleProps:t,props:f}=C.useStyleProps(P);return n.jsx(E.default,{...f,backgroundColor:e.background,elementType:B,borderColor:r?e.border:void 0,borderRadius:I,borderWidth:r?o.BorderWidths[100]:void 0,padding:h,textColor:e.text,UNSAFE_className:q(t.className,"d-inline-flex"),UNSAFE_style:{...t.style,...S},ref:c,children:n.jsx(z.default,{"aria-hidden":"true",boxSize:b,name:p})})},s=N.forwardRef(T);s.spiritComponent="IconBox";s.displayName="IconBox";exports.default=s;
+//# sourceMappingURL=IconBox.cjs.map

package/dist/components/IconBox/IconBox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBox.cjs","sources":["../../../src/components/IconBox/IconBox.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType, forwardRef } from 'react';\nimport { BorderWidths, EmotionColors, SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport type { IconBoxProps, PolymorphicComponent, PolymorphicRef, SpiritIconBoxProps } from '../../types';\nimport { Box } from '../Box';\nimport { Icon } from '../Icon';\nimport { IconBoxShapes } from './constants';\nimport { useIconBoxColors } from './useIconBoxColors';\nimport { useIconBoxStyleProps } from './useIconBoxStyleProps';\n\nconst defaultProps = {\n  shape: IconBoxShapes.ROUNDED,\n  color: EmotionColors.INFORMATIVE,\n  elementType: 'div',\n  hasBorder: true,\n  isSubtle: true,\n  size: SizesExtended.MEDIUM,\n};\n\nconst _IconBox = <E extends ElementType = 'div'>(props: SpiritIconBoxProps<E>, ref: PolymorphicRef<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, shape, color, iconName, isSubtle, hasBorder, size, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { colors } = useIconBoxColors(color, isSubtle);\n  const {\n    iconBoxStyles: iconBoxStyleProps,\n    props: modifiedProps,\n    shapesProps,\n    sizeProps: { padding, iconSize },\n  } = useIconBoxStyleProps({\n    size,\n    shape,\n    ...restProps,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <Box\n      {...otherProps}\n      backgroundColor={colors.background}\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Polymorphic elementType needs type assertion\n      elementType={Component as any}\n      borderColor={hasBorder ? colors.border : undefined}\n      borderRadius={shapesProps}\n      borderWidth={hasBorder ? BorderWidths['100'] : undefined}\n      padding={padding}\n      textColor={colors.text}\n      UNSAFE_className={classNames(styleProps.className, 'd-inline-flex')}\n      UNSAFE_style={{\n        ...styleProps.style,\n        ...iconBoxStyleProps,\n      }}\n      ref={ref}\n    >\n      <Icon aria-hidden=\"true\" boxSize={iconSize} name={iconName} />\n    </Box>\n  );\n};\n\nconst IconBox = forwardRef<HTMLDivElement, SpiritIconBoxProps<'div'>>(_IconBox) as unknown as PolymorphicComponent<\n  'div',\n  IconBoxProps\n>;\n\nIconBox.spiritComponent = 'IconBox';\nIconBox.displayName = 'IconBox';\n\nexport default IconBox;\n"],"names":["defaultProps","IconBoxShapes","EmotionColors","SizesExtended","_IconBox","props","ref","propsWithDefaults","elementType","shape","color","iconName","isSubtle","hasBorder","size","restProps","Component","colors","useIconBoxColors","iconBoxStyleProps","modifiedProps","shapesProps","padding","iconSize","useIconBoxStyleProps","styleProps","otherProps","useStyleProps","jsx","Box","BorderWidths","classNames","Icon","IconBox","forwardRef"],"mappings":"kcAaMA,EAAe,CACnB,MAAOC,EAAAA,cAAc,QACrB,MAAOC,EAAAA,cAAc,YACrB,YAAa,MACb,UAAW,GACX,SAAU,GACV,KAAMC,EAAAA,cAAc,MACtB,EAEMC,EAAW,CAAgCC,EAA8BC,IAA2B,CACxG,MAAMC,EAAoB,CAAE,GAAGP,EAAc,GAAGK,CAAA,EAC1C,CAAE,YAAAG,EAAa,MAAAC,EAAO,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAA,EAAcR,EAEnFS,EAAYR,EAEZ,CAAE,OAAAS,CAAA,EAAWC,mBAAiBR,EAAOE,CAAQ,EAC7C,CACJ,cAAeO,EACf,MAAOC,EACP,YAAAC,EACA,UAAW,CAAE,QAAAC,EAAS,SAAAC,CAAA,CAAS,EAC7BC,uBAAqB,CACvB,KAAAV,EACA,MAAAL,EACA,GAAGM,CAAA,CACJ,EACK,CAAA,WAAEU,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcP,CAAa,EAErE,OACEQ,EAAAA,IAACC,EAAAA,QAAA,CACE,GAAGH,EACJ,gBAAiBT,EAAO,WAExB,YAAaD,EACb,YAAaH,EAAYI,EAAO,OAAS,OACzC,aAAcI,EACd,YAAaR,EAAYiB,eAAa,GAAK,EAAI,OAC/C,QAAAR,EACA,UAAWL,EAAO,KAClB,iBAAkBc,EAAWN,EAAW,UAAW,eAAe,EAClE,aAAc,CACZ,GAAGA,EAAW,MACd,GAAGN,CAAA,EAEL,IAAAb,EAEA,eAAC0B,EAAAA,QAAA,CAAK,cAAY,OAAO,QAAST,EAAU,KAAMZ,CAAA,CAAU,CAAA,CAAA,CAGlE,EAEMsB,EAAUC,EAAAA,WAAsD9B,CAAQ,EAK9E6B,EAAQ,gBAAkB,UAC1BA,EAAQ,YAAc"}

package/dist/components/IconBox/IconBox.d.ts

@@ -0,0 +1,3 @@
+import { IconBoxProps, PolymorphicComponent } from '../../types';
+declare const IconBox: PolymorphicComponent<"div", IconBoxProps>;
+export default IconBox;

package/dist/components/IconBox/IconBox.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import b from "classnames";
+import { forwardRef as N } from "react";
+import { SizesExtended as C, EmotionColors as E, BorderWidths as z } from "../../constants/dictionaries.js";
+import { useStyleProps as D } from "../../hooks/styleProps.js";
+import R from "../Box/Box.js";
+import T from "../Icon/Icon.js";
+import { IconBoxShapes as U } from "./constants.js";
+import { useIconBoxColors as g } from "./useIconBoxColors.js";
+import { useIconBoxStyleProps as v } from "./useIconBoxStyleProps.js";
+const A = {
+  shape: U.ROUNDED,
+  color: E.INFORMATIVE,
+  elementType: "div",
+  hasBorder: !0,
+  isSubtle: !0,
+  size: C.MEDIUM
+}, F = (i, n) => {
+  const p = { ...A, ...i }, { elementType: m, shape: c, color: l, iconName: d, isSubtle: a, hasBorder: e, size: f, ...u } = p, x = m, { colors: o } = g(l, a), {
+    iconBoxStyles: B,
+    props: h,
+    shapesProps: S,
+    sizeProps: { padding: y, iconSize: I }
+  } = v({
+    size: f,
+    shape: c,
+    ...u
+  }), { styleProps: r, props: P } = D(h);
+  return /* @__PURE__ */ s(
+    R,
+    {
+      ...P,
+      backgroundColor: o.background,
+      elementType: x,
+      borderColor: e ? o.border : void 0,
+      borderRadius: S,
+      borderWidth: e ? z[100] : void 0,
+      padding: y,
+      textColor: o.text,
+      UNSAFE_className: b(r.className, "d-inline-flex"),
+      UNSAFE_style: {
+        ...r.style,
+        ...B
+      },
+      ref: n,
+      children: /* @__PURE__ */ s(T, { "aria-hidden": "true", boxSize: I, name: d })
+    }
+  );
+}, t = N(F);
+t.spiritComponent = "IconBox";
+t.displayName = "IconBox";
+export {
+  t as default
+};
+//# sourceMappingURL=IconBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconBox.js","sources":["../../../src/components/IconBox/IconBox.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType, forwardRef } from 'react';\nimport { BorderWidths, EmotionColors, SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport type { IconBoxProps, PolymorphicComponent, PolymorphicRef, SpiritIconBoxProps } from '../../types';\nimport { Box } from '../Box';\nimport { Icon } from '../Icon';\nimport { IconBoxShapes } from './constants';\nimport { useIconBoxColors } from './useIconBoxColors';\nimport { useIconBoxStyleProps } from './useIconBoxStyleProps';\n\nconst defaultProps = {\n  shape: IconBoxShapes.ROUNDED,\n  color: EmotionColors.INFORMATIVE,\n  elementType: 'div',\n  hasBorder: true,\n  isSubtle: true,\n  size: SizesExtended.MEDIUM,\n};\n\nconst _IconBox = <E extends ElementType = 'div'>(props: SpiritIconBoxProps<E>, ref: PolymorphicRef<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, shape, color, iconName, isSubtle, hasBorder, size, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { colors } = useIconBoxColors(color, isSubtle);\n  const {\n    iconBoxStyles: iconBoxStyleProps,\n    props: modifiedProps,\n    shapesProps,\n    sizeProps: { padding, iconSize },\n  } = useIconBoxStyleProps({\n    size,\n    shape,\n    ...restProps,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <Box\n      {...otherProps}\n      backgroundColor={colors.background}\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Polymorphic elementType needs type assertion\n      elementType={Component as any}\n      borderColor={hasBorder ? colors.border : undefined}\n      borderRadius={shapesProps}\n      borderWidth={hasBorder ? BorderWidths['100'] : undefined}\n      padding={padding}\n      textColor={colors.text}\n      UNSAFE_className={classNames(styleProps.className, 'd-inline-flex')}\n      UNSAFE_style={{\n        ...styleProps.style,\n        ...iconBoxStyleProps,\n      }}\n      ref={ref}\n    >\n      <Icon aria-hidden=\"true\" boxSize={iconSize} name={iconName} />\n    </Box>\n  );\n};\n\nconst IconBox = forwardRef<HTMLDivElement, SpiritIconBoxProps<'div'>>(_IconBox) as unknown as PolymorphicComponent<\n  'div',\n  IconBoxProps\n>;\n\nIconBox.spiritComponent = 'IconBox';\nIconBox.displayName = 'IconBox';\n\nexport default IconBox;\n"],"names":["defaultProps","IconBoxShapes","EmotionColors","SizesExtended","_IconBox","props","ref","propsWithDefaults","elementType","shape","color","iconName","isSubtle","hasBorder","size","restProps","Component","colors","useIconBoxColors","iconBoxStyleProps","modifiedProps","shapesProps","padding","iconSize","useIconBoxStyleProps","styleProps","otherProps","useStyleProps","jsx","Box","BorderWidths","classNames","Icon","IconBox","forwardRef"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAe;AAAA,EACnB,OAAOC,EAAc;AAAA,EACrB,OAAOC,EAAc;AAAA,EACrB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AAAA,EACV,MAAMC,EAAc;AACtB,GAEMC,IAAW,CAAgCC,GAA8BC,MAA2B;AACxG,QAAMC,IAAoB,EAAE,GAAGP,GAAc,GAAGK,EAAA,GAC1C,EAAE,aAAAG,GAAa,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,UAAAC,GAAU,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,IAAcR,GAEnFS,IAAYR,GAEZ,EAAE,QAAAS,EAAA,IAAWC,EAAiBR,GAAOE,CAAQ,GAC7C;AAAA,IACJ,eAAeO;AAAA,IACf,OAAOC;AAAA,IACP,aAAAC;AAAA,IACA,WAAW,EAAE,SAAAC,GAAS,UAAAC,EAAA;AAAA,EAAS,IAC7BC,EAAqB;AAAA,IACvB,MAAAV;AAAA,IACA,OAAAL;AAAA,IACA,GAAGM;AAAA,EAAA,CACJ,GACK,EAAE,YAAAU,GAAY,OAAOC,EAAA,IAAeC,EAAcP,CAAa;AAErE,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,iBAAiBT,EAAO;AAAA,MAExB,aAAaD;AAAA,MACb,aAAaH,IAAYI,EAAO,SAAS;AAAA,MACzC,cAAcI;AAAA,MACd,aAAaR,IAAYiB,EAAa,GAAK,IAAI;AAAA,MAC/C,SAAAR;AAAA,MACA,WAAWL,EAAO;AAAA,MAClB,kBAAkBc,EAAWN,EAAW,WAAW,eAAe;AAAA,MAClE,cAAc;AAAA,QACZ,GAAGA,EAAW;AAAA,QACd,GAAGN;AAAA,MAAA;AAAA,MAEL,KAAAb;AAAA,MAEA,4BAAC0B,GAAA,EAAK,eAAY,QAAO,SAAST,GAAU,MAAMZ,EAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAGlE,GAEMsB,IAAUC,EAAsD9B,CAAQ;AAK9E6B,EAAQ,kBAAkB;AAC1BA,EAAQ,cAAc;"}

package/dist/components/IconBox/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/dictionaries.cjs"),i={ROUNDED:"rounded",SQUARE:"square",CIRCLE:"circle"},d={[e.SizesExtended.XSMALL]:{padding:"space-500",iconSize:16},[e.SizesExtended.SMALL]:{padding:"space-500",iconSize:20},[e.SizesExtended.MEDIUM]:{padding:"space-600",iconSize:24},[e.SizesExtended.LARGE]:{padding:"space-600",iconSize:28},[e.SizesExtended.XLARGE]:{padding:"space-700",iconSize:28}},o={[i.CIRCLE]:e.BorderRadii.FULL,[i.ROUNDED]:e.BorderRadii[300],[i.SQUARE]:e.BorderRadii[0]};exports.IconBoxShapes=i;exports.IconBoxShapesRadii=o;exports.IconBoxSizes=d;
+//# sourceMappingURL=constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/IconBox/constants.ts"],"sourcesContent":["import { BorderRadii, SizesExtended } from '../../constants';\n\nexport const IconBoxShapes = {\n  ROUNDED: 'rounded',\n  SQUARE: 'square',\n  CIRCLE: 'circle',\n} as const;\n\nexport const IconBoxSizes = {\n  [SizesExtended.XSMALL]: { padding: 'space-500', iconSize: 16 },\n  [SizesExtended.SMALL]: { padding: 'space-500', iconSize: 20 },\n  [SizesExtended.MEDIUM]: { padding: 'space-600', iconSize: 24 },\n  [SizesExtended.LARGE]: { padding: 'space-600', iconSize: 28 },\n  [SizesExtended.XLARGE]: { padding: 'space-700', iconSize: 28 },\n} as const;\n\nexport const IconBoxShapesRadii = {\n  [IconBoxShapes.CIRCLE]: BorderRadii.FULL,\n  [IconBoxShapes.ROUNDED]: BorderRadii['300'],\n  [IconBoxShapes.SQUARE]: BorderRadii['0'],\n} as const;\n"],"names":["IconBoxShapes","IconBoxSizes","SizesExtended","IconBoxShapesRadii","BorderRadii"],"mappings":"oIAEaA,EAAgB,CAC3B,QAAS,UACT,OAAQ,SACR,OAAQ,QACV,EAEaC,EAAe,CAC1B,CAACC,EAAAA,cAAc,MAAM,EAAG,CAAE,QAAS,YAAa,SAAU,EAAA,EAC1D,CAACA,EAAAA,cAAc,KAAK,EAAG,CAAE,QAAS,YAAa,SAAU,EAAA,EACzD,CAACA,EAAAA,cAAc,MAAM,EAAG,CAAE,QAAS,YAAa,SAAU,EAAA,EAC1D,CAACA,EAAAA,cAAc,KAAK,EAAG,CAAE,QAAS,YAAa,SAAU,EAAA,EACzD,CAACA,EAAAA,cAAc,MAAM,EAAG,CAAE,QAAS,YAAa,SAAU,EAAA,CAC5D,EAEaC,EAAqB,CAChC,CAACH,EAAc,MAAM,EAAGI,EAAAA,YAAY,KACpC,CAACJ,EAAc,OAAO,EAAGI,EAAAA,YAAY,GAAK,EAC1C,CAACJ,EAAc,MAAM,EAAGI,EAAAA,YAAY,CAAG,CACzC"}

package/dist/components/IconBox/constants.js

@@ -0,0 +1,22 @@
+import { BorderRadii as e, SizesExtended as i } from "../../constants/dictionaries.js";
+const c = {
+  ROUNDED: "rounded",
+  SQUARE: "square",
+  CIRCLE: "circle"
+}, n = {
+  [i.XSMALL]: { padding: "space-500", iconSize: 16 },
+  [i.SMALL]: { padding: "space-500", iconSize: 20 },
+  [i.MEDIUM]: { padding: "space-600", iconSize: 24 },
+  [i.LARGE]: { padding: "space-600", iconSize: 28 },
+  [i.XLARGE]: { padding: "space-700", iconSize: 28 }
+}, d = {
+  [c.CIRCLE]: e.FULL,
+  [c.ROUNDED]: e[300],
+  [c.SQUARE]: e[0]
+};
+export {
+  c as IconBoxShapes,
+  d as IconBoxShapesRadii,
+  n as IconBoxSizes
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/IconBox/constants.ts"],"sourcesContent":["import { BorderRadii, SizesExtended } from '../../constants';\n\nexport const IconBoxShapes = {\n  ROUNDED: 'rounded',\n  SQUARE: 'square',\n  CIRCLE: 'circle',\n} as const;\n\nexport const IconBoxSizes = {\n  [SizesExtended.XSMALL]: { padding: 'space-500', iconSize: 16 },\n  [SizesExtended.SMALL]: { padding: 'space-500', iconSize: 20 },\n  [SizesExtended.MEDIUM]: { padding: 'space-600', iconSize: 24 },\n  [SizesExtended.LARGE]: { padding: 'space-600', iconSize: 28 },\n  [SizesExtended.XLARGE]: { padding: 'space-700', iconSize: 28 },\n} as const;\n\nexport const IconBoxShapesRadii = {\n  [IconBoxShapes.CIRCLE]: BorderRadii.FULL,\n  [IconBoxShapes.ROUNDED]: BorderRadii['300'],\n  [IconBoxShapes.SQUARE]: BorderRadii['0'],\n} as const;\n"],"names":["IconBoxShapes","IconBoxSizes","SizesExtended","IconBoxShapesRadii","BorderRadii"],"mappings":";AAEO,MAAMA,IAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAAe;AAAA,EAC1B,CAACC,EAAc,MAAM,GAAG,EAAE,SAAS,aAAa,UAAU,GAAA;AAAA,EAC1D,CAACA,EAAc,KAAK,GAAG,EAAE,SAAS,aAAa,UAAU,GAAA;AAAA,EACzD,CAACA,EAAc,MAAM,GAAG,EAAE,SAAS,aAAa,UAAU,GAAA;AAAA,EAC1D,CAACA,EAAc,KAAK,GAAG,EAAE,SAAS,aAAa,UAAU,GAAA;AAAA,EACzD,CAACA,EAAc,MAAM,GAAG,EAAE,SAAS,aAAa,UAAU,GAAA;AAC5D,GAEaC,IAAqB;AAAA,EAChC,CAACH,EAAc,MAAM,GAAGI,EAAY;AAAA,EACpC,CAACJ,EAAc,OAAO,GAAGI,EAAY,GAAK;AAAA,EAC1C,CAACJ,EAAc,MAAM,GAAGI,EAAY,CAAG;AACzC;"}

package/dist/components/IconBox/index.cjs

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

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

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

package/dist/components/IconBox/index.js

@@ -0,0 +1,9 @@
+import { default as e } from "./IconBox.js";
+import { useIconBoxColors as t } from "./useIconBoxColors.js";
+import { useIconBoxStyleProps as c } from "./useIconBoxStyleProps.js";
+export {
+  e as IconBox,
+  t as useIconBoxColors,
+  c as useIconBoxStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/IconBox/useIconBoxColors.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@alma-oss/spirit-design-tokens"),c=require("../../constants/colors.cjs"),o=require("../../constants/dictionaries.cjs"),i=(e,n,t)=>`${e}-${n}-${t}`,a=e=>Object.keys(y.emotionColors).includes(e)?c.ColorPrefixes.EMOTION:c.ColorPrefixes.ACCENT,d=(e,n=!0)=>{const t=n?o.Intensity.SUBTLE:o.Intensity.BASIC,l=t===o.Intensity.BASIC?o.Intensity.SUBTLE:o.Intensity.BASIC,s=e??o.EmotionColors.INFORMATIVE,r=a(s),u=i(r,s,t),I=i(r,s,t),C=i(r,s,l);return{colors:{background:u,border:I,text:C}}};exports.useIconBoxColors=d;
+//# sourceMappingURL=useIconBoxColors.cjs.map

package/dist/components/IconBox/useIconBoxColors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconBoxColors.cjs","sources":["../../../src/components/IconBox/useIconBoxColors.ts"],"sourcesContent":["import { emotionColors } from '@alma-oss/spirit-design-tokens';\nimport { EmotionColors, Intensity } from '../../constants';\nimport { ColorPrefixes } from '../../constants/colors';\nimport type {\n  BackgroundAccentColorsType,\n  BackgroundEmotionColorsType,\n  BorderAccentColorsType,\n  BorderEmotionColorsType,\n  ColorPrefixesType,\n  IconBoxColorsType,\n  IntensityDictionaryType,\n  TextColorProps,\n} from '../../types';\n\nexport interface UseIconBoxColorsProps {\n  colors: {\n    background: BackgroundAccentColorsType | BackgroundEmotionColorsType;\n    border: BorderAccentColorsType | BorderEmotionColorsType;\n    text: TextColorProps['textColor'];\n  };\n}\n\nconst setFullColorName = (prefix: ColorPrefixesType, base: string, intensity: IntensityDictionaryType) =>\n  `${prefix}-${base}-${intensity}`;\n\nconst derivePrefix = (base: string): ColorPrefixesType =>\n  Object.keys(emotionColors).includes(base) ? ColorPrefixes.EMOTION : ColorPrefixes.ACCENT;\n\nexport const useIconBoxColors = (color?: IconBoxColorsType, isSubtle = true): UseIconBoxColorsProps => {\n  const intensity: IntensityDictionaryType = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const complementaryIntensity: IntensityDictionaryType =\n    intensity === Intensity.BASIC ? Intensity.SUBTLE : Intensity.BASIC;\n  const base: IconBoxColorsType = color ?? EmotionColors.INFORMATIVE;\n  const prefix: ColorPrefixesType = derivePrefix(base);\n\n  const background = setFullColorName(prefix, base, intensity) as\n    | BackgroundAccentColorsType\n    | BackgroundEmotionColorsType;\n  const border = setFullColorName(prefix, base, intensity) as BorderAccentColorsType | BorderEmotionColorsType;\n  const text = setFullColorName(prefix, base, complementaryIntensity) as TextColorProps['textColor'];\n\n  return {\n    colors: {\n      background,\n      border,\n      text,\n    },\n  };\n};\n"],"names":["setFullColorName","prefix","base","intensity","derivePrefix","emotionColors","ColorPrefixes","useIconBoxColors","color","isSubtle","Intensity","complementaryIntensity","EmotionColors","background","border","text"],"mappings":"wNAsBMA,EAAmB,CAACC,EAA2BC,EAAcC,IACjE,GAAGF,CAAM,IAAIC,CAAI,IAAIC,CAAS,GAE1BC,EAAgBF,GACpB,OAAO,KAAKG,EAAAA,aAAa,EAAE,SAASH,CAAI,EAAII,EAAAA,cAAc,QAAUA,EAAAA,cAAc,OAEvEC,EAAmB,CAACC,EAA2BC,EAAW,KAAgC,CACrG,MAAMN,EAAqCM,EAAWC,EAAAA,UAAU,OAASA,EAAAA,UAAU,MAC7EC,EACJR,IAAcO,EAAAA,UAAU,MAAQA,YAAU,OAASA,EAAAA,UAAU,MACzDR,EAA0BM,GAASI,EAAAA,cAAc,YACjDX,EAA4BG,EAAaF,CAAI,EAE7CW,EAAab,EAAiBC,EAAQC,EAAMC,CAAS,EAGrDW,EAASd,EAAiBC,EAAQC,EAAMC,CAAS,EACjDY,EAAOf,EAAiBC,EAAQC,EAAMS,CAAsB,EAElE,MAAO,CACL,OAAQ,CACN,WAAAE,EACA,OAAAC,EACA,KAAAC,CAAA,CACF,CAEJ"}

package/dist/components/IconBox/useIconBoxColors.d.ts

@@ -0,0 +1,9 @@
+import { BackgroundAccentColorsType, BackgroundEmotionColorsType, BorderAccentColorsType, BorderEmotionColorsType, IconBoxColorsType, TextColorProps } from '../../types';
+export interface UseIconBoxColorsProps {
+    colors: {
+        background: BackgroundAccentColorsType | BackgroundEmotionColorsType;
+        border: BorderAccentColorsType | BorderEmotionColorsType;
+        text: TextColorProps['textColor'];
+    };
+}
+export declare const useIconBoxColors: (color?: IconBoxColorsType, isSubtle?: boolean) => UseIconBoxColorsProps;

package/dist/components/IconBox/useIconBoxColors.js

@@ -0,0 +1,17 @@
+import { emotionColors as u } from "@alma-oss/spirit-design-tokens";
+import { ColorPrefixes as i } from "../../constants/colors.js";
+import { Intensity as e, EmotionColors as f } from "../../constants/dictionaries.js";
+const c = (o, s, t) => `${o}-${s}-${t}`, p = (o) => Object.keys(u).includes(o) ? i.EMOTION : i.ACCENT, y = (o, s = !0) => {
+  const t = s ? e.SUBTLE : e.BASIC, m = t === e.BASIC ? e.SUBTLE : e.BASIC, r = o ?? f.INFORMATIVE, n = p(r), l = c(n, r, t), C = c(n, r, t), I = c(n, r, m);
+  return {
+    colors: {
+      background: l,
+      border: C,
+      text: I
+    }
+  };
+};
+export {
+  y as useIconBoxColors
+};
+//# sourceMappingURL=useIconBoxColors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIconBoxColors.js","sources":["../../../src/components/IconBox/useIconBoxColors.ts"],"sourcesContent":["import { emotionColors } from '@alma-oss/spirit-design-tokens';\nimport { EmotionColors, Intensity } from '../../constants';\nimport { ColorPrefixes } from '../../constants/colors';\nimport type {\n  BackgroundAccentColorsType,\n  BackgroundEmotionColorsType,\n  BorderAccentColorsType,\n  BorderEmotionColorsType,\n  ColorPrefixesType,\n  IconBoxColorsType,\n  IntensityDictionaryType,\n  TextColorProps,\n} from '../../types';\n\nexport interface UseIconBoxColorsProps {\n  colors: {\n    background: BackgroundAccentColorsType | BackgroundEmotionColorsType;\n    border: BorderAccentColorsType | BorderEmotionColorsType;\n    text: TextColorProps['textColor'];\n  };\n}\n\nconst setFullColorName = (prefix: ColorPrefixesType, base: string, intensity: IntensityDictionaryType) =>\n  `${prefix}-${base}-${intensity}`;\n\nconst derivePrefix = (base: string): ColorPrefixesType =>\n  Object.keys(emotionColors).includes(base) ? ColorPrefixes.EMOTION : ColorPrefixes.ACCENT;\n\nexport const useIconBoxColors = (color?: IconBoxColorsType, isSubtle = true): UseIconBoxColorsProps => {\n  const intensity: IntensityDictionaryType = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const complementaryIntensity: IntensityDictionaryType =\n    intensity === Intensity.BASIC ? Intensity.SUBTLE : Intensity.BASIC;\n  const base: IconBoxColorsType = color ?? EmotionColors.INFORMATIVE;\n  const prefix: ColorPrefixesType = derivePrefix(base);\n\n  const background = setFullColorName(prefix, base, intensity) as\n    | BackgroundAccentColorsType\n    | BackgroundEmotionColorsType;\n  const border = setFullColorName(prefix, base, intensity) as BorderAccentColorsType | BorderEmotionColorsType;\n  const text = setFullColorName(prefix, base, complementaryIntensity) as TextColorProps['textColor'];\n\n  return {\n    colors: {\n      background,\n      border,\n      text,\n    },\n  };\n};\n"],"names":["setFullColorName","prefix","base","intensity","derivePrefix","emotionColors","ColorPrefixes","useIconBoxColors","color","isSubtle","Intensity","complementaryIntensity","EmotionColors","background","border","text"],"mappings":";;;AAsBA,MAAMA,IAAmB,CAACC,GAA2BC,GAAcC,MACjE,GAAGF,CAAM,IAAIC,CAAI,IAAIC,CAAS,IAE1BC,IAAe,CAACF,MACpB,OAAO,KAAKG,CAAa,EAAE,SAASH,CAAI,IAAII,EAAc,UAAUA,EAAc,QAEvEC,IAAmB,CAACC,GAA2BC,IAAW,OAAgC;AACrG,QAAMN,IAAqCM,IAAWC,EAAU,SAASA,EAAU,OAC7EC,IACJR,MAAcO,EAAU,QAAQA,EAAU,SAASA,EAAU,OACzDR,IAA0BM,KAASI,EAAc,aACjDX,IAA4BG,EAAaF,CAAI,GAE7CW,IAAab,EAAiBC,GAAQC,GAAMC,CAAS,GAGrDW,IAASd,EAAiBC,GAAQC,GAAMC,CAAS,GACjDY,IAAOf,EAAiBC,GAAQC,GAAMS,CAAsB;AAElE,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,YAAAE;AAAA,MACA,QAAAC;AAAA,MACA,MAAAC;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/IconBox/useIconBoxStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@alma-oss/spirit-design-tokens"),x=require("../../constants/dictionaries.cjs"),g=require("../../utils/responsive.cjs"),e=require("./constants.cjs"),z=a=>{const{shape:p=e.IconBoxShapes.ROUNDED,size:s=x.SizesExtended.MEDIUM,...d}=a||{},l=e.IconBoxShapesRadii[p],S={padding:`calc(var(--${t.cssVariablePrefix}local-padding) - var(--${t.cssVariablePrefix}local-border-width, 0px)) !important`};let o;if(g.isResponsive(s)){const i={},n={};Object.entries(s).forEach(([r,u])=>{const c=e.IconBoxSizes[u];i[r]=c.padding,n[r]=c.iconSize}),o={padding:i,iconSize:n}}else o=e.IconBoxSizes[s];return{iconBoxStyles:S,props:d,shapesProps:l,sizeProps:o}};exports.useIconBoxStyleProps=z;
+//# sourceMappingURL=useIconBoxStyleProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIconBoxStyleProps.cjs","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":"qPAmBaA,EACXC,GACmE,CACnE,KAAM,CAAE,MAAAC,EAAQC,gBAAc,QAAS,KAAAC,EAAOC,gBAAc,OAAQ,GAAGC,GAAcL,GAAS,CAAA,EACxFM,EAAcC,EAAAA,mBAAmBN,CAAK,EACtCO,EAA+B,CACnC,QAAS,cAAcC,EAAAA,iBAAiB,0BAA0BA,EAAAA,iBAAiB,sCAAA,EAGrF,IAAIC,EAEJ,GAAIC,EAAAA,aAAiER,CAAI,EAAG,CAC1E,MAAMS,EAA4C,CAAA,EAC5CC,EAAyC,CAAA,EAE/C,OAAO,QAAQV,CAAI,EAAE,QAAQ,CAAC,CAACW,EAAYC,CAAc,IAAM,CAC7D,MAAMC,EAAaC,EAAAA,aAAaF,CAA2C,EAC3EH,EAAkBE,CAA0C,EAAIE,EAAW,QAC3EH,EAAmBC,CAAsC,EAAIE,EAAW,QAC1E,CAAC,EAEDN,EAAY,CACV,QAASE,EACT,SAAUC,CAAA,CAEd,MACEH,EAAYO,EAAAA,aAAad,CAAiC,EAG5D,MAAO,CACL,cAAAK,EACA,MAAOH,EACP,YAAAC,EACA,UAAAI,CAAA,CAEJ"}

package/dist/components/IconBox/useIconBoxStyleProps.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties, ElementType } from 'react';
+import { Responsive, SpaceToken, SpiritIconBoxProps } from '../../types';
+import { IconBoxShapesRadii, IconBoxSizes } from './constants';
+export interface UseIconBoxStyleProps<E> {
+    iconBoxStyles: CSSProperties;
+    props: E;
+    shapesProps: (typeof IconBoxShapesRadii)[keyof typeof IconBoxShapesRadii];
+    sizeProps: (typeof IconBoxSizes)[keyof typeof IconBoxSizes] | {
+        padding: Responsive<SpaceToken>;
+        iconSize: Responsive<number>;
+    };
+}
+export declare const useIconBoxStyleProps: (props: Partial<SpiritIconBoxProps<ElementType>>) => UseIconBoxStyleProps<Partial<SpiritIconBoxProps<ElementType>>>;

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/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 d=require("react/jsx-runtime"),m=require("react"),f=require("../../hooks/styleProps.cjs"),S=require("../../utils/mergeStyleProps.cjs"),h=require("./useLinkStyleProps.cjs"),o={elementType:"a",color:"primary",hasVisitedStyleAllowed:!1,underlined:"hover"},k=(n,l)=>{const p={...o,...n},{elementType:i=o.elementType,children:c,...s}=p,r=i,{classProps:u,props:y}=h.useLinkStyleProps(s),{styleProps:P,props:t}=f.useStyleProps(y),a=S.mergeStyleProps(r,{classProps:u,styleProps:P,otherProps:t});return d.jsx(r,{...t,...a,href:s.href,ref:l,children:c})},e=m.forwardRef(k);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 { 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, ...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  return (\n    <Component {...otherProps} {...mergedStyleProps} href={restProps.href} 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","restProps","Component","classProps","modifiedProps","useLinkStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","Link","forwardRef"],"mappings":"2SAQMA,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,GAAGC,GAAcH,EAErEI,EAAYH,EAEZ,CAAE,WAAAI,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,EAE1F,OACEI,MAACT,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAAkB,KAAMR,EAAU,KAAM,IAAAJ,EACpE,SAAAG,CAAA,CACH,CAEJ,EAEMY,EAAOC,EAAAA,WAA0DlB,CAAK,EAK5EiB,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;