@deepnoid/ui 0.1.164 → 0.1.166

package/dist/{chunk-OOX5X2MN.mjs → chunk-W7MZB2KA.mjs}

@@ -29,29 +29,32 @@ function FileUpload({
   helperMessage,
   showProgress,
   name,
-  classNames
+  classNames,
+  defaultFile
 }) {
   const fileInputRef = useRef(null);
   const uploadIntervalRef = useRef(null);
-  const [file, setFile] = useState(null);
+  const [currentFile, setCurrentFile] = useState(null);
   const [uploadProgress, setUploadProgress] = useState(0);
   const [message, setMessage] = useState(errorMessage);
+  const [displayFileName, setDisplayFileName] = useState(() => (defaultFile == null ? void 0 : defaultFile.name) || "");
+  const [hasUploadedFile, setHasUploadedFile] = useState(false);
   const slots = fileUploadStyle();
   const handleButtonClick = () => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   };
-  const validateFile = (file2) => {
-    if (accept.length && !accept.includes(file2.type)) {
+  const validateFile = (file) => {
+    if (accept.length && !accept.includes(file.type)) {
       return acceptErrorMessage;
     }
-    const sizeMB = file2.size / 1024 / 1024;
+    const sizeMB = file.size / 1024 / 1024;
     if (sizeMB > maxSizeMB) {
       return `${sizeErrorMessage} (${maxSizeMB}MB)`;
     }
     return null;
   };
-  const startUploadSimulation = (file2) => {
+  const startUploadSimulation = (file) => {
     let progress = 0;
     setUploadProgress(0);
     uploadIntervalRef.current = window.setInterval(() => {
@@ -59,7 +62,7 @@ function FileUpload({
       setUploadProgress(progress);
       if (progress >= 100) {
         clearInterval(uploadIntervalRef.current);
-        onFileUpload == null ? void 0 : onFileUpload(file2);
+        onFileUpload == null ? void 0 : onFileUpload(file);
       }
     }, 100);
   };
@@ -70,20 +73,26 @@ function FileUpload({
     const error = validateFile(selectedFile);
     if (error) {
       setMessage(error);
-      setFile(null);
+      setCurrentFile(null);
+      setDisplayFileName((defaultFile == null ? void 0 : defaultFile.name) || "");
+      setHasUploadedFile(false);
       return;
     }
-    setFile(selectedFile);
+    setCurrentFile(selectedFile);
+    setDisplayFileName(selectedFile.name);
     setMessage("");
+    setHasUploadedFile(true);
     startUploadSimulation(selectedFile);
   };
   const handleCancelUpload = () => {
     if (uploadIntervalRef.current) {
       clearInterval(uploadIntervalRef.current);
     }
-    setFile(null);
+    setCurrentFile(null);
     setUploadProgress(0);
     setMessage("");
+    setDisplayFileName((defaultFile == null ? void 0 : defaultFile.name) || "");
+    setHasUploadedFile(false);
     if (onCancelUpload) onCancelUpload();
   };
   useEffect(() => {
@@ -94,8 +103,11 @@ function FileUpload({
     };
   }, []);
   useEffect(() => {
-    setMessage(errorMessage);
-  }, [setMessage, errorMessage]);
+    if (errorMessage !== void 0) {
+      setMessage(errorMessage);
+    }
+  }, [errorMessage]);
+  const shouldShowCloseButton = hasUploadedFile;
   return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ jsxs("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
       /* @__PURE__ */ jsxs("div", { className: slots.inputWrapper(), children: [
@@ -107,14 +119,15 @@ function FileUpload({
             variant: "outline",
             full: true,
             placeholder,
-            defaultValue: file == null ? void 0 : file.name,
+            value: displayFileName,
             errorMessage: message
           }
         ),
-        file && /* @__PURE__ */ jsx(
+        shouldShowCloseButton && /* @__PURE__ */ jsx(
           icon_button_default,
           {
             name: "close",
+            size: "sm",
             variant: "ghost",
             color: "neutral",
             onClick: handleCancelUpload,
@@ -123,10 +136,19 @@ function FileUpload({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, disabled: !!file, children: buttonText }),
+      /* @__PURE__ */ jsx(
+        button_default,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleButtonClick,
+          disabled: !!(currentFile && hasUploadedFile),
+          children: buttonText
+        }
+      ),
       /* @__PURE__ */ jsx("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
     ] }),
-    showProgress && file && uploadProgress < 100 && /* @__PURE__ */ jsx(progress_default, { value: uploadProgress }),
+    showProgress && currentFile && hasUploadedFile && uploadProgress < 100 && /* @__PURE__ */ jsx(progress_default, { value: uploadProgress }),
     !message && helperMessage && /* @__PURE__ */ jsx("p", { className: slots.helperMessage(), children: helperMessage })
   ] });
 }
@@ -137,7 +159,7 @@ var fileUploadStyle = tv({
     base: ["flex", "flex-col", "gap-[5px]"],
     container: ["flex", "gap-[10px]"],
     inputWrapper: ["relative", "flex-1"],
-    cancelButton: ["absolute", "top-1/2", "right-0", "-translate-y-1/2"],
+    cancelButton: ["absolute", "top-1/2", "right-0", "-translate-y-1/2", "mr-[4px]"],
     errorMessage: ["text-danger-main", "text-sm"],
     helperMessage: ["text-neutral-main", "text-sm"]
   }

package/dist/{chunk-INRA6IED.mjs → chunk-XTS6WKFD.mjs}

@@ -23,18 +23,28 @@ var StarRating = forwardRef((originalProps, ref) => {
     allowHalf = false,
     classNames,
     filledColor = "text-primary-main",
-    emptyColor = "text-neutral-light"
+    emptyColor = "text-neutral-soft"
   } = { ...props, ...variantProps };
   const slots = useMemo(() => starRatingStyle({ ...variantProps }), [variantProps]);
   const [hoverRating, setHoverRating] = useState(0);
   const handleStarClick = (starIndex, isHalf = false) => {
     if (readOnly || !onChange) return;
-    const newRating = allowHalf && isHalf ? starIndex - 0.5 : starIndex;
+    let newRating;
+    if (allowHalf && isHalf) {
+      newRating = starIndex - 0.5;
+    } else {
+      newRating = starIndex;
+    }
     onChange(newRating);
   };
   const handleStarHover = (starIndex, isHalf = false) => {
     if (readOnly) return;
-    const newHoverRating = allowHalf && isHalf ? starIndex - 0.5 : starIndex;
+    let newHoverRating;
+    if (allowHalf && isHalf) {
+      newHoverRating = starIndex - 0.5;
+    } else {
+      newHoverRating = starIndex;
+    }
     setHoverRating(newHoverRating);
   };
   const handleMouseLeave = () => {
@@ -47,7 +57,9 @@ var StarRating = forwardRef((originalProps, ref) => {
   const renderStar = (starIndex) => {
     const currentRating = readOnly ? value : hoverRating || value;
     const isFull = currentRating >= starIndex;
-    const isHalf = allowHalf && currentRating >= starIndex - 0.5 && currentRating < starIndex;
+    const isEmpty = currentRating < starIndex - 1;
+    const isPartial = !isFull && !isEmpty;
+    const fillPercentage = isPartial ? (currentRating - (starIndex - 1)) * 100 : 0;
     return /* @__PURE__ */ jsxs("div", { className: slots.starWrapper({ class: classNames == null ? void 0 : classNames.starWrapper }), children: [
       !readOnly && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
@@ -67,7 +79,22 @@ var StarRating = forwardRef((originalProps, ref) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("div", { children: isHalf ? /* @__PURE__ */ jsx(Icon_default, { name: "halfStar", className: filledColor, size }) : /* @__PURE__ */ jsx(Icon_default, { name: "star", fill: isFull, className: isFull ? filledColor : emptyColor, size }) })
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        (isFull || isPartial) && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Icon_default, { name: "star", fill: true, className: emptyColor, size }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute left-0 top-0 overflow-hidden",
+              style: {
+                width: isFull ? "100%" : `${fillPercentage}%`
+              },
+              children: /* @__PURE__ */ jsx(Icon_default, { name: "star", fill: true, className: filledColor, size })
+            }
+          )
+        ] }),
+        isEmpty && /* @__PURE__ */ jsx(Icon_default, { name: "star", fill: true, className: emptyColor, size })
+      ] })
     ] }, starIndex);
   };
   return /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: createRange(stars).map(renderStar) });

package/dist/components/fileUpload/fileUpload.d.mts

@@ -3,6 +3,11 @@ import * as tailwind_merge from 'tailwind-merge';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
+type DefaultFile = {
+    name: string;
+    size?: number;
+    type?: string;
+};
 type FileUploadProps = {
     buttonText: string;
     maxSizeMB?: number;
@@ -17,8 +22,9 @@ type FileUploadProps = {
     showProgress?: boolean;
     name?: string;
     classNames?: SlotsToClasses<FileUploadSlots>;
+    defaultFile?: DefaultFile;
 };
-declare function FileUpload({ buttonText, maxSizeMB, placeholder, errorMessage, accept, acceptErrorMessage, sizeErrorMessage, onFileUpload, onCancelUpload, helperMessage, showProgress, name, classNames, }: FileUploadProps): react_jsx_runtime.JSX.Element;
+declare function FileUpload({ buttonText, maxSizeMB, placeholder, errorMessage, accept, acceptErrorMessage, sizeErrorMessage, onFileUpload, onCancelUpload, helperMessage, showProgress, name, classNames, defaultFile, }: FileUploadProps): react_jsx_runtime.JSX.Element;
 declare namespace FileUpload {
     var displayName: string;
 }
@@ -80,4 +86,4 @@ declare const fileUploadStyle: tailwind_variants.TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 type FileUploadSlots = keyof ReturnType<typeof fileUploadStyle>;
 
-export { FileUpload, FileUpload as default, fileUploadStyle };
+export { type DefaultFile, FileUpload, type FileUploadProps, FileUpload as default, fileUploadStyle };

package/dist/components/fileUpload/fileUpload.d.ts

@@ -3,6 +3,11 @@ import * as tailwind_merge from 'tailwind-merge';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SlotsToClasses } from '../../utils/types.js';
 
+type DefaultFile = {
+    name: string;
+    size?: number;
+    type?: string;
+};
 type FileUploadProps = {
     buttonText: string;
     maxSizeMB?: number;
@@ -17,8 +22,9 @@ type FileUploadProps = {
     showProgress?: boolean;
     name?: string;
     classNames?: SlotsToClasses<FileUploadSlots>;
+    defaultFile?: DefaultFile;
 };
-declare function FileUpload({ buttonText, maxSizeMB, placeholder, errorMessage, accept, acceptErrorMessage, sizeErrorMessage, onFileUpload, onCancelUpload, helperMessage, showProgress, name, classNames, }: FileUploadProps): react_jsx_runtime.JSX.Element;
+declare function FileUpload({ buttonText, maxSizeMB, placeholder, errorMessage, accept, acceptErrorMessage, sizeErrorMessage, onFileUpload, onCancelUpload, helperMessage, showProgress, name, classNames, defaultFile, }: FileUploadProps): react_jsx_runtime.JSX.Element;
 declare namespace FileUpload {
     var displayName: string;
 }
@@ -80,4 +86,4 @@ declare const fileUploadStyle: tailwind_variants.TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 type FileUploadSlots = keyof ReturnType<typeof fileUploadStyle>;
 
-export { FileUpload, FileUpload as default, fileUploadStyle };
+export { type DefaultFile, FileUpload, type FileUploadProps, FileUpload as default, fileUploadStyle };

package/dist/components/fileUpload/fileUpload.js

@@ -6639,29 +6639,32 @@ function FileUpload({
   helperMessage,
   showProgress,
   name,
-  classNames
+  classNames,
+  defaultFile
 }) {
   const fileInputRef = (0, import_react7.useRef)(null);
   const uploadIntervalRef = (0, import_react7.useRef)(null);
-  const [file, setFile] = (0, import_react7.useState)(null);
+  const [currentFile, setCurrentFile] = (0, import_react7.useState)(null);
   const [uploadProgress, setUploadProgress] = (0, import_react7.useState)(0);
   const [message, setMessage] = (0, import_react7.useState)(errorMessage);
+  const [displayFileName, setDisplayFileName] = (0, import_react7.useState)(() => (defaultFile == null ? void 0 : defaultFile.name) || "");
+  const [hasUploadedFile, setHasUploadedFile] = (0, import_react7.useState)(false);
   const slots = fileUploadStyle();
   const handleButtonClick = () => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   };
-  const validateFile = (file2) => {
-    if (accept.length && !accept.includes(file2.type)) {
+  const validateFile = (file) => {
+    if (accept.length && !accept.includes(file.type)) {
       return acceptErrorMessage;
     }
-    const sizeMB = file2.size / 1024 / 1024;
+    const sizeMB = file.size / 1024 / 1024;
     if (sizeMB > maxSizeMB) {
       return `${sizeErrorMessage} (${maxSizeMB}MB)`;
     }
     return null;
   };
-  const startUploadSimulation = (file2) => {
+  const startUploadSimulation = (file) => {
     let progress = 0;
     setUploadProgress(0);
     uploadIntervalRef.current = window.setInterval(() => {
@@ -6669,7 +6672,7 @@ function FileUpload({
       setUploadProgress(progress);
       if (progress >= 100) {
         clearInterval(uploadIntervalRef.current);
-        onFileUpload == null ? void 0 : onFileUpload(file2);
+        onFileUpload == null ? void 0 : onFileUpload(file);
       }
     }, 100);
   };
@@ -6680,20 +6683,26 @@ function FileUpload({
     const error = validateFile(selectedFile);
     if (error) {
       setMessage(error);
-      setFile(null);
+      setCurrentFile(null);
+      setDisplayFileName((defaultFile == null ? void 0 : defaultFile.name) || "");
+      setHasUploadedFile(false);
       return;
     }
-    setFile(selectedFile);
+    setCurrentFile(selectedFile);
+    setDisplayFileName(selectedFile.name);
     setMessage("");
+    setHasUploadedFile(true);
     startUploadSimulation(selectedFile);
   };
   const handleCancelUpload = () => {
     if (uploadIntervalRef.current) {
       clearInterval(uploadIntervalRef.current);
     }
-    setFile(null);
+    setCurrentFile(null);
     setUploadProgress(0);
     setMessage("");
+    setDisplayFileName((defaultFile == null ? void 0 : defaultFile.name) || "");
+    setHasUploadedFile(false);
     if (onCancelUpload) onCancelUpload();
   };
   (0, import_react7.useEffect)(() => {
@@ -6704,8 +6713,11 @@ function FileUpload({
     };
   }, []);
   (0, import_react7.useEffect)(() => {
-    setMessage(errorMessage);
-  }, [setMessage, errorMessage]);
+    if (errorMessage !== void 0) {
+      setMessage(errorMessage);
+    }
+  }, [errorMessage]);
+  const shouldShowCloseButton = hasUploadedFile;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.inputWrapper(), children: [
@@ -6717,14 +6729,15 @@ function FileUpload({
             variant: "outline",
             full: true,
             placeholder,
-            defaultValue: file == null ? void 0 : file.name,
+            value: displayFileName,
             errorMessage: message
           }
         ),
-        file && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        shouldShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           icon_button_default,
           {
             name: "close",
+            size: "sm",
             variant: "ghost",
             color: "neutral",
             onClick: handleCancelUpload,
@@ -6733,10 +6746,19 @@ function FileUpload({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, disabled: !!file, children: buttonText }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        button_default,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleButtonClick,
+          disabled: !!(currentFile && hasUploadedFile),
+          children: buttonText
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
     ] }),
-    showProgress && file && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(progress_default, { value: uploadProgress }),
+    showProgress && currentFile && hasUploadedFile && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(progress_default, { value: uploadProgress }),
     !message && helperMessage && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: slots.helperMessage(), children: helperMessage })
   ] });
 }
@@ -6747,7 +6769,7 @@ var fileUploadStyle = (0, import_tailwind_variants6.tv)({
     base: ["flex", "flex-col", "gap-[5px]"],
     container: ["flex", "gap-[10px]"],
     inputWrapper: ["relative", "flex-1"],
-    cancelButton: ["absolute", "top-1/2", "right-0", "-translate-y-1/2"],
+    cancelButton: ["absolute", "top-1/2", "right-0", "-translate-y-1/2", "mr-[4px]"],
     errorMessage: ["text-danger-main", "text-sm"],
     helperMessage: ["text-neutral-main", "text-sm"]
   }

package/dist/components/fileUpload/fileUpload.mjs

@@ -3,7 +3,7 @@ import {
   FileUpload,
   fileUploadStyle,
   fileUpload_default
-} from "../../chunk-OOX5X2MN.mjs";
+} from "../../chunk-W7MZB2KA.mjs";
 import "../../chunk-7VOQKIIK.mjs";
 import "../../chunk-KH63CD55.mjs";
 import "../../chunk-2GCSFWHD.mjs";

package/dist/components/fileUpload/index.d.mts

@@ -1,4 +1,4 @@
-export { default as FileUpload } from './fileUpload.mjs';
+export { DefaultFile, default as FileUpload, FileUploadProps } from './fileUpload.mjs';
 import 'tailwind-variants';
 import 'tailwind-merge';
 import 'react/jsx-runtime';

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

@@ -1,4 +1,4 @@
-export { default as FileUpload } from './fileUpload.js';
+export { DefaultFile, default as FileUpload, FileUploadProps } from './fileUpload.js';
 import 'tailwind-variants';
 import 'tailwind-merge';
 import 'react/jsx-runtime';

package/dist/components/fileUpload/index.js

@@ -6639,29 +6639,32 @@ function FileUpload({
   helperMessage,
   showProgress,
   name,
-  classNames
+  classNames,
+  defaultFile
 }) {
   const fileInputRef = (0, import_react7.useRef)(null);
   const uploadIntervalRef = (0, import_react7.useRef)(null);
-  const [file, setFile] = (0, import_react7.useState)(null);
+  const [currentFile, setCurrentFile] = (0, import_react7.useState)(null);
   const [uploadProgress, setUploadProgress] = (0, import_react7.useState)(0);
   const [message, setMessage] = (0, import_react7.useState)(errorMessage);
+  const [displayFileName, setDisplayFileName] = (0, import_react7.useState)(() => (defaultFile == null ? void 0 : defaultFile.name) || "");
+  const [hasUploadedFile, setHasUploadedFile] = (0, import_react7.useState)(false);
   const slots = fileUploadStyle();
   const handleButtonClick = () => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   };
-  const validateFile = (file2) => {
-    if (accept.length && !accept.includes(file2.type)) {
+  const validateFile = (file) => {
+    if (accept.length && !accept.includes(file.type)) {
       return acceptErrorMessage;
     }
-    const sizeMB = file2.size / 1024 / 1024;
+    const sizeMB = file.size / 1024 / 1024;
     if (sizeMB > maxSizeMB) {
       return `${sizeErrorMessage} (${maxSizeMB}MB)`;
     }
     return null;
   };
-  const startUploadSimulation = (file2) => {
+  const startUploadSimulation = (file) => {
     let progress = 0;
     setUploadProgress(0);
     uploadIntervalRef.current = window.setInterval(() => {
@@ -6669,7 +6672,7 @@ function FileUpload({
       setUploadProgress(progress);
       if (progress >= 100) {
         clearInterval(uploadIntervalRef.current);
-        onFileUpload == null ? void 0 : onFileUpload(file2);
+        onFileUpload == null ? void 0 : onFileUpload(file);
       }
     }, 100);
   };
@@ -6680,20 +6683,26 @@ function FileUpload({
     const error = validateFile(selectedFile);
     if (error) {
       setMessage(error);
-      setFile(null);
+      setCurrentFile(null);
+      setDisplayFileName((defaultFile == null ? void 0 : defaultFile.name) || "");
+      setHasUploadedFile(false);
       return;
     }
-    setFile(selectedFile);
+    setCurrentFile(selectedFile);
+    setDisplayFileName(selectedFile.name);
     setMessage("");
+    setHasUploadedFile(true);
     startUploadSimulation(selectedFile);
   };
   const handleCancelUpload = () => {
     if (uploadIntervalRef.current) {
       clearInterval(uploadIntervalRef.current);
     }
-    setFile(null);
+    setCurrentFile(null);
     setUploadProgress(0);
     setMessage("");
+    setDisplayFileName((defaultFile == null ? void 0 : defaultFile.name) || "");
+    setHasUploadedFile(false);
     if (onCancelUpload) onCancelUpload();
   };
   (0, import_react7.useEffect)(() => {
@@ -6704,8 +6713,11 @@ function FileUpload({
     };
   }, []);
   (0, import_react7.useEffect)(() => {
-    setMessage(errorMessage);
-  }, [setMessage, errorMessage]);
+    if (errorMessage !== void 0) {
+      setMessage(errorMessage);
+    }
+  }, [errorMessage]);
+  const shouldShowCloseButton = hasUploadedFile;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.inputWrapper(), children: [
@@ -6717,14 +6729,15 @@ function FileUpload({
             variant: "outline",
             full: true,
             placeholder,
-            defaultValue: file == null ? void 0 : file.name,
+            value: displayFileName,
             errorMessage: message
           }
         ),
-        file && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        shouldShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           icon_button_default,
           {
             name: "close",
+            size: "sm",
             variant: "ghost",
             color: "neutral",
             onClick: handleCancelUpload,
@@ -6733,10 +6746,19 @@ function FileUpload({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, disabled: !!file, children: buttonText }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        button_default,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleButtonClick,
+          disabled: !!(currentFile && hasUploadedFile),
+          children: buttonText
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
     ] }),
-    showProgress && file && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(progress_default, { value: uploadProgress }),
+    showProgress && currentFile && hasUploadedFile && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(progress_default, { value: uploadProgress }),
     !message && helperMessage && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: slots.helperMessage(), children: helperMessage })
   ] });
 }
@@ -6747,7 +6769,7 @@ var fileUploadStyle = (0, import_tailwind_variants6.tv)({
     base: ["flex", "flex-col", "gap-[5px]"],
     container: ["flex", "gap-[10px]"],
     inputWrapper: ["relative", "flex-1"],
-    cancelButton: ["absolute", "top-1/2", "right-0", "-translate-y-1/2"],
+    cancelButton: ["absolute", "top-1/2", "right-0", "-translate-y-1/2", "mr-[4px]"],
     errorMessage: ["text-danger-main", "text-sm"],
     helperMessage: ["text-neutral-main", "text-sm"]
   }

package/dist/components/fileUpload/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "../../chunk-OOX5X2MN.mjs";
+} from "../../chunk-W7MZB2KA.mjs";
 import "../../chunk-7VOQKIIK.mjs";
 import "../../chunk-KH63CD55.mjs";
 import "../../chunk-2GCSFWHD.mjs";

package/dist/components/picker/datePicker.mjs

@@ -2,9 +2,9 @@
 import {
   datePickerStyle,
   datePicker_default
-} from "../../chunk-NJFJJIWK.mjs";
-import "../../chunk-XZYQFBCT.mjs";
+} from "../../chunk-W66K4FK5.mjs";
 import "../../chunk-FWFEKWWD.mjs";
+import "../../chunk-XZYQFBCT.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-MY5U63QO.mjs";

package/dist/components/picker/index.mjs

@@ -1,17 +1,17 @@
 "use client";
 import "../../chunk-4VWG4726.mjs";
-import {
-  datePicker_default
-} from "../../chunk-NJFJJIWK.mjs";
-import {
-  day_default
-} from "../../chunk-XZYQFBCT.mjs";
 import {
   timePicker_default
 } from "../../chunk-BM3MR3JR.mjs";
 import "../../chunk-QCEKPS7U.mjs";
 import "../../chunk-5G6CCE55.mjs";
+import {
+  datePicker_default
+} from "../../chunk-W66K4FK5.mjs";
 import "../../chunk-FWFEKWWD.mjs";
+import {
+  day_default
+} from "../../chunk-XZYQFBCT.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-MY5U63QO.mjs";