@spark-ui/components 11.5.1 → 11.6.0

package/dist/alert-dialog/index.mjs

@@ -2,9 +2,9 @@ import {
   Dialog
 } from "../chunk-WLI4EPS6.mjs";
 import "../chunk-DCXWGQVZ.mjs";
+import "../chunk-UMUMFMFB.mjs";
 import "../chunk-2YM6GKWW.mjs";
 import "../chunk-GAK4SC2F.mjs";
-import "../chunk-UMUMFMFB.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import "../chunk-6QCEPQ3U.mjs";
 

package/dist/avatar/index.mjs

@@ -1,11 +1,11 @@
 import {
   IconButton
 } from "../chunk-DCXWGQVZ.mjs";
-import "../chunk-2YM6GKWW.mjs";
-import "../chunk-GAK4SC2F.mjs";
 import {
   Icon
 } from "../chunk-UMUMFMFB.mjs";
+import "../chunk-2YM6GKWW.mjs";
+import "../chunk-GAK4SC2F.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import {
   Slot

package/dist/carousel/index.mjs

@@ -1,11 +1,11 @@
 import {
   IconButton
 } from "../chunk-DCXWGQVZ.mjs";
-import "../chunk-2YM6GKWW.mjs";
-import "../chunk-GAK4SC2F.mjs";
 import {
   Icon
 } from "../chunk-UMUMFMFB.mjs";
+import "../chunk-2YM6GKWW.mjs";
+import "../chunk-GAK4SC2F.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import "../chunk-6QCEPQ3U.mjs";
 

package/dist/{chunk-TKAU6SMC.mjs → chunk-7EWSMIZU.mjs}

@@ -73,10 +73,17 @@ var ProgressIndicator = ({
   className,
   style,
   ref,
+  onTransitionEnd,
   ...others
 }) => {
-  const { value, max, intent, shape, isIndeterminate } = useProgress();
+  const { value, max, intent, shape, isIndeterminate, onComplete } = useProgress();
   const x = (max - value) / max * 100;
+  const handleTransitionEnd = (event) => {
+    onTransitionEnd?.(event);
+    if (value >= max && onComplete && !isIndeterminate) {
+      onComplete();
+    }
+  };
   return /* @__PURE__ */ jsx(
     RadixProgress.ProgressIndicator,
     {
@@ -84,6 +91,7 @@ var ProgressIndicator = ({
       className: progressIndicatorStyles({ className, intent, shape, isIndeterminate }),
       style: { ...style, ...!isIndeterminate && { transform: `translateX(-${x}%)` } },
       ref,
+      onTransitionEnd: handleTransitionEnd,
       ...others
     }
   );
@@ -121,14 +129,23 @@ var Progress = ({
   shape = "square",
   intent = "basic",
   isIndeterminate = false,
+  onComplete,
   children = /* @__PURE__ */ jsx3(ProgressBar, {}),
   ref,
   ...others
 }) => {
   const [labelId, setLabelId] = useState();
   const value = useMemo(() => {
-    return { value: valueProp ?? 0, max, intent, shape, isIndeterminate, onLabelId: setLabelId };
-  }, [max, valueProp, intent, shape, isIndeterminate, setLabelId]);
+    return {
+      value: valueProp ?? 0,
+      max,
+      intent,
+      shape,
+      isIndeterminate,
+      onLabelId: setLabelId,
+      onComplete
+    };
+  }, [max, valueProp, intent, shape, isIndeterminate, setLabelId, onComplete]);
   return /* @__PURE__ */ jsx3(ProgressContext.Provider, { "data-spark-component": "progress", value, children: /* @__PURE__ */ jsx3(
     RadixProgress2.Progress,
     {
@@ -194,4 +211,4 @@ ProgressLabel.displayName = "Progress.Label";
 export {
   Progress2 as Progress
 };
-//# sourceMappingURL=chunk-TKAU6SMC.mjs.map
+//# sourceMappingURL=chunk-7EWSMIZU.mjs.map

package/dist/chunk-7EWSMIZU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/progress/Progress.tsx","../src/progress/ProgressBar.styles.ts","../src/progress/ProgressContext.tsx","../src/progress/ProgressIndicator.tsx","../src/progress/ProgressIndicator.styles.ts","../src/progress/ProgressBar.tsx","../src/progress/ProgressLabel.tsx","../src/progress/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { Progress as RadixProgress } from 'radix-ui'\nimport { PropsWithChildren, Ref, useMemo, useState } from 'react'\n\nimport { ProgressBar } from './ProgressBar'\nimport { ProgressContext } from './ProgressContext'\nimport { ProgressIndicatorStylesProps } from './ProgressIndicator.styles'\n\nexport interface ProgressProps\n  extends RadixProgress.ProgressProps,\n    Pick<ProgressIndicatorStylesProps, 'intent'> {\n  shape?: 'square' | 'rounded'\n  isIndeterminate?: boolean\n  /**\n   * Callback called when the progress reaches its maximum value and the transition animation completes.\n   */\n  onComplete?: () => void\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Progress = ({\n  className,\n  value: valueProp,\n  max = 100,\n  shape = 'square',\n  intent = 'basic',\n  isIndeterminate = false,\n  onComplete,\n  children = <ProgressBar />,\n  ref,\n  ...others\n}: PropsWithChildren<ProgressProps>) => {\n  const [labelId, setLabelId] = useState<string>()\n\n  const value = useMemo(() => {\n    return {\n      value: valueProp ?? 0,\n      max,\n      intent,\n      shape,\n      isIndeterminate,\n      onLabelId: setLabelId,\n      onComplete,\n    }\n  }, [max, valueProp, intent, shape, isIndeterminate, setLabelId, onComplete])\n\n  return (\n    <ProgressContext.Provider data-spark-component=\"progress\" value={value}>\n      <RadixProgress.Progress\n        data-spark-component=\"progress\"\n        ref={ref}\n        className={cx('gap-sm focus-visible:u-outline flex flex-col', className)}\n        value={valueProp}\n        aria-labelledby={labelId}\n        max={max}\n        tabIndex={-1}\n        {...others}\n      >\n        {children}\n      </RadixProgress.Progress>\n    </ProgressContext.Provider>\n  )\n}\n\nProgress.displayName = 'Progress'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const progressBarStyles = cva(\n  ['relative', 'h-sz-4 w-full', 'transform-gpu overflow-hidden', 'bg-on-background/dim-4'],\n  {\n    variants: {\n      shape: {\n        square: [],\n        rounded: ['rounded-sm'],\n      },\n    },\n  }\n)\n\nexport type ProgressBarStylesProps = VariantProps<typeof progressBarStyles>\n","import { createContext, useContext } from 'react'\n\nimport { ProgressIndicatorStylesProps } from './ProgressIndicator.styles'\n\nexport interface ProgressContextValue {\n  value: number\n  max: number\n  isIndeterminate: boolean\n  shape: 'square' | 'rounded'\n  intent: ProgressIndicatorStylesProps['intent']\n  onLabelId: (id?: string) => void\n  onComplete?: () => void\n}\n\nexport const ProgressContext = createContext<ProgressContextValue | null>(null)\n\nexport const ID_PREFIX = ':progress'\n\nexport const useProgress = () => {\n  const context = useContext(ProgressContext)\n\n  if (!context) {\n    throw new Error('useProgress must be used within a Progress provider')\n  }\n\n  return context\n}\n","import { Progress as RadixProgress } from 'radix-ui'\nimport { ComponentPropsWithRef, PropsWithChildren } from 'react'\n\nimport { useProgress } from './ProgressContext'\nimport { progressIndicatorStyles } from './ProgressIndicator.styles'\n\nexport type ProgressIndicatorProps = ComponentPropsWithRef<'div'>\n\nexport const ProgressIndicator = ({\n  className,\n  style,\n  ref,\n  onTransitionEnd,\n  ...others\n}: PropsWithChildren<ProgressIndicatorProps>) => {\n  const { value, max, intent, shape, isIndeterminate, onComplete } = useProgress()\n  const x = ((max - value) / max) * 100\n\n  const handleTransitionEnd = (event: React.TransitionEvent<HTMLDivElement>) => {\n    // Call the original onTransitionEnd if provided\n    onTransitionEnd?.(event)\n\n    // If progress is complete and we have a callback, call it\n    if (value >= max && onComplete && !isIndeterminate) {\n      onComplete()\n    }\n  }\n\n  return (\n    <RadixProgress.ProgressIndicator\n      data-spark-component=\"progress-indicator\"\n      className={progressIndicatorStyles({ className, intent, shape, isIndeterminate })}\n      style={{ ...style, ...(!isIndeterminate && { transform: `translateX(-${x}%)` }) }}\n      ref={ref}\n      onTransitionEnd={handleTransitionEnd}\n      {...others}\n    />\n  )\n}\n\nProgressIndicator.displayName = 'Progress.Indicator'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const progressIndicatorStyles = cva(['h-full w-full', 'transition-transform duration-400'], {\n  variants: {\n    /**\n     * Color scheme of the progress component.\n     */\n    intent: {\n      basic: ['bg-basic'],\n      main: ['bg-main'],\n      support: ['bg-support'],\n      accent: ['bg-accent'],\n      success: ['bg-success'],\n      alert: ['bg-alert'],\n      danger: ['bg-error'],\n      info: ['bg-info'],\n      neutral: ['bg-neutral'],\n    },\n    /**\n     * Shape of the progress component.\n     */\n    shape: {\n      square: [],\n      rounded: ['rounded-sm'],\n    },\n    /**\n     * Sets if the progress value is not determinated.\n     */\n    isIndeterminate: {\n      true: ['absolute', '-translate-x-1/2', 'animate-standalone-indeterminate-bar'],\n      false: [],\n    },\n  },\n})\n\nexport type ProgressIndicatorStylesProps = VariantProps<typeof progressIndicatorStyles>\n","import { ComponentPropsWithRef, PropsWithChildren } from 'react'\n\nimport { progressBarStyles } from './ProgressBar.styles'\nimport { useProgress } from './ProgressContext'\nimport { ProgressIndicator } from './ProgressIndicator'\n\nexport type ProgressBarProps = ComponentPropsWithRef<'div'>\n\nexport const ProgressBar = ({\n  className,\n  children = <ProgressIndicator />,\n  ref,\n  ...others\n}: PropsWithChildren<ProgressBarProps>) => {\n  const { shape } = useProgress()\n\n  return (\n    <div\n      data-spark-component=\"progress-bar\"\n      className={progressBarStyles({ className, shape })}\n      ref={ref}\n      {...others}\n    >\n      {children}\n    </div>\n  )\n}\n\nProgressBar.displayName = 'Progress.Bar'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { ComponentPropsWithRef, useCallback, useId } from 'react'\n\nimport { ID_PREFIX, useProgress } from './ProgressContext'\n\nexport type ProgressLabelProps = ComponentPropsWithRef<'span'>\n\nexport const ProgressLabel = ({\n  id: idProp,\n  children,\n  ref: forwardedRef,\n  ...others\n}: ProgressLabelProps) => {\n  const internalID = `${ID_PREFIX}-label-${useId()}`\n  const id = idProp || internalID\n\n  const { onLabelId } = useProgress()\n  const rootRef = useCallback(\n    (el: HTMLSpanElement) => {\n      onLabelId(el ? id : undefined)\n    },\n    [id, onLabelId]\n  )\n  const ref = useMergeRefs(forwardedRef, rootRef)\n\n  return (\n    <span\n      data-spark-component=\"progress-label\"\n      id={id}\n      className=\"text-body-2 text-on-surface\"\n      ref={ref}\n      {...others}\n    >\n      {children}\n    </span>\n  )\n}\n\nProgressLabel.displayName = 'Progress.Label'\n","import { Progress as Root } from './Progress'\nimport { ProgressBar } from './ProgressBar'\nimport { ProgressIndicator } from './ProgressIndicator'\nimport { ProgressLabel } from './ProgressLabel'\n\nexport const Progress: typeof Root & {\n  Label: typeof ProgressLabel\n  Bar: typeof ProgressBar\n  Indicator: typeof ProgressIndicator\n} = Object.assign(Root, {\n  Label: ProgressLabel,\n  Bar: ProgressBar,\n  Indicator: ProgressIndicator,\n})\n\nProgress.displayName = 'Progress'\nProgressBar.displayName = 'Progress.Bar'\nProgressIndicator.displayName = 'Progress.Indicator'\nProgressLabel.displayName = 'Progress.Label'\n\nexport { type ProgressProps } from './Progress'\nexport { type ProgressBarProps } from './ProgressBar'\nexport { type ProgressLabelProps } from './ProgressLabel'\nexport { type ProgressIndicatorProps } from './ProgressIndicator'\n"],"mappings":"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","names":["RadixProgress","cva","jsx","jsx","RadixProgress","jsx","Progress"]}

package/dist/combobox/index.mjs

@@ -4,13 +4,13 @@ import {
 import {
   IconButton
 } from "../chunk-DCXWGQVZ.mjs";
+import {
+  Icon
+} from "../chunk-UMUMFMFB.mjs";
 import "../chunk-2YM6GKWW.mjs";
 import {
   Spinner
 } from "../chunk-GAK4SC2F.mjs";
-import {
-  Icon
-} from "../chunk-UMUMFMFB.mjs";
 import {
   VisuallyHidden
 } from "../chunk-KEGAAGJW.mjs";

package/dist/dialog/index.mjs

@@ -2,9 +2,9 @@ import {
   Dialog
 } from "../chunk-WLI4EPS6.mjs";
 import "../chunk-DCXWGQVZ.mjs";
+import "../chunk-UMUMFMFB.mjs";
 import "../chunk-2YM6GKWW.mjs";
 import "../chunk-GAK4SC2F.mjs";
-import "../chunk-UMUMFMFB.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import "../chunk-6QCEPQ3U.mjs";
 export {

package/dist/docgen.json

@@ -30524,27 +30524,6 @@
     "displayName": "FileUpload.AcceptedFile",
     "methods": [],
     "props": {
-      "asChild": {
-        "defaultValue": {
-          "value": false
-        },
-        "description": "Change the default rendered element for the one passed as a child, merging their props and behavior.",
-        "name": "asChild",
-        "parent": {
-          "fileName": "src/file-upload/FileUploadAcceptedFile.tsx",
-          "name": "FileUploadAcceptedFileProps"
-        },
-        "declarations": [
-          {
-            "fileName": "src/file-upload/FileUploadAcceptedFile.tsx",
-            "name": "FileUploadAcceptedFileProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
       "ref": {
         "defaultValue": null,
         "description": "",
@@ -31001,27 +30980,6 @@
     "displayName": "FileUpload.PreviewImage",
     "methods": [],
     "props": {
-      "asChild": {
-        "defaultValue": {
-          "value": false
-        },
-        "description": "Change the default rendered element for the one passed as a child, merging their props and behavior.",
-        "name": "asChild",
-        "parent": {
-          "fileName": "src/file-upload/FileUploadPreviewImage.tsx",
-          "name": "FileUploadPreviewImageProps"
-        },
-        "declarations": [
-          {
-            "fileName": "src/file-upload/FileUploadPreviewImage.tsx",
-            "name": "FileUploadPreviewImageProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
       "ref": {
         "defaultValue": null,
         "description": "",
@@ -31108,27 +31066,6 @@
     "displayName": "FileUpload.RejectedFile",
     "methods": [],
     "props": {
-      "asChild": {
-        "defaultValue": {
-          "value": false
-        },
-        "description": "Change the default rendered element for the one passed as a child, merging their props and behavior.",
-        "name": "asChild",
-        "parent": {
-          "fileName": "src/file-upload/FileUploadRejectedFile.tsx",
-          "name": "FileUploadRejectedFileProps"
-        },
-        "declarations": [
-          {
-            "fileName": "src/file-upload/FileUploadRejectedFile.tsx",
-            "name": "FileUploadRejectedFileProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
       "ref": {
         "defaultValue": null,
         "description": "",
@@ -31767,6 +31704,55 @@
       }
     }
   },
+  "FILE_UPLOAD_ERRORS": {
+    "tags": {},
+    "description": "File upload error codes",
+    "displayName": "FILE_UPLOAD_ERRORS",
+    "methods": [],
+    "props": {}
+  },
+  "TOO_MANY_FILES": {
+    "tags": {},
+    "description": "Exceeds the maxFiles limit",
+    "displayName": "TOO_MANY_FILES",
+    "methods": [],
+    "props": {}
+  },
+  "FILE_INVALID_TYPE": {
+    "tags": {},
+    "description": "File type not in the accept list",
+    "displayName": "FILE_INVALID_TYPE",
+    "methods": [],
+    "props": {}
+  },
+  "FILE_TOO_LARGE": {
+    "tags": {},
+    "description": "File size exceeds maxFileSize",
+    "displayName": "FILE_TOO_LARGE",
+    "methods": [],
+    "props": {}
+  },
+  "FILE_TOO_SMALL": {
+    "tags": {},
+    "description": "File size below minFileSize",
+    "displayName": "FILE_TOO_SMALL",
+    "methods": [],
+    "props": {}
+  },
+  "FILE_INVALID": {
+    "tags": {},
+    "description": "Generic validation failure",
+    "displayName": "FILE_INVALID",
+    "methods": [],
+    "props": {}
+  },
+  "FILE_EXISTS": {
+    "tags": {},
+    "description": "Duplicate file detected",
+    "displayName": "FILE_EXISTS",
+    "methods": [],
+    "props": {}
+  },
   "uploadFiles": {
     "tags": {
       "param": "input - The file input element\nfiles - Single file or array of files to upload"
@@ -31776,6 +31762,269 @@
     "methods": [],
     "props": {}
   },
+  "useFileUploadState": {
+    "tags": {},
+    "description": "Hook that manages file upload state, validation, and file operations",
+    "displayName": "useFileUploadState",
+    "methods": [],
+    "props": {
+      "defaultValue": {
+        "defaultValue": {
+          "value": "[]"
+        },
+        "description": "Initial files to display when the component mounts (uncontrolled mode)",
+        "name": "defaultValue",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "File[]"
+        }
+      },
+      "value": {
+        "defaultValue": null,
+        "description": "Controlled files value (controlled mode)\nWhen provided, the component becomes controlled",
+        "name": "value",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "File[]"
+        }
+      },
+      "onFileAccept": {
+        "defaultValue": null,
+        "description": "Callback when files are accepted",
+        "name": "onFileAccept",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(details: FileAcceptDetails) => void"
+        }
+      },
+      "onFileReject": {
+        "defaultValue": null,
+        "description": "Callback when files are rejected",
+        "name": "onFileReject",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(details: FileRejectDetails) => void"
+        }
+      },
+      "onFileChange": {
+        "defaultValue": null,
+        "description": "Callback when files change (both accepted and rejected)\nFor controlled mode, use this to update the value prop by extracting details.acceptedFiles",
+        "name": "onFileChange",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(details: FileChangeDetails) => void"
+        }
+      },
+      "multiple": {
+        "defaultValue": {
+          "value": true
+        },
+        "description": "Whether multiple files can be selected",
+        "name": "multiple",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "accept": {
+        "defaultValue": null,
+        "description": "Comma-separated list of accepted file types",
+        "name": "accept",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "maxFiles": {
+        "defaultValue": null,
+        "description": "Maximum number of files that can be uploaded",
+        "name": "maxFiles",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "maxFileSize": {
+        "defaultValue": null,
+        "description": "Maximum file size in bytes",
+        "name": "maxFileSize",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "minFileSize": {
+        "defaultValue": null,
+        "description": "Minimum file size in bytes",
+        "name": "minFileSize",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "disabled": {
+        "defaultValue": {
+          "value": false
+        },
+        "description": "When `true`, prevents the user from interacting with the file upload",
+        "name": "disabled",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "readOnly": {
+        "defaultValue": {
+          "value": false
+        },
+        "description": "When `true`, sets the file upload to read-only mode",
+        "name": "readOnly",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "locale": {
+        "defaultValue": null,
+        "description": "The [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code for the locale.\nUsed for formatting file sizes and error messages.",
+        "name": "locale",
+        "parent": {
+          "fileName": "components/src/file-upload/useFileUploadState.tsx",
+          "name": "UseFileUploadStateProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/file-upload/useFileUploadState.tsx",
+            "name": "UseFileUploadStateProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      }
+    }
+  },
   "validateFileAccept": {
     "tags": {},
     "description": "Validates if a file matches the accept patterns\nSupports MIME types (e.g., \"image/*\", \"image/png\", \"application/pdf\")\nand file extensions (e.g., \".pdf\", \".doc\", \".jpg\")",
@@ -35755,6 +36004,25 @@
           "name": "boolean"
         }
       },
+      "onComplete": {
+        "defaultValue": null,
+        "description": "Callback called when the progress reaches its maximum value and the transition animation completes.",
+        "name": "onComplete",
+        "parent": {
+          "fileName": "components/src/progress/Progress.tsx",
+          "name": "ProgressProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/progress/Progress.tsx",
+            "name": "ProgressProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "() => void"
+        }
+      },
       "ref": {
         "defaultValue": null,
         "description": "",

package/dist/drawer/index.mjs

@@ -1,11 +1,11 @@
 import {
   IconButton
 } from "../chunk-DCXWGQVZ.mjs";
-import "../chunk-2YM6GKWW.mjs";
-import "../chunk-GAK4SC2F.mjs";
 import {
   Icon
 } from "../chunk-UMUMFMFB.mjs";
+import "../chunk-2YM6GKWW.mjs";
+import "../chunk-GAK4SC2F.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import "../chunk-6QCEPQ3U.mjs";
 

package/dist/dropdown/index.mjs

@@ -2,11 +2,11 @@ import {
   Popover
 } from "../chunk-GPJMLIHC.mjs";
 import "../chunk-DCXWGQVZ.mjs";
-import "../chunk-2YM6GKWW.mjs";
-import "../chunk-GAK4SC2F.mjs";
 import {
   Icon
 } from "../chunk-UMUMFMFB.mjs";
+import "../chunk-2YM6GKWW.mjs";
+import "../chunk-GAK4SC2F.mjs";
 import {
   VisuallyHidden
 } from "../chunk-KEGAAGJW.mjs";