@btst/stack 2.5.3 → 2.5.5

package/dist/packages/stack/src/plugins/ui-builder/client/registry.mjs

@@ -10,7 +10,7 @@ import { Grid } from '../../../../../ui/src/components/ui-builder/components/gri
 import { CodePanel } from '../../../../../ui/src/components/ui-builder/components/code-panel.mjs';
 import { Markdown } from '../../../../../ui/src/components/ui-builder/components/markdown.mjs';
 import { Icon, iconNames } from '../../../../../ui/src/components/ui-builder/components/icon.mjs';
-import { classNameFieldOverrides, commonFieldOverrides, childrenFieldOverrides, iconNameFieldOverrides, childrenAsTipTapFieldOverrides, childrenAsTextareaFieldOverrides } from '../../../../../ui/src/lib/ui-builder/registry/form-field-overrides.mjs';
+import { classNameFieldOverrides, commonFieldOverrides, functionPropFieldOverrides, childrenFieldOverrides, iconNameFieldOverrides, childrenAsTipTapFieldOverrides, childrenAsTextareaFieldOverrides } from '../../../../../ui/src/lib/ui-builder/registry/form-field-overrides.mjs';
 
 const primitiveComponentDefinitions = {
   a: {
@@ -21,9 +21,118 @@ const primitiveComponentDefinitions = {
       target: z.enum(["_blank", "_self", "_parent", "_top"]).optional().default("_self"),
       rel: z.enum(["noopener", "noreferrer", "nofollow"]).optional(),
       title: z.string().optional(),
-      download: z.boolean().optional().default(false)
+      download: z.boolean().optional().default(false),
+      onClick: z.any().optional()
     }),
-    fieldOverrides: commonFieldOverrides()
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      onClick: () => functionPropFieldOverrides("onClick")
+    }
+  },
+  button: {
+    schema: z.object({
+      className: z.string().optional(),
+      children: z.any().optional(),
+      type: z.enum(["button", "submit", "reset"]).optional().default("button"),
+      disabled: z.boolean().optional().default(false),
+      onClick: z.any().optional()
+    }),
+    defaultChildren: "Button",
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      onClick: () => functionPropFieldOverrides("onClick")
+    }
+  },
+  form: {
+    schema: z.object({
+      className: z.string().optional(),
+      children: z.any().optional(),
+      action: z.string().optional(),
+      method: z.enum(["get", "post"]).optional(),
+      onSubmit: z.any().optional()
+    }),
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      onSubmit: () => functionPropFieldOverrides("onSubmit")
+    }
+  },
+  input: {
+    schema: z.object({
+      className: z.string().optional(),
+      type: z.enum([
+        "text",
+        "password",
+        "email",
+        "number",
+        "tel",
+        "url",
+        "search",
+        "date",
+        "time",
+        "hidden"
+      ]).optional().default("text"),
+      name: z.string().optional(),
+      placeholder: z.string().optional(),
+      defaultValue: z.string().optional(),
+      disabled: z.boolean().optional().default(false),
+      required: z.boolean().optional().default(false),
+      onChange: z.any().optional(),
+      onBlur: z.any().optional(),
+      onFocus: z.any().optional()
+    }),
+    fieldOverrides: {
+      className: (layer) => classNameFieldOverrides(),
+      onChange: () => functionPropFieldOverrides("onChange"),
+      onBlur: () => functionPropFieldOverrides("onBlur"),
+      onFocus: () => functionPropFieldOverrides("onFocus")
+    }
+  },
+  textarea: {
+    schema: z.object({
+      className: z.string().optional(),
+      name: z.string().optional(),
+      placeholder: z.string().optional(),
+      defaultValue: z.string().optional(),
+      rows: z.coerce.number().optional(),
+      disabled: z.boolean().optional().default(false),
+      required: z.boolean().optional().default(false),
+      onChange: z.any().optional(),
+      onBlur: z.any().optional(),
+      onFocus: z.any().optional()
+    }),
+    fieldOverrides: {
+      className: (layer) => classNameFieldOverrides(),
+      onChange: () => functionPropFieldOverrides("onChange"),
+      onBlur: () => functionPropFieldOverrides("onBlur"),
+      onFocus: () => functionPropFieldOverrides("onFocus")
+    }
+  },
+  select: {
+    schema: z.object({
+      className: z.string().optional(),
+      children: z.any().optional(),
+      name: z.string().optional(),
+      defaultValue: z.string().optional(),
+      disabled: z.boolean().optional().default(false),
+      required: z.boolean().optional().default(false),
+      onChange: z.any().optional()
+    }),
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      onChange: () => functionPropFieldOverrides("onChange")
+    }
+  },
+  label: {
+    schema: z.object({
+      className: z.string().optional(),
+      children: z.any().optional(),
+      htmlFor: z.string().optional(),
+      onClick: z.any().optional()
+    }),
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      onClick: () => functionPropFieldOverrides("onClick")
+    }
   },
   img: {
     schema: z.object({
@@ -31,18 +140,24 @@ const primitiveComponentDefinitions = {
       src: z.string().default("https://placehold.co/200"),
       alt: z.string().optional(),
       width: z.coerce.number().optional(),
-      height: z.coerce.number().optional()
+      height: z.coerce.number().optional(),
+      onClick: z.any().optional()
     }),
     fieldOverrides: {
-      className: (layer) => classNameFieldOverrides()
+      className: (layer) => classNameFieldOverrides(),
+      onClick: () => functionPropFieldOverrides("onClick")
     }
   },
   div: {
     schema: z.object({
       className: z.string().optional(),
-      children: z.any().optional()
+      children: z.any().optional(),
+      onClick: z.any().optional()
     }),
-    fieldOverrides: commonFieldOverrides()
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      onClick: () => functionPropFieldOverrides("onClick")
+    }
   },
   iframe: {
     schema: z.object({
@@ -74,56 +189,101 @@ const primitiveComponentDefinitions = {
   span: {
     schema: z.object({
       className: z.string().optional(),
-      children: z.string().optional()
+      children: z.string().optional(),
+      onClick: z.any().optional()
     }),
     defaultChildren: "Text",
     fieldOverrides: {
       className: (layer) => classNameFieldOverrides(),
-      children: (layer) => childrenAsTextareaFieldOverrides(layer)
+      children: (layer) => childrenAsTextareaFieldOverrides(layer),
+      onClick: () => functionPropFieldOverrides("onClick")
     }
   },
   h1: {
     schema: z.object({
       className: z.string().optional(),
-      children: z.string().optional()
+      children: z.string().optional(),
+      onClick: z.any().optional()
     }),
     defaultChildren: "Heading 1",
     fieldOverrides: {
-      className: (layer) => classNameFieldOverrides(),
-      children: (layer) => childrenAsTextareaFieldOverrides(layer)
+      ...commonFieldOverrides(),
+      children: (layer) => childrenAsTextareaFieldOverrides(layer),
+      onClick: () => functionPropFieldOverrides("onClick")
     }
   },
   h2: {
     schema: z.object({
       className: z.string().optional(),
-      children: z.string().optional()
+      children: z.string().optional(),
+      onClick: z.any().optional()
     }),
     defaultChildren: "Heading 2",
     fieldOverrides: {
-      className: (layer) => classNameFieldOverrides(),
-      children: (layer) => childrenAsTextareaFieldOverrides(layer)
+      ...commonFieldOverrides(),
+      children: (layer) => childrenAsTextareaFieldOverrides(layer),
+      onClick: () => functionPropFieldOverrides("onClick")
     }
   },
   h3: {
     schema: z.object({
       className: z.string().optional(),
-      children: z.string().optional()
+      children: z.string().optional(),
+      onClick: z.any().optional()
     }),
     defaultChildren: "Heading 3",
     fieldOverrides: {
-      className: (layer) => classNameFieldOverrides(),
-      children: (layer) => childrenAsTextareaFieldOverrides(layer)
+      ...commonFieldOverrides(),
+      children: (layer) => childrenAsTextareaFieldOverrides(layer),
+      onClick: () => functionPropFieldOverrides("onClick")
     }
   },
   p: {
     schema: z.object({
       className: z.string().optional(),
-      children: z.string().optional()
+      children: z.string().optional(),
+      onClick: z.any().optional()
     }),
-    defaultChildren: "Paragraph",
+    defaultChildren: "Paragraph text",
     fieldOverrides: {
-      className: (layer) => classNameFieldOverrides(),
-      children: (layer) => childrenAsTextareaFieldOverrides(layer)
+      ...commonFieldOverrides(),
+      children: (layer) => childrenAsTextareaFieldOverrides(layer),
+      onClick: () => functionPropFieldOverrides("onClick")
+    }
+  },
+  li: {
+    schema: z.object({
+      className: z.string().optional(),
+      children: z.string().optional(),
+      onClick: z.any().optional()
+    }),
+    defaultChildren: "List item",
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      children: (layer) => childrenAsTextareaFieldOverrides(layer),
+      onClick: () => functionPropFieldOverrides("onClick")
+    }
+  },
+  ul: {
+    schema: z.object({
+      className: z.string().optional(),
+      children: z.any().optional(),
+      onClick: z.any().optional()
+    }),
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      onClick: () => functionPropFieldOverrides("onClick")
+    }
+  },
+  ol: {
+    schema: z.object({
+      className: z.string().optional(),
+      children: z.any().optional(),
+      onClick: z.any().optional()
+    }),
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      onClick: () => functionPropFieldOverrides("onClick")
     }
   }
 };
@@ -142,7 +302,8 @@ const complexComponentDefinitions = {
         "ghost",
         "link"
       ]).default("default"),
-      size: z.enum(["default", "sm", "lg", "icon"]).default("default")
+      size: z.enum(["default", "sm", "lg", "icon"]).default("default"),
+      onClick: z.any().optional()
     }),
     from: "@/components/ui/button",
     defaultChildren: [
@@ -154,14 +315,18 @@ const complexComponentDefinitions = {
         children: "Button"
       }
     ],
-    fieldOverrides: commonFieldOverrides()
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      onClick: () => functionPropFieldOverrides("onClick")
+    }
   },
   Badge: {
     component: Badge,
     schema: z.object({
       className: z.string().optional(),
       children: z.any().optional(),
-      variant: z.enum(["default", "secondary", "destructive", "outline"]).default("default")
+      variant: z.enum(["default", "secondary", "destructive", "outline"]).default("default"),
+      onClick: z.any().optional()
     }),
     from: "@/components/ui/badge",
     defaultChildren: [
@@ -173,7 +338,10 @@ const complexComponentDefinitions = {
         children: "Badge"
       }
     ],
-    fieldOverrides: commonFieldOverrides()
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      onClick: () => functionPropFieldOverrides("onClick")
+    }
   },
   Flexbox: {
     component: Flexbox,
@@ -266,7 +434,8 @@ const complexComponentDefinitions = {
       className: z.string().optional(),
       children: z.any().optional(),
       type: z.enum(["single", "multiple"]).default("single"),
-      collapsible: z.boolean().optional()
+      collapsible: z.boolean().optional(),
+      onValueChange: z.any().optional()
     }),
     from: "@/components/ui/accordion",
     defaultChildren: [
@@ -283,7 +452,7 @@ const complexComponentDefinitions = {
             props: {},
             children: [
               {
-                id: "acc-trigger-text",
+                id: "acc-trigger-1-text",
                 type: "span",
                 name: "span",
                 props: {},
@@ -298,7 +467,45 @@ const complexComponentDefinitions = {
             props: {},
             children: [
               {
-                id: "acc-content-text",
+                id: "acc-content-1-text",
+                type: "span",
+                name: "span",
+                props: {},
+                children: "Accordion Content Text"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        id: "acc-item-2",
+        type: "AccordionItem",
+        name: "AccordionItem",
+        props: { value: "item-2" },
+        children: [
+          {
+            id: "acc-trigger-2",
+            type: "AccordionTrigger",
+            name: "AccordionTrigger",
+            props: {},
+            children: [
+              {
+                id: "acc-trigger-2-text",
+                type: "span",
+                name: "span",
+                props: {},
+                children: "Accordion Item #2"
+              }
+            ]
+          },
+          {
+            id: "acc-content-2",
+            type: "AccordionContent",
+            name: "AccordionContent",
+            props: {},
+            children: [
+              {
+                id: "acc-content-2-text",
                 type: "span",
                 name: "span",
                 props: {},
@@ -309,7 +516,10 @@ const complexComponentDefinitions = {
         ]
       }
     ],
-    fieldOverrides: commonFieldOverrides()
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      onValueChange: () => functionPropFieldOverrides("onValueChange")
+    }
   },
   AccordionItem: {
     component: AccordionItem,
@@ -319,18 +529,54 @@ const complexComponentDefinitions = {
       value: z.string().default("item-1")
     }),
     from: "@/components/ui/accordion",
+    childOf: ["Accordion"],
+    defaultChildren: [
+      {
+        id: "acc-trigger-default",
+        type: "AccordionTrigger",
+        name: "AccordionTrigger",
+        props: {},
+        children: [
+          {
+            id: "acc-trigger-default-text",
+            type: "span",
+            name: "span",
+            props: {},
+            children: "Accordion Item"
+          }
+        ]
+      },
+      {
+        id: "acc-content-default",
+        type: "AccordionContent",
+        name: "AccordionContent",
+        props: {},
+        children: [
+          {
+            id: "acc-content-default-text",
+            type: "span",
+            name: "span",
+            props: {},
+            children: "Accordion Content"
+          }
+        ]
+      }
+    ],
     fieldOverrides: commonFieldOverrides()
   },
   AccordionTrigger: {
     component: AccordionTrigger,
     schema: z.object({
       className: z.string().optional(),
-      children: z.any().optional()
+      children: z.any().optional(),
+      onClick: z.any().optional()
     }),
     from: "@/components/ui/accordion",
+    childOf: ["AccordionItem"],
     fieldOverrides: {
       className: (layer) => classNameFieldOverrides(),
-      children: (layer) => childrenFieldOverrides(layer)
+      children: (layer) => childrenFieldOverrides(layer),
+      onClick: () => functionPropFieldOverrides("onClick")
     }
   },
   AccordionContent: {
@@ -340,13 +586,15 @@ const complexComponentDefinitions = {
       children: z.any().optional()
     }),
     from: "@/components/ui/accordion",
+    childOf: ["AccordionItem"],
     fieldOverrides: commonFieldOverrides()
   },
   Card: {
     component: Card,
     schema: z.object({
       className: z.string().optional(),
-      children: z.any().optional()
+      children: z.any().optional(),
+      onClick: z.any().optional()
     }),
     from: "@/components/ui/card",
     defaultChildren: [
@@ -361,14 +609,30 @@ const complexComponentDefinitions = {
             type: "CardTitle",
             name: "CardTitle",
             props: {},
-            children: "Card Title"
+            children: [
+              {
+                id: "card-title-text",
+                type: "span",
+                name: "span",
+                props: {},
+                children: "Card Title"
+              }
+            ]
           },
           {
             id: "card-description",
             type: "CardDescription",
             name: "CardDescription",
             props: {},
-            children: "Card Description"
+            children: [
+              {
+                id: "card-description-text",
+                type: "span",
+                name: "span",
+                props: {},
+                children: "Card Description"
+              }
+            ]
           }
         ]
       },
@@ -383,7 +647,7 @@ const complexComponentDefinitions = {
             type: "span",
             name: "span",
             props: {},
-            children: "Card Content Text"
+            children: "Card Content"
           }
         ]
       },
@@ -398,12 +662,15 @@ const complexComponentDefinitions = {
             type: "span",
             name: "span",
             props: {},
-            children: "Card Footer Text"
+            children: "Card Footer"
           }
         ]
       }
     ],
-    fieldOverrides: commonFieldOverrides()
+    fieldOverrides: {
+      ...commonFieldOverrides(),
+      onClick: () => functionPropFieldOverrides("onClick")
+    }
   },
   CardHeader: {
     component: CardHeader,
@@ -412,6 +679,7 @@ const complexComponentDefinitions = {
       children: z.any().optional()
     }),
     from: "@/components/ui/card",
+    childOf: ["Card"],
     fieldOverrides: commonFieldOverrides()
   },
   CardTitle: {
@@ -421,6 +689,7 @@ const complexComponentDefinitions = {
       children: z.any().optional()
     }),
     from: "@/components/ui/card",
+    childOf: ["CardHeader"],
     fieldOverrides: commonFieldOverrides()
   },
   CardDescription: {
@@ -430,6 +699,7 @@ const complexComponentDefinitions = {
       children: z.any().optional()
     }),
     from: "@/components/ui/card",
+    childOf: ["CardHeader"],
     fieldOverrides: commonFieldOverrides()
   },
   CardContent: {
@@ -439,6 +709,7 @@ const complexComponentDefinitions = {
       children: z.any().optional()
     }),
     from: "@/components/ui/card",
+    childOf: ["Card"],
     fieldOverrides: commonFieldOverrides()
   },
   CardFooter: {
@@ -448,6 +719,7 @@ const complexComponentDefinitions = {
       children: z.any().optional()
     }),
     from: "@/components/ui/card",
+    childOf: ["Card"],
     fieldOverrides: commonFieldOverrides()
   },
   Separator: {