magick-ui 0.2.1 → 0.2.2

package/dist/index.js

@@ -85,6 +85,88 @@ var component_schema_default = {
       },
       $schema: "http://json-schema.org/draft-07/schema#"
     },
+    "tool-button": {
+      $ref: "#/definitions/tool-button",
+      definitions: {
+        "tool-button": {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "tool-button"
+            },
+            props: {
+              type: "object",
+              properties: {
+                variant: {
+                  type: "string",
+                  enum: [
+                    "primary",
+                    "outline",
+                    "destructive"
+                  ],
+                  description: "Button style. Defaults to 'primary'"
+                },
+                size: {
+                  type: "string",
+                  enum: [
+                    "md",
+                    "lg"
+                  ],
+                  description: "Button size. Defaults to 'md'"
+                },
+                state: {
+                  type: "string",
+                  enum: [
+                    "loading",
+                    "default"
+                  ],
+                  description: "Button state. Defaults to 'default'"
+                },
+                onlyIcon: {
+                  type: "boolean",
+                  description: "Icon-only mode with square padding"
+                },
+                disabled: {
+                  type: "boolean"
+                }
+              },
+              additionalProperties: false
+            },
+            children: {
+              type: "array",
+              items: {
+                type: "object",
+                properties: {
+                  type: {
+                    type: "string"
+                  },
+                  props: {
+                    type: "object",
+                    additionalProperties: {}
+                  },
+                  children: {
+                    type: "array",
+                    items: {}
+                  }
+                },
+                required: [
+                  "type"
+                ],
+                additionalProperties: false
+              },
+              description: "Button content"
+            }
+          },
+          required: [
+            "type"
+          ],
+          additionalProperties: false,
+          description: "A toolbar action button with loading state"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
     card: {
       $ref: "#/definitions/card",
       definitions: {
@@ -387,6 +469,55 @@ var component_schema_default = {
       },
       $schema: "http://json-schema.org/draft-07/schema#"
     },
+    "card-action": {
+      $ref: "#/definitions/card-action",
+      definitions: {
+        "card-action": {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "card-action"
+            },
+            props: {
+              type: "object",
+              properties: {},
+              additionalProperties: false
+            },
+            children: {
+              type: "array",
+              items: {
+                type: "object",
+                properties: {
+                  type: {
+                    type: "string"
+                  },
+                  props: {
+                    type: "object",
+                    additionalProperties: {}
+                  },
+                  children: {
+                    type: "array",
+                    items: {}
+                  }
+                },
+                required: [
+                  "type"
+                ],
+                additionalProperties: false
+              },
+              description: "Action elements (buttons, links) placed at the top-right of a card header"
+            }
+          },
+          required: [
+            "type"
+          ],
+          additionalProperties: false,
+          description: "An action area positioned at the top-right of a card"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
     form: {
       $ref: "#/definitions/form",
       definitions: {
@@ -3090,169 +3221,604 @@ var component_schema_default = {
       },
       $schema: "http://json-schema.org/draft-07/schema#"
     },
-    sheet: {
-      $ref: "#/definitions/sheet",
+    calendar: {
+      $ref: "#/definitions/calendar",
       definitions: {
-        sheet: {
+        calendar: {
           type: "object",
           properties: {
             type: {
               type: "string",
-              const: "sheet"
+              const: "calendar"
             },
             props: {
               type: "object",
-              properties: {},
-              additionalProperties: false
-            },
-            children: {
-              type: "array",
-              items: {
-                type: "object",
-                properties: {
-                  type: {
-                    type: "string"
-                  },
-                  props: {
-                    type: "object",
-                    additionalProperties: {}
-                  },
-                  children: {
-                    type: "array",
-                    items: {}
-                  }
+              properties: {
+                showOutsideDays: {
+                  type: "boolean",
+                  description: "Show days from adjacent months. Defaults to true"
                 },
-                required: [
-                  "type"
-                ],
-                additionalProperties: false
+                captionLayout: {
+                  type: "string",
+                  enum: [
+                    "label",
+                    "dropdown",
+                    "dropdown-months",
+                    "dropdown-years"
+                  ],
+                  description: "Caption display mode. Defaults to 'label'"
+                },
+                buttonVariant: {
+                  type: "string",
+                  enum: [
+                    "primary",
+                    "secondary",
+                    "outline",
+                    "destructive",
+                    "ghost",
+                    "soft"
+                  ],
+                  description: "Navigation button style. Defaults to 'ghost'"
+                },
+                mode: {
+                  type: "string",
+                  enum: [
+                    "single",
+                    "multiple",
+                    "range"
+                  ],
+                  description: "Selection mode"
+                },
+                numberOfMonths: {
+                  type: "number",
+                  description: "Number of months to display"
+                },
+                disabled: {
+                  type: "boolean"
+                }
               },
-              description: "Compose with sheet-trigger and sheet-content"
+              additionalProperties: false
             }
           },
           required: [
             "type"
           ],
           additionalProperties: false,
-          description: "A slide-out panel overlay"
+          description: "A date calendar for picking dates or date ranges"
         }
       },
       $schema: "http://json-schema.org/draft-07/schema#"
     },
-    "sheet-trigger": {
-      $ref: "#/definitions/sheet-trigger",
+    "file-input": {
+      $ref: "#/definitions/file-input",
       definitions: {
-        "sheet-trigger": {
+        "file-input": {
           type: "object",
           properties: {
             type: {
               type: "string",
-              const: "sheet-trigger"
+              const: "file-input"
             },
             props: {
               type: "object",
-              properties: {},
-              additionalProperties: false
-            },
-            children: {
-              type: "array",
-              items: {
-                type: "object",
-                properties: {
-                  type: {
-                    type: "string"
-                  },
-                  props: {
-                    type: "object",
-                    additionalProperties: {}
-                  },
-                  children: {
-                    type: "array",
-                    items: {}
-                  }
+              properties: {
+                label: {
+                  type: "string",
+                  description: "Label text above the input"
                 },
-                required: [
-                  "type"
-                ],
-                additionalProperties: false
+                helperText: {
+                  type: "string",
+                  description: "Helper text below the input"
+                },
+                error: {
+                  type: "boolean",
+                  description: "Show error styling. Defaults to false"
+                },
+                accept: {
+                  type: "string",
+                  description: "Accepted file types, e.g. 'image/*,.pdf'"
+                },
+                multiple: {
+                  type: "boolean",
+                  description: "Allow multiple files. Defaults to false"
+                },
+                disabled: {
+                  type: "boolean"
+                }
               },
-              description: "The element that opens the sheet"
+              additionalProperties: false
             }
           },
           required: [
             "type"
           ],
           additionalProperties: false,
-          description: "Trigger element that opens a sheet"
+          description: "A file input with choose-file button and upload progress"
         }
       },
       $schema: "http://json-schema.org/draft-07/schema#"
     },
-    "sheet-content": {
-      $ref: "#/definitions/sheet-content",
+    "tool-toggle": {
+      $ref: "#/definitions/tool-toggle",
       definitions: {
-        "sheet-content": {
+        "tool-toggle": {
           type: "object",
           properties: {
             type: {
               type: "string",
-              const: "sheet-content"
+              const: "tool-toggle"
             },
             props: {
               type: "object",
               properties: {
-                side: {
+                icon: {
                   type: "string",
-                  enum: [
-                    "top",
-                    "right",
-                    "bottom",
-                    "left"
-                  ],
-                  description: "Slide-in direction. Defaults to 'right'"
+                  description: "Icon name (resolved by the renderer)"
                 },
-                showCloseButton: {
+                dropdown: {
                   type: "boolean",
-                  description: "Show close button. Defaults to true"
+                  description: "Show dropdown chevron"
                 }
               },
               additionalProperties: false
-            },
-            children: {
-              type: "array",
-              items: {
-                type: "object",
-                properties: {
-                  type: {
-                    type: "string"
-                  },
-                  props: {
-                    type: "object",
-                    additionalProperties: {}
-                  },
-                  children: {
-                    type: "array",
-                    items: {}
-                  }
-                },
-                required: [
-                  "type"
-                ],
-                additionalProperties: false
-              },
-              description: "Sheet body content"
             }
           },
           required: [
             "type"
           ],
           additionalProperties: false,
-          description: "Content panel of a sheet"
+          description: "A round toggle button used in toolbars, optionally with a dropdown"
         }
       },
       $schema: "http://json-schema.org/draft-07/schema#"
     },
-    "sheet-header": {
+    "toggle-dropdown-button": {
+      $ref: "#/definitions/toggle-dropdown-button",
+      definitions: {
+        "toggle-dropdown-button": {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "toggle-dropdown-button"
+            },
+            props: {
+              type: "object",
+              properties: {
+                type: {
+                  type: "string",
+                  enum: [
+                    "text",
+                    "icon"
+                  ],
+                  description: "Button content type"
+                },
+                selected: {
+                  type: "boolean",
+                  description: "Whether the button is selected"
+                },
+                variant: {
+                  type: "string",
+                  enum: [
+                    "primary",
+                    "secondary",
+                    "destructive"
+                  ],
+                  description: "Button color variant"
+                }
+              },
+              required: [
+                "type",
+                "selected",
+                "variant"
+              ],
+              additionalProperties: false
+            }
+          },
+          required: [
+            "type",
+            "props"
+          ],
+          additionalProperties: false,
+          description: "A split toggle button with an attached dropdown trigger"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
+    "icon-container": {
+      $ref: "#/definitions/icon-container",
+      definitions: {
+        "icon-container": {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "icon-container"
+            },
+            props: {
+              type: "object",
+              properties: {
+                icon: {
+                  type: "string",
+                  description: "Icon name (resolved by the renderer)"
+                },
+                size: {
+                  type: "string",
+                  enum: [
+                    "xs",
+                    "sm",
+                    "md",
+                    "lg",
+                    "xl",
+                    "2xl",
+                    "3xl",
+                    "4xl",
+                    "5xl",
+                    "6xl",
+                    "auto"
+                  ],
+                  description: "Icon size. Defaults to 'sm'"
+                },
+                colorInFill: {
+                  type: "boolean",
+                  description: "Apply fill colors to SVG paths. Defaults to true"
+                },
+                disableTheme: {
+                  type: "boolean",
+                  description: "Disable theme-aware coloring. Defaults to false"
+                }
+              },
+              additionalProperties: false
+            },
+            children: {
+              type: "array",
+              items: {
+                type: "object",
+                properties: {
+                  type: {
+                    type: "string"
+                  },
+                  props: {
+                    type: "object",
+                    additionalProperties: {}
+                  },
+                  children: {
+                    type: "array",
+                    items: {}
+                  }
+                },
+                required: [
+                  "type"
+                ],
+                additionalProperties: false
+              },
+              description: "Icon element"
+            }
+          },
+          required: [
+            "type"
+          ],
+          additionalProperties: false,
+          description: "A sized container for static icons with theme-aware coloring"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
+    "icon-profile": {
+      $ref: "#/definitions/icon-profile",
+      definitions: {
+        "icon-profile": {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "icon-profile"
+            },
+            props: {
+              type: "object",
+              properties: {
+                icon: {
+                  type: "string",
+                  description: "Icon name (resolved by the renderer)"
+                },
+                color: {
+                  type: "string",
+                  enum: [
+                    "red",
+                    "orange",
+                    "amber",
+                    "yellow",
+                    "lime",
+                    "green",
+                    "emerald",
+                    "teal",
+                    "cyan",
+                    "sky",
+                    "blue",
+                    "indigo",
+                    "violet",
+                    "purple",
+                    "fuchsia",
+                    "pink",
+                    "rose",
+                    "slate"
+                  ],
+                  description: "Background glow and icon color. Defaults to 'red'"
+                },
+                size: {
+                  type: "string",
+                  enum: [
+                    "26",
+                    "32",
+                    "40",
+                    "48",
+                    "56",
+                    "64"
+                  ],
+                  description: "Size in pixels. Defaults to '64'"
+                },
+                externalIcon: {
+                  type: "boolean",
+                  description: "Whether the icon is external"
+                }
+              },
+              required: [
+                "icon"
+              ],
+              additionalProperties: false
+            }
+          },
+          required: [
+            "type",
+            "props"
+          ],
+          additionalProperties: false,
+          description: "An icon with a colored radial glow background"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
+    "button-with-tooltip": {
+      $ref: "#/definitions/button-with-tooltip",
+      definitions: {
+        "button-with-tooltip": {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "button-with-tooltip"
+            },
+            props: {
+              type: "object",
+              properties: {
+                content: {
+                  type: "string",
+                  description: "Tooltip text"
+                },
+                position: {
+                  type: "string",
+                  enum: [
+                    "top",
+                    "top-center",
+                    "top-left",
+                    "top-right",
+                    "bottom",
+                    "bottom-left",
+                    "bottom-center",
+                    "bottom-right",
+                    "left",
+                    "right"
+                  ],
+                  description: "Tooltip placement"
+                },
+                withArrow: {
+                  type: "boolean",
+                  description: "Show an arrow pointer"
+                }
+              },
+              required: [
+                "content"
+              ],
+              additionalProperties: false
+            },
+            children: {
+              type: "array",
+              items: {
+                type: "object",
+                properties: {
+                  type: {
+                    type: "string"
+                  },
+                  props: {
+                    type: "object",
+                    additionalProperties: {}
+                  },
+                  children: {
+                    type: "array",
+                    items: {}
+                  }
+                },
+                required: [
+                  "type"
+                ],
+                additionalProperties: false
+              },
+              description: "The button element to wrap with a tooltip"
+            }
+          },
+          required: [
+            "type",
+            "props"
+          ],
+          additionalProperties: false,
+          description: "A button wrapped with a tooltip that appears on hover"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
+    sheet: {
+      $ref: "#/definitions/sheet",
+      definitions: {
+        sheet: {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "sheet"
+            },
+            props: {
+              type: "object",
+              properties: {},
+              additionalProperties: false
+            },
+            children: {
+              type: "array",
+              items: {
+                type: "object",
+                properties: {
+                  type: {
+                    type: "string"
+                  },
+                  props: {
+                    type: "object",
+                    additionalProperties: {}
+                  },
+                  children: {
+                    type: "array",
+                    items: {}
+                  }
+                },
+                required: [
+                  "type"
+                ],
+                additionalProperties: false
+              },
+              description: "Compose with sheet-trigger and sheet-content"
+            }
+          },
+          required: [
+            "type"
+          ],
+          additionalProperties: false,
+          description: "A slide-out panel overlay"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
+    "sheet-trigger": {
+      $ref: "#/definitions/sheet-trigger",
+      definitions: {
+        "sheet-trigger": {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "sheet-trigger"
+            },
+            props: {
+              type: "object",
+              properties: {},
+              additionalProperties: false
+            },
+            children: {
+              type: "array",
+              items: {
+                type: "object",
+                properties: {
+                  type: {
+                    type: "string"
+                  },
+                  props: {
+                    type: "object",
+                    additionalProperties: {}
+                  },
+                  children: {
+                    type: "array",
+                    items: {}
+                  }
+                },
+                required: [
+                  "type"
+                ],
+                additionalProperties: false
+              },
+              description: "The element that opens the sheet"
+            }
+          },
+          required: [
+            "type"
+          ],
+          additionalProperties: false,
+          description: "Trigger element that opens a sheet"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
+    "sheet-content": {
+      $ref: "#/definitions/sheet-content",
+      definitions: {
+        "sheet-content": {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "sheet-content"
+            },
+            props: {
+              type: "object",
+              properties: {
+                side: {
+                  type: "string",
+                  enum: [
+                    "top",
+                    "right",
+                    "bottom",
+                    "left"
+                  ],
+                  description: "Slide-in direction. Defaults to 'right'"
+                },
+                showCloseButton: {
+                  type: "boolean",
+                  description: "Show close button. Defaults to true"
+                }
+              },
+              additionalProperties: false
+            },
+            children: {
+              type: "array",
+              items: {
+                type: "object",
+                properties: {
+                  type: {
+                    type: "string"
+                  },
+                  props: {
+                    type: "object",
+                    additionalProperties: {}
+                  },
+                  children: {
+                    type: "array",
+                    items: {}
+                  }
+                },
+                required: [
+                  "type"
+                ],
+                additionalProperties: false
+              },
+              description: "Sheet body content"
+            }
+          },
+          required: [
+            "type"
+          ],
+          additionalProperties: false,
+          description: "Content panel of a sheet"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
+    "sheet-header": {
       $ref: "#/definitions/sheet-header",
       definitions: {
         "sheet-header": {
@@ -4161,6 +4727,929 @@ var component_schema_default = {
   }
 };
 
+// src/types.ts
+import { z } from "zod";
+var uiNodeSchema = z.lazy(
+  () => z.object({
+    type: z.string(),
+    props: z.record(z.unknown()).optional(),
+    children: z.array(uiNodeSchema).optional()
+  })
+);
+
+// src/ui/Button/schema.ts
+import { z as z2 } from "zod";
+var buttonSchema = z2.object({
+  type: z2.literal("button"),
+  props: z2.object({
+    label: z2.string().optional().describe("Button text"),
+    variant: z2.enum(["primary", "secondary", "outline", "destructive", "ghost", "soft"]).optional().describe("Button style. Defaults to 'primary'"),
+    size: z2.enum(["sm", "md", "lg"]).optional().describe("Button size. Defaults to 'md'"),
+    url: z2.string().optional().describe("URL to open when clicked"),
+    disabled: z2.boolean().optional().describe("Whether the button is disabled")
+  }).optional(),
+  children: z2.array(uiNodeSchema).optional()
+}).describe("An action button");
+var toolButtonSchema = z2.object({
+  type: z2.literal("tool-button"),
+  props: z2.object({
+    variant: z2.enum(["primary", "outline", "destructive"]).optional().describe("Button style. Defaults to 'primary'"),
+    size: z2.enum(["md", "lg"]).optional().describe("Button size. Defaults to 'md'"),
+    state: z2.enum(["loading", "default"]).optional().describe("Button state. Defaults to 'default'"),
+    onlyIcon: z2.boolean().optional().describe("Icon-only mode with square padding"),
+    disabled: z2.boolean().optional()
+  }).optional(),
+  children: z2.array(uiNodeSchema).optional().describe("Button content")
+}).describe("A toolbar action button with loading state");
+
+// src/ui/Card/schema.ts
+import { z as z3 } from "zod";
+var cardSchema = z3.object({
+  type: z3.literal("card"),
+  props: z3.object({}).optional(),
+  children: z3.array(uiNodeSchema).optional().describe("Compose with card-header, card-content, card-footer")
+}).describe("Container card");
+var cardHeaderSchema = z3.object({
+  type: z3.literal("card-header"),
+  props: z3.object({}).optional(),
+  children: z3.array(uiNodeSchema).optional().describe("Place card-title and card-description inside")
+}).describe("Header section of a card");
+var cardTitleSchema = z3.object({
+  type: z3.literal("card-title"),
+  props: z3.object({
+    children: z3.string().optional().describe("Title text")
+  }).optional(),
+  children: z3.array(uiNodeSchema).optional()
+}).describe("Title inside a card-header");
+var cardDescriptionSchema = z3.object({
+  type: z3.literal("card-description"),
+  props: z3.object({
+    children: z3.string().optional().describe("Description text")
+  }).optional(),
+  children: z3.array(uiNodeSchema).optional()
+}).describe("Description text inside a card-header");
+var cardContentSchema = z3.object({
+  type: z3.literal("card-content"),
+  props: z3.object({}).optional(),
+  children: z3.array(uiNodeSchema).optional().describe("Main content area")
+}).describe("Main content area of a card");
+var cardFooterSchema = z3.object({
+  type: z3.literal("card-footer"),
+  props: z3.object({}).optional(),
+  children: z3.array(uiNodeSchema).optional().describe("Footer area, typically for actions")
+}).describe("Footer section of a card");
+var cardActionSchema = z3.object({
+  type: z3.literal("card-action"),
+  props: z3.object({}).optional(),
+  children: z3.array(uiNodeSchema).optional().describe("Action elements (buttons, links) placed at the top-right of a card header")
+}).describe("An action area positioned at the top-right of a card");
+
+// src/ui/form/schema.ts
+import { z as z4 } from "zod";
+var formSchema = z4.object({
+  type: z4.literal("form"),
+  props: z4.object({
+    id: z4.string().describe("Unique form ID")
+  }),
+  children: z4.array(uiNodeSchema).optional().describe("Form field components")
+}).describe("A form container. Wrap form fields inside.");
+
+// src/ui/Input/schema.ts
+import { z as z5 } from "zod";
+var inputFieldSchema = z5.object({
+  type: z5.literal("input-field"),
+  props: z5.object({
+    name: z5.string().describe("Field name (maps to form data key)"),
+    label: z5.string().optional().describe("Label text above the input"),
+    placeholder: z5.string().optional().describe("Placeholder text"),
+    type: z5.enum(["text", "email", "number", "url", "search", "tel"]).optional().describe("Input type. Defaults to 'text'"),
+    required: z5.boolean().optional().describe("Whether the field is required"),
+    disabled: z5.boolean().optional()
+  })
+}).describe("A text input field inside a form");
+
+// src/ui/PasswordInput/schema.ts
+import { z as z6 } from "zod";
+var passwordFieldSchema = z6.object({
+  type: z6.literal("password-field"),
+  props: z6.object({
+    name: z6.string().describe("Field name"),
+    label: z6.string().optional().describe("Label text"),
+    placeholder: z6.string().optional()
+  })
+}).describe("A password input field with show/hide toggle");
+
+// src/ui/TextAreaInput/schema.ts
+import { z as z7 } from "zod";
+var textareaFieldSchema = z7.object({
+  type: z7.literal("textarea-field"),
+  props: z7.object({
+    name: z7.string().describe("Field name"),
+    label: z7.string().optional().describe("Label text"),
+    placeholder: z7.string().optional(),
+    rows: z7.number().optional().describe("Number of visible rows")
+  })
+}).describe("A multi-line text input field");
+
+// src/ui/SelectInput/schema.ts
+import { z as z8 } from "zod";
+var selectFieldSchema = z8.object({
+  type: z8.literal("select-field"),
+  props: z8.object({
+    name: z8.string().describe("Field name"),
+    label: z8.string().optional().describe("Label text"),
+    placeholder: z8.string().optional(),
+    options: z8.array(z8.object({
+      label: z8.string().describe("Display text"),
+      value: z8.string().describe("Option value")
+    })).describe("Array of selectable options"),
+    required: z8.boolean().optional()
+  })
+}).describe("A dropdown select field");
+
+// src/ui/Checkbox/schema.ts
+import { z as z9 } from "zod";
+var checkboxFieldSchema = z9.object({
+  type: z9.literal("checkbox-field"),
+  props: z9.object({
+    name: z9.string().describe("Field name"),
+    label: z9.string().optional().describe("Checkbox label text")
+  })
+}).describe("A checkbox field");
+
+// src/ui/Radio/schema.ts
+import { z as z10 } from "zod";
+var radioFieldSchema = z10.object({
+  type: z10.literal("radio-field"),
+  props: z10.object({
+    name: z10.string().describe("Field name"),
+    label: z10.string().optional().describe("Group label"),
+    options: z10.array(z10.object({
+      label: z10.string().describe("Option label"),
+      value: z10.string().describe("Option value")
+    })).describe("Array of radio options")
+  })
+}).describe("A radio button group field");
+
+// src/ui/Switch/schema.ts
+import { z as z11 } from "zod";
+var switchFieldSchema = z11.object({
+  type: z11.literal("switch-field"),
+  props: z11.object({
+    name: z11.string().describe("Field name"),
+    label: z11.string().optional().describe("Switch label")
+  })
+}).describe("A toggle switch field");
+
+// src/ui/DatePickerInput/schema.ts
+import { z as z12 } from "zod";
+var dateFieldSchema = z12.object({
+  type: z12.literal("date-field"),
+  props: z12.object({
+    name: z12.string().describe("Field name"),
+    label: z12.string().optional().describe("Label text"),
+    placeholder: z12.string().optional(),
+    disablePast: z12.boolean().optional().describe("Disable past dates"),
+    required: z12.boolean().optional()
+  })
+}).describe("A date picker field");
+
+// src/ui/TimePicker/schema.ts
+import { z as z13 } from "zod";
+var timeFieldSchema = z13.object({
+  type: z13.literal("time-field"),
+  props: z13.object({
+    name: z13.string().describe("Field name"),
+    label: z13.string().optional().describe("Label text")
+  })
+}).describe("A time picker field");
+
+// src/ui/Combobox/schema.ts
+import { z as z14 } from "zod";
+var comboboxFieldSchema = z14.object({
+  type: z14.literal("combobox-field"),
+  props: z14.object({
+    name: z14.string().describe("Field name"),
+    label: z14.string().optional().describe("Label text"),
+    placeholder: z14.string().optional(),
+    options: z14.array(z14.object({
+      label: z14.string().describe("Display text"),
+      value: z14.string().describe("Option value")
+    })).describe("Array of searchable options")
+  })
+}).describe("A searchable combobox/autocomplete field");
+
+// src/ui/MultiSelect/schema.ts
+import { z as z15 } from "zod";
+var multiSelectFieldSchema = z15.object({
+  type: z15.literal("multi-select-field"),
+  props: z15.object({
+    name: z15.string().describe("Field name"),
+    label: z15.string().optional().describe("Label text"),
+    placeholder: z15.string().optional(),
+    options: z15.array(z15.object({
+      label: z15.string().describe("Display text"),
+      value: z15.string().describe("Option value")
+    })).describe("Array of options for multi-selection")
+  })
+}).describe("A multi-select dropdown field");
+
+// src/ui/OTPInput/schema.ts
+import { z as z16 } from "zod";
+var otpFieldSchema = z16.object({
+  type: z16.literal("otp-field"),
+  props: z16.object({
+    name: z16.string().describe("Field name"),
+    maxLength: z16.number().optional().describe("Number of OTP digits. Defaults to 6")
+  })
+}).describe("An OTP (one-time password) input field");
+
+// src/ui/FileUpload/schema.ts
+import { z as z17 } from "zod";
+var fileUploadFieldSchema = z17.object({
+  type: z17.literal("file-upload-field"),
+  props: z17.object({
+    name: z17.string().describe("Field name"),
+    label: z17.string().optional().describe("Label text"),
+    isMultiple: z17.boolean().optional().describe("Allow multiple files"),
+    maxFiles: z17.number().optional().describe("Maximum number of files")
+  })
+}).describe("A file upload field with drag-and-drop");
+
+// src/ui/Text/schema.ts
+import { z as z18 } from "zod";
+var textSchema = z18.object({
+  type: z18.literal("text"),
+  props: z18.object({
+    children: z18.string().optional().describe("Text content")
+  }).optional(),
+  children: z18.array(uiNodeSchema).optional()
+}).describe("A paragraph of text");
+
+// src/ui/Title/schema.ts
+import { z as z19 } from "zod";
+var titleSchema = z19.object({
+  type: z19.literal("title"),
+  props: z19.object({
+    children: z19.string().optional().describe("Heading text")
+  }).optional(),
+  children: z19.array(uiNodeSchema).optional()
+}).describe("A heading / title element");
+
+// src/ui/Label/schema.ts
+import { z as z20 } from "zod";
+var labelSchema = z20.object({
+  type: z20.literal("label"),
+  props: z20.object({
+    children: z20.string().optional().describe("Label text"),
+    htmlFor: z20.string().optional().describe("ID of the form element this label is for")
+  }).optional(),
+  children: z20.array(uiNodeSchema).optional()
+}).describe("A form label element");
+
+// src/ui/Badge/schema.ts
+import { z as z21 } from "zod";
+var badgeSchema = z21.object({
+  type: z21.literal("badge"),
+  props: z21.object({
+    children: z21.string().optional().describe("Badge text"),
+    type: z21.enum([
+      "primary-hard",
+      "primary-soft",
+      "destructive-hard",
+      "destructive-soft",
+      "secondary-hard",
+      "secondary-soft"
+    ]).optional().describe("Badge style. Defaults to 'primary-hard'"),
+    size: z21.enum(["sm", "md"]).optional().describe("Badge size. Defaults to 'sm'"),
+    rounded: z21.boolean().optional().describe("Fully rounded pill shape")
+  }).optional(),
+  children: z21.array(uiNodeSchema).optional()
+}).describe("A small status badge / label");
+
+// src/ui/Tag/schema.ts
+import { z as z22 } from "zod";
+var tagSchema = z22.object({
+  type: z22.literal("tag"),
+  props: z22.object({
+    label: z22.string().describe("Tag text"),
+    variant: z22.enum(["primary", "secondary", "destructive"]).optional().describe("Tag color variant. Defaults to 'primary'")
+  })
+}).describe("A colored tag / pill");
+
+// src/ui/Chip/schema.ts
+import { z as z23 } from "zod";
+var chipSchema = z23.object({
+  type: z23.literal("chip"),
+  props: z23.object({
+    label: z23.string().describe("Chip text"),
+    type: z23.enum(["rounded", "rectangle"]).optional().describe("Chip shape. Defaults to 'rounded'"),
+    color: z23.enum([
+      "slate",
+      "red",
+      "orange",
+      "amber",
+      "yellow",
+      "lime",
+      "green",
+      "emerald",
+      "teal",
+      "cyan",
+      "sky",
+      "blue",
+      "indigo",
+      "violet",
+      "purple",
+      "fuchsia",
+      "pink",
+      "rose"
+    ]).optional().describe("Chip color. Defaults to 'slate'"),
+    dot: z23.boolean().optional().describe("Show a colored dot indicator"),
+    avatar: z23.string().optional().describe("Avatar image URL shown inside the chip")
+  })
+}).describe("A compact chip element with optional color dot or avatar");
+
+// src/ui/Alert/schema.ts
+import { z as z24 } from "zod";
+var alertSchema = z24.object({
+  type: z24.literal("alert"),
+  props: z24.object({
+    variant: z24.enum(["default", "secondary", "destructive"]).optional().describe("Alert style. Defaults to 'default'"),
+    title: z24.string().optional().describe("Alert heading"),
+    description: z24.string().optional().describe("Alert body text")
+  }).optional(),
+  children: z24.array(uiNodeSchema).optional()
+}).describe("An alert / notice banner");
+
+// src/ui/Skeleton/schema.ts
+import { z as z25 } from "zod";
+var skeletonSchema = z25.object({
+  type: z25.literal("skeleton"),
+  props: z25.object({
+    className: z25.string().optional().describe("Tailwind classes to control width/height, e.g. 'h-4 w-[250px]'")
+  }).optional()
+}).describe("A loading placeholder skeleton");
+
+// src/ui/ProgressIndicator/schema.ts
+import { z as z26 } from "zod";
+var progressIndicatorSchema = z26.object({
+  type: z26.literal("progress-indicator"),
+  props: z26.object({
+    value: z26.number().describe("Current progress value"),
+    max: z26.number().optional().describe("Maximum value. Defaults to 100"),
+    showPercentage: z26.boolean().optional().describe("Show percentage text. Defaults to true"),
+    variant: z26.enum(["bar", "circle"]).optional().describe("Display style. Defaults to 'bar'")
+  })
+}).describe("A progress bar or circular progress indicator");
+
+// src/ui/Avatar/schema.ts
+import { z as z27 } from "zod";
+var avatarSchema = z27.object({
+  type: z27.literal("avatar"),
+  props: z27.object({
+    variant: z27.enum(["image", "text", "placeholder"]).describe("Avatar display mode"),
+    fallback: z27.string().describe("Fallback text (initials) when image is unavailable"),
+    imgsrc: z27.string().optional().describe("Image URL (required when variant is 'image')"),
+    size: z27.enum(["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl"]).optional().describe("Avatar size. Defaults to 'md'"),
+    status: z27.enum(["active", "inactive"]).optional().describe("Online status indicator")
+  })
+}).describe("A user avatar displaying an image, initials, or placeholder");
+
+// src/ui/AvatarListItem/schema.ts
+import { z as z28 } from "zod";
+var avatarListItemSchema = z28.object({
+  type: z28.literal("avatar-list-item"),
+  props: z28.object({
+    avatar: z28.string().describe("Avatar image URL"),
+    name: z28.string().describe("Display name"),
+    email: z28.string().describe("Email address"),
+    isMe: z28.boolean().optional().describe("Highlight as current user")
+  })
+}).describe("An avatar with name and email, typically used in lists");
+
+// src/ui/Media/schema.ts
+import { z as z29 } from "zod";
+var mediaSchema = z29.object({
+  type: z29.literal("media"),
+  props: z29.object({
+    src: z29.string().describe("Media source URL"),
+    alt: z29.string().optional().describe("Alt text for images"),
+    type: z29.enum(["image", "video"]).optional().describe("Media type. Defaults to 'image'"),
+    aspectRatio: z29.enum(["1:1", "16:9", "9:16", "4:3", "3:4"]).optional().describe("Fixed aspect ratio"),
+    objectFit: z29.enum(["cover", "contain", "fill", "scale-down", "none"]).optional().describe("How the media fills its container. Defaults to 'cover'"),
+    rounded: z29.enum(["none", "sm", "md", "lg", "xl", "2xl", "full"]).optional().describe("Border radius"),
+    loading: z29.enum(["lazy", "eager"]).optional().describe("Loading strategy. Defaults to 'lazy'")
+  })
+}).describe("An image or video media element");
+
+// src/ui/Grid/schema.ts
+import { z as z30 } from "zod";
+var gridSchema = z30.object({
+  type: z30.literal("grid"),
+  props: z30.object({
+    className: z30.string().optional().describe("Tailwind grid classes, e.g. 'grid-cols-2 gap-4'")
+  }).optional(),
+  children: z30.array(uiNodeSchema).optional().describe("Grid items")
+}).describe("A CSS grid layout container");
+
+// src/ui/Accordion/schema.ts
+import { z as z31 } from "zod";
+var accordionSchema = z31.object({
+  type: z31.literal("accordion"),
+  props: z31.object({
+    type: z31.enum(["single", "multiple"]).optional().describe("Allow one or multiple items open. Defaults to 'single'"),
+    collapsible: z31.boolean().optional().describe("Allow collapsing all items"),
+    defaultValue: z31.union([z31.string(), z31.array(z31.string())]).optional().describe("Initially open item value(s)")
+  }).optional(),
+  children: z31.array(uiNodeSchema).optional().describe("Compose with accordion-item children")
+}).describe("A collapsible accordion container");
+var accordionItemSchema = z31.object({
+  type: z31.literal("accordion-item"),
+  props: z31.object({
+    value: z31.string().describe("Unique item identifier")
+  }),
+  children: z31.array(uiNodeSchema).optional().describe("Place accordion-trigger and accordion-content inside")
+}).describe("A single accordion section");
+var accordionTriggerSchema = z31.object({
+  type: z31.literal("accordion-trigger"),
+  props: z31.object({
+    children: z31.string().optional().describe("Trigger label text")
+  }).optional(),
+  children: z31.array(uiNodeSchema).optional()
+}).describe("Clickable header that toggles an accordion-item");
+var accordionContentSchema = z31.object({
+  type: z31.literal("accordion-content"),
+  props: z31.object({}).optional(),
+  children: z31.array(uiNodeSchema).optional().describe("Content revealed when the item is open")
+}).describe("Collapsible content area of an accordion-item");
+
+// src/ui/Tabs/schema.ts
+import { z as z32 } from "zod";
+var tabsSchema = z32.object({
+  type: z32.literal("tabs"),
+  props: z32.object({
+    defaultActiveTab: z32.string().describe("Value of the initially active tab"),
+    tabs: z32.array(
+      z32.object({
+        value: z32.string().describe("Unique tab identifier"),
+        label: z32.string().describe("Tab label text"),
+        count: z32.number().optional().describe("Badge count on the tab"),
+        notification: z32.boolean().optional().describe("Show notification dot")
+      })
+    ).describe("Tab definitions"),
+    tabSmall: z32.boolean().optional().describe("Use compact tab styling"),
+    showContent: z32.boolean().optional().describe("Show tab content panels. Defaults to true")
+  }),
+  children: z32.array(uiNodeSchema).optional().describe("Tab content panels (one per tab, in order)")
+}).describe("A tabbed interface with switchable content panels");
+
+// src/ui/WrapperCard/schema.ts
+import { z as z33 } from "zod";
+var wrapperCardSchema = z33.object({
+  type: z33.literal("wrapper-card"),
+  props: z33.object({}).optional(),
+  children: z33.array(uiNodeSchema).optional().describe("Card body content")
+}).describe("A simple card wrapper with default padding and border");
+
+// src/ui/GradientContainer/schema.ts
+import { z as z34 } from "zod";
+var gradientContainerSchema = z34.object({
+  type: z34.literal("gradient-container"),
+  props: z34.object({}).optional(),
+  children: z34.array(uiNodeSchema).optional().describe("Content inside the gradient container")
+}).describe("A container with a gradient background");
+
+// src/ui/Carousel/schema.ts
+import { z as z35 } from "zod";
+var carouselSchema = z35.object({
+  type: z35.literal("carousel"),
+  props: z35.object({
+    orientation: z35.enum(["horizontal", "vertical"]).optional().describe("Scroll direction. Defaults to 'horizontal'")
+  }).optional(),
+  children: z35.array(uiNodeSchema).optional().describe("Place a carousel-content inside")
+}).describe("A scrollable carousel container");
+var carouselContentSchema = z35.object({
+  type: z35.literal("carousel-content"),
+  props: z35.object({}).optional(),
+  children: z35.array(uiNodeSchema).optional().describe("Compose with carousel-item children")
+}).describe("Content track of a carousel");
+var carouselItemSchema = z35.object({
+  type: z35.literal("carousel-item"),
+  props: z35.object({}).optional(),
+  children: z35.array(uiNodeSchema).optional().describe("Content for this slide")
+}).describe("A single slide inside a carousel");
+
+// src/ui/Toggle/schema.ts
+import { z as z36 } from "zod";
+var toggleSchema = z36.object({
+  type: z36.literal("toggle"),
+  props: z36.object({
+    active: z36.boolean().optional().describe("Whether the toggle is pressed"),
+    shape: z36.enum(["rectangle", "rounded"]).optional().describe("Toggle shape. Defaults to 'rectangle'"),
+    style: z36.enum(["ghost", "outline", "soft"]).optional().describe("Visual style. Defaults to 'soft'"),
+    size: z36.enum(["sm", "md", "lg"]).optional().describe("Toggle size. Defaults to 'sm'"),
+    disabled: z36.boolean().optional()
+  }).optional(),
+  children: z36.array(uiNodeSchema).optional().describe("Toggle label / content")
+}).describe("A pressable toggle button");
+
+// src/ui/Slider/schema.ts
+import { z as z37 } from "zod";
+var sliderSchema = z37.object({
+  type: z37.literal("slider"),
+  props: z37.object({
+    defaultValue: z37.union([z37.number(), z37.array(z37.number())]).optional().describe("Initial value or range [min, max]"),
+    min: z37.number().optional().describe("Minimum value. Defaults to 0"),
+    max: z37.number().optional().describe("Maximum value. Defaults to 100"),
+    step: z37.number().optional().describe("Step increment"),
+    disabled: z37.boolean().optional()
+  }).optional()
+}).describe("A range slider input");
+
+// src/ui/SearchInput/schema.ts
+import { z as z38 } from "zod";
+var searchInputSchema = z38.object({
+  type: z38.literal("search-input"),
+  props: z38.object({
+    searchKey: z38.string().describe("URL query param key for the search value"),
+    placeholder: z38.string().optional().describe("Placeholder text. Defaults to 'Search by...'"),
+    debounceDelay: z38.number().optional().describe("Debounce delay in ms. Defaults to 500"),
+    variant: z38.enum(["ghost", "outline"]).optional().describe("Input style variant"),
+    disabled: z38.boolean().optional()
+  })
+}).describe("A search input with debounced query param binding");
+
+// src/ui/IconButton/schema.ts
+import { z as z39 } from "zod";
+var iconButtonSchema = z39.object({
+  type: z39.literal("icon-button"),
+  props: z39.object({
+    icon: z39.string().describe("Icon name (resolved by the renderer)"),
+    variant: z39.enum([
+      "primary",
+      "secondary",
+      "destructive",
+      "outline",
+      "ghost",
+      "soft",
+      "ai-filled",
+      "ai-outline",
+      "glass"
+    ]).optional().describe("Button style. Defaults to 'primary'"),
+    size: z39.enum(["xs", "sm", "md", "lg"]).optional().describe("Button size. Defaults to 'sm'"),
+    active: z39.boolean().optional().describe("Active / pressed state"),
+    rounded: z39.boolean().optional().describe("Fully round button"),
+    disabled: z39.boolean().optional()
+  })
+}).describe("An icon-only action button");
+
+// src/ui/LinkButton/schema.ts
+import { z as z40 } from "zod";
+var linkButtonSchema = z40.object({
+  type: z40.literal("link-button"),
+  props: z40.object({
+    href: z40.string().describe("Link URL"),
+    children: z40.string().optional().describe("Link text")
+  }),
+  children: z40.array(uiNodeSchema).optional()
+}).describe("A button styled as a navigation link");
+
+// src/ui/ButtonLink/schema.ts
+import { z as z41 } from "zod";
+var buttonLinkSchema = z41.object({
+  type: z41.literal("button-link"),
+  props: z41.object({
+    children: z41.string().optional().describe("Link text"),
+    variant: z41.enum(["link", "text-link", "error"]).optional().describe("Link style. Defaults to 'link'"),
+    href: z41.string().optional().describe("Link URL"),
+    disabled: z41.boolean().optional()
+  }).optional(),
+  children: z41.array(uiNodeSchema).optional()
+}).describe("An inline text link styled as a button");
+
+// src/ui/SelectHover/schema.ts
+import { z as z42 } from "zod";
+var selectHoverSchema = z42.object({
+  type: z42.literal("select-hover"),
+  props: z42.object({
+    options: z42.array(
+      z42.object({
+        label: z42.string().describe("Display text"),
+        value: z42.string().describe("Option value")
+      })
+    ).describe("Array of selectable options"),
+    placeholder: z42.string().optional().describe("Placeholder text. Defaults to 'Select an option'"),
+    value: z42.string().optional().describe("Currently selected value")
+  })
+}).describe("A hover-activated select dropdown");
+
+// src/ui/Breadcrumb/schema.ts
+import { z as z43 } from "zod";
+var breadcrumbSchema = z43.object({
+  type: z43.literal("breadcrumb"),
+  props: z43.object({
+    items: z43.array(
+      z43.object({
+        label: z43.string().describe("Breadcrumb text"),
+        href: z43.string().optional().describe("Navigation URL"),
+        disabled: z43.boolean().optional()
+      })
+    ).describe("Ordered list of breadcrumb segments")
+  })
+}).describe("A breadcrumb navigation trail");
+
+// src/ui/Tooltip/schema.ts
+import { z as z44 } from "zod";
+var tooltipSchema = z44.object({
+  type: z44.literal("tooltip"),
+  props: z44.object({
+    content: z44.string().describe("Tooltip text"),
+    position: z44.enum([
+      "top",
+      "top-center",
+      "top-left",
+      "top-right",
+      "bottom",
+      "bottom-left",
+      "bottom-center",
+      "bottom-right",
+      "left",
+      "right"
+    ]).optional().describe("Tooltip placement"),
+    withArrow: z44.boolean().optional().describe("Show an arrow pointer")
+  }),
+  children: z44.array(uiNodeSchema).optional().describe("The trigger element the tooltip wraps")
+}).describe("A tooltip that appears on hover over its child element");
+
+// src/ui/Table/schema.ts
+import { z as z45 } from "zod";
+var tableSchema = z45.object({
+  type: z45.literal("table"),
+  props: z45.object({
+    columns: z45.array(
+      z45.object({
+        accessorKey: z45.string().describe("Key in the row data object"),
+        header: z45.string().describe("Column header text")
+      })
+    ).describe("Column definitions"),
+    tableData: z45.array(z45.record(z45.unknown())).describe("Array of row data objects")
+  })
+}).describe("A data table with columns and rows");
+
+// src/ui/Calendar/schema.ts
+import { z as z46 } from "zod";
+var calendarSchema = z46.object({
+  type: z46.literal("calendar"),
+  props: z46.object({
+    showOutsideDays: z46.boolean().optional().describe("Show days from adjacent months. Defaults to true"),
+    captionLayout: z46.enum(["label", "dropdown", "dropdown-months", "dropdown-years"]).optional().describe("Caption display mode. Defaults to 'label'"),
+    buttonVariant: z46.enum(["primary", "secondary", "outline", "destructive", "ghost", "soft"]).optional().describe("Navigation button style. Defaults to 'ghost'"),
+    mode: z46.enum(["single", "multiple", "range"]).optional().describe("Selection mode"),
+    numberOfMonths: z46.number().optional().describe("Number of months to display"),
+    disabled: z46.boolean().optional()
+  }).optional()
+}).describe("A date calendar for picking dates or date ranges");
+
+// src/ui/FileInput/schema.ts
+import { z as z47 } from "zod";
+var fileInputSchema = z47.object({
+  type: z47.literal("file-input"),
+  props: z47.object({
+    label: z47.string().optional().describe("Label text above the input"),
+    helperText: z47.string().optional().describe("Helper text below the input"),
+    error: z47.boolean().optional().describe("Show error styling. Defaults to false"),
+    accept: z47.string().optional().describe("Accepted file types, e.g. 'image/*,.pdf'"),
+    multiple: z47.boolean().optional().describe("Allow multiple files. Defaults to false"),
+    disabled: z47.boolean().optional()
+  }).optional()
+}).describe("A file input with choose-file button and upload progress");
+
+// src/ui/ToolToggle/schema.ts
+import { z as z48 } from "zod";
+var toolToggleSchema = z48.object({
+  type: z48.literal("tool-toggle"),
+  props: z48.object({
+    icon: z48.string().optional().describe("Icon name (resolved by the renderer)"),
+    dropdown: z48.boolean().optional().describe("Show dropdown chevron")
+  }).optional()
+}).describe("A round toggle button used in toolbars, optionally with a dropdown");
+
+// src/ui/ToggleDropdownButton/schema.ts
+import { z as z49 } from "zod";
+var toggleDropdownButtonSchema = z49.object({
+  type: z49.literal("toggle-dropdown-button"),
+  props: z49.object({
+    type: z49.enum(["text", "icon"]).describe("Button content type"),
+    selected: z49.boolean().describe("Whether the button is selected"),
+    variant: z49.enum(["primary", "secondary", "destructive"]).describe("Button color variant")
+  })
+}).describe("A split toggle button with an attached dropdown trigger");
+
+// src/ui/IconContainer/schema.ts
+import { z as z50 } from "zod";
+var iconContainerSchema = z50.object({
+  type: z50.literal("icon-container"),
+  props: z50.object({
+    icon: z50.string().optional().describe("Icon name (resolved by the renderer)"),
+    size: z50.enum(["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "auto"]).optional().describe("Icon size. Defaults to 'sm'"),
+    colorInFill: z50.boolean().optional().describe("Apply fill colors to SVG paths. Defaults to true"),
+    disableTheme: z50.boolean().optional().describe("Disable theme-aware coloring. Defaults to false")
+  }).optional(),
+  children: z50.array(uiNodeSchema).optional().describe("Icon element")
+}).describe("A sized container for static icons with theme-aware coloring");
+
+// src/ui/IconProfile/schema.ts
+import { z as z51 } from "zod";
+var iconProfileSchema = z51.object({
+  type: z51.literal("icon-profile"),
+  props: z51.object({
+    icon: z51.string().describe("Icon name (resolved by the renderer)"),
+    color: z51.enum([
+      "red",
+      "orange",
+      "amber",
+      "yellow",
+      "lime",
+      "green",
+      "emerald",
+      "teal",
+      "cyan",
+      "sky",
+      "blue",
+      "indigo",
+      "violet",
+      "purple",
+      "fuchsia",
+      "pink",
+      "rose",
+      "slate"
+    ]).optional().describe("Background glow and icon color. Defaults to 'red'"),
+    size: z51.enum(["26", "32", "40", "48", "56", "64"]).optional().describe("Size in pixels. Defaults to '64'"),
+    externalIcon: z51.boolean().optional().describe("Whether the icon is external")
+  })
+}).describe("An icon with a colored radial glow background");
+
+// src/ui/ButtonWithTooltip/schema.ts
+import { z as z52 } from "zod";
+var buttonWithTooltipSchema = z52.object({
+  type: z52.literal("button-with-tooltip"),
+  props: z52.object({
+    content: z52.string().describe("Tooltip text"),
+    position: z52.enum([
+      "top",
+      "top-center",
+      "top-left",
+      "top-right",
+      "bottom",
+      "bottom-left",
+      "bottom-center",
+      "bottom-right",
+      "left",
+      "right"
+    ]).optional().describe("Tooltip placement"),
+    withArrow: z52.boolean().optional().describe("Show an arrow pointer")
+  }),
+  children: z52.array(uiNodeSchema).optional().describe("The button element to wrap with a tooltip")
+}).describe("A button wrapped with a tooltip that appears on hover");
+
+// src/ui/Sheet/schema.ts
+import { z as z53 } from "zod";
+var sheetSchema = z53.object({
+  type: z53.literal("sheet"),
+  props: z53.object({}).optional(),
+  children: z53.array(uiNodeSchema).optional().describe("Compose with sheet-trigger and sheet-content")
+}).describe("A slide-out panel overlay");
+var sheetTriggerSchema = z53.object({
+  type: z53.literal("sheet-trigger"),
+  props: z53.object({}).optional(),
+  children: z53.array(uiNodeSchema).optional().describe("The element that opens the sheet")
+}).describe("Trigger element that opens a sheet");
+var sheetContentSchema = z53.object({
+  type: z53.literal("sheet-content"),
+  props: z53.object({
+    side: z53.enum(["top", "right", "bottom", "left"]).optional().describe("Slide-in direction. Defaults to 'right'"),
+    showCloseButton: z53.boolean().optional().describe("Show close button. Defaults to true")
+  }).optional(),
+  children: z53.array(uiNodeSchema).optional().describe("Sheet body content")
+}).describe("Content panel of a sheet");
+var sheetHeaderSchema = z53.object({
+  type: z53.literal("sheet-header"),
+  props: z53.object({}).optional(),
+  children: z53.array(uiNodeSchema).optional()
+}).describe("Header section of a sheet");
+var sheetFooterSchema = z53.object({
+  type: z53.literal("sheet-footer"),
+  props: z53.object({}).optional(),
+  children: z53.array(uiNodeSchema).optional()
+}).describe("Footer section of a sheet");
+var sheetTitleSchema = z53.object({
+  type: z53.literal("sheet-title"),
+  props: z53.object({
+    children: z53.string().optional().describe("Title text")
+  }).optional(),
+  children: z53.array(uiNodeSchema).optional()
+}).describe("Title inside a sheet-header");
+var sheetDescriptionSchema = z53.object({
+  type: z53.literal("sheet-description"),
+  props: z53.object({
+    children: z53.string().optional().describe("Description text")
+  }).optional(),
+  children: z53.array(uiNodeSchema).optional()
+}).describe("Description text inside a sheet-header");
+
+// src/ui/Dropdown/schema.ts
+import { z as z54 } from "zod";
+var dropdownMenuSchema = z54.object({
+  type: z54.literal("dropdown-menu"),
+  props: z54.object({}).optional(),
+  children: z54.array(uiNodeSchema).optional().describe("Compose with dropdown-menu-trigger and dropdown-menu-content")
+}).describe("A dropdown menu container");
+var dropdownMenuTriggerSchema = z54.object({
+  type: z54.literal("dropdown-menu-trigger"),
+  props: z54.object({}).optional(),
+  children: z54.array(uiNodeSchema).optional().describe("The element that opens the dropdown")
+}).describe("Trigger element that opens a dropdown menu");
+var dropdownMenuContentSchema = z54.object({
+  type: z54.literal("dropdown-menu-content"),
+  props: z54.object({
+    side: z54.enum(["top", "right", "bottom", "left"]).optional(),
+    align: z54.enum(["start", "center", "end"]).optional()
+  }).optional(),
+  children: z54.array(uiNodeSchema).optional().describe("Menu items")
+}).describe("Content panel of a dropdown menu");
+var dropdownMenuItemSchema = z54.object({
+  type: z54.literal("dropdown-menu-item"),
+  props: z54.object({
+    children: z54.string().optional().describe("Menu item text"),
+    variant: z54.enum(["default", "destructive"]).optional().describe("Item style. Defaults to 'default'"),
+    disabled: z54.boolean().optional()
+  }).optional(),
+  children: z54.array(uiNodeSchema).optional()
+}).describe("A single item inside a dropdown menu");
+var dropdownMenuSeparatorSchema = z54.object({
+  type: z54.literal("dropdown-menu-separator"),
+  props: z54.object({}).optional()
+}).describe("A visual separator between dropdown menu items");
+var dropdownMenuLabelSchema = z54.object({
+  type: z54.literal("dropdown-menu-label"),
+  props: z54.object({
+    children: z54.string().optional().describe("Label text")
+  }).optional(),
+  children: z54.array(uiNodeSchema).optional()
+}).describe("A non-interactive label inside a dropdown menu");
+
+// src/ui/Popover/schema.ts
+import { z as z55 } from "zod";
+var popoverSchema = z55.object({
+  type: z55.literal("popover"),
+  props: z55.object({}).optional(),
+  children: z55.array(uiNodeSchema).optional().describe("Compose with popover-trigger and popover-content")
+}).describe("A popover overlay container");
+var popoverTriggerSchema = z55.object({
+  type: z55.literal("popover-trigger"),
+  props: z55.object({}).optional(),
+  children: z55.array(uiNodeSchema).optional().describe("The element that opens the popover")
+}).describe("Trigger element that opens a popover");
+var popoverContentSchema = z55.object({
+  type: z55.literal("popover-content"),
+  props: z55.object({
+    align: z55.enum(["start", "center", "end"]).optional().describe("Alignment relative to trigger. Defaults to 'center'"),
+    sideOffset: z55.number().optional().describe("Offset from trigger in px. Defaults to 4")
+  }).optional(),
+  children: z55.array(uiNodeSchema).optional().describe("Popover body content")
+}).describe("Content panel of a popover");
+
+// src/ui/ContextMenu/schema.ts
+import { z as z56 } from "zod";
+var contextMenuSchema = z56.object({
+  type: z56.literal("context-menu"),
+  props: z56.object({}).optional(),
+  children: z56.array(uiNodeSchema).optional().describe("Compose with context-menu-trigger and context-menu-content")
+}).describe("A right-click context menu container");
+var contextMenuTriggerSchema = z56.object({
+  type: z56.literal("context-menu-trigger"),
+  props: z56.object({}).optional(),
+  children: z56.array(uiNodeSchema).optional().describe("The element that triggers the context menu on right-click")
+}).describe("Trigger area for a context menu");
+var contextMenuContentSchema = z56.object({
+  type: z56.literal("context-menu-content"),
+  props: z56.object({}).optional(),
+  children: z56.array(uiNodeSchema).optional().describe("Menu items")
+}).describe("Content panel of a context menu");
+var contextMenuItemSchema = z56.object({
+  type: z56.literal("context-menu-item"),
+  props: z56.object({
+    children: z56.string().optional().describe("Menu item text"),
+    variant: z56.enum(["default", "destructive"]).optional().describe("Item style. Defaults to 'default'"),
+    disabled: z56.boolean().optional()
+  }).optional(),
+  children: z56.array(uiNodeSchema).optional()
+}).describe("A single item inside a context menu");
+var contextMenuSeparatorSchema = z56.object({
+  type: z56.literal("context-menu-separator"),
+  props: z56.object({}).optional()
+}).describe("A visual separator between context menu items");
+
 // src/schema.ts
 var componentSchema = component_schema_default;
 function getComponentSchemas() {