soda-heroui 0.0.4 → 0.1.0

package/dist/cjs/components/AutoNavbarItem.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps, ReactNode } from "react";
+import { NavbarItem } from "@heroui/react";
+import { StrictOmit } from "soda-type";
+export interface AutoNavbarItemProps extends StrictOmit<ComponentProps<typeof NavbarItem>, "isActive"> {
+    href: string;
+}
+export interface LocationState {
+    href: string;
+}
+export interface CreateAutoNavbarItemParams {
+    useLocation: () => LocationState;
+}
+export declare function createAutoNavbarItem({ useLocation }: CreateAutoNavbarItemParams): (props: AutoNavbarItemProps) => ReactNode;

package/dist/cjs/components/AutoNavbarItem.js

@@ -0,0 +1,39 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/AutoNavbarItem.tsx
+var AutoNavbarItem_exports = {};
+__export(AutoNavbarItem_exports, {
+  createAutoNavbarItem: () => createAutoNavbarItem
+});
+module.exports = __toCommonJS(AutoNavbarItem_exports);
+var import_react = require("@heroui/react");
+var import_deepsea_tools = require("deepsea-tools");
+function createAutoNavbarItem({ useLocation }) {
+  function AutoNavbarItem(props) {
+    const { href, ...rest } = props;
+    const location = useLocation();
+    return /* @__PURE__ */ React.createElement(import_react.NavbarItem, { ...rest, isActive: (0, import_deepsea_tools.isActiveHref)(href, location.href) });
+  }
+  return AutoNavbarItem;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createAutoNavbarItem
+});
+//# sourceMappingURL=AutoNavbarItem.js.map

package/dist/cjs/components/AutoNavbarItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AutoNavbarItem.tsx"],
+  "sourcesContent": ["import { ComponentProps, ReactNode } from \"react\"\r\nimport { NavbarItem } from \"@heroui/react\"\r\nimport { isActiveHref } from \"deepsea-tools\"\r\nimport { StrictOmit } from \"soda-type\"\r\n\r\nexport interface AutoNavbarItemProps extends StrictOmit<ComponentProps<typeof NavbarItem>, \"isActive\"> {\r\n    href: string\r\n}\r\n\r\nexport interface LocationState {\r\n    href: string\r\n}\r\n\r\nexport interface CreateAutoNavbarItemParams {\r\n    useLocation: () => LocationState\r\n}\r\n\r\nexport function createAutoNavbarItem({ useLocation }: CreateAutoNavbarItemParams) {\r\n    function AutoNavbarItem(props: AutoNavbarItemProps): ReactNode {\r\n        const { href, ...rest } = props\r\n        const location = useLocation()\r\n        return <NavbarItem {...rest} isActive={isActiveHref(href, location.href)} />\r\n    }\r\n\r\n    return AutoNavbarItem\r\n}\r\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA2B;AAC3B,2BAA6B;AAetB,SAAS,qBAAqB,EAAE,YAAY,GAA+B;AAC9E,WAAS,eAAe,OAAuC;AAC3D,UAAM,EAAE,MAAM,GAAG,KAAK,IAAI;AAC1B,UAAM,WAAW,YAAY;AAC7B,WAAO,oCAAC,2BAAY,GAAG,MAAM,cAAU,mCAAa,MAAM,SAAS,IAAI,GAAG;AAAA,EAC9E;AAEA,SAAO;AACX;",
+  "names": []
+}

package/dist/cjs/components/FormAutocomplete.d.ts

@@ -2,6 +2,6 @@ import { ReactNode } from "react";
 import { Autocomplete } from "@heroui/react";
 import { Key } from "@react-types/shared";
 import { FieldComponentProps } from "soda-tanstack-form";
-export interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, T extends object = object> extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {
+export interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object> extends FieldComponentProps<typeof Autocomplete<RenderItem>, FieldValue> {
 }
-export declare function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, T extends object = object>({ field, ...rest }: FormAutocompleteProps<FieldValue, T>): ReactNode;
+export declare function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object>({ field, ...rest }: FormAutocompleteProps<FieldValue, RenderItem>): ReactNode;

package/dist/cjs/components/FormAutocomplete.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormAutocomplete.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Autocomplete } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, T extends object = object>\n    extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {}\n\nexport function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, T extends object = object>({\n    field,\n    ...rest\n}: FormAutocompleteProps<FieldValue, T>): ReactNode {\n    return (\n        <Autocomplete<T>\n            selectedKey={field.state.value ?? null}\n            onSelectionChange={value => field.handleChange((value ?? undefined) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA6B;AAI7B,0BAA6B;AAKtB,SAAS,iBAAkG;AAAA,EAC9G;AAAA,EACA,GAAG;AACP,GAAoD;AAChD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAa,MAAM,MAAM,SAAS;AAAA,MAClC,mBAAmB,WAAS,MAAM,aAAc,SAAS,MAAwB;AAAA,MACjF,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Autocomplete } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object>\n    extends FieldComponentProps<typeof Autocomplete<RenderItem>, FieldValue> {}\n\nexport function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object>({\n    field,\n    ...rest\n}: FormAutocompleteProps<FieldValue, RenderItem>): ReactNode {\n    return (\n        <Autocomplete<RenderItem>\n            selectedKey={field.state.value ?? null}\n            onSelectionChange={value => field.handleChange((value ?? undefined) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA6B;AAI7B,0BAA6B;AAKtB,SAAS,iBAA2G;AAAA,EACvH;AAAA,EACA,GAAG;AACP,GAA6D;AACzD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAa,MAAM,MAAM,SAAS;AAAA,MAClC,mBAAmB,WAAS,MAAM,aAAc,SAAS,MAAwB;AAAA,MACjF,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
   "names": []
 }

package/dist/cjs/components/FormSelect.d.ts

@@ -2,7 +2,7 @@ import { Select } from "@heroui/react";
 import { Key } from "@react-types/shared";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormSelectProps<Value extends Key | undefined = Key | undefined, Multiple extends boolean = false, T extends object = object, FieldValue = Multiple extends true ? Value[] : Value> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, "multiple"> {
+export interface FormSelectProps<Multiple extends boolean = false, Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined, RenderItem extends object = object> extends StrictOmit<FieldComponentProps<typeof Select<RenderItem>, Value>, "multiple"> {
     multiple?: Multiple;
 }
-export declare function FormSelect<Value extends Key | undefined = Key | undefined, Multiple extends boolean = false, T extends object = object, FieldValue = Multiple extends true ? Value[] : Value>({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>): import("react/jsx-runtime").JSX.Element;
+export declare function FormSelect<Multiple extends boolean = false, Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined, RenderItem extends object = object>({ field, multiple, ...rest }: FormSelectProps<Multiple, Value, RenderItem>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/FormSelect.js

@@ -30,7 +30,7 @@ function FormSelect({ field, multiple, ...rest }) {
   return /* @__PURE__ */ React.createElement(
     import_react.Select,
     {
-      selectedKeys: Array.isArray(field.state.value) ? field.state.value.filter(import_deepsea_tools.isNonNullable) : (0, import_deepsea_tools.isNonNullable)(field.state.value) ? [field.state.value] : [],
+      selectedKeys: (0, import_deepsea_tools.isNonNullable)(field.state.value) ? multiple ? field.state.value : [field.state.value] : [],
       onSelectionChange: (keys) => {
         const value = Array.from(keys);
         field.handleChange(multiple ? value : value.at(0));

package/dist/cjs/components/FormSelect.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormSelect.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { Select } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormSelectProps<\n    Value extends Key | undefined = Key | undefined,\n    Multiple extends boolean = false,\n    T extends object = object,\n    FieldValue = Multiple extends true ? Value[] : Value,\n> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, \"multiple\"> {\n    multiple?: Multiple\n}\n\nexport function FormSelect<\n    Value extends Key | undefined = Key | undefined,\n    Multiple extends boolean = false,\n    T extends object = object,\n    FieldValue = Multiple extends true ? Value[] : Value,\n>({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>) {\n    return (\n        <Select<T>\n            selectedKeys={\n                Array.isArray(field.state.value) ? field.state.value.filter(isNonNullable) : isNonNullable(field.state.value) ? [field.state.value] : []\n            }\n            onSelectionChange={keys => {\n                const value = Array.from(keys) as string[]\n                field.handleChange((multiple ? value : value.at(0)) as FieldValue)\n            }}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAuB;AAEvB,2BAA8B;AAI9B,0BAA6B;AAWtB,SAAS,WAKd,EAAE,OAAO,UAAU,GAAG,KAAK,GAAoD;AAC7E,SACI;AAAA,IAAC;AAAA;AAAA,MACG,cACI,MAAM,QAAQ,MAAM,MAAM,KAAK,IAAI,MAAM,MAAM,MAAM,OAAO,kCAAa,QAAI,oCAAc,MAAM,MAAM,KAAK,IAAI,CAAC,MAAM,MAAM,KAAK,IAAI,CAAC;AAAA,MAE3I,mBAAmB,UAAQ;AACvB,cAAM,QAAQ,MAAM,KAAK,IAAI;AAC7B,cAAM,aAAc,WAAW,QAAQ,MAAM,GAAG,CAAC,CAAgB;AAAA,MACrE;AAAA,MACA,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { Select } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormSelectProps<\n    Multiple extends boolean = false,\n    Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined,\n    RenderItem extends object = object,\n> extends StrictOmit<FieldComponentProps<typeof Select<RenderItem>, Value>, \"multiple\"> {\n    multiple?: Multiple\n}\n\nexport function FormSelect<\n    Multiple extends boolean = false,\n    Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined,\n    RenderItem extends object = object,\n>({ field, multiple, ...rest }: FormSelectProps<Multiple, Value, RenderItem>) {\n    return (\n        <Select<RenderItem>\n            selectedKeys={isNonNullable(field.state.value) ? (multiple ? (field.state.value as Key[]) : [field.state.value as Key]) : []}\n            onSelectionChange={keys => {\n                const value = Array.from(keys)\n                field.handleChange((multiple ? value : value.at(0)) as Value)\n            }}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAuB;AAEvB,2BAA8B;AAI9B,0BAA6B;AAUtB,SAAS,WAId,EAAE,OAAO,UAAU,GAAG,KAAK,GAAiD;AAC1E,SACI;AAAA,IAAC;AAAA;AAAA,MACG,kBAAc,oCAAc,MAAM,MAAM,KAAK,IAAK,WAAY,MAAM,MAAM,QAAkB,CAAC,MAAM,MAAM,KAAY,IAAK,CAAC;AAAA,MAC3H,mBAAmB,UAAQ;AACvB,cAAM,QAAQ,MAAM,KAAK,IAAI;AAC7B,cAAM,aAAc,WAAW,QAAQ,MAAM,GAAG,CAAC,CAAW;AAAA,MAChE;AAAA,MACA,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
   "names": []
 }

package/dist/cjs/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./components/AutoNavbarItem";
 export * from "./components/ErrorMessage";
 export * from "./components/FormAutocomplete";
 export * from "./components/FormCalendar";

package/dist/cjs/index.js

@@ -16,6 +16,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./components/AutoNavbarItem"), module.exports);
 __reExport(src_exports, require("./components/ErrorMessage"), module.exports);
 __reExport(src_exports, require("./components/FormAutocomplete"), module.exports);
 __reExport(src_exports, require("./components/FormCalendar"), module.exports);
@@ -38,6 +39,7 @@ __reExport(src_exports, require("./utils/getTimeValue"), module.exports);
 __reExport(src_exports, require("./utils/parseTime"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ...require("./components/AutoNavbarItem"),
   ...require("./components/ErrorMessage"),
   ...require("./components/FormAutocomplete"),
   ...require("./components/FormCalendar"),

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from \"@/components/ErrorMessage\"\nexport * from \"@/components/FormAutocomplete\"\nexport * from \"@/components/FormCalendar\"\nexport * from \"@/components/FormCheckbox\"\nexport * from \"@/components/FormCheckboxGroup\"\nexport * from \"@/components/FormDateInput\"\nexport * from \"@/components/FormDatePicker\"\nexport * from \"@/components/FormDateRangePicker\"\nexport * from \"@/components/FormInput\"\nexport * from \"@/components/FormInputOtp\"\nexport * from \"@/components/FormNumberInput\"\nexport * from \"@/components/FormPagination\"\nexport * from \"@/components/FormRadioGroup\"\nexport * from \"@/components/FormRangeCalendar\"\nexport * from \"@/components/FormSelect\"\nexport * from \"@/components/FormSwitch\"\nexport * from \"@/components/FormTextarea\"\nexport * from \"@/components/FormTimeInput\"\nexport * from \"@/utils/getTimeValue\"\nexport * from \"@/utils/parseTime\"\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,sCAAd;AACA,wBAAc,0CADd;AAEA,wBAAc,sCAFd;AAGA,wBAAc,sCAHd;AAIA,wBAAc,2CAJd;AAKA,wBAAc,uCALd;AAMA,wBAAc,wCANd;AAOA,wBAAc,6CAPd;AAQA,wBAAc,mCARd;AASA,wBAAc,sCATd;AAUA,wBAAc,yCAVd;AAWA,wBAAc,wCAXd;AAYA,wBAAc,wCAZd;AAaA,wBAAc,2CAbd;AAcA,wBAAc,oCAdd;AAeA,wBAAc,oCAfd;AAgBA,wBAAc,sCAhBd;AAiBA,wBAAc,uCAjBd;AAkBA,wBAAc,iCAlBd;AAmBA,wBAAc,8BAnBd;",
+  "sourcesContent": ["export * from \"@/components/AutoNavbarItem\"\nexport * from \"@/components/ErrorMessage\"\nexport * from \"@/components/FormAutocomplete\"\nexport * from \"@/components/FormCalendar\"\nexport * from \"@/components/FormCheckbox\"\nexport * from \"@/components/FormCheckboxGroup\"\nexport * from \"@/components/FormDateInput\"\nexport * from \"@/components/FormDatePicker\"\nexport * from \"@/components/FormDateRangePicker\"\nexport * from \"@/components/FormInput\"\nexport * from \"@/components/FormInputOtp\"\nexport * from \"@/components/FormNumberInput\"\nexport * from \"@/components/FormPagination\"\nexport * from \"@/components/FormRadioGroup\"\nexport * from \"@/components/FormRangeCalendar\"\nexport * from \"@/components/FormSelect\"\nexport * from \"@/components/FormSwitch\"\nexport * from \"@/components/FormTextarea\"\nexport * from \"@/components/FormTimeInput\"\nexport * from \"@/utils/getTimeValue\"\nexport * from \"@/utils/parseTime\"\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,wCAAd;AACA,wBAAc,sCADd;AAEA,wBAAc,0CAFd;AAGA,wBAAc,sCAHd;AAIA,wBAAc,sCAJd;AAKA,wBAAc,2CALd;AAMA,wBAAc,uCANd;AAOA,wBAAc,wCAPd;AAQA,wBAAc,6CARd;AASA,wBAAc,mCATd;AAUA,wBAAc,sCAVd;AAWA,wBAAc,yCAXd;AAYA,wBAAc,wCAZd;AAaA,wBAAc,wCAbd;AAcA,wBAAc,2CAdd;AAeA,wBAAc,oCAfd;AAgBA,wBAAc,oCAhBd;AAiBA,wBAAc,sCAjBd;AAkBA,wBAAc,uCAlBd;AAmBA,wBAAc,iCAnBd;AAoBA,wBAAc,8BApBd;",
   "names": []
 }

package/dist/esm/components/AutoNavbarItem.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps, ReactNode } from "react";
+import { NavbarItem } from "@heroui/react";
+import { StrictOmit } from "soda-type";
+export interface AutoNavbarItemProps extends StrictOmit<ComponentProps<typeof NavbarItem>, "isActive"> {
+    href: string;
+}
+export interface LocationState {
+    href: string;
+}
+export interface CreateAutoNavbarItemParams {
+    useLocation: () => LocationState;
+}
+export declare function createAutoNavbarItem({ useLocation }: CreateAutoNavbarItemParams): (props: AutoNavbarItemProps) => ReactNode;

package/dist/esm/components/AutoNavbarItem.js

@@ -0,0 +1,20 @@
+import { NavbarItem } from "@heroui/react";
+import { isActiveHref } from "deepsea-tools";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function createAutoNavbarItem({
+  useLocation
+}) {
+  function AutoNavbarItem(props) {
+    const {
+      href,
+      ...rest
+    } = props;
+    const location = useLocation();
+    return /*#__PURE__*/_jsx(NavbarItem, {
+      ...rest,
+      isActive: isActiveHref(href, location.href)
+    });
+  }
+  return AutoNavbarItem;
+}
+//# sourceMappingURL=AutoNavbarItem.js.map

package/dist/esm/components/AutoNavbarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NavbarItem","isActiveHref","jsx","_jsx","createAutoNavbarItem","useLocation","AutoNavbarItem","props","href","rest","location","isActive"],"sources":["../../../src/components/AutoNavbarItem.tsx"],"sourcesContent":["import { ComponentProps, ReactNode } from \"react\"\r\nimport { NavbarItem } from \"@heroui/react\"\r\nimport { isActiveHref } from \"deepsea-tools\"\r\nimport { StrictOmit } from \"soda-type\"\r\n\r\nexport interface AutoNavbarItemProps extends StrictOmit<ComponentProps<typeof NavbarItem>, \"isActive\"> {\r\n    href: string\r\n}\r\n\r\nexport interface LocationState {\r\n    href: string\r\n}\r\n\r\nexport interface CreateAutoNavbarItemParams {\r\n    useLocation: () => LocationState\r\n}\r\n\r\nexport function createAutoNavbarItem({ useLocation }: CreateAutoNavbarItemParams) {\r\n    function AutoNavbarItem(props: AutoNavbarItemProps): ReactNode {\r\n        const { href, ...rest } = props\r\n        const location = useLocation()\r\n        return <NavbarItem {...rest} isActive={isActiveHref(href, location.href)} />\r\n    }\r\n\r\n    return AutoNavbarItem\r\n}\r\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,eAAe;AAC1C,SAASC,YAAY,QAAQ,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAe5C,OAAO,SAASC,oBAAoBA,CAAC;EAAEC;AAAwC,CAAC,EAAE;EAC9E,SAASC,cAAcA,CAACC,KAA0B,EAAa;IAC3D,MAAM;MAAEC,IAAI;MAAE,GAAGC;IAAK,CAAC,GAAGF,KAAK;IAC/B,MAAMG,QAAQ,GAAGL,WAAW,CAAC,CAAC;IAC9B,oBAAOF,IAAA,CAACH,UAAU;MAAA,GAAKS,IAAI;MAAEE,QAAQ,EAAEV,YAAY,CAACO,IAAI,EAAEE,QAAQ,CAACF,IAAI;IAAE,CAAE,CAAC;EAChF;EAEA,OAAOF,cAAc;AACzB"}

package/dist/esm/components/FormAutocomplete.d.ts

@@ -2,6 +2,6 @@ import { ReactNode } from "react";
 import { Autocomplete } from "@heroui/react";
 import { Key } from "@react-types/shared";
 import { FieldComponentProps } from "soda-tanstack-form";
-export interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, T extends object = object> extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {
+export interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object> extends FieldComponentProps<typeof Autocomplete<RenderItem>, FieldValue> {
 }
-export declare function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, T extends object = object>({ field, ...rest }: FormAutocompleteProps<FieldValue, T>): ReactNode;
+export declare function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object>({ field, ...rest }: FormAutocompleteProps<FieldValue, RenderItem>): ReactNode;

package/dist/esm/components/FormAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["Autocomplete","ErrorMessage","jsx","_jsx","FormAutocomplete","field","rest","selectedKey","state","value","onSelectionChange","handleChange","undefined","onBlur","handleBlur","errorMessage","data","meta","errors","isInvalid","some","Boolean"],"sources":["../../../src/components/FormAutocomplete.tsx"],"sourcesContent":["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Autocomplete } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, T extends object = object>\n    extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {}\n\nexport function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, T extends object = object>({\n    field,\n    ...rest\n}: FormAutocompleteProps<FieldValue, T>): ReactNode {\n    return (\n        <Autocomplete<T>\n            selectedKey={field.state.value ?? null}\n            onSelectionChange={value => field.handleChange((value ?? undefined) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAASA,YAAY,QAAQ,eAAe;AAI5C,SAASC,YAAY;AAAwB,SAAAC,GAAA,IAAAC,IAAA;AAK7C,OAAO,SAASC,gBAAgBA,CAAkF;EAC9GC,KAAK;EACL,GAAGC;AAC+B,CAAC,EAAa;EAChD,oBACIH,IAAA,CAACH,YAAY;IACTO,WAAW,EAAEF,KAAK,CAACG,KAAK,CAACC,KAAK,IAAI,IAAK;IACvCC,iBAAiB,EAAED,KAAK,IAAIJ,KAAK,CAACM,YAAY,CAAEF,KAAK,IAAIG,SAAwB,CAAE;IACnFC,MAAM,EAAER,KAAK,CAACS,UAAW;IACzBC,YAAY,eAAEZ,IAAA,CAACF,YAAY;MAACe,IAAI,EAAEX,KAAK,CAACG,KAAK,CAACS,IAAI,CAACC;IAAO,CAAE,CAAE;IAC9DC,SAAS,EAAEd,KAAK,CAACG,KAAK,CAACS,IAAI,CAACC,MAAM,CAACE,IAAI,CAACC,OAAO,CAAE;IAAA,GAC7Cf;EAAI,CACX,CAAC;AAEV"}
+{"version":3,"names":["Autocomplete","ErrorMessage","jsx","_jsx","FormAutocomplete","field","rest","selectedKey","state","value","onSelectionChange","handleChange","undefined","onBlur","handleBlur","errorMessage","data","meta","errors","isInvalid","some","Boolean"],"sources":["../../../src/components/FormAutocomplete.tsx"],"sourcesContent":["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Autocomplete } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object>\n    extends FieldComponentProps<typeof Autocomplete<RenderItem>, FieldValue> {}\n\nexport function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object>({\n    field,\n    ...rest\n}: FormAutocompleteProps<FieldValue, RenderItem>): ReactNode {\n    return (\n        <Autocomplete<RenderItem>\n            selectedKey={field.state.value ?? null}\n            onSelectionChange={value => field.handleChange((value ?? undefined) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAASA,YAAY,QAAQ,eAAe;AAI5C,SAASC,YAAY;AAAwB,SAAAC,GAAA,IAAAC,IAAA;AAK7C,OAAO,SAASC,gBAAgBA,CAA2F;EACvHC,KAAK;EACL,GAAGC;AACwC,CAAC,EAAa;EACzD,oBACIH,IAAA,CAACH,YAAY;IACTO,WAAW,EAAEF,KAAK,CAACG,KAAK,CAACC,KAAK,IAAI,IAAK;IACvCC,iBAAiB,EAAED,KAAK,IAAIJ,KAAK,CAACM,YAAY,CAAEF,KAAK,IAAIG,SAAwB,CAAE;IACnFC,MAAM,EAAER,KAAK,CAACS,UAAW;IACzBC,YAAY,eAAEZ,IAAA,CAACF,YAAY;MAACe,IAAI,EAAEX,KAAK,CAACG,KAAK,CAACS,IAAI,CAACC;IAAO,CAAE,CAAE;IAC9DC,SAAS,EAAEd,KAAK,CAACG,KAAK,CAACS,IAAI,CAACC,MAAM,CAACE,IAAI,CAACC,OAAO,CAAE;IAAA,GAC7Cf;EAAI,CACX,CAAC;AAEV"}

package/dist/esm/components/FormSelect.d.ts

@@ -2,7 +2,7 @@ import { Select } from "@heroui/react";
 import { Key } from "@react-types/shared";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormSelectProps<Value extends Key | undefined = Key | undefined, Multiple extends boolean = false, T extends object = object, FieldValue = Multiple extends true ? Value[] : Value> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, "multiple"> {
+export interface FormSelectProps<Multiple extends boolean = false, Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined, RenderItem extends object = object> extends StrictOmit<FieldComponentProps<typeof Select<RenderItem>, Value>, "multiple"> {
     multiple?: Multiple;
 }
-export declare function FormSelect<Value extends Key | undefined = Key | undefined, Multiple extends boolean = false, T extends object = object, FieldValue = Multiple extends true ? Value[] : Value>({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>): import("react/jsx-runtime").JSX.Element;
+export declare function FormSelect<Multiple extends boolean = false, Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined, RenderItem extends object = object>({ field, multiple, ...rest }: FormSelectProps<Multiple, Value, RenderItem>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/FormSelect.js

@@ -10,7 +10,7 @@ export function FormSelect({
   ...rest
 }) {
   return /*#__PURE__*/_jsx(Select, {
-    selectedKeys: Array.isArray(field.state.value) ? field.state.value.filter(isNonNullable) : isNonNullable(field.state.value) ? [field.state.value] : [],
+    selectedKeys: isNonNullable(field.state.value) ? multiple ? field.state.value : [field.state.value] : [],
     onSelectionChange: keys => {
       const value = Array.from(keys);
       field.handleChange(multiple ? value : value.at(0));

package/dist/esm/components/FormSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["Select","isNonNullable","ErrorMessage","jsx","_jsx","FormSelect","field","multiple","rest","selectedKeys","Array","isArray","state","value","filter","onSelectionChange","keys","from","handleChange","at","onBlur","handleBlur","errorMessage","data","meta","errors","isInvalid","some","Boolean"],"sources":["../../../src/components/FormSelect.tsx"],"sourcesContent":["\"use client\"\n\nimport { Select } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormSelectProps<\n    Value extends Key | undefined = Key | undefined,\n    Multiple extends boolean = false,\n    T extends object = object,\n    FieldValue = Multiple extends true ? Value[] : Value,\n> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, \"multiple\"> {\n    multiple?: Multiple\n}\n\nexport function FormSelect<\n    Value extends Key | undefined = Key | undefined,\n    Multiple extends boolean = false,\n    T extends object = object,\n    FieldValue = Multiple extends true ? Value[] : Value,\n>({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>) {\n    return (\n        <Select<T>\n            selectedKeys={\n                Array.isArray(field.state.value) ? field.state.value.filter(isNonNullable) : isNonNullable(field.state.value) ? [field.state.value] : []\n            }\n            onSelectionChange={keys => {\n                const value = Array.from(keys) as string[]\n                field.handleChange((multiple ? value : value.at(0)) as FieldValue)\n            }}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,MAAM,QAAQ,eAAe;AAEtC,SAASC,aAAa,QAAQ,eAAe;AAI7C,SAASC,YAAY;AAAwB,SAAAC,GAAA,IAAAC,IAAA;AAW7C,OAAO,SAASC,UAAUA,CAKxB;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAsD,CAAC,EAAE;EAC7E,oBACIJ,IAAA,CAACJ,MAAM;IACHS,YAAY,EACRC,KAAK,CAACC,OAAO,CAACL,KAAK,CAACM,KAAK,CAACC,KAAK,CAAC,GAAGP,KAAK,CAACM,KAAK,CAACC,KAAK,CAACC,MAAM,CAACb,aAAa,CAAC,GAAGA,aAAa,CAACK,KAAK,CAACM,KAAK,CAACC,KAAK,CAAC,GAAG,CAACP,KAAK,CAACM,KAAK,CAACC,KAAK,CAAC,GAAG,EACzI;IACDE,iBAAiB,EAAEC,IAAI,IAAI;MACvB,MAAMH,KAAK,GAAGH,KAAK,CAACO,IAAI,CAACD,IAAI,CAAa;MAC1CV,KAAK,CAACY,YAAY,CAAEX,QAAQ,GAAGM,KAAK,GAAGA,KAAK,CAACM,EAAE,CAAC,CAAC,CAAgB,CAAC;IACtE,CAAE;IACFC,MAAM,EAAEd,KAAK,CAACe,UAAW;IACzBC,YAAY,eAAElB,IAAA,CAACF,YAAY;MAACqB,IAAI,EAAEjB,KAAK,CAACM,KAAK,CAACY,IAAI,CAACC;IAAO,CAAE,CAAE;IAC9DC,SAAS,EAAEpB,KAAK,CAACM,KAAK,CAACY,IAAI,CAACC,MAAM,CAACE,IAAI,CAACC,OAAO,CAAE;IAAA,GAC7CpB;EAAI,CACX,CAAC;AAEV"}
+{"version":3,"names":["Select","isNonNullable","ErrorMessage","jsx","_jsx","FormSelect","field","multiple","rest","selectedKeys","state","value","onSelectionChange","keys","Array","from","handleChange","at","onBlur","handleBlur","errorMessage","data","meta","errors","isInvalid","some","Boolean"],"sources":["../../../src/components/FormSelect.tsx"],"sourcesContent":["\"use client\"\n\nimport { Select } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormSelectProps<\n    Multiple extends boolean = false,\n    Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined,\n    RenderItem extends object = object,\n> extends StrictOmit<FieldComponentProps<typeof Select<RenderItem>, Value>, \"multiple\"> {\n    multiple?: Multiple\n}\n\nexport function FormSelect<\n    Multiple extends boolean = false,\n    Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined,\n    RenderItem extends object = object,\n>({ field, multiple, ...rest }: FormSelectProps<Multiple, Value, RenderItem>) {\n    return (\n        <Select<RenderItem>\n            selectedKeys={isNonNullable(field.state.value) ? (multiple ? (field.state.value as Key[]) : [field.state.value as Key]) : []}\n            onSelectionChange={keys => {\n                const value = Array.from(keys)\n                field.handleChange((multiple ? value : value.at(0)) as Value)\n            }}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,MAAM,QAAQ,eAAe;AAEtC,SAASC,aAAa,QAAQ,eAAe;AAI7C,SAASC,YAAY;AAAwB,SAAAC,GAAA,IAAAC,IAAA;AAU7C,OAAO,SAASC,UAAUA,CAIxB;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAmD,CAAC,EAAE;EAC1E,oBACIJ,IAAA,CAACJ,MAAM;IACHS,YAAY,EAAER,aAAa,CAACK,KAAK,CAACI,KAAK,CAACC,KAAK,CAAC,GAAIJ,QAAQ,GAAID,KAAK,CAACI,KAAK,CAACC,KAAK,GAAa,CAACL,KAAK,CAACI,KAAK,CAACC,KAAK,CAAQ,GAAI,EAAG;IAC7HC,iBAAiB,EAAEC,IAAI,IAAI;MACvB,MAAMF,KAAK,GAAGG,KAAK,CAACC,IAAI,CAACF,IAAI,CAAC;MAC9BP,KAAK,CAACU,YAAY,CAAET,QAAQ,GAAGI,KAAK,GAAGA,KAAK,CAACM,EAAE,CAAC,CAAC,CAAW,CAAC;IACjE,CAAE;IACFC,MAAM,EAAEZ,KAAK,CAACa,UAAW;IACzBC,YAAY,eAAEhB,IAAA,CAACF,YAAY;MAACmB,IAAI,EAAEf,KAAK,CAACI,KAAK,CAACY,IAAI,CAACC;IAAO,CAAE,CAAE;IAC9DC,SAAS,EAAElB,KAAK,CAACI,KAAK,CAACY,IAAI,CAACC,MAAM,CAACE,IAAI,CAACC,OAAO,CAAE;IAAA,GAC7ClB;EAAI,CACX,CAAC;AAEV"}

package/dist/esm/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./components/AutoNavbarItem";
 export * from "./components/ErrorMessage";
 export * from "./components/FormAutocomplete";
 export * from "./components/FormCalendar";

package/dist/esm/index.js

@@ -1,3 +1,4 @@
+export * from "./components/AutoNavbarItem";
 export * from "./components/ErrorMessage";
 export * from "./components/FormAutocomplete";
 export * from "./components/FormCalendar";

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"@/components/ErrorMessage\"\nexport * from \"@/components/FormAutocomplete\"\nexport * from \"@/components/FormCalendar\"\nexport * from \"@/components/FormCheckbox\"\nexport * from \"@/components/FormCheckboxGroup\"\nexport * from \"@/components/FormDateInput\"\nexport * from \"@/components/FormDatePicker\"\nexport * from \"@/components/FormDateRangePicker\"\nexport * from \"@/components/FormInput\"\nexport * from \"@/components/FormInputOtp\"\nexport * from \"@/components/FormNumberInput\"\nexport * from \"@/components/FormPagination\"\nexport * from \"@/components/FormRadioGroup\"\nexport * from \"@/components/FormRangeCalendar\"\nexport * from \"@/components/FormSelect\"\nexport * from \"@/components/FormSwitch\"\nexport * from \"@/components/FormTextarea\"\nexport * from \"@/components/FormTimeInput\"\nexport * from \"@/utils/getTimeValue\"\nexport * from \"@/utils/parseTime\"\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"@/components/AutoNavbarItem\"\nexport * from \"@/components/ErrorMessage\"\nexport * from \"@/components/FormAutocomplete\"\nexport * from \"@/components/FormCalendar\"\nexport * from \"@/components/FormCheckbox\"\nexport * from \"@/components/FormCheckboxGroup\"\nexport * from \"@/components/FormDateInput\"\nexport * from \"@/components/FormDatePicker\"\nexport * from \"@/components/FormDateRangePicker\"\nexport * from \"@/components/FormInput\"\nexport * from \"@/components/FormInputOtp\"\nexport * from \"@/components/FormNumberInput\"\nexport * from \"@/components/FormPagination\"\nexport * from \"@/components/FormRadioGroup\"\nexport * from \"@/components/FormRangeCalendar\"\nexport * from \"@/components/FormSelect\"\nexport * from \"@/components/FormSwitch\"\nexport * from \"@/components/FormTextarea\"\nexport * from \"@/components/FormTimeInput\"\nexport * from \"@/utils/getTimeValue\"\nexport * from \"@/utils/parseTime\"\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soda-heroui",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -31,7 +31,7 @@
   "dependencies": {
     "@internationalized/date": "^3.7.0",
     "@tanstack/react-form": "^1.1.2",
-    "deepsea-tools": "5.21.0",
+    "deepsea-tools": "5.23.0",
     "soda-type": "6.0.2",
     "soda-tanstack-form": "0.0.3"
   },

package/src/components/AutoNavbarItem.tsx

@@ -0,0 +1,26 @@
+import { ComponentProps, ReactNode } from "react"
+import { NavbarItem } from "@heroui/react"
+import { isActiveHref } from "deepsea-tools"
+import { StrictOmit } from "soda-type"
+
+export interface AutoNavbarItemProps extends StrictOmit<ComponentProps<typeof NavbarItem>, "isActive"> {
+    href: string
+}
+
+export interface LocationState {
+    href: string
+}
+
+export interface CreateAutoNavbarItemParams {
+    useLocation: () => LocationState
+}
+
+export function createAutoNavbarItem({ useLocation }: CreateAutoNavbarItemParams) {
+    function AutoNavbarItem(props: AutoNavbarItemProps): ReactNode {
+        const { href, ...rest } = props
+        const location = useLocation()
+        return <NavbarItem {...rest} isActive={isActiveHref(href, location.href)} />
+    }
+
+    return AutoNavbarItem
+}

package/src/components/FormAutocomplete.tsx

@@ -7,15 +7,15 @@ import { FieldComponentProps } from "soda-tanstack-form"
 
 import { ErrorMessage } from "./ErrorMessage"
 
-export interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, T extends object = object>
-    extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {}
+export interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object>
+    extends FieldComponentProps<typeof Autocomplete<RenderItem>, FieldValue> {}
 
-export function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, T extends object = object>({
+export function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object>({
     field,
     ...rest
-}: FormAutocompleteProps<FieldValue, T>): ReactNode {
+}: FormAutocompleteProps<FieldValue, RenderItem>): ReactNode {
     return (
-        <Autocomplete<T>
+        <Autocomplete<RenderItem>
             selectedKey={field.state.value ?? null}
             onSelectionChange={value => field.handleChange((value ?? undefined) as FieldValue)}
             onBlur={field.handleBlur}

package/src/components/FormSelect.tsx

@@ -9,28 +9,24 @@ import { StrictOmit } from "soda-type"
 import { ErrorMessage } from "./ErrorMessage"
 
 export interface FormSelectProps<
-    Value extends Key | undefined = Key | undefined,
     Multiple extends boolean = false,
-    T extends object = object,
-    FieldValue = Multiple extends true ? Value[] : Value,
-> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, "multiple"> {
+    Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined,
+    RenderItem extends object = object,
+> extends StrictOmit<FieldComponentProps<typeof Select<RenderItem>, Value>, "multiple"> {
     multiple?: Multiple
 }
 
 export function FormSelect<
-    Value extends Key | undefined = Key | undefined,
     Multiple extends boolean = false,
-    T extends object = object,
-    FieldValue = Multiple extends true ? Value[] : Value,
->({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>) {
+    Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined,
+    RenderItem extends object = object,
+>({ field, multiple, ...rest }: FormSelectProps<Multiple, Value, RenderItem>) {
     return (
-        <Select<T>
-            selectedKeys={
-                Array.isArray(field.state.value) ? field.state.value.filter(isNonNullable) : isNonNullable(field.state.value) ? [field.state.value] : []
-            }
+        <Select<RenderItem>
+            selectedKeys={isNonNullable(field.state.value) ? (multiple ? (field.state.value as Key[]) : [field.state.value as Key]) : []}
             onSelectionChange={keys => {
-                const value = Array.from(keys) as string[]
-                field.handleChange((multiple ? value : value.at(0)) as FieldValue)
+                const value = Array.from(keys)
+                field.handleChange((multiple ? value : value.at(0)) as Value)
             }}
             onBlur={field.handleBlur}
             errorMessage={<ErrorMessage data={field.state.meta.errors} />}

package/src/index.ts

@@ -1,3 +1,4 @@
+export * from "@/components/AutoNavbarItem"
 export * from "@/components/ErrorMessage"
 export * from "@/components/FormAutocomplete"
 export * from "@/components/FormCalendar"