soda-heroui 0.11.0 → 0.11.2

package/dist/components/AutoRefresh.js

@@ -1,6 +1,6 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__ from "soda-hooks";
+import { jsx } from "react/jsx-runtime";
+import { Button, addToast } from "@heroui/react";
+import { useAutoRefresh } from "soda-hooks";
 const AutoRefresh = ({ children, onRefresh, ...rest })=>{
     if ("development" === process.env.NODE_ENV) return children;
     function onPress(e) {
@@ -8,12 +8,12 @@ const AutoRefresh = ({ children, onRefresh, ...rest })=>{
         closeButton?.click();
         onRefresh?.();
     }
-    (0, __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__.useAutoRefresh)(()=>(0, __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.addToast)({
+    useAutoRefresh(()=>addToast({
             title: "\u68C0\u6D4B\u5230\u9875\u9762\u66F4\u65B0",
             description: "\u4E3A\u4E86\u6700\u4F73\u7684\u4F53\u9A8C\uFF0C\u8BF7\u5237\u65B0\u9875\u9762",
             color: "warning",
             timeout: 1 / 0,
-            endContent: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Button, {
+            endContent: /*#__PURE__*/ jsx(Button, {
                 color: "warning",
                 size: "sm",
                 variant: "flat",

package/dist/components/EnumSelect.cjs

@@ -25,8 +25,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    createEnumSelect: ()=>createEnumSelect,
-    EnumSelect: ()=>EnumSelect
+    EnumSelect: ()=>EnumSelect,
+    createEnumSelect: ()=>createEnumSelect
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_namespaceObject = require("@heroui/react");

package/dist/components/EnumSelect.js

@@ -1,20 +1,20 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE__FormSelect_js_f6f248f0__ from "./FormSelect.js";
+import { jsx } from "react/jsx-runtime";
+import { SelectItem } from "@heroui/react";
+import { getEnumOptions } from "deepsea-tools";
+import { FormSelect as external_FormSelect_js_FormSelect } from "./FormSelect.js";
 function EnumSelect({ enumObject, ...rest }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__FormSelect_js_f6f248f0__.FormSelect, {
-        items: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.getEnumOptions)(enumObject),
+    return /*#__PURE__*/ jsx(external_FormSelect_js_FormSelect, {
+        items: getEnumOptions(enumObject),
         ...rest,
-        children: ({ label, value })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.SelectItem, {
+        children: ({ label, value })=>/*#__PURE__*/ jsx(SelectItem, {
                 children: label
             }, value)
     });
 }
 function createEnumSelect(enumObject) {
     return function(props) {
-        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(EnumSelect, {
+        return /*#__PURE__*/ jsx(EnumSelect, {
             enumObject: enumObject,
             ...props
         });

package/dist/components/ErrorMessage.js

@@ -1,8 +1,8 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import { jsx } from "react/jsx-runtime";
+import { isNonNullable } from "deepsea-tools";
 function getErrorMessage(error) {
-    if (!(0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(error)) return [];
+    if (!isNonNullable(error)) return [];
     if ("string" == typeof error) return [
         error
     ];
@@ -14,9 +14,9 @@ function getErrorMessage(error) {
 const ErrorMessage = (props)=>{
     const { data, ...rest } = props;
     const errors = data.flatMap(getErrorMessage).filter((item, index, array)=>array.indexOf(item) === index);
-    return errors.length > 0 && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+    return errors.length > 0 && /*#__PURE__*/ jsx("div", {
         ...rest,
-        children: errors.map((item, index)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        children: errors.map((item, index)=>/*#__PURE__*/ jsx("div", {
                 children: item
             }, index))
     });

package/dist/components/FormAutocomplete.js

@@ -1,12 +1,12 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-function FormAutocomplete({ field, component: Autocomplete2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Autocomplete, ...rest }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Autocomplete2, {
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@heroui/react";
+import { getFieldProps } from "../utils/getFieldProps.js";
+function FormAutocomplete({ field, component: Autocomplete2 = Autocomplete, ...rest }) {
+    return /*#__PURE__*/ jsx(Autocomplete2, {
         selectedKey: field.state.value ?? "",
         onSelectionChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormCalendar.js

@@ -1,22 +1,22 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_time_js_d87d46fc__ from "../utils/time.js";
-function FormCalendar({ field, valueMode, emptyValue, dateMode, defaultTime, component: Calendar2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Calendar, ...rest }) {
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { Calendar } from "@heroui/react";
+import { FormContext } from "./FormProvider.js";
+import { getFieldProps } from "../utils/getFieldProps.js";
+import { getFieldValue, getOnChange } from "../utils/time.js";
+function FormCalendar({ field, valueMode, emptyValue, dateMode, defaultTime, component: Calendar2 = Calendar, ...rest }) {
+    const context = useContext(FormContext);
     emptyValue ??= context.emptyValue;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Calendar2, {
-        focusedValue: (0, __WEBPACK_EXTERNAL_MODULE__utils_time_js_d87d46fc__.getFieldValue)(field, dateMode),
-        onFocusChange: (0, __WEBPACK_EXTERNAL_MODULE__utils_time_js_d87d46fc__.getOnChange)({
+    return /*#__PURE__*/ jsx(Calendar2, {
+        focusedValue: getFieldValue(field, dateMode),
+        onFocusChange: getOnChange({
             field,
             valueMode,
             emptyValue,
             defaultTime
         }),
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormCheckbox.js

@@ -1,12 +1,12 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-function FormCheckbox({ field, component: Checkbox2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Checkbox, ...rest }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Checkbox2, {
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "@heroui/react";
+import { getFieldProps } from "../utils/getFieldProps.js";
+function FormCheckbox({ field, component: Checkbox2 = Checkbox, ...rest }) {
+    return /*#__PURE__*/ jsx(Checkbox2, {
         isSelected: field.state.value ?? false,
         onValueChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field, true),
+        ...getFieldProps(field, true),
         ...rest
     });
 }

package/dist/components/FormCheckboxGroup.js

@@ -1,12 +1,12 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-function FormCheckboxGroup({ field, component: CheckboxGroup2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.CheckboxGroup, ...rest }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(CheckboxGroup2, {
+import { jsx } from "react/jsx-runtime";
+import { CheckboxGroup } from "@heroui/react";
+import { getFieldProps } from "../utils/getFieldProps.js";
+function FormCheckboxGroup({ field, component: CheckboxGroup2 = CheckboxGroup, ...rest }) {
+    return /*#__PURE__*/ jsx(CheckboxGroup2, {
         value: field.state.value ?? [],
         onValueChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormDateInput.js

@@ -1,22 +1,22 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_time_js_d87d46fc__ from "../utils/time.js";
-function FormDateInput({ field, valueMode, emptyValue, dateMode, defaultTime, component: DateInput2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.DateInput, ...rest }) {
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { DateInput } from "@heroui/react";
+import { FormContext } from "./FormProvider.js";
+import { getFieldProps } from "../utils/getFieldProps.js";
+import { getFieldValue, getOnChange } from "../utils/time.js";
+function FormDateInput({ field, valueMode, emptyValue, dateMode, defaultTime, component: DateInput2 = DateInput, ...rest }) {
+    const context = useContext(FormContext);
     emptyValue ??= context.emptyValue;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DateInput2, {
-        value: (0, __WEBPACK_EXTERNAL_MODULE__utils_time_js_d87d46fc__.getFieldValue)(field, dateMode),
-        onChange: (0, __WEBPACK_EXTERNAL_MODULE__utils_time_js_d87d46fc__.getOnChange)({
+    return /*#__PURE__*/ jsx(DateInput2, {
+        value: getFieldValue(field, dateMode),
+        onChange: getOnChange({
             field,
             valueMode,
             emptyValue,
             defaultTime
         }),
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormDatePicker.js

@@ -1,22 +1,22 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_time_js_d87d46fc__ from "../utils/time.js";
-function FormDatePicker({ field, valueMode, emptyValue, dateMode, defaultTime, component: DatePicker2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.DatePicker, ...rest }) {
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { DatePicker } from "@heroui/react";
+import { FormContext } from "./FormProvider.js";
+import { getFieldProps } from "../utils/getFieldProps.js";
+import { getFieldValue, getOnChange } from "../utils/time.js";
+function FormDatePicker({ field, valueMode, emptyValue, dateMode, defaultTime, component: DatePicker2 = DatePicker, ...rest }) {
+    const context = useContext(FormContext);
     emptyValue ??= context.emptyValue;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DatePicker2, {
-        value: (0, __WEBPACK_EXTERNAL_MODULE__utils_time_js_d87d46fc__.getFieldValue)(field, dateMode),
-        onChange: (0, __WEBPACK_EXTERNAL_MODULE__utils_time_js_d87d46fc__.getOnChange)({
+    return /*#__PURE__*/ jsx(DatePicker2, {
+        value: getFieldValue(field, dateMode),
+        onChange: getOnChange({
             field,
             valueMode,
             emptyValue,
             defaultTime
         }),
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormDateRangePicker.js

@@ -1,23 +1,23 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_range_js_50638587__ from "../utils/range.js";
-function FormDateRangePicker({ field: _field, valueMode, emptyValue, dateMode, defaultTime, component: DateRangePicker2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.DateRangePicker, ...rest }) {
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { DateRangePicker } from "@heroui/react";
+import { FormContext } from "./FormProvider.js";
+import { getFieldProps } from "../utils/getFieldProps.js";
+import { getFieldRangeValue, getOnRangeChange } from "../utils/range.js";
+function FormDateRangePicker({ field: _field, valueMode, emptyValue, dateMode, defaultTime, component: DateRangePicker2 = DateRangePicker, ...rest }) {
     const field = _field;
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
+    const context = useContext(FormContext);
     emptyValue ??= context.emptyValue;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DateRangePicker2, {
-        value: (0, __WEBPACK_EXTERNAL_MODULE__utils_range_js_50638587__.getFieldRangeValue)(field, dateMode),
-        onChange: (0, __WEBPACK_EXTERNAL_MODULE__utils_range_js_50638587__.getOnRangeChange)({
+    return /*#__PURE__*/ jsx(DateRangePicker2, {
+        value: getFieldRangeValue(field, dateMode),
+        onChange: getOnRangeChange({
             field,
             valueMode,
             emptyValue,
             defaultTime
         }),
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormInput.js

@@ -1,12 +1,12 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-function FormInput({ field, component: Input2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Input, ...rest }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Input2, {
+import { jsx } from "react/jsx-runtime";
+import { Input } from "@heroui/react";
+import { getFieldProps } from "../utils/getFieldProps.js";
+function FormInput({ field, component: Input2 = Input, ...rest }) {
+    return /*#__PURE__*/ jsx(Input2, {
         value: field.state.value ?? "",
         onValueChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormInputOtp.js

@@ -1,12 +1,12 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-function FormInputOtp({ field, component: InputOtp2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.InputOtp, ...rest }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(InputOtp2, {
+import { jsx } from "react/jsx-runtime";
+import { InputOtp } from "@heroui/react";
+import { getFieldProps } from "../utils/getFieldProps.js";
+function FormInputOtp({ field, component: InputOtp2 = InputOtp, ...rest }) {
+    return /*#__PURE__*/ jsx(InputOtp2, {
         value: field.state.value ?? "",
         onValueChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormNumberInput.js

@@ -1,12 +1,12 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-function FormNumberInput({ field, component: NumberInput2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.NumberInput, ...rest }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(NumberInput2, {
+import { jsx } from "react/jsx-runtime";
+import { NumberInput } from "@heroui/react";
+import { getFieldProps } from "../utils/getFieldProps.js";
+function FormNumberInput({ field, component: NumberInput2 = NumberInput, ...rest }) {
+    return /*#__PURE__*/ jsx(NumberInput2, {
         value: field.state.value ?? 0,
         onValueChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormPagination.js

@@ -1,12 +1,12 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-function FormPagination({ field, component: Pagination2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Pagination, ...rest }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Pagination2, {
+import { jsx } from "react/jsx-runtime";
+import { Pagination } from "@heroui/react";
+import { getFieldProps } from "../utils/getFieldProps.js";
+function FormPagination({ field, component: Pagination2 = Pagination, ...rest }) {
+    return /*#__PURE__*/ jsx(Pagination2, {
         page: field.state.value ?? 1,
         onPageChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field, true),
+        ...getFieldProps(field, true),
         ...rest
     });
 }

package/dist/components/FormProvider.cjs

@@ -25,9 +25,9 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    FormContext: ()=>FormContext,
     FormProvider: ()=>FormProvider,
-    getEmptyValue: ()=>getEmptyValue,
-    FormContext: ()=>FormContext
+    getEmptyValue: ()=>getEmptyValue
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");

package/dist/components/FormProvider.js

@@ -1,19 +1,19 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { assign as external_deepsea_tools_assign } from "deepsea-tools";
 function getEmptyValue(value) {
     return "undefined" === value ? void 0 : null;
 }
-const FormContext = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)({
+const FormContext = /*#__PURE__*/ createContext({
     emptyValue: "null"
 });
 const FormProvider = ({ children, emptyValue })=>{
-    const config = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(FormContext);
-    const newConfig = (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.assign)(config, {
+    const config = useContext(FormContext);
+    const newConfig = external_deepsea_tools_assign(config, {
         emptyValue
     });
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FormContext, {
+    return /*#__PURE__*/ jsx(FormContext, {
         value: newConfig,
         children: children
     });

package/dist/components/FormRadioGroup.js

@@ -1,12 +1,12 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-function FormRadioGroup({ field, component: RadioGroup2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.RadioGroup, ...rest }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(RadioGroup2, {
+import { jsx } from "react/jsx-runtime";
+import { RadioGroup } from "@heroui/react";
+import { getFieldProps } from "../utils/getFieldProps.js";
+function FormRadioGroup({ field, component: RadioGroup2 = RadioGroup, ...rest }) {
+    return /*#__PURE__*/ jsx(RadioGroup2, {
         value: field.state.value ?? "",
         onValueChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormRangeCalendar.js

@@ -1,23 +1,23 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_range_js_50638587__ from "../utils/range.js";
-function FormRangeCalendar({ field: _field, valueMode, emptyValue, dateMode, defaultTime, component: RangeCalendar2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.RangeCalendar, ...rest }) {
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { RangeCalendar } from "@heroui/react";
+import { FormContext } from "./FormProvider.js";
+import { getFieldProps } from "../utils/getFieldProps.js";
+import { getFieldRangeValue, getOnRangeChange } from "../utils/range.js";
+function FormRangeCalendar({ field: _field, valueMode, emptyValue, dateMode, defaultTime, component: RangeCalendar2 = RangeCalendar, ...rest }) {
     const field = _field;
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
+    const context = useContext(FormContext);
     emptyValue ??= context.emptyValue;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(RangeCalendar2, {
-        value: (0, __WEBPACK_EXTERNAL_MODULE__utils_range_js_50638587__.getFieldRangeValue)(field, dateMode),
-        onChange: (0, __WEBPACK_EXTERNAL_MODULE__utils_range_js_50638587__.getOnRangeChange)({
+    return /*#__PURE__*/ jsx(RangeCalendar2, {
+        value: getFieldRangeValue(field, dateMode),
+        onChange: getOnRangeChange({
             field,
             valueMode,
             emptyValue,
             defaultTime
         }),
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormSelect.cjs

@@ -33,17 +33,24 @@ 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");
-function FormSelect({ field, multiple, emptyValue, component: Select2 = react_namespaceObject.Select, ...rest }) {
+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;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Select2, {
-        selectedKeys: (0, external_deepsea_tools_namespaceObject.isNonNullable)(field.state.value) ? multiple ? field.state.value : [
+        classNames: {
+            base: (0, external_deepsea_tools_namespaceObject.clsx)("outside-top" === labelPlacement && "flex flex-col", base),
+            label: (0, external_deepsea_tools_namespaceObject.clsx)("outside-top" === labelPlacement && "pb-2", label),
+            ...restClassNames
+        },
+        selectedKeys: (0, external_deepsea_tools_namespaceObject.isNonNullable)(field.state.value) ? "multiple" === selectionMode ? field.state.value : [
             field.state.value
         ] : [],
         onSelectionChange: (keys)=>{
             const value = Array.from(keys);
-            field.handleChange(multiple ? value : value.at(0) ?? (0, external_FormProvider_cjs_namespaceObject.getEmptyValue)(emptyValue));
+            field.handleChange("multiple" === selectionMode ? value : value.at(0) ?? (0, external_FormProvider_cjs_namespaceObject.getEmptyValue)(emptyValue));
         },
+        selectionMode: selectionMode,
+        labelPlacement: "outside-top" === labelPlacement ? "outside-left" : labelPlacement,
         ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
         ...rest
     });

package/dist/components/FormSelect.d.ts

@@ -5,9 +5,11 @@ import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { EmptyValue } from "./FormProvider";
 export type SelectionMode = "single" | "multiple";
-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"> {
+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 declare 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, multiple, emptyValue, component: Select2, ...rest }: FormSelectProps<Mode, Value, RenderItem>): ReactNode;
+export declare 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, selectionMode, labelPlacement, classNames: { base, label, ...restClassNames }, ...rest }: FormSelectProps<Mode, Value, RenderItem>): ReactNode;

package/dist/components/FormSelect.js

@@ -1,22 +1,29 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
-function FormSelect({ field, multiple, emptyValue, component: Select2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Select, ...rest }) {
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
+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";
+function FormSelect({ field, emptyValue, component: Select2 = Select, selectionMode, labelPlacement, classNames: { base, label, ...restClassNames } = {}, ...rest }) {
+    const context = useContext(FormContext);
     emptyValue ??= context.emptyValue;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Select2, {
-        selectedKeys: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(field.state.value) ? multiple ? field.state.value : [
+    return /*#__PURE__*/ jsx(Select2, {
+        classNames: {
+            base: clsx("outside-top" === labelPlacement && "flex flex-col", base),
+            label: clsx("outside-top" === labelPlacement && "pb-2", label),
+            ...restClassNames
+        },
+        selectedKeys: isNonNullable(field.state.value) ? "multiple" === selectionMode ? field.state.value : [
             field.state.value
         ] : [],
         onSelectionChange: (keys)=>{
             const value = Array.from(keys);
-            field.handleChange(multiple ? value : value.at(0) ?? (0, __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.getEmptyValue)(emptyValue));
+            field.handleChange("multiple" === selectionMode ? value : value.at(0) ?? getEmptyValue(emptyValue));
         },
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        selectionMode: selectionMode,
+        labelPlacement: "outside-top" === labelPlacement ? "outside-left" : labelPlacement,
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormSwitch.js

@@ -1,12 +1,12 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-function FormSwitch({ field, component: Switch2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Switch, ...rest }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Switch2, {
+import { jsx } from "react/jsx-runtime";
+import { Switch } from "@heroui/react";
+import { getFieldProps } from "../utils/getFieldProps.js";
+function FormSwitch({ field, component: Switch2 = Switch, ...rest }) {
+    return /*#__PURE__*/ jsx(Switch2, {
         isSelected: field.state.value ?? false,
         onValueChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field, true),
+        ...getFieldProps(field, true),
         ...rest
     });
 }

package/dist/components/FormTextarea.js

@@ -1,12 +1,12 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-function FormTextarea({ field, component: Textarea2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Textarea, ...rest }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Textarea2, {
+import { jsx } from "react/jsx-runtime";
+import { Textarea } from "@heroui/react";
+import { getFieldProps } from "../utils/getFieldProps.js";
+function FormTextarea({ field, component: Textarea2 = Textarea, ...rest }) {
+    return /*#__PURE__*/ jsx(Textarea2, {
         value: field.state.value ?? "",
         onValueChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/components/FormTimeInput.js

@@ -1,22 +1,22 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_time_js_d87d46fc__ from "../utils/time.js";
-function FormTimeInput({ field, valueMode, emptyValue, timeMode, defaultTime, component: TimeInput2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.TimeInput, ...rest }) {
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { TimeInput } from "@heroui/react";
+import { FormContext } from "./FormProvider.js";
+import { getFieldProps } from "../utils/getFieldProps.js";
+import { getFieldValue, getOnChange } from "../utils/time.js";
+function FormTimeInput({ field, valueMode, emptyValue, timeMode, defaultTime, component: TimeInput2 = TimeInput, ...rest }) {
+    const context = useContext(FormContext);
     emptyValue ??= context.emptyValue;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(TimeInput2, {
-        value: (0, __WEBPACK_EXTERNAL_MODULE__utils_time_js_d87d46fc__.getFieldValue)(field, timeMode),
-        onChange: (0, __WEBPACK_EXTERNAL_MODULE__utils_time_js_d87d46fc__.getOnChange)({
+    return /*#__PURE__*/ jsx(TimeInput2, {
+        value: getFieldValue(field, timeMode),
+        onChange: getOnChange({
             field,
             valueMode,
             emptyValue,
             defaultTime
         }),
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...getFieldProps(field),
         ...rest
     });
 }

package/dist/utils/addBetterToast.cjs

@@ -24,8 +24,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    addBetterToast: ()=>addBetterToast,
-    closeToast: ()=>closeToast
+    closeToast: ()=>closeToast,
+    addBetterToast: ()=>addBetterToast
 });
 const react_namespaceObject = require("@heroui/react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");

package/dist/utils/addBetterToast.js

@@ -1,29 +1,29 @@
-import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import { addToast } from "@heroui/react";
+import { clsx, nanoid } from "deepsea-tools";
 function closeToast(key) {
     const closeButton = document.querySelector(`.toast-${key}-close-button`);
     if (!closeButton) console.warn(`Toast with key ${key} not found`);
     closeButton?.click();
 }
 function addBetterToast({ key, loading, onClose, classNames, ...rest }) {
-    key ??= (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.nanoid)();
+    key ??= nanoid();
     classNames = {
         ...classNames
     };
-    classNames.closeButton = (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)(classNames.closeButton, `toast-${key}-close-button`);
+    classNames.closeButton = clsx(classNames.closeButton, `toast-${key}-close-button`);
     if (loading) {
         const { promise, resolve } = Promise.withResolvers();
         function newOnClose() {
             resolve();
             onClose?.();
         }
-        (0, __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.addToast)({
+        addToast({
             classNames,
             promise,
             onClose: newOnClose,
             ...rest
         });
-    } else (0, __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.addToast)({
+    } else addToast({
         classNames,
         onClose,
         ...rest

package/dist/utils/getFieldProps.js

@@ -1,17 +1,17 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_soda_tanstack_form_406de417__ from "soda-tanstack-form";
-import * as __WEBPACK_EXTERNAL_MODULE__components_ErrorMessage_js_8cec684c__ from "../components/ErrorMessage.js";
+import { jsx } from "react/jsx-runtime";
+import { isFieldInvalid } from "soda-tanstack-form";
+import { ErrorMessage } from "../components/ErrorMessage.js";
 function getFieldProps(field, noErrorMessage) {
     return noErrorMessage ? {
         onBlur: field.handleBlur,
-        isInvalid: (0, __WEBPACK_EXTERNAL_MODULE_soda_tanstack_form_406de417__.isFieldInvalid)(field),
+        isInvalid: isFieldInvalid(field),
         name: field.name
     } : {
         onBlur: field.handleBlur,
-        errorMessage: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__components_ErrorMessage_js_8cec684c__.ErrorMessage, {
+        errorMessage: /*#__PURE__*/ jsx(ErrorMessage, {
             data: field.state.meta.errors
         }),
-        isInvalid: (0, __WEBPACK_EXTERNAL_MODULE_soda_tanstack_form_406de417__.isFieldInvalid)(field),
+        isInvalid: isFieldInvalid(field),
         name: field.name
     };
 }

package/dist/utils/parseTime.cjs

@@ -24,13 +24,13 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    fromAbsolute: ()=>date_namespaceObject.fromAbsolute,
     Time: ()=>date_namespaceObject.Time,
-    getLocalTimeZone: ()=>date_namespaceObject.getLocalTimeZone,
+    CalendarDate: ()=>date_namespaceObject.CalendarDate,
     parseTime: ()=>parseTime,
     CalendarDateTime: ()=>date_namespaceObject.CalendarDateTime,
     ZonedDateTime: ()=>date_namespaceObject.ZonedDateTime,
-    CalendarDate: ()=>date_namespaceObject.CalendarDate
+    fromAbsolute: ()=>date_namespaceObject.fromAbsolute,
+    getLocalTimeZone: ()=>date_namespaceObject.getLocalTimeZone
 });
 const date_namespaceObject = require("@internationalized/date");
 function parseTime(ms, type) {

package/dist/utils/parseTime.js

@@ -1,6 +1,6 @@
-import * as __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__ from "@internationalized/date";
+import { CalendarDate, CalendarDateTime, Time, ZonedDateTime, fromAbsolute, getLocalTimeZone } from "@internationalized/date";
 function parseTime(ms, type) {
-    if (type === __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.ZonedDateTime) return (0, __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.fromAbsolute)(ms, (0, __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.getLocalTimeZone)());
+    if (type === ZonedDateTime) return fromAbsolute(ms, getLocalTimeZone());
     const date = new Date(ms);
     const year = date.getFullYear();
     const month = date.getMonth() + 1;
@@ -9,14 +9,8 @@ function parseTime(ms, type) {
     const minute = date.getMinutes();
     const second = date.getSeconds();
     const millisecond = date.getMilliseconds();
-    if (type === __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.CalendarDate) return new __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.CalendarDate(year, month, day);
-    if (type === __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.Time) return new __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.Time(hour, minute, second, millisecond);
-    return new __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.CalendarDateTime(year, month, day, hour, minute, second, millisecond);
+    if (type === CalendarDate) return new CalendarDate(year, month, day);
+    if (type === Time) return new Time(hour, minute, second, millisecond);
+    return new CalendarDateTime(year, month, day, hour, minute, second, millisecond);
 }
-var __webpack_exports__CalendarDate = __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.CalendarDate;
-var __webpack_exports__CalendarDateTime = __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.CalendarDateTime;
-var __webpack_exports__Time = __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.Time;
-var __webpack_exports__ZonedDateTime = __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.ZonedDateTime;
-var __webpack_exports__fromAbsolute = __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.fromAbsolute;
-var __webpack_exports__getLocalTimeZone = __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.getLocalTimeZone;
-export { parseTime, __webpack_exports__CalendarDate as CalendarDate, __webpack_exports__CalendarDateTime as CalendarDateTime, __webpack_exports__Time as Time, __webpack_exports__ZonedDateTime as ZonedDateTime, __webpack_exports__fromAbsolute as fromAbsolute, __webpack_exports__getLocalTimeZone as getLocalTimeZone };
+export { CalendarDate, CalendarDateTime, Time, ZonedDateTime, fromAbsolute, getLocalTimeZone, parseTime };

package/dist/utils/range.cjs

@@ -24,9 +24,9 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    getRangeUpdater: ()=>getRangeUpdater,
-    getRangeValue: ()=>getRangeValue,
     getFieldRangeValue: ()=>getFieldRangeValue,
+    getRangeValue: ()=>getRangeValue,
+    getRangeUpdater: ()=>getRangeUpdater,
     getOnRangeChange: ()=>getOnRangeChange
 });
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");

package/dist/utils/range.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE__components_FormProvider_js_ef1ca74c__ from "../components/FormProvider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__getTimeValue_js_ee85b007__ from "./getTimeValue.js";
-import * as __WEBPACK_EXTERNAL_MODULE__parseTime_js_c72ad665__ from "./parseTime.js";
+import { isNonNullable } from "deepsea-tools";
+import { getEmptyValue } from "../components/FormProvider.js";
+import { getTimeValue } from "./getTimeValue.js";
+import { parseTime } from "./parseTime.js";
 function getRangeValue(value, dateMode) {
-    return (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(value) ? {
-        start: (0, __WEBPACK_EXTERNAL_MODULE__parseTime_js_c72ad665__.parseTime)(value[0].valueOf(), dateMode),
-        end: (0, __WEBPACK_EXTERNAL_MODULE__parseTime_js_c72ad665__.parseTime)(value[1].valueOf(), dateMode)
+    return isNonNullable(value) ? {
+        start: parseTime(value[0].valueOf(), dateMode),
+        end: parseTime(value[1].valueOf(), dateMode)
     } : null;
 }
 function getFieldRangeValue(field, dateMode) {
@@ -15,20 +15,20 @@ function isRangeDefaultTime(value) {
     return "start" in value || "end" in value;
 }
 function getRangeUpdater({ value, valueMode, emptyValue, defaultTime }) {
-    if (!(0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(value)) return (0, __WEBPACK_EXTERNAL_MODULE__components_FormProvider_js_ef1ca74c__.getEmptyValue)(emptyValue);
+    if (!isNonNullable(value)) return getEmptyValue(emptyValue);
     defaultTime = "function" == typeof defaultTime ? defaultTime() : defaultTime;
-    const { start, end } = (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(defaultTime) && isRangeDefaultTime(defaultTime) ? defaultTime : {
+    const { start, end } = isNonNullable(defaultTime) && isRangeDefaultTime(defaultTime) ? defaultTime : {
         start: defaultTime,
         end: defaultTime
     };
     if ("timestamp" === valueMode) return [
-        (0, __WEBPACK_EXTERNAL_MODULE__getTimeValue_js_ee85b007__.getTimeValue)(value.start, start),
-        (0, __WEBPACK_EXTERNAL_MODULE__getTimeValue_js_ee85b007__.getTimeValue)(value.end, end)
+        getTimeValue(value.start, start),
+        getTimeValue(value.end, end)
     ];
     function updater(prev) {
         return prev?.[0] instanceof Date && prev?.[1] instanceof Date && prev[0].valueOf() === value.start.valueOf() && prev[1].valueOf() === value.end.valueOf() ? prev : [
-            new Date((0, __WEBPACK_EXTERNAL_MODULE__getTimeValue_js_ee85b007__.getTimeValue)(value.start, start)),
-            new Date((0, __WEBPACK_EXTERNAL_MODULE__getTimeValue_js_ee85b007__.getTimeValue)(value.end, end))
+            new Date(getTimeValue(value.start, start)),
+            new Date(getTimeValue(value.end, end))
         ];
     }
     return updater;

package/dist/utils/time.cjs

@@ -24,10 +24,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    getFieldValue: ()=>getFieldValue,
-    getUpdater: ()=>getUpdater,
     getOnChange: ()=>getOnChange,
-    getValue: ()=>getValue
+    getFieldValue: ()=>getFieldValue,
+    getValue: ()=>getValue,
+    getUpdater: ()=>getUpdater
 });
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const FormProvider_cjs_namespaceObject = require("../components/FormProvider.cjs");

package/dist/utils/time.js

@@ -1,16 +1,16 @@
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE__components_FormProvider_js_ef1ca74c__ from "../components/FormProvider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__getTimeValue_js_ee85b007__ from "./getTimeValue.js";
-import * as __WEBPACK_EXTERNAL_MODULE__parseTime_js_c72ad665__ from "./parseTime.js";
+import { isNonNullable } from "deepsea-tools";
+import { getEmptyValue } from "../components/FormProvider.js";
+import { getTimeValue } from "./getTimeValue.js";
+import { parseTime } from "./parseTime.js";
 function getValue(value, parseMode) {
-    return (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(value) ? (0, __WEBPACK_EXTERNAL_MODULE__parseTime_js_c72ad665__.parseTime)(value.valueOf(), parseMode) : null;
+    return isNonNullable(value) ? parseTime(value.valueOf(), parseMode) : null;
 }
 function getFieldValue(field, parseMode) {
     return getValue(field.state.value, parseMode);
 }
 function getUpdater({ value, valueMode, emptyValue, defaultTime }) {
-    const timestamp = (0, __WEBPACK_EXTERNAL_MODULE__getTimeValue_js_ee85b007__.getTimeValue)(value, defaultTime);
-    if (!(0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(timestamp)) return (0, __WEBPACK_EXTERNAL_MODULE__components_FormProvider_js_ef1ca74c__.getEmptyValue)(emptyValue);
+    const timestamp = getTimeValue(value, defaultTime);
+    if (!isNonNullable(timestamp)) return getEmptyValue(emptyValue);
     if ("timestamp" === valueMode) return timestamp;
     return (prev)=>prev instanceof Date && prev.valueOf() === timestamp ? prev : new Date(timestamp);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soda-heroui",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "",
   "type": "module",
   "exports": {
@@ -36,19 +36,19 @@
   "homepage": "https://github.com/1adybug/deepsea/tree/main/packages/soda-heroui",
   "dependencies": {
     "@internationalized/date": "^3.8.2",
-    "@tanstack/react-form": "^1.14.1",
-    "deepsea-tools": "5.40.3",
-    "soda-type": "6.3.0",
-    "soda-hooks": "6.12.6",
-    "soda-tanstack-form": "0.2.4"
+    "@tanstack/react-form": "^1.19.0",
+    "deepsea-tools": "5.40.4",
+    "soda-hooks": "6.12.7",
+    "soda-tanstack-form": "0.2.5",
+    "soda-type": "6.3.1"
   },
   "devDependencies": {
-    "@ianvs/prettier-plugin-sort-imports": "^4.5.1",
-    "@react-types/shared": "^3.30.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.6.0",
+    "@react-types/shared": "^3.31.0",
     "glob": "^11.0.3",
     "prettier": "^3.6.2",
     "prettier-plugin-organize-imports": "^4.2.0",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.2"
   },
   "peerDependencies": {
     "@types/node": ">=20",

package/src/components/FormSelect.tsx

@@ -3,7 +3,7 @@
 import { ReactNode, useContext } from "react"
 import { Select, SelectProps } from "@heroui/react"
 import { Key } from "@react-types/shared"
-import { isNonNullable } from "deepsea-tools"
+import { clsx, isNonNullable } from "deepsea-tools"
 import { FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
 
@@ -12,11 +12,14 @@ 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"> {
+> extends StrictOmit<FieldComponentProps<typeof Select<RenderItem>, Value>, "selectionMode" | "labelPlacement"> {
+    labelPlacement?: SelectLabelPlacement
     selectionMode?: Mode
     emptyValue?: EmptyValue
     component?: <RenderItem extends object>(props: SelectProps<RenderItem>) => ReactNode
@@ -26,17 +29,32 @@ 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, multiple, emptyValue, component: Select2 = Select, ...rest }: FormSelectProps<Mode, Value, RenderItem>): ReactNode {
+>({
+    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>
-            selectedKeys={isNonNullable(field.state.value) ? (multiple ? (field.state.value as Key[]) : [field.state.value as Key]) : []}
+            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((multiple ? value : (value.at(0) ?? getEmptyValue(emptyValue))) as Value)
+                field.handleChange((selectionMode === "multiple" ? value : (value.at(0) ?? getEmptyValue(emptyValue))) as Value)
             }}
+            selectionMode={selectionMode}
+            labelPlacement={labelPlacement === "outside-top" ? "outside-left" : labelPlacement}
             {...getFieldProps(field)}
             {...rest}
         />