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

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/useCharacterCounterState.cjs

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

@@ -1 +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 { type StylePropsResult, useControlledModeGuard, useDebouncedValue, useStyleProps } from '../../hooks';\nimport { defaultLabels, replaceTranslationParams } from '../../translations';\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\nconst COUNTER_LABELS = defaultLabels.textArea.counter;\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 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  currentLength: number,\n  counterThreshold: number | undefined,\n): string => {\n  if (counterThreshold === undefined) {\n    return replaceTranslationParams(COUNTER_LABELS.charactersEntered, { count: currentLength });\n  }\n\n  if (currentLength === 0) {\n    return replaceTranslationParams(COUNTER_LABELS.canEnterUpTo, { maxLength: counterThreshold });\n  }\n\n  if (currentLength > counterThreshold) {\n    const overCount = currentLength - counterThreshold;\n    const template = overCount === 1 ? COUNTER_LABELS.characterOverLimit : COUNTER_LABELS.charactersOverLimit;\n\n    return replaceTranslationParams(template, { count: overCount });\n  }\n\n  const remaining = counterThreshold - currentLength;\n  const template = remaining === 1 ? COUNTER_LABELS.characterRemaining : COUNTER_LABELS.charactersRemaining;\n\n  return replaceTranslationParams(template, { 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 isVisible = hasCounter === true || counterThreshold !== undefined;\n  const screenReaderMessageId = `${id}__counterScreenReaderMessage`;\n  const visibleCounterText = getCharacterCounterVisibleText(currentLength, counterThreshold);\n  const screenReaderMessage = getCharacterCounterScreenReaderMessage(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":["COUNTER_LABELS","defaultLabels","getCharacterCounterVisibleText","currentLength","counterThreshold","getCharacterCounterScreenReaderMessage","replaceTranslationParams","overCount","template","remaining","useCharacterCounterState","props","value","defaultValue","hasCounter","onChange","isControlled","useControlledModeGuard","internalLength","setInternalLength","useState","isCounterVisible","handleChange","useCallback","event","useCharacterCounter","id","registerAria","restProps","styleProps","transferProps","useStyleProps","isVisible","screenReaderMessageId","visibleCounterText","screenReaderMessage","debouncedScreenReaderMessage","useDebouncedValue","CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS","useEffect"],"mappings":"wYAyCMA,EAAiBC,EAAAA,cAAc,SAAS,QASxCC,EAAiC,CAACC,EAAuBC,IAC7DA,IAAqB,OAAY,GAAGD,CAAa,IAAIC,CAAgB,GAAK,OAAOD,CAAa,EAS1FE,EAAyC,CAC7CF,EACAC,IACW,CACX,GAAIA,IAAqB,OACvB,OAAOE,EAAAA,yBAAyBN,EAAe,kBAAmB,CAAE,MAAOG,EAAe,EAG5F,GAAIA,IAAkB,EACpB,OAAOG,EAAAA,yBAAyBN,EAAe,aAAc,CAAE,UAAWI,EAAkB,EAG9F,GAAID,EAAgBC,EAAkB,CACpC,MAAMG,EAAYJ,EAAgBC,EAC5BI,EAAWD,IAAc,EAAIP,EAAe,mBAAqBA,EAAe,oBAEtF,OAAOM,EAAAA,yBAAyBE,EAAU,CAAE,MAAOD,EAAW,CAChE,CAEA,MAAME,EAAYL,EAAmBD,EAC/BK,EAAWC,IAAc,EAAIT,EAAe,mBAAqBA,EAAe,oBAEtF,OAAOM,EAAAA,yBAAyBE,EAAU,CAAE,MAAOC,EAAW,CAChE,EAQaC,EAA4BC,GAAgE,CACvG,KAAM,CAAE,MAAAC,EAAO,aAAAC,EAAc,iBAAAT,EAAkB,WAAAU,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,EAGnDV,EAAgBa,EAAeJ,EAAM,OAASM,EAC9CG,EAAmBP,IAAe,IAAQV,IAAqB,OAE/DkB,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,iBAAAjB,EACA,cAAAD,EACA,WAAAW,CAAA,EAEF,OAIF,aAAAQ,CAAA,CAEJ,EAQaG,EAAuBd,GAA4D,CAC9F,KAAM,CAAE,iBAAAP,EAAkB,cAAAD,EAAe,WAAAW,EAAY,GAAAY,EAAI,aAAAC,EAAc,GAAGC,GAAcjB,EAClF,CAAA,WAAEkB,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcH,CAAS,EAC9DI,EAAYlB,IAAe,IAAQV,IAAqB,OACxD6B,EAAwB,GAAGP,CAAE,+BAC7BQ,EAAqBhC,EAA+BC,EAAeC,CAAgB,EACnF+B,EAAsB9B,EAAuCF,EAAeC,CAAgB,EAC5FgC,EAA+BC,EAAAA,kBACnCF,EACAG,EAAAA,2CAAA,EAGFC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIP,EACF,OAAAL,EAAa,CAAE,IAAKM,EAAuB,EAEpC,IAAM,CACXN,EAAa,CAAE,OAAQM,EAAuB,CAChD,CAIJ,EAAG,CAACD,EAAWC,EAAuBN,CAAY,CAAC,EAE5C,CACL,6BAAAS,EACA,UAAAJ,EACA,sBAAAC,EAAA,WACAJ,EACA,cAAAC,EACA,mBAAAI,CAAA,CAEJ"}
+{"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

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

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

@@ -1 +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 { type StylePropsResult, useControlledModeGuard, useDebouncedValue, useStyleProps } from '../../hooks';\nimport { defaultLabels, replaceTranslationParams } from '../../translations';\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\nconst COUNTER_LABELS = defaultLabels.textArea.counter;\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 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  currentLength: number,\n  counterThreshold: number | undefined,\n): string => {\n  if (counterThreshold === undefined) {\n    return replaceTranslationParams(COUNTER_LABELS.charactersEntered, { count: currentLength });\n  }\n\n  if (currentLength === 0) {\n    return replaceTranslationParams(COUNTER_LABELS.canEnterUpTo, { maxLength: counterThreshold });\n  }\n\n  if (currentLength > counterThreshold) {\n    const overCount = currentLength - counterThreshold;\n    const template = overCount === 1 ? COUNTER_LABELS.characterOverLimit : COUNTER_LABELS.charactersOverLimit;\n\n    return replaceTranslationParams(template, { count: overCount });\n  }\n\n  const remaining = counterThreshold - currentLength;\n  const template = remaining === 1 ? COUNTER_LABELS.characterRemaining : COUNTER_LABELS.charactersRemaining;\n\n  return replaceTranslationParams(template, { 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 isVisible = hasCounter === true || counterThreshold !== undefined;\n  const screenReaderMessageId = `${id}__counterScreenReaderMessage`;\n  const visibleCounterText = getCharacterCounterVisibleText(currentLength, counterThreshold);\n  const screenReaderMessage = getCharacterCounterScreenReaderMessage(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":["COUNTER_LABELS","defaultLabels","getCharacterCounterVisibleText","currentLength","counterThreshold","getCharacterCounterScreenReaderMessage","replaceTranslationParams","overCount","template","remaining","useCharacterCounterState","props","value","defaultValue","hasCounter","onChange","isControlled","useControlledModeGuard","internalLength","setInternalLength","useState","isCounterVisible","handleChange","useCallback","event","useCharacterCounter","id","registerAria","restProps","styleProps","transferProps","useStyleProps","isVisible","screenReaderMessageId","visibleCounterText","screenReaderMessage","debouncedScreenReaderMessage","useDebouncedValue","CHARACTER_COUNTER_SCREEN_READER_DEBOUNCE_MS","useEffect"],"mappings":";;;;;;;;AAyCA,MAAMA,IAAiBC,EAAc,SAAS,SASxCC,IAAiC,CAACC,GAAuBC,MAC7DA,MAAqB,SAAY,GAAGD,CAAa,IAAIC,CAAgB,KAAK,OAAOD,CAAa,GAS1FE,IAAyC,CAC7CF,GACAC,MACW;AACX,MAAIA,MAAqB;AACvB,WAAOE,EAAyBN,EAAe,mBAAmB,EAAE,OAAOG,GAAe;AAG5F,MAAIA,MAAkB;AACpB,WAAOG,EAAyBN,EAAe,cAAc,EAAE,WAAWI,GAAkB;AAG9F,MAAID,IAAgBC,GAAkB;AACpC,UAAMG,IAAYJ,IAAgBC,GAC5BI,IAAWD,MAAc,IAAIP,EAAe,qBAAqBA,EAAe;AAEtF,WAAOM,EAAyBE,GAAU,EAAE,OAAOD,GAAW;AAAA,EAChE;AAEA,QAAME,IAAYL,IAAmBD,GAC/BK,IAAWC,MAAc,IAAIT,EAAe,qBAAqBA,EAAe;AAEtF,SAAOM,EAAyBE,GAAU,EAAE,OAAOC,GAAW;AAChE,GAQaC,IAA2B,CAACC,MAAgE;AACvG,QAAM,EAAE,OAAAC,GAAO,cAAAC,GAAc,kBAAAT,GAAkB,YAAAU,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,GAGnDV,IAAgBa,IAAeJ,EAAM,SAASM,GAC9CG,IAAmBP,MAAe,MAAQV,MAAqB,QAE/DkB,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,kBAAAjB;AAAA,MACA,eAAAD;AAAA,MACA,YAAAW;AAAA,IAAA,IAEF;AAAA,IAIF,cAAAQ;AAAA,EAAA;AAEJ,GAQaG,IAAsB,CAACd,MAA4D;AAC9F,QAAM,EAAE,kBAAAP,GAAkB,eAAAD,GAAe,YAAAW,GAAY,IAAAY,GAAI,cAAAC,GAAc,GAAGC,MAAcjB,GAClF,EAAE,YAAAkB,GAAY,OAAOC,EAAA,IAAkBC,EAAcH,CAAS,GAC9DI,IAAYlB,MAAe,MAAQV,MAAqB,QACxD6B,IAAwB,GAAGP,CAAE,gCAC7BQ,IAAqBhC,EAA+BC,GAAeC,CAAgB,GACnF+B,IAAsB9B,EAAuCF,GAAeC,CAAgB,GAC5FgC,IAA+BC;AAAA,IACnCF;AAAA,IACAG;AAAA,EAAA;AAGF,SAAAC,EAAU,MAAM;AACd,QAAIP;AACF,aAAAL,EAAa,EAAE,KAAKM,GAAuB,GAEpC,MAAM;AACX,QAAAN,EAAa,EAAE,QAAQM,GAAuB;AAAA,MAChD;AAAA,EAIJ,GAAG,CAACD,GAAWC,GAAuBN,CAAY,CAAC,GAE5C;AAAA,IACL,8BAAAS;AAAA,IACA,WAAAJ;AAAA,IACA,uBAAAC;AAAA,IACA,YAAAJ;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAI;AAAA,EAAA;AAEJ;"}
+{"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

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

package/dist/components/Checkbox/useCheckboxStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("classnames"),m=require("../../constants/inputs.cjs"),q=require("../../hooks/useClassNamePrefix.cjs"),I=require("../../hooks/useInputPositionClass.cjs");function y(l){const{inputPosition:i=m.InputPositions.START,isItem:n,isLabelHidden:a,validationState:e,...t}=l,{isDisabled:r,isRequired:b}=t,s=q.useClassNamePrefix("Checkbox"),u=`${s}--disabled`,x=`${s}--item`,d=`${s}__input`,o=I.useInputPositionClass(s,i),p=`${s}__text`,C=`${s}__label`,h=`${s}__label--required`,k=`${s}__label--hidden`,_=`${s}__helperText`,P=`${s}__validationText`,$=`${s}--${e}`,T=c(s,{[o]:o,[u]:r,[x]:n,[$]:e}),S=c(C,{[h]:b,[k]:a});return{classProps:{root:T,text:p,label:S,input:d,helperText:_,validationText:P},props:{...t,validationState:e}}}exports.useCheckboxStyleProps=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("classnames"),T=require("../../constants/inputs.cjs"),m=require("../../hooks/useClassNamePrefix.cjs"),q=require("../../hooks/useInputPositionClass.cjs");function I(i){const{inputPosition:l=T.InputPositions.START,isItem:a,isLabelHidden:n,validationState:s,...t}=i,{isDisabled:r,isRequired:b}=t,e=m.useClassNamePrefix("Checkbox"),u=`${e}--disabled`,x=`${e}--item`,d=`${e}__input`,o=q.useInputPositionClass(e,l),p=`${e}__text`,C=`${e}__label`,h=`${e}__label--required`,k=`${e}__label--hidden`,_=`${e}__helperText`,P=`${e}__validationText`,$=`${e}--${s}`;return{classProps:{root:c(e,{[o]:o,[u]:r,[x]:a,[$]:s}),text:p,label:c(C,{[h]:b,[k]:n}),input:d,helperText:_,validationText:P},props:{...t,validationState:s}}}exports.useCheckboxStyleProps=I;
 //# sourceMappingURL=useCheckboxStyleProps.cjs.map

package/dist/components/Checkbox/useCheckboxStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckboxStyleProps.cjs","sources":["../../../src/components/Checkbox/useCheckboxStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { InputPositions } from '../../constants';\nimport { useClassNamePrefix, useInputPositionClass } from '../../hooks';\nimport { type CheckboxProps, type SpiritCheckboxProps } from '../../types';\n\nexport interface CheckboxStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    text: string;\n    label: string;\n    input: string;\n    helperText: string;\n    validationText: string;\n  };\n  /** props to be passed to the input element */\n  props: CheckboxProps;\n}\n\nexport function useCheckboxStyleProps(props: SpiritCheckboxProps): CheckboxStyles {\n  const { inputPosition = InputPositions.START, isItem, isLabelHidden, validationState, ...restProps } = props;\n  const { isDisabled, isRequired } = restProps;\n\n  const checkboxClass = useClassNamePrefix('Checkbox');\n  const checkboxDisabledClass = `${checkboxClass}--disabled`;\n  const checkboxItemClass = `${checkboxClass}--item`;\n  const checkboxInputClass = `${checkboxClass}__input`;\n  const checkboxInputPositionClass = useInputPositionClass(checkboxClass, inputPosition);\n  const checkboxTextClass = `${checkboxClass}__text`;\n  const checkboxLabelClass = `${checkboxClass}__label`;\n  const checkboxLabelRequiredClass = `${checkboxClass}__label--required`;\n  const checkboxLabelHiddenClass = `${checkboxClass}__label--hidden`;\n  const checkboxHelperTextClass = `${checkboxClass}__helperText`;\n  const checkboxValidationTextClass = `${checkboxClass}__validationText`;\n  const checkboxValidationClass = `${checkboxClass}--${validationState}`;\n\n  const rootStyles = classNames(checkboxClass, {\n    [checkboxInputPositionClass]: checkboxInputPositionClass,\n    [checkboxDisabledClass]: isDisabled,\n    [checkboxItemClass]: isItem,\n    [checkboxValidationClass]: validationState,\n  });\n  const labelStyles = classNames(checkboxLabelClass, {\n    [checkboxLabelRequiredClass]: isRequired,\n    [checkboxLabelHiddenClass]: isLabelHidden,\n  });\n\n  return {\n    classProps: {\n      root: rootStyles,\n      text: checkboxTextClass,\n      label: labelStyles,\n      input: checkboxInputClass,\n      helperText: checkboxHelperTextClass,\n      validationText: checkboxValidationTextClass,\n    },\n    props: {\n      ...restProps,\n      validationState,\n    },\n  };\n}\n"],"names":["useCheckboxStyleProps","props","inputPosition","InputPositions","isItem","isLabelHidden","validationState","restProps","isDisabled","isRequired","checkboxClass","useClassNamePrefix","checkboxDisabledClass","checkboxItemClass","checkboxInputClass","checkboxInputPositionClass","useInputPositionClass","checkboxTextClass","checkboxLabelClass","checkboxLabelRequiredClass","checkboxLabelHiddenClass","checkboxHelperTextClass","checkboxValidationTextClass","checkboxValidationClass","rootStyles","classNames","labelStyles"],"mappings":"yPAmBO,SAASA,EAAsBC,EAA4C,CAChF,KAAM,CAAE,cAAAC,EAAgBC,EAAAA,eAAe,MAAO,OAAAC,EAAQ,cAAAC,EAAe,gBAAAC,EAAiB,GAAGC,CAAA,EAAcN,EACjG,CAAE,WAAAO,EAAY,WAAAC,CAAA,EAAeF,EAE7BG,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAwB,GAAGF,CAAa,aACxCG,EAAoB,GAAGH,CAAa,SACpCI,EAAqB,GAAGJ,CAAa,UACrCK,EAA6BC,EAAAA,sBAAsBN,EAAeR,CAAa,EAC/Ee,EAAoB,GAAGP,CAAa,SACpCQ,EAAqB,GAAGR,CAAa,UACrCS,EAA6B,GAAGT,CAAa,oBAC7CU,EAA2B,GAAGV,CAAa,kBAC3CW,EAA0B,GAAGX,CAAa,eAC1CY,EAA8B,GAAGZ,CAAa,mBAC9Ca,EAA0B,GAAGb,CAAa,KAAKJ,CAAe,GAE9DkB,EAAaC,EAAWf,EAAe,CAC3C,CAACK,CAA0B,EAAGA,EAC9B,CAACH,CAAqB,EAAGJ,EACzB,CAACK,CAAiB,EAAGT,EACrB,CAACmB,CAAuB,EAAGjB,CAAA,CAC5B,EACKoB,EAAcD,EAAWP,EAAoB,CACjD,CAACC,CAA0B,EAAGV,EAC9B,CAACW,CAAwB,EAAGf,CAAA,CAC7B,EAED,MAAO,CACL,WAAY,CACV,KAAMmB,EACN,KAAMP,EACN,MAAOS,EACP,MAAOZ,EACP,WAAYO,EACZ,eAAgBC,CAAA,EAElB,MAAO,CACL,GAAGf,EACH,gBAAAD,CAAA,CACF,CAEJ"}
+{"version":3,"file":"useCheckboxStyleProps.cjs","sources":["../../../src/components/Checkbox/useCheckboxStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { InputPositions } from '../../constants';\nimport { useClassNamePrefix, useInputPositionClass } from '../../hooks';\nimport { type CheckboxProps, type SpiritCheckboxProps } from '../../types';\n\nexport interface CheckboxStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    text: string;\n    label: string;\n    input: string;\n    helperText: string;\n    validationText: string;\n  };\n  /** props to be passed to the input element */\n  props: CheckboxProps;\n}\n\nexport function useCheckboxStyleProps(props: SpiritCheckboxProps): CheckboxStyles {\n  const { inputPosition = InputPositions.START, isItem, isLabelHidden, validationState, ...restProps } = props;\n  const { isDisabled, isRequired } = restProps;\n\n  const checkboxClass = useClassNamePrefix('Checkbox');\n  const checkboxDisabledClass = `${checkboxClass}--disabled`;\n  const checkboxItemClass = `${checkboxClass}--item`;\n  const checkboxInputClass = `${checkboxClass}__input`;\n  const checkboxInputPositionClass = useInputPositionClass(checkboxClass, inputPosition);\n  const checkboxTextClass = `${checkboxClass}__text`;\n  const checkboxLabelClass = `${checkboxClass}__label`;\n  const checkboxLabelRequiredClass = `${checkboxClass}__label--required`;\n  const checkboxLabelHiddenClass = `${checkboxClass}__label--hidden`;\n  const checkboxHelperTextClass = `${checkboxClass}__helperText`;\n  const checkboxValidationTextClass = `${checkboxClass}__validationText`;\n  const checkboxValidationClass = `${checkboxClass}--${validationState}`;\n\n  return {\n    classProps: {\n      root: classNames(checkboxClass, {\n        [checkboxInputPositionClass]: checkboxInputPositionClass,\n        [checkboxDisabledClass]: isDisabled,\n        [checkboxItemClass]: isItem,\n        [checkboxValidationClass]: validationState,\n      }),\n      text: checkboxTextClass,\n      label: classNames(checkboxLabelClass, {\n        [checkboxLabelRequiredClass]: isRequired,\n        [checkboxLabelHiddenClass]: isLabelHidden,\n      }),\n      input: checkboxInputClass,\n      helperText: checkboxHelperTextClass,\n      validationText: checkboxValidationTextClass,\n    },\n    props: {\n      ...restProps,\n      validationState,\n    },\n  };\n}\n"],"names":["useCheckboxStyleProps","props","inputPosition","InputPositions","isItem","isLabelHidden","validationState","restProps","isDisabled","isRequired","checkboxClass","useClassNamePrefix","checkboxDisabledClass","checkboxItemClass","checkboxInputClass","checkboxInputPositionClass","useInputPositionClass","checkboxTextClass","checkboxLabelClass","checkboxLabelRequiredClass","checkboxLabelHiddenClass","checkboxHelperTextClass","checkboxValidationTextClass","checkboxValidationClass","classNames"],"mappings":"yPAmBO,SAASA,EAAsBC,EAA4C,CAChF,KAAM,CAAE,cAAAC,EAAgBC,EAAAA,eAAe,MAAO,OAAAC,EAAQ,cAAAC,EAAe,gBAAAC,EAAiB,GAAGC,CAAA,EAAcN,EACjG,CAAE,WAAAO,EAAY,WAAAC,CAAA,EAAeF,EAE7BG,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAwB,GAAGF,CAAa,aACxCG,EAAoB,GAAGH,CAAa,SACpCI,EAAqB,GAAGJ,CAAa,UACrCK,EAA6BC,EAAAA,sBAAsBN,EAAeR,CAAa,EAC/Ee,EAAoB,GAAGP,CAAa,SACpCQ,EAAqB,GAAGR,CAAa,UACrCS,EAA6B,GAAGT,CAAa,oBAC7CU,EAA2B,GAAGV,CAAa,kBAC3CW,EAA0B,GAAGX,CAAa,eAC1CY,EAA8B,GAAGZ,CAAa,mBAC9Ca,EAA0B,GAAGb,CAAa,KAAKJ,CAAe,GAEpE,MAAO,CACL,WAAY,CACV,KAAMkB,EAAWd,EAAe,CAC9B,CAACK,CAA0B,EAAGA,EAC9B,CAACH,CAAqB,EAAGJ,EACzB,CAACK,CAAiB,EAAGT,EACrB,CAACmB,CAAuB,EAAGjB,CAAA,CAC5B,EACD,KAAMW,EACN,MAAOO,EAAWN,EAAoB,CACpC,CAACC,CAA0B,EAAGV,EAC9B,CAACW,CAAwB,EAAGf,CAAA,CAC7B,EACD,MAAOS,EACP,WAAYO,EACZ,eAAgBC,CAAA,EAElB,MAAO,CACL,GAAGf,EACH,gBAAAD,CAAA,CACF,CAEJ"}

package/dist/components/Checkbox/useCheckboxStyleProps.js

@@ -1,22 +1,22 @@
 import c from "classnames";
-import { InputPositions as f } from "../../constants/inputs.js";
-import { useClassNamePrefix as I } from "../../hooks/useClassNamePrefix.js";
-import { useInputPositionClass as S } from "../../hooks/useInputPositionClass.js";
-function H(l) {
-  const { inputPosition: i = f.START, isItem: a, isLabelHidden: n, validationState: e, ...t } = l, { isDisabled: r, isRequired: b } = t, s = I("Checkbox"), x = `${s}--disabled`, p = `${s}--item`, d = `${s}__input`, o = S(s, i), h = `${s}__text`, u = `${s}__label`, C = `${s}__label--required`, k = `${s}__label--hidden`, _ = `${s}__helperText`, m = `${s}__validationText`, $ = `${s}--${e}`, T = c(s, {
-    [o]: o,
-    [x]: r,
-    [p]: a,
-    [$]: e
-  }), P = c(u, {
-    [C]: b,
-    [k]: n
-  });
+import { InputPositions as T } from "../../constants/inputs.js";
+import { useClassNamePrefix as P } from "../../hooks/useClassNamePrefix.js";
+import { useInputPositionClass as f } from "../../hooks/useInputPositionClass.js";
+function H(i) {
+  const { inputPosition: a = T.START, isItem: l, isLabelHidden: n, validationState: e, ...t } = i, { isDisabled: r, isRequired: b } = t, s = P("Checkbox"), x = `${s}--disabled`, p = `${s}--item`, d = `${s}__input`, o = f(s, a), h = `${s}__text`, u = `${s}__label`, C = `${s}__label--required`, k = `${s}__label--hidden`, _ = `${s}__helperText`, m = `${s}__validationText`, $ = `${s}--${e}`;
   return {
     classProps: {
-      root: T,
+      root: c(s, {
+        [o]: o,
+        [x]: r,
+        [p]: l,
+        [$]: e
+      }),
       text: h,
-      label: P,
+      label: c(u, {
+        [C]: b,
+        [k]: n
+      }),
       input: d,
       helperText: _,
       validationText: m

package/dist/components/Checkbox/useCheckboxStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckboxStyleProps.js","sources":["../../../src/components/Checkbox/useCheckboxStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { InputPositions } from '../../constants';\nimport { useClassNamePrefix, useInputPositionClass } from '../../hooks';\nimport { type CheckboxProps, type SpiritCheckboxProps } from '../../types';\n\nexport interface CheckboxStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    text: string;\n    label: string;\n    input: string;\n    helperText: string;\n    validationText: string;\n  };\n  /** props to be passed to the input element */\n  props: CheckboxProps;\n}\n\nexport function useCheckboxStyleProps(props: SpiritCheckboxProps): CheckboxStyles {\n  const { inputPosition = InputPositions.START, isItem, isLabelHidden, validationState, ...restProps } = props;\n  const { isDisabled, isRequired } = restProps;\n\n  const checkboxClass = useClassNamePrefix('Checkbox');\n  const checkboxDisabledClass = `${checkboxClass}--disabled`;\n  const checkboxItemClass = `${checkboxClass}--item`;\n  const checkboxInputClass = `${checkboxClass}__input`;\n  const checkboxInputPositionClass = useInputPositionClass(checkboxClass, inputPosition);\n  const checkboxTextClass = `${checkboxClass}__text`;\n  const checkboxLabelClass = `${checkboxClass}__label`;\n  const checkboxLabelRequiredClass = `${checkboxClass}__label--required`;\n  const checkboxLabelHiddenClass = `${checkboxClass}__label--hidden`;\n  const checkboxHelperTextClass = `${checkboxClass}__helperText`;\n  const checkboxValidationTextClass = `${checkboxClass}__validationText`;\n  const checkboxValidationClass = `${checkboxClass}--${validationState}`;\n\n  const rootStyles = classNames(checkboxClass, {\n    [checkboxInputPositionClass]: checkboxInputPositionClass,\n    [checkboxDisabledClass]: isDisabled,\n    [checkboxItemClass]: isItem,\n    [checkboxValidationClass]: validationState,\n  });\n  const labelStyles = classNames(checkboxLabelClass, {\n    [checkboxLabelRequiredClass]: isRequired,\n    [checkboxLabelHiddenClass]: isLabelHidden,\n  });\n\n  return {\n    classProps: {\n      root: rootStyles,\n      text: checkboxTextClass,\n      label: labelStyles,\n      input: checkboxInputClass,\n      helperText: checkboxHelperTextClass,\n      validationText: checkboxValidationTextClass,\n    },\n    props: {\n      ...restProps,\n      validationState,\n    },\n  };\n}\n"],"names":["useCheckboxStyleProps","props","inputPosition","InputPositions","isItem","isLabelHidden","validationState","restProps","isDisabled","isRequired","checkboxClass","useClassNamePrefix","checkboxDisabledClass","checkboxItemClass","checkboxInputClass","checkboxInputPositionClass","useInputPositionClass","checkboxTextClass","checkboxLabelClass","checkboxLabelRequiredClass","checkboxLabelHiddenClass","checkboxHelperTextClass","checkboxValidationTextClass","checkboxValidationClass","rootStyles","classNames","labelStyles"],"mappings":";;;;AAmBO,SAASA,EAAsBC,GAA4C;AAChF,QAAM,EAAE,eAAAC,IAAgBC,EAAe,OAAO,QAAAC,GAAQ,eAAAC,GAAe,iBAAAC,GAAiB,GAAGC,EAAA,IAAcN,GACjG,EAAE,YAAAO,GAAY,YAAAC,EAAA,IAAeF,GAE7BG,IAAgBC,EAAmB,UAAU,GAC7CC,IAAwB,GAAGF,CAAa,cACxCG,IAAoB,GAAGH,CAAa,UACpCI,IAAqB,GAAGJ,CAAa,WACrCK,IAA6BC,EAAsBN,GAAeR,CAAa,GAC/Ee,IAAoB,GAAGP,CAAa,UACpCQ,IAAqB,GAAGR,CAAa,WACrCS,IAA6B,GAAGT,CAAa,qBAC7CU,IAA2B,GAAGV,CAAa,mBAC3CW,IAA0B,GAAGX,CAAa,gBAC1CY,IAA8B,GAAGZ,CAAa,oBAC9Ca,IAA0B,GAAGb,CAAa,KAAKJ,CAAe,IAE9DkB,IAAaC,EAAWf,GAAe;AAAA,IAC3C,CAACK,CAA0B,GAAGA;AAAA,IAC9B,CAACH,CAAqB,GAAGJ;AAAA,IACzB,CAACK,CAAiB,GAAGT;AAAA,IACrB,CAACmB,CAAuB,GAAGjB;AAAA,EAAA,CAC5B,GACKoB,IAAcD,EAAWP,GAAoB;AAAA,IACjD,CAACC,CAA0B,GAAGV;AAAA,IAC9B,CAACW,CAAwB,GAAGf;AAAA,EAAA,CAC7B;AAED,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMmB;AAAA,MACN,MAAMP;AAAA,MACN,OAAOS;AAAA,MACP,OAAOZ;AAAA,MACP,YAAYO;AAAA,MACZ,gBAAgBC;AAAA,IAAA;AAAA,IAElB,OAAO;AAAA,MACL,GAAGf;AAAA,MACH,iBAAAD;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"useCheckboxStyleProps.js","sources":["../../../src/components/Checkbox/useCheckboxStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { InputPositions } from '../../constants';\nimport { useClassNamePrefix, useInputPositionClass } from '../../hooks';\nimport { type CheckboxProps, type SpiritCheckboxProps } from '../../types';\n\nexport interface CheckboxStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    text: string;\n    label: string;\n    input: string;\n    helperText: string;\n    validationText: string;\n  };\n  /** props to be passed to the input element */\n  props: CheckboxProps;\n}\n\nexport function useCheckboxStyleProps(props: SpiritCheckboxProps): CheckboxStyles {\n  const { inputPosition = InputPositions.START, isItem, isLabelHidden, validationState, ...restProps } = props;\n  const { isDisabled, isRequired } = restProps;\n\n  const checkboxClass = useClassNamePrefix('Checkbox');\n  const checkboxDisabledClass = `${checkboxClass}--disabled`;\n  const checkboxItemClass = `${checkboxClass}--item`;\n  const checkboxInputClass = `${checkboxClass}__input`;\n  const checkboxInputPositionClass = useInputPositionClass(checkboxClass, inputPosition);\n  const checkboxTextClass = `${checkboxClass}__text`;\n  const checkboxLabelClass = `${checkboxClass}__label`;\n  const checkboxLabelRequiredClass = `${checkboxClass}__label--required`;\n  const checkboxLabelHiddenClass = `${checkboxClass}__label--hidden`;\n  const checkboxHelperTextClass = `${checkboxClass}__helperText`;\n  const checkboxValidationTextClass = `${checkboxClass}__validationText`;\n  const checkboxValidationClass = `${checkboxClass}--${validationState}`;\n\n  return {\n    classProps: {\n      root: classNames(checkboxClass, {\n        [checkboxInputPositionClass]: checkboxInputPositionClass,\n        [checkboxDisabledClass]: isDisabled,\n        [checkboxItemClass]: isItem,\n        [checkboxValidationClass]: validationState,\n      }),\n      text: checkboxTextClass,\n      label: classNames(checkboxLabelClass, {\n        [checkboxLabelRequiredClass]: isRequired,\n        [checkboxLabelHiddenClass]: isLabelHidden,\n      }),\n      input: checkboxInputClass,\n      helperText: checkboxHelperTextClass,\n      validationText: checkboxValidationTextClass,\n    },\n    props: {\n      ...restProps,\n      validationState,\n    },\n  };\n}\n"],"names":["useCheckboxStyleProps","props","inputPosition","InputPositions","isItem","isLabelHidden","validationState","restProps","isDisabled","isRequired","checkboxClass","useClassNamePrefix","checkboxDisabledClass","checkboxItemClass","checkboxInputClass","checkboxInputPositionClass","useInputPositionClass","checkboxTextClass","checkboxLabelClass","checkboxLabelRequiredClass","checkboxLabelHiddenClass","checkboxHelperTextClass","checkboxValidationTextClass","checkboxValidationClass","classNames"],"mappings":";;;;AAmBO,SAASA,EAAsBC,GAA4C;AAChF,QAAM,EAAE,eAAAC,IAAgBC,EAAe,OAAO,QAAAC,GAAQ,eAAAC,GAAe,iBAAAC,GAAiB,GAAGC,EAAA,IAAcN,GACjG,EAAE,YAAAO,GAAY,YAAAC,EAAA,IAAeF,GAE7BG,IAAgBC,EAAmB,UAAU,GAC7CC,IAAwB,GAAGF,CAAa,cACxCG,IAAoB,GAAGH,CAAa,UACpCI,IAAqB,GAAGJ,CAAa,WACrCK,IAA6BC,EAAsBN,GAAeR,CAAa,GAC/Ee,IAAoB,GAAGP,CAAa,UACpCQ,IAAqB,GAAGR,CAAa,WACrCS,IAA6B,GAAGT,CAAa,qBAC7CU,IAA2B,GAAGV,CAAa,mBAC3CW,IAA0B,GAAGX,CAAa,gBAC1CY,IAA8B,GAAGZ,CAAa,oBAC9Ca,IAA0B,GAAGb,CAAa,KAAKJ,CAAe;AAEpE,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMkB,EAAWd,GAAe;AAAA,QAC9B,CAACK,CAA0B,GAAGA;AAAA,QAC9B,CAACH,CAAqB,GAAGJ;AAAA,QACzB,CAACK,CAAiB,GAAGT;AAAA,QACrB,CAACmB,CAAuB,GAAGjB;AAAA,MAAA,CAC5B;AAAA,MACD,MAAMW;AAAA,MACN,OAAOO,EAAWN,GAAoB;AAAA,QACpC,CAACC,CAA0B,GAAGV;AAAA,QAC9B,CAACW,CAAwB,GAAGf;AAAA,MAAA,CAC7B;AAAA,MACD,OAAOS;AAAA,MACP,YAAYO;AAAA,MACZ,gBAAgBC;AAAA,IAAA;AAAA,IAElB,OAAO;AAAA,MACL,GAAGf;AAAA,MACH,iBAAAD;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Checkbox.d.ts

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

package/dist/components/Collapse/Collapse.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),p=require("react"),q=require("react-transition-group"),C=require("../../hooks/styleProps.cjs"),O=require("../../utils/mergeStyleProps.cjs"),x=require("./useCollapseAriaProps.cjs"),N=require("./useCollapseStyleProps.cjs"),j=require("./useResizeHeight.cjs"),c=250,E={entering:"is-transitioning",entered:"",exiting:"is-transitioning",exited:""},a={elementType:"div",isOpen:!1,collapsibleToBreakpoint:void 0,transitionDuration:c},u=P=>{const y={...a,...P},{elementType:e=a.elementType,children:r,transitionDuration:m=c,...s}=y,n=p.useRef(null),l=p.useRef(null),g=j.useResizeHeight(l),{classProps:i,styleProps:d}=N.useCollapseStyleProps(s.isOpen,e,g),{ariaProps:f,props:S}=x.useCollapseAriaProps(s),{styleProps:t,props:R}=C.useStyleProps(S),T={className:t.className,style:{...d,...t.style}};return e==="span"&&s.isOpen?r:o.jsx(q.Transition,{in:s.isOpen,nodeRef:n,timeout:m,children:h=>o.jsx(e,{...R,...f.root,...O.mergeStyleProps(e,{classProps:i.root,styleProps:t,collapseStyleProps:T,transitioningStyles:E[h]}),ref:n,children:o.jsx(e,{ref:l,className:i.content,children:r})})})};u.spiritComponent="Collapse";exports.default=u;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),a=require("react"),h=require("react-transition-group"),q=require("../../hooks/styleProps.cjs"),N=require("../../utils/mergeStyleProps.cjs"),O=require("./useCollapseAriaProps.cjs"),x=require("./useCollapseStyleProps.cjs"),j=require("./useResizeHeight.cjs"),c=250,I={entering:"is-transitioning",entered:"",exiting:"is-transitioning",exited:""},v={elementType:"div",isOpen:!1,collapsibleToBreakpoint:void 0,transitionDuration:c},n=u=>{const P={...v,...u},{elementType:y,children:r,transitionDuration:m=c,...s}=P,e=y,l=a.useRef(null),i=a.useRef(null),d=j.useResizeHeight(i),{classProps:p,styleProps:f}=x.useCollapseStyleProps(s.isOpen,e,d),{ariaProps:g,props:S}=O.useCollapseAriaProps(s),{styleProps:t,props:R}=q.useStyleProps(S),C={className:t.className,style:{...f,...t.style}};return e==="span"&&s.isOpen?r:o.jsx(h.Transition,{in:s.isOpen,nodeRef:l,timeout:m,children:T=>o.jsx(e,{...R,...g.root,...N.mergeStyleProps(e,{classProps:p.root,styleProps:t,collapseStyleProps:C,transitioningStyles:I[T]}),ref:l,children:o.jsx(e,{ref:i,className:p.content,children:r})})})};n.spiritComponent="Collapse";n.displayName="Collapse";exports.default=n;
 //# sourceMappingURL=Collapse.cjs.map

package/dist/components/Collapse/Collapse.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.cjs","sources":["../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type MutableRefObject, useRef } from 'react';\nimport { Transition, type TransitionStatus } from 'react-transition-group';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCollapseProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCollapseAriaProps } from './useCollapseAriaProps';\nimport { useCollapseStyleProps } from './useCollapseStyleProps';\nimport { useResizeHeight } from './useResizeHeight';\n\nconst TRANSITION_DURATION = 250;\n\nconst transitioningStyles = {\n  entering: 'is-transitioning',\n  entered: '',\n  exiting: 'is-transitioning',\n  exited: '',\n};\n\nconst defaultProps: Partial<SpiritCollapseProps> = {\n  elementType: 'div',\n  isOpen: false,\n  collapsibleToBreakpoint: undefined,\n  transitionDuration: TRANSITION_DURATION,\n};\n\nconst Collapse = (props: SpiritCollapseProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType: ElementTag = defaultProps.elementType as ElementType,\n    children,\n    transitionDuration = TRANSITION_DURATION,\n    ...restProps\n  } = propsWithDefaults;\n\n  const rootElementRef: MutableRefObject<HTMLDivElement | null> = useRef(null);\n  const collapseElementRef: MutableRefObject<HTMLDivElement | null> = useRef(null);\n  const collapseHeight = useResizeHeight(collapseElementRef);\n\n  const { classProps, styleProps: collapseStyleProps } = useCollapseStyleProps(\n    restProps.isOpen,\n    ElementTag,\n    collapseHeight,\n  );\n  const { ariaProps, props: otherProps } = useCollapseAriaProps(restProps);\n  const { styleProps, props: transferProps } = useStyleProps(otherProps);\n\n  const mergedCollapseStyleProps = {\n    className: styleProps.className,\n    style: { ...collapseStyleProps, ...styleProps.style },\n  };\n\n  // For inline elements, when open, render content outside the collapse element\n  const isInlineElement = ElementTag === 'span';\n  if (isInlineElement && restProps.isOpen) {\n    return children;\n  }\n\n  return (\n    <Transition in={restProps.isOpen} nodeRef={rootElementRef} timeout={transitionDuration}>\n      {(transitionState: TransitionStatus) => (\n        <ElementTag\n          {...transferProps}\n          {...ariaProps.root}\n          {...mergeStyleProps(ElementTag, {\n            classProps: classProps.root,\n            styleProps,\n            collapseStyleProps: mergedCollapseStyleProps,\n            transitioningStyles: transitioningStyles[transitionState as keyof typeof transitioningStyles],\n          })}\n          ref={rootElementRef}\n        >\n          <ElementTag ref={collapseElementRef} className={classProps.content}>\n            {children}\n          </ElementTag>\n        </ElementTag>\n      )}\n    </Transition>\n  );\n};\n\nCollapse.spiritComponent = 'Collapse';\n\nexport default Collapse;\n"],"names":["TRANSITION_DURATION","transitioningStyles","defaultProps","Collapse","props","propsWithDefaults","ElementTag","children","transitionDuration","restProps","rootElementRef","useRef","collapseElementRef","collapseHeight","useResizeHeight","classProps","collapseStyleProps","useCollapseStyleProps","ariaProps","otherProps","useCollapseAriaProps","styleProps","transferProps","useStyleProps","mergedCollapseStyleProps","jsx","Transition","transitionState","mergeStyleProps"],"mappings":"8ZAWMA,EAAsB,IAEtBC,EAAsB,CAC1B,SAAU,mBACV,QAAS,GACT,QAAS,mBACT,OAAQ,EACV,EAEMC,EAA6C,CACjD,YAAa,MACb,OAAQ,GACR,wBAAyB,OACzB,mBAAoBF,CACtB,EAEMG,EAAYC,GAA+B,CAC/C,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CACJ,YAAaE,EAAaJ,EAAa,YACvC,SAAAK,EACA,mBAAAC,EAAqBR,EACrB,GAAGS,CAAA,EACDJ,EAEEK,EAA0DC,EAAAA,OAAO,IAAI,EACrEC,EAA8DD,EAAAA,OAAO,IAAI,EACzEE,EAAiBC,EAAAA,gBAAgBF,CAAkB,EAEnD,CAAE,WAAAG,EAAY,WAAYC,CAAA,EAAuBC,EAAAA,sBACrDR,EAAU,OACVH,EACAO,CAAA,EAEI,CAAE,UAAAK,EAAW,MAAOC,CAAA,EAAeC,EAAAA,qBAAqBX,CAAS,EACjE,CAAA,WAAEY,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcJ,CAAU,EAE/DK,EAA2B,CAC/B,UAAWH,EAAW,UACtB,MAAO,CAAE,GAAGL,EAAoB,GAAGK,EAAW,KAAA,CAAM,EAKtD,OADwBf,IAAe,QAChBG,EAAU,OACxBF,EAIPkB,EAAAA,IAACC,EAAAA,WAAA,CAAW,GAAIjB,EAAU,OAAQ,QAASC,EAAgB,QAASF,EACjE,SAACmB,GACAF,EAAAA,IAACnB,EAAA,CACE,GAAGgB,EACH,GAAGJ,EAAU,KACb,GAAGU,EAAAA,gBAAgBtB,EAAY,CAC9B,WAAYS,EAAW,KAAA,WACvBM,EACA,mBAAoBG,EACpB,oBAAqBvB,EAAoB0B,CAAmD,CAAA,CAC7F,EACD,IAAKjB,EAEL,eAACJ,EAAA,CAAW,IAAKM,EAAoB,UAAWG,EAAW,QACxD,SAAAR,CAAA,CACH,CAAA,CAAA,EAGN,CAEJ,EAEAJ,EAAS,gBAAkB"}
+{"version":3,"file":"Collapse.cjs","sources":["../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type MutableRefObject, useRef } from 'react';\nimport { Transition, type TransitionStatus } from 'react-transition-group';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCollapseProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCollapseAriaProps } from './useCollapseAriaProps';\nimport { useCollapseStyleProps } from './useCollapseStyleProps';\nimport { useResizeHeight } from './useResizeHeight';\n\nconst TRANSITION_DURATION = 250;\n\nconst transitioningStyles = {\n  entering: 'is-transitioning',\n  entered: '',\n  exiting: 'is-transitioning',\n  exited: '',\n};\n\nconst defaultProps: Partial<SpiritCollapseProps> = {\n  elementType: 'div',\n  isOpen: false,\n  collapsibleToBreakpoint: undefined,\n  transitionDuration: TRANSITION_DURATION,\n};\n\nconst Collapse = (props: SpiritCollapseProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, transitionDuration = TRANSITION_DURATION, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n\n  const rootElementRef: MutableRefObject<HTMLElement | null> = useRef(null);\n  const collapseElementRef: MutableRefObject<HTMLElement | null> = useRef(null);\n  const collapseHeight = useResizeHeight(collapseElementRef);\n\n  const { classProps, styleProps: collapseStyleProps } = useCollapseStyleProps(\n    restProps.isOpen,\n    Component,\n    collapseHeight,\n  );\n  const { ariaProps, props: otherProps } = useCollapseAriaProps(restProps);\n  const { styleProps, props: transferProps } = useStyleProps(otherProps);\n\n  const mergedCollapseStyleProps = {\n    className: styleProps.className,\n    style: { ...collapseStyleProps, ...styleProps.style },\n  };\n\n  // For inline elements, when open, render content outside the collapse element\n  const isInlineElement = Component === 'span';\n  if (isInlineElement && restProps.isOpen) {\n    return children;\n  }\n\n  return (\n    <Transition in={restProps.isOpen} nodeRef={rootElementRef} timeout={transitionDuration}>\n      {(transitionState: TransitionStatus) => (\n        <Component\n          {...transferProps}\n          {...ariaProps.root}\n          {...mergeStyleProps(Component, {\n            classProps: classProps.root,\n            styleProps,\n            collapseStyleProps: mergedCollapseStyleProps,\n            transitioningStyles: transitioningStyles[transitionState as keyof typeof transitioningStyles],\n          })}\n          ref={rootElementRef}\n        >\n          <Component ref={collapseElementRef} className={classProps.content}>\n            {children}\n          </Component>\n        </Component>\n      )}\n    </Transition>\n  );\n};\n\nCollapse.spiritComponent = 'Collapse';\nCollapse.displayName = 'Collapse';\n\nexport default Collapse;\n"],"names":["TRANSITION_DURATION","transitioningStyles","defaultProps","Collapse","props","propsWithDefaults","elementType","children","transitionDuration","restProps","Component","rootElementRef","useRef","collapseElementRef","collapseHeight","useResizeHeight","classProps","collapseStyleProps","useCollapseStyleProps","ariaProps","otherProps","useCollapseAriaProps","styleProps","transferProps","useStyleProps","mergedCollapseStyleProps","jsx","Transition","transitionState","mergeStyleProps"],"mappings":"8ZAWMA,EAAsB,IAEtBC,EAAsB,CAC1B,SAAU,mBACV,QAAS,GACT,QAAS,mBACT,OAAQ,EACV,EAEMC,EAA6C,CACjD,YAAa,MACb,OAAQ,GACR,wBAAyB,OACzB,mBAAoBF,CACtB,EAEMG,EAAYC,GAA+B,CAC/C,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,mBAAAC,EAAqBR,EAAqB,GAAGS,GAAcJ,EACpFK,EAAYJ,EAEZK,EAAuDC,EAAAA,OAAO,IAAI,EAClEC,EAA2DD,EAAAA,OAAO,IAAI,EACtEE,EAAiBC,EAAAA,gBAAgBF,CAAkB,EAEnD,CAAE,WAAAG,EAAY,WAAYC,CAAA,EAAuBC,EAAAA,sBACrDT,EAAU,OACVC,EACAI,CAAA,EAEI,CAAE,UAAAK,EAAW,MAAOC,CAAA,EAAeC,EAAAA,qBAAqBZ,CAAS,EACjE,CAAA,WAAEa,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcJ,CAAU,EAE/DK,EAA2B,CAC/B,UAAWH,EAAW,UACtB,MAAO,CAAE,GAAGL,EAAoB,GAAGK,EAAW,KAAA,CAAM,EAKtD,OADwBZ,IAAc,QACfD,EAAU,OACxBF,EAIPmB,EAAAA,IAACC,EAAAA,WAAA,CAAW,GAAIlB,EAAU,OAAQ,QAASE,EAAgB,QAASH,EACjE,SAACoB,GACAF,EAAAA,IAAChB,EAAA,CACE,GAAGa,EACH,GAAGJ,EAAU,KACb,GAAGU,EAAAA,gBAAgBnB,EAAW,CAC7B,WAAYM,EAAW,KAAA,WACvBM,EACA,mBAAoBG,EACpB,oBAAqBxB,EAAoB2B,CAAmD,CAAA,CAC7F,EACD,IAAKjB,EAEL,eAACD,EAAA,CAAU,IAAKG,EAAoB,UAAWG,EAAW,QACvD,SAAAT,CAAA,CACH,CAAA,CAAA,EAGN,CAEJ,EAEAJ,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}

package/dist/components/Collapse/Collapse.js

@@ -1,54 +1,50 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { useRef as p } from "react";
 import { Transition as R } from "react-transition-group";
-import { useStyleProps as C } from "../../hooks/styleProps.js";
-import { mergeStyleProps as N } from "../../utils/mergeStyleProps.js";
-import { useCollapseAriaProps as O } from "./useCollapseAriaProps.js";
-import { useCollapseStyleProps as E } from "./useCollapseStyleProps.js";
-import { useResizeHeight as I } from "./useResizeHeight.js";
-const m = 250, x = {
+import { useStyleProps as T } from "../../hooks/styleProps.js";
+import { mergeStyleProps as O } from "../../utils/mergeStyleProps.js";
+import { useCollapseAriaProps as I } from "./useCollapseAriaProps.js";
+import { useCollapseStyleProps as x } from "./useCollapseStyleProps.js";
+import { useResizeHeight as D } from "./useResizeHeight.js";
+const a = 250, E = {
   entering: "is-transitioning",
   entered: "",
   exiting: "is-transitioning",
   exited: ""
-}, a = {
+}, A = {
   elementType: "div",
   isOpen: !1,
   collapsibleToBreakpoint: void 0,
-  transitionDuration: m
-}, D = (c) => {
-  const f = { ...a, ...c }, {
-    elementType: e = a.elementType,
-    children: n,
-    transitionDuration: u = m,
-    ...s
-  } = f, r = p(null), i = p(null), P = I(i), { classProps: l, styleProps: y } = E(
+  transitionDuration: a
+}, c = (m) => {
+  const f = { ...A, ...m }, { elementType: u, children: n, transitionDuration: P = a, ...s } = f, e = u, r = p(null), i = p(null), y = D(i), { classProps: l, styleProps: d } = x(
     s.isOpen,
     e,
-    P
-  ), { ariaProps: d, props: g } = O(s), { styleProps: t, props: S } = C(g), T = {
-    className: t.className,
-    style: { ...y, ...t.style }
+    y
+  ), { ariaProps: g, props: S } = I(s), { styleProps: o, props: C } = T(S), h = {
+    className: o.className,
+    style: { ...d, ...o.style }
   };
-  return e === "span" && s.isOpen ? n : /* @__PURE__ */ o(R, { in: s.isOpen, nodeRef: r, timeout: u, children: (h) => /* @__PURE__ */ o(
+  return e === "span" && s.isOpen ? n : /* @__PURE__ */ t(R, { in: s.isOpen, nodeRef: r, timeout: P, children: (N) => /* @__PURE__ */ t(
     e,
     {
-      ...S,
-      ...d.root,
-      ...N(e, {
+      ...C,
+      ...g.root,
+      ...O(e, {
         classProps: l.root,
-        styleProps: t,
-        collapseStyleProps: T,
-        transitioningStyles: x[h]
+        styleProps: o,
+        collapseStyleProps: h,
+        transitioningStyles: E[N]
       }),
       ref: r,
-      children: /* @__PURE__ */ o(e, { ref: i, className: l.content, children: n })
+      children: /* @__PURE__ */ t(e, { ref: i, className: l.content, children: n })
     }
   ) });
 };
-D.spiritComponent = "Collapse";
+c.spiritComponent = "Collapse";
+c.displayName = "Collapse";
 export {
-  D as default
+  c as default
 };
 //# sourceMappingURL=Collapse.js.map

package/dist/components/Collapse/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","sources":["../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type MutableRefObject, useRef } from 'react';\nimport { Transition, type TransitionStatus } from 'react-transition-group';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCollapseProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCollapseAriaProps } from './useCollapseAriaProps';\nimport { useCollapseStyleProps } from './useCollapseStyleProps';\nimport { useResizeHeight } from './useResizeHeight';\n\nconst TRANSITION_DURATION = 250;\n\nconst transitioningStyles = {\n  entering: 'is-transitioning',\n  entered: '',\n  exiting: 'is-transitioning',\n  exited: '',\n};\n\nconst defaultProps: Partial<SpiritCollapseProps> = {\n  elementType: 'div',\n  isOpen: false,\n  collapsibleToBreakpoint: undefined,\n  transitionDuration: TRANSITION_DURATION,\n};\n\nconst Collapse = (props: SpiritCollapseProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType: ElementTag = defaultProps.elementType as ElementType,\n    children,\n    transitionDuration = TRANSITION_DURATION,\n    ...restProps\n  } = propsWithDefaults;\n\n  const rootElementRef: MutableRefObject<HTMLDivElement | null> = useRef(null);\n  const collapseElementRef: MutableRefObject<HTMLDivElement | null> = useRef(null);\n  const collapseHeight = useResizeHeight(collapseElementRef);\n\n  const { classProps, styleProps: collapseStyleProps } = useCollapseStyleProps(\n    restProps.isOpen,\n    ElementTag,\n    collapseHeight,\n  );\n  const { ariaProps, props: otherProps } = useCollapseAriaProps(restProps);\n  const { styleProps, props: transferProps } = useStyleProps(otherProps);\n\n  const mergedCollapseStyleProps = {\n    className: styleProps.className,\n    style: { ...collapseStyleProps, ...styleProps.style },\n  };\n\n  // For inline elements, when open, render content outside the collapse element\n  const isInlineElement = ElementTag === 'span';\n  if (isInlineElement && restProps.isOpen) {\n    return children;\n  }\n\n  return (\n    <Transition in={restProps.isOpen} nodeRef={rootElementRef} timeout={transitionDuration}>\n      {(transitionState: TransitionStatus) => (\n        <ElementTag\n          {...transferProps}\n          {...ariaProps.root}\n          {...mergeStyleProps(ElementTag, {\n            classProps: classProps.root,\n            styleProps,\n            collapseStyleProps: mergedCollapseStyleProps,\n            transitioningStyles: transitioningStyles[transitionState as keyof typeof transitioningStyles],\n          })}\n          ref={rootElementRef}\n        >\n          <ElementTag ref={collapseElementRef} className={classProps.content}>\n            {children}\n          </ElementTag>\n        </ElementTag>\n      )}\n    </Transition>\n  );\n};\n\nCollapse.spiritComponent = 'Collapse';\n\nexport default Collapse;\n"],"names":["TRANSITION_DURATION","transitioningStyles","defaultProps","Collapse","props","propsWithDefaults","ElementTag","children","transitionDuration","restProps","rootElementRef","useRef","collapseElementRef","collapseHeight","useResizeHeight","classProps","collapseStyleProps","useCollapseStyleProps","ariaProps","otherProps","useCollapseAriaProps","styleProps","transferProps","useStyleProps","mergedCollapseStyleProps","jsx","Transition","transitionState","mergeStyleProps"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAsB,KAEtBC,IAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV,GAEMC,IAA6C;AAAA,EACjD,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,yBAAyB;AAAA,EACzB,oBAAoBF;AACtB,GAEMG,IAAW,CAACC,MAA+B;AAC/C,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C;AAAA,IACJ,aAAaE,IAAaJ,EAAa;AAAA,IACvC,UAAAK;AAAA,IACA,oBAAAC,IAAqBR;AAAA,IACrB,GAAGS;AAAA,EAAA,IACDJ,GAEEK,IAA0DC,EAAO,IAAI,GACrEC,IAA8DD,EAAO,IAAI,GACzEE,IAAiBC,EAAgBF,CAAkB,GAEnD,EAAE,YAAAG,GAAY,YAAYC,EAAA,IAAuBC;AAAA,IACrDR,EAAU;AAAA,IACVH;AAAA,IACAO;AAAA,EAAA,GAEI,EAAE,WAAAK,GAAW,OAAOC,EAAA,IAAeC,EAAqBX,CAAS,GACjE,EAAE,YAAAY,GAAY,OAAOC,EAAA,IAAkBC,EAAcJ,CAAU,GAE/DK,IAA2B;AAAA,IAC/B,WAAWH,EAAW;AAAA,IACtB,OAAO,EAAE,GAAGL,GAAoB,GAAGK,EAAW,MAAA;AAAA,EAAM;AAKtD,SADwBf,MAAe,UAChBG,EAAU,SACxBF,IAIP,gBAAAkB,EAACC,GAAA,EAAW,IAAIjB,EAAU,QAAQ,SAASC,GAAgB,SAASF,GACjE,UAAA,CAACmB,MACA,gBAAAF;AAAA,IAACnB;AAAA,IAAA;AAAA,MACE,GAAGgB;AAAA,MACH,GAAGJ,EAAU;AAAA,MACb,GAAGU,EAAgBtB,GAAY;AAAA,QAC9B,YAAYS,EAAW;AAAA,QACvB,YAAAM;AAAA,QACA,oBAAoBG;AAAA,QACpB,qBAAqBvB,EAAoB0B,CAAmD;AAAA,MAAA,CAC7F;AAAA,MACD,KAAKjB;AAAA,MAEL,4BAACJ,GAAA,EAAW,KAAKM,GAAoB,WAAWG,EAAW,SACxD,UAAAR,EAAA,CACH;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEAJ,EAAS,kBAAkB;"}
+{"version":3,"file":"Collapse.js","sources":["../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type MutableRefObject, useRef } from 'react';\nimport { Transition, type TransitionStatus } from 'react-transition-group';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCollapseProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCollapseAriaProps } from './useCollapseAriaProps';\nimport { useCollapseStyleProps } from './useCollapseStyleProps';\nimport { useResizeHeight } from './useResizeHeight';\n\nconst TRANSITION_DURATION = 250;\n\nconst transitioningStyles = {\n  entering: 'is-transitioning',\n  entered: '',\n  exiting: 'is-transitioning',\n  exited: '',\n};\n\nconst defaultProps: Partial<SpiritCollapseProps> = {\n  elementType: 'div',\n  isOpen: false,\n  collapsibleToBreakpoint: undefined,\n  transitionDuration: TRANSITION_DURATION,\n};\n\nconst Collapse = (props: SpiritCollapseProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, transitionDuration = TRANSITION_DURATION, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n\n  const rootElementRef: MutableRefObject<HTMLElement | null> = useRef(null);\n  const collapseElementRef: MutableRefObject<HTMLElement | null> = useRef(null);\n  const collapseHeight = useResizeHeight(collapseElementRef);\n\n  const { classProps, styleProps: collapseStyleProps } = useCollapseStyleProps(\n    restProps.isOpen,\n    Component,\n    collapseHeight,\n  );\n  const { ariaProps, props: otherProps } = useCollapseAriaProps(restProps);\n  const { styleProps, props: transferProps } = useStyleProps(otherProps);\n\n  const mergedCollapseStyleProps = {\n    className: styleProps.className,\n    style: { ...collapseStyleProps, ...styleProps.style },\n  };\n\n  // For inline elements, when open, render content outside the collapse element\n  const isInlineElement = Component === 'span';\n  if (isInlineElement && restProps.isOpen) {\n    return children;\n  }\n\n  return (\n    <Transition in={restProps.isOpen} nodeRef={rootElementRef} timeout={transitionDuration}>\n      {(transitionState: TransitionStatus) => (\n        <Component\n          {...transferProps}\n          {...ariaProps.root}\n          {...mergeStyleProps(Component, {\n            classProps: classProps.root,\n            styleProps,\n            collapseStyleProps: mergedCollapseStyleProps,\n            transitioningStyles: transitioningStyles[transitionState as keyof typeof transitioningStyles],\n          })}\n          ref={rootElementRef}\n        >\n          <Component ref={collapseElementRef} className={classProps.content}>\n            {children}\n          </Component>\n        </Component>\n      )}\n    </Transition>\n  );\n};\n\nCollapse.spiritComponent = 'Collapse';\nCollapse.displayName = 'Collapse';\n\nexport default Collapse;\n"],"names":["TRANSITION_DURATION","transitioningStyles","defaultProps","Collapse","props","propsWithDefaults","elementType","children","transitionDuration","restProps","Component","rootElementRef","useRef","collapseElementRef","collapseHeight","useResizeHeight","classProps","collapseStyleProps","useCollapseStyleProps","ariaProps","otherProps","useCollapseAriaProps","styleProps","transferProps","useStyleProps","mergedCollapseStyleProps","jsx","Transition","transitionState","mergeStyleProps"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAsB,KAEtBC,IAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV,GAEMC,IAA6C;AAAA,EACjD,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,yBAAyB;AAAA,EACzB,oBAAoBF;AACtB,GAEMG,IAAW,CAACC,MAA+B;AAC/C,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,oBAAAC,IAAqBR,GAAqB,GAAGS,MAAcJ,GACpFK,IAAYJ,GAEZK,IAAuDC,EAAO,IAAI,GAClEC,IAA2DD,EAAO,IAAI,GACtEE,IAAiBC,EAAgBF,CAAkB,GAEnD,EAAE,YAAAG,GAAY,YAAYC,EAAA,IAAuBC;AAAA,IACrDT,EAAU;AAAA,IACVC;AAAA,IACAI;AAAA,EAAA,GAEI,EAAE,WAAAK,GAAW,OAAOC,EAAA,IAAeC,EAAqBZ,CAAS,GACjE,EAAE,YAAAa,GAAY,OAAOC,EAAA,IAAkBC,EAAcJ,CAAU,GAE/DK,IAA2B;AAAA,IAC/B,WAAWH,EAAW;AAAA,IACtB,OAAO,EAAE,GAAGL,GAAoB,GAAGK,EAAW,MAAA;AAAA,EAAM;AAKtD,SADwBZ,MAAc,UACfD,EAAU,SACxBF,IAIP,gBAAAmB,EAACC,GAAA,EAAW,IAAIlB,EAAU,QAAQ,SAASE,GAAgB,SAASH,GACjE,UAAA,CAACoB,MACA,gBAAAF;AAAA,IAAChB;AAAA,IAAA;AAAA,MACE,GAAGa;AAAA,MACH,GAAGJ,EAAU;AAAA,MACb,GAAGU,EAAgBnB,GAAW;AAAA,QAC7B,YAAYM,EAAW;AAAA,QACvB,YAAAM;AAAA,QACA,oBAAoBG;AAAA,QACpB,qBAAqBxB,EAAoB2B,CAAmD;AAAA,MAAA,CAC7F;AAAA,MACD,KAAKjB;AAAA,MAEL,4BAACD,GAAA,EAAU,KAAKG,GAAoB,WAAWG,EAAW,SACvD,UAAAT,EAAA,CACH;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEAJ,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}

package/dist/components/Collapse/demo/CollapseDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../Button/Button.cjs"),a=require("../Collapse.cjs"),l=require("../useCollapse.cjs"),n=()=>{const{isOpen:i,toggleHandler:u}=l.useCollapse(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s.default,{onClick:u,children:"Collapse trigger"}),e.jsx(a.default,{id:"collapse-default-id",isOpen:i,children:"Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper posuere. Mauris euismod, ac nec ante fermentum praesent nisi commodo neque placerat, vivamus dui et tempus pulvinar suspendisse. Porttitor eget, sollicitudin hendrerit bibendum nulla aliquam sit amet leo vitae, eget consectetur diam a vestibulum. Adipiscing lorem ipsum, arcu condimentum posuere semper morbi condimentum dui, bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis, tristique aliquam sed id tortor sem lobortis."})]})};exports.default=n;
+//# sourceMappingURL=CollapseDefault.cjs.map

package/dist/components/Collapse/demo/CollapseDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseDefault.cjs","sources":["../../../../src/components/Collapse/demo/CollapseDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseDefault = () => {\n  const { isOpen, toggleHandler } = useCollapse(false);\n\n  return (\n    <>\n      <Button onClick={toggleHandler}>Collapse trigger</Button>\n      <Collapse id=\"collapse-default-id\" isOpen={isOpen}>\n        Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla\n        neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper\n        posuere. Mauris euismod, ac nec ante fermentum praesent nisi commodo neque placerat, vivamus dui et tempus\n        pulvinar suspendisse. Porttitor eget, sollicitudin hendrerit bibendum nulla aliquam sit amet leo vitae, eget\n        consectetur diam a vestibulum. Adipiscing lorem ipsum, arcu condimentum posuere semper morbi condimentum dui,\n        bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis,\n        tristique aliquam sed id tortor sem lobortis.\n      </Collapse>\n    </>\n  );\n};\n\nexport default CollapseDefault;\n"],"names":["CollapseDefault","isOpen","toggleHandler","useCollapse","jsxs","Fragment","jsx","Button","Collapse"],"mappings":"mPAKMA,EAAkB,IAAM,CAC5B,KAAM,CAAE,OAAAC,EAAQ,cAAAC,GAAkBC,EAAAA,YAAY,EAAK,EAEnD,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAO,QAASL,EAAe,SAAA,mBAAgB,EAChDI,EAAAA,IAACE,EAAAA,QAAA,CAAS,GAAG,sBAAsB,OAAAP,EAAgB,SAAA,0rBAAA,CAQnD,CAAA,EACF,CAEJ"}

package/dist/components/Collapse/demo/CollapseDefault.js

@@ -0,0 +1,15 @@
+import { jsxs as u, Fragment as s, jsx as e } from "react/jsx-runtime";
+import n from "../../Button/Button.js";
+import l from "../Collapse.js";
+import { useCollapse as o } from "../useCollapse.js";
+const d = () => {
+  const { isOpen: i, toggleHandler: a } = o(!1);
+  return /* @__PURE__ */ u(s, { children: [
+    /* @__PURE__ */ e(n, { onClick: a, children: "Collapse trigger" }),
+    /* @__PURE__ */ e(l, { id: "collapse-default-id", isOpen: i, children: "Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper posuere. Mauris euismod, ac nec ante fermentum praesent nisi commodo neque placerat, vivamus dui et tempus pulvinar suspendisse. Porttitor eget, sollicitudin hendrerit bibendum nulla aliquam sit amet leo vitae, eget consectetur diam a vestibulum. Adipiscing lorem ipsum, arcu condimentum posuere semper morbi condimentum dui, bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis, tristique aliquam sed id tortor sem lobortis." })
+  ] });
+};
+export {
+  d as default
+};
+//# sourceMappingURL=CollapseDefault.js.map

package/dist/components/Collapse/demo/CollapseDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseDefault.js","sources":["../../../../src/components/Collapse/demo/CollapseDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseDefault = () => {\n  const { isOpen, toggleHandler } = useCollapse(false);\n\n  return (\n    <>\n      <Button onClick={toggleHandler}>Collapse trigger</Button>\n      <Collapse id=\"collapse-default-id\" isOpen={isOpen}>\n        Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla\n        neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper\n        posuere. Mauris euismod, ac nec ante fermentum praesent nisi commodo neque placerat, vivamus dui et tempus\n        pulvinar suspendisse. Porttitor eget, sollicitudin hendrerit bibendum nulla aliquam sit amet leo vitae, eget\n        consectetur diam a vestibulum. Adipiscing lorem ipsum, arcu condimentum posuere semper morbi condimentum dui,\n        bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis,\n        tristique aliquam sed id tortor sem lobortis.\n      </Collapse>\n    </>\n  );\n};\n\nexport default CollapseDefault;\n"],"names":["CollapseDefault","isOpen","toggleHandler","useCollapse","jsxs","Fragment","jsx","Button","Collapse"],"mappings":";;;;AAKA,MAAMA,IAAkB,MAAM;AAC5B,QAAM,EAAE,QAAAC,GAAQ,eAAAC,MAAkBC,EAAY,EAAK;AAEnD,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,SAASL,GAAe,UAAA,oBAAgB;AAAA,IAChD,gBAAAI,EAACE,GAAA,EAAS,IAAG,uBAAsB,QAAAP,GAAgB,UAAA,2rBAAA,CAQnD;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Collapse/demo/CollapseHelperClass.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../Button/Button.cjs"),l=require("../Collapse.cjs"),u=require("../useCollapse.cjs"),t=()=>{const{isOpen:i,toggleHandler:s}=u.useCollapse(!1);return e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Ante rhoncus, tristique nunc et elit id in ex sem consectetur id, consectetur et elit nibh sed ac. Sed ac convallis, sem lobortis convallis et nisi sapien in ex sem ullamcorper iaculis, aliquet sem lobortis pellentesque sit amet. Congue nulla congue, porttitor quis orci quam elit rutrum scelerisque nibh maximus, felis a integer maximus praesent. Metus varius, at sem dui vivamus elementum luctus nisl sit amet dolor sit amet, mauris et iaculis nec fermentum. Augue sapien, nisl vel purus nullam odio morbi a fusce vitae mattis vitae, posuere tristique bibendum aliquam. In donec dolor ut, imperdiet quam fermentum molestie vulputate scelerisque ac nec, tortor mi orci sollicitudin elementum."}),e.jsx(l.default,{id:"collapse-helper-class-id",isOpen:i,children:"Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper posuere. Mauris euismod, ac nec ante fermentum praesent nisi commodo neque placerat, vivamus dui et tempus pulvinar suspendisse. Porttitor eget, sollicitudin hendrerit bibendum nulla aliquam sit amet leo vitae, eget consectetur diam a vestibulum. Adipiscing lorem ipsum, arcu condimentum posuere semper morbi condimentum dui, bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis, tristique aliquam sed id tortor sem lobortis."}),e.jsxs(a.default,{onClick:s,"aria-expanded":i,children:[e.jsx("span",{className:"accessibility-open",children:"Show less"}),e.jsx("span",{className:"accessibility-closed",children:"Show more"})]}),e.jsxs("a",{href:"#",role:"button",onClick:s,"aria-expanded":i,children:[e.jsx("span",{className:"accessibility-open",children:"Show less"}),e.jsx("span",{className:"accessibility-closed",children:"Show more"})]})]})};exports.default=t;
+//# sourceMappingURL=CollapseHelperClass.cjs.map