@deepnoid/ui 0.1.164 → 0.1.166

package/dist/components/starRating/index.js

@@ -5210,18 +5210,28 @@ var StarRating = (0, import_react.forwardRef)((originalProps, ref) => {
     allowHalf = false,
     classNames,
     filledColor = "text-primary-main",
-    emptyColor = "text-neutral-light"
+    emptyColor = "text-neutral-soft"
   } = { ...props, ...variantProps };
   const slots = (0, import_react.useMemo)(() => starRatingStyle({ ...variantProps }), [variantProps]);
   const [hoverRating, setHoverRating] = (0, import_react.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 = () => {
@@ -5234,7 +5244,9 @@ var StarRating = (0, import_react.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__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.starWrapper({ class: classNames == null ? void 0 : classNames.starWrapper }), children: [
       !readOnly && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -5254,7 +5266,22 @@ var StarRating = (0, import_react.forwardRef)((originalProps, ref) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: isHalf ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "halfStar", className: filledColor, size }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "star", fill: isFull, className: isFull ? filledColor : emptyColor, size }) })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "relative", children: [
+        (isFull || isPartial) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "star", fill: true, className: emptyColor, size }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "div",
+            {
+              className: "absolute left-0 top-0 overflow-hidden",
+              style: {
+                width: isFull ? "100%" : `${fillPercentage}%`
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "star", fill: true, className: filledColor, size })
+            }
+          )
+        ] }),
+        isEmpty && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "star", fill: true, className: emptyColor, size })
+      ] })
     ] }, starIndex);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: createRange(stars).map(renderStar) });

package/dist/components/starRating/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-OLQOLLKG.mjs";
 import {
   starRating_default
-} from "../../chunk-INRA6IED.mjs";
+} from "../../chunk-XTS6WKFD.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/starRating/starRating.js

@@ -5209,18 +5209,28 @@ var StarRating = (0, import_react.forwardRef)((originalProps, ref) => {
     allowHalf = false,
     classNames,
     filledColor = "text-primary-main",
-    emptyColor = "text-neutral-light"
+    emptyColor = "text-neutral-soft"
   } = { ...props, ...variantProps };
   const slots = (0, import_react.useMemo)(() => starRatingStyle({ ...variantProps }), [variantProps]);
   const [hoverRating, setHoverRating] = (0, import_react.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 = () => {
@@ -5233,7 +5243,9 @@ var StarRating = (0, import_react.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__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.starWrapper({ class: classNames == null ? void 0 : classNames.starWrapper }), children: [
       !readOnly && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -5253,7 +5265,22 @@ var StarRating = (0, import_react.forwardRef)((originalProps, ref) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: isHalf ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "halfStar", className: filledColor, size }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "star", fill: isFull, className: isFull ? filledColor : emptyColor, size }) })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "relative", children: [
+        (isFull || isPartial) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "star", fill: true, className: emptyColor, size }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "div",
+            {
+              className: "absolute left-0 top-0 overflow-hidden",
+              style: {
+                width: isFull ? "100%" : `${fillPercentage}%`
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "star", fill: true, className: filledColor, size })
+            }
+          )
+        ] }),
+        isEmpty && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "star", fill: true, className: emptyColor, size })
+      ] })
     ] }, starIndex);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: createRange(stars).map(renderStar) });

package/dist/components/starRating/starRating.mjs

@@ -2,7 +2,7 @@
 import {
   starRatingStyle,
   starRating_default
-} from "../../chunk-INRA6IED.mjs";
+} from "../../chunk-XTS6WKFD.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/table/index.mjs

@@ -5,16 +5,16 @@ import {
 } from "../../chunk-DS5CGU2X.mjs";
 import {
   table_default
-} from "../../chunk-PX4RCHOE.mjs";
+} from "../../chunk-DWW4ZESK.mjs";
 import "../../chunk-7B7LRG5J.mjs";
 import "../../chunk-WLTBJF4I.mjs";
 import "../../chunk-F3HENRVM.mjs";
+import "../../chunk-QZ3LVYJW.mjs";
+import "../../chunk-OEIEALIP.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
-import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-OEIEALIP.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/table/table-body.mjs

@@ -1,16 +1,16 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-PX4RCHOE.mjs";
+} from "../../chunk-DWW4ZESK.mjs";
 import "../../chunk-7B7LRG5J.mjs";
 import "../../chunk-WLTBJF4I.mjs";
 import "../../chunk-F3HENRVM.mjs";
+import "../../chunk-QZ3LVYJW.mjs";
+import "../../chunk-OEIEALIP.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
-import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-OEIEALIP.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/table/table-head.mjs

@@ -1,16 +1,16 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-PX4RCHOE.mjs";
+} from "../../chunk-DWW4ZESK.mjs";
 import "../../chunk-7B7LRG5J.mjs";
 import "../../chunk-WLTBJF4I.mjs";
 import "../../chunk-F3HENRVM.mjs";
+import "../../chunk-QZ3LVYJW.mjs";
+import "../../chunk-OEIEALIP.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
-import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-OEIEALIP.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/table/table.mjs

@@ -2,16 +2,16 @@
 import {
   getCellStyle,
   table_default
-} from "../../chunk-PX4RCHOE.mjs";
+} from "../../chunk-DWW4ZESK.mjs";
 import "../../chunk-7B7LRG5J.mjs";
 import "../../chunk-WLTBJF4I.mjs";
 import "../../chunk-F3HENRVM.mjs";
+import "../../chunk-QZ3LVYJW.mjs";
+import "../../chunk-OEIEALIP.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
-import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-OEIEALIP.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/index.d.mts

@@ -31,7 +31,7 @@ export { default as DatePicker, DatePickerProps, DateRangeValue, DateValue } fro
 export { default as TimePicker, TimePickerProps } from './components/picker/timePicker.mjs';
 export { default as ScrollArea } from './components/scroll/scrollArea.mjs';
 export { default as Tree, TreeNode } from './components/tree/tree.mjs';
-export { default as FileUpload } from './components/fileUpload/fileUpload.mjs';
+export { DefaultFile, default as FileUpload, FileUploadProps } from './components/fileUpload/fileUpload.mjs';
 export { default as Skeleton } from './components/skeleton/skeleton.mjs';
 export { default as CircularProgress } from './components/charts/circularProgress.mjs';
 export { default as AreaChart } from './components/charts/areaChart.mjs';

package/dist/index.d.ts

@@ -31,7 +31,7 @@ export { default as DatePicker, DatePickerProps, DateRangeValue, DateValue } fro
 export { default as TimePicker, TimePickerProps } from './components/picker/timePicker.js';
 export { default as ScrollArea } from './components/scroll/scrollArea.js';
 export { default as Tree, TreeNode } from './components/tree/tree.js';
-export { default as FileUpload } from './components/fileUpload/fileUpload.js';
+export { DefaultFile, default as FileUpload, FileUploadProps } from './components/fileUpload/fileUpload.js';
 export { default as Skeleton } from './components/skeleton/skeleton.js';
 export { default as CircularProgress } from './components/charts/circularProgress.js';
 export { default as AreaChart } from './components/charts/areaChart.js';

package/dist/index.js

@@ -12342,29 +12342,32 @@ function FileUpload({
   helperMessage,
   showProgress,
   name,
-  classNames
+  classNames,
+  defaultFile
 }) {
   const fileInputRef = (0, import_react37.useRef)(null);
   const uploadIntervalRef = (0, import_react37.useRef)(null);
-  const [file, setFile] = (0, import_react37.useState)(null);
+  const [currentFile, setCurrentFile] = (0, import_react37.useState)(null);
   const [uploadProgress, setUploadProgress] = (0, import_react37.useState)(0);
   const [message, setMessage] = (0, import_react37.useState)(errorMessage);
+  const [displayFileName, setDisplayFileName] = (0, import_react37.useState)(() => (defaultFile == null ? void 0 : defaultFile.name) || "");
+  const [hasUploadedFile, setHasUploadedFile] = (0, import_react37.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(() => {
@@ -12372,7 +12375,7 @@ function FileUpload({
       setUploadProgress(progress);
       if (progress >= 100) {
         clearInterval(uploadIntervalRef.current);
-        onFileUpload == null ? void 0 : onFileUpload(file2);
+        onFileUpload == null ? void 0 : onFileUpload(file);
       }
     }, 100);
   };
@@ -12383,20 +12386,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_react37.useEffect)(() => {
@@ -12407,8 +12416,11 @@ function FileUpload({
     };
   }, []);
   (0, import_react37.useEffect)(() => {
-    setMessage(errorMessage);
-  }, [setMessage, errorMessage]);
+    if (errorMessage !== void 0) {
+      setMessage(errorMessage);
+    }
+  }, [errorMessage]);
+  const shouldShowCloseButton = hasUploadedFile;
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: slots.inputWrapper(), children: [
@@ -12420,14 +12432,15 @@ function FileUpload({
             variant: "outline",
             full: true,
             placeholder,
-            defaultValue: file == null ? void 0 : file.name,
+            value: displayFileName,
             errorMessage: message
           }
         ),
-        file && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        shouldShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           icon_button_default,
           {
             name: "close",
+            size: "sm",
             variant: "ghost",
             color: "neutral",
             onClick: handleCancelUpload,
@@ -12436,10 +12449,19 @@ function FileUpload({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, disabled: !!file, children: buttonText }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        button_default,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleButtonClick,
+          disabled: !!(currentFile && hasUploadedFile),
+          children: buttonText
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
     ] }),
-    showProgress && file && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(progress_default, { value: uploadProgress }),
+    showProgress && currentFile && hasUploadedFile && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(progress_default, { value: uploadProgress }),
     !message && helperMessage && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: slots.helperMessage(), children: helperMessage })
   ] });
 }
@@ -12450,7 +12472,7 @@ var fileUploadStyle = (0, import_tailwind_variants34.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"]
   }
@@ -13210,18 +13232,28 @@ var StarRating = (0, import_react42.forwardRef)((originalProps, ref) => {
     allowHalf = false,
     classNames,
     filledColor = "text-primary-main",
-    emptyColor = "text-neutral-light"
+    emptyColor = "text-neutral-soft"
   } = { ...props, ...variantProps };
   const slots = (0, import_react42.useMemo)(() => starRatingStyle({ ...variantProps }), [variantProps]);
   const [hoverRating, setHoverRating] = (0, import_react42.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 = () => {
@@ -13234,7 +13266,9 @@ var StarRating = (0, import_react42.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__ */ (0, import_jsx_runtime45.jsxs)("div", { className: slots.starWrapper({ class: classNames == null ? void 0 : classNames.starWrapper }), children: [
       !readOnly && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
@@ -13254,7 +13288,22 @@ var StarRating = (0, import_react42.forwardRef)((originalProps, ref) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { children: isHalf ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon_default, { name: "halfStar", className: filledColor, size }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon_default, { name: "star", fill: isFull, className: isFull ? filledColor : emptyColor, size }) })
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [
+        (isFull || isPartial) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon_default, { name: "star", fill: true, className: emptyColor, size }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            "div",
+            {
+              className: "absolute left-0 top-0 overflow-hidden",
+              style: {
+                width: isFull ? "100%" : `${fillPercentage}%`
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon_default, { name: "star", fill: true, className: filledColor, size })
+            }
+          )
+        ] }),
+        isEmpty && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon_default, { name: "star", fill: true, className: emptyColor, size })
+      ] })
     ] }, starIndex);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: createRange(stars).map(renderStar) });

package/dist/index.mjs

@@ -9,10 +9,6 @@ import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
 } from "./chunk-WSBUOY2M.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-3CRSSRCH.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
@@ -22,29 +18,33 @@ import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "./chunk-6574ITBF.mjs";
-import "./chunk-3MY6LO7N.mjs";
+import "./chunk-MZ76AA76.mjs";
 import {
-  tabs_default
-} from "./chunk-DW3BX4M2.mjs";
+  skeleton_default
+} from "./chunk-6PN3DGOE.mjs";
 import "./chunk-DX3KXNP6.mjs";
 import {
   definition_table_default
 } from "./chunk-DS5CGU2X.mjs";
 import {
   table_default
-} from "./chunk-PX4RCHOE.mjs";
-import "./chunk-MZ76AA76.mjs";
+} from "./chunk-DWW4ZESK.mjs";
+import "./chunk-RRAZM5D3.mjs";
 import {
-  skeleton_default
-} from "./chunk-6PN3DGOE.mjs";
+  textarea_default
+} from "./chunk-3CRSSRCH.mjs";
+import "./chunk-OLQOLLKG.mjs";
+import {
+  starRating_default
+} from "./chunk-XTS6WKFD.mjs";
 import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-AGE57VDD.mjs";
-import "./chunk-OLQOLLKG.mjs";
+import "./chunk-3MY6LO7N.mjs";
 import {
-  starRating_default
-} from "./chunk-INRA6IED.mjs";
+  tabs_default
+} from "./chunk-DW3BX4M2.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default
@@ -55,12 +55,6 @@ import {
 } from "./chunk-WLTBJF4I.mjs";
 import "./chunk-F3HENRVM.mjs";
 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";
@@ -68,7 +62,13 @@ import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
 } from "./chunk-5G6CCE55.mjs";
+import {
+  datePicker_default
+} from "./chunk-W66K4FK5.mjs";
 import "./chunk-FWFEKWWD.mjs";
+import {
+  day_default
+} from "./chunk-XZYQFBCT.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
   list_default
@@ -80,18 +80,18 @@ import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
 } from "./chunk-SCQCMQDP.mjs";
-import "./chunk-MGEWSREV.mjs";
-import {
-  chip_default
-} from "./chunk-2B3HDC26.mjs";
 import "./chunk-32GA3YW4.mjs";
 import {
   drawer_default
 } from "./chunk-45Y7ANPK.mjs";
+import "./chunk-QZ3LVYJW.mjs";
+import {
+  checkbox_default
+} from "./chunk-OEIEALIP.mjs";
 import "./chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "./chunk-OOX5X2MN.mjs";
+} from "./chunk-W7MZB2KA.mjs";
 import "./chunk-7VOQKIIK.mjs";
 import {
   progress_default
@@ -118,10 +118,10 @@ import {
 import {
   radarChart_default
 } from "./chunk-U7SYKG2C.mjs";
-import "./chunk-QZ3LVYJW.mjs";
+import "./chunk-MGEWSREV.mjs";
 import {
-  checkbox_default
-} from "./chunk-OEIEALIP.mjs";
+  chip_default
+} from "./chunk-2B3HDC26.mjs";
 import "./chunk-SE5TU755.mjs";
 import {
   backdrop_default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.164",
+  "version": "0.1.166",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

package/dist/{chunk-PX4RCHOE.mjs → chunk-DWW4ZESK.mjs}

@@ -2,12 +2,12 @@
 import {
   pagination_default
 } from "./chunk-WLTBJF4I.mjs";
-import {
-  scrollArea_default
-} from "./chunk-EWS3FESG.mjs";
 import {
   checkbox_default
 } from "./chunk-OEIEALIP.mjs";
+import {
+  scrollArea_default
+} from "./chunk-EWS3FESG.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-NJFJJIWK.mjs → chunk-W66K4FK5.mjs}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  day_default
-} from "./chunk-XZYQFBCT.mjs";
 import {
   formatDateToString,
   formatStringToDate
 } from "./chunk-FWFEKWWD.mjs";
+import {
+  day_default
+} from "./chunk-XZYQFBCT.mjs";
 import {
   input_default
 } from "./chunk-VNRGOOSY.mjs";