magick-ui 0.2.1 → 0.2.3

package/dist/index.cjs

@@ -77,6 +77,7 @@ __export(src_exports, {
   FileUploadField: () => FileUploadField,
   Form: () => Form,
   FormField: () => FormField,
+  GoogleMapView: () => GoogleMapView,
   GradientContainer: () => GradientContainer,
   Grid: () => Grid,
   IconButton: () => IconButton,
@@ -216,6 +217,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: {
@@ -518,6 +601,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: {
@@ -3195,20 +3327,561 @@ var component_schema_default = {
                   },
                   description: "Column definitions"
                 },
-                tableData: {
-                  type: "array",
-                  items: {
-                    type: "object",
-                    additionalProperties: {}
-                  },
-                  description: "Array of row data objects"
+                tableData: {
+                  type: "array",
+                  items: {
+                    type: "object",
+                    additionalProperties: {}
+                  },
+                  description: "Array of row data objects"
+                }
+              },
+              required: [
+                "columns",
+                "tableData"
+              ],
+              additionalProperties: false
+            }
+          },
+          required: [
+            "type",
+            "props"
+          ],
+          additionalProperties: false,
+          description: "A data table with columns and rows"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
+    "google-map": {
+      $ref: "#/definitions/google-map",
+      definitions: {
+        "google-map": {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "google-map"
+            },
+            props: {
+              type: "object",
+              properties: {
+                center: {
+                  type: "object",
+                  properties: {
+                    lat: {
+                      type: "number",
+                      description: "Center latitude"
+                    },
+                    lng: {
+                      type: "number",
+                      description: "Center longitude"
+                    }
+                  },
+                  required: [
+                    "lat",
+                    "lng"
+                  ],
+                  additionalProperties: false,
+                  description: "Map center coordinates"
+                },
+                zoom: {
+                  type: "number",
+                  description: "Zoom level (1-20). Defaults to 12"
+                },
+                markers: {
+                  type: "array",
+                  items: {
+                    type: "object",
+                    properties: {
+                      lat: {
+                        type: "number",
+                        description: "Latitude"
+                      },
+                      lng: {
+                        type: "number",
+                        description: "Longitude"
+                      },
+                      title: {
+                        type: "string",
+                        description: "Marker title shown in info window"
+                      },
+                      description: {
+                        type: "string",
+                        description: "Marker description shown in info window"
+                      },
+                      color: {
+                        type: "string",
+                        description: "Marker pin color (hex or CSS color)"
+                      }
+                    },
+                    required: [
+                      "lat",
+                      "lng"
+                    ],
+                    additionalProperties: false
+                  },
+                  description: "Array of map markers with lat/lng and optional info"
+                },
+                height: {
+                  type: "string",
+                  description: "Map height CSS value. Defaults to '400px'"
+                },
+                width: {
+                  type: "string",
+                  description: "Map width CSS value. Defaults to '100%'"
+                },
+                gestureHandling: {
+                  type: "string",
+                  enum: [
+                    "cooperative",
+                    "greedy",
+                    "none",
+                    "auto"
+                  ],
+                  description: "How the map handles touch/scroll gestures. Defaults to 'cooperative'"
+                },
+                disableDefaultUI: {
+                  type: "boolean",
+                  description: "Hide default map controls"
+                }
+              },
+              additionalProperties: false
+            }
+          },
+          required: [
+            "type",
+            "props"
+          ],
+          additionalProperties: false,
+          description: "An interactive Google Map with optional markers and info windows"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
+    calendar: {
+      $ref: "#/definitions/calendar",
+      definitions: {
+        calendar: {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "calendar"
+            },
+            props: {
+              type: "object",
+              properties: {
+                showOutsideDays: {
+                  type: "boolean",
+                  description: "Show days from adjacent months. Defaults to true"
+                },
+                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"
+                }
+              },
+              additionalProperties: false
+            }
+          },
+          required: [
+            "type"
+          ],
+          additionalProperties: false,
+          description: "A date calendar for picking dates or date ranges"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
+    "file-input": {
+      $ref: "#/definitions/file-input",
+      definitions: {
+        "file-input": {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "file-input"
+            },
+            props: {
+              type: "object",
+              properties: {
+                label: {
+                  type: "string",
+                  description: "Label text above the input"
+                },
+                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"
+                }
+              },
+              additionalProperties: false
+            }
+          },
+          required: [
+            "type"
+          ],
+          additionalProperties: false,
+          description: "A file input with choose-file button and upload progress"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
+    "tool-toggle": {
+      $ref: "#/definitions/tool-toggle",
+      definitions: {
+        "tool-toggle": {
+          type: "object",
+          properties: {
+            type: {
+              type: "string",
+              const: "tool-toggle"
+            },
+            props: {
+              type: "object",
+              properties: {
+                icon: {
+                  type: "string",
+                  description: "Icon name (resolved by the renderer)"
+                },
+                dropdown: {
+                  type: "boolean",
+                  description: "Show dropdown chevron"
+                }
+              },
+              additionalProperties: false
+            }
+          },
+          required: [
+            "type"
+          ],
+          additionalProperties: false,
+          description: "A round toggle button used in toolbars, optionally with a dropdown"
+        }
+      },
+      $schema: "http://json-schema.org/draft-07/schema#"
+    },
+    "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: [
-                "columns",
-                "tableData"
+                "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: [
@@ -3216,7 +3889,7 @@ var component_schema_default = {
             "props"
           ],
           additionalProperties: false,
-          description: "A data table with columns and rows"
+          description: "A button wrapped with a tooltip that appears on hover"
         }
       },
       $schema: "http://json-schema.org/draft-07/schema#"
@@ -4292,6 +4965,954 @@ var component_schema_default = {
   }
 };
 
+// src/types.ts
+var import_zod = require("zod");
+var uiNodeSchema = import_zod.z.lazy(
+  () => import_zod.z.object({
+    type: import_zod.z.string(),
+    props: import_zod.z.record(import_zod.z.unknown()).optional(),
+    children: import_zod.z.array(uiNodeSchema).optional()
+  })
+);
+
+// src/ui/Button/schema.ts
+var import_zod2 = require("zod");
+var buttonSchema = import_zod2.z.object({
+  type: import_zod2.z.literal("button"),
+  props: import_zod2.z.object({
+    label: import_zod2.z.string().optional().describe("Button text"),
+    variant: import_zod2.z.enum(["primary", "secondary", "outline", "destructive", "ghost", "soft"]).optional().describe("Button style. Defaults to 'primary'"),
+    size: import_zod2.z.enum(["sm", "md", "lg"]).optional().describe("Button size. Defaults to 'md'"),
+    url: import_zod2.z.string().optional().describe("URL to open when clicked"),
+    disabled: import_zod2.z.boolean().optional().describe("Whether the button is disabled")
+  }).optional(),
+  children: import_zod2.z.array(uiNodeSchema).optional()
+}).describe("An action button");
+var toolButtonSchema = import_zod2.z.object({
+  type: import_zod2.z.literal("tool-button"),
+  props: import_zod2.z.object({
+    variant: import_zod2.z.enum(["primary", "outline", "destructive"]).optional().describe("Button style. Defaults to 'primary'"),
+    size: import_zod2.z.enum(["md", "lg"]).optional().describe("Button size. Defaults to 'md'"),
+    state: import_zod2.z.enum(["loading", "default"]).optional().describe("Button state. Defaults to 'default'"),
+    onlyIcon: import_zod2.z.boolean().optional().describe("Icon-only mode with square padding"),
+    disabled: import_zod2.z.boolean().optional()
+  }).optional(),
+  children: import_zod2.z.array(uiNodeSchema).optional().describe("Button content")
+}).describe("A toolbar action button with loading state");
+
+// src/ui/Card/schema.ts
+var import_zod3 = require("zod");
+var cardSchema = import_zod3.z.object({
+  type: import_zod3.z.literal("card"),
+  props: import_zod3.z.object({}).optional(),
+  children: import_zod3.z.array(uiNodeSchema).optional().describe("Compose with card-header, card-content, card-footer")
+}).describe("Container card");
+var cardHeaderSchema = import_zod3.z.object({
+  type: import_zod3.z.literal("card-header"),
+  props: import_zod3.z.object({}).optional(),
+  children: import_zod3.z.array(uiNodeSchema).optional().describe("Place card-title and card-description inside")
+}).describe("Header section of a card");
+var cardTitleSchema = import_zod3.z.object({
+  type: import_zod3.z.literal("card-title"),
+  props: import_zod3.z.object({
+    children: import_zod3.z.string().optional().describe("Title text")
+  }).optional(),
+  children: import_zod3.z.array(uiNodeSchema).optional()
+}).describe("Title inside a card-header");
+var cardDescriptionSchema = import_zod3.z.object({
+  type: import_zod3.z.literal("card-description"),
+  props: import_zod3.z.object({
+    children: import_zod3.z.string().optional().describe("Description text")
+  }).optional(),
+  children: import_zod3.z.array(uiNodeSchema).optional()
+}).describe("Description text inside a card-header");
+var cardContentSchema = import_zod3.z.object({
+  type: import_zod3.z.literal("card-content"),
+  props: import_zod3.z.object({}).optional(),
+  children: import_zod3.z.array(uiNodeSchema).optional().describe("Main content area")
+}).describe("Main content area of a card");
+var cardFooterSchema = import_zod3.z.object({
+  type: import_zod3.z.literal("card-footer"),
+  props: import_zod3.z.object({}).optional(),
+  children: import_zod3.z.array(uiNodeSchema).optional().describe("Footer area, typically for actions")
+}).describe("Footer section of a card");
+var cardActionSchema = import_zod3.z.object({
+  type: import_zod3.z.literal("card-action"),
+  props: import_zod3.z.object({}).optional(),
+  children: import_zod3.z.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
+var import_zod4 = require("zod");
+var formSchema = import_zod4.z.object({
+  type: import_zod4.z.literal("form"),
+  props: import_zod4.z.object({
+    id: import_zod4.z.string().describe("Unique form ID")
+  }),
+  children: import_zod4.z.array(uiNodeSchema).optional().describe("Form field components")
+}).describe("A form container. Wrap form fields inside.");
+
+// src/ui/Input/schema.ts
+var import_zod5 = require("zod");
+var inputFieldSchema = import_zod5.z.object({
+  type: import_zod5.z.literal("input-field"),
+  props: import_zod5.z.object({
+    name: import_zod5.z.string().describe("Field name (maps to form data key)"),
+    label: import_zod5.z.string().optional().describe("Label text above the input"),
+    placeholder: import_zod5.z.string().optional().describe("Placeholder text"),
+    type: import_zod5.z.enum(["text", "email", "number", "url", "search", "tel"]).optional().describe("Input type. Defaults to 'text'"),
+    required: import_zod5.z.boolean().optional().describe("Whether the field is required"),
+    disabled: import_zod5.z.boolean().optional()
+  })
+}).describe("A text input field inside a form");
+
+// src/ui/PasswordInput/schema.ts
+var import_zod6 = require("zod");
+var passwordFieldSchema = import_zod6.z.object({
+  type: import_zod6.z.literal("password-field"),
+  props: import_zod6.z.object({
+    name: import_zod6.z.string().describe("Field name"),
+    label: import_zod6.z.string().optional().describe("Label text"),
+    placeholder: import_zod6.z.string().optional()
+  })
+}).describe("A password input field with show/hide toggle");
+
+// src/ui/TextAreaInput/schema.ts
+var import_zod7 = require("zod");
+var textareaFieldSchema = import_zod7.z.object({
+  type: import_zod7.z.literal("textarea-field"),
+  props: import_zod7.z.object({
+    name: import_zod7.z.string().describe("Field name"),
+    label: import_zod7.z.string().optional().describe("Label text"),
+    placeholder: import_zod7.z.string().optional(),
+    rows: import_zod7.z.number().optional().describe("Number of visible rows")
+  })
+}).describe("A multi-line text input field");
+
+// src/ui/SelectInput/schema.ts
+var import_zod8 = require("zod");
+var selectFieldSchema = import_zod8.z.object({
+  type: import_zod8.z.literal("select-field"),
+  props: import_zod8.z.object({
+    name: import_zod8.z.string().describe("Field name"),
+    label: import_zod8.z.string().optional().describe("Label text"),
+    placeholder: import_zod8.z.string().optional(),
+    options: import_zod8.z.array(import_zod8.z.object({
+      label: import_zod8.z.string().describe("Display text"),
+      value: import_zod8.z.string().describe("Option value")
+    })).describe("Array of selectable options"),
+    required: import_zod8.z.boolean().optional()
+  })
+}).describe("A dropdown select field");
+
+// src/ui/Checkbox/schema.ts
+var import_zod9 = require("zod");
+var checkboxFieldSchema = import_zod9.z.object({
+  type: import_zod9.z.literal("checkbox-field"),
+  props: import_zod9.z.object({
+    name: import_zod9.z.string().describe("Field name"),
+    label: import_zod9.z.string().optional().describe("Checkbox label text")
+  })
+}).describe("A checkbox field");
+
+// src/ui/Radio/schema.ts
+var import_zod10 = require("zod");
+var radioFieldSchema = import_zod10.z.object({
+  type: import_zod10.z.literal("radio-field"),
+  props: import_zod10.z.object({
+    name: import_zod10.z.string().describe("Field name"),
+    label: import_zod10.z.string().optional().describe("Group label"),
+    options: import_zod10.z.array(import_zod10.z.object({
+      label: import_zod10.z.string().describe("Option label"),
+      value: import_zod10.z.string().describe("Option value")
+    })).describe("Array of radio options")
+  })
+}).describe("A radio button group field");
+
+// src/ui/Switch/schema.ts
+var import_zod11 = require("zod");
+var switchFieldSchema = import_zod11.z.object({
+  type: import_zod11.z.literal("switch-field"),
+  props: import_zod11.z.object({
+    name: import_zod11.z.string().describe("Field name"),
+    label: import_zod11.z.string().optional().describe("Switch label")
+  })
+}).describe("A toggle switch field");
+
+// src/ui/DatePickerInput/schema.ts
+var import_zod12 = require("zod");
+var dateFieldSchema = import_zod12.z.object({
+  type: import_zod12.z.literal("date-field"),
+  props: import_zod12.z.object({
+    name: import_zod12.z.string().describe("Field name"),
+    label: import_zod12.z.string().optional().describe("Label text"),
+    placeholder: import_zod12.z.string().optional(),
+    disablePast: import_zod12.z.boolean().optional().describe("Disable past dates"),
+    required: import_zod12.z.boolean().optional()
+  })
+}).describe("A date picker field");
+
+// src/ui/TimePicker/schema.ts
+var import_zod13 = require("zod");
+var timeFieldSchema = import_zod13.z.object({
+  type: import_zod13.z.literal("time-field"),
+  props: import_zod13.z.object({
+    name: import_zod13.z.string().describe("Field name"),
+    label: import_zod13.z.string().optional().describe("Label text")
+  })
+}).describe("A time picker field");
+
+// src/ui/Combobox/schema.ts
+var import_zod14 = require("zod");
+var comboboxFieldSchema = import_zod14.z.object({
+  type: import_zod14.z.literal("combobox-field"),
+  props: import_zod14.z.object({
+    name: import_zod14.z.string().describe("Field name"),
+    label: import_zod14.z.string().optional().describe("Label text"),
+    placeholder: import_zod14.z.string().optional(),
+    options: import_zod14.z.array(import_zod14.z.object({
+      label: import_zod14.z.string().describe("Display text"),
+      value: import_zod14.z.string().describe("Option value")
+    })).describe("Array of searchable options")
+  })
+}).describe("A searchable combobox/autocomplete field");
+
+// src/ui/MultiSelect/schema.ts
+var import_zod15 = require("zod");
+var multiSelectFieldSchema = import_zod15.z.object({
+  type: import_zod15.z.literal("multi-select-field"),
+  props: import_zod15.z.object({
+    name: import_zod15.z.string().describe("Field name"),
+    label: import_zod15.z.string().optional().describe("Label text"),
+    placeholder: import_zod15.z.string().optional(),
+    options: import_zod15.z.array(import_zod15.z.object({
+      label: import_zod15.z.string().describe("Display text"),
+      value: import_zod15.z.string().describe("Option value")
+    })).describe("Array of options for multi-selection")
+  })
+}).describe("A multi-select dropdown field");
+
+// src/ui/OTPInput/schema.ts
+var import_zod16 = require("zod");
+var otpFieldSchema = import_zod16.z.object({
+  type: import_zod16.z.literal("otp-field"),
+  props: import_zod16.z.object({
+    name: import_zod16.z.string().describe("Field name"),
+    maxLength: import_zod16.z.number().optional().describe("Number of OTP digits. Defaults to 6")
+  })
+}).describe("An OTP (one-time password) input field");
+
+// src/ui/FileUpload/schema.ts
+var import_zod17 = require("zod");
+var fileUploadFieldSchema = import_zod17.z.object({
+  type: import_zod17.z.literal("file-upload-field"),
+  props: import_zod17.z.object({
+    name: import_zod17.z.string().describe("Field name"),
+    label: import_zod17.z.string().optional().describe("Label text"),
+    isMultiple: import_zod17.z.boolean().optional().describe("Allow multiple files"),
+    maxFiles: import_zod17.z.number().optional().describe("Maximum number of files")
+  })
+}).describe("A file upload field with drag-and-drop");
+
+// src/ui/Text/schema.ts
+var import_zod18 = require("zod");
+var textSchema = import_zod18.z.object({
+  type: import_zod18.z.literal("text"),
+  props: import_zod18.z.object({
+    children: import_zod18.z.string().optional().describe("Text content")
+  }).optional(),
+  children: import_zod18.z.array(uiNodeSchema).optional()
+}).describe("A paragraph of text");
+
+// src/ui/Title/schema.ts
+var import_zod19 = require("zod");
+var titleSchema = import_zod19.z.object({
+  type: import_zod19.z.literal("title"),
+  props: import_zod19.z.object({
+    children: import_zod19.z.string().optional().describe("Heading text")
+  }).optional(),
+  children: import_zod19.z.array(uiNodeSchema).optional()
+}).describe("A heading / title element");
+
+// src/ui/Label/schema.ts
+var import_zod20 = require("zod");
+var labelSchema = import_zod20.z.object({
+  type: import_zod20.z.literal("label"),
+  props: import_zod20.z.object({
+    children: import_zod20.z.string().optional().describe("Label text"),
+    htmlFor: import_zod20.z.string().optional().describe("ID of the form element this label is for")
+  }).optional(),
+  children: import_zod20.z.array(uiNodeSchema).optional()
+}).describe("A form label element");
+
+// src/ui/Badge/schema.ts
+var import_zod21 = require("zod");
+var badgeSchema = import_zod21.z.object({
+  type: import_zod21.z.literal("badge"),
+  props: import_zod21.z.object({
+    children: import_zod21.z.string().optional().describe("Badge text"),
+    type: import_zod21.z.enum([
+      "primary-hard",
+      "primary-soft",
+      "destructive-hard",
+      "destructive-soft",
+      "secondary-hard",
+      "secondary-soft"
+    ]).optional().describe("Badge style. Defaults to 'primary-hard'"),
+    size: import_zod21.z.enum(["sm", "md"]).optional().describe("Badge size. Defaults to 'sm'"),
+    rounded: import_zod21.z.boolean().optional().describe("Fully rounded pill shape")
+  }).optional(),
+  children: import_zod21.z.array(uiNodeSchema).optional()
+}).describe("A small status badge / label");
+
+// src/ui/Tag/schema.ts
+var import_zod22 = require("zod");
+var tagSchema = import_zod22.z.object({
+  type: import_zod22.z.literal("tag"),
+  props: import_zod22.z.object({
+    label: import_zod22.z.string().describe("Tag text"),
+    variant: import_zod22.z.enum(["primary", "secondary", "destructive"]).optional().describe("Tag color variant. Defaults to 'primary'")
+  })
+}).describe("A colored tag / pill");
+
+// src/ui/Chip/schema.ts
+var import_zod23 = require("zod");
+var chipSchema = import_zod23.z.object({
+  type: import_zod23.z.literal("chip"),
+  props: import_zod23.z.object({
+    label: import_zod23.z.string().describe("Chip text"),
+    type: import_zod23.z.enum(["rounded", "rectangle"]).optional().describe("Chip shape. Defaults to 'rounded'"),
+    color: import_zod23.z.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: import_zod23.z.boolean().optional().describe("Show a colored dot indicator"),
+    avatar: import_zod23.z.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
+var import_zod24 = require("zod");
+var alertSchema = import_zod24.z.object({
+  type: import_zod24.z.literal("alert"),
+  props: import_zod24.z.object({
+    variant: import_zod24.z.enum(["default", "secondary", "destructive"]).optional().describe("Alert style. Defaults to 'default'"),
+    title: import_zod24.z.string().optional().describe("Alert heading"),
+    description: import_zod24.z.string().optional().describe("Alert body text")
+  }).optional(),
+  children: import_zod24.z.array(uiNodeSchema).optional()
+}).describe("An alert / notice banner");
+
+// src/ui/Skeleton/schema.ts
+var import_zod25 = require("zod");
+var skeletonSchema = import_zod25.z.object({
+  type: import_zod25.z.literal("skeleton"),
+  props: import_zod25.z.object({
+    className: import_zod25.z.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
+var import_zod26 = require("zod");
+var progressIndicatorSchema = import_zod26.z.object({
+  type: import_zod26.z.literal("progress-indicator"),
+  props: import_zod26.z.object({
+    value: import_zod26.z.number().describe("Current progress value"),
+    max: import_zod26.z.number().optional().describe("Maximum value. Defaults to 100"),
+    showPercentage: import_zod26.z.boolean().optional().describe("Show percentage text. Defaults to true"),
+    variant: import_zod26.z.enum(["bar", "circle"]).optional().describe("Display style. Defaults to 'bar'")
+  })
+}).describe("A progress bar or circular progress indicator");
+
+// src/ui/Avatar/schema.ts
+var import_zod27 = require("zod");
+var avatarSchema = import_zod27.z.object({
+  type: import_zod27.z.literal("avatar"),
+  props: import_zod27.z.object({
+    variant: import_zod27.z.enum(["image", "text", "placeholder"]).describe("Avatar display mode"),
+    fallback: import_zod27.z.string().describe("Fallback text (initials) when image is unavailable"),
+    imgsrc: import_zod27.z.string().optional().describe("Image URL (required when variant is 'image')"),
+    size: import_zod27.z.enum(["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl"]).optional().describe("Avatar size. Defaults to 'md'"),
+    status: import_zod27.z.enum(["active", "inactive"]).optional().describe("Online status indicator")
+  })
+}).describe("A user avatar displaying an image, initials, or placeholder");
+
+// src/ui/AvatarListItem/schema.ts
+var import_zod28 = require("zod");
+var avatarListItemSchema = import_zod28.z.object({
+  type: import_zod28.z.literal("avatar-list-item"),
+  props: import_zod28.z.object({
+    avatar: import_zod28.z.string().describe("Avatar image URL"),
+    name: import_zod28.z.string().describe("Display name"),
+    email: import_zod28.z.string().describe("Email address"),
+    isMe: import_zod28.z.boolean().optional().describe("Highlight as current user")
+  })
+}).describe("An avatar with name and email, typically used in lists");
+
+// src/ui/Media/schema.ts
+var import_zod29 = require("zod");
+var mediaSchema = import_zod29.z.object({
+  type: import_zod29.z.literal("media"),
+  props: import_zod29.z.object({
+    src: import_zod29.z.string().describe("Media source URL"),
+    alt: import_zod29.z.string().optional().describe("Alt text for images"),
+    type: import_zod29.z.enum(["image", "video"]).optional().describe("Media type. Defaults to 'image'"),
+    aspectRatio: import_zod29.z.enum(["1:1", "16:9", "9:16", "4:3", "3:4"]).optional().describe("Fixed aspect ratio"),
+    objectFit: import_zod29.z.enum(["cover", "contain", "fill", "scale-down", "none"]).optional().describe("How the media fills its container. Defaults to 'cover'"),
+    rounded: import_zod29.z.enum(["none", "sm", "md", "lg", "xl", "2xl", "full"]).optional().describe("Border radius"),
+    loading: import_zod29.z.enum(["lazy", "eager"]).optional().describe("Loading strategy. Defaults to 'lazy'")
+  })
+}).describe("An image or video media element");
+
+// src/ui/Grid/schema.ts
+var import_zod30 = require("zod");
+var gridSchema = import_zod30.z.object({
+  type: import_zod30.z.literal("grid"),
+  props: import_zod30.z.object({
+    className: import_zod30.z.string().optional().describe("Tailwind grid classes, e.g. 'grid-cols-2 gap-4'")
+  }).optional(),
+  children: import_zod30.z.array(uiNodeSchema).optional().describe("Grid items")
+}).describe("A CSS grid layout container");
+
+// src/ui/Accordion/schema.ts
+var import_zod31 = require("zod");
+var accordionSchema = import_zod31.z.object({
+  type: import_zod31.z.literal("accordion"),
+  props: import_zod31.z.object({
+    type: import_zod31.z.enum(["single", "multiple"]).optional().describe("Allow one or multiple items open. Defaults to 'single'"),
+    collapsible: import_zod31.z.boolean().optional().describe("Allow collapsing all items"),
+    defaultValue: import_zod31.z.union([import_zod31.z.string(), import_zod31.z.array(import_zod31.z.string())]).optional().describe("Initially open item value(s)")
+  }).optional(),
+  children: import_zod31.z.array(uiNodeSchema).optional().describe("Compose with accordion-item children")
+}).describe("A collapsible accordion container");
+var accordionItemSchema = import_zod31.z.object({
+  type: import_zod31.z.literal("accordion-item"),
+  props: import_zod31.z.object({
+    value: import_zod31.z.string().describe("Unique item identifier")
+  }),
+  children: import_zod31.z.array(uiNodeSchema).optional().describe("Place accordion-trigger and accordion-content inside")
+}).describe("A single accordion section");
+var accordionTriggerSchema = import_zod31.z.object({
+  type: import_zod31.z.literal("accordion-trigger"),
+  props: import_zod31.z.object({
+    children: import_zod31.z.string().optional().describe("Trigger label text")
+  }).optional(),
+  children: import_zod31.z.array(uiNodeSchema).optional()
+}).describe("Clickable header that toggles an accordion-item");
+var accordionContentSchema = import_zod31.z.object({
+  type: import_zod31.z.literal("accordion-content"),
+  props: import_zod31.z.object({}).optional(),
+  children: import_zod31.z.array(uiNodeSchema).optional().describe("Content revealed when the item is open")
+}).describe("Collapsible content area of an accordion-item");
+
+// src/ui/Tabs/schema.ts
+var import_zod32 = require("zod");
+var tabsSchema = import_zod32.z.object({
+  type: import_zod32.z.literal("tabs"),
+  props: import_zod32.z.object({
+    defaultActiveTab: import_zod32.z.string().describe("Value of the initially active tab"),
+    tabs: import_zod32.z.array(
+      import_zod32.z.object({
+        value: import_zod32.z.string().describe("Unique tab identifier"),
+        label: import_zod32.z.string().describe("Tab label text"),
+        count: import_zod32.z.number().optional().describe("Badge count on the tab"),
+        notification: import_zod32.z.boolean().optional().describe("Show notification dot")
+      })
+    ).describe("Tab definitions"),
+    tabSmall: import_zod32.z.boolean().optional().describe("Use compact tab styling"),
+    showContent: import_zod32.z.boolean().optional().describe("Show tab content panels. Defaults to true")
+  }),
+  children: import_zod32.z.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
+var import_zod33 = require("zod");
+var wrapperCardSchema = import_zod33.z.object({
+  type: import_zod33.z.literal("wrapper-card"),
+  props: import_zod33.z.object({}).optional(),
+  children: import_zod33.z.array(uiNodeSchema).optional().describe("Card body content")
+}).describe("A simple card wrapper with default padding and border");
+
+// src/ui/GradientContainer/schema.ts
+var import_zod34 = require("zod");
+var gradientContainerSchema = import_zod34.z.object({
+  type: import_zod34.z.literal("gradient-container"),
+  props: import_zod34.z.object({}).optional(),
+  children: import_zod34.z.array(uiNodeSchema).optional().describe("Content inside the gradient container")
+}).describe("A container with a gradient background");
+
+// src/ui/Carousel/schema.ts
+var import_zod35 = require("zod");
+var carouselSchema = import_zod35.z.object({
+  type: import_zod35.z.literal("carousel"),
+  props: import_zod35.z.object({
+    orientation: import_zod35.z.enum(["horizontal", "vertical"]).optional().describe("Scroll direction. Defaults to 'horizontal'")
+  }).optional(),
+  children: import_zod35.z.array(uiNodeSchema).optional().describe("Place a carousel-content inside")
+}).describe("A scrollable carousel container");
+var carouselContentSchema = import_zod35.z.object({
+  type: import_zod35.z.literal("carousel-content"),
+  props: import_zod35.z.object({}).optional(),
+  children: import_zod35.z.array(uiNodeSchema).optional().describe("Compose with carousel-item children")
+}).describe("Content track of a carousel");
+var carouselItemSchema = import_zod35.z.object({
+  type: import_zod35.z.literal("carousel-item"),
+  props: import_zod35.z.object({}).optional(),
+  children: import_zod35.z.array(uiNodeSchema).optional().describe("Content for this slide")
+}).describe("A single slide inside a carousel");
+
+// src/ui/Toggle/schema.ts
+var import_zod36 = require("zod");
+var toggleSchema = import_zod36.z.object({
+  type: import_zod36.z.literal("toggle"),
+  props: import_zod36.z.object({
+    active: import_zod36.z.boolean().optional().describe("Whether the toggle is pressed"),
+    shape: import_zod36.z.enum(["rectangle", "rounded"]).optional().describe("Toggle shape. Defaults to 'rectangle'"),
+    style: import_zod36.z.enum(["ghost", "outline", "soft"]).optional().describe("Visual style. Defaults to 'soft'"),
+    size: import_zod36.z.enum(["sm", "md", "lg"]).optional().describe("Toggle size. Defaults to 'sm'"),
+    disabled: import_zod36.z.boolean().optional()
+  }).optional(),
+  children: import_zod36.z.array(uiNodeSchema).optional().describe("Toggle label / content")
+}).describe("A pressable toggle button");
+
+// src/ui/Slider/schema.ts
+var import_zod37 = require("zod");
+var sliderSchema = import_zod37.z.object({
+  type: import_zod37.z.literal("slider"),
+  props: import_zod37.z.object({
+    defaultValue: import_zod37.z.union([import_zod37.z.number(), import_zod37.z.array(import_zod37.z.number())]).optional().describe("Initial value or range [min, max]"),
+    min: import_zod37.z.number().optional().describe("Minimum value. Defaults to 0"),
+    max: import_zod37.z.number().optional().describe("Maximum value. Defaults to 100"),
+    step: import_zod37.z.number().optional().describe("Step increment"),
+    disabled: import_zod37.z.boolean().optional()
+  }).optional()
+}).describe("A range slider input");
+
+// src/ui/SearchInput/schema.ts
+var import_zod38 = require("zod");
+var searchInputSchema = import_zod38.z.object({
+  type: import_zod38.z.literal("search-input"),
+  props: import_zod38.z.object({
+    searchKey: import_zod38.z.string().describe("URL query param key for the search value"),
+    placeholder: import_zod38.z.string().optional().describe("Placeholder text. Defaults to 'Search by...'"),
+    debounceDelay: import_zod38.z.number().optional().describe("Debounce delay in ms. Defaults to 500"),
+    variant: import_zod38.z.enum(["ghost", "outline"]).optional().describe("Input style variant"),
+    disabled: import_zod38.z.boolean().optional()
+  })
+}).describe("A search input with debounced query param binding");
+
+// src/ui/IconButton/schema.ts
+var import_zod39 = require("zod");
+var iconButtonSchema = import_zod39.z.object({
+  type: import_zod39.z.literal("icon-button"),
+  props: import_zod39.z.object({
+    icon: import_zod39.z.string().describe("Icon name (resolved by the renderer)"),
+    variant: import_zod39.z.enum([
+      "primary",
+      "secondary",
+      "destructive",
+      "outline",
+      "ghost",
+      "soft",
+      "ai-filled",
+      "ai-outline",
+      "glass"
+    ]).optional().describe("Button style. Defaults to 'primary'"),
+    size: import_zod39.z.enum(["xs", "sm", "md", "lg"]).optional().describe("Button size. Defaults to 'sm'"),
+    active: import_zod39.z.boolean().optional().describe("Active / pressed state"),
+    rounded: import_zod39.z.boolean().optional().describe("Fully round button"),
+    disabled: import_zod39.z.boolean().optional()
+  })
+}).describe("An icon-only action button");
+
+// src/ui/LinkButton/schema.ts
+var import_zod40 = require("zod");
+var linkButtonSchema = import_zod40.z.object({
+  type: import_zod40.z.literal("link-button"),
+  props: import_zod40.z.object({
+    href: import_zod40.z.string().describe("Link URL"),
+    children: import_zod40.z.string().optional().describe("Link text")
+  }),
+  children: import_zod40.z.array(uiNodeSchema).optional()
+}).describe("A button styled as a navigation link");
+
+// src/ui/ButtonLink/schema.ts
+var import_zod41 = require("zod");
+var buttonLinkSchema = import_zod41.z.object({
+  type: import_zod41.z.literal("button-link"),
+  props: import_zod41.z.object({
+    children: import_zod41.z.string().optional().describe("Link text"),
+    variant: import_zod41.z.enum(["link", "text-link", "error"]).optional().describe("Link style. Defaults to 'link'"),
+    href: import_zod41.z.string().optional().describe("Link URL"),
+    disabled: import_zod41.z.boolean().optional()
+  }).optional(),
+  children: import_zod41.z.array(uiNodeSchema).optional()
+}).describe("An inline text link styled as a button");
+
+// src/ui/SelectHover/schema.ts
+var import_zod42 = require("zod");
+var selectHoverSchema = import_zod42.z.object({
+  type: import_zod42.z.literal("select-hover"),
+  props: import_zod42.z.object({
+    options: import_zod42.z.array(
+      import_zod42.z.object({
+        label: import_zod42.z.string().describe("Display text"),
+        value: import_zod42.z.string().describe("Option value")
+      })
+    ).describe("Array of selectable options"),
+    placeholder: import_zod42.z.string().optional().describe("Placeholder text. Defaults to 'Select an option'"),
+    value: import_zod42.z.string().optional().describe("Currently selected value")
+  })
+}).describe("A hover-activated select dropdown");
+
+// src/ui/Breadcrumb/schema.ts
+var import_zod43 = require("zod");
+var breadcrumbSchema = import_zod43.z.object({
+  type: import_zod43.z.literal("breadcrumb"),
+  props: import_zod43.z.object({
+    items: import_zod43.z.array(
+      import_zod43.z.object({
+        label: import_zod43.z.string().describe("Breadcrumb text"),
+        href: import_zod43.z.string().optional().describe("Navigation URL"),
+        disabled: import_zod43.z.boolean().optional()
+      })
+    ).describe("Ordered list of breadcrumb segments")
+  })
+}).describe("A breadcrumb navigation trail");
+
+// src/ui/Tooltip/schema.ts
+var import_zod44 = require("zod");
+var tooltipSchema = import_zod44.z.object({
+  type: import_zod44.z.literal("tooltip"),
+  props: import_zod44.z.object({
+    content: import_zod44.z.string().describe("Tooltip text"),
+    position: import_zod44.z.enum([
+      "top",
+      "top-center",
+      "top-left",
+      "top-right",
+      "bottom",
+      "bottom-left",
+      "bottom-center",
+      "bottom-right",
+      "left",
+      "right"
+    ]).optional().describe("Tooltip placement"),
+    withArrow: import_zod44.z.boolean().optional().describe("Show an arrow pointer")
+  }),
+  children: import_zod44.z.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
+var import_zod45 = require("zod");
+var tableSchema = import_zod45.z.object({
+  type: import_zod45.z.literal("table"),
+  props: import_zod45.z.object({
+    columns: import_zod45.z.array(
+      import_zod45.z.object({
+        accessorKey: import_zod45.z.string().describe("Key in the row data object"),
+        header: import_zod45.z.string().describe("Column header text")
+      })
+    ).describe("Column definitions"),
+    tableData: import_zod45.z.array(import_zod45.z.record(import_zod45.z.unknown())).describe("Array of row data objects")
+  })
+}).describe("A data table with columns and rows");
+
+// src/ui/Map/schema.ts
+var import_zod46 = require("zod");
+var mapMarkerSchema = import_zod46.z.object({
+  lat: import_zod46.z.number().describe("Latitude"),
+  lng: import_zod46.z.number().describe("Longitude"),
+  title: import_zod46.z.string().optional().describe("Marker title shown in info window"),
+  description: import_zod46.z.string().optional().describe("Marker description shown in info window"),
+  color: import_zod46.z.string().optional().describe("Marker pin color (hex or CSS color)")
+});
+var googleMapSchema = import_zod46.z.object({
+  type: import_zod46.z.literal("google-map"),
+  props: import_zod46.z.object({
+    center: import_zod46.z.object({
+      lat: import_zod46.z.number().describe("Center latitude"),
+      lng: import_zod46.z.number().describe("Center longitude")
+    }).optional().describe("Map center coordinates"),
+    zoom: import_zod46.z.number().optional().describe("Zoom level (1-20). Defaults to 12"),
+    markers: import_zod46.z.array(mapMarkerSchema).optional().describe("Array of map markers with lat/lng and optional info"),
+    height: import_zod46.z.string().optional().describe("Map height CSS value. Defaults to '400px'"),
+    width: import_zod46.z.string().optional().describe("Map width CSS value. Defaults to '100%'"),
+    gestureHandling: import_zod46.z.enum(["cooperative", "greedy", "none", "auto"]).optional().describe("How the map handles touch/scroll gestures. Defaults to 'cooperative'"),
+    disableDefaultUI: import_zod46.z.boolean().optional().describe("Hide default map controls")
+  })
+}).describe("An interactive Google Map with optional markers and info windows");
+
+// src/ui/Calendar/schema.ts
+var import_zod47 = require("zod");
+var calendarSchema = import_zod47.z.object({
+  type: import_zod47.z.literal("calendar"),
+  props: import_zod47.z.object({
+    showOutsideDays: import_zod47.z.boolean().optional().describe("Show days from adjacent months. Defaults to true"),
+    captionLayout: import_zod47.z.enum(["label", "dropdown", "dropdown-months", "dropdown-years"]).optional().describe("Caption display mode. Defaults to 'label'"),
+    buttonVariant: import_zod47.z.enum(["primary", "secondary", "outline", "destructive", "ghost", "soft"]).optional().describe("Navigation button style. Defaults to 'ghost'"),
+    mode: import_zod47.z.enum(["single", "multiple", "range"]).optional().describe("Selection mode"),
+    numberOfMonths: import_zod47.z.number().optional().describe("Number of months to display"),
+    disabled: import_zod47.z.boolean().optional()
+  }).optional()
+}).describe("A date calendar for picking dates or date ranges");
+
+// src/ui/FileInput/schema.ts
+var import_zod48 = require("zod");
+var fileInputSchema = import_zod48.z.object({
+  type: import_zod48.z.literal("file-input"),
+  props: import_zod48.z.object({
+    label: import_zod48.z.string().optional().describe("Label text above the input"),
+    helperText: import_zod48.z.string().optional().describe("Helper text below the input"),
+    error: import_zod48.z.boolean().optional().describe("Show error styling. Defaults to false"),
+    accept: import_zod48.z.string().optional().describe("Accepted file types, e.g. 'image/*,.pdf'"),
+    multiple: import_zod48.z.boolean().optional().describe("Allow multiple files. Defaults to false"),
+    disabled: import_zod48.z.boolean().optional()
+  }).optional()
+}).describe("A file input with choose-file button and upload progress");
+
+// src/ui/ToolToggle/schema.ts
+var import_zod49 = require("zod");
+var toolToggleSchema = import_zod49.z.object({
+  type: import_zod49.z.literal("tool-toggle"),
+  props: import_zod49.z.object({
+    icon: import_zod49.z.string().optional().describe("Icon name (resolved by the renderer)"),
+    dropdown: import_zod49.z.boolean().optional().describe("Show dropdown chevron")
+  }).optional()
+}).describe("A round toggle button used in toolbars, optionally with a dropdown");
+
+// src/ui/ToggleDropdownButton/schema.ts
+var import_zod50 = require("zod");
+var toggleDropdownButtonSchema = import_zod50.z.object({
+  type: import_zod50.z.literal("toggle-dropdown-button"),
+  props: import_zod50.z.object({
+    type: import_zod50.z.enum(["text", "icon"]).describe("Button content type"),
+    selected: import_zod50.z.boolean().describe("Whether the button is selected"),
+    variant: import_zod50.z.enum(["primary", "secondary", "destructive"]).describe("Button color variant")
+  })
+}).describe("A split toggle button with an attached dropdown trigger");
+
+// src/ui/IconContainer/schema.ts
+var import_zod51 = require("zod");
+var iconContainerSchema = import_zod51.z.object({
+  type: import_zod51.z.literal("icon-container"),
+  props: import_zod51.z.object({
+    icon: import_zod51.z.string().optional().describe("Icon name (resolved by the renderer)"),
+    size: import_zod51.z.enum(["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "auto"]).optional().describe("Icon size. Defaults to 'sm'"),
+    colorInFill: import_zod51.z.boolean().optional().describe("Apply fill colors to SVG paths. Defaults to true"),
+    disableTheme: import_zod51.z.boolean().optional().describe("Disable theme-aware coloring. Defaults to false")
+  }).optional(),
+  children: import_zod51.z.array(uiNodeSchema).optional().describe("Icon element")
+}).describe("A sized container for static icons with theme-aware coloring");
+
+// src/ui/IconProfile/schema.ts
+var import_zod52 = require("zod");
+var iconProfileSchema = import_zod52.z.object({
+  type: import_zod52.z.literal("icon-profile"),
+  props: import_zod52.z.object({
+    icon: import_zod52.z.string().describe("Icon name (resolved by the renderer)"),
+    color: import_zod52.z.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: import_zod52.z.enum(["26", "32", "40", "48", "56", "64"]).optional().describe("Size in pixels. Defaults to '64'"),
+    externalIcon: import_zod52.z.boolean().optional().describe("Whether the icon is external")
+  })
+}).describe("An icon with a colored radial glow background");
+
+// src/ui/ButtonWithTooltip/schema.ts
+var import_zod53 = require("zod");
+var buttonWithTooltipSchema = import_zod53.z.object({
+  type: import_zod53.z.literal("button-with-tooltip"),
+  props: import_zod53.z.object({
+    content: import_zod53.z.string().describe("Tooltip text"),
+    position: import_zod53.z.enum([
+      "top",
+      "top-center",
+      "top-left",
+      "top-right",
+      "bottom",
+      "bottom-left",
+      "bottom-center",
+      "bottom-right",
+      "left",
+      "right"
+    ]).optional().describe("Tooltip placement"),
+    withArrow: import_zod53.z.boolean().optional().describe("Show an arrow pointer")
+  }),
+  children: import_zod53.z.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
+var import_zod54 = require("zod");
+var sheetSchema = import_zod54.z.object({
+  type: import_zod54.z.literal("sheet"),
+  props: import_zod54.z.object({}).optional(),
+  children: import_zod54.z.array(uiNodeSchema).optional().describe("Compose with sheet-trigger and sheet-content")
+}).describe("A slide-out panel overlay");
+var sheetTriggerSchema = import_zod54.z.object({
+  type: import_zod54.z.literal("sheet-trigger"),
+  props: import_zod54.z.object({}).optional(),
+  children: import_zod54.z.array(uiNodeSchema).optional().describe("The element that opens the sheet")
+}).describe("Trigger element that opens a sheet");
+var sheetContentSchema = import_zod54.z.object({
+  type: import_zod54.z.literal("sheet-content"),
+  props: import_zod54.z.object({
+    side: import_zod54.z.enum(["top", "right", "bottom", "left"]).optional().describe("Slide-in direction. Defaults to 'right'"),
+    showCloseButton: import_zod54.z.boolean().optional().describe("Show close button. Defaults to true")
+  }).optional(),
+  children: import_zod54.z.array(uiNodeSchema).optional().describe("Sheet body content")
+}).describe("Content panel of a sheet");
+var sheetHeaderSchema = import_zod54.z.object({
+  type: import_zod54.z.literal("sheet-header"),
+  props: import_zod54.z.object({}).optional(),
+  children: import_zod54.z.array(uiNodeSchema).optional()
+}).describe("Header section of a sheet");
+var sheetFooterSchema = import_zod54.z.object({
+  type: import_zod54.z.literal("sheet-footer"),
+  props: import_zod54.z.object({}).optional(),
+  children: import_zod54.z.array(uiNodeSchema).optional()
+}).describe("Footer section of a sheet");
+var sheetTitleSchema = import_zod54.z.object({
+  type: import_zod54.z.literal("sheet-title"),
+  props: import_zod54.z.object({
+    children: import_zod54.z.string().optional().describe("Title text")
+  }).optional(),
+  children: import_zod54.z.array(uiNodeSchema).optional()
+}).describe("Title inside a sheet-header");
+var sheetDescriptionSchema = import_zod54.z.object({
+  type: import_zod54.z.literal("sheet-description"),
+  props: import_zod54.z.object({
+    children: import_zod54.z.string().optional().describe("Description text")
+  }).optional(),
+  children: import_zod54.z.array(uiNodeSchema).optional()
+}).describe("Description text inside a sheet-header");
+
+// src/ui/Dropdown/schema.ts
+var import_zod55 = require("zod");
+var dropdownMenuSchema = import_zod55.z.object({
+  type: import_zod55.z.literal("dropdown-menu"),
+  props: import_zod55.z.object({}).optional(),
+  children: import_zod55.z.array(uiNodeSchema).optional().describe("Compose with dropdown-menu-trigger and dropdown-menu-content")
+}).describe("A dropdown menu container");
+var dropdownMenuTriggerSchema = import_zod55.z.object({
+  type: import_zod55.z.literal("dropdown-menu-trigger"),
+  props: import_zod55.z.object({}).optional(),
+  children: import_zod55.z.array(uiNodeSchema).optional().describe("The element that opens the dropdown")
+}).describe("Trigger element that opens a dropdown menu");
+var dropdownMenuContentSchema = import_zod55.z.object({
+  type: import_zod55.z.literal("dropdown-menu-content"),
+  props: import_zod55.z.object({
+    side: import_zod55.z.enum(["top", "right", "bottom", "left"]).optional(),
+    align: import_zod55.z.enum(["start", "center", "end"]).optional()
+  }).optional(),
+  children: import_zod55.z.array(uiNodeSchema).optional().describe("Menu items")
+}).describe("Content panel of a dropdown menu");
+var dropdownMenuItemSchema = import_zod55.z.object({
+  type: import_zod55.z.literal("dropdown-menu-item"),
+  props: import_zod55.z.object({
+    children: import_zod55.z.string().optional().describe("Menu item text"),
+    variant: import_zod55.z.enum(["default", "destructive"]).optional().describe("Item style. Defaults to 'default'"),
+    disabled: import_zod55.z.boolean().optional()
+  }).optional(),
+  children: import_zod55.z.array(uiNodeSchema).optional()
+}).describe("A single item inside a dropdown menu");
+var dropdownMenuSeparatorSchema = import_zod55.z.object({
+  type: import_zod55.z.literal("dropdown-menu-separator"),
+  props: import_zod55.z.object({}).optional()
+}).describe("A visual separator between dropdown menu items");
+var dropdownMenuLabelSchema = import_zod55.z.object({
+  type: import_zod55.z.literal("dropdown-menu-label"),
+  props: import_zod55.z.object({
+    children: import_zod55.z.string().optional().describe("Label text")
+  }).optional(),
+  children: import_zod55.z.array(uiNodeSchema).optional()
+}).describe("A non-interactive label inside a dropdown menu");
+
+// src/ui/Popover/schema.ts
+var import_zod56 = require("zod");
+var popoverSchema = import_zod56.z.object({
+  type: import_zod56.z.literal("popover"),
+  props: import_zod56.z.object({}).optional(),
+  children: import_zod56.z.array(uiNodeSchema).optional().describe("Compose with popover-trigger and popover-content")
+}).describe("A popover overlay container");
+var popoverTriggerSchema = import_zod56.z.object({
+  type: import_zod56.z.literal("popover-trigger"),
+  props: import_zod56.z.object({}).optional(),
+  children: import_zod56.z.array(uiNodeSchema).optional().describe("The element that opens the popover")
+}).describe("Trigger element that opens a popover");
+var popoverContentSchema = import_zod56.z.object({
+  type: import_zod56.z.literal("popover-content"),
+  props: import_zod56.z.object({
+    align: import_zod56.z.enum(["start", "center", "end"]).optional().describe("Alignment relative to trigger. Defaults to 'center'"),
+    sideOffset: import_zod56.z.number().optional().describe("Offset from trigger in px. Defaults to 4")
+  }).optional(),
+  children: import_zod56.z.array(uiNodeSchema).optional().describe("Popover body content")
+}).describe("Content panel of a popover");
+
+// src/ui/ContextMenu/schema.ts
+var import_zod57 = require("zod");
+var contextMenuSchema = import_zod57.z.object({
+  type: import_zod57.z.literal("context-menu"),
+  props: import_zod57.z.object({}).optional(),
+  children: import_zod57.z.array(uiNodeSchema).optional().describe("Compose with context-menu-trigger and context-menu-content")
+}).describe("A right-click context menu container");
+var contextMenuTriggerSchema = import_zod57.z.object({
+  type: import_zod57.z.literal("context-menu-trigger"),
+  props: import_zod57.z.object({}).optional(),
+  children: import_zod57.z.array(uiNodeSchema).optional().describe("The element that triggers the context menu on right-click")
+}).describe("Trigger area for a context menu");
+var contextMenuContentSchema = import_zod57.z.object({
+  type: import_zod57.z.literal("context-menu-content"),
+  props: import_zod57.z.object({}).optional(),
+  children: import_zod57.z.array(uiNodeSchema).optional().describe("Menu items")
+}).describe("Content panel of a context menu");
+var contextMenuItemSchema = import_zod57.z.object({
+  type: import_zod57.z.literal("context-menu-item"),
+  props: import_zod57.z.object({
+    children: import_zod57.z.string().optional().describe("Menu item text"),
+    variant: import_zod57.z.enum(["default", "destructive"]).optional().describe("Item style. Defaults to 'default'"),
+    disabled: import_zod57.z.boolean().optional()
+  }).optional(),
+  children: import_zod57.z.array(uiNodeSchema).optional()
+}).describe("A single item inside a context menu");
+var contextMenuSeparatorSchema = import_zod57.z.object({
+  type: import_zod57.z.literal("context-menu-separator"),
+  props: import_zod57.z.object({}).optional()
+}).describe("A visual separator between context menu items");
+
 // src/schema.ts
 var componentSchema = component_schema_default;
 function getComponentSchemas() {
@@ -7921,11 +9542,98 @@ function LinkButton({
   );
 }
 
+// src/ui/Map/index.tsx
+var import_react_google_maps = require("@vis.gl/react-google-maps");
+var import_react7 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function MarkerWithInfo({
+  marker,
+  index,
+  onMarkerClick
+}) {
+  const [open, setOpen] = (0, import_react7.useState)(false);
+  const handleClick = (0, import_react7.useCallback)(() => {
+    setOpen((prev) => !prev);
+    onMarkerClick?.(marker, index);
+  }, [marker, index, onMarkerClick]);
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    import_react_google_maps.AdvancedMarker,
+    {
+      position: { lat: marker.lat, lng: marker.lng },
+      title: marker.title,
+      onClick: handleClick,
+      children: [
+        marker.color && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          import_react_google_maps.Pin,
+          {
+            background: marker.color,
+            borderColor: marker.color,
+            glyphColor: "#fff"
+          }
+        ),
+        open && (marker.title || marker.description) && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          import_react_google_maps.InfoWindow,
+          {
+            position: { lat: marker.lat, lng: marker.lng },
+            onCloseClick: () => setOpen(false),
+            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "max-w-xs", children: [
+              marker.title && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-body-sm font-semibold", children: marker.title }),
+              marker.description && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-body-sm text-element-inverse-gray mt-1", children: marker.description })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+var DEFAULT_CENTER = { lat: 16.8661, lng: 96.1951 };
+function GoogleMapView({
+  apiKey,
+  center = DEFAULT_CENTER,
+  zoom = 12,
+  markers = [],
+  mapId,
+  height = "400px",
+  width = "100%",
+  className,
+  gestureHandling = "cooperative",
+  disableDefaultUI = false,
+  onMarkerClick
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_google_maps.APIProvider, { apiKey, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "div",
+    {
+      className: cn("overflow-hidden rounded-unit-corner-radius-xl", className),
+      style: { height, width },
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        import_react_google_maps.Map,
+        {
+          defaultCenter: center,
+          defaultZoom: zoom,
+          mapId,
+          gestureHandling,
+          disableDefaultUI,
+          style: { width: "100%", height: "100%" },
+          children: markers.map((marker, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            MarkerWithInfo,
+            {
+              marker,
+              index: i,
+              onMarkerClick
+            },
+            `${marker.lat}-${marker.lng}-${i}`
+          ))
+        }
+      )
+    }
+  ) });
+}
+
 // src/ui/Media/index.tsx
 var import_class_variance_authority10 = require("class-variance-authority");
 var import_lucide_react16 = require("lucide-react");
 var React10 = __toESM(require("react"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var mediaVariants = (0, import_class_variance_authority10.cva)(
   "relative overflow-hidden bg-gray-100 dark:bg-gray-800",
   {
@@ -8023,7 +9731,7 @@ var Media = React10.forwardRef(
     const handleImageError = () => {
       setImageError(true);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "div",
       {
         ref,
@@ -8031,8 +9739,8 @@ var Media = React10.forwardRef(
         onMouseEnter: () => setIsHovered(true),
         onMouseLeave: () => setIsHovered(false),
         ...props,
-        children: type === "image" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        children: type === "image" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "img",
             {
               src,
@@ -8050,13 +9758,13 @@ var Media = React10.forwardRef(
               style: { objectFit }
             }
           ),
-          !imageLoaded && !imageError && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) }),
-          imageError && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "text-center text-gray-500", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "text-2xl", children: "\u{1F4F7}" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "text-sm", children: "Failed to load" })
+          !imageLoaded && !imageError && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) }),
+          imageError && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "text-center text-gray-500", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "text-2xl", children: "\u{1F4F7}" }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "text-sm", children: "Failed to load" })
           ] }) })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "video",
             {
               ref: videoRef,
@@ -8069,7 +9777,7 @@ var Media = React10.forwardRef(
               preload: "metadata"
             }
           ),
-          showPlayButton && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          showPlayButton && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "div",
             {
               className: cn(
@@ -8079,10 +9787,10 @@ var Media = React10.forwardRef(
                   "opacity-0": !isHovered && !videoPlaying
                 }
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 IconButton,
                 {
-                  icon: videoPlaying ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.Pause, { className: "text-gray-900" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.Play, { className: "ml-1 text-gray-900" }),
+                  icon: videoPlaying ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react16.Pause, { className: "text-gray-900" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react16.Play, { className: "ml-1 text-gray-900" }),
                   onClick: videoPlaying ? handlePause : handlePlay,
                   varient: "outline",
                   size: "md",
@@ -8103,7 +9811,7 @@ Media.displayName = "Media";
 // src/ui/MultiSelect/index.tsx
 var import_lucide_react17 = require("lucide-react");
 var React11 = __toESM(require("react"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function MultiSelect({
   options,
   selected,
@@ -8176,8 +9884,8 @@ function MultiSelect({
     e.preventDefault();
     inputRef.current?.focus();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
       "div",
       {
         ref: containerRef,
@@ -8189,10 +9897,10 @@ function MultiSelect({
         ),
         onClick: handleContainerClick,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-1", children: [
             selected.map((value) => {
               const option = options.find((opt) => opt.value === value);
-              return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 Chip,
                 {
                   label: option?.label || value,
@@ -8203,12 +9911,12 @@ function MultiSelect({
                   className: cn(
                     disabled && "pointer-events-none cursor-not-allowed"
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react17.X, { className: "hover:text-destructive ml-1.5 h-3 w-3 cursor-pointer" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react17.X, { className: "hover:text-destructive ml-1.5 h-3 w-3 cursor-pointer" })
                 },
                 value
               );
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               "input",
               {
                 ref: inputRef,
@@ -8222,25 +9930,25 @@ function MultiSelect({
               }
             )
           ] }),
-          selected.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          selected.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             import_lucide_react17.CircleXIcon,
             {
               className: "text-icon-default size-4.5 shrink-0",
               onClick: () => onChange([])
             }
           ),
-          !createConfig?.enabled && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react17.ChevronDown, { className: "text-icon-default size-4.5 shrink-0" })
+          !createConfig?.enabled && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react17.ChevronDown, { className: "text-icon-default size-4.5 shrink-0" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       PopoverContent,
       {
         className: "shadow-box w-[var(--radix-popover-trigger-width)] border-none bg-white p-2",
         align: "start",
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "max-h-[300px] overflow-y-auto", children: filteredOptions.length === 0 && !canCreate ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "py-6 text-center text-gray-500", children: inputValue ? "No results found." : "Start typing to search..." }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col gap-1.5 px-1.5 pt-1.5 pb-0.5", children: [
-          createConfig?.enabled && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-text-default pb-0.5 font-semibold", children: "Select or create one" }),
-          filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "max-h-[300px] overflow-y-auto", children: filteredOptions.length === 0 && !canCreate ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "py-6 text-center text-gray-500", children: inputValue ? "No results found." : "Start typing to search..." }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col gap-1.5 px-1.5 pt-1.5 pb-0.5", children: [
+          createConfig?.enabled && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-text-default pb-0.5 font-semibold", children: "Select or create one" }),
+          filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             Chip,
             {
               label: option.label,
@@ -8249,14 +9957,14 @@ function MultiSelect({
             },
             option.value
           )),
-          canCreate && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+          canCreate && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
             "div",
             {
               onClick: async () => await handleCreate(),
               className: "flex items-center justify-between",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Chip, { label: inputValue.trim(), className: "rounded-md" }),
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Chip, { label: inputValue.trim(), className: "rounded-md" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                   Button,
                   {
                     variant: "ghost",
@@ -8277,7 +9985,7 @@ function MultiSelect({
 // src/ui/OTPInput/index.tsx
 var import_input_otp = require("input-otp");
 var React12 = __toESM(require("react"), 1);
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function OTPInput({
   type = 4,
   separate = false,
@@ -8285,8 +9993,8 @@ function OTPInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(InputOTP, { disabled, className: "w-full", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InputOTPGroup, { className: "w-full", children: [...new Array(type / 2)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(InputOTP, { disabled, className: "w-full", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(InputOTPGroup, { className: "w-full", children: [...new Array(type / 2)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       InputOTPSlot,
       {
         className: "w-full",
@@ -8295,8 +10003,8 @@ function OTPInput({
       },
       index
     )) }),
-    separate && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InputOTPSeparator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InputOTPGroup, { className: "w-full", children: [...new Array(type / 2)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    separate && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(InputOTPSeparator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(InputOTPGroup, { className: "w-full", children: [...new Array(type / 2)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       InputOTPSlot,
       {
         className: "w-full",
@@ -8312,7 +10020,7 @@ function InputOTP({
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_input_otp.OTPInput,
     {
       "data-slot": "input-otp",
@@ -8323,7 +10031,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -8341,7 +10049,7 @@ function InputOTPSlot({
 }) {
   const inputOTPContext = React12.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -8356,26 +10064,26 @@ function InputOTPSlot({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-h6", children: char || placeholder }),
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-h6", children: char || placeholder }),
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "bg-border-primary-normal h-0.5 w-2" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "bg-border-primary-normal h-0.5 w-2" }) });
 }
 
 // src/ui/PasswordInput/index.tsx
 var React13 = __toESM(require("react"), 1);
 var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var PasswordInput = React13.memo(
   ({ type, label, className, ...props }) => {
     const [showPassword, setShowPassword] = React13.useState(false);
     const error = props["aria-invalid"] || false;
     const inputRef = React13.useRef(null);
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "div",
       {
         className: cn(
@@ -8395,7 +10103,7 @@ var PasswordInput = React13.memo(
           }
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "input",
             {
               ref: inputRef,
@@ -8419,7 +10127,7 @@ var PasswordInput = React13.memo(
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "button",
             {
               tabIndex: -1,
@@ -8428,7 +10136,7 @@ var PasswordInput = React13.memo(
               onClick: () => setShowPassword(!showPassword),
               "aria-label": showPassword ? "Hide password" : "Show password",
               className: "hover:bg-primary-bg-soft absolute right-2 flex h-5 w-5 cursor-pointer items-center justify-center rounded-sm bg-white",
-              children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react18.Eye, { size: 16, className: "text-element-inverse-default-alt" }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react18.EyeOff, { size: 16, className: "text-element-inverse-default-alt" })
+              children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react18.Eye, { size: 16, className: "text-element-inverse-default-alt" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react18.EyeOff, { size: 16, className: "text-element-inverse-default-alt" })
             }
           )
         ]
@@ -8440,16 +10148,16 @@ var PasswordInput = React13.memo(
 // src/ui/Radio/index.tsx
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
 var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Radio({ onSelect, options, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(BaseRadioGroup, { ...props, children: options.map((option) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(BaseRadioGroup, { ...props, children: options.map((option) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       Label2,
       {
         htmlFor: option.value,
         className: "hover:bg-surface-bg flex cursor-pointer items-center gap-x-2 rounded-lg p-1.5",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             BaseRadioGroupItem,
             {
               onClick: () => {
@@ -8470,7 +10178,7 @@ function BaseRadioGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -8483,7 +10191,7 @@ function BaseRadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -8492,12 +10200,12 @@ function BaseRadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.CircleIcon, { className: "fill-check-box-and-radio-checked-enabled group-data-[state=checked]:hover:fill-check-box-and-radio-checked-hovered absolute top-1/2 left-1/2 size-[16px] -translate-x-1/2 -translate-y-1/2 stroke-none" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react19.CircleIcon, { className: "fill-check-box-and-radio-checked-enabled group-data-[state=checked]:hover:fill-check-box-and-radio-checked-hovered absolute top-1/2 left-1/2 size-[16px] -translate-x-1/2 -translate-y-1/2 stroke-none" })
         }
       )
     }
@@ -8508,8 +10216,8 @@ function BaseRadioGroupItem({
 var import_lodash = require("lodash");
 var import_lucide_react20 = require("lucide-react");
 var import_nuqs = require("nuqs");
-var import_react7 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function SearchInput({
   searchKey,
   placeholder = "Search by...",
@@ -8521,8 +10229,8 @@ function SearchInput({
   const [search, setSearch] = (0, import_nuqs.useQueryState)(searchKey, {
     defaultValue: ""
   });
-  const [inputValue, setInputValue] = (0, import_react7.useState)(search ?? "");
-  const debouncedSetValue = (0, import_react7.useCallback)(
+  const [inputValue, setInputValue] = (0, import_react8.useState)(search ?? "");
+  const debouncedSetValue = (0, import_react8.useCallback)(
     (0, import_lodash.debounce)((value) => {
       if (addToParam) {
         setSearch(value);
@@ -8532,13 +10240,13 @@ function SearchInput({
     }, debounceDelay),
     [debounceDelay, addToParam, setSearch]
   );
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     debouncedSetValue(inputValue);
     return () => {
       debouncedSetValue.cancel();
     };
   }, [inputValue, debouncedSetValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("relative", className), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("relative", className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     Input,
     {
       onChange: (e) => {
@@ -8547,7 +10255,7 @@ function SearchInput({
       },
       placeholder,
       prefixNode: {
-        node: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react20.SearchIcon, { className: "text-element-inverse-default" }),
+        node: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react20.SearchIcon, { className: "text-element-inverse-default" }),
         withBorder: false
       },
       value: inputValue,
@@ -8560,7 +10268,7 @@ function SearchInput({
 // src/ui/SelectHover/index.tsx
 var import_lucide_react21 = require("lucide-react");
 var React14 = __toESM(require("react"), 1);
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function SelectHover({
   options,
   placeholder = "Select an option",
@@ -8587,15 +10295,15 @@ function SelectHover({
       setIsOpen(false);
     }, 300);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Popover, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { role: "combobox", "aria-expanded": isOpen, className, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "truncate", children: selectedOption ? selectedOption.label : placeholder }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Popover, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { role: "combobox", "aria-expanded": isOpen, className, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "truncate", children: selectedOption ? selectedOption.label : placeholder }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       PopoverContent,
       {
         className: "bg-surface-bg-container w-full rounded-3xl border-none p-2 shadow-md",
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
-        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex max-h-[300px] flex-col items-start gap-[2px] overflow-auto", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex max-h-[300px] flex-col items-start gap-[2px] overflow-auto", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
           "button",
           {
             className: cn(
@@ -8604,8 +10312,8 @@ function SelectHover({
             ),
             onClick: () => handleSelect(option.value),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "flex-1", children: option.label }),
-              value === option.value && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react21.Check, { className: "text-icon-secondary ml-2 h-4 w-4" })
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "flex-1", children: option.label }),
+              value === option.value && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react21.Check, { className: "text-icon-secondary ml-2 h-4 w-4" })
             ]
           },
           option.value
@@ -8618,7 +10326,7 @@ function SelectHover({
 // src/ui/SelectInput/index.tsx
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function SelectInput({
   defaultValue,
   options,
@@ -8631,8 +10339,8 @@ function SelectInput({
   itemProps,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(BaseSelect, { onValueChange: onChange, defaultValue, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(BaseSelect, { onValueChange: onChange, defaultValue, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       BaseSelectTrigger,
       {
         withArrow,
@@ -8640,7 +10348,7 @@ function SelectInput({
         "aria-invalid": props["aria-invalid"],
         className: cn("w-full cursor-pointer", className),
         variant,
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           BaseSelectValue,
           {
             className: "flex-1",
@@ -8649,7 +10357,7 @@ function SelectInput({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       BaseSelectContent,
       {
         ...contentProps,
@@ -8657,7 +10365,7 @@ function SelectInput({
           "border-stroke-inverse-slate-02 border",
           contentProps?.className
         ),
-        children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+        children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
           BaseSelectItem,
           {
             value: option.value,
@@ -8677,12 +10385,12 @@ function SelectInput({
 function BaseSelect({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function BaseSelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function BaseSelectTrigger({
   className,
@@ -8692,7 +10400,7 @@ function BaseSelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -8713,7 +10421,7 @@ function BaseSelectTrigger({
       ...props,
       children: [
         children,
-        withArrow && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.ChevronDownIcon, { className: "text-icon-default size-4" }) })
+        withArrow && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react22.ChevronDownIcon, { className: "text-icon-default size-4" }) })
       ]
     }
   );
@@ -8724,7 +10432,7 @@ function BaseSelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -8736,8 +10444,8 @@ function BaseSelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(BaseSelectScrollUpButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(BaseSelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -8747,7 +10455,7 @@ function BaseSelectContent({
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(BaseSelectScrollDownButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(BaseSelectScrollDownButton, {})
       ]
     }
   ) });
@@ -8757,7 +10465,7 @@ function BaseSelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -8767,8 +10475,8 @@ function BaseSelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.CheckIcon, { className: "text-icon-secondary size-4" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react22.CheckIcon, { className: "text-icon-secondary size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -8777,7 +10485,7 @@ function BaseSelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -8786,7 +10494,7 @@ function BaseSelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react22.ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -8794,7 +10502,7 @@ function BaseSelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -8803,7 +10511,7 @@ function BaseSelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react22.ChevronDownIcon, { className: "size-4" })
     }
   );
 }
@@ -8811,15 +10519,15 @@ function BaseSelectScrollDownButton({
 // src/ui/Sheet/index.tsx
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 
 // src/ui/Skeleton/index.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
       "data-slot": "skeleton",
@@ -8835,7 +10543,7 @@ function Skeleton({ className, ...props }) {
 // src/ui/Slider/index.tsx
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
 var React15 = __toESM(require("react"), 1);
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function Slider({
   className,
   defaultValue,
@@ -8848,7 +10556,7 @@ function Slider({
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     SliderPrimitive.Root,
     {
       "data-slot": "slider",
@@ -8862,14 +10570,14 @@ function Slider({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
             className: cn(
               "bg-audioProgress-bg relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -8880,7 +10588,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -8896,10 +10604,10 @@ function Slider({
 // src/ui/Sooner/index.tsx
 var import_next_themes = require("next-themes");
 var import_sonner = require("sonner");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = (0, import_next_themes.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     import_sonner.Toaster,
     {
       theme,
@@ -8916,14 +10624,14 @@ var Toaster = ({ ...props }) => {
 
 // src/ui/Switch/index.tsx
 var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Switch({
   className,
   label,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       SwitchPrimitive.Root,
       {
         "data-slot": "switch",
@@ -8933,7 +10641,7 @@ function Switch({
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           SwitchPrimitive.Thumb,
           {
             "data-slot": "switch-thumb",
@@ -8944,7 +10652,7 @@ function Switch({
         )
       }
     ),
-    label && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label2, { htmlFor: props.id || label, children: label })
+    label && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Label2, { htmlFor: props.id || label, children: label })
   ] });
 }
 
@@ -8956,8 +10664,8 @@ var import_class_variance_authority11 = require("class-variance-authority");
 var import_lucide_react25 = require("lucide-react");
 var import_magick_icons4 = require("magick-icons");
 var React16 = __toESM(require("react"), 1);
-var import_react8 = require("react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var Table = ({
   columns,
   tableData,
@@ -8965,7 +10673,7 @@ var Table = ({
   emptyState = {
     emptyAction: void 0,
     label: "There is currently no data available to display in this table.",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(IconProfile, { icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_magick_icons4.IconsaxBriefcaseBold, {}), color: "teal" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(IconProfile, { icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_magick_icons4.IconsaxBriefcaseBold, {}), color: "teal" })
   },
   onRowClick
 }) => {
@@ -8977,41 +10685,41 @@ var Table = ({
     getSortedRowModel: (0, import_react_table.getSortedRowModel)()
   });
   const rowCount = table.getRowModel().rows.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative flex flex-col overflow-auto", children: [
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "relative flex flex-col overflow-auto", children: [
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "div",
       {
         className: cn(
           rowCount === 0 ? "" : "bg-gray-100 dark:bg-gray-700",
           "absolute top-10 left-0 w-full h-full min-h-[100px] opacity-70 z-10 flex items-center justify-center"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react24.Loader2, { className: "size-10 text-stroke-inverse-slate-04 " })
+        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react24.Loader2, { className: "size-10 text-stroke-inverse-slate-04 " })
       }
     ) : null,
-    !isLoading && rowCount === 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-2", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+    !isLoading && rowCount === 0 ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-2", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
       emptyState?.icon,
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Text, { children: emptyState?.label }),
-      emptyState?.emptyAction ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Text, { children: emptyState?.label }),
+      emptyState?.emptyAction ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         Button,
         {
           variant: "outline",
-          prefix: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_magick_icons4.MagickoAdd, { className: "[&_path]:fill-element-inverse-default" }),
+          prefix: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_magick_icons4.MagickoAdd, { className: "[&_path]:fill-element-inverse-default" }),
           onClick: () => emptyState?.emptyAction?.(),
           children: "Create new"
         }
       ) : null
     ] }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "max-w-full flex-1 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "max-w-full flex-1 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "table",
       {
         className: "w-full caption-bottom text-sm",
         style: { minWidth: "max-content" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("thead", { className: "bg-fill-inverse-slate-03", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("thead", { className: "bg-fill-inverse-slate-03", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "tr",
             {
               className: "hover:bg-muted/50 border-stroke-inverse-slate-02 border-b transition-colors",
-              children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 "th",
                 {
                   className: "text-muted-foreground h-12 px-4 text-left align-middle font-medium",
@@ -9025,14 +10733,14 @@ var Table = ({
             },
             headerGroup.id
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("tbody", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("tbody", { className: "relative", children: [
             table.getRowModel().rows.map((row) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 "tr",
                 {
                   className: "hover:bg-muted/50 bg-table-table-cell-unselected group/row border-stroke-inverse-slate-02 cursor-pointer border-b transition-colors",
                   onClick: () => onRowClick?.(row.original),
-                  children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { className: "p-4", children: (0, import_react_table.flexRender)(
+                  children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("td", { className: "p-4", children: (0, import_react_table.flexRender)(
                     cell.column.columnDef.cell,
                     cell.getContext()
                   ) }, cell.id))
@@ -9040,7 +10748,7 @@ var Table = ({
                 row.id
               );
             }),
-            rowCount === 0 && Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { colSpan: columns.length, className: "h-12 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "" }) }) }, index))
+            rowCount === 0 && Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("td", { colSpan: columns.length, className: "h-12 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "" }) }) }, index))
           ] })
         ]
       }
@@ -9075,13 +10783,13 @@ var PrimaryCell = React16.forwardRef(
   }, ref) => {
     let content = children;
     if (variant === "badge") {
-      content = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
+      content = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
         children,
-        badgeContent && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Badge, { type: badgeType, size: badgeSize, children: badgeContent })
+        badgeContent && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Badge, { type: badgeType, size: badgeSize, children: badgeContent })
       ] });
     } else if (variant === "progress") {
-      content = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-        progressValue !== 100 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      content = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+        progressValue !== 100 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           ProgressIndicator,
           {
             variant: "circle",
@@ -9090,23 +10798,23 @@ var PrimaryCell = React16.forwardRef(
             showPercentage: showProgressPercentage
           }
         ),
-        children && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-body-sm text-element-inverse-default", children })
+        children && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-body-sm text-element-inverse-default", children })
       ] });
     } else if (variant === "error") {
-      content = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react25.AlertCircle, { className: "size-4 shrink-0" }),
-        errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-body-sm", children: errorMessage }) : children
+      content = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react25.AlertCircle, { className: "size-4 shrink-0" }),
+        errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-body-sm", children: errorMessage }) : children
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "div",
       {
         ref,
         className: cn(primaryCellVariants({ variant })),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: content }),
-          hoverUI && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ml-2 flex items-center gap-2 opacity-0 transition-opacity duration-200 group-hover/row:opacity-100", children: hoverUI })
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: content }),
+          hoverUI && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "ml-2 flex items-center gap-2 opacity-0 transition-opacity duration-200 group-hover/row:opacity-100", children: hoverUI })
         ]
       }
     );
@@ -9115,7 +10823,7 @@ var PrimaryCell = React16.forwardRef(
 PrimaryCell.displayName = "PrimaryCell";
 Table.PrimaryCell = PrimaryCell;
 var TextCell = React16.forwardRef(({ text, copyable = true, className, ...props }, ref) => {
-  const [isCopied, setIsCopied] = (0, import_react8.useState)(false);
+  const [isCopied, setIsCopied] = (0, import_react9.useState)(false);
   const [hoverRef, isHovering] = (0, import_usehooks.useHover)();
   const handleCopy = () => {
     navigator.clipboard.writeText(text);
@@ -9128,11 +10836,11 @@ var TextCell = React16.forwardRef(({ text, copyable = true, className, ...props
       }, 1200);
     }
   }, [isCopied]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("w-full h-full", className), ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative", ref: hoverRef, children: [
-    copyable && isHovering && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn("w-full h-full", className), ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "relative", ref: hoverRef, children: [
+    copyable && isHovering && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       IconButton,
       {
-        icon: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        icon: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           import_magick_icons4.MagickoCopySuccess,
           {
             className: cn(
@@ -9140,16 +10848,16 @@ var TextCell = React16.forwardRef(({ text, copyable = true, className, ...props
               "transition-all ease-in duration-200"
             )
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_magick_icons4.MagickoCopy, { className: "size-4" }),
+        ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_magick_icons4.MagickoCopy, { className: "size-4" }),
         className: "absolute top-1/2 -right-3 -translate-y-1/2",
         size: "sm",
         varient: "soft",
         onClick: handleCopy
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Popover, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Text, { className: "truncate line-clamp-1", children: text ?? "-" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PopoverContent, { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Text, { children: text ?? "-" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Popover, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Text, { className: "truncate line-clamp-1", children: text ?? "-" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PopoverContent, { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Text, { children: text ?? "-" }) })
     ] })
   ] }) });
 });
@@ -9159,7 +10867,7 @@ var Table_default = Table;
 
 // src/ui/Tabs/index.tsx
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Tabs({
   defaultActiveTab,
   tabSmall,
@@ -9168,8 +10876,8 @@ function Tabs({
   showContent = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(BaseTabs, { defaultValue: defaultActiveTab, className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BaseTabsList, { children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(BaseTabs, { defaultValue: defaultActiveTab, className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BaseTabsList, { children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       BaseTabsTrigger,
       {
         tabSmall,
@@ -9177,22 +10885,22 @@ function Tabs({
         className: "relative flex cursor-pointer items-center justify-center gap-x-2",
         onClick: typeof tab === "object" && "onClick" in tab ? tab.onClick : void 0,
         children: [
-          tab.icon && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { children: tab.icon }),
+          tab.icon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { children: tab.icon }),
           tab.label,
-          tab.notification && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "bg-icon-destructive absolute top-1 right-1 size-1.5 rounded-full" }),
-          !!tab.count && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Badge, { type: "primary-soft", children: tab.count })
+          tab.notification && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "bg-icon-destructive absolute top-1 right-1 size-1.5 rounded-full" }),
+          !!tab.count && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge, { type: "primary-soft", children: tab.count })
         ]
       },
       tab.value
     )) }),
-    showContent && "content" in tabs[0] && tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BaseTabsContent, { value: tab.value, children: tab.content }, tab.value))
+    showContent && "content" in tabs[0] && tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BaseTabsContent, { value: tab.value, children: tab.content }, tab.value))
   ] });
 }
 function BaseTabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
@@ -9205,7 +10913,7 @@ function BaseTabsList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     TabsPrimitive.List,
     {
       "data-slot": "tabs-list",
@@ -9222,7 +10930,7 @@ function BaseTabsTrigger({
   tabSmall,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     TabsPrimitive.Trigger,
     {
       "data-slot": "tabs-trigger",
@@ -9239,7 +10947,7 @@ function BaseTabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
@@ -9251,7 +10959,7 @@ function BaseTabsContent({
 
 // src/ui/Tag/index.tsx
 var import_class_variance_authority12 = require("class-variance-authority");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var tagVariants = (0, import_class_variance_authority12.cva)("px-1 rounded-sm", {
   variants: {
     variant: {
@@ -9269,14 +10977,14 @@ function Tag({
   variant,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { "data-slot": "tag", className: cn(tagVariants({ variant }), className), children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-caption font-semibold text-white", children: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { "data-slot": "tag", className: cn(tagVariants({ variant }), className), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-caption font-semibold text-white", children: label }) });
 }
 
 // src/ui/TextAreaInput/index.tsx
 var React17 = __toESM(require("react"), 1);
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var TextareaInput = React17.forwardRef(({ className, label, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "textarea",
     {
       ref,
@@ -9296,8 +11004,8 @@ var TextAreaInput_default = TextareaInput;
 
 // src/ui/TimePicker/index.tsx
 var import_lucide_react26 = require("lucide-react");
-var import_react9 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function TimePicker({
   label,
   onValueChange,
@@ -9306,7 +11014,7 @@ function TimePicker({
   value,
   ...props
 }) {
-  const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
+  const [isOpen, setIsOpen] = (0, import_react10.useState)(false);
   const currentValue = value || defaultValue || "";
   const formatTimeForDisplay = (timeValue) => {
     if (!timeValue) return "";
@@ -9318,10 +11026,10 @@ function TimePicker({
   const handleChange = (value2) => {
     onValueChange?.(value2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-3", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Label2, { htmlFor: "time-picker", className: "px-1", children: "Time" }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DropdownMenu, { open: isOpen, onOpenChange: setIsOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuTrigger, { className: "!p-0", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col gap-3", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Label2, { htmlFor: "time-picker", className: "px-1", children: "Time" }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(DropdownMenu, { open: isOpen, onOpenChange: setIsOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DropdownMenuTrigger, { className: "!p-0", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         Input,
         {
           ...props,
@@ -9329,17 +11037,17 @@ function TimePicker({
           value: currentValue ? formatTimeForDisplay(currentValue) : "",
           onKeyDown: (e) => e.preventDefault(),
           prefixNode: {
-            node: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.Clock, { className: "pointer-events-none h-5 w-5 text-gray-700" }),
+            node: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.Clock, { className: "pointer-events-none h-5 w-5 text-gray-700" }),
             withBorder: false
           }
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         DropdownMenuContent,
         {
           align: "start",
           className: "max-h-60 min-w-41 overflow-y-auto",
-          children: timeOptions?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          children: timeOptions?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             DropdownMenuItem,
             {
               className: cn(
@@ -9360,11 +11068,11 @@ function TimePicker({
 // src/ui/Title/index.tsx
 var import_react_slot6 = require("@radix-ui/react-slot");
 var React18 = __toESM(require("react"), 1);
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var Title2 = React18.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot6.Slot : "h2";
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       Comp,
       {
         ref,
@@ -9383,7 +11091,7 @@ var Title_default = Title2;
 // src/ui/Toggle/index.tsx
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
 var import_class_variance_authority13 = require("class-variance-authority");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority13.cva)(
   "inline-flex items-center justify-center gap-2 text-sm font-medium disabled:pointer-events-none disabled:text-icon-inactive data-[state=on]:disabled:text-icon-inactive data-[state=on]:disabled:bg-toggle-bg-inactiveDefault data-[state=on]:bg-toggle-bg-activeDefault data-[state=on]:hover:bg-toggle-bg-activeHover data-[state=on]:text-icon-white hover:bg-toggle-bg-inactiveHover hover:text-icon-default [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap cursor-pointer",
   {
@@ -9418,7 +11126,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     TogglePrimitive.Root,
     {
       "data-slot": "toggle",
@@ -9430,12 +11138,12 @@ function Toggle({
 }
 
 // src/ui/ToggleDropdownButton/index.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/ui/ToggleDropdownButton/ToggleDropdownLeftButton.tsx
 var import_class_variance_authority14 = require("class-variance-authority");
 var React19 = __toESM(require("react"), 1);
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var toggleDropdownLeftButtonVariants = (0, import_class_variance_authority14.cva)(
   "flex items-center justify-center cursor-pointer transition-all",
   {
@@ -9531,7 +11239,7 @@ function ToggleDropdownLeftButton({
 }) {
   const iconClass = selected ? "text-element-static-white fill-element-static-white" : "text-element-inverse-default fill-element-inverse-default";
   const isIcon = React19.isValidElement(children);
-  return type === "text" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return type === "text" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "button",
     {
       type: "button",
@@ -9540,7 +11248,7 @@ function ToggleDropdownLeftButton({
         className
       ),
       ...props,
-      children: isIcon ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      children: isIcon ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         IconContainer,
         {
           colorInFill: false,
@@ -9553,7 +11261,7 @@ function ToggleDropdownLeftButton({
         }
       ) : children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "button",
     {
       type: "button",
@@ -9562,7 +11270,7 @@ function ToggleDropdownLeftButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         IconContainer,
         {
           colorInFill: false,
@@ -9581,7 +11289,7 @@ function ToggleDropdownLeftButton({
 // src/ui/ToggleDropdownButton/ToggleDropdownRightButton.tsx
 var import_class_variance_authority15 = require("class-variance-authority");
 var React20 = __toESM(require("react"), 1);
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var toggleDropdownRightButtonVariants = (0, import_class_variance_authority15.cva)(
   "flex items-center justify-center group cursor-pointer transition-all",
   {
@@ -9677,7 +11385,7 @@ function ToggleDropdownRightButton({
 }) {
   const iconClass = selected ? "text-element-static-white fill-element-static-white" : "text-element-inverse-default fill-element-inverse-default";
   const isIcon = React20.isValidElement(children);
-  return type === "text" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return type === "text" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "button",
     {
       type: "button",
@@ -9686,7 +11394,7 @@ function ToggleDropdownRightButton({
         className
       ),
       ...props,
-      children: isIcon ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      children: isIcon ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         IconContainer,
         {
           colorInFill: false,
@@ -9699,7 +11407,7 @@ function ToggleDropdownRightButton({
         }
       ) : children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "button",
     {
       type: "button",
@@ -9708,7 +11416,7 @@ function ToggleDropdownRightButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         IconContainer,
         {
           colorInFill: false,
@@ -9725,10 +11433,10 @@ function ToggleDropdownRightButton({
 }
 
 // src/ui/ToggleDropdownButton/useToggleDropdown.ts
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/ui/ToggleDropdownButton/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var ToggleDropdownButton = ({
   type,
   selected,
@@ -9739,15 +11447,15 @@ var ToggleDropdownButton = ({
   onLeftButtonClick,
   dropdownMenu
 }) => {
-  const rightButtonRef = (0, import_react11.useRef)(null);
+  const rightButtonRef = (0, import_react12.useRef)(null);
   const handleRightButtonClick = () => {
     onRightButtonClick?.();
   };
   const handleLeftButtonClick = () => {
     onLeftButtonClick?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "gap-x-unit-1px flex items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "gap-x-unit-1px flex items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       ToggleDropdownLeftButton,
       {
         selected,
@@ -9758,8 +11466,8 @@ var ToggleDropdownButton = ({
         children: leftButtonChildren
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         ToggleDropdownRightButton,
         {
           ref: rightButtonRef,
@@ -9779,8 +11487,8 @@ var ToggleDropdownButton_default = ToggleDropdownButton;
 
 // src/ui/ToolToggle/index.tsx
 var import_lucide_react27 = require("lucide-react");
-var import_react12 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var ToolToggle = ({
   dropdown,
   dropdownContent,
@@ -9788,41 +11496,41 @@ var ToolToggle = ({
   className,
   onClick
 }) => {
-  const [active, setActive] = (0, import_react12.useState)(false);
+  const [active, setActive] = (0, import_react13.useState)(false);
   const handleClick = () => {
     setActive(!active);
     onClick?.(active);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn(dropdown ? "min-w-20" : "min-w-[52px]", className), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn(dropdown ? "min-w-20" : "min-w-[52px]", className), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       DropdownMenuTrigger,
       {
         className: cn(
           "border-border-primary-light !bg-toggle-bg-inactiveDefault hover:!bg-toggle-bg-inactiveHover flex h-full w-full items-center justify-center gap-x-2 !rounded-full border p-4 transition-all",
           active && "!bg-toggle-bg-activeDefault hover:!bg-toggle-bg-activeHover"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
           "div",
           {
             className: "flex items-center justify-center gap-x-2",
             onClick: handleClick,
             children: [
               icon,
-              dropdown && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.ChevronDown, { className: "text-icon-default size-5" })
+              dropdown && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react27.ChevronDown, { className: "text-icon-default size-5" })
             ]
           }
         )
       }
     ),
-    dropdown && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DropdownMenuContent, { align: "start", className: "min-w-41", children: dropdownContent })
+    dropdown && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DropdownMenuContent, { align: "start", className: "min-w-41", children: dropdownContent })
   ] }) });
 };
 
 // src/ui/WrapperCard/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var WrapperCard = (props) => {
   const { children, className } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "div",
     {
       className: cn(
@@ -9838,7 +11546,7 @@ var WrapperCard = (props) => {
 var import_react_slot7 = require("@radix-ui/react-slot");
 var React21 = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var BaseForm = import_react_hook_form.FormProvider;
 var FormFieldContext = React21.createContext(
   {}
@@ -9846,7 +11554,7 @@ var FormFieldContext = React21.createContext(
 var BaseFormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_hook_form.Controller, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_hook_form.Controller, { ...props }) });
 };
 var useFormField = () => {
   const fieldContext = React21.useContext(FormFieldContext);
@@ -9872,7 +11580,7 @@ var FormItemContext = React21.createContext(
 );
 function BaseFormItem({ className, ...props }) {
   const id = React21.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "div",
     {
       "data-slot": "form-item",
@@ -9886,7 +11594,7 @@ function BaseFormLabel({
   ...props
 }) {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     Label2,
     {
       "data-slot": "form-label",
@@ -9902,7 +11610,7 @@ function BaseFormLabel({
 }
 function BaseFormControl({ ...props }) {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     import_react_slot7.Slot,
     {
       "data-slot": "form-control",
@@ -9918,7 +11626,7 @@ function BaseFormDescription({
   ...props
 }) {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "p",
     {
       "data-slot": "form-description",
@@ -9934,7 +11642,7 @@ function BaseFormMessage({ className, ...props }) {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "p",
     {
       "data-slot": "form-message",
@@ -9948,7 +11656,7 @@ function BaseFormMessage({ className, ...props }) {
 
 // src/ui/form/FormField.tsx
 var React22 = __toESM(require("react"), 1);
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var FormField = ({
   control,
   field,
@@ -9956,18 +11664,18 @@ var FormField = ({
   onBlur,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     BaseFormField,
     {
       control,
       name: field.name,
-      render: ({ field: formField }) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(BaseFormItem, { className: cn("w-full", className), children: [
-        field.label && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(BaseFormLabel, { className: "gap-1", children: [
+      render: ({ field: formField }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(BaseFormItem, { className: cn("w-full", className), children: [
+        field.label && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(BaseFormLabel, { className: "gap-1", children: [
           field.label,
-          field.required && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-element-inverse-red", children: "*" }),
-          field.optional && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-title-sm!", children: "(Optional)" })
+          field.required && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-element-inverse-red", children: "*" }),
+          field.optional && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-title-sm!", children: "(Optional)" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(BaseFormControl, { children: React22.isValidElement(field.render) ? React22.cloneElement(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(BaseFormControl, { children: React22.isValidElement(field.render) ? React22.cloneElement(
           field.render,
           {
             ...formField,
@@ -9977,7 +11685,7 @@ var FormField = ({
             }
           }
         ) : field.render }),
-        isShowError && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(BaseFormMessage, {})
+        isShowError && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(BaseFormMessage, {})
       ] })
     },
     field.name
@@ -9985,10 +11693,10 @@ var FormField = ({
 };
 
 // src/ui/form/Form.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_react_hook_form2 = require("react-hook-form");
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var FormMethodsContext = (0, import_react13.createContext)(
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var FormMethodsContext = (0, import_react14.createContext)(
   null
 );
 function Form({
@@ -9998,11 +11706,11 @@ function Form({
   className,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormMethodsContext.Provider,
     {
       value: formMethods,
-      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(BaseForm, { ...formMethods, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(BaseForm, { ...formMethods, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         "form",
         {
           id,
@@ -10023,7 +11731,7 @@ Form.InputField = function InputField({
   ...props
 }) {
   const { control } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormField,
     {
       className: "w-full",
@@ -10034,7 +11742,7 @@ Form.InputField = function InputField({
         name,
         label,
         required,
-        render: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Input, { ...props, inputClassName: props.inputClassName })
+        render: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Input, { ...props, inputClassName: props.inputClassName })
       }
     }
   );
@@ -10045,7 +11753,7 @@ Form.PasswordField = function PasswordField({
   ...props
 }) {
   const { control } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormField,
     {
       className: "w-full",
@@ -10053,7 +11761,7 @@ Form.PasswordField = function PasswordField({
       field: {
         name,
         label,
-        render: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(PasswordInput, { ...props })
+        render: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(PasswordInput, { ...props })
       }
     }
   );
@@ -10065,7 +11773,7 @@ Form.SelectInputField = function SelectInputField({
   ...props
 }) {
   const { control } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormField,
     {
       control,
@@ -10073,7 +11781,7 @@ Form.SelectInputField = function SelectInputField({
         name,
         required,
         label,
-        render: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SelectInput, { ...props })
+        render: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SelectInput, { ...props })
       }
     }
   );
@@ -10085,14 +11793,14 @@ Form.MultiSelectField = function MultiSelectField({
 }) {
   const { control, watch, setValue } = (0, import_react_hook_form2.useFormContext)();
   const selectedValues = watch(name) || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormField,
     {
       control,
       field: {
         name,
         label,
-        render: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           MultiSelect,
           {
             ...props,
@@ -10111,7 +11819,7 @@ Form.TextareaField = function TextareaField({
   ...props
 }) {
   const { control } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormField,
     {
       control,
@@ -10119,7 +11827,7 @@ Form.TextareaField = function TextareaField({
         name,
         label,
         optional,
-        render: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TextAreaInput_default, { ...props })
+        render: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TextAreaInput_default, { ...props })
       }
     }
   );
@@ -10137,14 +11845,14 @@ Form.FileUploadField = function FileUploadFieldComponent({
   const { control, formState } = (0, import_react_hook_form2.useFormContext)();
   const fieldError = formState.errors[name];
   const hasValidationError = !!fieldError;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     import_react_hook_form2.Controller,
     {
       control,
       name,
-      render: ({ field: formField }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "space-y-1", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("label", { htmlFor: name, className: "font-medium", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      render: ({ field: formField }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "space-y-1", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("label", { htmlFor: name, className: "font-medium", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           FileUploadField,
           {
             field: { name, isMultiple, maxFiles, children },
@@ -10175,7 +11883,7 @@ Form.DateInputField = function DateInputField({
 }) {
   const { control, watch, setValue } = (0, import_react_hook_form2.useFormContext)();
   const value = watch(name);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormField,
     {
       control,
@@ -10183,7 +11891,7 @@ Form.DateInputField = function DateInputField({
         name,
         label,
         required,
-        render: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           DatePickerInput,
           {
             ...props,
@@ -10202,14 +11910,14 @@ Form.TimeInputField = function TimeInputField({
   ...props
 }) {
   const { control, setValue } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormField,
     {
       control,
       field: {
         name,
         label,
-        render: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           TimePicker,
           {
             onValueChange: (value) => {
@@ -10228,13 +11936,13 @@ Form.CheckboxField = function CheckboxField({
   ...props
 }) {
   const { control } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormField,
     {
       control,
       field: {
         name,
-        render: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Checkbox, { value: name, label, ...props })
+        render: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Checkbox, { value: name, label, ...props })
       }
     }
   );
@@ -10244,12 +11952,12 @@ Form.OTPInputField = function OTPInputField({
   ...props
 }) {
   const { control } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormField,
     {
       className: "w-full",
       control,
-      field: { name, render: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(OTPInput, { ...props }) }
+      field: { name, render: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(OTPInput, { ...props }) }
     }
   );
 };
@@ -10260,14 +11968,14 @@ Form.RadioField = function RadioField({
 }) {
   const { control } = (0, import_react_hook_form2.useFormContext)();
   const { setValue } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormField,
     {
       control,
       field: {
         name,
         label,
-        render: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           Radio,
           {
             ...props,
@@ -10284,13 +11992,13 @@ Form.ComboboxField = function ComboboxField({
 }) {
   const { control, setValue, watch } = (0, import_react_hook_form2.useFormContext)();
   const value = watch(name);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormField,
     {
       control,
       field: {
         name,
-        render: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           Combobox,
           {
             ...props,
@@ -10312,7 +12020,7 @@ Form.SwitchField = function SwitchField({
 }) {
   const { control, setValue, watch } = (0, import_react_hook_form2.useFormContext)();
   const value = watch(name);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     FormField,
     {
       control,
@@ -10320,9 +12028,9 @@ Form.SwitchField = function SwitchField({
       field: {
         name,
         label,
-        render: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center", children: [
-          prefix && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "mr-2", children: prefix }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center", children: [
+          prefix && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "mr-2", children: prefix }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             Switch,
             {
               ...props,
@@ -10330,7 +12038,7 @@ Form.SwitchField = function SwitchField({
               onCheckedChange: (checked) => setValue(name, checked)
             }
           ),
-          suffix && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ml-2", children: suffix })
+          suffix && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ml-2", children: suffix })
         ] })
       }
     }
@@ -11344,6 +13052,7 @@ function getTokenValueWithFallback(tokenName, fallback) {
   FileUploadField,
   Form,
   FormField,
+  GoogleMapView,
   GradientContainer,
   Grid,
   IconButton,