@deepnoid/ui 1.0.21 → 1.0.23

package/dist/{chunk-D3DKXTTY.mjs → chunk-R6N6IQPN.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   template
-} from "./chunk-AOU4QX7H.mjs";
+} from "./chunk-QOOYAQJ5.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -11,9 +11,9 @@ import { forwardRef, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 var Avatar = forwardRef(
   ({ variant = "square", size = "md", classNames, ...rest }, ref) => {
-    const SVGIcon = template["avatar"];
+    const SVGIcon = template.avatar;
     const slots = useMemo(() => avatarStyle({ variant, size }), [variant, size]);
-    return /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ jsx(SVGIcon, { className: slots.content({ class: classNames == null ? void 0 : classNames.content }), ...rest }) });
+    return /* @__PURE__ */ jsx("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, children: /* @__PURE__ */ jsx(SVGIcon, { className: slots.content({ class: classNames == null ? void 0 : classNames.content }), ...rest }) });
   }
 );
 Avatar.displayName = "Avatar";

package/dist/{chunk-37BZALDV.mjs → chunk-RZD3NZIL.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   clsx
-} from "./chunk-27Y6K5NK.mjs";
+} from "./chunk-KJFYLLMP.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -26,23 +26,23 @@ var CheckBox = forwardRef((originalProps, ref) => {
         labelPosition === "start" && slots.labelReverse({ class: classNames == null ? void 0 : classNames.labelReverse })
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "hidden", children: /* @__PURE__ */ jsx("input", { ...inputProps, type: "checkbox", ref }) }),
+        /* @__PURE__ */ jsx("div", { className: "hidden", children: /* @__PURE__ */ jsx("input", { ...inputProps, ref, type: "checkbox" }) }),
         /* @__PURE__ */ jsx("span", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: /* @__PURE__ */ jsx(
           CheckBoxIcon,
           {
-            size: variantProps.size,
+            className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
             isSelected,
-            className: slots.icon({ class: classNames == null ? void 0 : classNames.icon })
+            size: variantProps.size
           }
         ) }),
-        children && /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children })
+        children ? /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children }) : null
       ]
     }
   );
 });
 CheckBox.displayName = "CheckBox";
 var checkbox_default = CheckBox;
-var CheckBoxIcon = ({ size, isSelected, className }) => {
+function CheckBoxIcon({ size, isSelected, className }) {
   const strokeWidth = useMemo(() => {
     switch (size) {
       case "sm":
@@ -57,18 +57,18 @@ var CheckBoxIcon = ({ size, isSelected, className }) => {
         return 1.25;
     }
   }, [size]);
-  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 13 13", fill: "none", className, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("svg", { className, fill: "none", viewBox: "0 0 13 13", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
     "path",
     {
       d: "M2.16667 6.90123L5.63334 10.1111L10.8333 2.88889",
       stroke: "currentColor",
-      strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      strokeWidth,
       style: isSelected ? { transition: "stroke-dashoffset 250ms linear 0.2s" } : {}
     }
   ) });
-};
+}
 var checkboxStyle = tv({
   slots: {
     base: ["group", "relative", "inline-flex", "items-center", "cursor-pointer"],

package/dist/{chunk-SR76DO4M.mjs → chunk-SJLO65GQ.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   progress_default
-} from "./chunk-KE26ONWZ.mjs";
+} from "./chunk-YM5JOOTO.mjs";
 import {
   input_default
-} from "./chunk-BJWYF2WY.mjs";
+} from "./chunk-C6S73EGR.mjs";
 import {
   button_default
-} from "./chunk-O5VW7CHY.mjs";
+} from "./chunk-4FUD3BZV.mjs";
 
 // src/components/fileUpload/fileUpload.tsx
 import { useRef, useState, useEffect } from "react";
@@ -131,23 +131,23 @@ function FileUpload({
       /* @__PURE__ */ jsx("div", { className: slots.inputWrapper(), children: /* @__PURE__ */ jsx(
         input_default,
         {
-          name,
-          readOnly: true,
-          variant: "outline",
+          errorMessage: message && message.length > 0 ? message : void 0,
           full: true,
+          name,
           placeholder,
+          readOnly: true,
           value: displayFileName,
-          errorMessage: message && (message == null ? void 0 : message.length) > 0 ? message : void 0
+          variant: "outline"
         }
       ) }),
       /* @__PURE__ */ jsxs("div", { className: "flex gap-[10px]", children: [
-        /* @__PURE__ */ jsx(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, isLoading: isUploading, children: buttonText }),
-        cancelText && (hasUploadedFile || displayFileName) && !isUploading && /* @__PURE__ */ jsx(button_default, { type: "button", variant: "soft", color: "danger", onClick: handleCancelUpload, children: cancelText })
+        /* @__PURE__ */ jsx(button_default, { isLoading: isUploading, onClick: handleButtonClick, type: "button", variant: "outline", children: buttonText }),
+        cancelText && (hasUploadedFile || displayFileName) && !isUploading ? /* @__PURE__ */ jsx(button_default, { color: "danger", onClick: handleCancelUpload, type: "button", variant: "soft", children: cancelText }) : null
       ] }),
-      /* @__PURE__ */ jsx("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
+      /* @__PURE__ */ jsx("input", { accept: accept.join(","), hidden: true, onChange: handleFileChange, ref: fileInputRef, type: "file" })
     ] }),
-    showProgress && currentFile && hasUploadedFile && uploadProgress < 100 && /* @__PURE__ */ jsx(progress_default, { value: uploadProgress }),
-    !message && helperMessage && /* @__PURE__ */ jsx("p", { className: slots.helperMessage(), children: helperMessage })
+    showProgress && currentFile && hasUploadedFile && uploadProgress < 100 ? /* @__PURE__ */ jsx(progress_default, { value: uploadProgress }) : null,
+    !message && helperMessage ? /* @__PURE__ */ jsx("p", { className: slots.helperMessage(), children: helperMessage }) : null
   ] });
 }
 FileUpload.displayName = "FileUpload";

package/dist/{chunk-PIUOU6LS.mjs → chunk-TEF3UA4E.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -48,21 +48,21 @@ var CircularProgress = forwardRef((originalProps, ref) => {
   const wrappedInnerContent = useMemo(() => {
     return wrapSpanWithClass(innerContent);
   }, [innerContent]);
-  return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+  return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, children: [
     /* @__PURE__ */ jsxs("div", { className: "relative", style: { width: size, height: size }, children: [
       /* @__PURE__ */ jsxs(
         RadialBarChart,
         {
-          width: size,
+          barSize: BAR_SIZE,
+          data,
+          endAngle: -270,
           height: size,
           innerRadius: INNER_RADIUS - 0.1,
           outerRadius: OUTER_RADIUS,
-          barSize: BAR_SIZE,
-          data,
           startAngle: 90,
-          endAngle: -270,
+          width: size,
           children: [
-            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0%", x2: "100%", y1: "0%", y2: "100%", children: [
               /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: currentGradient.start }),
               /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: currentGradient.end })
             ] }) }),
@@ -71,8 +71,8 @@ var CircularProgress = forwardRef((originalProps, ref) => {
               {
                 cx: size / 2,
                 cy: size / 2,
-                r: OUTER_RADIUS + BORDER_MARGIN,
                 fill: "#fff",
+                r: OUTER_RADIUS + BORDER_MARGIN,
                 stroke: "#DFE2E7",
                 strokeWidth: "1"
               }
@@ -82,20 +82,20 @@ var CircularProgress = forwardRef((originalProps, ref) => {
               {
                 cx: size / 2,
                 cy: size / 2,
-                r: BACKGROUND_RADIUS,
                 fill: "none",
+                r: BACKGROUND_RADIUS,
                 stroke: "rgba(0, 0, 0, 0.05)",
                 strokeWidth: BAR_SIZE
               }
             ),
-            /* @__PURE__ */ jsx(PolarAngleAxis, { type: "number", domain: [0, 100], angleAxisId: 0, tick: false }),
-            /* @__PURE__ */ jsx(RadialBar, { dataKey: "value", cornerRadius: 12, animationDuration: 1e3, fill: `url(#${gradientId})` })
+            /* @__PURE__ */ jsx(PolarAngleAxis, { angleAxisId: 0, domain: [0, 100], tick: false, type: "number" }),
+            /* @__PURE__ */ jsx(RadialBar, { animationDuration: 1e3, cornerRadius: 12, dataKey: "value", fill: `url(#${gradientId})` })
           ]
         }
       ),
-      innerContent && /* @__PURE__ */ jsx("div", { className: slots.inner({ class: classNames == null ? void 0 : classNames.inner }), children: wrappedInnerContent })
+      innerContent ? /* @__PURE__ */ jsx("div", { className: slots.inner({ class: classNames == null ? void 0 : classNames.inner }), children: wrappedInnerContent }) : null
     ] }),
-    label && /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label })
+    label ? /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }) : null
   ] });
 });
 CircularProgress.displayName = "CircularProgress";

package/dist/{chunk-SLKXMIWY.mjs → chunk-TPWND4RF.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -56,9 +56,8 @@ var AccordionItem = forwardRef((originalProps, ref) => {
         className: `${slots.icon({ class: classNames == null ? void 0 : classNames.icon }) || ""} ${existingProps.className || ""}`.trim()
       };
       return cloneElement(actualContent, mergedProps);
-    } else {
-      return /* @__PURE__ */ jsx("div", { className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }), children: actualContent });
     }
+    return /* @__PURE__ */ jsx("div", { className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }), children: actualContent });
   };
   const getContentProps = useCallback(() => {
     if (disableAnimation) {
@@ -79,13 +78,13 @@ var AccordionItem = forwardRef((originalProps, ref) => {
       }
     };
   }, [slots, classNames == null ? void 0 : classNames.content, contentHeight, isOpen, disableAnimation]);
-  return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onClick: handleToggle, children: [
-    /* @__PURE__ */ jsxs("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), children: [
-      startContent && renderContent(startContent),
+  return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onClick: handleToggle, ref, children: [
+    /* @__PURE__ */ jsxs("div", { className: slots.header({ class: classNames == null ? void 0 : classNames.header }), "data-isopen": isOpen, children: [
+      startContent ? renderContent(startContent) : null,
       /* @__PURE__ */ jsx("span", { className: slots.headerTitle({ class: classNames == null ? void 0 : classNames.headerTitle }), children: title }),
-      endContent && renderContent(endContent)
+      endContent ? renderContent(endContent) : null
     ] }),
-    isOpen && /* @__PURE__ */ jsx("div", { ref: contentRef, ...getContentProps(), children })
+    isOpen ? /* @__PURE__ */ jsx("div", { ref: contentRef, ...getContentProps(), children }) : null
   ] });
 });
 AccordionItem.displayName = "AccordionItem";

package/dist/{chunk-E3G5QXSH.mjs → chunk-UWT2WB6H.mjs}

@@ -8,16 +8,14 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   const picked = variantKeys.reduce((acc, key) => {
     if (key in props) {
       return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
     }
+    return acc;
   }, {});
   if (removeVariantProps) {
     const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
     return [omitted, picked];
-  } else {
-    return [props, picked];
   }
+  return [props, picked];
 };
 
 export {

package/dist/{chunk-MT7AFUKT.mjs → chunk-VJ7BQ3PK.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -18,18 +18,19 @@ var Accordion = forwardRef((originalProps, ref) => {
     setSelections((prevIndices) => {
       if (selectionMode === "single") {
         return prevIndices.includes(index) ? [] : [index];
-      } else {
-        return prevIndices.includes(index) ? prevIndices.filter((i) => i !== index) : [...prevIndices, index];
       }
+      return prevIndices.includes(index) ? prevIndices.filter((i) => i !== index) : [...prevIndices, index];
     });
   };
-  return /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: Children.map(children, (child, index) => {
+  return /* @__PURE__ */ jsx("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, children: Children.map(children, (child, index) => {
     return cloneElement(child, {
       ...variantProps,
       ...child.props,
       isInGroup: true,
       isOpen: selections.includes(index),
-      onToggle: () => toggleItem(index)
+      onToggle: () => {
+        toggleItem(index);
+      }
     });
   }) });
 });

package/dist/{chunk-VZPVEICG.mjs → chunk-W6CQRLD2.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   icon_button_default
-} from "./chunk-IOJMTN6X.mjs";
+} from "./chunk-APZCX3PY.mjs";
 import {
   Icon_default
-} from "./chunk-A6UUVHC6.mjs";
+} from "./chunk-C7OETP3D.mjs";
 import {
   clsx
-} from "./chunk-27Y6K5NK.mjs";
+} from "./chunk-KJFYLLMP.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -53,12 +53,16 @@ var Select = forwardRef((originalProps, ref) => {
       const rect = selectWrapperRef.current.getBoundingClientRect();
       setTargetRect(rect);
       setIsVisible(true);
-      requestAnimationFrame(() => setIsOpen(true));
+      requestAnimationFrame(() => {
+        setIsOpen(true);
+      });
     }
   };
   const closeSelect = () => {
     setIsOpen(false);
-    setTimeout(() => setIsVisible(false), 150);
+    setTimeout(() => {
+      setIsVisible(false);
+    }, 150);
   };
   const handleToggleSelect = () => {
     isOpen ? closeSelect() : openSelect();
@@ -104,7 +108,9 @@ var Select = forwardRef((originalProps, ref) => {
       }
     };
     window.addEventListener("mousedown", handleClickOutside);
-    return () => window.removeEventListener("mousedown", handleClickOutside);
+    return () => {
+      window.removeEventListener("mousedown", handleClickOutside);
+    };
   }, []);
   useEffect(() => {
     if (optionWrapperRef.current) {
@@ -145,9 +151,9 @@ var Select = forwardRef((originalProps, ref) => {
       /* @__PURE__ */ jsx(
         "div",
         {
+          className: slots.optionsWrapper({ class: classNames == null ? void 0 : classNames.optionsWrapper }),
           ref: optionWrapperRef,
           role: "listbox",
-          className: slots.optionsWrapper({ class: classNames == null ? void 0 : classNames.optionsWrapper }),
           style: {
             position: "absolute",
             top: position == null ? void 0 : position.top,
@@ -163,16 +169,18 @@ var Select = forwardRef((originalProps, ref) => {
             return /* @__PURE__ */ jsxs(
               "div",
               {
-                role: "option",
-                onClick: () => handleChangeOption(option),
                 className: clsx(
                   select({ ...variantProps, isSelected }).option({ class: classNames == null ? void 0 : classNames.option }),
                   optionIconPlacement === "end" ? "justify-between" : ""
                 ),
+                onClick: () => {
+                  handleChangeOption(option);
+                },
+                role: "option",
                 children: [
-                  optionIconName && optionIconPlacement === "start" && /* @__PURE__ */ jsx(Icon_default, { name: optionIconName, size: originalProps.size }),
+                  optionIconName && optionIconPlacement === "start" ? /* @__PURE__ */ jsx(Icon_default, { name: optionIconName, size: originalProps.size }) : null,
                   option.label,
-                  optionIconName && optionIconPlacement === "end" && /* @__PURE__ */ jsx(Icon_default, { name: optionIconName, size: originalProps.size })
+                  optionIconName && optionIconPlacement === "end" ? /* @__PURE__ */ jsx(Icon_default, { name: optionIconName, size: originalProps.size }) : null
                 ]
               },
               option.value
@@ -192,59 +200,59 @@ var Select = forwardRef((originalProps, ref) => {
           variantProps.direction === "horizon" ? slots.horizon({ class: classNames == null ? void 0 : classNames.horizon }) : slots.vertical({ class: classNames == null ? void 0 : classNames.vertical })
         ),
         children: [
-          label && /* @__PURE__ */ jsx("label", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
+          label ? /* @__PURE__ */ jsx("label", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }) : null,
           /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
             /* @__PURE__ */ jsxs(
               "div",
               {
-                "data-expanded": isOpen,
                 className: clsx(
                   slots.selectWrapper({ class: classNames == null ? void 0 : classNames.selectWrapper }),
                   inputProps.readOnly ? slots.readonly({ class: classNames == null ? void 0 : classNames.readonly }) : ""
                 ),
-                ref: selectWrapperRef,
+                "data-expanded": isOpen,
                 onClick: handleToggleSelect,
+                ref: selectWrapperRef,
                 children: [
                   /* @__PURE__ */ jsx(
                     "input",
                     {
                       ...inputProps,
-                      ref,
                       className: clsx(
                         slots.select({ class: classNames == null ? void 0 : classNames.select }),
                         inputProps.readOnly ? "!placeholder:text-body-foreground" : ""
                       ),
                       name: void 0,
-                      value: displayValue,
                       readOnly: true,
-                      size: 0
+                      ref,
+                      size: 0,
+                      value: displayValue
                     }
                   ),
-                  /* @__PURE__ */ jsx("input", { type: "hidden", name: inputProps.name, value: selectedValue }),
-                  clearable && selectedOptions.length > 0 && /* @__PURE__ */ jsx(
+                  /* @__PURE__ */ jsx("input", { name: inputProps.name, type: "hidden", value: selectedValue }),
+                  clearable && selectedOptions.length > 0 ? /* @__PURE__ */ jsx(
                     icon_button_default,
                     {
-                      name: "close",
-                      variant: "ghost",
-                      size: "sm",
+                      classNames: { base: "pr-[2px]" },
                       color: "neutral",
+                      name: "close",
                       onClick: handleClear,
-                      classNames: { base: "pr-[2px]" }
+                      size: "sm",
+                      variant: "ghost"
                     }
-                  ),
+                  ) : null,
                   /* @__PURE__ */ jsx(
                     Icon_default,
                     {
+                      className: `transition-transform duration-200 ${isOpen ? "rotate-0" : "rotate-180"}`,
                       name: dropdownIconName,
-                      size: originalProps.size,
-                      className: `transition-transform duration-200 ${isOpen ? "rotate-0" : "rotate-180"}`
+                      size: originalProps.size
                     }
                   )
                 ]
               }
             ),
-            helperMessage && !errorMessage && /* @__PURE__ */ jsx("p", { className: slots.helperMessage({ class: classNames == null ? void 0 : classNames.helperMessage }), children: helperMessage }),
-            errorMessage && /* @__PURE__ */ jsx("p", { className: clsx("error", slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })), children: errorMessage })
+            helperMessage && !errorMessage ? /* @__PURE__ */ jsx("p", { className: slots.helperMessage({ class: classNames == null ? void 0 : classNames.helperMessage }), children: helperMessage }) : null,
+            errorMessage ? /* @__PURE__ */ jsx("p", { className: clsx("error", slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })), children: errorMessage }) : null
           ] })
         ]
       }

package/dist/{chunk-KE26ONWZ.mjs → chunk-YM5JOOTO.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-3V4HT2K5.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -12,7 +12,7 @@ import {
 // src/components/progress/progress.tsx
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-var Progress = (originalProps) => {
+function Progress(originalProps) {
   const [props, variantProps] = mapPropsVariants(originalProps, progressStyle.variantKeys);
   const { children, classNames, value = 0, minValue = 0, maxValue = 100, ...progressProps } = props;
   const isIndeterminate = originalProps.isIndeterminate;
@@ -35,7 +35,7 @@ var Progress = (originalProps) => {
       }
     }
   ) }) });
-};
+}
 var progress_default = Progress;
 var progressStyle = tv({
   slots: {

package/dist/{chunk-FNFQCMB4.mjs → chunk-YNPIAFQ7.mjs}

@@ -1,19 +1,19 @@
 "use client";
 import {
   Panel_default
-} from "./chunk-SXSVNBRO.mjs";
+} from "./chunk-J2URLA5S.mjs";
 import {
   convert24To12
-} from "./chunk-3IBJXQTJ.mjs";
+} from "./chunk-GWOMD7ZU.mjs";
 import {
   input_default
-} from "./chunk-BJWYF2WY.mjs";
+} from "./chunk-C6S73EGR.mjs";
 import {
   Icon_default
-} from "./chunk-A6UUVHC6.mjs";
+} from "./chunk-C7OETP3D.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -88,54 +88,58 @@ var TimePicker = forwardRef((originalProps, ref) => {
       setIsPanelOpen(false);
     };
     document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
   }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { ref: inputWrapperRef, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onClick: openPanel, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onClick: openPanel, ref: inputWrapperRef, children: /* @__PURE__ */ jsx(
       input_default,
       {
         ...inputProps,
         autoComplete: "off",
-        ref,
-        label,
-        value: displayValue,
-        placeholder,
-        errorMessage,
-        size,
-        variant,
-        full,
-        disabled,
-        endContent: /* @__PURE__ */ jsx(Icon_default, { name: "clock", size, className: "cursor-pointer" }),
-        onFocus: handleInputFocus,
-        onKeyDown: handleInputKeyDown,
-        onChange: () => {
-        },
         classNames: {
           inputWrapper: classNames == null ? void 0 : classNames.inputWrapper,
           input: classNames == null ? void 0 : classNames.input,
           label: classNames == null ? void 0 : classNames.label,
           errorMessage: classNames == null ? void 0 : classNames.errorMessage
-        }
+        },
+        disabled,
+        endContent: /* @__PURE__ */ jsx(Icon_default, { className: "cursor-pointer", name: "clock", size }),
+        errorMessage,
+        full,
+        label,
+        onChange: () => {
+        },
+        onFocus: handleInputFocus,
+        onKeyDown: handleInputKeyDown,
+        placeholder,
+        ref,
+        size,
+        value: displayValue,
+        variant
       }
     ) }),
-    isPanelOpen && createPortal(
+    isPanelOpen ? createPortal(
       /* @__PURE__ */ jsx(
         "div",
         {
-          ref: panelWrapperRef,
-          onMouseDown: (e) => e.preventDefault(),
           className: slots.portalWrapper({ class: classNames == null ? void 0 : classNames.portalWrapper }),
+          onMouseDown: (e) => {
+            e.preventDefault();
+          },
+          ref: panelWrapperRef,
           style: {
             position: "absolute",
             top: panelPos.top,
             left: panelPos.left,
             zIndex: 1e3
           },
-          children: /* @__PURE__ */ jsx(Panel_default, { nowTitle, confirmTitle, value, onChange: handleChange })
+          children: /* @__PURE__ */ jsx(Panel_default, { confirmTitle, nowTitle, onChange: handleChange, value })
         }
       ),
       document.body
-    )
+    ) : null
   ] });
 });
 TimePicker.displayName = "TimePicker";

package/dist/{chunk-QUWWLVCI.mjs → chunk-YUNTNMZ4.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-A6UUVHC6.mjs";
+} from "./chunk-C7OETP3D.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -18,14 +18,14 @@ var Chip = forwardRef((originalProps, ref) => {
   const props = { ...rawProps, ...variantProps };
   const Component = props.onClick ? "button" : "div";
   const slots = useMemo(() => chipStyle({ ...variantProps }), [variantProps]);
-  const renderIcon = (name) => name ? /* @__PURE__ */ jsx(Icon_default, { name, fill: true, size: props.size, className: slots.icon() }) : null;
+  const renderIcon = (name) => name ? /* @__PURE__ */ jsx(Icon_default, { className: slots.icon(), fill: true, name, size: props.size }) : null;
   return /* @__PURE__ */ jsxs(
     Component,
     {
-      ref,
-      onClick: props.onClick,
-      className: slots.base({ class: (_a = props.classNames) == null ? void 0 : _a.base }),
       "aria-label": props.label,
+      className: slots.base({ class: (_a = props.classNames) == null ? void 0 : _a.base }),
+      onClick: props.onClick,
+      ref,
       children: [
         renderIcon(props.startIconName),
         props.label,

package/dist/{chunk-XS32UZI3.mjs → chunk-YYWOSKGH.mjs}

@@ -1,14 +1,14 @@
 "use client";
 import {
   clsx
-} from "./chunk-27Y6K5NK.mjs";
+} from "./chunk-KJFYLLMP.mjs";
 
 // src/components/scroll/scrollArea.tsx
 import { tv } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
-var ScrollArea = ({ children, className, direction, size, variant }) => {
+function ScrollArea({ children, className, direction, size, variant }) {
   return /* @__PURE__ */ jsx("div", { className: clsx(scrollAreaStyle({ direction, size, variant }), className), children });
-};
+}
 ScrollArea.displayName = "ScrollArea";
 var scrollArea_default = ScrollArea;
 var scrollAreaStyle = tv({