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

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

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

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

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

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

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

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

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

package/dist/components/Pagination/PaginationLink.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),S=require("../../hooks/styleProps.cjs"),q=require("../../hooks/useI18n.cjs"),b=require("../../utils/mergeStyleProps.cjs"),L=require("../VisuallyHidden/VisuallyHidden.cjs"),f=require("./usePaginationStyleProps.cjs"),h=(i,a)=>{const{t:l}=q.useI18n(),{elementType:u="a",accessibilityLabel:c,isCurrent:t,pageNumber:n,...p}=i,P=c||`${l("pagination.goToPage")} ${n}`,r=u,{classProps:d}=f.usePaginationStyleProps({isCurrent:t}),{styleProps:g,props:o}=S.useStyleProps(p),y=b.mergeStyleProps(r,{classProps:d.link,styleProps:g,otherProps:o});return e.jsxs(r,{...t&&{"aria-current":"page"},...o,...y,ref:a,children:[e.jsx(L.default,{children:P}),e.jsx("span",{"aria-hidden":"true",children:n})]})},s=m.forwardRef(h);s.spiritComponent="PaginationLink";s.displayName="PaginationLink";exports.default=s;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("react"),L=require("../../hooks/styleProps.cjs"),S=require("../../hooks/useI18n.cjs"),C=require("../../hooks/useLinkClick.cjs"),b=require("../../utils/mergeStyleProps.cjs"),h=require("../VisuallyHidden/VisuallyHidden.cjs"),f=require("./usePaginationStyleProps.cjs"),j=(a,l)=>{const{t:c}=S.useI18n(),{elementType:u="a",accessibilityLabel:p,isCurrent:n,pageNumber:t,routerOptions:P,...r}=a,d=p||`${c("pagination.goToPage")} ${t}`,i=u,{classProps:g}=f.usePaginationStyleProps({isCurrent:n}),{styleProps:y,props:o}=L.useStyleProps(r),k=b.mergeStyleProps(i,{classProps:g.link,styleProps:y,otherProps:o}),m=C.useLinkClick({...r,routerOptions:P});return e.jsxs(i,{...n&&{"aria-current":"page"},...o,...k,onClick:m,ref:l,children:[e.jsx(h.default,{children:d}),e.jsx("span",{"aria-hidden":"true",children:t})]})},s=q.forwardRef(j);s.spiritComponent="PaginationLink";s.displayName="PaginationLink";exports.default=s;
 //# sourceMappingURL=PaginationLink.cjs.map

package/dist/components/Pagination/PaginationLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.cjs","sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useI18n, useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritPaginationLinkProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { usePaginationStyleProps } from './usePaginationStyleProps';\n\nconst _PaginationLink = <E extends ElementType = 'a'>(props: SpiritPaginationLinkProps<E>, ref: PolymorphicRef<E>) => {\n  const { t } = useI18n();\n  const { elementType = 'a', accessibilityLabel, isCurrent, pageNumber, ...restProps } = props;\n  const visuallyHiddenLabel = accessibilityLabel || `${t('pagination.goToPage')} ${pageNumber}`;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = usePaginationStyleProps({ isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.link, styleProps, otherProps });\n\n  return (\n    <Component {...(isCurrent && { 'aria-current': 'page' })} {...otherProps} {...mergedStyleProps} ref={ref}>\n      <VisuallyHidden>{visuallyHiddenLabel}</VisuallyHidden>\n      <span aria-hidden=\"true\">{pageNumber}</span>\n    </Component>\n  );\n};\n\nconst PaginationLink = forwardRef<HTMLAnchorElement, SpiritPaginationLinkProps<'a'>>(\n  _PaginationLink,\n) as unknown as PolymorphicComponent<'a', SpiritPaginationLinkProps<ElementType>>;\n\nPaginationLink.spiritComponent = 'PaginationLink';\nPaginationLink.displayName = 'PaginationLink';\n\nexport default PaginationLink;\n"],"names":["_PaginationLink","props","ref","t","useI18n","elementType","accessibilityLabel","isCurrent","pageNumber","restProps","visuallyHiddenLabel","Component","classProps","usePaginationStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsxs","jsx","VisuallyHidden","PaginationLink","forwardRef"],"mappings":"wYASMA,EAAkB,CAA8BC,EAAqCC,IAA2B,CACpH,KAAM,CAAE,EAAAC,CAAA,EAAMC,UAAA,EACR,CAAE,YAAAC,EAAc,IAAK,mBAAAC,EAAoB,UAAAC,EAAW,WAAAC,EAAY,GAAGC,GAAcR,EACjFS,EAAsBJ,GAAsB,GAAGH,EAAE,qBAAqB,CAAC,IAAIK,CAAU,GAErFG,EAAYN,EAEZ,CAAE,WAAAO,CAAA,EAAeC,0BAAwB,CAAE,UAAAN,EAAW,EACtD,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcP,CAAS,EAC3DQ,EAAmBC,kBAAgBP,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAE3G,OACEI,EAAAA,KAACR,EAAA,CAAW,GAAIJ,GAAa,CAAE,eAAgB,MAAA,EAAY,GAAGQ,EAAa,GAAGE,EAAkB,IAAAf,EAC9F,SAAA,CAAAkB,EAAAA,IAACC,EAAAA,SAAgB,SAAAX,CAAA,CAAoB,EACrCU,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAQ,SAAAZ,CAAA,CAAW,CAAA,EACvC,CAEJ,EAEMc,EAAiBC,EAAAA,WACrBvB,CACF,EAEAsB,EAAe,gBAAkB,iBACjCA,EAAe,YAAc"}
+{"version":3,"file":"PaginationLink.cjs","sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useI18n, useLinkClick, useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritPaginationLinkProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { usePaginationStyleProps } from './usePaginationStyleProps';\n\nconst _PaginationLink = <E extends ElementType = 'a'>(props: SpiritPaginationLinkProps<E>, ref: PolymorphicRef<E>) => {\n  const { t } = useI18n();\n  const { elementType = 'a', accessibilityLabel, isCurrent, pageNumber, routerOptions, ...restProps } = props;\n  const visuallyHiddenLabel = accessibilityLabel || `${t('pagination.goToPage')} ${pageNumber}`;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = usePaginationStyleProps({ isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.link, styleProps, otherProps });\n\n  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <Component\n      {...(isCurrent && { 'aria-current': 'page' })}\n      {...otherProps}\n      {...mergedStyleProps}\n      onClick={handleClick}\n      ref={ref}\n    >\n      <VisuallyHidden>{visuallyHiddenLabel}</VisuallyHidden>\n      <span aria-hidden=\"true\">{pageNumber}</span>\n    </Component>\n  );\n};\n\nconst PaginationLink = forwardRef<HTMLAnchorElement, SpiritPaginationLinkProps<'a'>>(\n  _PaginationLink,\n) as unknown as PolymorphicComponent<'a', SpiritPaginationLinkProps<ElementType>>;\n\nPaginationLink.spiritComponent = 'PaginationLink';\nPaginationLink.displayName = 'PaginationLink';\n\nexport default PaginationLink;\n"],"names":["_PaginationLink","props","ref","t","useI18n","elementType","accessibilityLabel","isCurrent","pageNumber","routerOptions","restProps","visuallyHiddenLabel","Component","classProps","usePaginationStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsxs","jsx","VisuallyHidden","PaginationLink","forwardRef"],"mappings":"kbASMA,EAAkB,CAA8BC,EAAqCC,IAA2B,CACpH,KAAM,CAAE,EAAAC,CAAA,EAAMC,UAAA,EACR,CAAE,YAAAC,EAAc,IAAK,mBAAAC,EAAoB,UAAAC,EAAW,WAAAC,EAAY,cAAAC,EAAe,GAAGC,CAAA,EAAcT,EAChGU,EAAsBL,GAAsB,GAAGH,EAAE,qBAAqB,CAAC,IAAIK,CAAU,GAErFI,EAAYP,EAEZ,CAAE,WAAAQ,CAAA,EAAeC,0BAAwB,CAAE,UAAAP,EAAW,EACtD,CAAA,WAAEQ,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcP,CAAS,EAC3DQ,EAAmBC,kBAAgBP,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAErGI,EAAcC,EAAAA,aAAa,CAAE,GAAGX,EAAW,cAAAD,EAAe,EAEhE,OACEa,EAAAA,KAACV,EAAA,CACE,GAAIL,GAAa,CAAE,eAAgB,MAAA,EACnC,GAAGS,EACH,GAAGE,EACJ,QAASE,EACT,IAAAlB,EAEA,SAAA,CAAAqB,EAAAA,IAACC,EAAAA,SAAgB,SAAAb,CAAA,CAAoB,EACrCY,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAQ,SAAAf,CAAA,CAAW,CAAA,CAAA,CAAA,CAG3C,EAEMiB,EAAiBC,EAAAA,WACrB1B,CACF,EAEAyB,EAAe,gBAAkB,iBACjCA,EAAe,YAAc"}

package/dist/components/Pagination/PaginationLink.js

@@ -1,23 +1,34 @@
 "use client";
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { useStyleProps as L } from "../../hooks/styleProps.js";
-import { useI18n as h } from "../../hooks/useI18n.js";
-import { mergeStyleProps as k } from "../../utils/mergeStyleProps.js";
-import b from "../VisuallyHidden/VisuallyHidden.js";
-import { usePaginationStyleProps as S } from "./usePaginationStyleProps.js";
-const x = (s, a) => {
-  const { t: p } = h(), { elementType: l = "a", accessibilityLabel: m, isCurrent: o, pageNumber: r, ...c } = s, P = m || `${p("pagination.goToPage")} ${r}`, e = l, { classProps: d } = S({ isCurrent: o }), { styleProps: u, props: t } = L(c), g = k(e, { classProps: d.link, styleProps: u, otherProps: t });
-  return /* @__PURE__ */ f(e, { ...o && { "aria-current": "page" }, ...t, ...g, ref: a, children: [
-    /* @__PURE__ */ i(b, { children: P }),
-    /* @__PURE__ */ i("span", { "aria-hidden": "true", children: r })
-  ] });
-}, n = y(
-  x
+import { jsxs as k, jsx as e } from "react/jsx-runtime";
+import { forwardRef as L } from "react";
+import { useStyleProps as h } from "../../hooks/styleProps.js";
+import { useI18n as C } from "../../hooks/useI18n.js";
+import { useLinkClick as b } from "../../hooks/useLinkClick.js";
+import { mergeStyleProps as S } from "../../utils/mergeStyleProps.js";
+import x from "../VisuallyHidden/VisuallyHidden.js";
+import { usePaginationStyleProps as j } from "./usePaginationStyleProps.js";
+const H = (a, p) => {
+  const { t: l } = C(), { elementType: c = "a", accessibilityLabel: m, isCurrent: o, pageNumber: r, routerOptions: u, ...i } = a, P = m || `${l("pagination.goToPage")} ${r}`, n = c, { classProps: d } = j({ isCurrent: o }), { styleProps: g, props: t } = h(i), f = S(n, { classProps: d.link, styleProps: g, otherProps: t }), y = b({ ...i, routerOptions: u });
+  return /* @__PURE__ */ k(
+    n,
+    {
+      ...o && { "aria-current": "page" },
+      ...t,
+      ...f,
+      onClick: y,
+      ref: p,
+      children: [
+        /* @__PURE__ */ e(x, { children: P }),
+        /* @__PURE__ */ e("span", { "aria-hidden": "true", children: r })
+      ]
+    }
+  );
+}, s = L(
+  H
 );
-n.spiritComponent = "PaginationLink";
-n.displayName = "PaginationLink";
+s.spiritComponent = "PaginationLink";
+s.displayName = "PaginationLink";
 export {
-  n as default
+  s as default
 };
 //# sourceMappingURL=PaginationLink.js.map

package/dist/components/Pagination/PaginationLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.js","sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useI18n, useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritPaginationLinkProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { usePaginationStyleProps } from './usePaginationStyleProps';\n\nconst _PaginationLink = <E extends ElementType = 'a'>(props: SpiritPaginationLinkProps<E>, ref: PolymorphicRef<E>) => {\n  const { t } = useI18n();\n  const { elementType = 'a', accessibilityLabel, isCurrent, pageNumber, ...restProps } = props;\n  const visuallyHiddenLabel = accessibilityLabel || `${t('pagination.goToPage')} ${pageNumber}`;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = usePaginationStyleProps({ isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.link, styleProps, otherProps });\n\n  return (\n    <Component {...(isCurrent && { 'aria-current': 'page' })} {...otherProps} {...mergedStyleProps} ref={ref}>\n      <VisuallyHidden>{visuallyHiddenLabel}</VisuallyHidden>\n      <span aria-hidden=\"true\">{pageNumber}</span>\n    </Component>\n  );\n};\n\nconst PaginationLink = forwardRef<HTMLAnchorElement, SpiritPaginationLinkProps<'a'>>(\n  _PaginationLink,\n) as unknown as PolymorphicComponent<'a', SpiritPaginationLinkProps<ElementType>>;\n\nPaginationLink.spiritComponent = 'PaginationLink';\nPaginationLink.displayName = 'PaginationLink';\n\nexport default PaginationLink;\n"],"names":["_PaginationLink","props","ref","t","useI18n","elementType","accessibilityLabel","isCurrent","pageNumber","restProps","visuallyHiddenLabel","Component","classProps","usePaginationStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsxs","jsx","VisuallyHidden","PaginationLink","forwardRef"],"mappings":";;;;;;;;AASA,MAAMA,IAAkB,CAA8BC,GAAqCC,MAA2B;AACpH,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,aAAAC,IAAc,KAAK,oBAAAC,GAAoB,WAAAC,GAAW,YAAAC,GAAY,GAAGC,MAAcR,GACjFS,IAAsBJ,KAAsB,GAAGH,EAAE,qBAAqB,CAAC,IAAIK,CAAU,IAErFG,IAAYN,GAEZ,EAAE,YAAAO,EAAA,IAAeC,EAAwB,EAAE,WAAAN,GAAW,GACtD,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAeC,EAAcP,CAAS,GAC3DQ,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE3G,SACE,gBAAAI,EAACR,GAAA,EAAW,GAAIJ,KAAa,EAAE,gBAAgB,OAAA,GAAY,GAAGQ,GAAa,GAAGE,GAAkB,KAAAf,GAC9F,UAAA;AAAA,IAAA,gBAAAkB,EAACC,KAAgB,UAAAX,EAAA,CAAoB;AAAA,IACrC,gBAAAU,EAAC,QAAA,EAAK,eAAY,QAAQ,UAAAZ,EAAA,CAAW;AAAA,EAAA,GACvC;AAEJ,GAEMc,IAAiBC;AAAA,EACrBvB;AACF;AAEAsB,EAAe,kBAAkB;AACjCA,EAAe,cAAc;"}
+{"version":3,"file":"PaginationLink.js","sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useI18n, useLinkClick, useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritPaginationLinkProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { usePaginationStyleProps } from './usePaginationStyleProps';\n\nconst _PaginationLink = <E extends ElementType = 'a'>(props: SpiritPaginationLinkProps<E>, ref: PolymorphicRef<E>) => {\n  const { t } = useI18n();\n  const { elementType = 'a', accessibilityLabel, isCurrent, pageNumber, routerOptions, ...restProps } = props;\n  const visuallyHiddenLabel = accessibilityLabel || `${t('pagination.goToPage')} ${pageNumber}`;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = usePaginationStyleProps({ isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.link, styleProps, otherProps });\n\n  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <Component\n      {...(isCurrent && { 'aria-current': 'page' })}\n      {...otherProps}\n      {...mergedStyleProps}\n      onClick={handleClick}\n      ref={ref}\n    >\n      <VisuallyHidden>{visuallyHiddenLabel}</VisuallyHidden>\n      <span aria-hidden=\"true\">{pageNumber}</span>\n    </Component>\n  );\n};\n\nconst PaginationLink = forwardRef<HTMLAnchorElement, SpiritPaginationLinkProps<'a'>>(\n  _PaginationLink,\n) as unknown as PolymorphicComponent<'a', SpiritPaginationLinkProps<ElementType>>;\n\nPaginationLink.spiritComponent = 'PaginationLink';\nPaginationLink.displayName = 'PaginationLink';\n\nexport default PaginationLink;\n"],"names":["_PaginationLink","props","ref","t","useI18n","elementType","accessibilityLabel","isCurrent","pageNumber","routerOptions","restProps","visuallyHiddenLabel","Component","classProps","usePaginationStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsxs","jsx","VisuallyHidden","PaginationLink","forwardRef"],"mappings":";;;;;;;;;AASA,MAAMA,IAAkB,CAA8BC,GAAqCC,MAA2B;AACpH,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,aAAAC,IAAc,KAAK,oBAAAC,GAAoB,WAAAC,GAAW,YAAAC,GAAY,eAAAC,GAAe,GAAGC,EAAA,IAAcT,GAChGU,IAAsBL,KAAsB,GAAGH,EAAE,qBAAqB,CAAC,IAAIK,CAAU,IAErFI,IAAYP,GAEZ,EAAE,YAAAQ,EAAA,IAAeC,EAAwB,EAAE,WAAAP,GAAW,GACtD,EAAE,YAAAQ,GAAY,OAAOC,EAAA,IAAeC,EAAcP,CAAS,GAC3DQ,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY,GAErGI,IAAcC,EAAa,EAAE,GAAGX,GAAW,eAAAD,GAAe;AAEhE,SACE,gBAAAa;AAAA,IAACV;AAAA,IAAA;AAAA,MACE,GAAIL,KAAa,EAAE,gBAAgB,OAAA;AAAA,MACnC,GAAGS;AAAA,MACH,GAAGE;AAAA,MACJ,SAASE;AAAA,MACT,KAAAlB;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAqB,EAACC,KAAgB,UAAAb,EAAA,CAAoB;AAAA,QACrC,gBAAAY,EAAC,QAAA,EAAK,eAAY,QAAQ,UAAAf,EAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEMiB,IAAiBC;AAAA,EACrB1B;AACF;AAEAyB,EAAe,kBAAkB;AACjCA,EAAe,cAAc;"}

package/dist/components/Radio/Radio.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),q=require("classnames"),R=require("react"),f=require("../../hooks/styleProps.cjs"),j=require("../../hooks/useAriaDescribedBy.cjs"),S=require("../Field/HelperText.cjs"),_=require("../Field/Label.cjs"),A=require("../Field/useAriaIds.cjs"),g=require("./useRadioStyleProps.cjs"),v=(a,o)=>{const{classProps:e,props:l}=g.useRadioStyleProps(a),{"aria-describedby":c="",helperText:d,id:r,isChecked:u,isDisabled:n,label:p,onChange:y,value:b,...m}=l,{styleProps:i,props:P}=f.useStyleProps(m),[h,x]=A.default(c),N=j.useAriaDescribedBy(h);return s.jsxs("div",{style:i.style,className:q(e.root,i.className),children:[s.jsx("input",{...P,...N,type:"radio",id:r,className:e.input,disabled:n,checked:u,onChange:y,value:b,ref:o}),s.jsxs("div",{className:e.text,children:[s.jsx(_.default,{UNSAFE_className:e.label,htmlFor:r,children:p}),s.jsx(S.default,{UNSAFE_className:e.helperText,id:`${r}__helperText`,registerAria:x,helperText:d})]})]})},t=R.forwardRef(v);t.spiritComponent="Radio";t.displayName="Radio";exports.default=t;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),N=require("classnames"),R=require("react"),f=require("../../hooks/styleProps.cjs"),q=require("../../hooks/useAriaIdRefs.cjs"),j=require("../Field/HelperText.cjs"),S=require("../Field/Label.cjs"),_=require("./useRadioStyleProps.cjs"),g=(a,o)=>{const{classProps:e,props:l}=_.useRadioStyleProps(a),{"aria-describedby":c="",helperText:d,id:r,isChecked:u,isDisabled:n,label:p,onChange:y,value:m,...b}=l,{styleProps:i,props:P}=f.useStyleProps(b),[h,x]=q.useAriaDescribedBy(c);return s.jsxs("div",{style:i.style,className:N(e.root,i.className),children:[s.jsx("input",{...P,...h,type:"radio",id:r,className:e.input,disabled:n,checked:u,onChange:y,value:m,ref:o}),s.jsxs("div",{className:e.text,children:[s.jsx(S.default,{UNSAFE_className:e.label,htmlFor:r,children:p}),s.jsx(j.default,{UNSAFE_className:e.helperText,id:`${r}__helperText`,registerAria:x,helperText:d})]})]})},t=R.forwardRef(g);t.spiritComponent="Radio";t.displayName="Radio";exports.default=t;
 //# sourceMappingURL=Radio.cjs.map

package/dist/components/Radio/Radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritRadioProps } from '../../types';\nimport { HelperText, Label, useAriaIds } from '../Field';\nimport { useRadioStyleProps } from './useRadioStyleProps';\n\nconst _Radio = (props: SpiritRadioProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useRadioStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    helperText,\n    id,\n    isChecked,\n    isDisabled,\n    label,\n    onChange,\n    value,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"radio\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={isChecked}\n        onChange={onChange}\n        value={value}\n        ref={ref}\n      />\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.helperText}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst Radio = forwardRef<HTMLInputElement, SpiritRadioProps>(_Radio) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritRadioProps\n>;\n\nRadio.spiritComponent = 'Radio';\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"names":["_Radio","props","ref","classProps","modifiedProps","useRadioStyleProps","ariaDescribedBy","helperText","id","isChecked","isDisabled","label","onChange","value","restProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","jsxs","classNames","jsx","Label","HelperText","Radio","forwardRef"],"mappings":"ibASMA,EAAS,CAACC,EAAyBC,IAAqD,CAC5F,KAAM,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,mBAAmBJ,CAAK,EAC/D,CACJ,mBAAoBK,EAAkB,GACtC,WAAAC,EACA,GAAAC,EACA,UAAAC,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EACDV,EACE,CAAA,WAAEW,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAE3D,CAACI,EAAKC,CAAQ,EAAIC,EAAAA,QAAWd,CAAe,EAC5Ce,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAElD,OACEK,EAAAA,KAAC,MAAA,CAAI,MAAOR,EAAW,MAAO,UAAWS,EAAWrB,EAAW,KAAMY,EAAW,SAAS,EACvF,SAAA,CAAAU,EAAAA,IAAC,QAAA,CACE,GAAGT,EACH,GAAGK,EACJ,KAAK,QACL,GAAAb,EACA,UAAWL,EAAW,MACtB,SAAUO,EACV,QAASD,EACT,SAAAG,EACA,MAAAC,EACA,IAAAX,CAAA,CAAA,EAEFqB,EAAAA,KAAC,MAAA,CAAI,UAAWpB,EAAW,KACzB,SAAA,CAAAsB,MAACC,EAAAA,SAAM,iBAAkBvB,EAAW,MAAO,QAASK,EACjD,SAAAG,EACH,EACAc,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBxB,EAAW,WAC7B,GAAI,GAAGK,CAAE,eACT,aAAcW,EACd,WAAAZ,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ,EAEMqB,EAAQC,EAAAA,WAA+C7B,CAAM,EAKnE4B,EAAM,gBAAkB,QACxBA,EAAM,YAAc"}
+{"version":3,"file":"Radio.cjs","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritRadioProps } from '../../types';\nimport { HelperText, Label } from '../Field';\nimport { useRadioStyleProps } from './useRadioStyleProps';\n\nconst _Radio = (props: SpiritRadioProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useRadioStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    helperText,\n    id,\n    isChecked,\n    isDisabled,\n    label,\n    onChange,\n    value,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"radio\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={isChecked}\n        onChange={onChange}\n        value={value}\n        ref={ref}\n      />\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.helperText}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst Radio = forwardRef<HTMLInputElement, SpiritRadioProps>(_Radio) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritRadioProps\n>;\n\nRadio.spiritComponent = 'Radio';\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"names":["_Radio","props","ref","classProps","modifiedProps","useRadioStyleProps","ariaDescribedBy","helperText","id","isChecked","isDisabled","label","onChange","value","restProps","styleProps","otherProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","jsxs","classNames","jsx","Label","HelperText","Radio","forwardRef"],"mappings":"uYASMA,EAAS,CAACC,EAAyBC,IAAqD,CAC5F,KAAM,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,mBAAmBJ,CAAK,EAC/D,CACJ,mBAAoBK,EAAkB,GACtC,WAAAC,EACA,GAAAC,EACA,UAAAC,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EACDV,EACE,CAAA,WAAEW,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAE3D,CAACI,EAAqBC,CAAQ,EAAIC,EAAAA,mBAAmBd,CAAe,EAE1E,OACEe,EAAAA,KAAC,MAAA,CAAI,MAAON,EAAW,MAAO,UAAWO,EAAWnB,EAAW,KAAMY,EAAW,SAAS,EACvF,SAAA,CAAAQ,EAAAA,IAAC,QAAA,CACE,GAAGP,EACH,GAAGE,EACJ,KAAK,QACL,GAAAV,EACA,UAAWL,EAAW,MACtB,SAAUO,EACV,QAASD,EACT,SAAAG,EACA,MAAAC,EACA,IAAAX,CAAA,CAAA,EAEFmB,EAAAA,KAAC,MAAA,CAAI,UAAWlB,EAAW,KACzB,SAAA,CAAAoB,MAACC,EAAAA,SAAM,iBAAkBrB,EAAW,MAAO,QAASK,EACjD,SAAAG,EACH,EACAY,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBtB,EAAW,WAC7B,GAAI,GAAGK,CAAE,eACT,aAAcW,EACd,WAAAZ,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ,EAEMmB,EAAQC,EAAAA,WAA+C3B,CAAM,EAKnE0B,EAAM,gBAAkB,QACxBA,EAAM,YAAc"}

package/dist/components/Radio/Radio.js

@@ -1,55 +1,54 @@
 "use client";
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import R from "classnames";
-import { forwardRef as A } from "react";
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import P from "classnames";
+import { forwardRef as R } from "react";
 import { useStyleProps as _ } from "../../hooks/styleProps.js";
-import { useAriaDescribedBy as D } from "../../hooks/useAriaDescribedBy.js";
-import S from "../Field/HelperText.js";
-import T from "../Field/Label.js";
-import g from "../Field/useAriaIds.js";
-import { useRadioStyleProps as v } from "./useRadioStyleProps.js";
-const B = (a, l) => {
-  const { classProps: e, props: p } = v(a), {
+import { useAriaDescribedBy as A } from "../../hooks/useAriaIdRefs.js";
+import D from "../Field/HelperText.js";
+import S from "../Field/Label.js";
+import { useRadioStyleProps as T } from "./useRadioStyleProps.js";
+const g = (a, l) => {
+  const { classProps: e, props: p } = T(a), {
     "aria-describedby": d = "",
     helperText: m,
-    id: s,
+    id: r,
     isChecked: c,
     isDisabled: n,
     label: f,
     onChange: h,
-    value: u,
-    ...y
-  } = p, { styleProps: o, props: b } = _(y), [N, x] = g(d), P = D(N);
-  return /* @__PURE__ */ i("div", { style: o.style, className: R(e.root, o.className), children: [
-    /* @__PURE__ */ r(
+    value: y,
+    ...b
+  } = p, { styleProps: o, props: u } = _(b), [N, x] = A(d);
+  return /* @__PURE__ */ i("div", { style: o.style, className: P(e.root, o.className), children: [
+    /* @__PURE__ */ s(
       "input",
       {
-        ...b,
-        ...P,
+        ...u,
+        ...N,
         type: "radio",
-        id: s,
+        id: r,
         className: e.input,
         disabled: n,
         checked: c,
         onChange: h,
-        value: u,
+        value: y,
         ref: l
       }
     ),
     /* @__PURE__ */ i("div", { className: e.text, children: [
-      /* @__PURE__ */ r(T, { UNSAFE_className: e.label, htmlFor: s, children: f }),
-      /* @__PURE__ */ r(
-        S,
+      /* @__PURE__ */ s(S, { UNSAFE_className: e.label, htmlFor: r, children: f }),
+      /* @__PURE__ */ s(
+        D,
         {
           UNSAFE_className: e.helperText,
-          id: `${s}__helperText`,
+          id: `${r}__helperText`,
           registerAria: x,
           helperText: m
         }
       )
     ] })
   ] });
-}, t = A(B);
+}, t = R(g);
 t.spiritComponent = "Radio";
 t.displayName = "Radio";
 export {

package/dist/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritRadioProps } from '../../types';\nimport { HelperText, Label, useAriaIds } from '../Field';\nimport { useRadioStyleProps } from './useRadioStyleProps';\n\nconst _Radio = (props: SpiritRadioProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useRadioStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    helperText,\n    id,\n    isChecked,\n    isDisabled,\n    label,\n    onChange,\n    value,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"radio\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={isChecked}\n        onChange={onChange}\n        value={value}\n        ref={ref}\n      />\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.helperText}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst Radio = forwardRef<HTMLInputElement, SpiritRadioProps>(_Radio) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritRadioProps\n>;\n\nRadio.spiritComponent = 'Radio';\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"names":["_Radio","props","ref","classProps","modifiedProps","useRadioStyleProps","ariaDescribedBy","helperText","id","isChecked","isDisabled","label","onChange","value","restProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","jsxs","classNames","jsx","Label","HelperText","Radio","forwardRef"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAS,CAACC,GAAyBC,MAAqD;AAC5F,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAmBJ,CAAK,GAC/D;AAAA,IACJ,oBAAoBK,IAAkB;AAAA,IACtC,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDV,GACE,EAAE,YAAAW,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAE3D,CAACI,GAAKC,CAAQ,IAAIC,EAAWd,CAAe,GAC5Ce,IAAsBC,EAAmBJ,CAAG;AAElD,SACE,gBAAAK,EAAC,OAAA,EAAI,OAAOR,EAAW,OAAO,WAAWS,EAAWrB,EAAW,MAAMY,EAAW,SAAS,GACvF,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGT;AAAA,QACH,GAAGK;AAAA,QACJ,MAAK;AAAA,QACL,IAAAb;AAAA,QACA,WAAWL,EAAW;AAAA,QACtB,UAAUO;AAAA,QACV,SAASD;AAAA,QACT,UAAAG;AAAA,QACA,OAAAC;AAAA,QACA,KAAAX;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAqB,EAAC,OAAA,EAAI,WAAWpB,EAAW,MACzB,UAAA;AAAA,MAAA,gBAAAsB,EAACC,KAAM,kBAAkBvB,EAAW,OAAO,SAASK,GACjD,UAAAG,GACH;AAAA,MACA,gBAAAc;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,kBAAkBxB,EAAW;AAAA,UAC7B,IAAI,GAAGK,CAAE;AAAA,UACT,cAAcW;AAAA,UACd,YAAAZ;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,GAEMqB,IAAQC,EAA+C7B,CAAM;AAKnE4B,EAAM,kBAAkB;AACxBA,EAAM,cAAc;"}
+{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritRadioProps } from '../../types';\nimport { HelperText, Label } from '../Field';\nimport { useRadioStyleProps } from './useRadioStyleProps';\n\nconst _Radio = (props: SpiritRadioProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useRadioStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    helperText,\n    id,\n    isChecked,\n    isDisabled,\n    label,\n    onChange,\n    value,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"radio\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={isChecked}\n        onChange={onChange}\n        value={value}\n        ref={ref}\n      />\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.helperText}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst Radio = forwardRef<HTMLInputElement, SpiritRadioProps>(_Radio) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritRadioProps\n>;\n\nRadio.spiritComponent = 'Radio';\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"names":["_Radio","props","ref","classProps","modifiedProps","useRadioStyleProps","ariaDescribedBy","helperText","id","isChecked","isDisabled","label","onChange","value","restProps","styleProps","otherProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","jsxs","classNames","jsx","Label","HelperText","Radio","forwardRef"],"mappings":";;;;;;;;;AASA,MAAMA,IAAS,CAACC,GAAyBC,MAAqD;AAC5F,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAmBJ,CAAK,GAC/D;AAAA,IACJ,oBAAoBK,IAAkB;AAAA,IACtC,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDV,GACE,EAAE,YAAAW,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAE3D,CAACI,GAAqBC,CAAQ,IAAIC,EAAmBd,CAAe;AAE1E,SACE,gBAAAe,EAAC,OAAA,EAAI,OAAON,EAAW,OAAO,WAAWO,EAAWnB,EAAW,MAAMY,EAAW,SAAS,GACvF,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGP;AAAA,QACH,GAAGE;AAAA,QACJ,MAAK;AAAA,QACL,IAAAV;AAAA,QACA,WAAWL,EAAW;AAAA,QACtB,UAAUO;AAAA,QACV,SAASD;AAAA,QACT,UAAAG;AAAA,QACA,OAAAC;AAAA,QACA,KAAAX;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAmB,EAAC,OAAA,EAAI,WAAWlB,EAAW,MACzB,UAAA;AAAA,MAAA,gBAAAoB,EAACC,KAAM,kBAAkBrB,EAAW,OAAO,SAASK,GACjD,UAAAG,GACH;AAAA,MACA,gBAAAY;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,kBAAkBtB,EAAW;AAAA,UAC7B,IAAI,GAAGK,CAAE;AAAA,UACT,cAAcW;AAAA,UACd,YAAAZ;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,GAEMmB,IAAQC,EAA+C3B,CAAM;AAKnE0B,EAAM,kBAAkB;AACxBA,EAAM,cAAc;"}

package/dist/components/ScrollView/useScrollPosition.js

@@ -4,7 +4,7 @@ import { isDirectionHorizontal as b } from "../../constants/direction.js";
 import { Position as t } from "../../constants/position.js";
 import { useResizeObserver as D } from "../../hooks/useResizeObserver.js";
 import { debounce as m } from "../../utils/debounce.js";
-import { DEBOUNCE_DELAY as E, EDGE_DETECTION_INACCURACY_PX as S } from "./constants.js";
+import { EDGE_DETECTION_INACCURACY_PX as E, DEBOUNCE_DELAY as S } from "./constants.js";
 const h = ({
   viewportReference: e,
   contentReference: s,
@@ -24,16 +24,16 @@ const h = ({
     const o = b(a), r = o ? t.LEFT : t.TOP, p = o ? t.RIGHT : t.BOTTOM, i = A();
     if (!i)
       return;
-    const u = i[r] <= -1 * S, d = i[p] >= S;
+    const u = i[r] <= -1 * E, d = i[p] >= E;
     u !== c && T(u), d !== l && P(d);
-  }, O = C(m(n, E), [n]);
+  }, O = C(m(n, S), [n]);
   return D({
     ref: e,
     onResize: O
   }), g(n, []), {
     isScrolledAtEnd: l,
     isScrolledAtStart: c,
-    onScroll: m(n, E)
+    onScroll: m(n, S)
   };
 };
 export {

package/dist/components/Select/Select.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),_=require("classnames"),A=require("react"),u=require("../../constants/dictionaries.cjs"),R=require("../../hooks/styleProps.cjs"),D=require("../../hooks/useAriaDescribedBy.cjs"),g=require("../Field/HelperText.cjs"),F=require("../Field/Label.cjs"),I=require("../Field/useAriaIds.cjs"),M=require("../Field/ValidationText.cjs"),V=require("../Field/useValidationTextRole.cjs"),z=require("../Icon/Icon.cjs"),B=require("./useSelectStyleProps.cjs"),E=(p,x)=>{const{"aria-describedby":S="",children:b,hasValidationIcon:m,helperText:q,id:i,isDisabled:a,isFluid:y,isLabelHidden:N,isRequired:l,label:h,size:o=u.Sizes.MEDIUM,validationState:t,validationText:c,...T}=p,{classProps:s}=B.useSelectStyleProps({isDisabled:a,isFluid:y,isLabelHidden:N,isRequired:l,size:o,validationState:t}),{styleProps:n,props:v}=R.useStyleProps(T),[P,d]=I.default(S),f=D.useAriaDescribedBy(P),j=V.useValidationTextRole({validationState:t,validationText:c});return e.jsxs("div",{...n,className:_(s.root,n.className),children:[e.jsx(F.default,{htmlFor:i,UNSAFE_className:s.label,children:h}),e.jsxs("div",{className:s.container,children:[e.jsx("select",{...v,...f,id:i,className:s.input,disabled:a,required:l,ref:x,children:b}),e.jsx("div",{className:s.icon,children:e.jsx(z.default,{name:"chevron-down",boxSize:o===u.Sizes.SMALL?16:20})})]}),e.jsx(g.default,{UNSAFE_className:s.helperText,id:`${i}__helperText`,registerAria:d,helperText:q}),t&&e.jsx(M.default,{UNSAFE_className:s.validationText,...m&&{hasValidationStateIcon:t},id:`${i}__validationText`,validationText:c,registerAria:d,role:j})]})},r=A.forwardRef(E);r.spiritComponent="Select";r.displayName="Select";exports.default=r;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("classnames"),_=require("react"),u=require("../../constants/dictionaries.cjs"),A=require("../../hooks/styleProps.cjs"),R=require("../../hooks/useAriaIdRefs.cjs"),g=require("../Field/HelperText.cjs"),D=require("../Field/Label.cjs"),F=require("../Field/ValidationText.cjs"),I=require("../Field/useValidationTextRole.cjs"),M=require("../Icon/Icon.cjs"),V=require("./useSelectStyleProps.cjs"),z=(p,x)=>{const{"aria-describedby":S="",children:m,hasValidationIcon:b,helperText:q,id:i,isDisabled:a,isFluid:N,isLabelHidden:h,isRequired:l,label:y,size:o=u.Sizes.MEDIUM,validationState:t,validationText:c,...T}=p,{classProps:s}=V.useSelectStyleProps({isDisabled:a,isFluid:N,isLabelHidden:h,isRequired:l,size:o,validationState:t}),{styleProps:n,props:v}=A.useStyleProps(T),[P,d]=R.useAriaDescribedBy(S),f=I.useValidationTextRole({validationState:t,validationText:c});return e.jsxs("div",{...n,className:j(s.root,n.className),children:[e.jsx(D.default,{htmlFor:i,UNSAFE_className:s.label,children:y}),e.jsxs("div",{className:s.container,children:[e.jsx("select",{...v,...P,id:i,className:s.input,disabled:a,required:l,ref:x,children:m}),e.jsx("div",{className:s.icon,children:e.jsx(M.default,{name:"chevron-down",boxSize:o===u.Sizes.SMALL?16:20})})]}),e.jsx(g.default,{UNSAFE_className:s.helperText,id:`${i}__helperText`,registerAria:d,helperText:q}),t&&e.jsx(F.default,{UNSAFE_className:s.validationText,...b&&{hasValidationStateIcon:t},id:`${i}__validationText`,validationText:c,registerAria:d,role:f})]})},r=_.forwardRef(z);r.spiritComponent="Select";r.displayName="Select";exports.default=r;
 //# sourceMappingURL=Select.cjs.map

package/dist/components/Select/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { Sizes } from '../../constants';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritSelectProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { useSelectStyleProps } from './useSelectStyleProps';\n\nconst _Select = (props: SpiritSelectProps, ref: ForwardedRef<HTMLSelectElement>) => {\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    children,\n    hasValidationIcon,\n    helperText,\n    id,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    label,\n    size = Sizes.MEDIUM,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const { classProps } = useSelectStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    size,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <div {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n      <Label htmlFor={id} UNSAFE_className={classProps.label}>\n        {label}\n      </Label>\n      <div className={classProps.container}>\n        <select\n          {...transferProps}\n          {...ariaDescribedByProp}\n          id={id}\n          className={classProps.input}\n          disabled={isDisabled}\n          required={isRequired}\n          ref={ref}\n        >\n          {children}\n        </select>\n        <div className={classProps.icon}>\n          <Icon name=\"chevron-down\" boxSize={size === Sizes.SMALL ? 16 : 20} />\n        </div>\n      </div>\n      <HelperText\n        UNSAFE_className={classProps.helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n        helperText={helperText}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nconst Select = forwardRef<HTMLSelectElement, SpiritSelectProps>(_Select) as ForwardRefComponent<\n  HTMLSelectElement,\n  SpiritSelectProps\n>;\n\nSelect.spiritComponent = 'Select';\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"names":["_Select","props","ref","ariaDescribedBy","children","hasValidationIcon","helperText","id","isDisabled","isFluid","isLabelHidden","isRequired","label","size","Sizes","validationState","validationText","restProps","classProps","useSelectStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText","Select","forwardRef"],"mappings":"ulBAYMA,EAAU,CAACC,EAA0BC,IAAyC,CAClF,KAAM,CACJ,mBAAoBC,EAAkB,GACtC,SAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,GAAAC,EACA,WAAAC,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,MAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDhB,EACE,CAAE,WAAAiB,CAAA,EAAeC,sBAAoB,CAEzC,WAAAX,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,KAAAE,EACA,gBAAAE,CAAA,CACD,EACK,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcL,CAAS,EAC9D,CAACM,EAAKC,CAAQ,EAAIC,EAAAA,QAAWtB,CAAe,EAC5CuB,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAC5CK,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAd,EACA,eAAAC,CAAA,CACD,EAED,OACEc,OAAC,MAAA,CAAK,GAAGV,EAAY,UAAWW,EAAWb,EAAW,KAAME,EAAW,SAAS,EAC9E,SAAA,CAAAY,MAACC,EAAAA,SAAM,QAAS1B,EAAI,iBAAkBW,EAAW,MAC9C,SAAAN,EACH,EACAkB,EAAAA,KAAC,MAAA,CAAI,UAAWZ,EAAW,UACzB,SAAA,CAAAc,EAAAA,IAAC,SAAA,CACE,GAAGX,EACH,GAAGK,EACJ,GAAAnB,EACA,UAAWW,EAAW,MACtB,SAAUV,EACV,SAAUG,EACV,IAAAT,EAEC,SAAAE,CAAA,CAAA,EAEH4B,EAAAA,IAAC,MAAA,CAAI,UAAWd,EAAW,KACzB,SAAAc,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,eAAe,QAASrB,IAASC,EAAAA,MAAM,MAAQ,GAAK,GAAI,CAAA,CACrE,CAAA,EACF,EACAkB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBjB,EAAW,WAC7B,GAAI,GAAGX,CAAE,eACT,aAAciB,EACd,WAAAlB,CAAA,CAAA,EAEDS,GACCiB,EAAAA,IAACI,EAAAA,QAAA,CACC,iBAAkBlB,EAAW,eAC5B,GAAIb,GAAqB,CAAE,uBAAwBU,CAAA,EACpD,GAAI,GAAGR,CAAE,mBACT,eAAAS,EACA,aAAcQ,EACd,KAAMI,CAAA,CAAA,CACR,EAEJ,CAEJ,EAEMS,EAASC,EAAAA,WAAiDtC,CAAO,EAKvEqC,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}
+{"version":3,"file":"Select.cjs","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { Sizes } from '../../constants';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritSelectProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { useSelectStyleProps } from './useSelectStyleProps';\n\nconst _Select = (props: SpiritSelectProps, ref: ForwardedRef<HTMLSelectElement>) => {\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    children,\n    hasValidationIcon,\n    helperText,\n    id,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    label,\n    size = Sizes.MEDIUM,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const { classProps } = useSelectStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    size,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <div {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n      <Label htmlFor={id} UNSAFE_className={classProps.label}>\n        {label}\n      </Label>\n      <div className={classProps.container}>\n        <select\n          {...transferProps}\n          {...ariaDescribedByProp}\n          id={id}\n          className={classProps.input}\n          disabled={isDisabled}\n          required={isRequired}\n          ref={ref}\n        >\n          {children}\n        </select>\n        <div className={classProps.icon}>\n          <Icon name=\"chevron-down\" boxSize={size === Sizes.SMALL ? 16 : 20} />\n        </div>\n      </div>\n      <HelperText\n        UNSAFE_className={classProps.helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n        helperText={helperText}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nconst Select = forwardRef<HTMLSelectElement, SpiritSelectProps>(_Select) as ForwardRefComponent<\n  HTMLSelectElement,\n  SpiritSelectProps\n>;\n\nSelect.spiritComponent = 'Select';\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"names":["_Select","props","ref","ariaDescribedBy","children","hasValidationIcon","helperText","id","isDisabled","isFluid","isLabelHidden","isRequired","label","size","Sizes","validationState","validationText","restProps","classProps","useSelectStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText","Select","forwardRef"],"mappings":"6iBAYMA,EAAU,CAACC,EAA0BC,IAAyC,CAClF,KAAM,CACJ,mBAAoBC,EAAkB,GACtC,SAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,GAAAC,EACA,WAAAC,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,MAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDhB,EACE,CAAE,WAAAiB,CAAA,EAAeC,sBAAoB,CAEzC,WAAAX,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,KAAAE,EACA,gBAAAE,CAAA,CACD,EACK,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcL,CAAS,EAC9D,CAACM,EAAqBC,CAAQ,EAAIC,EAAAA,mBAAmBtB,CAAe,EACpEuB,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAZ,EACA,eAAAC,CAAA,CACD,EAED,OACEY,OAAC,MAAA,CAAK,GAAGR,EAAY,UAAWS,EAAWX,EAAW,KAAME,EAAW,SAAS,EAC9E,SAAA,CAAAU,MAACC,EAAAA,SAAM,QAASxB,EAAI,iBAAkBW,EAAW,MAC9C,SAAAN,EACH,EACAgB,EAAAA,KAAC,MAAA,CAAI,UAAWV,EAAW,UACzB,SAAA,CAAAY,EAAAA,IAAC,SAAA,CACE,GAAGT,EACH,GAAGE,EACJ,GAAAhB,EACA,UAAWW,EAAW,MACtB,SAAUV,EACV,SAAUG,EACV,IAAAT,EAEC,SAAAE,CAAA,CAAA,EAEH0B,EAAAA,IAAC,MAAA,CAAI,UAAWZ,EAAW,KACzB,SAAAY,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,eAAe,QAASnB,IAASC,EAAAA,MAAM,MAAQ,GAAK,GAAI,CAAA,CACrE,CAAA,EACF,EACAgB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBf,EAAW,WAC7B,GAAI,GAAGX,CAAE,eACT,aAAciB,EACd,WAAAlB,CAAA,CAAA,EAEDS,GACCe,EAAAA,IAACI,EAAAA,QAAA,CACC,iBAAkBhB,EAAW,eAC5B,GAAIb,GAAqB,CAAE,uBAAwBU,CAAA,EACpD,GAAI,GAAGR,CAAE,mBACT,eAAAS,EACA,aAAcQ,EACd,KAAME,CAAA,CAAA,CACR,EAEJ,CAEJ,EAEMS,EAASC,EAAAA,WAAiDpC,CAAO,EAKvEmC,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}

package/dist/components/Select/Select.js

@@ -1,26 +1,25 @@
 "use client";
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import F from "classnames";
-import { forwardRef as I } from "react";
+import D from "classnames";
+import { forwardRef as F } from "react";
 import { Sizes as n } from "../../constants/dictionaries.js";
 import { useStyleProps as E } from "../../hooks/styleProps.js";
-import { useAriaDescribedBy as L } from "../../hooks/useAriaDescribedBy.js";
-import R from "../Field/HelperText.js";
-import U from "../Field/Label.js";
-import V from "../Field/useAriaIds.js";
-import g from "../Field/ValidationText.js";
-import { useValidationTextRole as z } from "../Field/useValidationTextRole.js";
-import B from "../Icon/Icon.js";
-import { useSelectStyleProps as M } from "./useSelectStyleProps.js";
-const j = (f, S) => {
+import { useAriaDescribedBy as I } from "../../hooks/useAriaIdRefs.js";
+import L from "../Field/HelperText.js";
+import R from "../Field/Label.js";
+import U from "../Field/ValidationText.js";
+import { useValidationTextRole as V } from "../Field/useValidationTextRole.js";
+import g from "../Icon/Icon.js";
+import { useSelectStyleProps as z } from "./useSelectStyleProps.js";
+const B = (f, S) => {
   const {
     "aria-describedby": x = "",
-    children: u,
-    hasValidationIcon: N,
-    helperText: b,
+    children: N,
+    hasValidationIcon: b,
+    helperText: h,
     id: r,
     isDisabled: t,
-    isFluid: h,
+    isFluid: u,
     isLabelHidden: T,
     isRequired: o,
     label: v,
@@ -28,57 +27,57 @@ const j = (f, S) => {
     validationState: s,
     validationText: l,
     ...y
-  } = f, { classProps: e } = M({
+  } = f, { classProps: e } = z({
     isDisabled: t,
-    isFluid: h,
+    isFluid: u,
     isLabelHidden: T,
     isRequired: o,
     size: a,
     validationState: s
-  }), { styleProps: c, props: A } = E(y), [_, d] = V(x), P = L(_), D = z({
+  }), { styleProps: c, props: _ } = E(y), [A, d] = I(x), P = V({
     validationState: s,
     validationText: l
   });
-  return /* @__PURE__ */ m("div", { ...c, className: F(e.root, c.className), children: [
-    /* @__PURE__ */ i(U, { htmlFor: r, UNSAFE_className: e.label, children: v }),
+  return /* @__PURE__ */ m("div", { ...c, className: D(e.root, c.className), children: [
+    /* @__PURE__ */ i(R, { htmlFor: r, UNSAFE_className: e.label, children: v }),
     /* @__PURE__ */ m("div", { className: e.container, children: [
       /* @__PURE__ */ i(
         "select",
         {
+          ..._,
           ...A,
-          ...P,
           id: r,
           className: e.input,
           disabled: t,
           required: o,
           ref: S,
-          children: u
+          children: N
         }
       ),
-      /* @__PURE__ */ i("div", { className: e.icon, children: /* @__PURE__ */ i(B, { name: "chevron-down", boxSize: a === n.SMALL ? 16 : 20 }) })
+      /* @__PURE__ */ i("div", { className: e.icon, children: /* @__PURE__ */ i(g, { name: "chevron-down", boxSize: a === n.SMALL ? 16 : 20 }) })
     ] }),
     /* @__PURE__ */ i(
-      R,
+      L,
       {
         UNSAFE_className: e.helperText,
         id: `${r}__helperText`,
         registerAria: d,
-        helperText: b
+        helperText: h
       }
     ),
     s && /* @__PURE__ */ i(
-      g,
+      U,
       {
         UNSAFE_className: e.validationText,
-        ...N && { hasValidationStateIcon: s },
+        ...b && { hasValidationStateIcon: s },
         id: `${r}__validationText`,
         validationText: l,
         registerAria: d,
-        role: D
+        role: P
       }
     )
   ] });
-}, p = I(j);
+}, p = F(B);
 p.spiritComponent = "Select";
 p.displayName = "Select";
 export {

package/dist/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { Sizes } from '../../constants';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritSelectProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { useSelectStyleProps } from './useSelectStyleProps';\n\nconst _Select = (props: SpiritSelectProps, ref: ForwardedRef<HTMLSelectElement>) => {\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    children,\n    hasValidationIcon,\n    helperText,\n    id,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    label,\n    size = Sizes.MEDIUM,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const { classProps } = useSelectStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    size,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <div {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n      <Label htmlFor={id} UNSAFE_className={classProps.label}>\n        {label}\n      </Label>\n      <div className={classProps.container}>\n        <select\n          {...transferProps}\n          {...ariaDescribedByProp}\n          id={id}\n          className={classProps.input}\n          disabled={isDisabled}\n          required={isRequired}\n          ref={ref}\n        >\n          {children}\n        </select>\n        <div className={classProps.icon}>\n          <Icon name=\"chevron-down\" boxSize={size === Sizes.SMALL ? 16 : 20} />\n        </div>\n      </div>\n      <HelperText\n        UNSAFE_className={classProps.helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n        helperText={helperText}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nconst Select = forwardRef<HTMLSelectElement, SpiritSelectProps>(_Select) as ForwardRefComponent<\n  HTMLSelectElement,\n  SpiritSelectProps\n>;\n\nSelect.spiritComponent = 'Select';\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"names":["_Select","props","ref","ariaDescribedBy","children","hasValidationIcon","helperText","id","isDisabled","isFluid","isLabelHidden","isRequired","label","size","Sizes","validationState","validationText","restProps","classProps","useSelectStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText","Select","forwardRef"],"mappings":";;;;;;;;;;;;;;AAYA,MAAMA,IAAU,CAACC,GAA0BC,MAAyC;AAClF,QAAM;AAAA,IACJ,oBAAoBC,IAAkB;AAAA,IACtC,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDhB,GACE,EAAE,YAAAiB,EAAA,IAAeC,EAAoB;AAAA,IAEzC,YAAAX;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAE;AAAA,IACA,iBAAAE;AAAA,EAAA,CACD,GACK,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAkBC,EAAcL,CAAS,GAC9D,CAACM,GAAKC,CAAQ,IAAIC,EAAWtB,CAAe,GAC5CuB,IAAsBC,EAAmBJ,CAAG,GAC5CK,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAd;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAc,EAAC,OAAA,EAAK,GAAGV,GAAY,WAAWW,EAAWb,EAAW,MAAME,EAAW,SAAS,GAC9E,UAAA;AAAA,IAAA,gBAAAY,EAACC,KAAM,SAAS1B,GAAI,kBAAkBW,EAAW,OAC9C,UAAAN,GACH;AAAA,IACA,gBAAAkB,EAAC,OAAA,EAAI,WAAWZ,EAAW,WACzB,UAAA;AAAA,MAAA,gBAAAc;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGX;AAAA,UACH,GAAGK;AAAA,UACJ,IAAAnB;AAAA,UACA,WAAWW,EAAW;AAAA,UACtB,UAAUV;AAAA,UACV,UAAUG;AAAA,UACV,KAAAT;AAAA,UAEC,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAA4B,EAAC,OAAA,EAAI,WAAWd,EAAW,MACzB,UAAA,gBAAAc,EAACE,GAAA,EAAK,MAAK,gBAAe,SAASrB,MAASC,EAAM,QAAQ,KAAK,IAAI,EAAA,CACrE;AAAA,IAAA,GACF;AAAA,IACA,gBAAAkB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,kBAAkBjB,EAAW;AAAA,QAC7B,IAAI,GAAGX,CAAE;AAAA,QACT,cAAciB;AAAA,QACd,YAAAlB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDS,KACC,gBAAAiB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,kBAAkBlB,EAAW;AAAA,QAC5B,GAAIb,KAAqB,EAAE,wBAAwBU,EAAA;AAAA,QACpD,IAAI,GAAGR,CAAE;AAAA,QACT,gBAAAS;AAAA,QACA,cAAcQ;AAAA,QACd,MAAMI;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GAEJ;AAEJ,GAEMS,IAASC,EAAiDtC,CAAO;AAKvEqC,EAAO,kBAAkB;AACzBA,EAAO,cAAc;"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { Sizes } from '../../constants';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritSelectProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { useSelectStyleProps } from './useSelectStyleProps';\n\nconst _Select = (props: SpiritSelectProps, ref: ForwardedRef<HTMLSelectElement>) => {\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    children,\n    hasValidationIcon,\n    helperText,\n    id,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    label,\n    size = Sizes.MEDIUM,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const { classProps } = useSelectStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    size,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <div {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n      <Label htmlFor={id} UNSAFE_className={classProps.label}>\n        {label}\n      </Label>\n      <div className={classProps.container}>\n        <select\n          {...transferProps}\n          {...ariaDescribedByProp}\n          id={id}\n          className={classProps.input}\n          disabled={isDisabled}\n          required={isRequired}\n          ref={ref}\n        >\n          {children}\n        </select>\n        <div className={classProps.icon}>\n          <Icon name=\"chevron-down\" boxSize={size === Sizes.SMALL ? 16 : 20} />\n        </div>\n      </div>\n      <HelperText\n        UNSAFE_className={classProps.helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n        helperText={helperText}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nconst Select = forwardRef<HTMLSelectElement, SpiritSelectProps>(_Select) as ForwardRefComponent<\n  HTMLSelectElement,\n  SpiritSelectProps\n>;\n\nSelect.spiritComponent = 'Select';\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"names":["_Select","props","ref","ariaDescribedBy","children","hasValidationIcon","helperText","id","isDisabled","isFluid","isLabelHidden","isRequired","label","size","Sizes","validationState","validationText","restProps","classProps","useSelectStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText","Select","forwardRef"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAAU,CAACC,GAA0BC,MAAyC;AAClF,QAAM;AAAA,IACJ,oBAAoBC,IAAkB;AAAA,IACtC,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDhB,GACE,EAAE,YAAAiB,EAAA,IAAeC,EAAoB;AAAA,IAEzC,YAAAX;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAE;AAAA,IACA,iBAAAE;AAAA,EAAA,CACD,GACK,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAkBC,EAAcL,CAAS,GAC9D,CAACM,GAAqBC,CAAQ,IAAIC,EAAmBtB,CAAe,GACpEuB,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAZ;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAY,EAAC,OAAA,EAAK,GAAGR,GAAY,WAAWS,EAAWX,EAAW,MAAME,EAAW,SAAS,GAC9E,UAAA;AAAA,IAAA,gBAAAU,EAACC,KAAM,SAASxB,GAAI,kBAAkBW,EAAW,OAC9C,UAAAN,GACH;AAAA,IACA,gBAAAgB,EAAC,OAAA,EAAI,WAAWV,EAAW,WACzB,UAAA;AAAA,MAAA,gBAAAY;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGT;AAAA,UACH,GAAGE;AAAA,UACJ,IAAAhB;AAAA,UACA,WAAWW,EAAW;AAAA,UACtB,UAAUV;AAAA,UACV,UAAUG;AAAA,UACV,KAAAT;AAAA,UAEC,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAA0B,EAAC,OAAA,EAAI,WAAWZ,EAAW,MACzB,UAAA,gBAAAY,EAACE,GAAA,EAAK,MAAK,gBAAe,SAASnB,MAASC,EAAM,QAAQ,KAAK,IAAI,EAAA,CACrE;AAAA,IAAA,GACF;AAAA,IACA,gBAAAgB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,kBAAkBf,EAAW;AAAA,QAC7B,IAAI,GAAGX,CAAE;AAAA,QACT,cAAciB;AAAA,QACd,YAAAlB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDS,KACC,gBAAAe;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,kBAAkBhB,EAAW;AAAA,QAC5B,GAAIb,KAAqB,EAAE,wBAAwBU,EAAA;AAAA,QACpD,IAAI,GAAGR,CAAE;AAAA,QACT,gBAAAS;AAAA,QACA,cAAcQ;AAAA,QACd,MAAME;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GAEJ;AAEJ,GAEMS,IAASC,EAAiDpC,CAAO;AAKvEmC,EAAO,kBAAkB;AACzBA,EAAO,cAAc;"}

package/dist/components/Slider/Slider.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),I=require("classnames"),E=require("react"),F=require("../../hooks/styleProps.cjs"),$=require("../../hooks/useAriaDescribedBy.cjs"),B=require("../Field/HelperText.cjs"),U=require("../Field/Label.cjs"),L=require("../Field/useAriaIds.cjs"),M=require("../Field/ValidationText.cjs"),C=require("../Field/useValidationTextRole.cjs"),O=require("./constants.cjs"),w=require("./useSliderStyleProps.cjs"),H={...O.SLIDER_DEFAULT_PROPS},W=(P,m)=>{const b={...H,...P},{"aria-describedby":T,hasValidationIcon:h,helperText:q,id:t,isDisabled:l,label:N,max:n,min:i,step:_,validationState:r,validationText:c,value:d,...f}=b,{classProps:e,props:v}=w.useSliderStyleProps({...f,isDisabled:l,validationState:r}),{styleProps:u,props:A}=F.useStyleProps(v),[g,p]=L.default(T),D=$.useAriaDescribedBy(g),R=C.useValidationTextRole({validationState:r,validationText:c}),S="--slider-position",x=a=>`${Math.round(100*(a-i)/(n-i))}%`,j=a=>{const{target:y}=a,{value:V}=y;y.style.setProperty(S,x(Number(V)))};return s.jsxs("div",{...u,...A,className:I(e.root,u.className),children:[s.jsx(U.default,{htmlFor:t,UNSAFE_className:e.label,children:N}),s.jsx("input",{...D,className:e.input,id:t,onInput:j,style:{[S]:`${x(d)}`},type:"range",min:i,max:n,step:_,value:d,disabled:l,ref:m}),s.jsx(B.default,{UNSAFE_className:e.helperText,helperText:q,id:`${t}__helperText`,registerAria:p}),r&&s.jsx(M.default,{UNSAFE_className:e.validationText,...h&&{hasValidationStateIcon:r},id:`${t}__validationText`,registerAria:p,validationText:c,role:R})]})},o=E.forwardRef(W);o.spiritComponent="Slider";o.displayName="Slider";exports.default=o;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),V=require("classnames"),I=require("react"),E=require("../../hooks/styleProps.cjs"),F=require("../../hooks/useAriaIdRefs.cjs"),$=require("../Field/HelperText.cjs"),U=require("../Field/Label.cjs"),B=require("../Field/ValidationText.cjs"),L=require("../Field/useValidationTextRole.cjs"),M=require("./constants.cjs"),C=require("./useSliderStyleProps.cjs"),O={...M.SLIDER_DEFAULT_PROPS},w=(m,y)=>{const b={...O,...m},{"aria-describedby":T,hasValidationIcon:h,helperText:N,id:t,isDisabled:l,label:_,max:n,min:i,step:f,validationState:r,validationText:c,value:d,...q}=b,{classProps:e,props:v}=C.useSliderStyleProps({...q,isDisabled:l,validationState:r}),{styleProps:u,props:R}=E.useStyleProps(v),[g,p]=F.useAriaDescribedBy(T),A=L.useValidationTextRole({validationState:r,validationText:c}),S="--slider-position",x=a=>`${Math.round(100*(a-i)/(n-i))}%`,j=a=>{const{target:P}=a,{value:D}=P;P.style.setProperty(S,x(Number(D)))};return s.jsxs("div",{...u,...R,className:V(e.root,u.className),children:[s.jsx(U.default,{htmlFor:t,UNSAFE_className:e.label,children:_}),s.jsx("input",{...g,className:e.input,id:t,onInput:j,style:{[S]:`${x(d)}`},type:"range",min:i,max:n,step:f,value:d,disabled:l,ref:y}),s.jsx($.default,{UNSAFE_className:e.helperText,helperText:N,id:`${t}__helperText`,registerAria:p}),r&&s.jsx(B.default,{UNSAFE_className:e.validationText,...h&&{hasValidationStateIcon:r},id:`${t}__validationText`,registerAria:p,validationText:c,role:A})]})},o=I.forwardRef(w);o.spiritComponent="Slider";o.displayName="Slider";exports.default=o;
 //# sourceMappingURL=Slider.cjs.map

package/dist/components/Slider/Slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.cjs","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type CSSProperties, type ChangeEvent, type FormEvent, type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritSliderProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { SLIDER_DEFAULT_PROPS } from './constants';\nimport { useSliderStyleProps } from './useSliderStyleProps';\n\nconst defaultProps = {\n  ...SLIDER_DEFAULT_PROPS,\n};\n\nconst _Slider = (props: SpiritSliderProps, ref: ForwardedRef<HTMLInputElement>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    'aria-describedby': ariaDescribedBy,\n    hasValidationIcon,\n    helperText,\n    id,\n    isDisabled,\n    label,\n    max,\n    min,\n    step,\n    validationState,\n    validationText,\n    value,\n    ...restProps\n  } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = useSliderStyleProps({\n    ...restProps,\n    isDisabled,\n    validationState,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const CSSVariable = '--slider-position';\n\n  const getSliderPosition = (num: number) => `${Math.round((100 * (num - min)) / (max - min))}%`;\n\n  const handleInput = (event: FormEvent<HTMLInputElement>) => {\n    const { target } = event as ChangeEvent<HTMLInputElement>;\n    const { value: inputValue } = target;\n\n    target.style.setProperty(CSSVariable, getSliderPosition(Number(inputValue)));\n  };\n\n  return (\n    <div {...styleProps} {...otherProps} className={classNames(classProps.root, styleProps.className)}>\n      <Label htmlFor={id} UNSAFE_className={classProps.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        className={classProps.input}\n        id={id}\n        onInput={handleInput}\n        style={{ [CSSVariable]: `${getSliderPosition(value)}` } as CSSProperties}\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        value={value}\n        disabled={isDisabled}\n        ref={ref}\n      />\n      <HelperText\n        UNSAFE_className={classProps.helperText}\n        helperText={helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          registerAria={register}\n          validationText={validationText}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nconst Slider = forwardRef<HTMLInputElement, SpiritSliderProps>(_Slider) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritSliderProps\n>;\n\nSlider.spiritComponent = 'Slider';\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"names":["defaultProps","SLIDER_DEFAULT_PROPS","_Slider","props","ref","propsWithDefaults","ariaDescribedBy","hasValidationIcon","helperText","id","isDisabled","label","max","min","step","validationState","validationText","value","restProps","classProps","modifiedProps","useSliderStyleProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","CSSVariable","getSliderPosition","num","handleInput","event","target","inputValue","jsxs","classNames","jsx","Label","HelperText","ValidationText","Slider","forwardRef"],"mappings":"wiBAWMA,EAAe,CACnB,GAAGC,EAAAA,oBACL,EAEMC,EAAU,CAACC,EAA0BC,IAAwC,CACjF,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGG,CAAA,EAC1C,CACJ,mBAAoBG,EACpB,kBAAAC,EACA,WAAAC,EACA,GAAAC,EACA,WAAAC,EACA,MAAAC,EACA,IAAAC,EACA,IAAAC,EACA,KAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EACDb,EAEE,CAAE,WAAAc,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,oBAAoB,CAC/D,GAAGH,EACH,WAAAR,EACA,gBAAAK,CAAA,CACD,EACK,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/D,CAACK,EAAKC,CAAQ,EAAIC,EAAAA,QAAWrB,CAAe,EAC5CsB,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAC5CK,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAhB,EACA,eAAAC,CAAA,CACD,EAEKgB,EAAc,oBAEdC,EAAqBC,GAAgB,GAAG,KAAK,MAAO,KAAOA,EAAMrB,IAASD,EAAMC,EAAI,CAAC,IAErFsB,EAAeC,GAAuC,CAC1D,KAAM,CAAE,OAAAC,GAAWD,EACb,CAAE,MAAOE,CAAA,EAAeD,EAE9BA,EAAO,MAAM,YAAYL,EAAaC,EAAkB,OAAOK,CAAU,CAAC,CAAC,CAC7E,EAEA,OACEC,EAAAA,KAAC,MAAA,CAAK,GAAGjB,EAAa,GAAGC,EAAY,UAAWiB,EAAWrB,EAAW,KAAMG,EAAW,SAAS,EAC9F,SAAA,CAAAmB,MAACC,EAAAA,SAAM,QAASjC,EAAI,iBAAkBU,EAAW,MAC9C,SAAAR,EACH,EACA8B,EAAAA,IAAC,QAAA,CACE,GAAGb,EACJ,UAAWT,EAAW,MACtB,GAAAV,EACA,QAAS0B,EACT,MAAO,CAAE,CAACH,CAAW,EAAG,GAAGC,EAAkBhB,CAAK,CAAC,EAAA,EACnD,KAAK,QACL,IAAAJ,EACA,IAAAD,EACA,KAAAE,EACA,MAAAG,EACA,SAAUP,EACV,IAAAN,CAAA,CAAA,EAEFqC,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBxB,EAAW,WAC7B,WAAAX,EACA,GAAI,GAAGC,CAAE,eACT,aAAciB,CAAA,CAAA,EAEfX,GACC0B,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBzB,EAAW,eAC5B,GAAIZ,GAAqB,CAAE,uBAAwBQ,CAAA,EACpD,GAAI,GAAGN,CAAE,mBACT,aAAciB,EACd,eAAAV,EACA,KAAMc,CAAA,CAAA,CACR,EAEJ,CAEJ,EAEMe,EAASC,EAAAA,WAAgD5C,CAAO,EAKtE2C,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}
+{"version":3,"file":"Slider.cjs","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type CSSProperties, type ChangeEvent, type FormEvent, type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritSliderProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { SLIDER_DEFAULT_PROPS } from './constants';\nimport { useSliderStyleProps } from './useSliderStyleProps';\n\nconst defaultProps = {\n  ...SLIDER_DEFAULT_PROPS,\n};\n\nconst _Slider = (props: SpiritSliderProps, ref: ForwardedRef<HTMLInputElement>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    'aria-describedby': ariaDescribedBy,\n    hasValidationIcon,\n    helperText,\n    id,\n    isDisabled,\n    label,\n    max,\n    min,\n    step,\n    validationState,\n    validationText,\n    value,\n    ...restProps\n  } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = useSliderStyleProps({\n    ...restProps,\n    isDisabled,\n    validationState,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const CSSVariable = '--slider-position';\n\n  const getSliderPosition = (num: number) => `${Math.round((100 * (num - min)) / (max - min))}%`;\n\n  const handleInput = (event: FormEvent<HTMLInputElement>) => {\n    const { target } = event as ChangeEvent<HTMLInputElement>;\n    const { value: inputValue } = target;\n\n    target.style.setProperty(CSSVariable, getSliderPosition(Number(inputValue)));\n  };\n\n  return (\n    <div {...styleProps} {...otherProps} className={classNames(classProps.root, styleProps.className)}>\n      <Label htmlFor={id} UNSAFE_className={classProps.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        className={classProps.input}\n        id={id}\n        onInput={handleInput}\n        style={{ [CSSVariable]: `${getSliderPosition(value)}` } as CSSProperties}\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        value={value}\n        disabled={isDisabled}\n        ref={ref}\n      />\n      <HelperText\n        UNSAFE_className={classProps.helperText}\n        helperText={helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          registerAria={register}\n          validationText={validationText}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nconst Slider = forwardRef<HTMLInputElement, SpiritSliderProps>(_Slider) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritSliderProps\n>;\n\nSlider.spiritComponent = 'Slider';\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"names":["defaultProps","SLIDER_DEFAULT_PROPS","_Slider","props","ref","propsWithDefaults","ariaDescribedBy","hasValidationIcon","helperText","id","isDisabled","label","max","min","step","validationState","validationText","value","restProps","classProps","modifiedProps","useSliderStyleProps","styleProps","otherProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","CSSVariable","getSliderPosition","num","handleInput","event","target","inputValue","jsxs","classNames","jsx","Label","HelperText","ValidationText","Slider","forwardRef"],"mappings":"8fAWMA,EAAe,CACnB,GAAGC,EAAAA,oBACL,EAEMC,EAAU,CAACC,EAA0BC,IAAwC,CACjF,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGG,CAAA,EAC1C,CACJ,mBAAoBG,EACpB,kBAAAC,EACA,WAAAC,EACA,GAAAC,EACA,WAAAC,EACA,MAAAC,EACA,IAAAC,EACA,IAAAC,EACA,KAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EACDb,EAEE,CAAE,WAAAc,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,oBAAoB,CAC/D,GAAGH,EACH,WAAAR,EACA,gBAAAK,CAAA,CACD,EACK,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/D,CAACK,EAAqBC,CAAQ,EAAIC,EAAAA,mBAAmBrB,CAAe,EACpEsB,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAd,EACA,eAAAC,CAAA,CACD,EAEKc,EAAc,oBAEdC,EAAqBC,GAAgB,GAAG,KAAK,MAAO,KAAOA,EAAMnB,IAASD,EAAMC,EAAI,CAAC,IAErFoB,EAAeC,GAAuC,CAC1D,KAAM,CAAE,OAAAC,GAAWD,EACb,CAAE,MAAOE,CAAA,EAAeD,EAE9BA,EAAO,MAAM,YAAYL,EAAaC,EAAkB,OAAOK,CAAU,CAAC,CAAC,CAC7E,EAEA,OACEC,EAAAA,KAAC,MAAA,CAAK,GAAGf,EAAa,GAAGC,EAAY,UAAWe,EAAWnB,EAAW,KAAMG,EAAW,SAAS,EAC9F,SAAA,CAAAiB,MAACC,EAAAA,SAAM,QAAS/B,EAAI,iBAAkBU,EAAW,MAC9C,SAAAR,EACH,EACA4B,EAAAA,IAAC,QAAA,CACE,GAAGd,EACJ,UAAWN,EAAW,MACtB,GAAAV,EACA,QAASwB,EACT,MAAO,CAAE,CAACH,CAAW,EAAG,GAAGC,EAAkBd,CAAK,CAAC,EAAA,EACnD,KAAK,QACL,IAAAJ,EACA,IAAAD,EACA,KAAAE,EACA,MAAAG,EACA,SAAUP,EACV,IAAAN,CAAA,CAAA,EAEFmC,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBtB,EAAW,WAC7B,WAAAX,EACA,GAAI,GAAGC,CAAE,eACT,aAAciB,CAAA,CAAA,EAEfX,GACCwB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBvB,EAAW,eAC5B,GAAIZ,GAAqB,CAAE,uBAAwBQ,CAAA,EACpD,GAAI,GAAGN,CAAE,mBACT,aAAciB,EACd,eAAAV,EACA,KAAMY,CAAA,CAAA,CACR,EAEJ,CAEJ,EAEMe,EAASC,EAAAA,WAAgD1C,CAAO,EAKtEyC,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}