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

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

@@ -0,0 +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, 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/index.cjs

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

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

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

package/dist/components/Checkbox/index.js

@@ -0,0 +1,7 @@
+import { default as r } from "./Checkbox.js";
+import { useCheckboxStyleProps as s } from "./useCheckboxStyleProps.js";
+export {
+  r as Checkbox,
+  s as useCheckboxStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Checkbox/useCheckboxStyleProps.cjs

@@ -0,0 +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;
+//# sourceMappingURL=useCheckboxStyleProps.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Checkbox/useCheckboxStyleProps.d.ts

@@ -0,0 +1,13 @@
+import { CheckboxProps, SpiritCheckboxProps } from '../../types';
+export interface CheckboxStyles {
+    classProps: {
+        root: string;
+        text: string;
+        label: string;
+        input: string;
+        helperText: string;
+        validationText: string;
+    };
+    props: CheckboxProps;
+}
+export declare function useCheckboxStyleProps(props: SpiritCheckboxProps): CheckboxStyles;

package/dist/components/Checkbox/useCheckboxStyleProps.js

@@ -0,0 +1,33 @@
+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
+  });
+  return {
+    classProps: {
+      root: T,
+      text: h,
+      label: P,
+      input: d,
+      helperText: _,
+      validationText: m
+    },
+    props: {
+      ...t,
+      validationState: e
+    }
+  };
+}
+export {
+  H as useCheckboxStyleProps
+};
+//# sourceMappingURL=useCheckboxStyleProps.js.map

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

@@ -0,0 +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;"}

package/dist/components/Checkbox.d.ts

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

package/dist/components/Collapse/Collapse.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Collapse.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Collapse/Collapse.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpiritCollapseProps } from '../../types';
+declare const Collapse: {
+    (props: SpiritCollapseProps): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+    spiritComponent: string;
+};
+export default Collapse;

package/dist/components/Collapse/Collapse.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as o } 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 = {
+  entering: "is-transitioning",
+  entered: "",
+  exiting: "is-transitioning",
+  exited: ""
+}, 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(
+    s.isOpen,
+    e,
+    P
+  ), { ariaProps: d, props: g } = O(s), { styleProps: t, props: S } = C(g), T = {
+    className: t.className,
+    style: { ...y, ...t.style }
+  };
+  return e === "span" && s.isOpen ? n : /* @__PURE__ */ o(R, { in: s.isOpen, nodeRef: r, timeout: u, children: (h) => /* @__PURE__ */ o(
+    e,
+    {
+      ...S,
+      ...d.root,
+      ...N(e, {
+        classProps: l.root,
+        styleProps: t,
+        collapseStyleProps: T,
+        transitioningStyles: x[h]
+      }),
+      ref: r,
+      children: /* @__PURE__ */ o(e, { ref: i, className: l.content, children: n })
+    }
+  ) });
+};
+D.spiritComponent = "Collapse";
+export {
+  D as default
+};
+//# sourceMappingURL=Collapse.js.map

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

@@ -0,0 +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;"}

package/dist/components/Collapse/UncontrolledCollapse.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),C=require("./Collapse.cjs"),f=require("./useCollapse.cjs"),h=require("./useCollapseAriaProps.cjs"),P={isOpen:!1},n=i=>{const u={...P,...i},{children:t,hideOnCollapse:a,isDisposable:p,renderTrigger:l,...s}=u,{isOpen:e,toggleHandler:c}=f.useCollapse(s.isOpen),{ariaProps:d}=h.useCollapseAriaProps({...s,isOpen:e}),r=a||p,g=()=>l&&(r?!(r&&e):!0)?l({isOpen:e,onClick:c,...d.trigger}):null;return o.jsxs(o.Fragment,{children:[g(),r&&e?t:o.jsx(C.default,{...s,isOpen:e,children:t})]})};n.spiritComponent="UncontrolledCollapse";exports.default=n;
+//# sourceMappingURL=UncontrolledCollapse.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledCollapse.cjs","sources":["../../../src/components/Collapse/UncontrolledCollapse.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { type SpiritUncontrolledCollapseProps } from '../../types';\nimport Collapse from './Collapse';\nimport { useCollapse } from './useCollapse';\nimport { useCollapseAriaProps } from './useCollapseAriaProps';\n\nconst defaultProps = {\n  isOpen: false,\n};\n\nconst UncontrolledCollapse = (props: SpiritUncontrolledCollapseProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    children,\n    /** @deprecated \"hideOnCollapse\" property will be replaced in the next major version. Please use \"isDisposable\" instead. */\n    hideOnCollapse,\n    isDisposable,\n    renderTrigger,\n    ...restProps\n  } = propsWithDefaults;\n  const { isOpen, toggleHandler } = useCollapse(restProps.isOpen);\n  const { ariaProps } = useCollapseAriaProps({ ...restProps, isOpen });\n\n  const isDisposed = hideOnCollapse || isDisposable;\n\n  const triggerRenderHandler = () => {\n    const showTrigger = isDisposed ? !(isDisposed && isOpen) : true;\n\n    return renderTrigger && showTrigger\n      ? renderTrigger({\n          isOpen,\n          onClick: toggleHandler,\n          ...ariaProps.trigger,\n        })\n      : null;\n  };\n\n  return (\n    <>\n      {triggerRenderHandler()}\n      {isDisposed && isOpen ? (\n        children\n      ) : (\n        <Collapse {...restProps} isOpen={isOpen}>\n          {children}\n        </Collapse>\n      )}\n    </>\n  );\n};\n\nUncontrolledCollapse.spiritComponent = 'UncontrolledCollapse';\n\nexport default UncontrolledCollapse;\n"],"names":["defaultProps","UncontrolledCollapse","props","propsWithDefaults","children","hideOnCollapse","isDisposable","renderTrigger","restProps","isOpen","toggleHandler","useCollapse","ariaProps","useCollapseAriaProps","isDisposed","triggerRenderHandler","jsxs","Fragment","jsx","Collapse"],"mappings":"iQAQMA,EAAe,CACnB,OAAQ,EACV,EAEMC,EAAwBC,GAA2C,CACvE,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CACJ,SAAAE,EAEA,eAAAC,EACA,aAAAC,EACA,cAAAC,EACA,GAAGC,CAAA,EACDL,EACE,CAAE,OAAAM,EAAQ,cAAAC,CAAA,EAAkBC,EAAAA,YAAYH,EAAU,MAAM,EACxD,CAAE,UAAAI,GAAcC,EAAAA,qBAAqB,CAAE,GAAGL,EAAW,OAAAC,EAAQ,EAE7DK,EAAaT,GAAkBC,EAE/BS,EAAuB,IAGpBR,IAFaO,EAAa,EAAEA,GAAcL,GAAU,IAGvDF,EAAc,CACZ,OAAAE,EACA,QAASC,EACT,GAAGE,EAAU,OAAA,CACd,EACD,KAGN,OACEI,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAF,EAAA,EACAD,GAAcL,EACbL,EAEAc,EAAAA,IAACC,EAAAA,SAAU,GAAGX,EAAW,OAAAC,EACtB,SAAAL,CAAA,CACH,CAAA,EAEJ,CAEJ,EAEAH,EAAqB,gBAAkB"}

package/dist/components/Collapse/UncontrolledCollapse.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpiritUncontrolledCollapseProps } from '../../types';
+declare const UncontrolledCollapse: {
+    (props: SpiritUncontrolledCollapseProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default UncontrolledCollapse;

package/dist/components/Collapse/UncontrolledCollapse.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs as g, Fragment as d, jsx as u } from "react/jsx-runtime";
+import m from "./Collapse.js";
+import { useCollapse as f } from "./useCollapse.js";
+import { useCollapseAriaProps as C } from "./useCollapseAriaProps.js";
+const h = {
+  isOpen: !1
+}, O = (n) => {
+  const l = { ...h, ...n }, {
+    children: o,
+    /** @deprecated "hideOnCollapse" property will be replaced in the next major version. Please use "isDisposable" instead. */
+    hideOnCollapse: i,
+    isDisposable: p,
+    renderTrigger: t,
+    ...r
+  } = l, { isOpen: e, toggleHandler: a } = f(r.isOpen), { ariaProps: c } = C({ ...r, isOpen: e }), s = i || p;
+  return /* @__PURE__ */ g(d, { children: [
+    t && (s ? !(s && e) : !0) ? t({
+      isOpen: e,
+      onClick: a,
+      ...c.trigger
+    }) : null,
+    s && e ? o : /* @__PURE__ */ u(m, { ...r, isOpen: e, children: o })
+  ] });
+};
+O.spiritComponent = "UncontrolledCollapse";
+export {
+  O as default
+};
+//# sourceMappingURL=UncontrolledCollapse.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledCollapse.js","sources":["../../../src/components/Collapse/UncontrolledCollapse.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { type SpiritUncontrolledCollapseProps } from '../../types';\nimport Collapse from './Collapse';\nimport { useCollapse } from './useCollapse';\nimport { useCollapseAriaProps } from './useCollapseAriaProps';\n\nconst defaultProps = {\n  isOpen: false,\n};\n\nconst UncontrolledCollapse = (props: SpiritUncontrolledCollapseProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    children,\n    /** @deprecated \"hideOnCollapse\" property will be replaced in the next major version. Please use \"isDisposable\" instead. */\n    hideOnCollapse,\n    isDisposable,\n    renderTrigger,\n    ...restProps\n  } = propsWithDefaults;\n  const { isOpen, toggleHandler } = useCollapse(restProps.isOpen);\n  const { ariaProps } = useCollapseAriaProps({ ...restProps, isOpen });\n\n  const isDisposed = hideOnCollapse || isDisposable;\n\n  const triggerRenderHandler = () => {\n    const showTrigger = isDisposed ? !(isDisposed && isOpen) : true;\n\n    return renderTrigger && showTrigger\n      ? renderTrigger({\n          isOpen,\n          onClick: toggleHandler,\n          ...ariaProps.trigger,\n        })\n      : null;\n  };\n\n  return (\n    <>\n      {triggerRenderHandler()}\n      {isDisposed && isOpen ? (\n        children\n      ) : (\n        <Collapse {...restProps} isOpen={isOpen}>\n          {children}\n        </Collapse>\n      )}\n    </>\n  );\n};\n\nUncontrolledCollapse.spiritComponent = 'UncontrolledCollapse';\n\nexport default UncontrolledCollapse;\n"],"names":["defaultProps","UncontrolledCollapse","props","propsWithDefaults","children","hideOnCollapse","isDisposable","renderTrigger","restProps","isOpen","toggleHandler","useCollapse","ariaProps","useCollapseAriaProps","isDisposed","jsxs","Fragment","jsx","Collapse"],"mappings":";;;;;AAQA,MAAMA,IAAe;AAAA,EACnB,QAAQ;AACV,GAEMC,IAAuB,CAACC,MAA2C;AACvE,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C;AAAA,IACJ,UAAAE;AAAA;AAAA,IAEA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDL,GACE,EAAE,QAAAM,GAAQ,eAAAC,EAAA,IAAkBC,EAAYH,EAAU,MAAM,GACxD,EAAE,WAAAI,MAAcC,EAAqB,EAAE,GAAGL,GAAW,QAAAC,GAAQ,GAE7DK,IAAaT,KAAkBC;AAcrC,SACE,gBAAAS,EAAAC,GAAA,EACG,UAAA;AAAA,IAXIT,MAFaO,IAAa,EAAEA,KAAcL,KAAU,MAGvDF,EAAc;AAAA,MACZ,QAAAE;AAAA,MACA,SAASC;AAAA,MACT,GAAGE,EAAU;AAAA,IAAA,CACd,IACD;AAAA,IAMDE,KAAcL,IACbL,IAEA,gBAAAa,EAACC,KAAU,GAAGV,GAAW,QAAAC,GACtB,UAAAL,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AAEAH,EAAqB,kBAAkB;"}

package/dist/components/Collapse/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Collapse.cjs"),l=require("./UncontrolledCollapse.cjs"),s=require("./useCollapse.cjs"),o=require("./useCollapseAriaProps.cjs"),r=require("./useCollapseStyleProps.cjs");exports.Collapse=e.default;exports.UncontrolledCollapse=l.default;exports.useCollapse=s.useCollapse;exports.useCollapseAriaProps=o.useCollapseAriaProps;exports.useCollapseStyleProps=r.useCollapseStyleProps;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/Collapse/index.js

@@ -0,0 +1,13 @@
+import { default as l } from "./Collapse.js";
+import { default as s } from "./UncontrolledCollapse.js";
+import { useCollapse as t } from "./useCollapse.js";
+import { useCollapseAriaProps as f } from "./useCollapseAriaProps.js";
+import { useCollapseStyleProps as m } from "./useCollapseStyleProps.js";
+export {
+  l as Collapse,
+  s as UncontrolledCollapse,
+  t as useCollapse,
+  f as useCollapseAriaProps,
+  m as useCollapseStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Collapse/useCollapse.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),n=s=>{const[e,t]=o.useState(s);return{toggleHandler:l=>{l.preventDefault(),t(!e)},toggle:t,isOpen:e}};exports.useCollapse=n;
+//# sourceMappingURL=useCollapse.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapse.cjs","sources":["../../../src/components/Collapse/useCollapse.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { type ClickEvent } from '../../types';\n\nexport interface CollapseReturn {\n  /** collapse event handler */\n  toggleHandler: (event: ClickEvent) => void;\n  /** collapse toggle */\n  toggle: (isOpen: boolean) => void;\n  /** collapsed state */\n  isOpen: boolean;\n}\n\nexport const useCollapse = (defaultOpenState: boolean): CollapseReturn => {\n  const [isOpen, toggle] = useState<boolean>(defaultOpenState);\n\n  const toggleHandler = (event: ClickEvent) => {\n    event.preventDefault();\n    toggle(!isOpen);\n  };\n\n  return {\n    toggleHandler,\n    toggle,\n    isOpen,\n  };\n};\n"],"names":["useCollapse","defaultOpenState","isOpen","toggle","useState","event"],"mappings":"sHAcaA,EAAeC,GAA8C,CACxE,KAAM,CAACC,EAAQC,CAAM,EAAIC,EAAAA,SAAkBH,CAAgB,EAO3D,MAAO,CACL,cANqBI,GAAsB,CAC3CA,EAAM,eAAA,EACNF,EAAO,CAACD,CAAM,CAChB,EAIE,OAAAC,EACA,OAAAD,CAAA,CAEJ"}

package/dist/components/Collapse/useCollapse.d.ts

@@ -0,0 +1,7 @@
+import { ClickEvent } from '../../types';
+export interface CollapseReturn {
+    toggleHandler: (event: ClickEvent) => void;
+    toggle: (isOpen: boolean) => void;
+    isOpen: boolean;
+}
+export declare const useCollapse: (defaultOpenState: boolean) => CollapseReturn;

package/dist/components/Collapse/useCollapse.js

@@ -0,0 +1,16 @@
+"use client";
+import { useState as l } from "react";
+const g = (o) => {
+  const [e, t] = l(o);
+  return {
+    toggleHandler: (s) => {
+      s.preventDefault(), t(!e);
+    },
+    toggle: t,
+    isOpen: e
+  };
+};
+export {
+  g as useCollapse
+};
+//# sourceMappingURL=useCollapse.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapse.js","sources":["../../../src/components/Collapse/useCollapse.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { type ClickEvent } from '../../types';\n\nexport interface CollapseReturn {\n  /** collapse event handler */\n  toggleHandler: (event: ClickEvent) => void;\n  /** collapse toggle */\n  toggle: (isOpen: boolean) => void;\n  /** collapsed state */\n  isOpen: boolean;\n}\n\nexport const useCollapse = (defaultOpenState: boolean): CollapseReturn => {\n  const [isOpen, toggle] = useState<boolean>(defaultOpenState);\n\n  const toggleHandler = (event: ClickEvent) => {\n    event.preventDefault();\n    toggle(!isOpen);\n  };\n\n  return {\n    toggleHandler,\n    toggle,\n    isOpen,\n  };\n};\n"],"names":["useCollapse","defaultOpenState","isOpen","toggle","useState","event"],"mappings":";;AAcO,MAAMA,IAAc,CAACC,MAA8C;AACxE,QAAM,CAACC,GAAQC,CAAM,IAAIC,EAAkBH,CAAgB;AAO3D,SAAO;AAAA,IACL,eANoB,CAACI,MAAsB;AAC3C,MAAAA,EAAM,eAAA,GACNF,EAAO,CAACD,CAAM;AAAA,IAChB;AAAA,IAIE,QAAAC;AAAA,IACA,QAAAD;AAAA,EAAA;AAEJ;"}

package/dist/components/Collapse/useCollapseAriaProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../hooks/useDeprecationMessage.cjs"),i="aria-expanded",a="aria-controls",n="data-spirit-breakpoint",p=o=>{const{isOpen:r,collapsibleToBreakpoint:t,...e}=o;return s.useDeprecationMessage({method:"custom",trigger:!e.id,componentName:"Collapse",customText:'The "id" property will be required instead of optional starting from the next major version.'}),{ariaProps:{root:{[n]:t},trigger:{[i]:r,[a]:String(e.id)}},props:e}};exports.useCollapseAriaProps=p;
+//# sourceMappingURL=useCollapseAriaProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapseAriaProps.cjs","sources":["../../../src/components/Collapse/useCollapseAriaProps.ts"],"sourcesContent":["import { useDeprecationMessage } from '../../hooks';\nimport { type BaseCollapseProps, type Booleanish, type CollapseProps } from '../../types';\n\nconst ATTRIBUTE_ARIA_EXPANDED = 'aria-expanded';\nconst ATTRIBUTE_ARIA_CONTROLS = 'aria-controls';\nconst ATTRIBUTE_DATA_BREAKPOINT = 'data-spirit-breakpoint';\n\nexport interface CollapseAria {\n  ariaProps: {\n    /** wrapper returned props */\n    root: {\n      [ATTRIBUTE_DATA_BREAKPOINT]: CollapseProps['collapsibleToBreakpoint'];\n    };\n    /** trigger returned props */\n    trigger: {\n      [ATTRIBUTE_ARIA_EXPANDED]: Booleanish;\n      [ATTRIBUTE_ARIA_CONTROLS]: string;\n    };\n  };\n  props: BaseCollapseProps;\n}\n\nexport const useCollapseAriaProps = (props: CollapseProps): CollapseAria => {\n  const { isOpen, collapsibleToBreakpoint, ...modifiedProps } = props;\n\n  useDeprecationMessage({\n    method: 'custom',\n    trigger: !modifiedProps.id,\n    componentName: 'Collapse',\n    customText: 'The \"id\" property will be required instead of optional starting from the next major version.',\n  });\n\n  return {\n    ariaProps: {\n      root: {\n        [ATTRIBUTE_DATA_BREAKPOINT]: collapsibleToBreakpoint,\n      },\n      trigger: {\n        [ATTRIBUTE_ARIA_EXPANDED]: isOpen,\n        [ATTRIBUTE_ARIA_CONTROLS]: String(modifiedProps.id),\n      },\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["ATTRIBUTE_ARIA_EXPANDED","ATTRIBUTE_ARIA_CONTROLS","ATTRIBUTE_DATA_BREAKPOINT","useCollapseAriaProps","props","isOpen","collapsibleToBreakpoint","modifiedProps","useDeprecationMessage"],"mappings":"yIAGMA,EAA0B,gBAC1BC,EAA0B,gBAC1BC,EAA4B,yBAiBrBC,EAAwBC,GAAuC,CAC1E,KAAM,CAAE,OAAAC,EAAQ,wBAAAC,EAAyB,GAAGC,GAAkBH,EAE9DI,OAAAA,wBAAsB,CACpB,OAAQ,SACR,QAAS,CAACD,EAAc,GACxB,cAAe,WACf,WAAY,8FAAA,CACb,EAEM,CACL,UAAW,CACT,KAAM,CACJ,CAACL,CAAyB,EAAGI,CAAA,EAE/B,QAAS,CACP,CAACN,CAAuB,EAAGK,EAC3B,CAACJ,CAAuB,EAAG,OAAOM,EAAc,EAAE,CAAA,CACpD,EAEF,MAAOA,CAAA,CAEX"}

package/dist/components/Collapse/useCollapseAriaProps.d.ts

@@ -0,0 +1,18 @@
+import { BaseCollapseProps, Booleanish, CollapseProps } from '../../types';
+declare const ATTRIBUTE_ARIA_EXPANDED = "aria-expanded";
+declare const ATTRIBUTE_ARIA_CONTROLS = "aria-controls";
+declare const ATTRIBUTE_DATA_BREAKPOINT = "data-spirit-breakpoint";
+export interface CollapseAria {
+    ariaProps: {
+        root: {
+            [ATTRIBUTE_DATA_BREAKPOINT]: CollapseProps['collapsibleToBreakpoint'];
+        };
+        trigger: {
+            [ATTRIBUTE_ARIA_EXPANDED]: Booleanish;
+            [ATTRIBUTE_ARIA_CONTROLS]: string;
+        };
+    };
+    props: BaseCollapseProps;
+}
+export declare const useCollapseAriaProps: (props: CollapseProps) => CollapseAria;
+export {};

package/dist/components/Collapse/useCollapseAriaProps.js

@@ -0,0 +1,25 @@
+import { useDeprecationMessage as i } from "../../hooks/useDeprecationMessage.js";
+const s = "aria-expanded", a = "aria-controls", n = "data-spirit-breakpoint", T = (e) => {
+  const { isOpen: r, collapsibleToBreakpoint: t, ...o } = e;
+  return i({
+    method: "custom",
+    trigger: !o.id,
+    componentName: "Collapse",
+    customText: 'The "id" property will be required instead of optional starting from the next major version.'
+  }), {
+    ariaProps: {
+      root: {
+        [n]: t
+      },
+      trigger: {
+        [s]: r,
+        [a]: String(o.id)
+      }
+    },
+    props: o
+  };
+};
+export {
+  T as useCollapseAriaProps
+};
+//# sourceMappingURL=useCollapseAriaProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapseAriaProps.js","sources":["../../../src/components/Collapse/useCollapseAriaProps.ts"],"sourcesContent":["import { useDeprecationMessage } from '../../hooks';\nimport { type BaseCollapseProps, type Booleanish, type CollapseProps } from '../../types';\n\nconst ATTRIBUTE_ARIA_EXPANDED = 'aria-expanded';\nconst ATTRIBUTE_ARIA_CONTROLS = 'aria-controls';\nconst ATTRIBUTE_DATA_BREAKPOINT = 'data-spirit-breakpoint';\n\nexport interface CollapseAria {\n  ariaProps: {\n    /** wrapper returned props */\n    root: {\n      [ATTRIBUTE_DATA_BREAKPOINT]: CollapseProps['collapsibleToBreakpoint'];\n    };\n    /** trigger returned props */\n    trigger: {\n      [ATTRIBUTE_ARIA_EXPANDED]: Booleanish;\n      [ATTRIBUTE_ARIA_CONTROLS]: string;\n    };\n  };\n  props: BaseCollapseProps;\n}\n\nexport const useCollapseAriaProps = (props: CollapseProps): CollapseAria => {\n  const { isOpen, collapsibleToBreakpoint, ...modifiedProps } = props;\n\n  useDeprecationMessage({\n    method: 'custom',\n    trigger: !modifiedProps.id,\n    componentName: 'Collapse',\n    customText: 'The \"id\" property will be required instead of optional starting from the next major version.',\n  });\n\n  return {\n    ariaProps: {\n      root: {\n        [ATTRIBUTE_DATA_BREAKPOINT]: collapsibleToBreakpoint,\n      },\n      trigger: {\n        [ATTRIBUTE_ARIA_EXPANDED]: isOpen,\n        [ATTRIBUTE_ARIA_CONTROLS]: String(modifiedProps.id),\n      },\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["ATTRIBUTE_ARIA_EXPANDED","ATTRIBUTE_ARIA_CONTROLS","ATTRIBUTE_DATA_BREAKPOINT","useCollapseAriaProps","props","isOpen","collapsibleToBreakpoint","modifiedProps","useDeprecationMessage"],"mappings":";AAGA,MAAMA,IAA0B,iBAC1BC,IAA0B,iBAC1BC,IAA4B,0BAiBrBC,IAAuB,CAACC,MAAuC;AAC1E,QAAM,EAAE,QAAAC,GAAQ,yBAAAC,GAAyB,GAAGC,MAAkBH;AAE9D,SAAAI,EAAsB;AAAA,IACpB,QAAQ;AAAA,IACR,SAAS,CAACD,EAAc;AAAA,IACxB,eAAe;AAAA,IACf,YAAY;AAAA,EAAA,CACb,GAEM;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,CAACL,CAAyB,GAAGI;AAAA,MAAA;AAAA,MAE/B,SAAS;AAAA,QACP,CAACN,CAAuB,GAAGK;AAAA,QAC3B,CAACJ,CAAuB,GAAG,OAAOM,EAAc,EAAE;AAAA,MAAA;AAAA,IACpD;AAAA,IAEF,OAAOA;AAAA,EAAA;AAEX;"}

package/dist/components/Collapse/useCollapseStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("classnames"),r=require("../../constants/classes.cjs"),c=require("../../hooks/useClassNamePrefix.cjs"),p=(s,t,o)=>{const e=c.useClassNamePrefix("Collapse"),l=`${e}__content`,n=s?r.CLASS_NAME_OPEN:"";return{classProps:{root:a(e,n),content:l},styleProps:t==="span"?{}:{height:s?o:0}}};exports.useCollapseStyleProps=p;
+//# sourceMappingURL=useCollapseStyleProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapseStyleProps.cjs","sources":["../../../src/components/Collapse/useCollapseStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\n\nexport interface CollapseStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    content: string;\n  };\n  /** style props */\n  styleProps?: {\n    height?: string | number;\n  };\n}\n\nexport const useCollapseStyleProps = (\n  isOpen: boolean,\n  elementType: ElementType,\n  collapseHeight?: string,\n): CollapseStyles => {\n  const collapseClass = useClassNamePrefix('Collapse');\n  const collapseContentClass = `${collapseClass}__content`;\n  const openClass = isOpen ? CLASS_NAME_OPEN : '';\n  const rootClass = classNames(collapseClass, openClass);\n\n  // For span elements, don't use height-based transitions as they use display: none/inline\n  const isSpanElement = elementType === 'span';\n  const styleProps = isSpanElement ? {} : { height: isOpen ? collapseHeight : 0 };\n\n  return {\n    classProps: {\n      root: rootClass,\n      content: collapseContentClass,\n    },\n    styleProps,\n  };\n};\n"],"names":["useCollapseStyleProps","isOpen","elementType","collapseHeight","collapseClass","useClassNamePrefix","collapseContentClass","openClass","CLASS_NAME_OPEN","classNames"],"mappings":"uMAiBaA,EAAwB,CACnCC,EACAC,EACAC,IACmB,CACnB,MAAMC,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAuB,GAAGF,CAAa,YACvCG,EAAYN,EAASO,EAAAA,gBAAkB,GAO7C,MAAO,CACL,WAAY,CACV,KARcC,EAAWL,EAAeG,CAAS,EASjD,QAASD,CAAA,EAEX,WARoBJ,IAAgB,OACH,CAAA,EAAK,CAAE,OAAQD,EAASE,EAAiB,CAAA,CAO1E,CAEJ"}

package/dist/components/Collapse/useCollapseStyleProps.d.ts

@@ -0,0 +1,11 @@
+import { ElementType } from 'react';
+export interface CollapseStyles {
+    classProps: {
+        root: string;
+        content: string;
+    };
+    styleProps?: {
+        height?: string | number;
+    };
+}
+export declare const useCollapseStyleProps: (isOpen: boolean, elementType: ElementType, collapseHeight?: string) => CollapseStyles;

package/dist/components/Collapse/useCollapseStyleProps.js

@@ -0,0 +1,17 @@
+import n from "classnames";
+import { CLASS_NAME_OPEN as a } from "../../constants/classes.js";
+import { useClassNamePrefix as r } from "../../hooks/useClassNamePrefix.js";
+const f = (s, t, e) => {
+  const o = r("Collapse"), l = `${o}__content`;
+  return {
+    classProps: {
+      root: n(o, s ? a : ""),
+      content: l
+    },
+    styleProps: t === "span" ? {} : { height: s ? e : 0 }
+  };
+};
+export {
+  f as useCollapseStyleProps
+};
+//# sourceMappingURL=useCollapseStyleProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapseStyleProps.js","sources":["../../../src/components/Collapse/useCollapseStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\n\nexport interface CollapseStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    content: string;\n  };\n  /** style props */\n  styleProps?: {\n    height?: string | number;\n  };\n}\n\nexport const useCollapseStyleProps = (\n  isOpen: boolean,\n  elementType: ElementType,\n  collapseHeight?: string,\n): CollapseStyles => {\n  const collapseClass = useClassNamePrefix('Collapse');\n  const collapseContentClass = `${collapseClass}__content`;\n  const openClass = isOpen ? CLASS_NAME_OPEN : '';\n  const rootClass = classNames(collapseClass, openClass);\n\n  // For span elements, don't use height-based transitions as they use display: none/inline\n  const isSpanElement = elementType === 'span';\n  const styleProps = isSpanElement ? {} : { height: isOpen ? collapseHeight : 0 };\n\n  return {\n    classProps: {\n      root: rootClass,\n      content: collapseContentClass,\n    },\n    styleProps,\n  };\n};\n"],"names":["useCollapseStyleProps","isOpen","elementType","collapseHeight","collapseClass","useClassNamePrefix","collapseContentClass","classNames","CLASS_NAME_OPEN"],"mappings":";;;AAiBO,MAAMA,IAAwB,CACnCC,GACAC,GACAC,MACmB;AACnB,QAAMC,IAAgBC,EAAmB,UAAU,GAC7CC,IAAuB,GAAGF,CAAa;AAQ7C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MARcG,EAAWH,GADXH,IAASO,IAAkB,EACQ;AAAA,MASjD,SAASF;AAAA,IAAA;AAAA,IAEX,YARoBJ,MAAgB,SACH,CAAA,IAAK,EAAE,QAAQD,IAASE,IAAiB,EAAA;AAAA,EAO1E;AAEJ;"}

package/dist/components/Collapse/useResizeHeight.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),n=require("../../hooks/useResizeObserver.cjs"),o=e=>{const[t,s]=c.useState(void 0),i=r=>{const u=r.height;s(`${u}px`)};return n.useResizeObserver({ref:e,onResize:i}),t};exports.useResizeHeight=o;
+//# sourceMappingURL=useResizeHeight.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeHeight.cjs","sources":["../../../src/components/Collapse/useResizeHeight.ts"],"sourcesContent":["'use client';\n\nimport { type RefObject, useState } from 'react';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\n\ntype Size = {\n  height: number | undefined;\n};\n\nexport const useResizeHeight = (ref: RefObject<HTMLElement>): string | undefined => {\n  const [height, setHeight] = useState<string | undefined>(undefined);\n\n  const onResize = (size: Size) => {\n    const currentHeight = size.height;\n    setHeight(`${currentHeight}px`);\n  };\n\n  useResizeObserver({ ref, onResize });\n\n  return height;\n};\n"],"names":["useResizeHeight","ref","height","setHeight","useState","onResize","size","currentHeight","useResizeObserver"],"mappings":"qKASaA,EAAmBC,GAAoD,CAClF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAA6B,MAAS,EAE5DC,EAAYC,GAAe,CAC/B,MAAMC,EAAgBD,EAAK,OAC3BH,EAAU,GAAGI,CAAa,IAAI,CAChC,EAEAC,OAAAA,oBAAkB,CAAE,IAAAP,EAAK,SAAAI,EAAU,EAE5BH,CACT"}

package/dist/components/Collapse/useResizeHeight.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useResizeHeight: (ref: RefObject<HTMLElement>) => string | undefined;

package/dist/components/Collapse/useResizeHeight.js

@@ -0,0 +1,14 @@
+"use client";
+import { useState as r } from "react";
+import { useResizeObserver as n } from "../../hooks/useResizeObserver.js";
+const g = (e) => {
+  const [t, s] = r(void 0);
+  return n({ ref: e, onResize: (i) => {
+    const o = i.height;
+    s(`${o}px`);
+  } }), t;
+};
+export {
+  g as useResizeHeight
+};
+//# sourceMappingURL=useResizeHeight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeHeight.js","sources":["../../../src/components/Collapse/useResizeHeight.ts"],"sourcesContent":["'use client';\n\nimport { type RefObject, useState } from 'react';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\n\ntype Size = {\n  height: number | undefined;\n};\n\nexport const useResizeHeight = (ref: RefObject<HTMLElement>): string | undefined => {\n  const [height, setHeight] = useState<string | undefined>(undefined);\n\n  const onResize = (size: Size) => {\n    const currentHeight = size.height;\n    setHeight(`${currentHeight}px`);\n  };\n\n  useResizeObserver({ ref, onResize });\n\n  return height;\n};\n"],"names":["useResizeHeight","ref","height","setHeight","useState","useResizeObserver","size","currentHeight"],"mappings":";;;AASO,MAAMA,IAAkB,CAACC,MAAoD;AAClF,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAA6B,MAAS;AAOlE,SAAAC,EAAkB,EAAE,KAAAJ,GAAK,UALR,CAACK,MAAe;AAC/B,UAAMC,IAAgBD,EAAK;AAC3B,IAAAH,EAAU,GAAGI,CAAa,IAAI;AAAA,EAChC,GAEmC,GAE5BL;AACT;"}

package/dist/components/Collapse.d.ts

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

package/dist/components/Container/Container.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),p=require("classnames"),a=require("../../constants/dictionaries.cjs"),d=require("../../constants/style.cjs"),P=require("../../hooks/styleProps.cjs"),m=require("./useContainerStyleProps.cjs"),y={isFluid:!1,size:a.SizesExtended.XLARGE},s=t=>{const r={...y,...t},{children:o,...n}=r,{classProps:i,props:l}=m.useContainerStyleProps(n),{styleProps:e,props:u}=P.useStyleProps(l,{textAlignment:d.TextStyleProps.textAlignment});return c.jsx("div",{...u,...e,className:p(i,e.className),children:o})};s.spiritComponent="Container";exports.default=s;
+//# sourceMappingURL=Container.cjs.map

package/dist/components/Container/Container.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.cjs","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { SizesExtended, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritContainerProps } from '../../types';\nimport { useContainerStyleProps } from './useContainerStyleProps';\n\nconst defaultProps: SpiritContainerProps = {\n  isFluid: false,\n  size: SizesExtended.XLARGE,\n};\n\nconst Container = (props: SpiritContainerProps): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useContainerStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    textAlignment: TextStyleProps.textAlignment,\n  });\n\n  return (\n    <div {...otherProps} {...styleProps} className={classNames(classProps, styleProps.className)}>\n      {children}\n    </div>\n  );\n};\n\nContainer.spiritComponent = 'Container';\n\nexport default Container;\n"],"names":["defaultProps","SizesExtended","Container","props","propsWithDefaults","children","restProps","classProps","modifiedProps","useContainerStyleProps","styleProps","otherProps","useStyleProps","TextStyleProps","jsx","classNames"],"mappings":"6VASMA,EAAqC,CACzC,QAAS,GACT,KAAMC,EAAAA,cAAc,MACtB,EAEMC,EAAaC,GAA6C,CAC9D,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,SAAAE,EAAU,GAAGC,CAAA,EAAcF,EAC7B,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,uBAAuBH,CAAS,EACvE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,EAAe,CACrE,cAAeK,EAAAA,eAAe,aAAA,CAC/B,EAED,OACEC,EAAAA,IAAC,MAAA,CAAK,GAAGH,EAAa,GAAGD,EAAY,UAAWK,EAAWR,EAAYG,EAAW,SAAS,EACxF,SAAAL,CAAA,CACH,CAEJ,EAEAH,EAAU,gBAAkB"}

package/dist/components/Container/Container.d.ts

@@ -0,0 +1,6 @@
+import { SpiritContainerProps } from '../../types';
+declare const Container: {
+    (props: SpiritContainerProps): JSX.Element;
+    spiritComponent: string;
+};
+export default Container;

package/dist/components/Container/Container.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import l from "classnames";
+import { SizesExtended as a } from "../../constants/dictionaries.js";
+import { TextStyleProps as c } from "../../constants/style.js";
+import { useStyleProps as f } from "../../hooks/styleProps.js";
+import { useContainerStyleProps as d } from "./useContainerStyleProps.js";
+const u = {
+  isFluid: !1,
+  size: a.XLARGE
+}, P = (t) => {
+  const o = { ...u, ...t }, { children: e, ...r } = o, { classProps: i, props: p } = d(r), { styleProps: s, props: n } = f(p, {
+    textAlignment: c.textAlignment
+  });
+  return /* @__PURE__ */ m("div", { ...n, ...s, className: l(i, s.className), children: e });
+};
+P.spiritComponent = "Container";
+export {
+  P as default
+};
+//# sourceMappingURL=Container.js.map

package/dist/components/Container/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { SizesExtended, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritContainerProps } from '../../types';\nimport { useContainerStyleProps } from './useContainerStyleProps';\n\nconst defaultProps: SpiritContainerProps = {\n  isFluid: false,\n  size: SizesExtended.XLARGE,\n};\n\nconst Container = (props: SpiritContainerProps): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useContainerStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    textAlignment: TextStyleProps.textAlignment,\n  });\n\n  return (\n    <div {...otherProps} {...styleProps} className={classNames(classProps, styleProps.className)}>\n      {children}\n    </div>\n  );\n};\n\nContainer.spiritComponent = 'Container';\n\nexport default Container;\n"],"names":["defaultProps","SizesExtended","Container","props","propsWithDefaults","children","restProps","classProps","modifiedProps","useContainerStyleProps","styleProps","otherProps","useStyleProps","TextStyleProps","jsx","classNames"],"mappings":";;;;;;;AASA,MAAMA,IAAqC;AAAA,EACzC,SAAS;AAAA,EACT,MAAMC,EAAc;AACtB,GAEMC,IAAY,CAACC,MAA6C;AAC9D,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,UAAAE,GAAU,GAAGC,EAAA,IAAcF,GAC7B,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAkBC,EAAuBH,CAAS,GACvE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,GAAe;AAAA,IACrE,eAAeK,EAAe;AAAA,EAAA,CAC/B;AAED,SACE,gBAAAC,EAAC,OAAA,EAAK,GAAGH,GAAa,GAAGD,GAAY,WAAWK,EAAWR,GAAYG,EAAW,SAAS,GACxF,UAAAL,EAAA,CACH;AAEJ;AAEAH,EAAU,kBAAkB;"}

package/dist/components/Container/index.cjs

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

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

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

package/dist/components/Container/index.js

@@ -0,0 +1,7 @@
+import { useContainerStyleProps as t } from "./useContainerStyleProps.js";
+import { default as s } from "./Container.js";
+export {
+  s as Container,
+  t as useContainerStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Container/useContainerStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("classnames"),c=require("../../hooks/useClassNamePrefix.cjs");function l(r){const{isFluid:e,size:o,...t}=r,s=c.useClassNamePrefix("Container"),n=`${s}--fluid`,i=`${s}--${o}`;return{classProps:a(s,{[n]:e,[i]:!e&&o}),props:t}}exports.useContainerStyleProps=l;
+//# sourceMappingURL=useContainerStyleProps.cjs.map

package/dist/components/Container/useContainerStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerStyleProps.cjs","sources":["../../../src/components/Container/useContainerStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ContainerProps, type SpiritContainerProps } from '../../types';\n\nexport interface ContainerStyles {\n  /** className props */\n  classProps: string;\n  /** props to be passed to the element */\n  props: ContainerProps;\n}\n\nexport function useContainerStyleProps(props: SpiritContainerProps): ContainerStyles {\n  const { isFluid, size, ...modifiedProps } = props;\n\n  const containerClass = useClassNamePrefix('Container');\n  const containerFluidClass = `${containerClass}--fluid`;\n  const containerSizeClass = `${containerClass}--${size}`;\n\n  const classProps = classNames(containerClass, {\n    [containerFluidClass]: isFluid,\n    [containerSizeClass]: !isFluid && size,\n  });\n\n  return {\n    classProps,\n    props: modifiedProps,\n  };\n}\n"],"names":["useContainerStyleProps","props","isFluid","size","modifiedProps","containerClass","useClassNamePrefix","containerFluidClass","containerSizeClass","classNames"],"mappings":"8JAWO,SAASA,EAAuBC,EAA8C,CACnF,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,GAAGC,GAAkBH,EAEtCI,EAAiBC,EAAAA,mBAAmB,WAAW,EAC/CC,EAAsB,GAAGF,CAAc,UACvCG,EAAqB,GAAGH,CAAc,KAAKF,CAAI,GAOrD,MAAO,CACL,WANiBM,EAAWJ,EAAgB,CAC5C,CAACE,CAAmB,EAAGL,EACvB,CAACM,CAAkB,EAAG,CAACN,GAAWC,CAAA,CACnC,EAIC,MAAOC,CAAA,CAEX"}

package/dist/components/Container/useContainerStyleProps.d.ts

@@ -0,0 +1,6 @@
+import { ContainerProps, SpiritContainerProps } from '../../types';
+export interface ContainerStyles {
+    classProps: string;
+    props: ContainerProps;
+}
+export declare function useContainerStyleProps(props: SpiritContainerProps): ContainerStyles;