From 59ae4458db867499d912119ec4068b743a73e405 Mon Sep 17 00:00:00 2001
From: "codegen-sh[bot]" <131295404+codegen-sh[bot]@users.noreply.github.com>
Date: Wed, 24 Sep 2025 19:18:00 +0000
Subject: [PATCH 1/2] Select: default creatable behavior trims input when
 onCreateOption is omitted; update Storybook to document default

---
 apps/docs/src/remix-hook-form/select.stories.tsx | 3 +--
 packages/components/src/ui/select.tsx            | 8 ++++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/docs/src/remix-hook-form/select.stories.tsx b/apps/docs/src/remix-hook-form/select.stories.tsx
index d837c73d..6b7d37e3 100644
--- a/apps/docs/src/remix-hook-form/select.stories.tsx
+++ b/apps/docs/src/remix-hook-form/select.stories.tsx
@@ -530,11 +530,10 @@ const CreatableSelectExample = () => {
         <Select
           name="region"
           label="Custom Region"
-          description="Creatable option enabled"
+          description="Creatable option enabled (defaults to trimming the input and using it as label/value)"
           options={[...US_STATES.slice(0, 5), ...CANADA_PROVINCES.slice(0, 5)]}
           placeholder="Select a custom region"
           creatable
-          onCreateOption={async (input) => ({ label: input, value: input })}
         />
         <Button type="submit">Submit</Button>
         {fetcher.data?.selectedRegion && (
diff --git a/packages/components/src/ui/select.tsx b/packages/components/src/ui/select.tsx
index 2f05b823..4b3dc92a 100644
--- a/packages/components/src/ui/select.tsx
+++ b/packages/components/src/ui/select.tsx
@@ -251,8 +251,12 @@ export function Select<T extends React.Key = string>({
                       value={q}
                       role="option"
                       onSelect={async () => {
-                        if (!onCreateOption) return;
-                        const created = await onCreateOption(q);
+                        const defaultCreate = (input: string): SelectOption<T> => {
+                          const normalized = input.trim();
+                          // Keep value as a string; schema can coerce on submit if needed
+                          return { label: normalized, value: normalized as unknown as T };
+                        };
+                        const created = await Promise.resolve((onCreateOption ?? defaultCreate)(q));
                         onValueChange?.(created.value);
                         popoverState.close();
                       }}

From 4ab2d665fef5f86e2d0e4eb4d832b2b0308f712e Mon Sep 17 00:00:00 2001
From: "codegen-sh[bot]" <131295404+codegen-sh[bot]@users.noreply.github.com>
Date: Thu, 25 Sep 2025 03:02:05 +0000
Subject: [PATCH 2/2] =?UTF-8?q?chore(@lambdacurry/forms):=20bump=20patch?=
 =?UTF-8?q?=20to=20v0.22.4=20=E2=80=93=20default=20creatable=20trim=20beha?=
 =?UTF-8?q?vior=20+=20docs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/components/package.json b/packages/components/package.json
index c977ec26..8879255f 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lambdacurry/forms",
-  "version": "0.22.3",
+  "version": "0.22.4",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",