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

package/dist/components/Checkbox/Checkbox.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"),_=require("classnames"),f=require("react"),k=require("../../hooks/styleProps.cjs"),j=require("../../hooks/useAriaDescribedBy.cjs"),A=require("../Field/HelperText.cjs"),C=require("../Field/Label.cjs"),R=require("../Field/useAriaIds.cjs"),g=require("../Field/ValidationText.cjs"),D=require("../Field/useValidationTextRole.cjs"),V=require("./useCheckboxStyleProps.cjs"),B=(c,d)=>{const{classProps:e,props:n}=V.useCheckboxStyleProps(c),{"aria-describedby":u="",hasValidationIcon:p,helperText:x,id:t,isChecked:b,isDisabled:h,isRequired:y,label:m,validationState:r,validationText:a,value:q,...N}=n,{styleProps:o,props:P}=k.useStyleProps(N),[T,l]=R.default(u),v=j.useAriaDescribedBy(T),S=D.useValidationTextRole({validationState:r,validationText:a});return s.jsxs("div",{style:o.style,className:_(e.root,o.className),children:[s.jsx("input",{...P,...v,type:"checkbox",id:t,className:e.input,disabled:h,required:y,checked:b,value:q,ref:d}),s.jsxs("div",{className:e.text,children:[s.jsx(C.default,{UNSAFE_className:e.label,htmlFor:t,children:m}),s.jsx(A.default,{UNSAFE_className:e.helperText,id:`${t}__helperText`,registerAria:l,helperText:x}),r&&s.jsx(g.default,{UNSAFE_className:e.validationText,id:`${t}__validationText`,...p&&{hasValidationStateIcon:r},validationText:a,registerAria:l,role:S})]})]})},i=f.forwardRef(B);i.spiritComponent="Checkbox";i.displayName="Checkbox";exports.default=i;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("classnames"),k=require("react"),C=require("../../hooks/styleProps.cjs"),d=require("../../hooks/useAriaIdRefs.cjs"),R=require("../Field/HelperText.cjs"),g=require("../Field/Label.cjs"),V=require("../Field/ValidationText.cjs"),F=require("../Field/useValidationTextRole.cjs"),I=require("../InputDetails/InputDetails.cjs"),$=require("./useCheckboxStyleProps.cjs"),B=(n,u)=>{const{classProps:s,props:p}=$.useCheckboxStyleProps(n),{"aria-describedby":x="","aria-details":h,details:a,hasValidationIcon:b,helperText:y,id:t,isChecked:m,isDisabled:q,isRequired:P,label:N,validationState:i,validationText:l,value:T,...f}=p,{styleProps:o,props:v}=C.useStyleProps(f),[A,c]=d.useAriaDescribedBy(x),[D,S]=d.useAriaDetails(h),_=F.useValidationTextRole({validationState:i,validationText:l});return e.jsxs("div",{style:o.style,className:j(s.root,o.className),children:[e.jsx("input",{...v,...A,...D,type:"checkbox",id:t,className:s.input,disabled:q,required:P,checked:m,value:T,ref:u}),e.jsxs("div",{className:s.text,children:[e.jsx(g.default,{UNSAFE_className:s.label,htmlFor:t,children:N}),a&&e.jsx(I.default,{id:`${t}-details`,registerAriaDetails:S,children:a}),e.jsx(R.default,{UNSAFE_className:s.helperText,id:`${t}__helperText`,registerAria:c,helperText:y}),i&&e.jsx(V.default,{UNSAFE_className:s.validationText,id:`${t}__validationText`,...b&&{hasValidationStateIcon:i},validationText:l,registerAria:c,role:_})]})]})},r=k.forwardRef(B);r.spiritComponent="Checkbox";r.displayName="Checkbox";exports.default=r;
 //# sourceMappingURL=Checkbox.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/Checkbox/Checkbox.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 SpiritCheckboxProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { useCheckboxStyleProps } from './useCheckboxStyleProps';\n\nconst _Checkbox = (props: SpiritCheckboxProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useCheckboxStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    hasValidationIcon,\n    helperText,\n    id,\n    isChecked,\n    isDisabled,\n    isRequired,\n    label,\n    validationState,\n    validationText,\n    value,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = 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 style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"checkbox\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        required={isRequired}\n        checked={isChecked}\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        {validationState && (\n          <ValidationText\n            UNSAFE_className={classProps.validationText}\n            id={`${id}__validationText`}\n            {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n            validationText={validationText}\n            registerAria={register}\n            role={validationTextRole}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nconst Checkbox = forwardRef<HTMLInputElement, SpiritCheckboxProps>(_Checkbox) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritCheckboxProps\n>;\n\nCheckbox.spiritComponent = 'Checkbox';\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["_Checkbox","props","ref","classProps","modifiedProps","useCheckboxStyleProps","ariaDescribedBy","hasValidationIcon","helperText","id","isChecked","isDisabled","isRequired","label","validationState","validationText","value","restProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","HelperText","ValidationText","Checkbox","forwardRef"],"mappings":"6gBAUMA,EAAY,CAACC,EAA4BC,IAAqD,CAClG,KAAM,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsBJ,CAAK,EAClE,CACJ,mBAAoBK,EAAkB,GACtC,kBAAAC,EACA,WAAAC,EACA,GAAAC,EACA,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EACDb,EACE,CAAA,WAAEc,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAC3D,CAACI,EAAKC,CAAQ,EAAIC,EAAAA,QAAWjB,CAAe,EAC5CkB,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAC5CK,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAb,EACA,eAAAC,CAAA,CACD,EAED,OACEa,EAAAA,KAAC,MAAA,CAAI,MAAOV,EAAW,MAAO,UAAWW,EAAW1B,EAAW,KAAMe,EAAW,SAAS,EACvF,SAAA,CAAAY,EAAAA,IAAC,QAAA,CACE,GAAGX,EACH,GAAGK,EACJ,KAAK,WACL,GAAAf,EACA,UAAWN,EAAW,MACtB,SAAUQ,EACV,SAAUC,EACV,QAASF,EACT,MAAAM,EACA,IAAAd,CAAA,CAAA,EAEF0B,EAAAA,KAAC,MAAA,CAAI,UAAWzB,EAAW,KACzB,SAAA,CAAA2B,MAACC,EAAAA,SAAM,iBAAkB5B,EAAW,MAAO,QAASM,EACjD,SAAAI,EACH,EACAiB,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkB7B,EAAW,WAC7B,GAAI,GAAGM,CAAE,eACT,aAAca,EACd,WAAAd,CAAA,CAAA,EAEDM,GACCgB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkB9B,EAAW,eAC7B,GAAI,GAAGM,CAAE,mBACR,GAAIF,GAAqB,CAAE,uBAAwBO,CAAA,EACpD,eAAAC,EACA,aAAcO,EACd,KAAMI,CAAA,CAAA,CACR,CAAA,CAEJ,CAAA,EACF,CAEJ,EAEMQ,EAAWC,EAAAA,WAAkDnC,CAAS,EAK5EkC,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}
+{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useAriaDetails, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritCheckboxProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { InputDetails } from '../InputDetails';\nimport { useCheckboxStyleProps } from './useCheckboxStyleProps';\n\nconst _Checkbox = (props: SpiritCheckboxProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useCheckboxStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    'aria-details': ariaDetailsAttr,\n    details,\n    hasValidationIcon,\n    helperText,\n    id,\n    isChecked,\n    isDisabled,\n    isRequired,\n    label,\n    validationState,\n    validationText,\n    value,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const [ariaDetailsProp, registerDetails] = useAriaDetails(ariaDetailsAttr);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        {...ariaDetailsProp}\n        type=\"checkbox\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        required={isRequired}\n        checked={isChecked}\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        {details && (\n          <InputDetails id={`${id}-details`} registerAriaDetails={registerDetails}>\n            {details}\n          </InputDetails>\n        )}\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            id={`${id}__validationText`}\n            {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n            validationText={validationText}\n            registerAria={register}\n            role={validationTextRole}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nconst Checkbox = forwardRef<HTMLInputElement, SpiritCheckboxProps>(_Checkbox) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritCheckboxProps\n>;\n\nCheckbox.spiritComponent = 'Checkbox';\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["_Checkbox","props","ref","classProps","modifiedProps","useCheckboxStyleProps","ariaDescribedBy","ariaDetailsAttr","details","hasValidationIcon","helperText","id","isChecked","isDisabled","isRequired","label","validationState","validationText","value","restProps","styleProps","otherProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","ariaDetailsProp","registerDetails","useAriaDetails","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","InputDetails","HelperText","ValidationText","Checkbox","forwardRef"],"mappings":"ihBAWMA,EAAY,CAACC,EAA4BC,IAAqD,CAClG,KAAM,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsBJ,CAAK,EAClE,CACJ,mBAAoBK,EAAkB,GACtC,eAAgBC,EAChB,QAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,GAAAC,EACA,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EACDf,EACE,CAAA,WAAEgB,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAC3D,CAACI,EAAqBC,CAAQ,EAAIC,EAAAA,mBAAmBnB,CAAe,EACpE,CAACoB,EAAiBC,CAAe,EAAIC,EAAAA,eAAerB,CAAe,EACnEsB,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAd,EACA,eAAAC,CAAA,CACD,EAED,OACEc,EAAAA,KAAC,MAAA,CAAI,MAAOX,EAAW,MAAO,UAAWY,EAAW7B,EAAW,KAAMiB,EAAW,SAAS,EACvF,SAAA,CAAAa,EAAAA,IAAC,QAAA,CACE,GAAGZ,EACH,GAAGE,EACH,GAAGG,EACJ,KAAK,WACL,GAAAf,EACA,UAAWR,EAAW,MACtB,SAAUU,EACV,SAAUC,EACV,QAASF,EACT,MAAAM,EACA,IAAAhB,CAAA,CAAA,EAEF6B,EAAAA,KAAC,MAAA,CAAI,UAAW5B,EAAW,KACzB,SAAA,CAAA8B,MAACC,EAAAA,SAAM,iBAAkB/B,EAAW,MAAO,QAASQ,EACjD,SAAAI,EACH,EACCP,SACE2B,EAAAA,QAAA,CAAa,GAAI,GAAGxB,CAAE,WAAY,oBAAqBgB,EACrD,SAAAnB,CAAA,CACH,EAEFyB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBjC,EAAW,WAC7B,GAAI,GAAGQ,CAAE,eACT,aAAca,EACd,WAAAd,CAAA,CAAA,EAEDM,GACCiB,EAAAA,IAACI,EAAAA,QAAA,CACC,iBAAkBlC,EAAW,eAC7B,GAAI,GAAGQ,CAAE,mBACR,GAAIF,GAAqB,CAAE,uBAAwBO,CAAA,EACpD,eAAAC,EACA,aAAcO,EACd,KAAMK,CAAA,CAAA,CACR,CAAA,CAEJ,CAAA,EACF,CAEJ,EAEMS,EAAWC,EAAAA,WAAkDvC,CAAS,EAK5EsC,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}

package/dist/components/Checkbox/Checkbox.js

@@ -1,77 +1,81 @@
 "use client";
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import A from "classnames";
-import { forwardRef as C } from "react";
-import { useStyleProps as S } from "../../hooks/styleProps.js";
-import { useAriaDescribedBy as D } from "../../hooks/useAriaDescribedBy.js";
-import F from "../Field/HelperText.js";
-import R from "../Field/Label.js";
-import V from "../Field/useAriaIds.js";
-import g from "../Field/ValidationText.js";
-import { useValidationTextRole as B } from "../Field/useValidationTextRole.js";
-import { useCheckboxStyleProps as E } from "./useCheckboxStyleProps.js";
-const I = (d, m) => {
-  const { classProps: e, props: p } = E(d), {
-    "aria-describedby": n = "",
-    hasValidationIcon: x,
-    helperText: h,
-    id: r,
-    isChecked: b,
-    isDisabled: f,
-    isRequired: u,
-    label: N,
-    validationState: o,
-    validationText: i,
-    value: y,
-    ...T
-  } = p, { styleProps: t, props: k } = S(T), [v, a] = V(n), P = D(v), _ = B({
-    validationState: o,
-    validationText: i
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import S from "classnames";
+import { forwardRef as g } from "react";
+import { useStyleProps as F } from "../../hooks/styleProps.js";
+import { useAriaDescribedBy as R, useAriaDetails as V } from "../../hooks/useAriaIdRefs.js";
+import B from "../Field/HelperText.js";
+import E from "../Field/Label.js";
+import I from "../Field/ValidationText.js";
+import { useValidationTextRole as U } from "../Field/useValidationTextRole.js";
+import $ from "../InputDetails/InputDetails.js";
+import { useCheckboxStyleProps as j } from "./useCheckboxStyleProps.js";
+const q = (p, m) => {
+  const { classProps: e, props: n } = j(p), {
+    "aria-describedby": x = "",
+    "aria-details": h,
+    details: s,
+    hasValidationIcon: b,
+    helperText: f,
+    id: i,
+    isChecked: u,
+    isDisabled: N,
+    isRequired: y,
+    label: D,
+    validationState: t,
+    validationText: a,
+    value: T,
+    ...A
+  } = n, { styleProps: o, props: P } = F(A), [k, l] = R(x), [v, _] = V(h), C = U({
+    validationState: t,
+    validationText: a
   });
-  return /* @__PURE__ */ l("div", { style: t.style, className: A(e.root, t.className), children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ c("div", { style: o.style, className: S(e.root, o.className), children: [
+    /* @__PURE__ */ r(
       "input",
       {
-        ...k,
         ...P,
+        ...k,
+        ...v,
         type: "checkbox",
-        id: r,
+        id: i,
         className: e.input,
-        disabled: f,
-        required: u,
-        checked: b,
-        value: y,
+        disabled: N,
+        required: y,
+        checked: u,
+        value: T,
         ref: m
       }
     ),
-    /* @__PURE__ */ l("div", { className: e.text, children: [
-      /* @__PURE__ */ s(R, { UNSAFE_className: e.label, htmlFor: r, children: N }),
-      /* @__PURE__ */ s(
-        F,
+    /* @__PURE__ */ c("div", { className: e.text, children: [
+      /* @__PURE__ */ r(E, { UNSAFE_className: e.label, htmlFor: i, children: D }),
+      s && /* @__PURE__ */ r($, { id: `${i}-details`, registerAriaDetails: _, children: s }),
+      /* @__PURE__ */ r(
+        B,
         {
           UNSAFE_className: e.helperText,
-          id: `${r}__helperText`,
-          registerAria: a,
-          helperText: h
+          id: `${i}__helperText`,
+          registerAria: l,
+          helperText: f
         }
       ),
-      o && /* @__PURE__ */ s(
-        g,
+      t && /* @__PURE__ */ r(
+        I,
         {
           UNSAFE_className: e.validationText,
-          id: `${r}__validationText`,
-          ...x && { hasValidationStateIcon: o },
-          validationText: i,
-          registerAria: a,
-          role: _
+          id: `${i}__validationText`,
+          ...b && { hasValidationStateIcon: t },
+          validationText: a,
+          registerAria: l,
+          role: C
         }
       )
     ] })
   ] });
-}, c = C(I);
-c.spiritComponent = "Checkbox";
-c.displayName = "Checkbox";
+}, d = g(q);
+d.spiritComponent = "Checkbox";
+d.displayName = "Checkbox";
 export {
-  c as default
+  d as default
 };
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.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 SpiritCheckboxProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { useCheckboxStyleProps } from './useCheckboxStyleProps';\n\nconst _Checkbox = (props: SpiritCheckboxProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useCheckboxStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    hasValidationIcon,\n    helperText,\n    id,\n    isChecked,\n    isDisabled,\n    isRequired,\n    label,\n    validationState,\n    validationText,\n    value,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = 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 style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"checkbox\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        required={isRequired}\n        checked={isChecked}\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        {validationState && (\n          <ValidationText\n            UNSAFE_className={classProps.validationText}\n            id={`${id}__validationText`}\n            {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n            validationText={validationText}\n            registerAria={register}\n            role={validationTextRole}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nconst Checkbox = forwardRef<HTMLInputElement, SpiritCheckboxProps>(_Checkbox) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritCheckboxProps\n>;\n\nCheckbox.spiritComponent = 'Checkbox';\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["_Checkbox","props","ref","classProps","modifiedProps","useCheckboxStyleProps","ariaDescribedBy","hasValidationIcon","helperText","id","isChecked","isDisabled","isRequired","label","validationState","validationText","value","restProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","HelperText","ValidationText","Checkbox","forwardRef"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,IAAY,CAACC,GAA4BC,MAAqD;AAClG,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAsBJ,CAAK,GAClE;AAAA,IACJ,oBAAoBK,IAAkB;AAAA,IACtC,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GACE,EAAE,YAAAc,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAC3D,CAACI,GAAKC,CAAQ,IAAIC,EAAWjB,CAAe,GAC5CkB,IAAsBC,EAAmBJ,CAAG,GAC5CK,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAb;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAa,EAAC,OAAA,EAAI,OAAOV,EAAW,OAAO,WAAWW,EAAW1B,EAAW,MAAMe,EAAW,SAAS,GACvF,UAAA;AAAA,IAAA,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGX;AAAA,QACH,GAAGK;AAAA,QACJ,MAAK;AAAA,QACL,IAAAf;AAAA,QACA,WAAWN,EAAW;AAAA,QACtB,UAAUQ;AAAA,QACV,UAAUC;AAAA,QACV,SAASF;AAAA,QACT,OAAAM;AAAA,QACA,KAAAd;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAA0B,EAAC,OAAA,EAAI,WAAWzB,EAAW,MACzB,UAAA;AAAA,MAAA,gBAAA2B,EAACC,KAAM,kBAAkB5B,EAAW,OAAO,SAASM,GACjD,UAAAI,GACH;AAAA,MACA,gBAAAiB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,kBAAkB7B,EAAW;AAAA,UAC7B,IAAI,GAAGM,CAAE;AAAA,UACT,cAAca;AAAA,UACd,YAAAd;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDM,KACC,gBAAAgB;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,kBAAkB9B,EAAW;AAAA,UAC7B,IAAI,GAAGM,CAAE;AAAA,UACR,GAAIF,KAAqB,EAAE,wBAAwBO,EAAA;AAAA,UACpD,gBAAAC;AAAA,UACA,cAAcO;AAAA,UACd,MAAMI;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ,GAEMQ,IAAWC,EAAkDnC,CAAS;AAK5EkC,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useAriaDetails, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritCheckboxProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { InputDetails } from '../InputDetails';\nimport { useCheckboxStyleProps } from './useCheckboxStyleProps';\n\nconst _Checkbox = (props: SpiritCheckboxProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useCheckboxStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    'aria-details': ariaDetailsAttr,\n    details,\n    hasValidationIcon,\n    helperText,\n    id,\n    isChecked,\n    isDisabled,\n    isRequired,\n    label,\n    validationState,\n    validationText,\n    value,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const [ariaDetailsProp, registerDetails] = useAriaDetails(ariaDetailsAttr);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        {...ariaDetailsProp}\n        type=\"checkbox\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        required={isRequired}\n        checked={isChecked}\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        {details && (\n          <InputDetails id={`${id}-details`} registerAriaDetails={registerDetails}>\n            {details}\n          </InputDetails>\n        )}\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            id={`${id}__validationText`}\n            {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n            validationText={validationText}\n            registerAria={register}\n            role={validationTextRole}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nconst Checkbox = forwardRef<HTMLInputElement, SpiritCheckboxProps>(_Checkbox) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritCheckboxProps\n>;\n\nCheckbox.spiritComponent = 'Checkbox';\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["_Checkbox","props","ref","classProps","modifiedProps","useCheckboxStyleProps","ariaDescribedBy","ariaDetailsAttr","details","hasValidationIcon","helperText","id","isChecked","isDisabled","isRequired","label","validationState","validationText","value","restProps","styleProps","otherProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","ariaDetailsProp","registerDetails","useAriaDetails","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","InputDetails","HelperText","ValidationText","Checkbox","forwardRef"],"mappings":";;;;;;;;;;;;AAWA,MAAMA,IAAY,CAACC,GAA4BC,MAAqD;AAClG,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAsBJ,CAAK,GAClE;AAAA,IACJ,oBAAoBK,IAAkB;AAAA,IACtC,gBAAgBC;AAAA,IAChB,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDf,GACE,EAAE,YAAAgB,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAC3D,CAACI,GAAqBC,CAAQ,IAAIC,EAAmBnB,CAAe,GACpE,CAACoB,GAAiBC,CAAe,IAAIC,EAAerB,CAAe,GACnEsB,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAd;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAc,EAAC,OAAA,EAAI,OAAOX,EAAW,OAAO,WAAWY,EAAW7B,EAAW,MAAMiB,EAAW,SAAS,GACvF,UAAA;AAAA,IAAA,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGZ;AAAA,QACH,GAAGE;AAAA,QACH,GAAGG;AAAA,QACJ,MAAK;AAAA,QACL,IAAAf;AAAA,QACA,WAAWR,EAAW;AAAA,QACtB,UAAUU;AAAA,QACV,UAAUC;AAAA,QACV,SAASF;AAAA,QACT,OAAAM;AAAA,QACA,KAAAhB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAA6B,EAAC,OAAA,EAAI,WAAW5B,EAAW,MACzB,UAAA;AAAA,MAAA,gBAAA8B,EAACC,KAAM,kBAAkB/B,EAAW,OAAO,SAASQ,GACjD,UAAAI,GACH;AAAA,MACCP,uBACE2B,GAAA,EAAa,IAAI,GAAGxB,CAAE,YAAY,qBAAqBgB,GACrD,UAAAnB,EAAA,CACH;AAAA,MAEF,gBAAAyB;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,kBAAkBjC,EAAW;AAAA,UAC7B,IAAI,GAAGQ,CAAE;AAAA,UACT,cAAca;AAAA,UACd,YAAAd;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDM,KACC,gBAAAiB;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,kBAAkBlC,EAAW;AAAA,UAC7B,IAAI,GAAGQ,CAAE;AAAA,UACR,GAAIF,KAAqB,EAAE,wBAAwBO,EAAA;AAAA,UACpD,gBAAAC;AAAA,UACA,cAAcO;AAAA,UACd,MAAMK;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ,GAEMS,IAAWC,EAAkDvC,CAAS;AAK5EsC,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}

package/dist/components/Checkbox/useCheckboxStyleProps.cjs

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

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

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

package/dist/components/Checkbox/useCheckboxStyleProps.js

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

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

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

package/dist/components/Checkbox.d.ts

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

package/dist/components/Collapse/Collapse.cjs

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

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

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

package/dist/components/Collapse/Collapse.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseHelperClass.cjs","sources":["../../../../src/components/Collapse/demo/CollapseHelperClass.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseHelperClass = () => {\n  const { isOpen, toggleHandler } = useCollapse(false);\n\n  return (\n    <>\n      <p>\n        Ante rhoncus, tristique nunc et elit id in ex sem consectetur id, consectetur et elit nibh sed ac. Sed ac\n        convallis, sem lobortis convallis et nisi sapien in ex sem ullamcorper iaculis, aliquet sem lobortis\n        pellentesque sit amet. Congue nulla congue, porttitor quis orci quam elit rutrum scelerisque nibh maximus, felis\n        a integer maximus praesent. Metus varius, at sem dui vivamus elementum luctus nisl sit amet dolor sit amet,\n        mauris et iaculis nec fermentum. Augue sapien, nisl vel purus nullam odio morbi a fusce vitae mattis vitae,\n        posuere tristique bibendum aliquam. In donec dolor ut, imperdiet quam fermentum molestie vulputate scelerisque\n        ac nec, tortor mi orci sollicitudin elementum.\n      </p>\n      <Collapse id=\"collapse-helper-class-id\" isOpen={isOpen}>\n        Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla\n        neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper\n        posuere. Mauris euismod, ac nec ante fermentum praesent nisi commodo neque placerat, vivamus dui et tempus\n        pulvinar suspendisse. Porttitor eget, sollicitudin hendrerit bibendum nulla aliquam sit amet leo vitae, eget\n        consectetur diam a vestibulum. Adipiscing lorem ipsum, arcu condimentum posuere semper morbi condimentum dui,\n        bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis,\n        tristique aliquam sed id tortor sem lobortis.\n      </Collapse>\n      <Button onClick={toggleHandler} aria-expanded={isOpen}>\n        <span className=\"accessibility-open\">Show less</span>\n        <span className=\"accessibility-closed\">Show more</span>\n      </Button>\n      <a href=\"#\" role=\"button\" onClick={toggleHandler} aria-expanded={isOpen}>\n        <span className=\"accessibility-open\">Show less</span>\n        <span className=\"accessibility-closed\">Show more</span>\n      </a>\n    </>\n  );\n};\n\nexport default CollapseHelperClass;\n"],"names":["CollapseHelperClass","isOpen","toggleHandler","useCollapse","jsxs","Fragment","jsx","Collapse","Button"],"mappings":"mPAKMA,EAAsB,IAAM,CAChC,KAAM,CAAE,OAAAC,EAAQ,cAAAC,GAAkBC,EAAAA,YAAY,EAAK,EAEnD,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,KAAE,SAAA,urBAAA,CAQH,EACAA,EAAAA,IAACC,EAAAA,QAAA,CAAS,GAAG,2BAA2B,OAAAN,EAAgB,SAAA,2rBAQxD,EACAG,EAAAA,KAACI,EAAAA,QAAA,CAAO,QAASN,EAAe,gBAAeD,EAC7C,SAAA,CAAAK,EAAAA,IAAC,OAAA,CAAK,UAAU,qBAAqB,SAAA,YAAS,EAC9CA,EAAAA,IAAC,OAAA,CAAK,UAAU,uBAAuB,SAAA,WAAA,CAAS,CAAA,EAClD,EACAF,EAAAA,KAAC,KAAE,KAAK,IAAI,KAAK,SAAS,QAASF,EAAe,gBAAeD,EAC/D,SAAA,CAAAK,EAAAA,IAAC,OAAA,CAAK,UAAU,qBAAqB,SAAA,YAAS,EAC9CA,EAAAA,IAAC,OAAA,CAAK,UAAU,uBAAuB,SAAA,WAAA,CAAS,CAAA,CAAA,CAClD,CAAA,EACF,CAEJ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseHelperClass.js","sources":["../../../../src/components/Collapse/demo/CollapseHelperClass.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseHelperClass = () => {\n  const { isOpen, toggleHandler } = useCollapse(false);\n\n  return (\n    <>\n      <p>\n        Ante rhoncus, tristique nunc et elit id in ex sem consectetur id, consectetur et elit nibh sed ac. Sed ac\n        convallis, sem lobortis convallis et nisi sapien in ex sem ullamcorper iaculis, aliquet sem lobortis\n        pellentesque sit amet. Congue nulla congue, porttitor quis orci quam elit rutrum scelerisque nibh maximus, felis\n        a integer maximus praesent. Metus varius, at sem dui vivamus elementum luctus nisl sit amet dolor sit amet,\n        mauris et iaculis nec fermentum. Augue sapien, nisl vel purus nullam odio morbi a fusce vitae mattis vitae,\n        posuere tristique bibendum aliquam. In donec dolor ut, imperdiet quam fermentum molestie vulputate scelerisque\n        ac nec, tortor mi orci sollicitudin elementum.\n      </p>\n      <Collapse id=\"collapse-helper-class-id\" isOpen={isOpen}>\n        Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla\n        neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper\n        posuere. Mauris euismod, ac nec ante fermentum praesent nisi commodo neque placerat, vivamus dui et tempus\n        pulvinar suspendisse. Porttitor eget, sollicitudin hendrerit bibendum nulla aliquam sit amet leo vitae, eget\n        consectetur diam a vestibulum. Adipiscing lorem ipsum, arcu condimentum posuere semper morbi condimentum dui,\n        bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis,\n        tristique aliquam sed id tortor sem lobortis.\n      </Collapse>\n      <Button onClick={toggleHandler} aria-expanded={isOpen}>\n        <span className=\"accessibility-open\">Show less</span>\n        <span className=\"accessibility-closed\">Show more</span>\n      </Button>\n      <a href=\"#\" role=\"button\" onClick={toggleHandler} aria-expanded={isOpen}>\n        <span className=\"accessibility-open\">Show less</span>\n        <span className=\"accessibility-closed\">Show more</span>\n      </a>\n    </>\n  );\n};\n\nexport default CollapseHelperClass;\n"],"names":["CollapseHelperClass","isOpen","toggleHandler","useCollapse","jsxs","Fragment","jsx","Collapse","Button"],"mappings":";;;;AAKA,MAAMA,IAAsB,MAAM;AAChC,QAAM,EAAE,QAAAC,GAAQ,eAAAC,MAAkBC,EAAY,EAAK;AAEnD,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAE,UAAA,wrBAAA,CAQH;AAAA,IACA,gBAAAA,EAACC,GAAA,EAAS,IAAG,4BAA2B,QAAAN,GAAgB,UAAA,4rBAQxD;AAAA,IACA,gBAAAG,EAACI,GAAA,EAAO,SAASN,GAAe,iBAAeD,GAC7C,UAAA;AAAA,MAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,sBAAqB,UAAA,aAAS;AAAA,MAC9C,gBAAAA,EAAC,QAAA,EAAK,WAAU,wBAAuB,UAAA,YAAA,CAAS;AAAA,IAAA,GAClD;AAAA,IACA,gBAAAF,EAAC,OAAE,MAAK,KAAI,MAAK,UAAS,SAASF,GAAe,iBAAeD,GAC/D,UAAA;AAAA,MAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,sBAAqB,UAAA,aAAS;AAAA,MAC9C,gBAAAA,EAAC,QAAA,EAAK,WAAU,wBAAuB,UAAA,YAAA,CAAS;AAAA,IAAA,EAAA,CAClD;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),s=require("../../Link/Link.cjs"),l=require("../Collapse.cjs"),t=require("../useCollapse.cjs"),r=()=>{const{isOpen:e,toggleHandler:u}=t.useCollapse(!1);return i.jsxs("p",{children:["Quis orci molestie, condimentum metus a lorem lorem fringilla sem lobortis libero rhoncus nullam, purus sapien aenean sed id tortor. Molestie quam, lectus quis ac nec suspendisse consectetur finibus a accumsan, bibendum dolor sit amet congue rhoncus erat. Semper turpis, varius iaculis venenatis ut congue sollicitudin nulla, convallis nibh maximus erat id aliquam. Nec interdum, auctor elit vitae pulvinar fusce gravida curabitur odio leo, nunc a mauris auctor. Vel integer, placerat pulvinar nisi nunc donec felis erat quis, phasellus ac nec phasellus ac nibh. Scelerisque fringilla, viverra nisl vel purus sed porttitor porttitor et iaculis commodo, vehicula urna purus ultrices."," ",e?" ":i.jsx(s.default,{elementType:"button",type:"button",onClick:u,"aria-expanded":e,children:"… more"}),i.jsx(l.default,{id:"collapse-hide-trigger-id",elementType:"span",isOpen:e,children:"Commodo metus a lorem, a aliquet vestibulum rutrum pharetra sapien sed, ullamcorper quis odio dolor ut aliquam. Rutrum suspendisse, fermentum tellus metus a lorem cursus volutpat proin bibendum, sed diam a duis id dui et tempus. Ligula non, sapien augue libero eget aliquam semper varius, posuere urna leo vitae ullamcorper. Venenatis posuere, sapien rhoncus dolor quis semper porttitor et vestibulum, odio leo ac nibh molestie placerat. Tellus suspendisse, dui lectus tellus quis eget sollicitudin dolor sit amet, dui ac nibh nulla mauris. Feugiat sollicitudin, integer bibendum at sem sapien non nullam sed id tortor, suscipit fusce gravida nec eget."})]})};exports.default=r;
+//# sourceMappingURL=CollapseHideTrigger.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseHideTrigger.cjs","sources":["../../../../src/components/Collapse/demo/CollapseHideTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { Link } from '../../Link';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseHideTrigger = () => {\n  const { isOpen, toggleHandler } = useCollapse(false);\n\n  return (\n    <p>\n      Quis orci molestie, condimentum metus a lorem lorem fringilla sem lobortis libero rhoncus nullam, purus sapien\n      aenean sed id tortor. Molestie quam, lectus quis ac nec suspendisse consectetur finibus a accumsan, bibendum dolor\n      sit amet congue rhoncus erat. Semper turpis, varius iaculis venenatis ut congue sollicitudin nulla, convallis nibh\n      maximus erat id aliquam. Nec interdum, auctor elit vitae pulvinar fusce gravida curabitur odio leo, nunc a mauris\n      auctor. Vel integer, placerat pulvinar nisi nunc donec felis erat quis, phasellus ac nec phasellus ac nibh.\n      Scelerisque fringilla, viverra nisl vel purus sed porttitor porttitor et iaculis commodo, vehicula urna purus\n      ultrices.{' '}\n      {!isOpen ? (\n        <Link elementType=\"button\" type=\"button\" onClick={toggleHandler} aria-expanded={isOpen}>\n          … more\n        </Link>\n      ) : (\n        ' '\n      )}\n      <Collapse id=\"collapse-hide-trigger-id\" elementType=\"span\" isOpen={isOpen}>\n        Commodo metus a lorem, a aliquet vestibulum rutrum pharetra sapien sed, ullamcorper quis odio dolor ut aliquam.\n        Rutrum suspendisse, fermentum tellus metus a lorem cursus volutpat proin bibendum, sed diam a duis id dui et\n        tempus. Ligula non, sapien augue libero eget aliquam semper varius, posuere urna leo vitae ullamcorper.\n        Venenatis posuere, sapien rhoncus dolor quis semper porttitor et vestibulum, odio leo ac nibh molestie placerat.\n        Tellus suspendisse, dui lectus tellus quis eget sollicitudin dolor sit amet, dui ac nibh nulla mauris. Feugiat\n        sollicitudin, integer bibendum at sem sapien non nullam sed id tortor, suscipit fusce gravida nec eget.\n      </Collapse>\n    </p>\n  );\n};\n\nexport default CollapseHideTrigger;\n"],"names":["CollapseHideTrigger","isOpen","toggleHandler","useCollapse","jsx","Link","Collapse"],"mappings":"+OAKMA,EAAsB,IAAM,CAChC,KAAM,CAAE,OAAAC,EAAQ,cAAAC,GAAkBC,EAAAA,YAAY,EAAK,EAEnD,cACG,IAAA,CAAE,SAAA,CAAA,6qBAOS,IACRF,EAKA,IAJAG,EAAAA,IAACC,EAAAA,QAAA,CAAK,YAAY,SAAS,KAAK,SAAS,QAASH,EAAe,gBAAeD,EAAQ,kBAExF,QAIDK,EAAAA,QAAA,CAAS,GAAG,2BAA2B,YAAY,OAAO,OAAAL,EAAgB,SAAA,8oBAAA,CAO3E,CAAA,EACF,CAEJ"}