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

package/dist/components/FileUploader/FileUploaderInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderInput.cjs","sources":["../../../src/components/FileUploader/FileUploaderInput.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderInputProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { DEFAULT_FILE_QUEUE_LIMIT, DEFAULT_FILE_SIZE_LIMIT } from './constants';\nimport { useFileUploaderInput } from './useFileUploaderInput';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploaderInput = (props: SpiritFileUploaderInputProps) => {\n  const [isDragAndDropSupported, setIsDragAndDropSupported] = useState(false);\n  const {\n    accept,\n    'aria-describedby': ariaDescribedBy = '',\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isDisabled,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    maxFileSize = DEFAULT_FILE_SIZE_LIMIT,\n    maxUploadedFiles = DEFAULT_FILE_QUEUE_LIMIT,\n    onError,\n    queueLimitBehavior = 'none',\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const {\n    isDisabledByQueueLimitBehavior,\n    isDragging,\n    isDropZoneHidden,\n    onChange,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n  } = useFileUploaderInput({\n    accept,\n    isMultiple,\n    maxFileSize,\n    maxUploadedFiles,\n    onError,\n    queueLimitBehavior,\n  });\n  const { classProps } = useFileUploaderStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isDisabledByQueueLimitBehavior,\n    isDragAndDropSupported,\n    isDragging,\n    isDropZoneHidden,\n    isLabelHidden,\n    isRequired,\n    queueLimitBehavior,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  useEffect(() => {\n    setIsDragAndDropSupported('draggable' in document.createElement('span'));\n  }, []);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n      onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n      onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n      onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n      className={classNames(classProps.input.root, styleProps.className)}\n    >\n      <Label htmlFor={id} UNSAFE_className={classProps.input.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        type=\"file\"\n        accept={accept}\n        id={id}\n        ref={inputRef}\n        className={classProps.input.input}\n        onChange={onChange}\n        multiple={isMultiple}\n        disabled={isDisabled || isDisabledByQueueLimitBehavior}\n        {...restProps}\n      />\n      <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n        <Icon name={iconName} aria-hidden=\"true\" />\n        <Label htmlFor={id} UNSAFE_className={classProps.input.dropZone.label}>\n          <span className={classProps.input.link}>{linkText}</span>\n          &nbsp;\n          <span className={classProps.input.dropLabel}>{labelText}</span>\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.input.helper}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.input.validationText}\n          elementType=\"span\"\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nFileUploaderInput.spiritComponent = 'FileUploaderInput';\n\nexport default FileUploaderInput;\n"],"names":["FileUploaderInput","props","isDragAndDropSupported","setIsDragAndDropSupported","useState","accept","ariaDescribedBy","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isDisabled","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","maxFileSize","DEFAULT_FILE_SIZE_LIMIT","maxUploadedFiles","DEFAULT_FILE_QUEUE_LIMIT","onError","queueLimitBehavior","validationState","validationText","restProps","isDisabledByQueueLimitBehavior","isDragging","isDropZoneHidden","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploaderInput","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","useEffect","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText"],"mappings":"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"}
+{"version":3,"file":"FileUploaderInput.cjs","sources":["../../../src/components/FileUploader/FileUploaderInput.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderInputProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { DEFAULT_FILE_QUEUE_LIMIT, DEFAULT_FILE_SIZE_LIMIT } from './constants';\nimport { useFileUploaderInput } from './useFileUploaderInput';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploaderInput = (props: SpiritFileUploaderInputProps) => {\n  const [isDragAndDropSupported, setIsDragAndDropSupported] = useState(false);\n  const {\n    accept,\n    'aria-describedby': ariaDescribedBy = '',\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isDisabled,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    maxFileSize = DEFAULT_FILE_SIZE_LIMIT,\n    maxUploadedFiles = DEFAULT_FILE_QUEUE_LIMIT,\n    name,\n    onError,\n    queueLimitBehavior = 'none',\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const {\n    isDisabledByQueueLimitBehavior,\n    isDragging,\n    isDropZoneHidden,\n    onChange,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n  } = useFileUploaderInput({\n    accept,\n    isMultiple,\n    maxFileSize,\n    maxUploadedFiles,\n    onError,\n    queueLimitBehavior,\n  });\n  const { classProps } = useFileUploaderStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isDisabledByQueueLimitBehavior,\n    isDragAndDropSupported,\n    isDragging,\n    isDropZoneHidden,\n    isLabelHidden,\n    isRequired,\n    queueLimitBehavior,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  useEffect(() => {\n    setIsDragAndDropSupported('draggable' in document.createElement('span'));\n  }, []);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n      onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n      onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n      onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n      className={classNames(classProps.input.root, styleProps.className)}\n    >\n      <Label htmlFor={id} UNSAFE_className={classProps.input.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        type=\"file\"\n        accept={accept}\n        id={id}\n        ref={inputRef}\n        name={name}\n        className={classProps.input.input}\n        onChange={onChange}\n        multiple={isMultiple}\n        disabled={isDisabled || isDisabledByQueueLimitBehavior}\n        {...restProps}\n      />\n      <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n        <Icon name={iconName} aria-hidden=\"true\" />\n        <Label htmlFor={id} UNSAFE_className={classProps.input.dropZone.label}>\n          <span className={classProps.input.link}>{linkText}</span>\n          &nbsp;\n          <span className={classProps.input.dropLabel}>{labelText}</span>\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.input.helper}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.input.validationText}\n          elementType=\"span\"\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nFileUploaderInput.spiritComponent = 'FileUploaderInput';\n\nexport default FileUploaderInput;\n"],"names":["FileUploaderInput","props","isDragAndDropSupported","setIsDragAndDropSupported","useState","accept","ariaDescribedBy","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isDisabled","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","maxFileSize","DEFAULT_FILE_SIZE_LIMIT","maxUploadedFiles","DEFAULT_FILE_QUEUE_LIMIT","name","onError","queueLimitBehavior","validationState","validationText","restProps","isDisabledByQueueLimitBehavior","isDragging","isDropZoneHidden","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploaderInput","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","useEffect","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText"],"mappings":"0kBAaMA,EAAqBC,GAAwC,CACjE,KAAM,CAACC,EAAwBC,CAAyB,EAAIC,EAAAA,SAAS,EAAK,EACpE,CACJ,OAAAC,EACA,mBAAoBC,EAAkB,GACtC,YAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,SACX,GAAAC,EACA,SAAAC,EACA,WAAAC,EACA,cAAAC,EACA,WAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EAAcC,EAAAA,wBACd,iBAAAC,EAAmBC,EAAAA,yBACnB,KAAAC,EACA,QAAAC,EACA,mBAAAC,EAAqB,OACrB,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACD5B,EACE,CACJ,+BAAA6B,EACA,WAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,WAAAC,EACA,OAAAC,CAAA,EACEC,uBAAqB,CACvB,OAAAjC,EACA,WAAAU,EACA,YAAAK,EACA,iBAAAE,EACA,QAAAG,EACA,mBAAAC,CAAA,CACD,EACK,CAAE,WAAAa,CAAA,EAAeC,4BAA0B,CAE/C,WAAA3B,EACA,+BAAAiB,EACA,uBAAA5B,EACA,WAAA6B,EACA,iBAAAC,EACA,cAAAlB,EACA,WAAAE,EACA,mBAAAU,EACA,gBAAAC,CAAA,CACD,EACK,CAAA,WAAEc,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcd,CAAS,EAC9D,CAACe,EAAqBC,CAAQ,EAAIC,EAAAA,mBAAmBxC,CAAe,EACpEyC,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAArB,EACA,eAAAC,CAAA,CACD,EAEDqB,OAAAA,EAAAA,UAAU,IAAM,CACd9C,EAA0B,cAAe,SAAS,cAAc,MAAM,CAAC,CACzE,EAAG,CAAA,CAAE,EAGH+C,EAAAA,KAAC,MAAA,CACE,GAAGR,EACH,GAAGD,EACJ,WAAY,CAAC5B,GAAcX,EAAyBkC,EAAa,OACjE,YAAa,CAACvB,GAAcX,EAAyBgC,EAAc,OACnE,YAAa,CAACrB,GAAcX,EAAyBiC,EAAc,OACnE,OAAQ,CAACtB,GAAcX,EAAyBmC,EAAS,OACzD,UAAWc,EAAWZ,EAAW,MAAM,KAAME,EAAW,SAAS,EAEjE,SAAA,CAAAW,EAAAA,IAACC,EAAAA,SAAM,QAAS1C,EAAI,iBAAkB4B,EAAW,MAAM,MACpD,SAAAtB,CAAA,CACH,EACAmC,EAAAA,IAAC,QAAA,CACE,GAAGR,EACJ,KAAK,OACL,OAAAvC,EACA,GAAAM,EACA,IAAKC,EACL,KAAAY,EACA,UAAWe,EAAW,MAAM,MAC5B,SAAAN,EACA,SAAUlB,EACV,SAAUF,GAAciB,EACvB,GAAGD,CAAA,CAAA,EAENqB,EAAAA,KAAC,OAAI,IAAK3C,EAAa,UAAWgC,EAAW,MAAM,SAAS,KAC1D,SAAA,CAAAa,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAM5C,EAAU,cAAY,OAAO,EACzCwC,EAAAA,KAACG,EAAAA,SAAM,QAAS1C,EAAI,iBAAkB4B,EAAW,MAAM,SAAS,MAC9D,SAAA,CAAAa,MAAC,OAAA,CAAK,UAAWb,EAAW,MAAM,KAAO,SAAApB,EAAS,EAAO,UAExD,OAAA,CAAK,UAAWoB,EAAW,MAAM,UAAY,SAAArB,CAAA,CAAU,CAAA,EAC1D,EACAkC,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBhB,EAAW,MAAM,OACnC,GAAI,GAAG5B,CAAE,eACT,aAAckC,EACd,WAAApC,CAAA,CAAA,CACF,EACF,EACCkB,GACCyB,EAAAA,IAACI,EAAAA,QAAA,CACC,iBAAkBjB,EAAW,MAAM,eACnC,YAAY,OACX,GAAI/B,GAAqB,CAAE,uBAAwBmB,CAAA,EACpD,GAAI,GAAGhB,CAAE,mBACT,eAAAiB,EACA,aAAciB,EACd,KAAME,CAAA,CAAA,CACR,CAAA,CAAA,CAIR,EAEA/C,EAAkB,gBAAkB"}

package/dist/components/FileUploader/FileUploaderInput.js

@@ -3,17 +3,16 @@ import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import O from "classnames";
 import { useState as Q, useEffect as $ } from "react";
 import { useStyleProps as z } from "../../hooks/styleProps.js";
-import { useAriaDescribedBy as w } from "../../hooks/useAriaDescribedBy.js";
+import { useAriaDescribedBy as w } from "../../hooks/useAriaIdRefs.js";
 import G from "../Field/HelperText.js";
 import D from "../Field/Label.js";
-import J from "../Field/useAriaIds.js";
-import K from "../Field/ValidationText.js";
-import { useValidationTextRole as W } from "../Field/useValidationTextRole.js";
-import X from "../Icon/Icon.js";
-import { DEFAULT_FILE_SIZE_LIMIT as Y, DEFAULT_FILE_QUEUE_LIMIT as ee } from "./constants.js";
-import { useFileUploaderInput as re } from "./useFileUploaderInput.js";
-import { useFileUploaderStyleProps as ie } from "./useFileUploaderStyleProps.js";
-const oe = (g) => {
+import J from "../Field/ValidationText.js";
+import { useValidationTextRole as K } from "../Field/useValidationTextRole.js";
+import W from "../Icon/Icon.js";
+import { DEFAULT_FILE_SIZE_LIMIT as X, DEFAULT_FILE_QUEUE_LIMIT as Y } from "./constants.js";
+import { useFileUploaderInput as ee } from "./useFileUploaderInput.js";
+import { useFileUploaderStyleProps as re } from "./useFileUploaderStyleProps.js";
+const ie = (g) => {
   const [o, h] = Q(!1), {
     accept: n,
     "aria-describedby": v = "",
@@ -30,40 +29,41 @@ const oe = (g) => {
     label: _,
     labelText: L,
     linkText: S,
-    maxFileSize: U = Y,
-    maxUploadedFiles: A = ee,
-    onError: y,
+    maxFileSize: U = X,
+    maxUploadedFiles: A = Y,
+    name: y,
+    onError: P,
     queueLimitBehavior: p = "none",
     validationState: t,
     validationText: d,
     ...m
   } = g, {
     isDisabledByQueueLimitBehavior: c,
-    isDragging: P,
-    isDropZoneHidden: B,
-    onChange: R,
-    onDragEnter: Z,
-    onDragLeave: V,
-    onDragOver: H,
-    onDrop: M
-  } = re({
+    isDragging: B,
+    isDropZoneHidden: R,
+    onChange: Z,
+    onDragEnter: V,
+    onDragLeave: H,
+    onDragOver: M,
+    onDrop: j
+  } = ee({
     accept: n,
     isMultiple: l,
     maxFileSize: U,
     maxUploadedFiles: A,
-    onError: y,
+    onError: P,
     queueLimitBehavior: p
-  }), { classProps: e } = ie({
+  }), { classProps: e } = re({
     isDisabled: i,
     isDisabledByQueueLimitBehavior: c,
     isDragAndDropSupported: o,
-    isDragging: P,
-    isDropZoneHidden: B,
+    isDragging: B,
+    isDropZoneHidden: R,
     isLabelHidden: T,
     isRequired: I,
     queueLimitBehavior: p,
     validationState: t
-  }), { styleProps: u, props: j } = z(m), [k, f] = J(v), q = w(k), C = W({
+  }), { styleProps: u, props: k } = z(m), [q, f] = w(v), C = K({
     validationState: t,
     validationText: d
   });
@@ -72,12 +72,12 @@ const oe = (g) => {
   }, []), /* @__PURE__ */ s(
     "div",
     {
-      ...j,
+      ...k,
       ...u,
-      onDragOver: !i && o ? H : void 0,
-      onDragEnter: !i && o ? Z : void 0,
-      onDragLeave: !i && o ? V : void 0,
-      onDrop: !i && o ? M : void 0,
+      onDragOver: !i && o ? M : void 0,
+      onDragEnter: !i && o ? V : void 0,
+      onDragLeave: !i && o ? H : void 0,
+      onDrop: !i && o ? j : void 0,
       className: O(e.input.root, u.className),
       children: [
         /* @__PURE__ */ r(D, { htmlFor: a, UNSAFE_className: e.input.label, children: _ }),
@@ -89,15 +89,16 @@ const oe = (g) => {
             accept: n,
             id: a,
             ref: N,
+            name: y,
             className: e.input.input,
-            onChange: R,
+            onChange: Z,
             multiple: l,
             disabled: i || c,
             ...m
           }
         ),
         /* @__PURE__ */ s("div", { ref: b, className: e.input.dropZone.root, children: [
-          /* @__PURE__ */ r(X, { name: F, "aria-hidden": "true" }),
+          /* @__PURE__ */ r(W, { name: F, "aria-hidden": "true" }),
           /* @__PURE__ */ s(D, { htmlFor: a, UNSAFE_className: e.input.dropZone.label, children: [
             /* @__PURE__ */ r("span", { className: e.input.link, children: S }),
             " ",
@@ -114,7 +115,7 @@ const oe = (g) => {
           )
         ] }),
         t && /* @__PURE__ */ r(
-          K,
+          J,
           {
             UNSAFE_className: e.input.validationText,
             elementType: "span",
@@ -129,8 +130,8 @@ const oe = (g) => {
     }
   );
 };
-oe.spiritComponent = "FileUploaderInput";
+ie.spiritComponent = "FileUploaderInput";
 export {
-  oe as default
+  ie as default
 };
 //# sourceMappingURL=FileUploaderInput.js.map

package/dist/components/FileUploader/FileUploaderInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderInput.js","sources":["../../../src/components/FileUploader/FileUploaderInput.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderInputProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { DEFAULT_FILE_QUEUE_LIMIT, DEFAULT_FILE_SIZE_LIMIT } from './constants';\nimport { useFileUploaderInput } from './useFileUploaderInput';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploaderInput = (props: SpiritFileUploaderInputProps) => {\n  const [isDragAndDropSupported, setIsDragAndDropSupported] = useState(false);\n  const {\n    accept,\n    'aria-describedby': ariaDescribedBy = '',\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isDisabled,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    maxFileSize = DEFAULT_FILE_SIZE_LIMIT,\n    maxUploadedFiles = DEFAULT_FILE_QUEUE_LIMIT,\n    onError,\n    queueLimitBehavior = 'none',\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const {\n    isDisabledByQueueLimitBehavior,\n    isDragging,\n    isDropZoneHidden,\n    onChange,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n  } = useFileUploaderInput({\n    accept,\n    isMultiple,\n    maxFileSize,\n    maxUploadedFiles,\n    onError,\n    queueLimitBehavior,\n  });\n  const { classProps } = useFileUploaderStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isDisabledByQueueLimitBehavior,\n    isDragAndDropSupported,\n    isDragging,\n    isDropZoneHidden,\n    isLabelHidden,\n    isRequired,\n    queueLimitBehavior,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  useEffect(() => {\n    setIsDragAndDropSupported('draggable' in document.createElement('span'));\n  }, []);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n      onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n      onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n      onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n      className={classNames(classProps.input.root, styleProps.className)}\n    >\n      <Label htmlFor={id} UNSAFE_className={classProps.input.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        type=\"file\"\n        accept={accept}\n        id={id}\n        ref={inputRef}\n        className={classProps.input.input}\n        onChange={onChange}\n        multiple={isMultiple}\n        disabled={isDisabled || isDisabledByQueueLimitBehavior}\n        {...restProps}\n      />\n      <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n        <Icon name={iconName} aria-hidden=\"true\" />\n        <Label htmlFor={id} UNSAFE_className={classProps.input.dropZone.label}>\n          <span className={classProps.input.link}>{linkText}</span>\n          &nbsp;\n          <span className={classProps.input.dropLabel}>{labelText}</span>\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.input.helper}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.input.validationText}\n          elementType=\"span\"\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nFileUploaderInput.spiritComponent = 'FileUploaderInput';\n\nexport default FileUploaderInput;\n"],"names":["FileUploaderInput","props","isDragAndDropSupported","setIsDragAndDropSupported","useState","accept","ariaDescribedBy","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isDisabled","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","maxFileSize","DEFAULT_FILE_SIZE_LIMIT","maxUploadedFiles","DEFAULT_FILE_QUEUE_LIMIT","onError","queueLimitBehavior","validationState","validationText","restProps","isDisabledByQueueLimitBehavior","isDragging","isDropZoneHidden","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploaderInput","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","useEffect","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText"],"mappings":"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"}
+{"version":3,"file":"FileUploaderInput.js","sources":["../../../src/components/FileUploader/FileUploaderInput.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderInputProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { DEFAULT_FILE_QUEUE_LIMIT, DEFAULT_FILE_SIZE_LIMIT } from './constants';\nimport { useFileUploaderInput } from './useFileUploaderInput';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploaderInput = (props: SpiritFileUploaderInputProps) => {\n  const [isDragAndDropSupported, setIsDragAndDropSupported] = useState(false);\n  const {\n    accept,\n    'aria-describedby': ariaDescribedBy = '',\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isDisabled,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    maxFileSize = DEFAULT_FILE_SIZE_LIMIT,\n    maxUploadedFiles = DEFAULT_FILE_QUEUE_LIMIT,\n    name,\n    onError,\n    queueLimitBehavior = 'none',\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const {\n    isDisabledByQueueLimitBehavior,\n    isDragging,\n    isDropZoneHidden,\n    onChange,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n  } = useFileUploaderInput({\n    accept,\n    isMultiple,\n    maxFileSize,\n    maxUploadedFiles,\n    onError,\n    queueLimitBehavior,\n  });\n  const { classProps } = useFileUploaderStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isDisabledByQueueLimitBehavior,\n    isDragAndDropSupported,\n    isDragging,\n    isDropZoneHidden,\n    isLabelHidden,\n    isRequired,\n    queueLimitBehavior,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  useEffect(() => {\n    setIsDragAndDropSupported('draggable' in document.createElement('span'));\n  }, []);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n      onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n      onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n      onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n      className={classNames(classProps.input.root, styleProps.className)}\n    >\n      <Label htmlFor={id} UNSAFE_className={classProps.input.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        type=\"file\"\n        accept={accept}\n        id={id}\n        ref={inputRef}\n        name={name}\n        className={classProps.input.input}\n        onChange={onChange}\n        multiple={isMultiple}\n        disabled={isDisabled || isDisabledByQueueLimitBehavior}\n        {...restProps}\n      />\n      <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n        <Icon name={iconName} aria-hidden=\"true\" />\n        <Label htmlFor={id} UNSAFE_className={classProps.input.dropZone.label}>\n          <span className={classProps.input.link}>{linkText}</span>\n          &nbsp;\n          <span className={classProps.input.dropLabel}>{labelText}</span>\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.input.helper}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.input.validationText}\n          elementType=\"span\"\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nFileUploaderInput.spiritComponent = 'FileUploaderInput';\n\nexport default FileUploaderInput;\n"],"names":["FileUploaderInput","props","isDragAndDropSupported","setIsDragAndDropSupported","useState","accept","ariaDescribedBy","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isDisabled","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","maxFileSize","DEFAULT_FILE_SIZE_LIMIT","maxUploadedFiles","DEFAULT_FILE_QUEUE_LIMIT","name","onError","queueLimitBehavior","validationState","validationText","restProps","isDisabledByQueueLimitBehavior","isDragging","isDropZoneHidden","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploaderInput","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","useEffect","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText"],"mappings":"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"}

package/dist/components/Header/HeaderDialogLink.cjs

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

package/dist/components/Header/HeaderDialogLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderDialogLink.cjs","sources":["../../../src/components/Header/HeaderDialogLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderDialogLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritDialogHeaderLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst _HeaderDialogLink = <E extends ElementType = 'a'>(\n  props: SpiritDialogHeaderLinkProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = 'a', children, isCurrent, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useHeaderStyleProps({ isCurrentLink: isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.headerDialogLink,\n    styleProps,\n    otherProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst HeaderDialogLink = forwardRef<HTMLAnchorElement, SpiritDialogHeaderLinkProps<'a'>>(\n  _HeaderDialogLink,\n) as unknown as PolymorphicComponent<'a', HeaderDialogLinkProps>;\n\nHeaderDialogLink.spiritComponent = 'HeaderDialogLink';\nHeaderDialogLink.displayName = 'HeaderDialogLink';\n\nexport default HeaderDialogLink;\n"],"names":["_HeaderDialogLink","props","ref","elementType","children","isCurrent","restProps","Component","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","HeaderDialogLink","forwardRef"],"mappings":"6SAaMA,EAAoB,CACxBC,EACAC,IACgB,CAChB,KAAM,CAAE,YAAAC,EAAc,IAAK,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAAcL,EAE3DM,EAAYJ,EAEZ,CAAE,WAAAK,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,cAAeJ,EAAW,EACjE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,EAAAA,gBAAgBP,EAAW,CAClD,WAAYC,EAAW,iBAAA,WACvBE,EACA,WAAAC,CAAA,CACD,EAED,aACGJ,EAAA,CAAW,GAAGI,EAAa,GAAGE,EAAkB,IAAAX,EAC9C,SAAAE,EACH,CAEJ,EAEMW,EAAmBC,EAAAA,WACvBhB,CACF,EAEAe,EAAiB,gBAAkB,mBACnCA,EAAiB,YAAc"}
+{"version":3,"file":"HeaderDialogLink.cjs","sources":["../../../src/components/Header/HeaderDialogLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useLinkClick, useStyleProps } from '../../hooks';\nimport {\n  type HeaderDialogLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritDialogHeaderLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst _HeaderDialogLink = <E extends ElementType = 'a'>(\n  props: SpiritDialogHeaderLinkProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = 'a', children, isCurrent, routerOptions, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useHeaderStyleProps({ isCurrentLink: isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.headerDialogLink,\n    styleProps,\n    otherProps,\n  });\n\n  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} onClick={handleClick} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst HeaderDialogLink = forwardRef<HTMLAnchorElement, SpiritDialogHeaderLinkProps<'a'>>(\n  _HeaderDialogLink,\n) as unknown as PolymorphicComponent<'a', HeaderDialogLinkProps>;\n\nHeaderDialogLink.spiritComponent = 'HeaderDialogLink';\nHeaderDialogLink.displayName = 'HeaderDialogLink';\n\nexport default HeaderDialogLink;\n"],"names":["_HeaderDialogLink","props","ref","elementType","children","isCurrent","routerOptions","restProps","Component","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsx","HeaderDialogLink","forwardRef"],"mappings":"uVAaMA,EAAoB,CACxBC,EACAC,IACgB,CAChB,KAAM,CAAE,YAAAC,EAAc,IAAK,SAAAC,EAAU,UAAAC,EAAW,cAAAC,EAAe,GAAGC,GAAcN,EAE1EO,EAAYL,EAEZ,CAAE,WAAAM,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,cAAeL,EAAW,EACjE,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,EAAAA,gBAAgBP,EAAW,CAClD,WAAYC,EAAW,iBAAA,WACvBE,EACA,WAAAC,CAAA,CACD,EAEKI,EAAcC,EAAAA,aAAa,CAAE,GAAGV,EAAW,cAAAD,EAAe,EAEhE,OACEY,MAACV,GAAW,GAAGI,EAAa,GAAGE,EAAkB,QAASE,EAAa,IAAAd,EACpE,SAAAE,EACH,CAEJ,EAEMe,EAAmBC,EAAAA,WACvBpB,CACF,EAEAmB,EAAiB,gBAAkB,mBACnCA,EAAiB,YAAc"}

package/dist/components/Header/HeaderDialogLink.js

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

package/dist/components/Header/HeaderDialogLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderDialogLink.js","sources":["../../../src/components/Header/HeaderDialogLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderDialogLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritDialogHeaderLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst _HeaderDialogLink = <E extends ElementType = 'a'>(\n  props: SpiritDialogHeaderLinkProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = 'a', children, isCurrent, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useHeaderStyleProps({ isCurrentLink: isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.headerDialogLink,\n    styleProps,\n    otherProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst HeaderDialogLink = forwardRef<HTMLAnchorElement, SpiritDialogHeaderLinkProps<'a'>>(\n  _HeaderDialogLink,\n) as unknown as PolymorphicComponent<'a', HeaderDialogLinkProps>;\n\nHeaderDialogLink.spiritComponent = 'HeaderDialogLink';\nHeaderDialogLink.displayName = 'HeaderDialogLink';\n\nexport default HeaderDialogLink;\n"],"names":["_HeaderDialogLink","props","ref","elementType","children","isCurrent","restProps","Component","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","HeaderDialogLink","forwardRef"],"mappings":";;;;;;AAaA,MAAMA,IAAoB,CACxBC,GACAC,MACgB;AAChB,QAAM,EAAE,aAAAC,IAAc,KAAK,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAAcL,GAE3DM,IAAYJ,GAEZ,EAAE,YAAAK,EAAA,IAAeC,EAAoB,EAAE,eAAeJ,GAAW,GACjE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,YAAAE;AAAA,IACA,YAAAC;AAAA,EAAA,CACD;AAED,2BACGJ,GAAA,EAAW,GAAGI,GAAa,GAAGE,GAAkB,KAAAX,GAC9C,UAAAE,GACH;AAEJ,GAEMW,IAAmBC;AAAA,EACvBhB;AACF;AAEAe,EAAiB,kBAAkB;AACnCA,EAAiB,cAAc;"}
+{"version":3,"file":"HeaderDialogLink.js","sources":["../../../src/components/Header/HeaderDialogLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useLinkClick, useStyleProps } from '../../hooks';\nimport {\n  type HeaderDialogLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritDialogHeaderLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst _HeaderDialogLink = <E extends ElementType = 'a'>(\n  props: SpiritDialogHeaderLinkProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = 'a', children, isCurrent, routerOptions, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useHeaderStyleProps({ isCurrentLink: isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.headerDialogLink,\n    styleProps,\n    otherProps,\n  });\n\n  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} onClick={handleClick} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst HeaderDialogLink = forwardRef<HTMLAnchorElement, SpiritDialogHeaderLinkProps<'a'>>(\n  _HeaderDialogLink,\n) as unknown as PolymorphicComponent<'a', HeaderDialogLinkProps>;\n\nHeaderDialogLink.spiritComponent = 'HeaderDialogLink';\nHeaderDialogLink.displayName = 'HeaderDialogLink';\n\nexport default HeaderDialogLink;\n"],"names":["_HeaderDialogLink","props","ref","elementType","children","isCurrent","routerOptions","restProps","Component","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsx","HeaderDialogLink","forwardRef"],"mappings":";;;;;;;AAaA,MAAMA,IAAoB,CACxBC,GACAC,MACgB;AAChB,QAAM,EAAE,aAAAC,IAAc,KAAK,UAAAC,GAAU,WAAAC,GAAW,eAAAC,GAAe,GAAGC,MAAcN,GAE1EO,IAAYL,GAEZ,EAAE,YAAAM,EAAA,IAAeC,EAAoB,EAAE,eAAeL,GAAW,GACjE,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,YAAAE;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GAEKI,IAAcC,EAAa,EAAE,GAAGV,GAAW,eAAAD,GAAe;AAEhE,SACE,gBAAAY,EAACV,KAAW,GAAGI,GAAa,GAAGE,GAAkB,SAASE,GAAa,KAAAd,GACpE,UAAAE,GACH;AAEJ,GAEMe,IAAmBC;AAAA,EACvBpB;AACF;AAEAmB,EAAiB,kBAAkB;AACnCA,EAAiB,cAAc;"}

package/dist/components/Header/HeaderLink.cjs

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

package/dist/components/Header/HeaderLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLink.cjs","sources":["../../../src/components/Header/HeaderLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst _HeaderLink = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLinkProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = 'a', children, isCurrent, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useHeaderStyleProps({ isCurrentLink: isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.headerLink,\n    styleProps,\n    otherProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst HeaderLink = forwardRef<HTMLAnchorElement, SpiritHeaderLinkProps<'a'>>(\n  _HeaderLink,\n) as unknown as PolymorphicComponent<'a', HeaderLinkProps>;\n\nHeaderLink.spiritComponent = 'HeaderLink';\nHeaderLink.displayName = 'HeaderLink';\n\nexport default HeaderLink;\n"],"names":["_HeaderLink","props","ref","elementType","children","isCurrent","restProps","Component","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","HeaderLink","forwardRef"],"mappings":"6SAaMA,EAAc,CAClBC,EACAC,IACgB,CAChB,KAAM,CAAE,YAAAC,EAAc,IAAK,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAAcL,EAE3DM,EAAYJ,EAEZ,CAAE,WAAAK,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,cAAeJ,EAAW,EACjE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,EAAAA,gBAAgBP,EAAW,CAClD,WAAYC,EAAW,WAAA,WACvBE,EACA,WAAAC,CAAA,CACD,EAED,aACGJ,EAAA,CAAW,GAAGI,EAAa,GAAGE,EAAkB,IAAAX,EAC9C,SAAAE,EACH,CAEJ,EAEMW,EAAaC,EAAAA,WACjBhB,CACF,EAEAe,EAAW,gBAAkB,aAC7BA,EAAW,YAAc"}
+{"version":3,"file":"HeaderLink.cjs","sources":["../../../src/components/Header/HeaderLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useLinkClick, useStyleProps } from '../../hooks';\nimport {\n  type HeaderLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst _HeaderLink = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLinkProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = 'a', children, isCurrent, routerOptions, ...restProps } = props;\n  const { href } = restProps;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useHeaderStyleProps({ isCurrentLink: isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.headerLink,\n    styleProps,\n    otherProps,\n  });\n\n  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={href} onClick={handleClick} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst HeaderLink = forwardRef<HTMLAnchorElement, SpiritHeaderLinkProps<'a'>>(\n  _HeaderLink,\n) as unknown as PolymorphicComponent<'a', HeaderLinkProps>;\n\nHeaderLink.spiritComponent = 'HeaderLink';\nHeaderLink.displayName = 'HeaderLink';\n\nexport default HeaderLink;\n"],"names":["_HeaderLink","props","ref","elementType","children","isCurrent","routerOptions","restProps","href","Component","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsx","HeaderLink","forwardRef"],"mappings":"uVAaMA,EAAc,CAClBC,EACAC,IACgB,CAChB,KAAM,CAAE,YAAAC,EAAc,IAAK,SAAAC,EAAU,UAAAC,EAAW,cAAAC,EAAe,GAAGC,GAAcN,EAC1E,CAAE,KAAAO,GAASD,EAEXE,EAAYN,EAEZ,CAAE,WAAAO,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,cAAeN,EAAW,EACjE,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcP,CAAS,EAC3DQ,EAAmBC,EAAAA,gBAAgBP,EAAW,CAClD,WAAYC,EAAW,WAAA,WACvBE,EACA,WAAAC,CAAA,CACD,EAEKI,EAAcC,EAAAA,aAAa,CAAE,GAAGX,EAAW,cAAAD,EAAe,EAEhE,OACEa,MAACV,EAAA,CAAW,GAAGI,EAAa,GAAGE,EAAkB,KAAAP,EAAY,QAASS,EAAa,IAAAf,EAChF,SAAAE,CAAA,CACH,CAEJ,EAEMgB,EAAaC,EAAAA,WACjBrB,CACF,EAEAoB,EAAW,gBAAkB,aAC7BA,EAAW,YAAc"}

package/dist/components/Header/HeaderLink.js

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

package/dist/components/Header/HeaderLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLink.js","sources":["../../../src/components/Header/HeaderLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst _HeaderLink = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLinkProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = 'a', children, isCurrent, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useHeaderStyleProps({ isCurrentLink: isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.headerLink,\n    styleProps,\n    otherProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst HeaderLink = forwardRef<HTMLAnchorElement, SpiritHeaderLinkProps<'a'>>(\n  _HeaderLink,\n) as unknown as PolymorphicComponent<'a', HeaderLinkProps>;\n\nHeaderLink.spiritComponent = 'HeaderLink';\nHeaderLink.displayName = 'HeaderLink';\n\nexport default HeaderLink;\n"],"names":["_HeaderLink","props","ref","elementType","children","isCurrent","restProps","Component","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","HeaderLink","forwardRef"],"mappings":";;;;;;AAaA,MAAMA,IAAc,CAClBC,GACAC,MACgB;AAChB,QAAM,EAAE,aAAAC,IAAc,KAAK,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAAcL,GAE3DM,IAAYJ,GAEZ,EAAE,YAAAK,EAAA,IAAeC,EAAoB,EAAE,eAAeJ,GAAW,GACjE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,YAAAE;AAAA,IACA,YAAAC;AAAA,EAAA,CACD;AAED,2BACGJ,GAAA,EAAW,GAAGI,GAAa,GAAGE,GAAkB,KAAAX,GAC9C,UAAAE,GACH;AAEJ,GAEMW,IAAaC;AAAA,EACjBhB;AACF;AAEAe,EAAW,kBAAkB;AAC7BA,EAAW,cAAc;"}
+{"version":3,"file":"HeaderLink.js","sources":["../../../src/components/Header/HeaderLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useLinkClick, useStyleProps } from '../../hooks';\nimport {\n  type HeaderLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst _HeaderLink = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLinkProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = 'a', children, isCurrent, routerOptions, ...restProps } = props;\n  const { href } = restProps;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useHeaderStyleProps({ isCurrentLink: isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.headerLink,\n    styleProps,\n    otherProps,\n  });\n\n  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={href} onClick={handleClick} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst HeaderLink = forwardRef<HTMLAnchorElement, SpiritHeaderLinkProps<'a'>>(\n  _HeaderLink,\n) as unknown as PolymorphicComponent<'a', HeaderLinkProps>;\n\nHeaderLink.spiritComponent = 'HeaderLink';\nHeaderLink.displayName = 'HeaderLink';\n\nexport default HeaderLink;\n"],"names":["_HeaderLink","props","ref","elementType","children","isCurrent","routerOptions","restProps","href","Component","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsx","HeaderLink","forwardRef"],"mappings":";;;;;;;AAaA,MAAMA,IAAc,CAClBC,GACAC,MACgB;AAChB,QAAM,EAAE,aAAAC,IAAc,KAAK,UAAAC,GAAU,WAAAC,GAAW,eAAAC,GAAe,GAAGC,MAAcN,GAC1E,EAAE,MAAAO,MAASD,GAEXE,IAAYN,GAEZ,EAAE,YAAAO,EAAA,IAAeC,EAAoB,EAAE,eAAeN,GAAW,GACjE,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAeC,EAAcP,CAAS,GAC3DQ,IAAmBC,EAAgBP,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,YAAAE;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GAEKI,IAAcC,EAAa,EAAE,GAAGX,GAAW,eAAAD,GAAe;AAEhE,SACE,gBAAAa,EAACV,GAAA,EAAW,GAAGI,GAAa,GAAGE,GAAkB,MAAAP,GAAY,SAASS,GAAa,KAAAf,GAChF,UAAAE,EAAA,CACH;AAEJ,GAEMgB,IAAaC;AAAA,EACjBrB;AACF;AAEAoB,EAAW,kBAAkB;AAC7BA,EAAW,cAAc;"}

package/dist/components/InputDetails/InputDetails.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),f=require("react"),S=require("../../hooks/styleProps.cjs"),g=require("../../utils/mergeStyleProps.cjs"),D=require("./useInputDetailsStyleProps.cjs"),o={elementType:"div",id:void 0,registerAriaDetails:void 0},i=p=>{const n={...o,...p},{classProps:l,props:u}=D.useInputDetailsStyleProps(n),{children:c,elementType:a,id:e,registerAriaDetails:t,...d}=u,{styleProps:P,props:s}=S.useStyleProps(d),r=a||o.elementType,y=g.mergeStyleProps(r,{classProps:l,styleProps:P,otherProps:s});return f.useEffect(()=>(e&&t?.({add:e}),()=>{e&&t?.({remove:e})}),[e,t]),m.jsx(r,{...s,...y,id:e,children:c})};i.spiritComponent="InputDetails";exports.default=i;
+//# sourceMappingURL=InputDetails.cjs.map

package/dist/components/InputDetails/InputDetails.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDetails.cjs","sources":["../../../src/components/InputDetails/InputDetails.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, useEffect } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type InputDetailsProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useInputDetailsStyleProps } from './useInputDetailsStyleProps';\n\nconst defaultProps: Partial<InputDetailsProps> = {\n  elementType: 'div',\n  id: undefined,\n  registerAriaDetails: undefined,\n};\n\nconst InputDetails = <E extends ElementType = 'div'>(props: InputDetailsProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { classProps, props: modifiedProps } = useInputDetailsStyleProps(propsWithDefaults);\n  const { children, elementType, id, registerAriaDetails, ...restProps } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const Component = (elementType || defaultProps.elementType) as ElementType;\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  useEffect(() => {\n    if (id) {\n      registerAriaDetails?.({ add: id });\n    }\n\n    return () => {\n      if (id) {\n        registerAriaDetails?.({ remove: id });\n      }\n    };\n  }, [id, registerAriaDetails]);\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} id={id}>\n      {children}\n    </Component>\n  );\n};\n\nInputDetails.spiritComponent = 'InputDetails';\n\nexport default InputDetails;\n"],"names":["defaultProps","InputDetails","props","propsWithDefaults","classProps","modifiedProps","useInputDetailsStyleProps","children","elementType","id","registerAriaDetails","restProps","styleProps","otherProps","useStyleProps","Component","mergedStyleProps","mergeStyleProps","useEffect"],"mappings":"mTAQMA,EAA2C,CAC/C,YAAa,MACb,GAAI,OACJ,oBAAqB,MACvB,EAEMC,EAA+CC,GAAgC,CACnF,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,WAAAE,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,0BAA0BH,CAAiB,EAClF,CAAE,SAAAI,EAAU,YAAAC,EAAa,GAAAC,EAAI,oBAAAC,EAAqB,GAAGC,GAAcN,EACnE,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAC3DI,EAAaP,GAAeR,EAAa,YACzCgB,EAAmBC,EAAAA,gBAAgBF,EAAW,CAAE,WAAAX,EAAA,WAAYQ,EAAY,WAAAC,EAAY,EAE1FK,OAAAA,EAAAA,UAAU,KACJT,GACFC,IAAsB,CAAE,IAAKD,EAAI,EAG5B,IAAM,CACPA,GACFC,IAAsB,CAAE,OAAQD,EAAI,CAExC,GACC,CAACA,EAAIC,CAAmB,CAAC,QAGzBK,EAAA,CAAW,GAAGF,EAAa,GAAGG,EAAkB,GAAAP,EAC9C,SAAAF,EACH,CAEJ,EAEAN,EAAa,gBAAkB"}

package/dist/components/InputDetails/InputDetails.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ElementType } from 'react';
+import { InputDetailsProps } from '../../types';
+declare const InputDetails: {
+    <E extends ElementType = "div">(props: InputDetailsProps<E>): React.JSX.Element;
+    spiritComponent: string;
+};
+export default InputDetails;

package/dist/components/InputDetails/InputDetails.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as u } from "react/jsx-runtime";
+import { useEffect as P } from "react";
+import { useStyleProps as y } from "../../hooks/styleProps.js";
+import { mergeStyleProps as D } from "../../utils/mergeStyleProps.js";
+import { useInputDetailsStyleProps as g } from "./useInputDetailsStyleProps.js";
+const o = {
+  elementType: "div",
+  id: void 0,
+  registerAriaDetails: void 0
+}, v = (p) => {
+  const i = { ...o, ...p }, { classProps: n, props: l } = g(i), { children: m, elementType: a, id: e, registerAriaDetails: t, ...c } = l, { styleProps: d, props: r } = y(c), s = a || o.elementType, f = D(s, { classProps: n, styleProps: d, otherProps: r });
+  return P(() => (e && t?.({ add: e }), () => {
+    e && t?.({ remove: e });
+  }), [e, t]), /* @__PURE__ */ u(s, { ...r, ...f, id: e, children: m });
+};
+v.spiritComponent = "InputDetails";
+export {
+  v as default
+};
+//# sourceMappingURL=InputDetails.js.map

package/dist/components/InputDetails/InputDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDetails.js","sources":["../../../src/components/InputDetails/InputDetails.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, useEffect } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type InputDetailsProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useInputDetailsStyleProps } from './useInputDetailsStyleProps';\n\nconst defaultProps: Partial<InputDetailsProps> = {\n  elementType: 'div',\n  id: undefined,\n  registerAriaDetails: undefined,\n};\n\nconst InputDetails = <E extends ElementType = 'div'>(props: InputDetailsProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { classProps, props: modifiedProps } = useInputDetailsStyleProps(propsWithDefaults);\n  const { children, elementType, id, registerAriaDetails, ...restProps } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const Component = (elementType || defaultProps.elementType) as ElementType;\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  useEffect(() => {\n    if (id) {\n      registerAriaDetails?.({ add: id });\n    }\n\n    return () => {\n      if (id) {\n        registerAriaDetails?.({ remove: id });\n      }\n    };\n  }, [id, registerAriaDetails]);\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} id={id}>\n      {children}\n    </Component>\n  );\n};\n\nInputDetails.spiritComponent = 'InputDetails';\n\nexport default InputDetails;\n"],"names":["defaultProps","InputDetails","props","propsWithDefaults","classProps","modifiedProps","useInputDetailsStyleProps","children","elementType","id","registerAriaDetails","restProps","styleProps","otherProps","useStyleProps","Component","mergedStyleProps","mergeStyleProps","useEffect"],"mappings":";;;;;;AAQA,MAAMA,IAA2C;AAAA,EAC/C,aAAa;AAAA,EACb,IAAI;AAAA,EACJ,qBAAqB;AACvB,GAEMC,IAAe,CAAgCC,MAAgC;AACnF,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,YAAAE,GAAY,OAAOC,EAAA,IAAkBC,EAA0BH,CAAiB,GAClF,EAAE,UAAAI,GAAU,aAAAC,GAAa,IAAAC,GAAI,qBAAAC,GAAqB,GAAGC,MAAcN,GACnE,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAC3DI,IAAaP,KAAeR,EAAa,aACzCgB,IAAmBC,EAAgBF,GAAW,EAAE,YAAAX,GAAY,YAAAQ,GAAY,YAAAC,GAAY;AAE1F,SAAAK,EAAU,OACJT,KACFC,IAAsB,EAAE,KAAKD,GAAI,GAG5B,MAAM;AACX,IAAIA,KACFC,IAAsB,EAAE,QAAQD,GAAI;AAAA,EAExC,IACC,CAACA,GAAIC,CAAmB,CAAC,qBAGzBK,GAAA,EAAW,GAAGF,GAAa,GAAGG,GAAkB,IAAAP,GAC9C,UAAAF,GACH;AAEJ;AAEAN,EAAa,kBAAkB;"}

package/dist/components/InputDetails/index.cjs

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

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

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

package/dist/components/InputDetails/index.d.ts

@@ -0,0 +1,2 @@
+export { default as InputDetails } from './InputDetails';
+export * from './useInputDetailsStyleProps';

package/dist/components/InputDetails/index.js

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

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

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

package/dist/components/InputDetails/useInputDetailsStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../hooks/useClassNamePrefix.cjs");function t(s){return{classProps:e.useClassNamePrefix("InputDetails"),props:s}}exports.useInputDetailsStyleProps=t;
+//# sourceMappingURL=useInputDetailsStyleProps.cjs.map

package/dist/components/InputDetails/useInputDetailsStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputDetailsStyleProps.cjs","sources":["../../../src/components/InputDetails/useInputDetailsStyleProps.ts"],"sourcesContent":["import type { ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type InputDetailsProps } from '../../types';\n\nexport interface InputDetailsStyles<T> {\n  classProps: string;\n  props: T;\n}\n\nexport function useInputDetailsStyleProps<E extends ElementType = 'div'>(\n  props: InputDetailsProps<E>,\n): InputDetailsStyles<InputDetailsProps<E>> {\n  const inputDetailsClass = useClassNamePrefix('InputDetails');\n\n  return {\n    classProps: inputDetailsClass,\n    props,\n  };\n}\n"],"names":["useInputDetailsStyleProps","props","useClassNamePrefix"],"mappings":"sIASO,SAASA,EACdC,EAC0C,CAG1C,MAAO,CACL,WAHwBC,EAAAA,mBAAmB,cAAc,EAIzD,MAAAD,CAAA,CAEJ"}

package/dist/components/InputDetails/useInputDetailsStyleProps.d.ts

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { InputDetailsProps } from '../../types';
+export interface InputDetailsStyles<T> {
+    classProps: string;
+    props: T;
+}
+export declare function useInputDetailsStyleProps<E extends ElementType = 'div'>(props: InputDetailsProps<E>): InputDetailsStyles<InputDetailsProps<E>>;

package/dist/components/InputDetails/useInputDetailsStyleProps.js

@@ -0,0 +1,11 @@
+import { useClassNamePrefix as t } from "../../hooks/useClassNamePrefix.js";
+function a(s) {
+  return {
+    classProps: t("InputDetails"),
+    props: s
+  };
+}
+export {
+  a as useInputDetailsStyleProps
+};
+//# sourceMappingURL=useInputDetailsStyleProps.js.map

package/dist/components/InputDetails/useInputDetailsStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputDetailsStyleProps.js","sources":["../../../src/components/InputDetails/useInputDetailsStyleProps.ts"],"sourcesContent":["import type { ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type InputDetailsProps } from '../../types';\n\nexport interface InputDetailsStyles<T> {\n  classProps: string;\n  props: T;\n}\n\nexport function useInputDetailsStyleProps<E extends ElementType = 'div'>(\n  props: InputDetailsProps<E>,\n): InputDetailsStyles<InputDetailsProps<E>> {\n  const inputDetailsClass = useClassNamePrefix('InputDetails');\n\n  return {\n    classProps: inputDetailsClass,\n    props,\n  };\n}\n"],"names":["useInputDetailsStyleProps","props","useClassNamePrefix"],"mappings":";AASO,SAASA,EACdC,GAC0C;AAG1C,SAAO;AAAA,IACL,YAHwBC,EAAmB,cAAc;AAAA,IAIzD,OAAAD;AAAA,EAAA;AAEJ;"}

package/dist/components/InputDetails.d.ts

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

package/dist/components/Link/Link.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Link.cjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type LinkProps, type PolymorphicComponent, type PolymorphicRef, type SpiritLinkProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useLinkStyleProps } from './useLinkStyleProps';\n\nconst defaultProps = {\n  elementType: 'a',\n  color: 'primary',\n  hasVisitedStyleAllowed: false,\n  underlined: 'hover',\n};\n\nconst _Link = <E extends ElementType = 'a', C = void>(\n  props: SpiritLinkProps<E, C>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useLinkStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Link = forwardRef<HTMLAnchorElement, SpiritLinkProps<'a', void>>(_Link) as unknown as PolymorphicComponent<\n  'a',\n  LinkProps<void>\n>;\n\nLink.spiritComponent = 'Link';\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["defaultProps","_Link","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useLinkStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","Link","forwardRef"],"mappings":"2SAQMA,EAAe,CACnB,YAAa,IACb,MAAO,UACP,uBAAwB,GACxB,WAAY,OACd,EAEMC,EAAQ,CACZC,EACAC,IACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAcL,EAAa,YAAa,SAAAM,EAAU,GAAGC,GAAcH,EAErEI,EAAYH,EAEZ,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkBJ,CAAS,EAClE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAAE,WAAAC,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAE1F,OACEI,MAACT,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAAkB,KAAMR,EAAU,KAAM,IAAAJ,EACpE,SAAAG,CAAA,CACH,CAEJ,EAEMY,EAAOC,EAAAA,WAA0DlB,CAAK,EAK5EiB,EAAK,gBAAkB,OACvBA,EAAK,YAAc"}
+{"version":3,"file":"Link.cjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useLinkClick, useStyleProps } from '../../hooks';\nimport { type LinkProps, type PolymorphicComponent, type PolymorphicRef, type SpiritLinkProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useLinkStyleProps } from './useLinkStyleProps';\n\nconst defaultProps = {\n  elementType: 'a',\n  color: 'primary',\n  hasVisitedStyleAllowed: false,\n  underlined: 'hover',\n};\n\nconst _Link = <E extends ElementType = 'a', C = void>(\n  props: SpiritLinkProps<E, C>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType, children, routerOptions, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useLinkStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} onClick={handleClick} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Link = forwardRef<HTMLAnchorElement, SpiritLinkProps<'a', void>>(_Link) as unknown as PolymorphicComponent<\n  'a',\n  LinkProps<void>\n>;\n\nLink.spiritComponent = 'Link';\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["defaultProps","_Link","props","ref","propsWithDefaults","elementType","children","routerOptions","restProps","Component","classProps","modifiedProps","useLinkStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsx","Link","forwardRef"],"mappings":"qVAQMA,EAAe,CACnB,YAAa,IACb,MAAO,UACP,uBAAwB,GACxB,WAAY,OACd,EAEMC,EAAQ,CACZC,EACAC,IACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAcL,EAAa,YAAa,SAAAM,EAAU,cAAAC,EAAe,GAAGC,GAAcJ,EAEpFK,EAAYJ,EAEZ,CAAE,WAAAK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkBJ,CAAS,EAClE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAAE,WAAAC,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAEpFI,EAAcC,EAAAA,aAAa,CAAE,GAAGX,EAAW,cAAAD,EAAe,EAEhE,OACEa,MAACX,GAAW,GAAGK,EAAa,GAAGE,EAAkB,QAASE,EAAa,IAAAf,EACpE,SAAAG,EACH,CAEJ,EAEMe,EAAOC,EAAAA,WAA0DrB,CAAK,EAK5EoB,EAAK,gBAAkB,OACvBA,EAAK,YAAc"}

package/dist/components/Link/Link.js

@@ -1,18 +1,19 @@
 "use client";
-import { jsx as y } from "react/jsx-runtime";
-import { forwardRef as P } from "react";
-import { useStyleProps as u } from "../../hooks/styleProps.js";
-import { mergeStyleProps as h } from "../../utils/mergeStyleProps.js";
-import { useLinkStyleProps as k } from "./useLinkStyleProps.js";
+import { jsx as P } from "react/jsx-runtime";
+import { forwardRef as k } from "react";
+import { useStyleProps as h } from "../../hooks/styleProps.js";
+import { useLinkClick as L } from "../../hooks/useLinkClick.js";
+import { mergeStyleProps as C } from "../../utils/mergeStyleProps.js";
+import { useLinkStyleProps as S } from "./useLinkStyleProps.js";
 const s = {
   elementType: "a",
   color: "primary",
   hasVisitedStyleAllowed: !1,
   underlined: "hover"
-}, L = (p, n) => {
-  const i = { ...s, ...p }, { elementType: l = s.elementType, children: m, ...e } = i, o = l, { classProps: c, props: f } = k(e), { styleProps: a, props: r } = u(f), d = h(o, { classProps: c, styleProps: a, otherProps: r });
-  return /* @__PURE__ */ y(o, { ...r, ...d, href: e.href, ref: n, children: m });
-}, t = P(L);
+}, T = (p, n) => {
+  const i = { ...s, ...p }, { elementType: l = s.elementType, children: m, routerOptions: c, ...o } = i, e = l, { classProps: a, props: d } = S(o), { styleProps: f, props: r } = h(d), u = C(e, { classProps: a, styleProps: f, otherProps: r }), y = L({ ...o, routerOptions: c });
+  return /* @__PURE__ */ P(e, { ...r, ...u, onClick: y, ref: n, children: m });
+}, t = k(T);
 t.spiritComponent = "Link";
 t.displayName = "Link";
 export {