soda-heroui 0.11.16 → 0.11.18

package/dist/components/AutoRefresh.cjs

@@ -33,13 +33,13 @@ const AutoRefresh = ({ children, onRefresh, ...rest })=>{
     if ("development" === process.env.NODE_ENV) return children;
     function onPress(e) {
         var _e_target_parentElement;
-        const closeButton = null == (_e_target_parentElement = e.target.parentElement) ? void 0 : _e_target_parentElement.querySelector(`[aria-label="\u{5173}\u{95ED}"]`);
+        const closeButton = null == (_e_target_parentElement = e.target.parentElement) ? void 0 : _e_target_parentElement.querySelector(`[aria-label="关闭"]`);
         null == closeButton || closeButton.click();
         null == onRefresh || onRefresh();
     }
     (0, external_soda_hooks_namespaceObject.useAutoRefresh)(()=>(0, react_namespaceObject.addToast)({
-            title: "\u68C0\u6D4B\u5230\u9875\u9762\u66F4\u65B0",
-            description: "\u4E3A\u4E86\u6700\u4F73\u7684\u4F53\u9A8C\uFF0C\u8BF7\u5237\u65B0\u9875\u9762",
+            title: "检测到页面更新",
+            description: "为了最佳的体验，请刷新页面",
             color: "warning",
             timeout: 1 / 0,
             endContent: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Button, {
@@ -47,7 +47,7 @@ const AutoRefresh = ({ children, onRefresh, ...rest })=>{
                 size: "sm",
                 variant: "flat",
                 onPress: onPress,
-                children: "\u5237\u65B0"
+                children: "刷新"
             }),
             ...rest
         }));

package/dist/components/AutoRefresh.d.ts

@@ -1,5 +1,5 @@
-import { FC, ReactNode } from "react";
 import { addToast } from "@heroui/react";
+import { FC, ReactNode } from "react";
 import { FirstParameter } from "soda-type";
 export interface AutoRefreshProps extends FirstParameter<typeof addToast> {
     onRefresh?: () => void;

package/dist/components/AutoRefresh.js

@@ -5,13 +5,13 @@ const AutoRefresh = ({ children, onRefresh, ...rest })=>{
     if ("development" === process.env.NODE_ENV) return children;
     function onPress(e) {
         var _e_target_parentElement;
-        const closeButton = null == (_e_target_parentElement = e.target.parentElement) ? void 0 : _e_target_parentElement.querySelector(`[aria-label="\u{5173}\u{95ED}"]`);
+        const closeButton = null == (_e_target_parentElement = e.target.parentElement) ? void 0 : _e_target_parentElement.querySelector(`[aria-label="关闭"]`);
         null == closeButton || closeButton.click();
         null == onRefresh || onRefresh();
     }
     useAutoRefresh(()=>addToast({
-            title: "\u68C0\u6D4B\u5230\u9875\u9762\u66F4\u65B0",
-            description: "\u4E3A\u4E86\u6700\u4F73\u7684\u4F53\u9A8C\uFF0C\u8BF7\u5237\u65B0\u9875\u9762",
+            title: "检测到页面更新",
+            description: "为了最佳的体验，请刷新页面",
             color: "warning",
             timeout: 1 / 0,
             endContent: /*#__PURE__*/ jsx(Button, {
@@ -19,7 +19,7 @@ const AutoRefresh = ({ children, onRefresh, ...rest })=>{
                 size: "sm",
                 variant: "flat",
                 onPress: onPress,
-                children: "\u5237\u65B0"
+                children: "刷新"
             }),
             ...rest
         }));

package/dist/components/EnumSelect.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { EnumOption } from "deepsea-tools";
+import { ReactNode } from "react";
 import { StrictOmit, ValueOf } from "soda-type";
 import { FormSelectProps, SelectionMode } from "./FormSelect";
 export interface EnumSelectProps<T extends Record<string, string>, Mode extends SelectionMode = "single", FieldValue extends (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>) | null | undefined = (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>) | null | undefined> extends StrictOmit<FormSelectProps<Mode, FieldValue, EnumOption<T>>, "children" | "items"> {

package/dist/components/FormAutocomplete.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { Autocomplete, AutocompleteProps } from "@heroui/react";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 export interface FormAutocompleteProps<FieldValue extends string | null | undefined = string | null | undefined, RenderItem extends object = object> extends FieldComponentProps<typeof Autocomplete<RenderItem>, FieldValue> {
     component?: <T extends object>(props: AutocompleteProps<T>) => ReactNode;

package/dist/components/FormCalendar.cjs

@@ -28,8 +28,8 @@ __webpack_require__.d(__webpack_exports__, {
     FormCalendar: ()=>FormCalendar
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
+const external_react_namespaceObject = require("react");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const time_cjs_namespaceObject = require("../utils/time.cjs");

package/dist/components/FormCalendar.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { Calendar, CalendarProps, DateValue } from "@heroui/react";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { EmptyValue } from "./FormProvider";

package/dist/components/FormCalendar.js

@@ -1,7 +1,7 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { useContext } from "react";
 import { Calendar } from "@heroui/react";
+import { useContext } from "react";
 import { FormContext } from "./FormProvider.js";
 import { getFieldProps } from "../utils/getFieldProps.js";
 import { getFieldValue, getOnChange } from "../utils/time.js";

package/dist/components/FormCheckbox.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, CheckboxProps, MergeWithAs } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormCheckboxProps<FieldValue extends boolean | null | undefined = boolean | null | undefined, AsComponent extends As = "input"> = MergeWithAs<ComponentPropsWithoutRef<"input">, ComponentPropsWithoutRef<AsComponent>, CheckboxProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormCheckboxGroup.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, CheckboxGroupProps, MergeWithAs } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormCheckboxGroupProps<FieldValue extends string[] | null | undefined = string[] | null | undefined, AsComponent extends As = "div"> = MergeWithAs<ComponentPropsWithoutRef<"div">, ComponentPropsWithoutRef<AsComponent>, CheckboxGroupProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormDateInput.cjs

@@ -28,8 +28,8 @@ __webpack_require__.d(__webpack_exports__, {
     FormDateInput: ()=>FormDateInput
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
+const external_react_namespaceObject = require("react");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const time_cjs_namespaceObject = require("../utils/time.cjs");

package/dist/components/FormDateInput.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { DateInput, DateInputProps, DateValue } from "@heroui/react";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { EmptyValue } from "./FormProvider";

package/dist/components/FormDateInput.js

@@ -1,7 +1,7 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { useContext } from "react";
 import { DateInput } from "@heroui/react";
+import { useContext } from "react";
 import { FormContext } from "./FormProvider.js";
 import { getFieldProps } from "../utils/getFieldProps.js";
 import { getFieldValue, getOnChange } from "../utils/time.js";

package/dist/components/FormDatePicker.cjs

@@ -28,8 +28,8 @@ __webpack_require__.d(__webpack_exports__, {
     FormDatePicker: ()=>FormDatePicker
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
+const external_react_namespaceObject = require("react");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const time_cjs_namespaceObject = require("../utils/time.cjs");

package/dist/components/FormDatePicker.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { DatePicker, DatePickerProps, DateValue } from "@heroui/react";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { EmptyValue } from "./FormProvider";

package/dist/components/FormDatePicker.js

@@ -1,7 +1,7 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { useContext } from "react";
 import { DatePicker } from "@heroui/react";
+import { useContext } from "react";
 import { FormContext } from "./FormProvider.js";
 import { getFieldProps } from "../utils/getFieldProps.js";
 import { getFieldValue, getOnChange } from "../utils/time.js";

package/dist/components/FormDateRangePicker.cjs

@@ -28,8 +28,8 @@ __webpack_require__.d(__webpack_exports__, {
     FormDateRangePicker: ()=>FormDateRangePicker
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
+const external_react_namespaceObject = require("react");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const range_cjs_namespaceObject = require("../utils/range.cjs");

package/dist/components/FormDateRangePicker.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { DateRangePicker, DateRangePickerProps, DateValue } from "@heroui/react";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { EmptyValue } from "./FormProvider";

package/dist/components/FormDateRangePicker.js

@@ -1,7 +1,7 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { useContext } from "react";
 import { DateRangePicker } from "@heroui/react";
+import { useContext } from "react";
 import { FormContext } from "./FormProvider.js";
 import { getFieldProps } from "../utils/getFieldProps.js";
 import { getFieldRangeValue, getOnRangeChange } from "../utils/range.js";

package/dist/components/FormInput.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, InputProps, MergeWithAs } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormInputProps<FieldValue extends string | null | undefined = string | null | undefined, AsComponent extends As = "input"> = MergeWithAs<ComponentPropsWithoutRef<"input">, ComponentPropsWithoutRef<AsComponent>, InputProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormInputOtp.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, InputOtpProps, MergeWithAs } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormInputOtpProps<FieldValue extends string | null | undefined = string | null | undefined, AsComponent extends As = "input"> = MergeWithAs<ComponentPropsWithoutRef<"input">, ComponentPropsWithoutRef<AsComponent>, InputOtpProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormNumberInput.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, MergeWithAs, NumberInputProps } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormNumberInputProps<FieldValue extends number | null | undefined = number | null | undefined, AsComponent extends As = "input"> = MergeWithAs<ComponentPropsWithoutRef<"input">, ComponentPropsWithoutRef<AsComponent>, NumberInputProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormPagination.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, MergeWithAs, PaginationProps } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormPaginationProps<FieldValue extends number | null | undefined = number | null | undefined, AsComponent extends As = "nav"> = MergeWithAs<ComponentPropsWithoutRef<"nav">, ComponentPropsWithoutRef<AsComponent>, PaginationProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormProvider.cjs

@@ -30,8 +30,8 @@ __webpack_require__.d(__webpack_exports__, {
     getEmptyValue: ()=>getEmptyValue
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 function getEmptyValue(value) {
     return "undefined" === value ? void 0 : null;
 }

package/dist/components/FormProvider.js

@@ -1,7 +1,7 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
 import { assign as external_deepsea_tools_assign } from "deepsea-tools";
+import { createContext, useContext } from "react";
 function getEmptyValue(value) {
     return "undefined" === value ? void 0 : null;
 }

package/dist/components/FormRadioGroup.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, MergeWithAs, RadioGroupProps } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormRadioGroupProps<FieldValue extends string | null | undefined = string | null | undefined, AsComponent extends As = "div"> = MergeWithAs<ComponentPropsWithoutRef<"div">, ComponentPropsWithoutRef<AsComponent>, RadioGroupProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormRangeCalendar.cjs

@@ -28,8 +28,8 @@ __webpack_require__.d(__webpack_exports__, {
     FormRangeCalendar: ()=>FormRangeCalendar
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
+const external_react_namespaceObject = require("react");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const range_cjs_namespaceObject = require("../utils/range.cjs");

package/dist/components/FormRangeCalendar.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { DateValue, RangeCalendar, RangeCalendarProps } from "@heroui/react";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { EmptyValue } from "./FormProvider";

package/dist/components/FormRangeCalendar.js

@@ -1,7 +1,7 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { useContext } from "react";
 import { RangeCalendar } from "@heroui/react";
+import { useContext } from "react";
 import { FormContext } from "./FormProvider.js";
 import { getFieldProps } from "../utils/getFieldProps.js";
 import { getFieldRangeValue, getOnRangeChange } from "../utils/range.js";

package/dist/components/FormSelect.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     FormSelect: ()=>FormSelect
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 function FormSelect({ field, emptyValue, component: Select2 = react_namespaceObject.Select, selectionMode, labelPlacement, classNames: { base, label, ...restClassNames } = {}, ...rest }) {

package/dist/components/FormSelect.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
 import { Select, SelectProps } from "@heroui/react";
 import { Key } from "@react-types/shared";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { EmptyValue } from "./FormProvider";

package/dist/components/FormSelect.js

@@ -1,8 +1,8 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { useContext } from "react";
 import { Select } from "@heroui/react";
 import { clsx, isNonNullable } from "deepsea-tools";
+import { useContext } from "react";
 import { getFieldProps } from "../utils/getFieldProps.js";
 import { FormContext, getEmptyValue } from "./FormProvider.js";
 function FormSelect({ field, emptyValue, component: Select2 = Select, selectionMode, labelPlacement, classNames: { base, label, ...restClassNames } = {}, ...rest }) {

package/dist/components/FormSwitch.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, MergeWithAs, SwitchProps } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormSwitchProps<FieldValue extends boolean | null | undefined = boolean | null | undefined, AsComponent extends As = "input"> = MergeWithAs<ComponentPropsWithoutRef<"input">, ComponentPropsWithoutRef<AsComponent>, SwitchProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormTextarea.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, MergeWithAs, TextAreaProps } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormTextareaProps<FieldValue extends string | null | undefined = string | null | undefined, AsComponent extends As = "textarea"> = MergeWithAs<ComponentPropsWithoutRef<"input">, ComponentPropsWithoutRef<AsComponent>, TextAreaProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormTimeInput.cjs

@@ -28,8 +28,8 @@ __webpack_require__.d(__webpack_exports__, {
     FormTimeInput: ()=>FormTimeInput
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
+const external_react_namespaceObject = require("react");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const time_cjs_namespaceObject = require("../utils/time.cjs");

package/dist/components/FormTimeInput.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
 import { TimeInput, TimeInputProps } from "@heroui/react";
 import { CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { EmptyValue } from "./FormProvider";

package/dist/components/FormTimeInput.js

@@ -1,7 +1,7 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { useContext } from "react";
 import { TimeInput } from "@heroui/react";
+import { useContext } from "react";
 import { FormContext } from "./FormProvider.js";
 import { getFieldProps } from "../utils/getFieldProps.js";
 import { getFieldValue, getOnChange } from "../utils/time.js";

package/dist/utils/range.d.ts

@@ -1,5 +1,5 @@
-import { SetStateAction } from "react";
 import { DateValue, RangeValue } from "@heroui/react";
+import { SetStateAction } from "react";
 import { Field } from "soda-tanstack-form";
 import { EmptyValue } from "../components/FormProvider";
 import { DefaultTime } from "./getTimeValue";

package/dist/utils/time.d.ts

@@ -1,5 +1,5 @@
-import { SetStateAction } from "react";
 import { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date";
+import { SetStateAction } from "react";
 import { Field } from "soda-tanstack-form";
 import { EmptyValue } from "../components/FormProvider";
 import { DefaultTime } from "./getTimeValue";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soda-heroui",
-  "version": "0.11.16",
+  "version": "0.11.18",
   "description": "",
   "type": "module",
   "exports": {
@@ -35,20 +35,20 @@
   },
   "homepage": "https://github.com/1adybug/deepsea/tree/main/packages/soda-heroui",
   "dependencies": {
-    "@internationalized/date": "^3.8.2",
-    "@tanstack/react-form": "^1.19.0",
-    "soda-type": "6.7.0",
-    "deepsea-tools": "5.42.2",
-    "soda-hooks": "6.14.6",
-    "soda-tanstack-form": "0.2.5"
+    "@internationalized/date": "^3.10.0",
+    "@tanstack/react-form": "^1.23.6",
+    "deepsea-tools": "5.42.3",
+    "soda-hooks": "6.15.1",
+    "soda-tanstack-form": "0.3.1",
+    "soda-type": "6.7.1"
   },
   "devDependencies": {
-    "@ianvs/prettier-plugin-sort-imports": "^4.6.0",
-    "@react-types/shared": "^3.31.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
+    "@react-types/shared": "^3.32.1",
     "glob": "^11.0.3",
     "prettier": "^3.6.2",
-    "prettier-plugin-organize-imports": "^4.2.0",
-    "typescript": "^5.9.2"
+    "prettier-plugin-organize-imports": "^4.3.0",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "@types/node": ">=20",

package/src/components/AutoRefresh.tsx

@@ -1,5 +1,5 @@
-import { FC, ReactNode } from "react"
 import { Button, PressEvent, addToast } from "@heroui/react"
+import { FC, ReactNode } from "react"
 import { useAutoRefresh } from "soda-hooks"
 import { FirstParameter } from "soda-type"
 

package/src/components/EnumSelect.tsx

@@ -1,46 +1,46 @@
-"use client"
-
-import { ReactNode } from "react"
-import { SelectItem } from "@heroui/react"
-import { EnumOption, getEnumOptions } from "deepsea-tools"
-import { StrictOmit, ValueOf } from "soda-type"
-
-import { FormSelect, FormSelectProps, SelectionMode } from "./FormSelect"
-
-export interface EnumSelectProps<
-    T extends Record<string, string>,
-    Mode extends SelectionMode = "single",
-    FieldValue extends (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>) | null | undefined =
-        | (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>)
-        | null
-        | undefined,
-> extends StrictOmit<FormSelectProps<Mode, FieldValue, EnumOption<T>>, "children" | "items"> {
-    enumObject: T
-}
-
-export function EnumSelect<
-    T extends Record<string, string>,
-    Mode extends SelectionMode = "single",
-    FieldValue extends (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>) | null | undefined =
-        | (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>)
-        | null
-        | undefined,
->({ enumObject, ...rest }: EnumSelectProps<T, Mode, FieldValue>): ReactNode {
-    return (
-        <FormSelect items={getEnumOptions(enumObject)} {...rest}>
-            {({ label, value }) => <SelectItem key={value}>{label}</SelectItem>}
-        </FormSelect>
-    )
-}
-
-export function createEnumSelect<T extends Record<string, string>>(enumObject: T) {
-    return function FormSelect<
-        Mode extends SelectionMode = "single",
-        FieldValue extends (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>) | null | undefined =
-            | (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>)
-            | null
-            | undefined,
-    >(props: StrictOmit<EnumSelectProps<T, Mode, FieldValue>, "enumObject">) {
-        return <EnumSelect enumObject={enumObject} {...props} />
-    }
-}
+"use client"
+
+import { SelectItem } from "@heroui/react"
+import { EnumOption, getEnumOptions } from "deepsea-tools"
+import { ReactNode } from "react"
+import { StrictOmit, ValueOf } from "soda-type"
+
+import { FormSelect, FormSelectProps, SelectionMode } from "./FormSelect"
+
+export interface EnumSelectProps<
+    T extends Record<string, string>,
+    Mode extends SelectionMode = "single",
+    FieldValue extends (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>) | null | undefined =
+        | (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>)
+        | null
+        | undefined,
+> extends StrictOmit<FormSelectProps<Mode, FieldValue, EnumOption<T>>, "children" | "items"> {
+    enumObject: T
+}
+
+export function EnumSelect<
+    T extends Record<string, string>,
+    Mode extends SelectionMode = "single",
+    FieldValue extends (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>) | null | undefined =
+        | (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>)
+        | null
+        | undefined,
+>({ enumObject, ...rest }: EnumSelectProps<T, Mode, FieldValue>): ReactNode {
+    return (
+        <FormSelect items={getEnumOptions(enumObject)} {...rest}>
+            {({ label, value }) => <SelectItem key={value}>{label}</SelectItem>}
+        </FormSelect>
+    )
+}
+
+export function createEnumSelect<T extends Record<string, string>>(enumObject: T) {
+    return function FormSelect<
+        Mode extends SelectionMode = "single",
+        FieldValue extends (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>) | null | undefined =
+            | (Mode extends "multiple" ? ValueOf<T>[] : ValueOf<T>)
+            | null
+            | undefined,
+    >(props: StrictOmit<EnumSelectProps<T, Mode, FieldValue>, "enumObject">) {
+        return <EnumSelect enumObject={enumObject} {...props} />
+    }
+}

package/src/components/ErrorMessage.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ComponentProps, FC } from "react"
 import { isNonNullable } from "deepsea-tools"
+import { ComponentProps, FC } from "react"
 
 export interface ErrorMessageItem {
     message: string

package/src/components/FormAutocomplete.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { Key, ReactNode } from "react"
 import { Autocomplete, AutocompleteProps } from "@heroui/react"
+import { Key, ReactNode } from "react"
 import { FieldComponentProps } from "soda-tanstack-form"
 
 import { getFieldProps } from "../utils/getFieldProps"

package/src/components/FormCalendar.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ReactNode, useContext } from "react"
 import { Calendar, CalendarProps, DateValue } from "@heroui/react"
+import { ReactNode, useContext } from "react"
 import { FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
 

package/src/components/FormCheckbox.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { As, Checkbox, CheckboxProps, MergeWithAs } from "@heroui/react"
+import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { Field } from "soda-tanstack-form"
 
 import { getFieldProps } from "../utils/getFieldProps"

package/src/components/FormCheckboxGroup.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { As, CheckboxGroup, CheckboxGroupProps, MergeWithAs } from "@heroui/react"
+import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { Field } from "soda-tanstack-form"
 
 import { getFieldProps } from "../utils/getFieldProps"

package/src/components/FormDateInput.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ReactNode, useContext } from "react"
 import { DateInput, DateInputProps, DateValue } from "@heroui/react"
+import { ReactNode, useContext } from "react"
 import { FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
 

package/src/components/FormDatePicker.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ReactNode, useContext } from "react"
 import { DatePicker, DatePickerProps, DateValue } from "@heroui/react"
+import { ReactNode, useContext } from "react"
 import { FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
 

package/src/components/FormDateRangePicker.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ReactNode, useContext } from "react"
 import { DateRangePicker, DateRangePickerProps, DateValue } from "@heroui/react"
+import { ReactNode, useContext } from "react"
 import { Field, FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
 

package/src/components/FormInput.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { As, Input, InputProps, MergeWithAs } from "@heroui/react"
+import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { Field } from "soda-tanstack-form"
 
 import { getFieldProps } from "../utils/getFieldProps"

package/src/components/FormInputOtp.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { As, InputOtp, InputOtpProps, MergeWithAs } from "@heroui/react"
+import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { Field } from "soda-tanstack-form"
 
 import { getFieldProps } from "../utils/getFieldProps"

package/src/components/FormNumberInput.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { As, MergeWithAs, NumberInput, NumberInputProps } from "@heroui/react"
+import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { Field } from "soda-tanstack-form"
 
 import { getFieldProps } from "../utils/getFieldProps"

package/src/components/FormPagination.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { As, MergeWithAs, Pagination, PaginationProps } from "@heroui/react"
+import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { Field } from "soda-tanstack-form"
 
 import { getFieldProps } from "../utils/getFieldProps"

package/src/components/FormProvider.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { FC, ReactNode, createContext, useContext } from "react"
 import { assign } from "deepsea-tools"
+import { FC, ReactNode, createContext, useContext } from "react"
 
 export type EmptyValue = "null" | "undefined"
 

package/src/components/FormRadioGroup.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { As, MergeWithAs, RadioGroup, RadioGroupProps } from "@heroui/react"
+import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { Field } from "soda-tanstack-form"
 
 import { getFieldProps } from "../utils/getFieldProps"

package/src/components/FormRangeCalendar.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ReactNode, useContext } from "react"
 import { DateValue, RangeCalendar, RangeCalendarProps } from "@heroui/react"
+import { ReactNode, useContext } from "react"
 import { Field, FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
 

package/src/components/FormSelect.tsx

@@ -1,62 +1,62 @@
-"use client"
-
-import { ReactNode, useContext } from "react"
-import { Select, SelectProps } from "@heroui/react"
-import { Key } from "@react-types/shared"
-import { clsx, isNonNullable } from "deepsea-tools"
-import { FieldComponentProps } from "soda-tanstack-form"
-import { StrictOmit } from "soda-type"
-
-import { getFieldProps } from "../utils/getFieldProps"
-import { EmptyValue, FormContext, getEmptyValue } from "./FormProvider"
-
-export type SelectionMode = "single" | "multiple"
-
-export type SelectLabelPlacement = "inside" | "outside" | "outside-left" | "outside-top"
-
-export interface FormSelectProps<
-    Mode extends SelectionMode = "single",
-    Value extends (Mode extends "multiple" ? Key[] : Key) | null | undefined = (Mode extends "multiple" ? Key[] : Key) | null | undefined,
-    RenderItem extends object = object,
-> extends StrictOmit<FieldComponentProps<typeof Select<RenderItem>, Value>, "selectionMode" | "labelPlacement"> {
-    labelPlacement?: SelectLabelPlacement
-    selectionMode?: Mode
-    emptyValue?: EmptyValue
-    component?: <RenderItem extends object>(props: SelectProps<RenderItem>) => ReactNode
-}
-
-export function FormSelect<
-    Mode extends SelectionMode = "single",
-    Value extends (Mode extends "multiple" ? Key[] : Key) | null | undefined = (Mode extends "multiple" ? Key[] : Key) | null | undefined,
-    RenderItem extends object = object,
->({
-    field,
-    emptyValue,
-    component: Select2 = Select,
-    selectionMode,
-    labelPlacement,
-    classNames: { base, label, ...restClassNames } = {},
-    ...rest
-}: FormSelectProps<Mode, Value, RenderItem>): ReactNode {
-    const context = useContext(FormContext)
-    emptyValue ??= context.emptyValue
-
-    return (
-        <Select2<RenderItem>
-            classNames={{
-                base: clsx(labelPlacement === "outside-top" && "flex flex-col", base),
-                label: clsx(labelPlacement === "outside-top" && "pb-2", label),
-                ...restClassNames,
-            }}
-            selectedKeys={isNonNullable(field.state.value) ? (selectionMode === "multiple" ? (field.state.value as Key[]) : [field.state.value as Key]) : []}
-            onSelectionChange={keys => {
-                const value = Array.from(keys)
-                field.handleChange((selectionMode === "multiple" ? value : (value.at(0) ?? getEmptyValue(emptyValue))) as Value)
-            }}
-            selectionMode={selectionMode}
-            labelPlacement={labelPlacement === "outside-top" ? "outside-left" : labelPlacement}
-            {...getFieldProps(field)}
-            {...rest}
-        />
-    )
-}
+"use client"
+
+import { Select, SelectProps } from "@heroui/react"
+import { Key } from "@react-types/shared"
+import { clsx, isNonNullable } from "deepsea-tools"
+import { ReactNode, useContext } from "react"
+import { FieldComponentProps } from "soda-tanstack-form"
+import { StrictOmit } from "soda-type"
+
+import { getFieldProps } from "../utils/getFieldProps"
+import { EmptyValue, FormContext, getEmptyValue } from "./FormProvider"
+
+export type SelectionMode = "single" | "multiple"
+
+export type SelectLabelPlacement = "inside" | "outside" | "outside-left" | "outside-top"
+
+export interface FormSelectProps<
+    Mode extends SelectionMode = "single",
+    Value extends (Mode extends "multiple" ? Key[] : Key) | null | undefined = (Mode extends "multiple" ? Key[] : Key) | null | undefined,
+    RenderItem extends object = object,
+> extends StrictOmit<FieldComponentProps<typeof Select<RenderItem>, Value>, "selectionMode" | "labelPlacement"> {
+    labelPlacement?: SelectLabelPlacement
+    selectionMode?: Mode
+    emptyValue?: EmptyValue
+    component?: <RenderItem extends object>(props: SelectProps<RenderItem>) => ReactNode
+}
+
+export function FormSelect<
+    Mode extends SelectionMode = "single",
+    Value extends (Mode extends "multiple" ? Key[] : Key) | null | undefined = (Mode extends "multiple" ? Key[] : Key) | null | undefined,
+    RenderItem extends object = object,
+>({
+    field,
+    emptyValue,
+    component: Select2 = Select,
+    selectionMode,
+    labelPlacement,
+    classNames: { base, label, ...restClassNames } = {},
+    ...rest
+}: FormSelectProps<Mode, Value, RenderItem>): ReactNode {
+    const context = useContext(FormContext)
+    emptyValue ??= context.emptyValue
+
+    return (
+        <Select2<RenderItem>
+            classNames={{
+                base: clsx(labelPlacement === "outside-top" && "flex flex-col", base),
+                label: clsx(labelPlacement === "outside-top" && "pb-2", label),
+                ...restClassNames,
+            }}
+            selectedKeys={isNonNullable(field.state.value) ? (selectionMode === "multiple" ? (field.state.value as Key[]) : [field.state.value as Key]) : []}
+            onSelectionChange={keys => {
+                const value = Array.from(keys)
+                field.handleChange((selectionMode === "multiple" ? value : (value.at(0) ?? getEmptyValue(emptyValue))) as Value)
+            }}
+            selectionMode={selectionMode}
+            labelPlacement={labelPlacement === "outside-top" ? "outside-left" : labelPlacement}
+            {...getFieldProps(field)}
+            {...rest}
+        />
+    )
+}

package/src/components/FormSwitch.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { As, MergeWithAs, Switch, SwitchProps } from "@heroui/react"
+import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { Field } from "soda-tanstack-form"
 
 import { getFieldProps } from "../utils/getFieldProps"

package/src/components/FormTextarea.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { As, MergeWithAs, TextAreaProps, Textarea } from "@heroui/react"
+import { ComponentPropsWithoutRef, ReactNode } from "react"
 import { Field } from "soda-tanstack-form"
 
 import { getFieldProps } from "../utils/getFieldProps"

package/src/components/FormTimeInput.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { ReactNode, useContext } from "react"
 import { TimeInput, TimeInputProps } from "@heroui/react"
 import { CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date"
+import { ReactNode, useContext } from "react"
 import { FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
 

package/src/utils/range.ts

@@ -1,6 +1,6 @@
-import { SetStateAction } from "react"
 import { DateValue, RangeValue } from "@heroui/react"
 import { isNonNullable } from "deepsea-tools"
+import { SetStateAction } from "react"
 import { Field } from "soda-tanstack-form"
 
 import { EmptyValue, getEmptyValue } from "@/components/FormProvider"

package/src/utils/time.ts

@@ -1,6 +1,6 @@
-import { SetStateAction } from "react"
 import { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date"
 import { isNonNullable } from "deepsea-tools"
+import { SetStateAction } from "react"
 import { Field } from "soda-tanstack-form"
 
 import { EmptyValue, getEmptyValue } from "@/components/FormProvider"