@deepnoid/ui 0.1.38 → 0.1.40

package/dist/components/breadcrumb/index.mjs

@@ -4,13 +4,13 @@ import {
   breadcrumb_default
 } from "../../chunk-G67WUZO3.mjs";
 import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-LPZOH3RP.mjs";
 import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
-import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/button/index.mjs

@@ -1,20 +1,20 @@
 "use client";
 import "../../chunk-MY5U63QO.mjs";
+import {
+  icon_button_default
+} from "../../chunk-7TAGGLNY.mjs";
+import {
+  text_button_default
+} from "../../chunk-WFMFC7R6.mjs";
 import {
   button_group_default
 } from "../../chunk-LPZOH3RP.mjs";
 import {
   button_default
 } from "../../chunk-UB4YBFOT.mjs";
-import {
-  icon_button_default
-} from "../../chunk-7TAGGLNY.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
-import {
-  text_button_default
-} from "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/fileUpload/fileUpload.mjs

@@ -3,17 +3,17 @@ import {
   FileUpload,
   fileUploadStyle,
   fileUpload_default
-} from "../../chunk-25QOEKXS.mjs";
+} from "../../chunk-TRR232FS.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-GH6CPGFN.mjs";
 import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-LPZOH3RP.mjs";
 import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
-import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/fileUpload/index.mjs

@@ -2,17 +2,17 @@
 import "../../chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "../../chunk-25QOEKXS.mjs";
+} from "../../chunk-TRR232FS.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-GH6CPGFN.mjs";
 import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-LPZOH3RP.mjs";
 import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
-import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/modal/index.mjs

@@ -6,13 +6,13 @@ import {
 import "../../chunk-SE5TU755.mjs";
 import "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-LPZOH3RP.mjs";
 import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
-import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/modal/modal.mjs

@@ -5,13 +5,13 @@ import {
 import "../../chunk-SE5TU755.mjs";
 import "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-LPZOH3RP.mjs";
 import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
-import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/select/index.js

@@ -4371,7 +4371,7 @@ function toVal(mix) {
 // src/components/select/select.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Select = (0, import_react.forwardRef)((originalProps, ref) => {
-  var _a;
+  var _a, _b;
   const [props, variantProps] = mapPropsVariants(originalProps, select.variantKeys);
   const {
     label,
@@ -4447,6 +4447,7 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
   }, [targetRect]);
   const position = targetRect ? calculatePositionWithScroll(targetRect, optionWrapperHeight) : null;
   const displayValue = multiple ? selectedOptions.map((opt) => opt.label).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.label) || "";
+  const selectedValue = multiple ? selectedOptions.map((opt) => opt.value).join(", ") : ((_b = selectedOptions[0]) == null ? void 0 : _b.value) || "";
   const Option = ({
     option,
     isSelected,
@@ -4458,9 +4459,19 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
       isSelected && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "check", size: originalProps.size })
     ] });
   };
+  const isControlled = originalProps.value !== void 0;
   (0, import_react.useEffect)(() => {
-    setSelectedOptions(defaultSelectedOptions);
-  }, [options]);
+    if (isControlled) {
+      const valueArray = Array.isArray(originalProps.value) ? originalProps.value : [originalProps.value];
+      const matchedOptions = options.filter((opt) => valueArray.includes(opt.value));
+      setSelectedOptions(matchedOptions);
+    }
+  }, [originalProps.value, options]);
+  (0, import_react.useEffect)(() => {
+    if (!isControlled) {
+      setSelectedOptions(defaultSelectedOptions);
+    }
+  }, [defaultSelectedOptions]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
@@ -4492,11 +4503,13 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
                         slots.select({ class: classNames == null ? void 0 : classNames.select }),
                         inputProps.readOnly ? "!text-body-foreground placeholder:text-body-foreground" : ""
                       ),
+                      name: void 0,
                       value: displayValue,
                       readOnly: true,
                       size: 0
                     }
                   ),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "hidden", name: inputProps.name, value: selectedValue }),
                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     Icon_default,
                     {
@@ -4504,16 +4517,7 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
                       size: originalProps.size,
                       className: `transition-transform duration-200 ${isOpen ? "rotate-0" : "rotate-180"}`
                     }
-                  ),
-                  selectedOptions.map((opt, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                    "input",
-                    {
-                      type: "hidden",
-                      name: multiple ? `${inputProps.name}[]` : inputProps.name,
-                      value: opt.value
-                    },
-                    index
-                  ))
+                  )
                 ]
               }
             ),

package/dist/components/select/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "../../chunk-BFNWSILP.mjs";
+} from "../../chunk-NLYGDZK3.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/select/select.d.mts

@@ -10,6 +10,7 @@ interface SelectOption {
 }
 interface Props extends Omit<ComponentPropsWithRef<"input">, "onChange" | keyof SelectVariantProps> {
     options: SelectOption[];
+    value?: string | number;
     defaultSelectedOptions?: SelectOption[];
     label?: string;
     helperMessage?: string;

package/dist/components/select/select.d.ts

@@ -10,6 +10,7 @@ interface SelectOption {
 }
 interface Props extends Omit<ComponentPropsWithRef<"input">, "onChange" | keyof SelectVariantProps> {
     options: SelectOption[];
+    value?: string | number;
     defaultSelectedOptions?: SelectOption[];
     label?: string;
     helperMessage?: string;

package/dist/components/select/select.js

@@ -4369,7 +4369,7 @@ function toVal(mix) {
 // src/components/select/select.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Select = (0, import_react.forwardRef)((originalProps, ref) => {
-  var _a;
+  var _a, _b;
   const [props, variantProps] = mapPropsVariants(originalProps, select.variantKeys);
   const {
     label,
@@ -4445,6 +4445,7 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
   }, [targetRect]);
   const position = targetRect ? calculatePositionWithScroll(targetRect, optionWrapperHeight) : null;
   const displayValue = multiple ? selectedOptions.map((opt) => opt.label).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.label) || "";
+  const selectedValue = multiple ? selectedOptions.map((opt) => opt.value).join(", ") : ((_b = selectedOptions[0]) == null ? void 0 : _b.value) || "";
   const Option = ({
     option,
     isSelected,
@@ -4456,9 +4457,19 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
       isSelected && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "check", size: originalProps.size })
     ] });
   };
+  const isControlled = originalProps.value !== void 0;
   (0, import_react.useEffect)(() => {
-    setSelectedOptions(defaultSelectedOptions);
-  }, [options]);
+    if (isControlled) {
+      const valueArray = Array.isArray(originalProps.value) ? originalProps.value : [originalProps.value];
+      const matchedOptions = options.filter((opt) => valueArray.includes(opt.value));
+      setSelectedOptions(matchedOptions);
+    }
+  }, [originalProps.value, options]);
+  (0, import_react.useEffect)(() => {
+    if (!isControlled) {
+      setSelectedOptions(defaultSelectedOptions);
+    }
+  }, [defaultSelectedOptions]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
@@ -4490,11 +4501,13 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
                         slots.select({ class: classNames == null ? void 0 : classNames.select }),
                         inputProps.readOnly ? "!text-body-foreground placeholder:text-body-foreground" : ""
                       ),
+                      name: void 0,
                       value: displayValue,
                       readOnly: true,
                       size: 0
                     }
                   ),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "hidden", name: inputProps.name, value: selectedValue }),
                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     Icon_default,
                     {
@@ -4502,16 +4515,7 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
                       size: originalProps.size,
                       className: `transition-transform duration-200 ${isOpen ? "rotate-0" : "rotate-180"}`
                     }
-                  ),
-                  selectedOptions.map((opt, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                    "input",
-                    {
-                      type: "hidden",
-                      name: multiple ? `${inputProps.name}[]` : inputProps.name,
-                      value: opt.value
-                    },
-                    index
-                  ))
+                  )
                 ]
               }
             ),

package/dist/components/select/select.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   select_default
-} from "../../chunk-BFNWSILP.mjs";
+} from "../../chunk-NLYGDZK3.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/table/index.js

@@ -5472,7 +5472,8 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
     classNames,
     color,
     size,
-    skeletonRow
+    skeletonRow,
+    onCheckedRowsChange
   } = { ...props, ...variantProps };
   const { page = 1, perPage = 15 } = pagination || {};
   const showPagination = pagination && totalData > 0 && !isLoading;
@@ -5482,7 +5483,10 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
     ref,
     () => ({
       checkedRows,
-      setCheckedRows
+      setCheckedRows: (rowsSet) => {
+        setCheckedRows(rowsSet);
+        onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(rowsSet));
+      }
     }),
     [checkedRows]
   );
@@ -5492,14 +5496,17 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
   const handleAllRowCheck = (checked) => {
     const updated = checked ? new Set(rows.map((_, i) => i)) : /* @__PURE__ */ new Set();
     setCheckedRows(updated);
+    onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(updated));
   };
   const handleRowCheck = (index, checked) => {
     setCheckedRows((prev) => {
       const updated = new Set(prev);
       checked ? updated.add(index) : updated.delete(index);
+      onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(updated));
       return updated;
     });
   };
+  const getCheckedRowData = (checked) => Array.from(checked).map((index) => rows[index]).filter((row) => row !== void 0);
   const slots = (0, import_react5.useMemo)(() => tableStyle(variantProps), [variantProps]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [

package/dist/components/table/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-DX3KXNP6.mjs";
 import {
   table_default
-} from "../../chunk-2M5G4MRK.mjs";
+} from "../../chunk-Y37BWBR3.mjs";
 import {
   definition_table_default
 } from "../../chunk-6TIIBU7J.mjs";

package/dist/components/table/table.d.mts

@@ -21,6 +21,7 @@ interface TableBaseProps extends Omit<ComponentPropsWithRef<"table">, "ref" | "c
     emptyContent?: ReactNode;
     isLoading?: boolean;
     skeletonRow?: number;
+    onCheckedRowsChange?: (rows: TableRow[]) => void;
     classNames?: SlotsToClasses<TableSlots>;
 }
 interface TableRef {

package/dist/components/table/table.d.ts

@@ -21,6 +21,7 @@ interface TableBaseProps extends Omit<ComponentPropsWithRef<"table">, "ref" | "c
     emptyContent?: ReactNode;
     isLoading?: boolean;
     skeletonRow?: number;
+    onCheckedRowsChange?: (rows: TableRow[]) => void;
     classNames?: SlotsToClasses<TableSlots>;
 }
 interface TableRef {

package/dist/components/table/table.js

@@ -5469,7 +5469,8 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
     classNames,
     color,
     size,
-    skeletonRow
+    skeletonRow,
+    onCheckedRowsChange
   } = { ...props, ...variantProps };
   const { page = 1, perPage = 15 } = pagination || {};
   const showPagination = pagination && totalData > 0 && !isLoading;
@@ -5479,7 +5480,10 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
     ref,
     () => ({
       checkedRows,
-      setCheckedRows
+      setCheckedRows: (rowsSet) => {
+        setCheckedRows(rowsSet);
+        onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(rowsSet));
+      }
     }),
     [checkedRows]
   );
@@ -5489,14 +5493,17 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
   const handleAllRowCheck = (checked) => {
     const updated = checked ? new Set(rows.map((_, i) => i)) : /* @__PURE__ */ new Set();
     setCheckedRows(updated);
+    onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(updated));
   };
   const handleRowCheck = (index, checked) => {
     setCheckedRows((prev) => {
       const updated = new Set(prev);
       checked ? updated.add(index) : updated.delete(index);
+      onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(updated));
       return updated;
     });
   };
+  const getCheckedRowData = (checked) => Array.from(checked).map((index) => rows[index]).filter((row) => row !== void 0);
   const slots = (0, import_react5.useMemo)(() => tableStyle(variantProps), [variantProps]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [

package/dist/components/table/table.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   table_default
-} from "../../chunk-2M5G4MRK.mjs";
+} from "../../chunk-Y37BWBR3.mjs";
 import "../../chunk-LWRK5TPZ.mjs";
 import "../../chunk-P7YYNA6L.mjs";
 import "../../chunk-DQRAFUDA.mjs";

package/dist/index.js

@@ -7453,7 +7453,8 @@ var Table = (0, import_react15.forwardRef)((originalProps, ref) => {
     classNames,
     color,
     size,
-    skeletonRow
+    skeletonRow,
+    onCheckedRowsChange
   } = { ...props, ...variantProps };
   const { page = 1, perPage = 15 } = pagination || {};
   const showPagination = pagination && totalData > 0 && !isLoading;
@@ -7463,7 +7464,10 @@ var Table = (0, import_react15.forwardRef)((originalProps, ref) => {
     ref,
     () => ({
       checkedRows,
-      setCheckedRows
+      setCheckedRows: (rowsSet) => {
+        setCheckedRows(rowsSet);
+        onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(rowsSet));
+      }
     }),
     [checkedRows]
   );
@@ -7473,14 +7477,17 @@ var Table = (0, import_react15.forwardRef)((originalProps, ref) => {
   const handleAllRowCheck = (checked) => {
     const updated = checked ? new Set(rows.map((_, i) => i)) : /* @__PURE__ */ new Set();
     setCheckedRows(updated);
+    onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(updated));
   };
   const handleRowCheck = (index, checked) => {
     setCheckedRows((prev) => {
       const updated = new Set(prev);
       checked ? updated.add(index) : updated.delete(index);
+      onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(updated));
       return updated;
     });
   };
+  const getCheckedRowData = (checked) => Array.from(checked).map((index) => rows[index]).filter((row) => row !== void 0);
   const slots = (0, import_react15.useMemo)(() => tableStyle(variantProps), [variantProps]);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
@@ -7783,7 +7790,7 @@ var import_react17 = require("react");
 var import_react_dom = require("react-dom");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var Select = (0, import_react17.forwardRef)((originalProps, ref) => {
-  var _a;
+  var _a, _b;
   const [props, variantProps] = mapPropsVariants(originalProps, select.variantKeys);
   const {
     label,
@@ -7859,6 +7866,7 @@ var Select = (0, import_react17.forwardRef)((originalProps, ref) => {
   }, [targetRect]);
   const position = targetRect ? calculatePositionWithScroll(targetRect, optionWrapperHeight) : null;
   const displayValue = multiple ? selectedOptions.map((opt) => opt.label).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.label) || "";
+  const selectedValue = multiple ? selectedOptions.map((opt) => opt.value).join(", ") : ((_b = selectedOptions[0]) == null ? void 0 : _b.value) || "";
   const Option = ({
     option,
     isSelected,
@@ -7870,9 +7878,19 @@ var Select = (0, import_react17.forwardRef)((originalProps, ref) => {
       isSelected && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon_default, { name: "check", size: originalProps.size })
     ] });
   };
+  const isControlled = originalProps.value !== void 0;
+  (0, import_react17.useEffect)(() => {
+    if (isControlled) {
+      const valueArray = Array.isArray(originalProps.value) ? originalProps.value : [originalProps.value];
+      const matchedOptions = options.filter((opt) => valueArray.includes(opt.value));
+      setSelectedOptions(matchedOptions);
+    }
+  }, [originalProps.value, options]);
   (0, import_react17.useEffect)(() => {
-    setSelectedOptions(defaultSelectedOptions);
-  }, [options]);
+    if (!isControlled) {
+      setSelectedOptions(defaultSelectedOptions);
+    }
+  }, [defaultSelectedOptions]);
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
       "div",
@@ -7904,11 +7922,13 @@ var Select = (0, import_react17.forwardRef)((originalProps, ref) => {
                         slots.select({ class: classNames == null ? void 0 : classNames.select }),
                         inputProps.readOnly ? "!text-body-foreground placeholder:text-body-foreground" : ""
                       ),
+                      name: void 0,
                       value: displayValue,
                       readOnly: true,
                       size: 0
                     }
                   ),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", { type: "hidden", name: inputProps.name, value: selectedValue }),
                   /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                     Icon_default,
                     {
@@ -7916,16 +7936,7 @@ var Select = (0, import_react17.forwardRef)((originalProps, ref) => {
                       size: originalProps.size,
                       className: `transition-transform duration-200 ${isOpen ? "rotate-0" : "rotate-180"}`
                     }
-                  ),
-                  selectedOptions.map((opt, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                    "input",
-                    {
-                      type: "hidden",
-                      name: multiple ? `${inputProps.name}[]` : inputProps.name,
-                      value: opt.value
-                    },
-                    index
-                  ))
+                  )
                 ]
               }
             ),

package/dist/index.mjs

@@ -33,7 +33,7 @@ import {
 import "./chunk-DX3KXNP6.mjs";
 import {
   table_default
-} from "./chunk-2M5G4MRK.mjs";
+} from "./chunk-Y37BWBR3.mjs";
 import {
   definition_table_default
 } from "./chunk-6TIIBU7J.mjs";
@@ -46,7 +46,7 @@ import {
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "./chunk-BFNWSILP.mjs";
+} from "./chunk-NLYGDZK3.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
@@ -83,11 +83,15 @@ import "./chunk-FWJ2ZKH6.mjs";
 import "./chunk-P732YGHO.mjs";
 import {
   fileUpload_default
-} from "./chunk-25QOEKXS.mjs";
+} from "./chunk-TRR232FS.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
 } from "./chunk-GH6CPGFN.mjs";
+import "./chunk-SE5TU755.mjs";
+import {
+  backdrop_default
+} from "./chunk-LL6F3WDX.mjs";
 import "./chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
@@ -99,30 +103,26 @@ import "./chunk-7DLOYKVC.mjs";
 import {
   avatar_default
 } from "./chunk-SP3JVQY3.mjs";
-import "./chunk-SE5TU755.mjs";
-import {
-  backdrop_default
-} from "./chunk-LL6F3WDX.mjs";
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
 } from "./chunk-G67WUZO3.mjs";
 import "./chunk-MY5U63QO.mjs";
+import {
+  icon_button_default
+} from "./chunk-7TAGGLNY.mjs";
+import {
+  text_button_default
+} from "./chunk-WFMFC7R6.mjs";
 import {
   button_group_default
 } from "./chunk-LPZOH3RP.mjs";
 import {
   button_default
 } from "./chunk-UB4YBFOT.mjs";
-import {
-  icon_button_default
-} from "./chunk-7TAGGLNY.mjs";
 import "./chunk-6WSACUIB.mjs";
 import "./chunk-LXHUO6VM.mjs";
 import "./chunk-6PNKRBUT.mjs";
-import {
-  text_button_default
-} from "./chunk-WFMFC7R6.mjs";
 import "./chunk-ZYIIXWVY.mjs";
 import {
   Icon_default,

package/package.json

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

package/dist/{chunk-25QOEKXS.mjs → chunk-TRR232FS.mjs}

@@ -2,12 +2,12 @@
 import {
   input_default
 } from "./chunk-GH6CPGFN.mjs";
-import {
-  button_default
-} from "./chunk-UB4YBFOT.mjs";
 import {
   icon_button_default
 } from "./chunk-7TAGGLNY.mjs";
+import {
+  button_default
+} from "./chunk-UB4YBFOT.mjs";
 
 // src/components/fileUpload/fileUpload.tsx
 import { useRef, useState, useEffect } from "react";