@deepnoid/ui 0.1.34 → 0.1.36

package/dist/components/breadcrumb/breadcrumb.mjs

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

package/dist/components/breadcrumb/index.mjs

@@ -5,11 +5,11 @@ import {
 } from "../../chunk-G67WUZO3.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-JTZUXVOU.mjs";
+import "../../chunk-QIEKOGY7.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";

package/dist/components/button/button.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   button_default
-} from "../../chunk-UB4YBFOT.mjs";
+} from "../../chunk-JTZUXVOU.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/button/icon-button.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   icon_button_default
-} from "../../chunk-7TAGGLNY.mjs";
+} from "../../chunk-QIEKOGY7.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/button/index.mjs

@@ -5,13 +5,13 @@ import {
 } from "../../chunk-LPZOH3RP.mjs";
 import {
   button_default
-} from "../../chunk-UB4YBFOT.mjs";
+} from "../../chunk-JTZUXVOU.mjs";
 import {
   icon_button_default
-} from "../../chunk-7TAGGLNY.mjs";
+} from "../../chunk-QIEKOGY7.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
 import {
   text_button_default
 } from "../../chunk-WFMFC7R6.mjs";

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

@@ -13,9 +13,10 @@ type FileUploadProps = {
     onFileUpload?: (file: File) => void;
     helperMessage?: string;
     showProgress?: boolean;
+    name?: string;
     classNames?: SlotsToClasses<FileUploadSlots>;
 };
-declare function FileUpload({ buttonText, maxSizeMB, placeholder, accept, acceptErrorMessage, sizeErrorMessage, onFileUpload, helperMessage, showProgress, classNames, }: FileUploadProps): react_jsx_runtime.JSX.Element;
+declare function FileUpload({ buttonText, maxSizeMB, placeholder, accept, acceptErrorMessage, sizeErrorMessage, onFileUpload, helperMessage, showProgress, name, classNames, }: FileUploadProps): react_jsx_runtime.JSX.Element;
 declare namespace FileUpload {
     var displayName: string;
 }

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

@@ -13,9 +13,10 @@ type FileUploadProps = {
     onFileUpload?: (file: File) => void;
     helperMessage?: string;
     showProgress?: boolean;
+    name?: string;
     classNames?: SlotsToClasses<FileUploadSlots>;
 };
-declare function FileUpload({ buttonText, maxSizeMB, placeholder, accept, acceptErrorMessage, sizeErrorMessage, onFileUpload, helperMessage, showProgress, classNames, }: FileUploadProps): react_jsx_runtime.JSX.Element;
+declare function FileUpload({ buttonText, maxSizeMB, placeholder, accept, acceptErrorMessage, sizeErrorMessage, onFileUpload, helperMessage, showProgress, name, classNames, }: FileUploadProps): react_jsx_runtime.JSX.Element;
 declare namespace FileUpload {
     var displayName: string;
 }

package/dist/components/fileUpload/fileUpload.js

@@ -5568,6 +5568,7 @@ function FileUpload({
   onFileUpload,
   helperMessage,
   showProgress,
+  name,
   classNames
 }) {
   const fileInputRef = (0, import_react5.useRef)(null);
@@ -5634,7 +5635,7 @@ function FileUpload({
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: slots.inputWrapper(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(input_default, { name: "file", readOnly: true, variant: "outline", full: true, placeholder, defaultValue: file == null ? void 0 : file.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(input_default, { name, readOnly: true, variant: "outline", full: true, placeholder, defaultValue: file == null ? void 0 : file.name }),
         file && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           icon_button_default,
           {

package/dist/components/fileUpload/fileUpload.mjs

@@ -3,16 +3,16 @@ import {
   FileUpload,
   fileUploadStyle,
   fileUpload_default
-} from "../../chunk-PSO2IJIF.mjs";
+} from "../../chunk-YVPN5H5T.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-GH6CPGFN.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-JTZUXVOU.mjs";
+import "../../chunk-QIEKOGY7.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";

package/dist/components/fileUpload/index.js

@@ -5568,6 +5568,7 @@ function FileUpload({
   onFileUpload,
   helperMessage,
   showProgress,
+  name,
   classNames
 }) {
   const fileInputRef = (0, import_react5.useRef)(null);
@@ -5634,7 +5635,7 @@ function FileUpload({
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: slots.inputWrapper(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(input_default, { name: "file", readOnly: true, variant: "outline", full: true, placeholder, defaultValue: file == null ? void 0 : file.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(input_default, { name, readOnly: true, variant: "outline", full: true, placeholder, defaultValue: file == null ? void 0 : file.name }),
         file && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           icon_button_default,
           {

package/dist/components/fileUpload/index.mjs

@@ -2,16 +2,16 @@
 import "../../chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "../../chunk-PSO2IJIF.mjs";
+} from "../../chunk-YVPN5H5T.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-GH6CPGFN.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-JTZUXVOU.mjs";
+import "../../chunk-QIEKOGY7.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";

package/dist/components/modal/index.mjs

@@ -2,16 +2,16 @@
 import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "../../chunk-IC25OKBJ.mjs";
+} from "../../chunk-K7VUN5BS.mjs";
 import "../../chunk-SE5TU755.mjs";
 import "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-JTZUXVOU.mjs";
+import "../../chunk-QIEKOGY7.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";

package/dist/components/modal/modal.mjs

@@ -1,16 +1,16 @@
 "use client";
 import {
   modal_default
-} from "../../chunk-IC25OKBJ.mjs";
+} from "../../chunk-K7VUN5BS.mjs";
 import "../../chunk-SE5TU755.mjs";
 import "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-JTZUXVOU.mjs";
+import "../../chunk-QIEKOGY7.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";

package/dist/components/ripple/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import "../../chunk-6WSACUIB.mjs";
-import {
-  ripple_default
-} from "../../chunk-LXHUO6VM.mjs";
 import {
   useRipple
 } from "../../chunk-6PNKRBUT.mjs";
+import {
+  ripple_default
+} from "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   ripple_default as Ripple,

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

@@ -1,4 +1,4 @@
-export { default as Select, SelectProps } from './select.mjs';
+export { default as Select, SelectOption, SelectProps } from './select.mjs';
 import 'tailwind-variants';
 import 'react';
 import '../../utils/types.mjs';

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

@@ -1,4 +1,4 @@
-export { default as Select, SelectProps } from './select.js';
+export { default as Select, SelectOption, SelectProps } from './select.js';
 import 'tailwind-variants';
 import 'react';
 import '../../utils/types.js';

package/dist/components/select/index.js

@@ -4419,8 +4419,8 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
   const handleChangeOption = (option) => {
     let nextOptions;
     if (multiple) {
-      const exists = selectedOptions.some((o) => o.key === option.key);
-      nextOptions = exists ? selectedOptions.filter((o) => o.key !== option.key) : [...selectedOptions, option];
+      const exists = selectedOptions.some((o) => o.value === option.value);
+      nextOptions = exists ? selectedOptions.filter((o) => o.value !== option.value) : [...selectedOptions, option];
     } else {
       nextOptions = [option];
       setIsOpen(false);
@@ -4446,15 +4446,15 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
     }
   }, [targetRect]);
   const position = targetRect ? calculatePositionWithScroll(targetRect, optionWrapperHeight) : null;
-  const displayValue = multiple ? selectedOptions.map((opt) => opt.value).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.value) || "";
+  const displayValue = multiple ? selectedOptions.map((opt) => opt.label).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.label) || "";
   const Option = ({
     option,
     isSelected,
     onClick
   }) => {
     const slot = select({ ...variantProps, isSelected });
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { title: option.value, onClick, className: clsx(slot.option({ class: classNames == null ? void 0 : classNames.option })), children: [
-      option.value,
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { title: option.label, onClick, className: clsx(slot.option({ class: classNames == null ? void 0 : classNames.option })), children: [
+      option.label,
       isSelected && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "check", size: originalProps.size })
     ] });
   };
@@ -4528,7 +4528,7 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
             transition: "opacity 150ms ease-out, transform 150ms ease-out"
           },
           children: options.map((option) => {
-            const isSelected = selectedOptions.some((o) => o.key === option.key);
+            const isSelected = selectedOptions.some((o) => o.value === option.value);
             return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               Option,
               {
@@ -4536,7 +4536,7 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
                 isSelected,
                 onClick: () => handleChangeOption(option)
               },
-              option.key
+              option.value
             );
           })
         }

package/dist/components/select/index.mjs

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

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

@@ -5,8 +5,8 @@ import { ComponentPropsWithRef } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
 interface SelectOption {
-    key: string | number;
-    value: string;
+    label: string;
+    value: string | number;
 }
 interface Props extends Omit<ComponentPropsWithRef<"input">, "onChange" | keyof SelectVariantProps> {
     options: SelectOption[];
@@ -307,4 +307,4 @@ declare const select: tailwind_variants.TVReturnType<{
 type SelectVariantProps = VariantProps<typeof select>;
 type SelectSlots = keyof ReturnType<typeof select>;
 
-export { type SelectProps, type SelectVariantProps, Select as default };
+export { type SelectOption, type SelectProps, type SelectVariantProps, Select as default };

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

@@ -5,8 +5,8 @@ import { ComponentPropsWithRef } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
 interface SelectOption {
-    key: string | number;
-    value: string;
+    label: string;
+    value: string | number;
 }
 interface Props extends Omit<ComponentPropsWithRef<"input">, "onChange" | keyof SelectVariantProps> {
     options: SelectOption[];
@@ -307,4 +307,4 @@ declare const select: tailwind_variants.TVReturnType<{
 type SelectVariantProps = VariantProps<typeof select>;
 type SelectSlots = keyof ReturnType<typeof select>;
 
-export { type SelectProps, type SelectVariantProps, Select as default };
+export { type SelectOption, type SelectProps, type SelectVariantProps, Select as default };

package/dist/components/select/select.js

@@ -4417,8 +4417,8 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
   const handleChangeOption = (option) => {
     let nextOptions;
     if (multiple) {
-      const exists = selectedOptions.some((o) => o.key === option.key);
-      nextOptions = exists ? selectedOptions.filter((o) => o.key !== option.key) : [...selectedOptions, option];
+      const exists = selectedOptions.some((o) => o.value === option.value);
+      nextOptions = exists ? selectedOptions.filter((o) => o.value !== option.value) : [...selectedOptions, option];
     } else {
       nextOptions = [option];
       setIsOpen(false);
@@ -4444,15 +4444,15 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
     }
   }, [targetRect]);
   const position = targetRect ? calculatePositionWithScroll(targetRect, optionWrapperHeight) : null;
-  const displayValue = multiple ? selectedOptions.map((opt) => opt.value).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.value) || "";
+  const displayValue = multiple ? selectedOptions.map((opt) => opt.label).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.label) || "";
   const Option = ({
     option,
     isSelected,
     onClick
   }) => {
     const slot = select({ ...variantProps, isSelected });
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { title: option.value, onClick, className: clsx(slot.option({ class: classNames == null ? void 0 : classNames.option })), children: [
-      option.value,
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { title: option.label, onClick, className: clsx(slot.option({ class: classNames == null ? void 0 : classNames.option })), children: [
+      option.label,
       isSelected && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "check", size: originalProps.size })
     ] });
   };
@@ -4526,7 +4526,7 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
             transition: "opacity 150ms ease-out, transform 150ms ease-out"
           },
           children: options.map((option) => {
-            const isSelected = selectedOptions.some((o) => o.key === option.key);
+            const isSelected = selectedOptions.some((o) => o.value === option.value);
             return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               Option,
               {
@@ -4534,7 +4534,7 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
                 isSelected,
                 onClick: () => handleChangeOption(option)
               },
-              option.key
+              option.value
             );
           })
         }

package/dist/components/select/select.mjs

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

package/dist/components/table/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import "../../chunk-DX3KXNP6.mjs";
-import {
-  table_default
-} from "../../chunk-2M5G4MRK.mjs";
 import {
   definition_table_default
 } from "../../chunk-6TIIBU7J.mjs";
+import {
+  table_default
+} from "../../chunk-2M5G4MRK.mjs";
 import "../../chunk-LWRK5TPZ.mjs";
 import "../../chunk-P7YYNA6L.mjs";
 import "../../chunk-DQRAFUDA.mjs";

package/dist/index.d.mts

@@ -10,7 +10,7 @@ export { default as Tabs, TabsDataType } from './components/tabs/tabs.mjs';
 export { default as Textarea } from './components/textarea/textarea.mjs';
 export { default as Table, TableColumn, TableRow } from './components/table/table.mjs';
 export { default as DefinitionTable } from './components/table/definition-table.mjs';
-export { default as Select } from './components/select/select.mjs';
+export { default as Select, SelectOption, SelectProps } from './components/select/select.mjs';
 export { default as CheckBox } from './components/checkbox/checkbox.mjs';
 export { default as Chip } from './components/chip/chip.mjs';
 export { default as Radio } from './components/radio/radio.mjs';

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export { default as Tabs, TabsDataType } from './components/tabs/tabs.js';
 export { default as Textarea } from './components/textarea/textarea.js';
 export { default as Table, TableColumn, TableRow } from './components/table/table.js';
 export { default as DefinitionTable } from './components/table/definition-table.js';
-export { default as Select } from './components/select/select.js';
+export { default as Select, SelectOption, SelectProps } from './components/select/select.js';
 export { default as CheckBox } from './components/checkbox/checkbox.js';
 export { default as Chip } from './components/chip/chip.js';
 export { default as Radio } from './components/radio/radio.js';

package/dist/index.js

@@ -7831,8 +7831,8 @@ var Select = (0, import_react17.forwardRef)((originalProps, ref) => {
   const handleChangeOption = (option) => {
     let nextOptions;
     if (multiple) {
-      const exists = selectedOptions.some((o) => o.key === option.key);
-      nextOptions = exists ? selectedOptions.filter((o) => o.key !== option.key) : [...selectedOptions, option];
+      const exists = selectedOptions.some((o) => o.value === option.value);
+      nextOptions = exists ? selectedOptions.filter((o) => o.value !== option.value) : [...selectedOptions, option];
     } else {
       nextOptions = [option];
       setIsOpen(false);
@@ -7858,15 +7858,15 @@ var Select = (0, import_react17.forwardRef)((originalProps, ref) => {
     }
   }, [targetRect]);
   const position = targetRect ? calculatePositionWithScroll(targetRect, optionWrapperHeight) : null;
-  const displayValue = multiple ? selectedOptions.map((opt) => opt.value).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.value) || "";
+  const displayValue = multiple ? selectedOptions.map((opt) => opt.label).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.label) || "";
   const Option = ({
     option,
     isSelected,
     onClick
   }) => {
     const slot = select({ ...variantProps, isSelected });
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { title: option.value, onClick, className: clsx(slot.option({ class: classNames == null ? void 0 : classNames.option })), children: [
-      option.value,
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { title: option.label, onClick, className: clsx(slot.option({ class: classNames == null ? void 0 : classNames.option })), children: [
+      option.label,
       isSelected && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon_default, { name: "check", size: originalProps.size })
     ] });
   };
@@ -7940,7 +7940,7 @@ var Select = (0, import_react17.forwardRef)((originalProps, ref) => {
             transition: "opacity 150ms ease-out, transform 150ms ease-out"
           },
           children: options.map((option) => {
-            const isSelected = selectedOptions.some((o) => o.key === option.key);
+            const isSelected = selectedOptions.some((o) => o.value === option.value);
             return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               Option,
               {
@@ -7948,7 +7948,7 @@ var Select = (0, import_react17.forwardRef)((originalProps, ref) => {
                 isSelected,
                 onClick: () => handleChangeOption(option)
               },
-              option.key
+              option.value
             );
           })
         }
@@ -10372,6 +10372,7 @@ function FileUpload({
   onFileUpload,
   helperMessage,
   showProgress,
+  name,
   classNames
 }) {
   const fileInputRef = (0, import_react33.useRef)(null);
@@ -10438,7 +10439,7 @@ function FileUpload({
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
       /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: slots.inputWrapper(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(input_default, { name: "file", readOnly: true, variant: "outline", full: true, placeholder, defaultValue: file == null ? void 0 : file.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(input_default, { name, readOnly: true, variant: "outline", full: true, placeholder, defaultValue: file == null ? void 0 : file.name }),
         file && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           icon_button_default,
           {

package/dist/index.mjs

@@ -1,18 +1,12 @@
 "use client";
-import "./chunk-HIE2YRGA.mjs";
-import {
-  tooltip_default
-} from "./chunk-Z2537DF6.mjs";
-import "./chunk-ZMOAFSYE.mjs";
-import "./chunk-WSIADHVC.mjs";
 import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
 } from "./chunk-NFQMXW4Z.mjs";
-import "./chunk-3MY6LO7N.mjs";
+import "./chunk-TPFN22HR.mjs";
 import {
-  tabs_default
-} from "./chunk-2YMAKIZ6.mjs";
+  radio_default
+} from "./chunk-QIRL6HY6.mjs";
 import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
@@ -26,19 +20,25 @@ import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "./chunk-MEY4IL7D.mjs";
-import "./chunk-LVFI2NOH.mjs";
+import "./chunk-HIE2YRGA.mjs";
 import {
-  switch_default
-} from "./chunk-Z74QNVPG.mjs";
+  tooltip_default
+} from "./chunk-Z2537DF6.mjs";
+import "./chunk-ZMOAFSYE.mjs";
+import "./chunk-WSIADHVC.mjs";
 import "./chunk-DX3KXNP6.mjs";
-import {
-  table_default
-} from "./chunk-2M5G4MRK.mjs";
 import {
   definition_table_default
 } from "./chunk-6TIIBU7J.mjs";
+import {
+  table_default
+} from "./chunk-2M5G4MRK.mjs";
 import "./chunk-LWRK5TPZ.mjs";
 import "./chunk-P7YYNA6L.mjs";
+import "./chunk-3MY6LO7N.mjs";
+import {
+  tabs_default
+} from "./chunk-2YMAKIZ6.mjs";
 import "./chunk-DQRAFUDA.mjs";
 import {
   scrollArea_default
@@ -46,7 +46,11 @@ import {
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "./chunk-IEJRE6LT.mjs";
+} from "./chunk-Q5JOHEP7.mjs";
+import "./chunk-LVFI2NOH.mjs";
+import {
+  switch_default
+} from "./chunk-Z74QNVPG.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
@@ -54,16 +58,12 @@ import {
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "./chunk-IC25OKBJ.mjs";
+} from "./chunk-K7VUN5BS.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
 } from "./chunk-MCNCHQ33.mjs";
 import "./chunk-F3HENRVM.mjs";
-import "./chunk-TPFN22HR.mjs";
-import {
-  radio_default
-} from "./chunk-QIRL6HY6.mjs";
 import "./chunk-RLXOHILK.mjs";
 import "./chunk-MGEWSREV.mjs";
 import "./chunk-75HLCORR.mjs";
@@ -83,7 +83,7 @@ import "./chunk-FWJ2ZKH6.mjs";
 import "./chunk-P732YGHO.mjs";
 import {
   fileUpload_default
-} from "./chunk-PSO2IJIF.mjs";
+} from "./chunk-YVPN5H5T.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
@@ -113,13 +113,13 @@ import {
 } from "./chunk-LPZOH3RP.mjs";
 import {
   button_default
-} from "./chunk-UB4YBFOT.mjs";
+} from "./chunk-JTZUXVOU.mjs";
 import {
   icon_button_default
-} from "./chunk-7TAGGLNY.mjs";
+} from "./chunk-QIEKOGY7.mjs";
 import "./chunk-6WSACUIB.mjs";
-import "./chunk-LXHUO6VM.mjs";
 import "./chunk-6PNKRBUT.mjs";
+import "./chunk-LXHUO6VM.mjs";
 import {
   text_button_default
 } from "./chunk-WFMFC7R6.mjs";

package/package.json

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

package/dist/{chunk-UB4YBFOT.mjs → chunk-JTZUXVOU.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  ripple_default
-} from "./chunk-LXHUO6VM.mjs";
 import {
   useRipple
 } from "./chunk-6PNKRBUT.mjs";
+import {
+  ripple_default
+} from "./chunk-LXHUO6VM.mjs";
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";