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

package/dist/components/Card/Card.js

@@ -1,26 +1,20 @@
 "use client";
-import { jsx as d } from "react/jsx-runtime";
-import { DirectionExtended as P } from "../../constants/direction.js";
-import { useStyleProps as f } from "../../hooks/styleProps.js";
-import { mergeStyleProps as u } from "../../utils/mergeStyleProps.js";
-import { useCardStyleProps as y } from "./useCardStyleProps.js";
-const x = {
-  direction: P.VERTICAL,
+import { jsx as f } from "react/jsx-runtime";
+import { DirectionExtended as u } from "../../constants/direction.js";
+import { useStyleProps as y } from "../../hooks/styleProps.js";
+import { mergeStyleProps as C } from "../../utils/mergeStyleProps.js";
+import { useCardStyleProps as x } from "./useCardStyleProps.js";
+const S = {
+  direction: u.VERTICAL,
   elementType: "article",
   isBoxed: !1
-}, C = (t) => {
-  const o = { ...x, ...t }, {
-    elementType: e = "article",
-    alignmentY: s,
-    direction: p,
-    isBoxed: i,
-    children: n,
-    ...l
-  } = o, { classProps: c } = y({ alignmentY: s, direction: p, isBoxed: i }), { styleProps: m, props: r } = f(l), a = u(e, { classProps: c.root, styleProps: m, otherProps: r });
-  return /* @__PURE__ */ d(e, { ...r, ...a, children: n });
+}, r = (t) => {
+  const s = { ...S, ...t }, { elementType: p, alignmentY: n, direction: i, isBoxed: l, children: m, ...c } = s, e = p, { classProps: a } = x({ alignmentY: n, direction: i, isBoxed: l }), { styleProps: d, props: o } = y(c), P = C(e, { classProps: a.root, styleProps: d, otherProps: o });
+  return /* @__PURE__ */ f(e, { ...o, ...P, children: m });
 };
-C.spiritComponent = "Card";
+r.spiritComponent = "Card";
+r.displayName = "Card";
 export {
-  C as default
+  r as default
 };
 //# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { DirectionExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardProps> = {\n  direction: DirectionExtended.VERTICAL,\n  elementType: 'article',\n  isBoxed: false,\n};\n\nconst Card = <E extends ElementType = 'article'>(props: SpiritCardProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType: ElementTag = 'article',\n    alignmentY,\n    direction,\n    isBoxed,\n    children,\n    ...restProps\n  } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ alignmentY, direction, isBoxed });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.root, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nCard.spiritComponent = 'Card';\n\nexport default Card;\n"],"names":["defaultProps","DirectionExtended","Card","props","propsWithDefaults","ElementTag","alignmentY","direction","isBoxed","children","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;AASA,MAAMA,IAAyC;AAAA,EAC7C,WAAWC,EAAkB;AAAA,EAC7B,aAAa;AAAA,EACb,SAAS;AACX,GAEMC,IAAO,CAAoCC,MAA8B;AAC7E,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C;AAAA,IACJ,aAAaE,IAAa;AAAA,IAC1B,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN,GACE,EAAE,YAAAO,MAAeC,EAAkB,EAAE,YAAAN,GAAY,WAAAC,GAAW,SAAAC,GAAS,GACrE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS,GAC3DM,IAAmBC,EAAgBZ,GAAY,EAAE,YAAYM,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE5G,2BACGT,GAAA,EAAY,GAAGS,GAAa,GAAGE,GAC7B,UAAAP,GACH;AAEJ;AAEAP,EAAK,kBAAkB;"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { DirectionExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardProps> = {\n  direction: DirectionExtended.VERTICAL,\n  elementType: 'article',\n  isBoxed: false,\n};\n\nconst Card = <E extends ElementType = 'article'>(props: SpiritCardProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, alignmentY, direction, isBoxed, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps } = useCardStyleProps({ alignmentY, direction, isBoxed });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.root, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nCard.spiritComponent = 'Card';\nCard.displayName = 'Card';\n\nexport default Card;\n"],"names":["defaultProps","DirectionExtended","Card","props","propsWithDefaults","elementType","alignmentY","direction","isBoxed","children","restProps","Component","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;AASA,MAAMA,IAAyC;AAAA,EAC7C,WAAWC,EAAkB;AAAA,EAC7B,aAAa;AAAA,EACb,SAAS;AACX,GAEMC,IAAO,CAAoCC,MAA8B;AAC7E,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAAE,GAAa,YAAAC,GAAY,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,GAAGC,MAAcN,GAC1EO,IAAYN,GACZ,EAAE,YAAAO,MAAeC,EAAkB,EAAE,YAAAP,GAAY,WAAAC,GAAW,SAAAC,GAAS,GACrE,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE3G,2BACGJ,GAAA,EAAW,GAAGI,GAAa,GAAGE,GAC5B,UAAAR,GACH;AAEJ;AAEAP,EAAK,kBAAkB;AACvBA,EAAK,cAAc;"}

package/dist/components/Card/CardLink.cjs

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

package/dist/components/Card/CardLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardLink.cjs","sources":["../../../src/components/Card/CardLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritCardLinkProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardLinkProps> = {\n  elementType: 'a',\n};\n\nconst _CardLink = <E extends ElementType = 'a'>(props: SpiritCardLinkProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType: ElementTag = defaultProps.elementType as ElementType,\n    children,\n    href,\n    ...restProps\n  } = propsWithDefaults;\n  const { classProps } = useCardStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.link, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...styleProps} {...mergedStyleProps} href={href} ref={ref}>\n      {children}\n    </ElementTag>\n  );\n};\n\nconst CardLink = forwardRef<HTMLAnchorElement, SpiritCardLinkProps<'a'>>(_CardLink) as unknown as PolymorphicComponent<\n  'a',\n  SpiritCardLinkProps<'a'>\n>;\n\nCardLink.spiritComponent = 'CardLink';\nCardLink.displayName = 'CardLink';\n\nexport default CardLink;\n"],"names":["defaultProps","_CardLink","props","ref","propsWithDefaults","ElementTag","children","href","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","CardLink","forwardRef"],"mappings":"2SAQMA,EAA6C,CACjD,YAAa,GACf,EAEMC,EAAY,CAA8BC,EAA+BC,IAAwC,CACrH,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CACJ,YAAaG,EAAaL,EAAa,YACvC,SAAAM,EACA,KAAAC,EACA,GAAGC,CAAA,EACDJ,EACE,CAAE,WAAAK,CAAA,EAAeC,oBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAC3DM,EAAmBC,kBAAgBV,EAAY,CAAE,WAAYI,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAE5G,OACEI,MAACX,EAAA,CAAY,GAAGO,EAAa,GAAGD,EAAa,GAAGG,EAAkB,KAAAP,EAAY,IAAAJ,EAC3E,SAAAG,CAAA,CACH,CAEJ,EAEMW,EAAWC,EAAAA,WAAwDjB,CAAS,EAKlFgB,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}
+{"version":3,"file":"CardLink.cjs","sources":["../../../src/components/Card/CardLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type CardLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritCardLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps = {\n  elementType: 'a',\n};\n\nconst _CardLink = <E extends ElementType = 'a'>(props: SpiritCardLinkProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, href, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useCardStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.link, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...styleProps} {...mergedStyleProps} href={href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst CardLink = forwardRef<HTMLAnchorElement, SpiritCardLinkProps<'a'>>(_CardLink) as unknown as PolymorphicComponent<\n  'a',\n  CardLinkProps\n>;\n\nCardLink.spiritComponent = 'CardLink';\nCardLink.displayName = 'CardLink';\n\nexport default CardLink;\n"],"names":["defaultProps","_CardLink","props","ref","propsWithDefaults","elementType","children","href","restProps","Component","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","CardLink","forwardRef"],"mappings":"2SAaMA,EAAe,CACnB,YAAa,GACf,EAEMC,EAAY,CAA8BC,EAA+BC,IAAwC,CACrH,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAa,SAAAC,EAAU,KAAAC,EAAM,GAAGC,GAAcJ,EAEhDK,EAAYJ,EAEZ,CAAE,WAAAK,CAAA,EAAeC,oBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,kBAAgBP,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAE3G,OACEI,MAACR,EAAA,CAAW,GAAGI,EAAa,GAAGD,EAAa,GAAGG,EAAkB,KAAAR,EAAY,IAAAJ,EAC1E,SAAAG,CAAA,CACH,CAEJ,EAEMY,EAAWC,EAAAA,WAAwDlB,CAAS,EAKlFiB,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}

package/dist/components/Card/CardLink.js

@@ -1,23 +1,18 @@
 "use client";
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as P } from "react";
-import { useStyleProps as y } from "../../hooks/styleProps.js";
-import { mergeStyleProps as u } from "../../utils/mergeStyleProps.js";
+import { useStyleProps as u } from "../../hooks/styleProps.js";
+import { mergeStyleProps as y } from "../../utils/mergeStyleProps.js";
 import { useCardStyleProps as C } from "./useCardStyleProps.js";
-const o = {
+const k = {
   elementType: "a"
-}, k = (p, n) => {
-  const l = { ...o, ...p }, {
-    elementType: e = o.elementType,
-    children: m,
-    href: i,
-    ...a
-  } = l, { classProps: c } = C(), { styleProps: r, props: s } = y(a), d = u(e, { classProps: c.link, styleProps: r, otherProps: s });
-  return /* @__PURE__ */ f(e, { ...s, ...r, ...d, href: i, ref: n, children: m });
-}, t = P(k);
-t.spiritComponent = "CardLink";
-t.displayName = "CardLink";
+}, h = (t, p) => {
+  const n = { ...k, ...t }, { elementType: i, children: m, href: l, ...a } = n, r = i, { classProps: c } = C(), { styleProps: o, props: s } = u(a), d = y(r, { classProps: c.link, styleProps: o, otherProps: s });
+  return /* @__PURE__ */ f(r, { ...s, ...o, ...d, href: l, ref: p, children: m });
+}, e = P(h);
+e.spiritComponent = "CardLink";
+e.displayName = "CardLink";
 export {
-  t as default
+  e as default
 };
 //# sourceMappingURL=CardLink.js.map

package/dist/components/Card/CardLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardLink.js","sources":["../../../src/components/Card/CardLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritCardLinkProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardLinkProps> = {\n  elementType: 'a',\n};\n\nconst _CardLink = <E extends ElementType = 'a'>(props: SpiritCardLinkProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType: ElementTag = defaultProps.elementType as ElementType,\n    children,\n    href,\n    ...restProps\n  } = propsWithDefaults;\n  const { classProps } = useCardStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.link, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...styleProps} {...mergedStyleProps} href={href} ref={ref}>\n      {children}\n    </ElementTag>\n  );\n};\n\nconst CardLink = forwardRef<HTMLAnchorElement, SpiritCardLinkProps<'a'>>(_CardLink) as unknown as PolymorphicComponent<\n  'a',\n  SpiritCardLinkProps<'a'>\n>;\n\nCardLink.spiritComponent = 'CardLink';\nCardLink.displayName = 'CardLink';\n\nexport default CardLink;\n"],"names":["defaultProps","_CardLink","props","ref","propsWithDefaults","ElementTag","children","href","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","CardLink","forwardRef"],"mappings":";;;;;;AAQA,MAAMA,IAA6C;AAAA,EACjD,aAAa;AACf,GAEMC,IAAY,CAA8BC,GAA+BC,MAAwC;AACrH,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C;AAAA,IACJ,aAAaG,IAAaL,EAAa;AAAA,IACvC,UAAAM;AAAA,IACA,MAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDJ,GACE,EAAE,YAAAK,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS,GAC3DM,IAAmBC,EAAgBV,GAAY,EAAE,YAAYI,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE5G,SACE,gBAAAI,EAACX,GAAA,EAAY,GAAGO,GAAa,GAAGD,GAAa,GAAGG,GAAkB,MAAAP,GAAY,KAAAJ,GAC3E,UAAAG,EAAA,CACH;AAEJ,GAEMW,IAAWC,EAAwDjB,CAAS;AAKlFgB,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}
+{"version":3,"file":"CardLink.js","sources":["../../../src/components/Card/CardLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type CardLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritCardLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps = {\n  elementType: 'a',\n};\n\nconst _CardLink = <E extends ElementType = 'a'>(props: SpiritCardLinkProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, href, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useCardStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.link, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...styleProps} {...mergedStyleProps} href={href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst CardLink = forwardRef<HTMLAnchorElement, SpiritCardLinkProps<'a'>>(_CardLink) as unknown as PolymorphicComponent<\n  'a',\n  CardLinkProps\n>;\n\nCardLink.spiritComponent = 'CardLink';\nCardLink.displayName = 'CardLink';\n\nexport default CardLink;\n"],"names":["defaultProps","_CardLink","props","ref","propsWithDefaults","elementType","children","href","restProps","Component","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","CardLink","forwardRef"],"mappings":";;;;;;AAaA,MAAMA,IAAe;AAAA,EACnB,aAAa;AACf,GAEMC,IAAY,CAA8BC,GAA+BC,MAAwC;AACrH,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAG,GAAa,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAAcJ,GAEhDK,IAAYJ,GAEZ,EAAE,YAAAK,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE3G,SACE,gBAAAI,EAACR,GAAA,EAAW,GAAGI,GAAa,GAAGD,GAAa,GAAGG,GAAkB,MAAAR,GAAY,KAAAJ,GAC1E,UAAAG,EAAA,CACH;AAEJ,GAEMY,IAAWC,EAAwDlB,CAAS;AAKlFiB,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}

package/dist/components/Card/CardTitle.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),a=require("../../hooks/styleProps.cjs"),d=require("../../utils/mergeStyleProps.cjs"),y=require("./useCardStyleProps.cjs"),m={elementType:"h4",isHeading:!0},t=r=>{const o={...m,...r},{elementType:e="h4",children:l,isHeading:n,...p}=o,{classProps:i}=y.useCardStyleProps({isHeading:n}),{styleProps:u,props:s}=a.useStyleProps(p),c=d.mergeStyleProps(e,{classProps:i.title,styleProps:u,otherProps:s});return P.jsx(e,{...s,...c,children:l})};t.spiritComponent="CardTitle";exports.default=t;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),d=require("../../hooks/styleProps.cjs"),y=require("../../utils/mergeStyleProps.cjs"),m=require("./useCardStyleProps.cjs"),S={elementType:"h4",isHeading:!0},e=r=>{const o={...S,...r},{elementType:l,children:n,isHeading:p,...i}=o,s=l,{classProps:u}=m.useCardStyleProps({isHeading:p}),{styleProps:c,props:t}=d.useStyleProps(i),a=y.mergeStyleProps(s,{classProps:u.title,styleProps:c,otherProps:t});return P.jsx(s,{...t,...a,children:n})};e.spiritComponent="CardTitle";e.displayName="CardTitle";exports.default=e;
 //# sourceMappingURL=CardTitle.cjs.map

package/dist/components/Card/CardTitle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.cjs","sources":["../../../src/components/Card/CardTitle.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardTitleProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardTitleProps> = {\n  elementType: 'h4',\n  isHeading: true,\n};\n\nconst CardTitle = <E extends ElementType = 'h4'>(props: SpiritCardTitleProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'h4', children, isHeading, ...restProps } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ isHeading });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.title, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nCardTitle.spiritComponent = 'CardTitle';\n\nexport default CardTitle;\n"],"names":["defaultProps","CardTitle","props","propsWithDefaults","ElementTag","children","isHeading","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"wRAQMA,EAA8C,CAClD,YAAa,KACb,UAAW,EACb,EAEMC,EAA2CC,GAAmC,CAClF,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAaE,EAAa,KAAM,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAAcJ,EACxE,CAAE,WAAAK,CAAA,EAAeC,oBAAkB,CAAE,UAAAH,EAAW,EAChD,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAC3DM,EAAmBC,kBAAgBV,EAAY,CAAE,WAAYI,EAAW,MAAA,WAAOE,EAAY,WAAAC,EAAY,EAE7G,aACGP,EAAA,CAAY,GAAGO,EAAa,GAAGE,EAC7B,SAAAR,EACH,CAEJ,EAEAJ,EAAU,gBAAkB"}
+{"version":3,"file":"CardTitle.cjs","sources":["../../../src/components/Card/CardTitle.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardTitleProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardTitleProps> = {\n  elementType: 'h4',\n  isHeading: true,\n};\n\nconst CardTitle = <E extends ElementType = 'h4'>(props: SpiritCardTitleProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, isHeading, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps } = useCardStyleProps({ isHeading });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.title, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nCardTitle.spiritComponent = 'CardTitle';\nCardTitle.displayName = 'CardTitle';\n\nexport default CardTitle;\n"],"names":["defaultProps","CardTitle","props","propsWithDefaults","elementType","children","isHeading","restProps","Component","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"wRAQMA,EAA8C,CAClD,YAAa,KACb,UAAW,EACb,EAEMC,EAA2CC,GAAmC,CAClF,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAAcJ,EACrDK,EAAYJ,EACZ,CAAE,WAAAK,CAAA,EAAeC,oBAAkB,CAAE,UAAAJ,EAAW,EAChD,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,kBAAgBP,EAAW,CAAE,WAAYC,EAAW,MAAA,WAAOE,EAAY,WAAAC,EAAY,EAE5G,aACGJ,EAAA,CAAW,GAAGI,EAAa,GAAGE,EAC5B,SAAAT,EACH,CAEJ,EAEAJ,EAAU,gBAAkB,YAC5BA,EAAU,YAAc"}

package/dist/components/Card/CardTitle.js

@@ -1,17 +1,18 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { useStyleProps as c } from "../../hooks/styleProps.js";
-import { mergeStyleProps as P } from "../../utils/mergeStyleProps.js";
-import { useCardStyleProps as d } from "./useCardStyleProps.js";
-const u = {
+import { jsx as d } from "react/jsx-runtime";
+import { useStyleProps as P } from "../../hooks/styleProps.js";
+import { mergeStyleProps as u } from "../../utils/mergeStyleProps.js";
+import { useCardStyleProps as y } from "./useCardStyleProps.js";
+const f = {
   elementType: "h4",
   isHeading: !0
-}, f = (s) => {
-  const r = { ...u, ...s }, { elementType: e = "h4", children: o, isHeading: p, ...l } = r, { classProps: i } = d({ isHeading: p }), { styleProps: n, props: t } = c(l), m = P(e, { classProps: i.title, styleProps: n, otherProps: t });
-  return /* @__PURE__ */ a(e, { ...t, ...m, children: o });
+}, s = (r) => {
+  const o = { ...f, ...r }, { elementType: p, children: i, isHeading: l, ...n } = o, e = p, { classProps: m } = y({ isHeading: l }), { styleProps: a, props: t } = P(n), c = u(e, { classProps: m.title, styleProps: a, otherProps: t });
+  return /* @__PURE__ */ d(e, { ...t, ...c, children: i });
 };
-f.spiritComponent = "CardTitle";
+s.spiritComponent = "CardTitle";
+s.displayName = "CardTitle";
 export {
-  f as default
+  s as default
 };
 //# sourceMappingURL=CardTitle.js.map

package/dist/components/Card/CardTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.js","sources":["../../../src/components/Card/CardTitle.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardTitleProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardTitleProps> = {\n  elementType: 'h4',\n  isHeading: true,\n};\n\nconst CardTitle = <E extends ElementType = 'h4'>(props: SpiritCardTitleProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'h4', children, isHeading, ...restProps } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ isHeading });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.title, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nCardTitle.spiritComponent = 'CardTitle';\n\nexport default CardTitle;\n"],"names":["defaultProps","CardTitle","props","propsWithDefaults","ElementTag","children","isHeading","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;AAQA,MAAMA,IAA8C;AAAA,EAClD,aAAa;AAAA,EACb,WAAW;AACb,GAEMC,IAAY,CAA+BC,MAAmC;AAClF,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAaE,IAAa,MAAM,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAAcJ,GACxE,EAAE,YAAAK,EAAA,IAAeC,EAAkB,EAAE,WAAAH,GAAW,GAChD,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS,GAC3DM,IAAmBC,EAAgBV,GAAY,EAAE,YAAYI,EAAW,OAAO,YAAAE,GAAY,YAAAC,GAAY;AAE7G,2BACGP,GAAA,EAAY,GAAGO,GAAa,GAAGE,GAC7B,UAAAR,GACH;AAEJ;AAEAJ,EAAU,kBAAkB;"}
+{"version":3,"file":"CardTitle.js","sources":["../../../src/components/Card/CardTitle.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardTitleProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardTitleProps> = {\n  elementType: 'h4',\n  isHeading: true,\n};\n\nconst CardTitle = <E extends ElementType = 'h4'>(props: SpiritCardTitleProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, isHeading, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps } = useCardStyleProps({ isHeading });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.title, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nCardTitle.spiritComponent = 'CardTitle';\nCardTitle.displayName = 'CardTitle';\n\nexport default CardTitle;\n"],"names":["defaultProps","CardTitle","props","propsWithDefaults","elementType","children","isHeading","restProps","Component","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;AAQA,MAAMA,IAA8C;AAAA,EAClD,aAAa;AAAA,EACb,WAAW;AACb,GAEMC,IAAY,CAA+BC,MAAmC;AAClF,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAAcJ,GACrDK,IAAYJ,GACZ,EAAE,YAAAK,EAAA,IAAeC,EAAkB,EAAE,WAAAJ,GAAW,GAChD,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,OAAO,YAAAE,GAAY,YAAAC,GAAY;AAE5G,2BACGJ,GAAA,EAAW,GAAGI,GAAa,GAAGE,GAC5B,UAAAT,GACH;AAEJ;AAEAJ,EAAU,kBAAkB;AAC5BA,EAAU,cAAc;"}

package/dist/components/Card/useCardStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("classnames"),a=require("../../hooks/useAlignmentClass.cjs"),T=require("../../hooks/useClassNamePrefix.cjs"),j=require("../../utils/string.cjs"),z=require("../../utils/stylePropsClassesGenerator.cjs");function I(m){const{alignmentY:o,artworkAlignmentX:l,direction:n,footerAlignmentX:i,hasFilledHeight:u,isBoxed:b,isExpanded:$,isHeading:y,isSelectable:f,size:r}=m||{},s=T.useClassNamePrefix("Card"),c=`${s}Artwork`,C=`${s}Body`,p=`${s}Eyebrow`,d=`${s}Footer`,k=`${s}Link`,w=`${s}Logo`,t=`${s}Media`,g=`${s}Title`,x=`${C}--selectable`,P=z.generateStylePropsClassNames(s,j.stringOrObjectKebabCaseToCamelCase(n)),S=`${s}--boxed`,A=`${t}__canvas`,H=`${t}--filledHeight`,h=`${t}--expanded`,q=r?`${t}--${r}`:"",v=`${g}--heading`,N=e(c,{[a.useAlignmentClass(c,l,"alignmentX")]:l}),X=e(C,{[x]:f}),B=e(d,{[a.useAlignmentClass(d,i,"alignmentX")]:i}),E=e(t,q,{[h]:$,[H]:u}),F=e(s,{[a.useAlignmentClass(s,o,"alignmentY")]:o,[P]:n,[S]:b}),O=e(g,{[v]:y});return{classProps:{artwork:N,body:X,eyebrow:p,footer:B,link:k,logo:w,media:E,mediaCanvas:A,root:F,title:O}}}exports.useCardStyleProps=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("classnames"),t=require("../../hooks/useAlignmentClass.cjs"),v=require("../../hooks/useClassNamePrefix.cjs"),N=require("../../utils/string.cjs"),X=require("../../utils/stylePropsClassesGenerator.cjs");function B(m){const{alignmentY:o,artworkAlignmentX:l,direction:n,footerAlignmentX:i,hasFilledHeight:u,isBoxed:$,isExpanded:b,isHeading:y,isSelectable:p,size:r}=m||{},s=v.useClassNamePrefix("Card"),c=`${s}Artwork`,d=`${s}Body`,f=`${s}Eyebrow`,C=`${s}Footer`,x=`${s}Link`,P=`${s}Logo`,a=`${s}Media`,g=`${s}Title`,S=`${d}--selectable`,k=`${s}--boxed`,w=`${a}__canvas`,A=`${a}--filledHeight`,H=`${a}--expanded`,h=r?`${a}--${r}`:"",q=`${g}--heading`;return{classProps:{artwork:e(c,{[t.useAlignmentClass(c,l,"alignmentX")]:l}),body:e(d,{[S]:p}),eyebrow:f,footer:e(C,{[t.useAlignmentClass(C,i,"alignmentX")]:i}),link:x,logo:P,media:e(a,h,{[H]:b,[A]:u}),mediaCanvas:w,root:e(s,{[t.useAlignmentClass(s,o,"alignmentY")]:o,[X.generateStylePropsClassNames(s,N.stringOrObjectKebabCaseToCamelCase(n))]:n,[k]:$}),title:e(g,{[q]:y})}}}exports.useCardStyleProps=B;
 //# sourceMappingURL=useCardStyleProps.cjs.map

package/dist/components/Card/useCardStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCardStyleProps.cjs","sources":["../../../src/components/Card/useCardStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useAlignmentClass, useClassNamePrefix } from '../../hooks';\nimport {\n  type CardAlignmentXType,\n  type CardAlignmentYType,\n  type CardDirectionType,\n  type CardSizesDictionaryType,\n} from '../../types';\nimport { generateStylePropsClassNames, stringOrObjectKebabCaseToCamelCase } from '../../utils';\n\nexport interface UseCardStyleProps {\n  alignmentY?: CardAlignmentYType;\n  artworkAlignmentX?: CardAlignmentXType;\n  direction?: CardDirectionType;\n  footerAlignmentX?: CardAlignmentXType;\n  hasFilledHeight?: boolean;\n  isBoxed?: boolean;\n  isExpanded?: boolean;\n  isHeading?: boolean;\n  isSelectable?: boolean;\n  size?: CardSizesDictionaryType;\n}\n\nexport interface UseCardStylePropsReturn {\n  /** className props */\n  classProps: {\n    artwork: string;\n    body: string;\n    eyebrow: string;\n    footer: string;\n    link: string;\n    logo: string;\n    media: string;\n    mediaCanvas: string;\n    root: string;\n    title: string;\n  };\n}\n\nexport function useCardStyleProps(props?: UseCardStyleProps): UseCardStylePropsReturn {\n  const {\n    alignmentY,\n    artworkAlignmentX,\n    direction,\n    footerAlignmentX,\n    hasFilledHeight,\n    isBoxed,\n    isExpanded,\n    isHeading,\n    isSelectable,\n    size,\n  } = props || {};\n  const cardClass = useClassNamePrefix('Card');\n  const artworkClass = `${cardClass}Artwork`;\n  const bodyClass = `${cardClass}Body`;\n  const eyebrowClass = `${cardClass}Eyebrow`;\n  const footerClass = `${cardClass}Footer`;\n  const linkClass = `${cardClass}Link`;\n  const logoClass = `${cardClass}Logo`;\n  const mediaClass = `${cardClass}Media`;\n  const titleClass = `${cardClass}Title`;\n\n  const bodyIsSelectableClass = `${bodyClass}--selectable`;\n\n  const directionClass = generateStylePropsClassNames(cardClass, stringOrObjectKebabCaseToCamelCase(direction!));\n\n  const isBoxedClass = `${cardClass}--boxed`;\n  const mediaCanvasClass = `${mediaClass}__canvas`;\n  const mediaHasFilledHeightClass = `${mediaClass}--filledHeight`;\n  const mediaIsExpandedClass = `${mediaClass}--expanded`;\n  const mediaSizeClass = size ? `${mediaClass}--${size}` : '';\n  const titleHeadingClass = `${titleClass}--heading`;\n\n  const artworkClasses = classNames(artworkClass, {\n    [useAlignmentClass(artworkClass, artworkAlignmentX!, 'alignmentX')]: artworkAlignmentX,\n  });\n  const bodyClasses = classNames(bodyClass, {\n    [bodyIsSelectableClass]: isSelectable,\n  });\n  const footerClasses = classNames(footerClass, {\n    [useAlignmentClass(footerClass, footerAlignmentX!, 'alignmentX')]: footerAlignmentX,\n  });\n  const mediaClasses = classNames(mediaClass, mediaSizeClass, {\n    [mediaIsExpandedClass]: isExpanded,\n    [mediaHasFilledHeightClass]: hasFilledHeight,\n  });\n  const rootClasses = classNames(cardClass, {\n    [useAlignmentClass(cardClass, alignmentY!, 'alignmentY')]: alignmentY,\n    [directionClass]: direction,\n    [isBoxedClass]: isBoxed,\n  });\n  const titleClasses = classNames(titleClass, {\n    [titleHeadingClass]: isHeading,\n  });\n\n  return {\n    classProps: {\n      artwork: artworkClasses,\n      body: bodyClasses,\n      eyebrow: eyebrowClass,\n      footer: footerClasses,\n      link: linkClass,\n      logo: logoClass,\n      media: mediaClasses,\n      mediaCanvas: mediaCanvasClass,\n      root: rootClasses,\n      title: titleClasses,\n    },\n  };\n}\n"],"names":["useCardStyleProps","props","alignmentY","artworkAlignmentX","direction","footerAlignmentX","hasFilledHeight","isBoxed","isExpanded","isHeading","isSelectable","size","cardClass","useClassNamePrefix","artworkClass","bodyClass","eyebrowClass","footerClass","linkClass","logoClass","mediaClass","titleClass","bodyIsSelectableClass","directionClass","generateStylePropsClassNames","stringOrObjectKebabCaseToCamelCase","isBoxedClass","mediaCanvasClass","mediaHasFilledHeightClass","mediaIsExpandedClass","mediaSizeClass","titleHeadingClass","artworkClasses","classNames","useAlignmentClass","bodyClasses","footerClasses","mediaClasses","rootClasses","titleClasses"],"mappings":"ySAuCO,SAASA,EAAkBC,EAAoD,CACpF,KAAM,CACJ,WAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,aAAAC,EACA,KAAAC,CAAA,EACEV,GAAS,CAAA,EACPW,EAAYC,EAAAA,mBAAmB,MAAM,EACrCC,EAAe,GAAGF,CAAS,UAC3BG,EAAY,GAAGH,CAAS,OACxBI,EAAe,GAAGJ,CAAS,UAC3BK,EAAc,GAAGL,CAAS,SAC1BM,EAAY,GAAGN,CAAS,OACxBO,EAAY,GAAGP,CAAS,OACxBQ,EAAa,GAAGR,CAAS,QACzBS,EAAa,GAAGT,CAAS,QAEzBU,EAAwB,GAAGP,CAAS,eAEpCQ,EAAiBC,EAAAA,6BAA6BZ,EAAWa,EAAAA,mCAAmCrB,CAAU,CAAC,EAEvGsB,EAAe,GAAGd,CAAS,UAC3Be,EAAmB,GAAGP,CAAU,WAChCQ,EAA4B,GAAGR,CAAU,iBACzCS,EAAuB,GAAGT,CAAU,aACpCU,EAAiBnB,EAAO,GAAGS,CAAU,KAAKT,CAAI,GAAK,GACnDoB,EAAoB,GAAGV,CAAU,YAEjCW,EAAiBC,EAAWnB,EAAc,CAC9C,CAACoB,oBAAkBpB,EAAcX,EAAoB,YAAY,CAAC,EAAGA,CAAA,CACtE,EACKgC,EAAcF,EAAWlB,EAAW,CACxC,CAACO,CAAqB,EAAGZ,CAAA,CAC1B,EACK0B,EAAgBH,EAAWhB,EAAa,CAC5C,CAACiB,oBAAkBjB,EAAaZ,EAAmB,YAAY,CAAC,EAAGA,CAAA,CACpE,EACKgC,EAAeJ,EAAWb,EAAYU,EAAgB,CAC1D,CAACD,CAAoB,EAAGrB,EACxB,CAACoB,CAAyB,EAAGtB,CAAA,CAC9B,EACKgC,EAAcL,EAAWrB,EAAW,CACxC,CAACsB,EAAAA,kBAAkBtB,EAAWV,EAAa,YAAY,CAAC,EAAGA,EAC3D,CAACqB,CAAc,EAAGnB,EAClB,CAACsB,CAAY,EAAGnB,CAAA,CACjB,EACKgC,EAAeN,EAAWZ,EAAY,CAC1C,CAACU,CAAiB,EAAGtB,CAAA,CACtB,EAED,MAAO,CACL,WAAY,CACV,QAASuB,EACT,KAAMG,EACN,QAASnB,EACT,OAAQoB,EACR,KAAMlB,EACN,KAAMC,EACN,MAAOkB,EACP,YAAaV,EACb,KAAMW,EACN,MAAOC,CAAA,CACT,CAEJ"}
+{"version":3,"file":"useCardStyleProps.cjs","sources":["../../../src/components/Card/useCardStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useAlignmentClass, useClassNamePrefix } from '../../hooks';\nimport {\n  type CardAlignmentXType,\n  type CardAlignmentYType,\n  type CardDirectionType,\n  type CardSizesDictionaryType,\n} from '../../types';\nimport { generateStylePropsClassNames, stringOrObjectKebabCaseToCamelCase } from '../../utils';\n\nexport interface UseCardStyleProps {\n  alignmentY?: CardAlignmentYType;\n  artworkAlignmentX?: CardAlignmentXType;\n  direction?: CardDirectionType;\n  footerAlignmentX?: CardAlignmentXType;\n  hasFilledHeight?: boolean;\n  isBoxed?: boolean;\n  isExpanded?: boolean;\n  isHeading?: boolean;\n  isSelectable?: boolean;\n  size?: CardSizesDictionaryType;\n}\n\nexport interface UseCardStylePropsReturn {\n  /** className props */\n  classProps: {\n    artwork: string;\n    body: string;\n    eyebrow: string;\n    footer: string;\n    link: string;\n    logo: string;\n    media: string;\n    mediaCanvas: string;\n    root: string;\n    title: string;\n  };\n}\n\nexport function useCardStyleProps(props?: UseCardStyleProps): UseCardStylePropsReturn {\n  const {\n    alignmentY,\n    artworkAlignmentX,\n    direction,\n    footerAlignmentX,\n    hasFilledHeight,\n    isBoxed,\n    isExpanded,\n    isHeading,\n    isSelectable,\n    size,\n  } = props || {};\n  const cardClass = useClassNamePrefix('Card');\n  const artworkClass = `${cardClass}Artwork`;\n  const bodyClass = `${cardClass}Body`;\n  const eyebrowClass = `${cardClass}Eyebrow`;\n  const footerClass = `${cardClass}Footer`;\n  const linkClass = `${cardClass}Link`;\n  const logoClass = `${cardClass}Logo`;\n  const mediaClass = `${cardClass}Media`;\n  const titleClass = `${cardClass}Title`;\n\n  const bodyIsSelectableClass = `${bodyClass}--selectable`;\n\n  const isBoxedClass = `${cardClass}--boxed`;\n  const mediaCanvasClass = `${mediaClass}__canvas`;\n  const mediaHasFilledHeightClass = `${mediaClass}--filledHeight`;\n  const mediaIsExpandedClass = `${mediaClass}--expanded`;\n  const mediaSizeClass = size ? `${mediaClass}--${size}` : '';\n  const titleHeadingClass = `${titleClass}--heading`;\n\n  return {\n    classProps: {\n      artwork: classNames(artworkClass, {\n        [useAlignmentClass(artworkClass, artworkAlignmentX!, 'alignmentX')]: artworkAlignmentX,\n      }),\n      body: classNames(bodyClass, {\n        [bodyIsSelectableClass]: isSelectable,\n      }),\n      eyebrow: eyebrowClass,\n      footer: classNames(footerClass, {\n        [useAlignmentClass(footerClass, footerAlignmentX!, 'alignmentX')]: footerAlignmentX,\n      }),\n      link: linkClass,\n      logo: logoClass,\n      media: classNames(mediaClass, mediaSizeClass, {\n        [mediaIsExpandedClass]: isExpanded,\n        [mediaHasFilledHeightClass]: hasFilledHeight,\n      }),\n      mediaCanvas: mediaCanvasClass,\n      root: classNames(cardClass, {\n        [useAlignmentClass(cardClass, alignmentY!, 'alignmentY')]: alignmentY,\n        [generateStylePropsClassNames(cardClass, stringOrObjectKebabCaseToCamelCase(direction!))]: direction,\n        [isBoxedClass]: isBoxed,\n      }),\n      title: classNames(titleClass, {\n        [titleHeadingClass]: isHeading,\n      }),\n    },\n  };\n}\n"],"names":["useCardStyleProps","props","alignmentY","artworkAlignmentX","direction","footerAlignmentX","hasFilledHeight","isBoxed","isExpanded","isHeading","isSelectable","size","cardClass","useClassNamePrefix","artworkClass","bodyClass","eyebrowClass","footerClass","linkClass","logoClass","mediaClass","titleClass","bodyIsSelectableClass","isBoxedClass","mediaCanvasClass","mediaHasFilledHeightClass","mediaIsExpandedClass","mediaSizeClass","titleHeadingClass","classNames","useAlignmentClass","generateStylePropsClassNames","stringOrObjectKebabCaseToCamelCase"],"mappings":"ySAuCO,SAASA,EAAkBC,EAAoD,CACpF,KAAM,CACJ,WAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,aAAAC,EACA,KAAAC,CAAA,EACEV,GAAS,CAAA,EACPW,EAAYC,EAAAA,mBAAmB,MAAM,EACrCC,EAAe,GAAGF,CAAS,UAC3BG,EAAY,GAAGH,CAAS,OACxBI,EAAe,GAAGJ,CAAS,UAC3BK,EAAc,GAAGL,CAAS,SAC1BM,EAAY,GAAGN,CAAS,OACxBO,EAAY,GAAGP,CAAS,OACxBQ,EAAa,GAAGR,CAAS,QACzBS,EAAa,GAAGT,CAAS,QAEzBU,EAAwB,GAAGP,CAAS,eAEpCQ,EAAe,GAAGX,CAAS,UAC3BY,EAAmB,GAAGJ,CAAU,WAChCK,EAA4B,GAAGL,CAAU,iBACzCM,EAAuB,GAAGN,CAAU,aACpCO,EAAiBhB,EAAO,GAAGS,CAAU,KAAKT,CAAI,GAAK,GACnDiB,EAAoB,GAAGP,CAAU,YAEvC,MAAO,CACL,WAAY,CACV,QAASQ,EAAWf,EAAc,CAChC,CAACgB,oBAAkBhB,EAAcX,EAAoB,YAAY,CAAC,EAAGA,CAAA,CACtE,EACD,KAAM0B,EAAWd,EAAW,CAC1B,CAACO,CAAqB,EAAGZ,CAAA,CAC1B,EACD,QAASM,EACT,OAAQa,EAAWZ,EAAa,CAC9B,CAACa,oBAAkBb,EAAaZ,EAAmB,YAAY,CAAC,EAAGA,CAAA,CACpE,EACD,KAAMa,EACN,KAAMC,EACN,MAAOU,EAAWT,EAAYO,EAAgB,CAC5C,CAACD,CAAoB,EAAGlB,EACxB,CAACiB,CAAyB,EAAGnB,CAAA,CAC9B,EACD,YAAakB,EACb,KAAMK,EAAWjB,EAAW,CAC1B,CAACkB,EAAAA,kBAAkBlB,EAAWV,EAAa,YAAY,CAAC,EAAGA,EAC3D,CAAC6B,EAAAA,6BAA6BnB,EAAWoB,EAAAA,mCAAmC5B,CAAU,CAAC,CAAC,EAAGA,EAC3F,CAACmB,CAAY,EAAGhB,CAAA,CACjB,EACD,MAAOsB,EAAWR,EAAY,CAC5B,CAACO,CAAiB,EAAGnB,CAAA,CACtB,CAAA,CACH,CAEJ"}

package/dist/components/Card/useCardStyleProps.js

@@ -1,52 +1,52 @@
 import e from "classnames";
-import { useAlignmentClass as t } from "../../hooks/useAlignmentClass.js";
-import { useClassNamePrefix as L } from "../../hooks/useClassNamePrefix.js";
-import { stringOrObjectKebabCaseToCamelCase as O } from "../../utils/string.js";
-import { generateStylePropsClassNames as T } from "../../utils/stylePropsClassesGenerator.js";
-function q(g) {
+import { useAlignmentClass as o } from "../../hooks/useAlignmentClass.js";
+import { useClassNamePrefix as v } from "../../hooks/useClassNamePrefix.js";
+import { stringOrObjectKebabCaseToCamelCase as B } from "../../utils/string.js";
+import { generateStylePropsClassNames as E } from "../../utils/stylePropsClassesGenerator.js";
+function O(g) {
   const {
-    alignmentY: a,
+    alignmentY: t,
     artworkAlignmentX: l,
-    direction: n,
-    footerAlignmentX: i,
+    direction: i,
+    footerAlignmentX: n,
     hasFilledHeight: $,
     isBoxed: b,
-    isExpanded: f,
-    isHeading: p,
+    isExpanded: p,
+    isHeading: f,
     isSelectable: y,
     size: r
-  } = g || {}, s = L("Card"), c = `${s}Artwork`, d = `${s}Body`, k = `${s}Eyebrow`, C = `${s}Footer`, w = `${s}Link`, x = `${s}Logo`, o = `${s}Media`, m = `${s}Title`, u = `${d}--selectable`, H = T(s, O(n)), h = `${s}--boxed`, S = `${o}__canvas`, A = `${o}--filledHeight`, P = `${o}--expanded`, X = r ? `${o}--${r}` : "", v = `${m}--heading`, B = e(c, {
-    [t(c, l, "alignmentX")]: l
-  }), E = e(d, {
-    [u]: y
-  }), F = e(C, {
-    [t(C, i, "alignmentX")]: i
-  }), N = e(o, X, {
-    [P]: f,
-    [A]: $
-  }), z = e(s, {
-    [t(s, a, "alignmentY")]: a,
-    [H]: n,
-    [h]: b
-  }), I = e(m, {
-    [v]: p
-  });
+  } = g || {}, s = v("Card"), d = `${s}Artwork`, c = `${s}Body`, x = `${s}Eyebrow`, m = `${s}Footer`, k = `${s}Link`, w = `${s}Logo`, a = `${s}Media`, C = `${s}Title`, u = `${c}--selectable`, H = `${s}--boxed`, h = `${a}__canvas`, S = `${a}--filledHeight`, A = `${a}--expanded`, P = r ? `${a}--${r}` : "", X = `${C}--heading`;
   return {
     classProps: {
-      artwork: B,
-      body: E,
-      eyebrow: k,
-      footer: F,
-      link: w,
-      logo: x,
-      media: N,
-      mediaCanvas: S,
-      root: z,
-      title: I
+      artwork: e(d, {
+        [o(d, l, "alignmentX")]: l
+      }),
+      body: e(c, {
+        [u]: y
+      }),
+      eyebrow: x,
+      footer: e(m, {
+        [o(m, n, "alignmentX")]: n
+      }),
+      link: k,
+      logo: w,
+      media: e(a, P, {
+        [A]: p,
+        [S]: $
+      }),
+      mediaCanvas: h,
+      root: e(s, {
+        [o(s, t, "alignmentY")]: t,
+        [E(s, B(i))]: i,
+        [H]: b
+      }),
+      title: e(C, {
+        [X]: f
+      })
     }
   };
 }
 export {
-  q as useCardStyleProps
+  O as useCardStyleProps
 };
 //# sourceMappingURL=useCardStyleProps.js.map

package/dist/components/Card/useCardStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCardStyleProps.js","sources":["../../../src/components/Card/useCardStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useAlignmentClass, useClassNamePrefix } from '../../hooks';\nimport {\n  type CardAlignmentXType,\n  type CardAlignmentYType,\n  type CardDirectionType,\n  type CardSizesDictionaryType,\n} from '../../types';\nimport { generateStylePropsClassNames, stringOrObjectKebabCaseToCamelCase } from '../../utils';\n\nexport interface UseCardStyleProps {\n  alignmentY?: CardAlignmentYType;\n  artworkAlignmentX?: CardAlignmentXType;\n  direction?: CardDirectionType;\n  footerAlignmentX?: CardAlignmentXType;\n  hasFilledHeight?: boolean;\n  isBoxed?: boolean;\n  isExpanded?: boolean;\n  isHeading?: boolean;\n  isSelectable?: boolean;\n  size?: CardSizesDictionaryType;\n}\n\nexport interface UseCardStylePropsReturn {\n  /** className props */\n  classProps: {\n    artwork: string;\n    body: string;\n    eyebrow: string;\n    footer: string;\n    link: string;\n    logo: string;\n    media: string;\n    mediaCanvas: string;\n    root: string;\n    title: string;\n  };\n}\n\nexport function useCardStyleProps(props?: UseCardStyleProps): UseCardStylePropsReturn {\n  const {\n    alignmentY,\n    artworkAlignmentX,\n    direction,\n    footerAlignmentX,\n    hasFilledHeight,\n    isBoxed,\n    isExpanded,\n    isHeading,\n    isSelectable,\n    size,\n  } = props || {};\n  const cardClass = useClassNamePrefix('Card');\n  const artworkClass = `${cardClass}Artwork`;\n  const bodyClass = `${cardClass}Body`;\n  const eyebrowClass = `${cardClass}Eyebrow`;\n  const footerClass = `${cardClass}Footer`;\n  const linkClass = `${cardClass}Link`;\n  const logoClass = `${cardClass}Logo`;\n  const mediaClass = `${cardClass}Media`;\n  const titleClass = `${cardClass}Title`;\n\n  const bodyIsSelectableClass = `${bodyClass}--selectable`;\n\n  const directionClass = generateStylePropsClassNames(cardClass, stringOrObjectKebabCaseToCamelCase(direction!));\n\n  const isBoxedClass = `${cardClass}--boxed`;\n  const mediaCanvasClass = `${mediaClass}__canvas`;\n  const mediaHasFilledHeightClass = `${mediaClass}--filledHeight`;\n  const mediaIsExpandedClass = `${mediaClass}--expanded`;\n  const mediaSizeClass = size ? `${mediaClass}--${size}` : '';\n  const titleHeadingClass = `${titleClass}--heading`;\n\n  const artworkClasses = classNames(artworkClass, {\n    [useAlignmentClass(artworkClass, artworkAlignmentX!, 'alignmentX')]: artworkAlignmentX,\n  });\n  const bodyClasses = classNames(bodyClass, {\n    [bodyIsSelectableClass]: isSelectable,\n  });\n  const footerClasses = classNames(footerClass, {\n    [useAlignmentClass(footerClass, footerAlignmentX!, 'alignmentX')]: footerAlignmentX,\n  });\n  const mediaClasses = classNames(mediaClass, mediaSizeClass, {\n    [mediaIsExpandedClass]: isExpanded,\n    [mediaHasFilledHeightClass]: hasFilledHeight,\n  });\n  const rootClasses = classNames(cardClass, {\n    [useAlignmentClass(cardClass, alignmentY!, 'alignmentY')]: alignmentY,\n    [directionClass]: direction,\n    [isBoxedClass]: isBoxed,\n  });\n  const titleClasses = classNames(titleClass, {\n    [titleHeadingClass]: isHeading,\n  });\n\n  return {\n    classProps: {\n      artwork: artworkClasses,\n      body: bodyClasses,\n      eyebrow: eyebrowClass,\n      footer: footerClasses,\n      link: linkClass,\n      logo: logoClass,\n      media: mediaClasses,\n      mediaCanvas: mediaCanvasClass,\n      root: rootClasses,\n      title: titleClasses,\n    },\n  };\n}\n"],"names":["useCardStyleProps","props","alignmentY","artworkAlignmentX","direction","footerAlignmentX","hasFilledHeight","isBoxed","isExpanded","isHeading","isSelectable","size","cardClass","useClassNamePrefix","artworkClass","bodyClass","eyebrowClass","footerClass","linkClass","logoClass","mediaClass","titleClass","bodyIsSelectableClass","directionClass","generateStylePropsClassNames","stringOrObjectKebabCaseToCamelCase","isBoxedClass","mediaCanvasClass","mediaHasFilledHeightClass","mediaIsExpandedClass","mediaSizeClass","titleHeadingClass","artworkClasses","classNames","useAlignmentClass","bodyClasses","footerClasses","mediaClasses","rootClasses","titleClasses"],"mappings":";;;;;AAuCO,SAASA,EAAkBC,GAAoD;AACpF,QAAM;AAAA,IACJ,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACEV,KAAS,CAAA,GACPW,IAAYC,EAAmB,MAAM,GACrCC,IAAe,GAAGF,CAAS,WAC3BG,IAAY,GAAGH,CAAS,QACxBI,IAAe,GAAGJ,CAAS,WAC3BK,IAAc,GAAGL,CAAS,UAC1BM,IAAY,GAAGN,CAAS,QACxBO,IAAY,GAAGP,CAAS,QACxBQ,IAAa,GAAGR,CAAS,SACzBS,IAAa,GAAGT,CAAS,SAEzBU,IAAwB,GAAGP,CAAS,gBAEpCQ,IAAiBC,EAA6BZ,GAAWa,EAAmCrB,CAAU,CAAC,GAEvGsB,IAAe,GAAGd,CAAS,WAC3Be,IAAmB,GAAGP,CAAU,YAChCQ,IAA4B,GAAGR,CAAU,kBACzCS,IAAuB,GAAGT,CAAU,cACpCU,IAAiBnB,IAAO,GAAGS,CAAU,KAAKT,CAAI,KAAK,IACnDoB,IAAoB,GAAGV,CAAU,aAEjCW,IAAiBC,EAAWnB,GAAc;AAAA,IAC9C,CAACoB,EAAkBpB,GAAcX,GAAoB,YAAY,CAAC,GAAGA;AAAA,EAAA,CACtE,GACKgC,IAAcF,EAAWlB,GAAW;AAAA,IACxC,CAACO,CAAqB,GAAGZ;AAAA,EAAA,CAC1B,GACK0B,IAAgBH,EAAWhB,GAAa;AAAA,IAC5C,CAACiB,EAAkBjB,GAAaZ,GAAmB,YAAY,CAAC,GAAGA;AAAA,EAAA,CACpE,GACKgC,IAAeJ,EAAWb,GAAYU,GAAgB;AAAA,IAC1D,CAACD,CAAoB,GAAGrB;AAAA,IACxB,CAACoB,CAAyB,GAAGtB;AAAA,EAAA,CAC9B,GACKgC,IAAcL,EAAWrB,GAAW;AAAA,IACxC,CAACsB,EAAkBtB,GAAWV,GAAa,YAAY,CAAC,GAAGA;AAAA,IAC3D,CAACqB,CAAc,GAAGnB;AAAA,IAClB,CAACsB,CAAY,GAAGnB;AAAA,EAAA,CACjB,GACKgC,IAAeN,EAAWZ,GAAY;AAAA,IAC1C,CAACU,CAAiB,GAAGtB;AAAA,EAAA,CACtB;AAED,SAAO;AAAA,IACL,YAAY;AAAA,MACV,SAASuB;AAAA,MACT,MAAMG;AAAA,MACN,SAASnB;AAAA,MACT,QAAQoB;AAAA,MACR,MAAMlB;AAAA,MACN,MAAMC;AAAA,MACN,OAAOkB;AAAA,MACP,aAAaV;AAAA,MACb,MAAMW;AAAA,MACN,OAAOC;AAAA,IAAA;AAAA,EACT;AAEJ;"}
+{"version":3,"file":"useCardStyleProps.js","sources":["../../../src/components/Card/useCardStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useAlignmentClass, useClassNamePrefix } from '../../hooks';\nimport {\n  type CardAlignmentXType,\n  type CardAlignmentYType,\n  type CardDirectionType,\n  type CardSizesDictionaryType,\n} from '../../types';\nimport { generateStylePropsClassNames, stringOrObjectKebabCaseToCamelCase } from '../../utils';\n\nexport interface UseCardStyleProps {\n  alignmentY?: CardAlignmentYType;\n  artworkAlignmentX?: CardAlignmentXType;\n  direction?: CardDirectionType;\n  footerAlignmentX?: CardAlignmentXType;\n  hasFilledHeight?: boolean;\n  isBoxed?: boolean;\n  isExpanded?: boolean;\n  isHeading?: boolean;\n  isSelectable?: boolean;\n  size?: CardSizesDictionaryType;\n}\n\nexport interface UseCardStylePropsReturn {\n  /** className props */\n  classProps: {\n    artwork: string;\n    body: string;\n    eyebrow: string;\n    footer: string;\n    link: string;\n    logo: string;\n    media: string;\n    mediaCanvas: string;\n    root: string;\n    title: string;\n  };\n}\n\nexport function useCardStyleProps(props?: UseCardStyleProps): UseCardStylePropsReturn {\n  const {\n    alignmentY,\n    artworkAlignmentX,\n    direction,\n    footerAlignmentX,\n    hasFilledHeight,\n    isBoxed,\n    isExpanded,\n    isHeading,\n    isSelectable,\n    size,\n  } = props || {};\n  const cardClass = useClassNamePrefix('Card');\n  const artworkClass = `${cardClass}Artwork`;\n  const bodyClass = `${cardClass}Body`;\n  const eyebrowClass = `${cardClass}Eyebrow`;\n  const footerClass = `${cardClass}Footer`;\n  const linkClass = `${cardClass}Link`;\n  const logoClass = `${cardClass}Logo`;\n  const mediaClass = `${cardClass}Media`;\n  const titleClass = `${cardClass}Title`;\n\n  const bodyIsSelectableClass = `${bodyClass}--selectable`;\n\n  const isBoxedClass = `${cardClass}--boxed`;\n  const mediaCanvasClass = `${mediaClass}__canvas`;\n  const mediaHasFilledHeightClass = `${mediaClass}--filledHeight`;\n  const mediaIsExpandedClass = `${mediaClass}--expanded`;\n  const mediaSizeClass = size ? `${mediaClass}--${size}` : '';\n  const titleHeadingClass = `${titleClass}--heading`;\n\n  return {\n    classProps: {\n      artwork: classNames(artworkClass, {\n        [useAlignmentClass(artworkClass, artworkAlignmentX!, 'alignmentX')]: artworkAlignmentX,\n      }),\n      body: classNames(bodyClass, {\n        [bodyIsSelectableClass]: isSelectable,\n      }),\n      eyebrow: eyebrowClass,\n      footer: classNames(footerClass, {\n        [useAlignmentClass(footerClass, footerAlignmentX!, 'alignmentX')]: footerAlignmentX,\n      }),\n      link: linkClass,\n      logo: logoClass,\n      media: classNames(mediaClass, mediaSizeClass, {\n        [mediaIsExpandedClass]: isExpanded,\n        [mediaHasFilledHeightClass]: hasFilledHeight,\n      }),\n      mediaCanvas: mediaCanvasClass,\n      root: classNames(cardClass, {\n        [useAlignmentClass(cardClass, alignmentY!, 'alignmentY')]: alignmentY,\n        [generateStylePropsClassNames(cardClass, stringOrObjectKebabCaseToCamelCase(direction!))]: direction,\n        [isBoxedClass]: isBoxed,\n      }),\n      title: classNames(titleClass, {\n        [titleHeadingClass]: isHeading,\n      }),\n    },\n  };\n}\n"],"names":["useCardStyleProps","props","alignmentY","artworkAlignmentX","direction","footerAlignmentX","hasFilledHeight","isBoxed","isExpanded","isHeading","isSelectable","size","cardClass","useClassNamePrefix","artworkClass","bodyClass","eyebrowClass","footerClass","linkClass","logoClass","mediaClass","titleClass","bodyIsSelectableClass","isBoxedClass","mediaCanvasClass","mediaHasFilledHeightClass","mediaIsExpandedClass","mediaSizeClass","titleHeadingClass","classNames","useAlignmentClass","generateStylePropsClassNames","stringOrObjectKebabCaseToCamelCase"],"mappings":";;;;;AAuCO,SAASA,EAAkBC,GAAoD;AACpF,QAAM;AAAA,IACJ,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACEV,KAAS,CAAA,GACPW,IAAYC,EAAmB,MAAM,GACrCC,IAAe,GAAGF,CAAS,WAC3BG,IAAY,GAAGH,CAAS,QACxBI,IAAe,GAAGJ,CAAS,WAC3BK,IAAc,GAAGL,CAAS,UAC1BM,IAAY,GAAGN,CAAS,QACxBO,IAAY,GAAGP,CAAS,QACxBQ,IAAa,GAAGR,CAAS,SACzBS,IAAa,GAAGT,CAAS,SAEzBU,IAAwB,GAAGP,CAAS,gBAEpCQ,IAAe,GAAGX,CAAS,WAC3BY,IAAmB,GAAGJ,CAAU,YAChCK,IAA4B,GAAGL,CAAU,kBACzCM,IAAuB,GAAGN,CAAU,cACpCO,IAAiBhB,IAAO,GAAGS,CAAU,KAAKT,CAAI,KAAK,IACnDiB,IAAoB,GAAGP,CAAU;AAEvC,SAAO;AAAA,IACL,YAAY;AAAA,MACV,SAASQ,EAAWf,GAAc;AAAA,QAChC,CAACgB,EAAkBhB,GAAcX,GAAoB,YAAY,CAAC,GAAGA;AAAA,MAAA,CACtE;AAAA,MACD,MAAM0B,EAAWd,GAAW;AAAA,QAC1B,CAACO,CAAqB,GAAGZ;AAAA,MAAA,CAC1B;AAAA,MACD,SAASM;AAAA,MACT,QAAQa,EAAWZ,GAAa;AAAA,QAC9B,CAACa,EAAkBb,GAAaZ,GAAmB,YAAY,CAAC,GAAGA;AAAA,MAAA,CACpE;AAAA,MACD,MAAMa;AAAA,MACN,MAAMC;AAAA,MACN,OAAOU,EAAWT,GAAYO,GAAgB;AAAA,QAC5C,CAACD,CAAoB,GAAGlB;AAAA,QACxB,CAACiB,CAAyB,GAAGnB;AAAA,MAAA,CAC9B;AAAA,MACD,aAAakB;AAAA,MACb,MAAMK,EAAWjB,GAAW;AAAA,QAC1B,CAACkB,EAAkBlB,GAAWV,GAAa,YAAY,CAAC,GAAGA;AAAA,QAC3D,CAAC6B,EAA6BnB,GAAWoB,EAAmC5B,CAAU,CAAC,CAAC,GAAGA;AAAA,QAC3F,CAACmB,CAAY,GAAGhB;AAAA,MAAA,CACjB;AAAA,MACD,OAAOsB,EAAWR,GAAY;AAAA,QAC5B,CAACO,CAAiB,GAAGnB;AAAA,MAAA,CACtB;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/Card.d.ts

@@ -1,2 +1,2 @@
-export * from './Card/index'
+export * from '../src/components/Card/index'
 export {}

package/dist/components/CharacterCounter/CharacterCounter.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../VisuallyHidden/VisuallyHidden.cjs"),l=require("./useCharacterCounterState.cjs"),r=t=>{const{debouncedScreenReaderMessage:s,isVisible:i,screenReaderMessageId:a,styleProps:n,transferProps:u,visibleCounterText:o}=l.useCharacterCounter(t);return i?e.jsxs(e.Fragment,{children:[e.jsx("div",{...u,...n,"aria-hidden":"true",children:o}),e.jsx(c.default,{id:a,"aria-live":"polite","aria-atomic":"true",children:s})]}):null};r.spiritComponent="CharacterCounter";exports.default=r;
+//# sourceMappingURL=CharacterCounter.cjs.map

package/dist/components/CharacterCounter/CharacterCounter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CharacterCounter.cjs","sources":["../../../src/components/CharacterCounter/CharacterCounter.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { type CharacterCounterProps } from './types';\nimport { useCharacterCounter } from './useCharacterCounterState';\n\nconst CharacterCounter = (props: CharacterCounterProps) => {\n  const {\n    debouncedScreenReaderMessage,\n    isVisible,\n    screenReaderMessageId,\n    styleProps,\n    transferProps,\n    visibleCounterText,\n  } = useCharacterCounter(props);\n\n  return isVisible ? (\n    <>\n      <div {...transferProps} {...styleProps} aria-hidden=\"true\">\n        {visibleCounterText}\n      </div>\n      <VisuallyHidden id={screenReaderMessageId} aria-live=\"polite\" aria-atomic=\"true\">\n        {debouncedScreenReaderMessage}\n      </VisuallyHidden>\n    </>\n  ) : null;\n};\n\nCharacterCounter.spiritComponent = 'CharacterCounter';\n\nexport default CharacterCounter;\n"],"names":["CharacterCounter","props","debouncedScreenReaderMessage","isVisible","screenReaderMessageId","styleProps","transferProps","visibleCounterText","useCharacterCounter","jsxs","Fragment","jsx","VisuallyHidden"],"mappings":"4PAOMA,EAAoBC,GAAiC,CACzD,KAAM,CACJ,6BAAAC,EACA,UAAAC,EACA,sBAAAC,EACA,WAAAC,EACA,cAAAC,EACA,mBAAAC,CAAA,EACEC,EAAAA,oBAAoBP,CAAK,EAE7B,OAAOE,EACLM,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,MAAC,OAAK,GAAGL,EAAgB,GAAGD,EAAY,cAAY,OACjD,SAAAE,EACH,EACAI,EAAAA,IAACC,EAAAA,SAAe,GAAIR,EAAuB,YAAU,SAAS,cAAY,OACvE,SAAAF,CAAA,CACH,CAAA,CAAA,CACF,EACE,IACN,EAEAF,EAAiB,gBAAkB"}

package/dist/components/CharacterCounter/CharacterCounter.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsxs as d, Fragment as c, jsx as e } from "react/jsx-runtime";
+import l from "../VisuallyHidden/VisuallyHidden.js";
+import { useCharacterCounter as u } from "./useCharacterCounterState.js";
+const m = (r) => {
+  const {
+    debouncedScreenReaderMessage: t,
+    isVisible: i,
+    screenReaderMessageId: s,
+    styleProps: a,
+    transferProps: n,
+    visibleCounterText: o
+  } = u(r);
+  return i ? /* @__PURE__ */ d(c, { children: [
+    /* @__PURE__ */ e("div", { ...n, ...a, "aria-hidden": "true", children: o }),
+    /* @__PURE__ */ e(l, { id: s, "aria-live": "polite", "aria-atomic": "true", children: t })
+  ] }) : null;
+};
+m.spiritComponent = "CharacterCounter";
+export {
+  m as default
+};
+//# sourceMappingURL=CharacterCounter.js.map

package/dist/components/CharacterCounter/CharacterCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CharacterCounter.js","sources":["../../../src/components/CharacterCounter/CharacterCounter.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { type CharacterCounterProps } from './types';\nimport { useCharacterCounter } from './useCharacterCounterState';\n\nconst CharacterCounter = (props: CharacterCounterProps) => {\n  const {\n    debouncedScreenReaderMessage,\n    isVisible,\n    screenReaderMessageId,\n    styleProps,\n    transferProps,\n    visibleCounterText,\n  } = useCharacterCounter(props);\n\n  return isVisible ? (\n    <>\n      <div {...transferProps} {...styleProps} aria-hidden=\"true\">\n        {visibleCounterText}\n      </div>\n      <VisuallyHidden id={screenReaderMessageId} aria-live=\"polite\" aria-atomic=\"true\">\n        {debouncedScreenReaderMessage}\n      </VisuallyHidden>\n    </>\n  ) : null;\n};\n\nCharacterCounter.spiritComponent = 'CharacterCounter';\n\nexport default CharacterCounter;\n"],"names":["CharacterCounter","props","debouncedScreenReaderMessage","isVisible","screenReaderMessageId","styleProps","transferProps","visibleCounterText","useCharacterCounter","jsxs","Fragment","jsx","VisuallyHidden"],"mappings":";;;;AAOA,MAAMA,IAAmB,CAACC,MAAiC;AACzD,QAAM;AAAA,IACJ,8BAAAC;AAAA,IACA,WAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAoBP,CAAK;AAE7B,SAAOE,IACL,gBAAAM,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAK,GAAGL,GAAgB,GAAGD,GAAY,eAAY,QACjD,UAAAE,GACH;AAAA,IACA,gBAAAI,EAACC,KAAe,IAAIR,GAAuB,aAAU,UAAS,eAAY,QACvE,UAAAF,EAAA,CACH;AAAA,EAAA,EAAA,CACF,IACE;AACN;AAEAF,EAAiB,kBAAkB;"}

package/dist/components/CharacterCounter/constants.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/CharacterCounter/constants.ts"],"sourcesContent":["/** Debounce delay (ms) for screen reader message updates in the character counter */\nexport const CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS = 500;\n"],"names":["CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS"],"mappings":"gFACO,MAAMA,EAA8C"}

package/dist/components/CharacterCounter/constants.js

@@ -0,0 +1,5 @@
+const E = 500;
+export {
+  E as CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/CharacterCounter/constants.ts"],"sourcesContent":["/** Debounce delay (ms) for screen reader message updates in the character counter */\nexport const CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS = 500;\n"],"names":["CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS"],"mappings":"AACO,MAAMA,IAA8C;"}

package/dist/components/CharacterCounter/index.cjs

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

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

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

package/dist/components/CharacterCounter/index.js

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

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

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

package/dist/components/CharacterCounter/useCharacterCounterState.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),v=require("../../hooks/styleProps.cjs"),R=require("../../hooks/useControlledModeGuard.cjs"),S=require("../../hooks/useDebouncedValue.cjs"),y=require("../../hooks/useI18n.cjs"),E=require("./constants.cjs"),b=(t,e)=>e!==void 0?`${t}/${e}`:String(t),f=(t,e,r)=>{if(r===void 0)return t("textArea.counter.charactersEntered",{count:e});if(e===0)return t("textArea.counter.canEnterUpTo",{maxLength:r});if(e>r){const n=e-r;return t(n===1?"textArea.counter.characterOverLimit":"textArea.counter.charactersOverLimit",{count:n})}const s=r-e;return t(s===1?"textArea.counter.characterRemaining":"textArea.counter.charactersRemaining",{count:s})},m=t=>{const{value:e,defaultValue:r,counterThreshold:s,hasCounter:u,onChange:n}=t,o=e!==void 0;R.useControlledModeGuard({componentName:"useCharacterCounterState",value:e,defaultValue:r});const[l,C]=g.useState(()=>o?e.length:r?.length??0),d=o?e.length:l,a=u===!0||s!==void 0,c=g.useCallback(i=>{!o&&a&&C(i.target.value.length),n?.(i)},[o,a,n]);return{counterProps:a?{counterThreshold:s,currentLength:d,hasCounter:u}:void 0,handleChange:c}},A=t=>{const{counterThreshold:e,currentLength:r,hasCounter:s,id:u,registerAria:n,...o}=t,{styleProps:l,props:C}=v.useStyleProps(o),{t:d}=y.useI18n(),a=s===!0||e!==void 0,c=`${u}__counterScreenReaderMessage`,h=b(r,e),i=f(d,r,e),p=S.useDebouncedValue(i,E.CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS);return g.useEffect(()=>{if(a)return n({add:c}),()=>{n({remove:c})}},[a,c,n]),{debouncedScreenReaderMessage:p,isVisible:a,screenReaderMessageId:c,styleProps:l,transferProps:C,visibleCounterText:h}};exports.useCharacterCounter=A;exports.useCharacterCounterState=m;
+//# sourceMappingURL=useCharacterCounterState.cjs.map

package/dist/components/CharacterCounter/useCharacterCounterState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCharacterCounterState.cjs","sources":["../../../src/components/CharacterCounter/useCharacterCounterState.ts"],"sourcesContent":["'use client';\n\nimport { type ChangeEvent, useCallback, useEffect, useState } from 'react';\nimport {\n  type StylePropsResult,\n  type TranslateFunction,\n  useControlledModeGuard,\n  useDebouncedValue,\n  useI18n,\n  useStyleProps,\n} from '../../hooks';\nimport { type TextAreaCounterRenderProps } from '../../types';\nimport { CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS } from './constants';\nimport { type CharacterCounterProps } from './types';\n\n/** Return value of the useCharacterCounterState hook */\nexport interface CharacterCounterState {\n  /** Props to pass to CharacterCounter, or undefined when counter is hidden */\n  counterProps: TextAreaCounterRenderProps | undefined;\n  /** Change handler that updates internal length and calls the provided onChange */\n  handleChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\n/** Props for the useCharacterCounterState hook */\nexport interface UseCharacterCounterStateProps {\n  /** Character threshold shown after the slash in the counter (e.g. `5/200`); implicitly enables the counter */\n  counterThreshold?: number;\n  /** Initial value when uncontrolled */\n  defaultValue?: string;\n  /** Whether to show the character counter; automatically true when `counterThreshold` is set */\n  hasCounter?: boolean;\n  /** Called when the textarea value changes */\n  onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /** Controlled value (takes precedence over defaultValue) */\n  value?: string;\n}\n\n/** Return value of the `useCharacterCounter` hook (visible + screen reader presentation for `CharacterCounter`). */\nexport interface UseCharacterCounterResult {\n  debouncedScreenReaderMessage: string;\n  isVisible: boolean;\n  screenReaderMessageId: string;\n  styleProps: StylePropsResult['styleProps'];\n  transferProps: StylePropsResult['props'];\n  visibleCounterText: string;\n}\n\n/**\n * Builds the visible counter label (`current/max` or count only).\n *\n * @param currentLength - Current number of characters.\n * @param counterThreshold - When set, label includes a slash and this max; when omitted, only the count is shown.\n * @returns {string} Formatted string for the aria-hidden counter element.\n */\nconst getCharacterCounterVisibleText = (currentLength: number, counterThreshold: number | undefined): string =>\n  counterThreshold !== undefined ? `${currentLength}/${counterThreshold}` : String(currentLength);\n\n/**\n * Builds the polite live-region message for assistive technologies (remaining, over limit, count-only, etc.).\n *\n * @param t - Translation function (e.g. from `useI18n`).\n * @param currentLength - Current number of characters.\n * @param counterThreshold - When set, messages relate to this max; when omitted, only “characters entered” copy is used.\n * @returns {string} Localized screen reader string (not debounced).\n */\nconst getCharacterCounterScreenReaderMessage = (\n  t: TranslateFunction,\n  currentLength: number,\n  counterThreshold: number | undefined,\n): string => {\n  if (counterThreshold === undefined) {\n    return t('textArea.counter.charactersEntered', { count: currentLength });\n  }\n\n  if (currentLength === 0) {\n    return t('textArea.counter.canEnterUpTo', { maxLength: counterThreshold });\n  }\n\n  if (currentLength > counterThreshold) {\n    const overCount = currentLength - counterThreshold;\n    const key = overCount === 1 ? 'textArea.counter.characterOverLimit' : 'textArea.counter.charactersOverLimit';\n\n    return t(key, { count: overCount });\n  }\n\n  const remaining = counterThreshold - currentLength;\n  const key = remaining === 1 ? 'textArea.counter.characterRemaining' : 'textArea.counter.charactersRemaining';\n\n  return t(key, { count: remaining });\n};\n\n/**\n * Tracks textarea length for `TextArea` and exposes `counterProps` plus a change handler when the counter is active.\n *\n * @param props - Controlled/uncontrolled value and counter flags; see {@link UseCharacterCounterStateProps}.\n * @returns {CharacterCounterState} Counter props for `CharacterCounter` (if visible) and textarea `onChange` handler.\n */\nexport const useCharacterCounterState = (props: UseCharacterCounterStateProps): CharacterCounterState => {\n  const { value, defaultValue, counterThreshold, hasCounter, onChange } = props;\n  const isControlled = value !== undefined;\n\n  useControlledModeGuard({\n    componentName: 'useCharacterCounterState',\n    value,\n    defaultValue,\n  });\n\n  const [internalLength, setInternalLength] = useState(() =>\n    isControlled ? value.length : (defaultValue?.length ?? 0),\n  );\n\n  const currentLength = isControlled ? value.length : internalLength;\n  const isCounterVisible = hasCounter === true || counterThreshold !== undefined;\n\n  const handleChange = useCallback(\n    (event: ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled && isCounterVisible) {\n        setInternalLength(event.target.value.length);\n      }\n      onChange?.(event);\n    },\n    [isControlled, isCounterVisible, onChange],\n  );\n\n  const counterProps: TextAreaCounterRenderProps | undefined = isCounterVisible\n    ? {\n        counterThreshold,\n        currentLength,\n        hasCounter,\n      }\n    : undefined;\n\n  return {\n    counterProps,\n    handleChange,\n  };\n};\n\n/**\n * Presentation hook for `CharacterCounter`: style props, visible text, debounced screen reader text, and ARIA id registration.\n *\n * @param props - Full `CharacterCounterProps` including `id` and `registerAria`.\n * @returns {UseCharacterCounterResult} Values to render the visible counter and `VisuallyHidden` live region.\n */\nexport const useCharacterCounter = (props: CharacterCounterProps): UseCharacterCounterResult => {\n  const { counterThreshold, currentLength, hasCounter, id, registerAria, ...restProps } = props;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const { t } = useI18n();\n  const isVisible = hasCounter === true || counterThreshold !== undefined;\n  const screenReaderMessageId = `${id}__counterScreenReaderMessage`;\n  const visibleCounterText = getCharacterCounterVisibleText(currentLength, counterThreshold);\n  const screenReaderMessage = getCharacterCounterScreenReaderMessage(t, currentLength, counterThreshold);\n  const debouncedScreenReaderMessage = useDebouncedValue(\n    screenReaderMessage,\n    CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS,\n  );\n\n  useEffect(() => {\n    if (isVisible) {\n      registerAria({ add: screenReaderMessageId });\n\n      return () => {\n        registerAria({ remove: screenReaderMessageId });\n      };\n    }\n\n    return undefined;\n  }, [isVisible, screenReaderMessageId, registerAria]);\n\n  return {\n    debouncedScreenReaderMessage,\n    isVisible,\n    screenReaderMessageId,\n    styleProps,\n    transferProps,\n    visibleCounterText,\n  };\n};\n"],"names":["getCharacterCounterVisibleText","currentLength","counterThreshold","getCharacterCounterScreenReaderMessage","overCount","remaining","useCharacterCounterState","props","value","defaultValue","hasCounter","onChange","isControlled","useControlledModeGuard","internalLength","setInternalLength","useState","isCounterVisible","handleChange","useCallback","event","useCharacterCounter","id","registerAria","restProps","styleProps","transferProps","useStyleProps","t","useI18n","isVisible","screenReaderMessageId","visibleCounterText","screenReaderMessage","debouncedScreenReaderMessage","useDebouncedValue","CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS","useEffect"],"mappings":"mUAsDMA,EAAiC,CAACC,EAAuBC,IAC7DA,IAAqB,OAAY,GAAGD,CAAa,IAAIC,CAAgB,GAAK,OAAOD,CAAa,EAU1FE,EAAyC,CAC7C,EACAF,EACAC,IACW,CACX,GAAIA,IAAqB,OACvB,OAAO,EAAE,qCAAsC,CAAE,MAAOD,EAAe,EAGzE,GAAIA,IAAkB,EACpB,OAAO,EAAE,gCAAiC,CAAE,UAAWC,EAAkB,EAG3E,GAAID,EAAgBC,EAAkB,CACpC,MAAME,EAAYH,EAAgBC,EAGlC,OAAO,EAFKE,IAAc,EAAI,sCAAwC,uCAExD,CAAE,MAAOA,EAAW,CACpC,CAEA,MAAMC,EAAYH,EAAmBD,EAGrC,OAAO,EAFKI,IAAc,EAAI,sCAAwC,uCAExD,CAAE,MAAOA,EAAW,CACpC,EAQaC,EAA4BC,GAAgE,CACvG,KAAM,CAAE,MAAAC,EAAO,aAAAC,EAAc,iBAAAP,EAAkB,WAAAQ,EAAY,SAAAC,GAAaJ,EAClEK,EAAeJ,IAAU,OAE/BK,yBAAuB,CACrB,cAAe,2BACf,MAAAL,EACA,aAAAC,CAAA,CACD,EAED,KAAM,CAACK,EAAgBC,CAAiB,EAAIC,EAAAA,SAAS,IACnDJ,EAAeJ,EAAM,OAAUC,GAAc,QAAU,CAAA,EAGnDR,EAAgBW,EAAeJ,EAAM,OAASM,EAC9CG,EAAmBP,IAAe,IAAQR,IAAqB,OAE/DgB,EAAeC,EAAAA,YAClBC,GAA4C,CACvC,CAACR,GAAgBK,GACnBF,EAAkBK,EAAM,OAAO,MAAM,MAAM,EAE7CT,IAAWS,CAAK,CAClB,EACA,CAACR,EAAcK,EAAkBN,CAAQ,CAAA,EAW3C,MAAO,CACL,aAT2DM,EACzD,CACE,iBAAAf,EACA,cAAAD,EACA,WAAAS,CAAA,EAEF,OAIF,aAAAQ,CAAA,CAEJ,EAQaG,EAAuBd,GAA4D,CAC9F,KAAM,CAAE,iBAAAL,EAAkB,cAAAD,EAAe,WAAAS,EAAY,GAAAY,EAAI,aAAAC,EAAc,GAAGC,GAAcjB,EAClF,CAAA,WAAEkB,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcH,CAAS,EAC9D,CAAE,EAAAI,CAAA,EAAMC,UAAA,EACRC,EAAYpB,IAAe,IAAQR,IAAqB,OACxD6B,EAAwB,GAAGT,CAAE,+BAC7BU,EAAqBhC,EAA+BC,EAAeC,CAAgB,EACnF+B,EAAsB9B,EAAuCyB,EAAG3B,EAAeC,CAAgB,EAC/FgC,EAA+BC,EAAAA,kBACnCF,EACAG,EAAAA,2CAAA,EAGFC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIP,EACF,OAAAP,EAAa,CAAE,IAAKQ,EAAuB,EAEpC,IAAM,CACXR,EAAa,CAAE,OAAQQ,EAAuB,CAChD,CAIJ,EAAG,CAACD,EAAWC,EAAuBR,CAAY,CAAC,EAE5C,CACL,6BAAAW,EACA,UAAAJ,EACA,sBAAAC,EAAA,WACAN,EACA,cAAAC,EACA,mBAAAM,CAAA,CAEJ"}

package/dist/components/CharacterCounter/useCharacterCounterState.js

@@ -0,0 +1,65 @@
+"use client";
+import { useState as p, useCallback as f, useEffect as h } from "react";
+import { useStyleProps as v } from "../../hooks/styleProps.js";
+import { useControlledModeGuard as R } from "../../hooks/useControlledModeGuard.js";
+import { useDebouncedValue as E } from "../../hooks/useDebouncedValue.js";
+import { useI18n as x } from "../../hooks/useI18n.js";
+import { CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS as A } from "./constants.js";
+const S = (t, e) => e !== void 0 ? `${t}/${e}` : String(t), b = (t, e, r) => {
+  if (r === void 0)
+    return t("textArea.counter.charactersEntered", { count: e });
+  if (e === 0)
+    return t("textArea.counter.canEnterUpTo", { maxLength: r });
+  if (e > r) {
+    const n = e - r;
+    return t(n === 1 ? "textArea.counter.characterOverLimit" : "textArea.counter.charactersOverLimit", { count: n });
+  }
+  const o = r - e;
+  return t(o === 1 ? "textArea.counter.characterRemaining" : "textArea.counter.charactersRemaining", { count: o });
+}, N = (t) => {
+  const { value: e, defaultValue: r, counterThreshold: o, hasCounter: i, onChange: n } = t, s = e !== void 0;
+  R({
+    componentName: "useCharacterCounterState",
+    value: e,
+    defaultValue: r
+  });
+  const [C, d] = p(
+    () => s ? e.length : r?.length ?? 0
+  ), l = s ? e.length : C, a = i === !0 || o !== void 0, c = f(
+    (u) => {
+      !s && a && d(u.target.value.length), n?.(u);
+    },
+    [s, a, n]
+  );
+  return {
+    counterProps: a ? {
+      counterThreshold: o,
+      currentLength: l,
+      hasCounter: i
+    } : void 0,
+    handleChange: c
+  };
+}, O = (t) => {
+  const { counterThreshold: e, currentLength: r, hasCounter: o, id: i, registerAria: n, ...s } = t, { styleProps: C, props: d } = v(s), { t: l } = x(), a = o === !0 || e !== void 0, c = `${i}__counterScreenReaderMessage`, m = S(r, e), u = b(l, r, e), g = E(
+    u,
+    A
+  );
+  return h(() => {
+    if (a)
+      return n({ add: c }), () => {
+        n({ remove: c });
+      };
+  }, [a, c, n]), {
+    debouncedScreenReaderMessage: g,
+    isVisible: a,
+    screenReaderMessageId: c,
+    styleProps: C,
+    transferProps: d,
+    visibleCounterText: m
+  };
+};
+export {
+  O as useCharacterCounter,
+  N as useCharacterCounterState
+};
+//# sourceMappingURL=useCharacterCounterState.js.map

package/dist/components/CharacterCounter/useCharacterCounterState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCharacterCounterState.js","sources":["../../../src/components/CharacterCounter/useCharacterCounterState.ts"],"sourcesContent":["'use client';\n\nimport { type ChangeEvent, useCallback, useEffect, useState } from 'react';\nimport {\n  type StylePropsResult,\n  type TranslateFunction,\n  useControlledModeGuard,\n  useDebouncedValue,\n  useI18n,\n  useStyleProps,\n} from '../../hooks';\nimport { type TextAreaCounterRenderProps } from '../../types';\nimport { CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS } from './constants';\nimport { type CharacterCounterProps } from './types';\n\n/** Return value of the useCharacterCounterState hook */\nexport interface CharacterCounterState {\n  /** Props to pass to CharacterCounter, or undefined when counter is hidden */\n  counterProps: TextAreaCounterRenderProps | undefined;\n  /** Change handler that updates internal length and calls the provided onChange */\n  handleChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\n/** Props for the useCharacterCounterState hook */\nexport interface UseCharacterCounterStateProps {\n  /** Character threshold shown after the slash in the counter (e.g. `5/200`); implicitly enables the counter */\n  counterThreshold?: number;\n  /** Initial value when uncontrolled */\n  defaultValue?: string;\n  /** Whether to show the character counter; automatically true when `counterThreshold` is set */\n  hasCounter?: boolean;\n  /** Called when the textarea value changes */\n  onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /** Controlled value (takes precedence over defaultValue) */\n  value?: string;\n}\n\n/** Return value of the `useCharacterCounter` hook (visible + screen reader presentation for `CharacterCounter`). */\nexport interface UseCharacterCounterResult {\n  debouncedScreenReaderMessage: string;\n  isVisible: boolean;\n  screenReaderMessageId: string;\n  styleProps: StylePropsResult['styleProps'];\n  transferProps: StylePropsResult['props'];\n  visibleCounterText: string;\n}\n\n/**\n * Builds the visible counter label (`current/max` or count only).\n *\n * @param currentLength - Current number of characters.\n * @param counterThreshold - When set, label includes a slash and this max; when omitted, only the count is shown.\n * @returns {string} Formatted string for the aria-hidden counter element.\n */\nconst getCharacterCounterVisibleText = (currentLength: number, counterThreshold: number | undefined): string =>\n  counterThreshold !== undefined ? `${currentLength}/${counterThreshold}` : String(currentLength);\n\n/**\n * Builds the polite live-region message for assistive technologies (remaining, over limit, count-only, etc.).\n *\n * @param t - Translation function (e.g. from `useI18n`).\n * @param currentLength - Current number of characters.\n * @param counterThreshold - When set, messages relate to this max; when omitted, only “characters entered” copy is used.\n * @returns {string} Localized screen reader string (not debounced).\n */\nconst getCharacterCounterScreenReaderMessage = (\n  t: TranslateFunction,\n  currentLength: number,\n  counterThreshold: number | undefined,\n): string => {\n  if (counterThreshold === undefined) {\n    return t('textArea.counter.charactersEntered', { count: currentLength });\n  }\n\n  if (currentLength === 0) {\n    return t('textArea.counter.canEnterUpTo', { maxLength: counterThreshold });\n  }\n\n  if (currentLength > counterThreshold) {\n    const overCount = currentLength - counterThreshold;\n    const key = overCount === 1 ? 'textArea.counter.characterOverLimit' : 'textArea.counter.charactersOverLimit';\n\n    return t(key, { count: overCount });\n  }\n\n  const remaining = counterThreshold - currentLength;\n  const key = remaining === 1 ? 'textArea.counter.characterRemaining' : 'textArea.counter.charactersRemaining';\n\n  return t(key, { count: remaining });\n};\n\n/**\n * Tracks textarea length for `TextArea` and exposes `counterProps` plus a change handler when the counter is active.\n *\n * @param props - Controlled/uncontrolled value and counter flags; see {@link UseCharacterCounterStateProps}.\n * @returns {CharacterCounterState} Counter props for `CharacterCounter` (if visible) and textarea `onChange` handler.\n */\nexport const useCharacterCounterState = (props: UseCharacterCounterStateProps): CharacterCounterState => {\n  const { value, defaultValue, counterThreshold, hasCounter, onChange } = props;\n  const isControlled = value !== undefined;\n\n  useControlledModeGuard({\n    componentName: 'useCharacterCounterState',\n    value,\n    defaultValue,\n  });\n\n  const [internalLength, setInternalLength] = useState(() =>\n    isControlled ? value.length : (defaultValue?.length ?? 0),\n  );\n\n  const currentLength = isControlled ? value.length : internalLength;\n  const isCounterVisible = hasCounter === true || counterThreshold !== undefined;\n\n  const handleChange = useCallback(\n    (event: ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled && isCounterVisible) {\n        setInternalLength(event.target.value.length);\n      }\n      onChange?.(event);\n    },\n    [isControlled, isCounterVisible, onChange],\n  );\n\n  const counterProps: TextAreaCounterRenderProps | undefined = isCounterVisible\n    ? {\n        counterThreshold,\n        currentLength,\n        hasCounter,\n      }\n    : undefined;\n\n  return {\n    counterProps,\n    handleChange,\n  };\n};\n\n/**\n * Presentation hook for `CharacterCounter`: style props, visible text, debounced screen reader text, and ARIA id registration.\n *\n * @param props - Full `CharacterCounterProps` including `id` and `registerAria`.\n * @returns {UseCharacterCounterResult} Values to render the visible counter and `VisuallyHidden` live region.\n */\nexport const useCharacterCounter = (props: CharacterCounterProps): UseCharacterCounterResult => {\n  const { counterThreshold, currentLength, hasCounter, id, registerAria, ...restProps } = props;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const { t } = useI18n();\n  const isVisible = hasCounter === true || counterThreshold !== undefined;\n  const screenReaderMessageId = `${id}__counterScreenReaderMessage`;\n  const visibleCounterText = getCharacterCounterVisibleText(currentLength, counterThreshold);\n  const screenReaderMessage = getCharacterCounterScreenReaderMessage(t, currentLength, counterThreshold);\n  const debouncedScreenReaderMessage = useDebouncedValue(\n    screenReaderMessage,\n    CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS,\n  );\n\n  useEffect(() => {\n    if (isVisible) {\n      registerAria({ add: screenReaderMessageId });\n\n      return () => {\n        registerAria({ remove: screenReaderMessageId });\n      };\n    }\n\n    return undefined;\n  }, [isVisible, screenReaderMessageId, registerAria]);\n\n  return {\n    debouncedScreenReaderMessage,\n    isVisible,\n    screenReaderMessageId,\n    styleProps,\n    transferProps,\n    visibleCounterText,\n  };\n};\n"],"names":["getCharacterCounterVisibleText","currentLength","counterThreshold","getCharacterCounterScreenReaderMessage","overCount","remaining","useCharacterCounterState","props","value","defaultValue","hasCounter","onChange","isControlled","useControlledModeGuard","internalLength","setInternalLength","useState","isCounterVisible","handleChange","useCallback","event","useCharacterCounter","id","registerAria","restProps","styleProps","transferProps","useStyleProps","t","useI18n","isVisible","screenReaderMessageId","visibleCounterText","screenReaderMessage","debouncedScreenReaderMessage","useDebouncedValue","CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS","useEffect"],"mappings":";;;;;;;AAsDA,MAAMA,IAAiC,CAACC,GAAuBC,MAC7DA,MAAqB,SAAY,GAAGD,CAAa,IAAIC,CAAgB,KAAK,OAAOD,CAAa,GAU1FE,IAAyC,CAC7C,GACAF,GACAC,MACW;AACX,MAAIA,MAAqB;AACvB,WAAO,EAAE,sCAAsC,EAAE,OAAOD,GAAe;AAGzE,MAAIA,MAAkB;AACpB,WAAO,EAAE,iCAAiC,EAAE,WAAWC,GAAkB;AAG3E,MAAID,IAAgBC,GAAkB;AACpC,UAAME,IAAYH,IAAgBC;AAGlC,WAAO,EAFKE,MAAc,IAAI,wCAAwC,wCAExD,EAAE,OAAOA,GAAW;AAAA,EACpC;AAEA,QAAMC,IAAYH,IAAmBD;AAGrC,SAAO,EAFKI,MAAc,IAAI,wCAAwC,wCAExD,EAAE,OAAOA,GAAW;AACpC,GAQaC,IAA2B,CAACC,MAAgE;AACvG,QAAM,EAAE,OAAAC,GAAO,cAAAC,GAAc,kBAAAP,GAAkB,YAAAQ,GAAY,UAAAC,MAAaJ,GAClEK,IAAeJ,MAAU;AAE/B,EAAAK,EAAuB;AAAA,IACrB,eAAe;AAAA,IACf,OAAAL;AAAA,IACA,cAAAC;AAAA,EAAA,CACD;AAED,QAAM,CAACK,GAAgBC,CAAiB,IAAIC;AAAA,IAAS,MACnDJ,IAAeJ,EAAM,SAAUC,GAAc,UAAU;AAAA,EAAA,GAGnDR,IAAgBW,IAAeJ,EAAM,SAASM,GAC9CG,IAAmBP,MAAe,MAAQR,MAAqB,QAE/DgB,IAAeC;AAAA,IACnB,CAACC,MAA4C;AAC3C,MAAI,CAACR,KAAgBK,KACnBF,EAAkBK,EAAM,OAAO,MAAM,MAAM,GAE7CT,IAAWS,CAAK;AAAA,IAClB;AAAA,IACA,CAACR,GAAcK,GAAkBN,CAAQ;AAAA,EAAA;AAW3C,SAAO;AAAA,IACL,cAT2DM,IACzD;AAAA,MACE,kBAAAf;AAAA,MACA,eAAAD;AAAA,MACA,YAAAS;AAAA,IAAA,IAEF;AAAA,IAIF,cAAAQ;AAAA,EAAA;AAEJ,GAQaG,IAAsB,CAACd,MAA4D;AAC9F,QAAM,EAAE,kBAAAL,GAAkB,eAAAD,GAAe,YAAAS,GAAY,IAAAY,GAAI,cAAAC,GAAc,GAAGC,MAAcjB,GAClF,EAAE,YAAAkB,GAAY,OAAOC,EAAA,IAAkBC,EAAcH,CAAS,GAC9D,EAAE,GAAAI,EAAA,IAAMC,EAAA,GACRC,IAAYpB,MAAe,MAAQR,MAAqB,QACxD6B,IAAwB,GAAGT,CAAE,gCAC7BU,IAAqBhC,EAA+BC,GAAeC,CAAgB,GACnF+B,IAAsB9B,EAAuCyB,GAAG3B,GAAeC,CAAgB,GAC/FgC,IAA+BC;AAAA,IACnCF;AAAA,IACAG;AAAA,EAAA;AAGF,SAAAC,EAAU,MAAM;AACd,QAAIP;AACF,aAAAP,EAAa,EAAE,KAAKQ,GAAuB,GAEpC,MAAM;AACX,QAAAR,EAAa,EAAE,QAAQQ,GAAuB;AAAA,MAChD;AAAA,EAIJ,GAAG,CAACD,GAAWC,GAAuBR,CAAY,CAAC,GAE5C;AAAA,IACL,8BAAAW;AAAA,IACA,WAAAJ;AAAA,IACA,uBAAAC;AAAA,IACA,YAAAN;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAM;AAAA,EAAA;AAEJ;"}

package/dist/components/CharacterCounter.d.ts

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