soda-heroui 0.11.24 → 0.11.25

package/dist/components/FormSelect.cjs

@@ -31,8 +31,8 @@ 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 getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
+const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 function FormSelect({ field, emptyValue, component: Select2 = react_namespaceObject.Select, selectionMode, labelPlacement, classNames: { base, label, ...restClassNames } = {}, ...rest }) {
     const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
     emptyValue ??= context.emptyValue;

package/dist/components/FormSelect.js

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

package/dist/types/index.d.ts

@@ -1 +1 @@
-export { type Field } from "soda-tanstack-form";
+export type { Field } from "soda-tanstack-form";

package/dist/utils/parseTime.d.ts

@@ -1,5 +1,5 @@
 import { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date";
-export { CalendarDate, CalendarDateTime, Time, ZonedDateTime, fromAbsolute, getLocalTimeZone } from "@internationalized/date";
+export { CalendarDate, CalendarDateTime, fromAbsolute, getLocalTimeZone, Time, ZonedDateTime } from "@internationalized/date";
 export type ParseMode = typeof ZonedDateTime | typeof CalendarDate | typeof CalendarDateTime | typeof Time;
 export type TimeMode = Exclude<ParseMode, typeof CalendarDate>;
 export type DateMode = Exclude<ParseMode, typeof Time>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soda-heroui",
-  "version": "0.11.24",
+  "version": "0.11.25",
   "description": "",
   "type": "module",
   "exports": {
@@ -36,25 +36,28 @@
   "homepage": "https://github.com/1adybug/deepsea/tree/main/packages/soda-heroui",
   "dependencies": {
     "@internationalized/date": "^3.10.0",
-    "@tanstack/react-form": "^1.23.6",
-    "soda-type": "6.7.1",
-    "soda-tanstack-form": "0.3.2",
-    "deepsea-tools": "5.43.1",
-    "soda-hooks": "6.16.0"
+    "@tanstack/react-form": "^1.27.1",
+    "deepsea-tools": "5.43.2",
+    "soda-hooks": "6.16.1",
+    "soda-type": "6.7.2",
+    "soda-tanstack-form": "0.3.3"
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
     "@react-types/shared": "^3.32.1",
-    "glob": "^11.0.3",
-    "prettier": "^3.6.2",
+    "glob": "^11.1.0",
+    "prettier": "^3.7.4",
     "prettier-plugin-organize-imports": "^4.3.0",
-    "typescript": "^5.9.3"
+    "typescript": ">=5.8.3"
   },
   "peerDependencies": {
-    "@types/node": ">=20",
     "@heroui/react": ">=2",
-    "@types/react": ">=19.2.4",
-    "react": ">=19.2.0"
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "react": ">=19.2.1"
+  },
+  "overrides": {
+    "@internationalized/date": "catalog:"
   },
   "scripts": {
     "dev": "rslib build --watch",

package/src/components/AutoRefresh.tsx

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from "react"
-import { Button, PressEvent, addToast } from "@heroui/react"
+
+import { addToast, Button, PressEvent } from "@heroui/react"
 import { useAutoRefresh } from "soda-hooks"
 import { FirstParameter } from "soda-type"
 
@@ -29,8 +30,7 @@ export const AutoRefresh: FC<AutoRefreshProps> = ({ children, onRefresh, ...rest
                 </Button>
             ),
             ...rest,
-        }),
-    )
+        }))
 
     return children
 }

package/src/components/EnumSelect.tsx

@@ -1,11 +1,12 @@
 "use client"
 
 import { ComponentProps, ReactNode, useCallback, useContext, useMemo } from "react"
+
 import { Select, SelectItem, SharedSelection } from "@heroui/react"
-import { ValueOf, getEnumOptions, intParser, isNonNullable } from "deepsea-tools"
+import { getEnumOptions, intParser, isNonNullable, ValueOf } from "deepsea-tools"
 import { useInputState } from "soda-hooks"
 
-import { EmptyValue, FormContext, GetEmptyValue, getEmptyValue } from "./FormProvider"
+import { EmptyValue, FormContext, getEmptyValue, GetEmptyValue } from "./FormProvider"
 import { SelectionMode } from "./FormSelect"
 
 /** enumObject 的类型 */
@@ -34,9 +35,9 @@ export interface EnumSelectPropsBase<
     Empty extends EmptyValue = "null",
     Value = SelectValue<Options, Mode, DisallowEmptySelection, Empty>,
 > extends Omit<
-        ComponentProps<typeof Select<EnumOption<Options>>>,
-        "items" | "selectionMode" | "disallowEmptySelection" | "children" | "selectedKeys" | "onSelectionChange" | "value" | "onValueChange"
-    > {
+    ComponentProps<typeof Select<EnumOption<Options>>>,
+    "items" | "selectionMode" | "disallowEmptySelection" | "children" | "selectedKeys" | "onSelectionChange" | "value" | "onValueChange"
+> {
     enumObject?: Options
     selectionMode?: Mode
     disallowEmptySelection?: DisallowEmptySelection

package/src/components/ErrorMessage.tsx

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

package/src/components/FormAutocomplete.tsx

@@ -1,13 +1,16 @@
 "use client"
 
 import { Key, ReactNode } from "react"
+
 import { Autocomplete, AutocompleteProps } from "@heroui/react"
 import { FieldComponentProps } from "soda-tanstack-form"
 
 import { getFieldProps } from "../utils/getFieldProps"
 
-export interface FormAutocompleteProps<FieldValue extends string | null | undefined = string | null | undefined, RenderItem extends object = object>
-    extends FieldComponentProps<typeof Autocomplete<RenderItem>, FieldValue> {
+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/src/components/FormCalendar.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { ReactNode, useContext } from "react"
+
 import { Calendar, CalendarProps, DateValue } from "@heroui/react"
 import { FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
@@ -10,7 +11,7 @@ import { EmptyValue, FormContext } from "@/components/FormProvider"
 import { getFieldProps } from "@/utils/getFieldProps"
 import { DefaultTime } from "@/utils/getTimeValue"
 import { DateMode } from "@/utils/parseTime"
-import { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from "@/utils/time"
+import { getFieldValue, getOnChange, TimeValueMode, TimeValueModeMap } from "@/utils/time"
 
 export interface FormCalendarProps<
     ValueMode extends TimeValueMode = "date",

package/src/components/FormCheckbox.tsx

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

package/src/components/FormCheckboxGroup.tsx

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

package/src/components/FormDateInput.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { ReactNode, useContext } from "react"
+
 import { DateInput, DateInputProps, DateValue } from "@heroui/react"
 import { FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
@@ -10,7 +11,7 @@ import { EmptyValue, FormContext } from "@/components/FormProvider"
 import { getFieldProps } from "@/utils/getFieldProps"
 import { DefaultTime } from "@/utils/getTimeValue"
 import { DateMode } from "@/utils/parseTime"
-import { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from "@/utils/time"
+import { getFieldValue, getOnChange, TimeValueMode, TimeValueModeMap } from "@/utils/time"
 
 export interface FormDateInputProps<
     ValueMode extends TimeValueMode = "date",

package/src/components/FormDatePicker.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { ReactNode, useContext } from "react"
+
 import { DatePicker, DatePickerProps, DateValue } from "@heroui/react"
 import { FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
@@ -10,7 +11,7 @@ import { EmptyValue, FormContext } from "@/components/FormProvider"
 import { getFieldProps } from "@/utils/getFieldProps"
 import { DefaultTime } from "@/utils/getTimeValue"
 import { DateMode } from "@/utils/parseTime"
-import { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from "@/utils/time"
+import { getFieldValue, getOnChange, TimeValueMode, TimeValueModeMap } from "@/utils/time"
 
 export interface FormDatePickerProps<
     ValueMode extends TimeValueMode = "date",

package/src/components/FormDateRangePicker.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { ReactNode, useContext } from "react"
+
 import { DateRangePicker, DateRangePickerProps, DateValue } from "@heroui/react"
 import { Field, FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
@@ -9,7 +10,7 @@ import { EmptyValue, FormContext } from "@/components/FormProvider"
 
 import { getFieldProps } from "@/utils/getFieldProps"
 import { DateMode } from "@/utils/parseTime"
-import { RangeDefaultTime, getFieldRangeValue, getOnRangeChange } from "@/utils/range"
+import { getFieldRangeValue, getOnRangeChange, RangeDefaultTime } from "@/utils/range"
 import { TimeValueMode, TimeValueModeMap } from "@/utils/time"
 
 export interface FormDateRangePickerProps<

package/src/components/FormInput.tsx

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

package/src/components/FormInputOtp.tsx

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

package/src/components/FormNumberInput.tsx

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

package/src/components/FormPagination.tsx

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

package/src/components/FormProvider.tsx

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

package/src/components/FormRadioGroup.tsx

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

package/src/components/FormRangeCalendar.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { ReactNode, useContext } from "react"
+
 import { DateValue, RangeCalendar, RangeCalendarProps } from "@heroui/react"
 import { Field, FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
@@ -9,7 +10,7 @@ import { EmptyValue, FormContext } from "@/components/FormProvider"
 
 import { getFieldProps } from "@/utils/getFieldProps"
 import { DateMode } from "@/utils/parseTime"
-import { RangeDefaultTime, getFieldRangeValue, getOnRangeChange } from "@/utils/range"
+import { getFieldRangeValue, getOnRangeChange, RangeDefaultTime } from "@/utils/range"
 import { TimeValueMode, TimeValueModeMap } from "@/utils/time"
 
 export interface FormRangeCalendarProps<

package/src/components/FormSelect.tsx

@@ -1,15 +1,17 @@
 "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"
 
+import { getFieldProps } from "../utils/getFieldProps"
+
 export type SelectionMode = "single" | "multiple"
 
 export type SelectLabelPlacement = "inside" | "outside" | "outside-left" | "outside-top"

package/src/components/FormSwitch.tsx

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

package/src/components/FormTextarea.tsx

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

package/src/components/FormTimeInput.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { ReactNode, useContext } from "react"
+
 import { TimeInput, TimeInputProps } from "@heroui/react"
 import { CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date"
 import { FieldComponentProps } from "soda-tanstack-form"
@@ -11,7 +12,7 @@ import { EmptyValue, FormContext } from "@/components/FormProvider"
 import { getFieldProps } from "@/utils/getFieldProps"
 import { DefaultTime } from "@/utils/getTimeValue"
 import { TimeMode } from "@/utils/parseTime"
-import { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from "@/utils/time"
+import { getFieldValue, getOnChange, TimeValueMode, TimeValueModeMap } from "@/utils/time"
 
 export interface FormTimeInputProps<
     ValueMode extends TimeValueMode = "date",

package/src/types/index.ts

@@ -1 +1 @@
-export { type Field } from "soda-tanstack-form"
+export type { Field } from "soda-tanstack-form"

package/src/utils/addBetterToast.ts

@@ -18,6 +18,7 @@ export function addBetterToast({ key, loading, onClose, classNames, ...rest }: A
     key ??= nanoid()
     classNames = { ...classNames }
     classNames.closeButton = clsx(classNames.closeButton, `toast-${key}-close-button`)
+
     if (loading) {
         const { promise, resolve } = Promise.withResolvers<void>()
 

package/src/utils/getFieldProps.tsx

@@ -1,4 +1,5 @@
 import { JSX } from "react"
+
 import { Field, isFieldInvalid } from "soda-tanstack-form"
 
 import { ErrorMessage } from "@/components/ErrorMessage"

package/src/utils/getTimeValue.ts

@@ -15,6 +15,7 @@ export function getTimeValue<T extends CalendarDateTime | ZonedDateTime | Time |
     defaultTime?: DefaultTime | (() => DefaultTime),
 ): T extends null | undefined ? undefined : number {
     type ReturnValue = T extends null | undefined ? undefined : number
+
     if (time === undefined || time === null) return undefined as ReturnValue
     const newTime = time as CalendarDateTime
     const now = new Date()

package/src/utils/parseTime.ts

@@ -1,6 +1,6 @@
-import { CalendarDate, CalendarDateTime, Time, ZonedDateTime, fromAbsolute, getLocalTimeZone } from "@internationalized/date"
+import { CalendarDate, CalendarDateTime, fromAbsolute, getLocalTimeZone, Time, ZonedDateTime } from "@internationalized/date"
 
-export { CalendarDate, CalendarDateTime, Time, ZonedDateTime, fromAbsolute, getLocalTimeZone } from "@internationalized/date"
+export { CalendarDate, CalendarDateTime, fromAbsolute, getLocalTimeZone, Time, ZonedDateTime } from "@internationalized/date"
 
 export type ParseMode = typeof ZonedDateTime | typeof CalendarDate | typeof CalendarDateTime | typeof Time
 

package/src/utils/range.ts

@@ -1,4 +1,5 @@
 import { SetStateAction } from "react"
+
 import { DateValue, RangeValue } from "@heroui/react"
 import { isNonNullable } from "deepsea-tools"
 import { Field } from "soda-tanstack-form"
@@ -50,6 +51,7 @@ export function getRangeUpdater({
     defaultTime = typeof defaultTime === "function" ? defaultTime() : defaultTime
     const { start, end } = isNonNullable(defaultTime) && isRangeDefaultTime(defaultTime) ? defaultTime : { start: defaultTime, end: defaultTime }
     if (valueMode === "timestamp") return [getTimeValue(value.start, start), getTimeValue(value.end, end)]
+
     function updater(prev: [Date, Date] | [number, number] | null | undefined): [Date, Date] | [number, number] | null | undefined {
         return prev?.[0] instanceof Date &&
             prev?.[1] instanceof Date &&
@@ -58,6 +60,7 @@ export function getRangeUpdater({
             ? prev
             : [new Date(getTimeValue(value!.start, start)!), new Date(getTimeValue(value!.end, end)!)]
     }
+
     return updater
 }
 

package/src/utils/time.ts

@@ -1,4 +1,5 @@
 import { SetStateAction } from "react"
+
 import { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date"
 import { isNonNullable } from "deepsea-tools"
 import { Field } from "soda-tanstack-form"