magick-ui 0.2.2 → 0.2.4

package/dist/index.js

@@ -3221,6 +3221,116 @@ var component_schema_default = {
       },
       $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"
+                },
+                showCurrentLocation: {
+                  type: "boolean",
+                  description: "Show a blue dot for the user's current location"
+                }
+              },
+              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: {
@@ -5396,75 +5506,101 @@ var tableSchema = z45.object({
   })
 }).describe("A data table with columns and rows");
 
-// src/ui/Calendar/schema.ts
+// src/ui/Map/schema.ts
 import { z as z46 } from "zod";
-var calendarSchema = z46.object({
-  type: z46.literal("calendar"),
+var mapMarkerSchema = z46.object({
+  lat: z46.number().describe("Latitude"),
+  lng: z46.number().describe("Longitude"),
+  title: z46.string().optional().describe("Marker title shown in info window"),
+  description: z46.string().optional().describe("Marker description shown in info window"),
+  color: z46.string().optional().describe("Marker pin color (hex or CSS color)")
+});
+var googleMapSchema = z46.object({
+  type: z46.literal("google-map"),
   props: z46.object({
-    showOutsideDays: z46.boolean().optional().describe("Show days from adjacent months. Defaults to true"),
-    captionLayout: z46.enum(["label", "dropdown", "dropdown-months", "dropdown-years"]).optional().describe("Caption display mode. Defaults to 'label'"),
-    buttonVariant: z46.enum(["primary", "secondary", "outline", "destructive", "ghost", "soft"]).optional().describe("Navigation button style. Defaults to 'ghost'"),
-    mode: z46.enum(["single", "multiple", "range"]).optional().describe("Selection mode"),
-    numberOfMonths: z46.number().optional().describe("Number of months to display"),
-    disabled: z46.boolean().optional()
-  }).optional()
-}).describe("A date calendar for picking dates or date ranges");
+    center: z46.object({
+      lat: z46.number().describe("Center latitude"),
+      lng: z46.number().describe("Center longitude")
+    }).optional().describe("Map center coordinates"),
+    zoom: z46.number().optional().describe("Zoom level (1-20). Defaults to 12"),
+    markers: z46.array(mapMarkerSchema).optional().describe("Array of map markers with lat/lng and optional info"),
+    height: z46.string().optional().describe("Map height CSS value. Defaults to '400px'"),
+    width: z46.string().optional().describe("Map width CSS value. Defaults to '100%'"),
+    gestureHandling: z46.enum(["cooperative", "greedy", "none", "auto"]).optional().describe("How the map handles touch/scroll gestures. Defaults to 'cooperative'"),
+    disableDefaultUI: z46.boolean().optional().describe("Hide default map controls"),
+    showCurrentLocation: z46.boolean().optional().describe("Show a blue dot for the user's current location")
+  })
+}).describe("An interactive Google Map with optional markers and info windows");
 
-// src/ui/FileInput/schema.ts
+// src/ui/Calendar/schema.ts
 import { z as z47 } from "zod";
-var fileInputSchema = z47.object({
-  type: z47.literal("file-input"),
+var calendarSchema = z47.object({
+  type: z47.literal("calendar"),
   props: z47.object({
-    label: z47.string().optional().describe("Label text above the input"),
-    helperText: z47.string().optional().describe("Helper text below the input"),
-    error: z47.boolean().optional().describe("Show error styling. Defaults to false"),
-    accept: z47.string().optional().describe("Accepted file types, e.g. 'image/*,.pdf'"),
-    multiple: z47.boolean().optional().describe("Allow multiple files. Defaults to false"),
+    showOutsideDays: z47.boolean().optional().describe("Show days from adjacent months. Defaults to true"),
+    captionLayout: z47.enum(["label", "dropdown", "dropdown-months", "dropdown-years"]).optional().describe("Caption display mode. Defaults to 'label'"),
+    buttonVariant: z47.enum(["primary", "secondary", "outline", "destructive", "ghost", "soft"]).optional().describe("Navigation button style. Defaults to 'ghost'"),
+    mode: z47.enum(["single", "multiple", "range"]).optional().describe("Selection mode"),
+    numberOfMonths: z47.number().optional().describe("Number of months to display"),
     disabled: z47.boolean().optional()
   }).optional()
-}).describe("A file input with choose-file button and upload progress");
+}).describe("A date calendar for picking dates or date ranges");
 
-// src/ui/ToolToggle/schema.ts
+// src/ui/FileInput/schema.ts
 import { z as z48 } from "zod";
-var toolToggleSchema = z48.object({
-  type: z48.literal("tool-toggle"),
+var fileInputSchema = z48.object({
+  type: z48.literal("file-input"),
   props: z48.object({
-    icon: z48.string().optional().describe("Icon name (resolved by the renderer)"),
-    dropdown: z48.boolean().optional().describe("Show dropdown chevron")
+    label: z48.string().optional().describe("Label text above the input"),
+    helperText: z48.string().optional().describe("Helper text below the input"),
+    error: z48.boolean().optional().describe("Show error styling. Defaults to false"),
+    accept: z48.string().optional().describe("Accepted file types, e.g. 'image/*,.pdf'"),
+    multiple: z48.boolean().optional().describe("Allow multiple files. Defaults to false"),
+    disabled: z48.boolean().optional()
   }).optional()
-}).describe("A round toggle button used in toolbars, optionally with a dropdown");
+}).describe("A file input with choose-file button and upload progress");
 
-// src/ui/ToggleDropdownButton/schema.ts
+// src/ui/ToolToggle/schema.ts
 import { z as z49 } from "zod";
-var toggleDropdownButtonSchema = z49.object({
-  type: z49.literal("toggle-dropdown-button"),
+var toolToggleSchema = z49.object({
+  type: z49.literal("tool-toggle"),
   props: z49.object({
-    type: z49.enum(["text", "icon"]).describe("Button content type"),
-    selected: z49.boolean().describe("Whether the button is selected"),
-    variant: z49.enum(["primary", "secondary", "destructive"]).describe("Button color variant")
+    icon: z49.string().optional().describe("Icon name (resolved by the renderer)"),
+    dropdown: z49.boolean().optional().describe("Show dropdown chevron")
+  }).optional()
+}).describe("A round toggle button used in toolbars, optionally with a dropdown");
+
+// src/ui/ToggleDropdownButton/schema.ts
+import { z as z50 } from "zod";
+var toggleDropdownButtonSchema = z50.object({
+  type: z50.literal("toggle-dropdown-button"),
+  props: z50.object({
+    type: z50.enum(["text", "icon"]).describe("Button content type"),
+    selected: z50.boolean().describe("Whether the button is selected"),
+    variant: z50.enum(["primary", "secondary", "destructive"]).describe("Button color variant")
   })
 }).describe("A split toggle button with an attached dropdown trigger");
 
 // src/ui/IconContainer/schema.ts
-import { z as z50 } from "zod";
-var iconContainerSchema = z50.object({
-  type: z50.literal("icon-container"),
-  props: z50.object({
-    icon: z50.string().optional().describe("Icon name (resolved by the renderer)"),
-    size: z50.enum(["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "auto"]).optional().describe("Icon size. Defaults to 'sm'"),
-    colorInFill: z50.boolean().optional().describe("Apply fill colors to SVG paths. Defaults to true"),
-    disableTheme: z50.boolean().optional().describe("Disable theme-aware coloring. Defaults to false")
+import { z as z51 } from "zod";
+var iconContainerSchema = z51.object({
+  type: z51.literal("icon-container"),
+  props: z51.object({
+    icon: z51.string().optional().describe("Icon name (resolved by the renderer)"),
+    size: z51.enum(["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "auto"]).optional().describe("Icon size. Defaults to 'sm'"),
+    colorInFill: z51.boolean().optional().describe("Apply fill colors to SVG paths. Defaults to true"),
+    disableTheme: z51.boolean().optional().describe("Disable theme-aware coloring. Defaults to false")
   }).optional(),
-  children: z50.array(uiNodeSchema).optional().describe("Icon element")
+  children: z51.array(uiNodeSchema).optional().describe("Icon element")
 }).describe("A sized container for static icons with theme-aware coloring");
 
 // src/ui/IconProfile/schema.ts
-import { z as z51 } from "zod";
-var iconProfileSchema = z51.object({
-  type: z51.literal("icon-profile"),
-  props: z51.object({
-    icon: z51.string().describe("Icon name (resolved by the renderer)"),
-    color: z51.enum([
+import { z as z52 } from "zod";
+var iconProfileSchema = z52.object({
+  type: z52.literal("icon-profile"),
+  props: z52.object({
+    icon: z52.string().describe("Icon name (resolved by the renderer)"),
+    color: z52.enum([
       "red",
       "orange",
       "amber",
@@ -5484,18 +5620,18 @@ var iconProfileSchema = z51.object({
       "rose",
       "slate"
     ]).optional().describe("Background glow and icon color. Defaults to 'red'"),
-    size: z51.enum(["26", "32", "40", "48", "56", "64"]).optional().describe("Size in pixels. Defaults to '64'"),
-    externalIcon: z51.boolean().optional().describe("Whether the icon is external")
+    size: z52.enum(["26", "32", "40", "48", "56", "64"]).optional().describe("Size in pixels. Defaults to '64'"),
+    externalIcon: z52.boolean().optional().describe("Whether the icon is external")
   })
 }).describe("An icon with a colored radial glow background");
 
 // src/ui/ButtonWithTooltip/schema.ts
-import { z as z52 } from "zod";
-var buttonWithTooltipSchema = z52.object({
-  type: z52.literal("button-with-tooltip"),
-  props: z52.object({
-    content: z52.string().describe("Tooltip text"),
-    position: z52.enum([
+import { z as z53 } from "zod";
+var buttonWithTooltipSchema = z53.object({
+  type: z53.literal("button-with-tooltip"),
+  props: z53.object({
+    content: z53.string().describe("Tooltip text"),
+    position: z53.enum([
       "top",
       "top-center",
       "top-left",
@@ -5507,147 +5643,147 @@ var buttonWithTooltipSchema = z52.object({
       "left",
       "right"
     ]).optional().describe("Tooltip placement"),
-    withArrow: z52.boolean().optional().describe("Show an arrow pointer")
+    withArrow: z53.boolean().optional().describe("Show an arrow pointer")
   }),
-  children: z52.array(uiNodeSchema).optional().describe("The button element to wrap with a tooltip")
+  children: z53.array(uiNodeSchema).optional().describe("The button element to wrap with a tooltip")
 }).describe("A button wrapped with a tooltip that appears on hover");
 
 // src/ui/Sheet/schema.ts
-import { z as z53 } from "zod";
-var sheetSchema = z53.object({
-  type: z53.literal("sheet"),
-  props: z53.object({}).optional(),
-  children: z53.array(uiNodeSchema).optional().describe("Compose with sheet-trigger and sheet-content")
+import { z as z54 } from "zod";
+var sheetSchema = z54.object({
+  type: z54.literal("sheet"),
+  props: z54.object({}).optional(),
+  children: z54.array(uiNodeSchema).optional().describe("Compose with sheet-trigger and sheet-content")
 }).describe("A slide-out panel overlay");
-var sheetTriggerSchema = z53.object({
-  type: z53.literal("sheet-trigger"),
-  props: z53.object({}).optional(),
-  children: z53.array(uiNodeSchema).optional().describe("The element that opens the sheet")
+var sheetTriggerSchema = z54.object({
+  type: z54.literal("sheet-trigger"),
+  props: z54.object({}).optional(),
+  children: z54.array(uiNodeSchema).optional().describe("The element that opens the sheet")
 }).describe("Trigger element that opens a sheet");
-var sheetContentSchema = z53.object({
-  type: z53.literal("sheet-content"),
-  props: z53.object({
-    side: z53.enum(["top", "right", "bottom", "left"]).optional().describe("Slide-in direction. Defaults to 'right'"),
-    showCloseButton: z53.boolean().optional().describe("Show close button. Defaults to true")
+var sheetContentSchema = z54.object({
+  type: z54.literal("sheet-content"),
+  props: z54.object({
+    side: z54.enum(["top", "right", "bottom", "left"]).optional().describe("Slide-in direction. Defaults to 'right'"),
+    showCloseButton: z54.boolean().optional().describe("Show close button. Defaults to true")
   }).optional(),
-  children: z53.array(uiNodeSchema).optional().describe("Sheet body content")
+  children: z54.array(uiNodeSchema).optional().describe("Sheet body content")
 }).describe("Content panel of a sheet");
-var sheetHeaderSchema = z53.object({
-  type: z53.literal("sheet-header"),
-  props: z53.object({}).optional(),
-  children: z53.array(uiNodeSchema).optional()
+var sheetHeaderSchema = z54.object({
+  type: z54.literal("sheet-header"),
+  props: z54.object({}).optional(),
+  children: z54.array(uiNodeSchema).optional()
 }).describe("Header section of a sheet");
-var sheetFooterSchema = z53.object({
-  type: z53.literal("sheet-footer"),
-  props: z53.object({}).optional(),
-  children: z53.array(uiNodeSchema).optional()
+var sheetFooterSchema = z54.object({
+  type: z54.literal("sheet-footer"),
+  props: z54.object({}).optional(),
+  children: z54.array(uiNodeSchema).optional()
 }).describe("Footer section of a sheet");
-var sheetTitleSchema = z53.object({
-  type: z53.literal("sheet-title"),
-  props: z53.object({
-    children: z53.string().optional().describe("Title text")
+var sheetTitleSchema = z54.object({
+  type: z54.literal("sheet-title"),
+  props: z54.object({
+    children: z54.string().optional().describe("Title text")
   }).optional(),
-  children: z53.array(uiNodeSchema).optional()
+  children: z54.array(uiNodeSchema).optional()
 }).describe("Title inside a sheet-header");
-var sheetDescriptionSchema = z53.object({
-  type: z53.literal("sheet-description"),
-  props: z53.object({
-    children: z53.string().optional().describe("Description text")
+var sheetDescriptionSchema = z54.object({
+  type: z54.literal("sheet-description"),
+  props: z54.object({
+    children: z54.string().optional().describe("Description text")
   }).optional(),
-  children: z53.array(uiNodeSchema).optional()
+  children: z54.array(uiNodeSchema).optional()
 }).describe("Description text inside a sheet-header");
 
 // src/ui/Dropdown/schema.ts
-import { z as z54 } from "zod";
-var dropdownMenuSchema = z54.object({
-  type: z54.literal("dropdown-menu"),
-  props: z54.object({}).optional(),
-  children: z54.array(uiNodeSchema).optional().describe("Compose with dropdown-menu-trigger and dropdown-menu-content")
+import { z as z55 } from "zod";
+var dropdownMenuSchema = z55.object({
+  type: z55.literal("dropdown-menu"),
+  props: z55.object({}).optional(),
+  children: z55.array(uiNodeSchema).optional().describe("Compose with dropdown-menu-trigger and dropdown-menu-content")
 }).describe("A dropdown menu container");
-var dropdownMenuTriggerSchema = z54.object({
-  type: z54.literal("dropdown-menu-trigger"),
-  props: z54.object({}).optional(),
-  children: z54.array(uiNodeSchema).optional().describe("The element that opens the dropdown")
+var dropdownMenuTriggerSchema = z55.object({
+  type: z55.literal("dropdown-menu-trigger"),
+  props: z55.object({}).optional(),
+  children: z55.array(uiNodeSchema).optional().describe("The element that opens the dropdown")
 }).describe("Trigger element that opens a dropdown menu");
-var dropdownMenuContentSchema = z54.object({
-  type: z54.literal("dropdown-menu-content"),
-  props: z54.object({
-    side: z54.enum(["top", "right", "bottom", "left"]).optional(),
-    align: z54.enum(["start", "center", "end"]).optional()
+var dropdownMenuContentSchema = z55.object({
+  type: z55.literal("dropdown-menu-content"),
+  props: z55.object({
+    side: z55.enum(["top", "right", "bottom", "left"]).optional(),
+    align: z55.enum(["start", "center", "end"]).optional()
   }).optional(),
-  children: z54.array(uiNodeSchema).optional().describe("Menu items")
+  children: z55.array(uiNodeSchema).optional().describe("Menu items")
 }).describe("Content panel of a dropdown menu");
-var dropdownMenuItemSchema = z54.object({
-  type: z54.literal("dropdown-menu-item"),
-  props: z54.object({
-    children: z54.string().optional().describe("Menu item text"),
-    variant: z54.enum(["default", "destructive"]).optional().describe("Item style. Defaults to 'default'"),
-    disabled: z54.boolean().optional()
+var dropdownMenuItemSchema = z55.object({
+  type: z55.literal("dropdown-menu-item"),
+  props: z55.object({
+    children: z55.string().optional().describe("Menu item text"),
+    variant: z55.enum(["default", "destructive"]).optional().describe("Item style. Defaults to 'default'"),
+    disabled: z55.boolean().optional()
   }).optional(),
-  children: z54.array(uiNodeSchema).optional()
+  children: z55.array(uiNodeSchema).optional()
 }).describe("A single item inside a dropdown menu");
-var dropdownMenuSeparatorSchema = z54.object({
-  type: z54.literal("dropdown-menu-separator"),
-  props: z54.object({}).optional()
+var dropdownMenuSeparatorSchema = z55.object({
+  type: z55.literal("dropdown-menu-separator"),
+  props: z55.object({}).optional()
 }).describe("A visual separator between dropdown menu items");
-var dropdownMenuLabelSchema = z54.object({
-  type: z54.literal("dropdown-menu-label"),
-  props: z54.object({
-    children: z54.string().optional().describe("Label text")
+var dropdownMenuLabelSchema = z55.object({
+  type: z55.literal("dropdown-menu-label"),
+  props: z55.object({
+    children: z55.string().optional().describe("Label text")
   }).optional(),
-  children: z54.array(uiNodeSchema).optional()
+  children: z55.array(uiNodeSchema).optional()
 }).describe("A non-interactive label inside a dropdown menu");
 
 // src/ui/Popover/schema.ts
-import { z as z55 } from "zod";
-var popoverSchema = z55.object({
-  type: z55.literal("popover"),
-  props: z55.object({}).optional(),
-  children: z55.array(uiNodeSchema).optional().describe("Compose with popover-trigger and popover-content")
+import { z as z56 } from "zod";
+var popoverSchema = z56.object({
+  type: z56.literal("popover"),
+  props: z56.object({}).optional(),
+  children: z56.array(uiNodeSchema).optional().describe("Compose with popover-trigger and popover-content")
 }).describe("A popover overlay container");
-var popoverTriggerSchema = z55.object({
-  type: z55.literal("popover-trigger"),
-  props: z55.object({}).optional(),
-  children: z55.array(uiNodeSchema).optional().describe("The element that opens the popover")
+var popoverTriggerSchema = z56.object({
+  type: z56.literal("popover-trigger"),
+  props: z56.object({}).optional(),
+  children: z56.array(uiNodeSchema).optional().describe("The element that opens the popover")
 }).describe("Trigger element that opens a popover");
-var popoverContentSchema = z55.object({
-  type: z55.literal("popover-content"),
-  props: z55.object({
-    align: z55.enum(["start", "center", "end"]).optional().describe("Alignment relative to trigger. Defaults to 'center'"),
-    sideOffset: z55.number().optional().describe("Offset from trigger in px. Defaults to 4")
+var popoverContentSchema = z56.object({
+  type: z56.literal("popover-content"),
+  props: z56.object({
+    align: z56.enum(["start", "center", "end"]).optional().describe("Alignment relative to trigger. Defaults to 'center'"),
+    sideOffset: z56.number().optional().describe("Offset from trigger in px. Defaults to 4")
   }).optional(),
-  children: z55.array(uiNodeSchema).optional().describe("Popover body content")
+  children: z56.array(uiNodeSchema).optional().describe("Popover body content")
 }).describe("Content panel of a popover");
 
 // src/ui/ContextMenu/schema.ts
-import { z as z56 } from "zod";
-var contextMenuSchema = z56.object({
-  type: z56.literal("context-menu"),
-  props: z56.object({}).optional(),
-  children: z56.array(uiNodeSchema).optional().describe("Compose with context-menu-trigger and context-menu-content")
+import { z as z57 } from "zod";
+var contextMenuSchema = z57.object({
+  type: z57.literal("context-menu"),
+  props: z57.object({}).optional(),
+  children: z57.array(uiNodeSchema).optional().describe("Compose with context-menu-trigger and context-menu-content")
 }).describe("A right-click context menu container");
-var contextMenuTriggerSchema = z56.object({
-  type: z56.literal("context-menu-trigger"),
-  props: z56.object({}).optional(),
-  children: z56.array(uiNodeSchema).optional().describe("The element that triggers the context menu on right-click")
+var contextMenuTriggerSchema = z57.object({
+  type: z57.literal("context-menu-trigger"),
+  props: z57.object({}).optional(),
+  children: z57.array(uiNodeSchema).optional().describe("The element that triggers the context menu on right-click")
 }).describe("Trigger area for a context menu");
-var contextMenuContentSchema = z56.object({
-  type: z56.literal("context-menu-content"),
-  props: z56.object({}).optional(),
-  children: z56.array(uiNodeSchema).optional().describe("Menu items")
+var contextMenuContentSchema = z57.object({
+  type: z57.literal("context-menu-content"),
+  props: z57.object({}).optional(),
+  children: z57.array(uiNodeSchema).optional().describe("Menu items")
 }).describe("Content panel of a context menu");
-var contextMenuItemSchema = z56.object({
-  type: z56.literal("context-menu-item"),
-  props: z56.object({
-    children: z56.string().optional().describe("Menu item text"),
-    variant: z56.enum(["default", "destructive"]).optional().describe("Item style. Defaults to 'default'"),
-    disabled: z56.boolean().optional()
+var contextMenuItemSchema = z57.object({
+  type: z57.literal("context-menu-item"),
+  props: z57.object({
+    children: z57.string().optional().describe("Menu item text"),
+    variant: z57.enum(["default", "destructive"]).optional().describe("Item style. Defaults to 'default'"),
+    disabled: z57.boolean().optional()
   }).optional(),
-  children: z56.array(uiNodeSchema).optional()
+  children: z57.array(uiNodeSchema).optional()
 }).describe("A single item inside a context menu");
-var contextMenuSeparatorSchema = z56.object({
-  type: z56.literal("context-menu-separator"),
-  props: z56.object({}).optional()
+var contextMenuSeparatorSchema = z57.object({
+  type: z57.literal("context-menu-separator"),
+  props: z57.object({}).optional()
 }).describe("A visual separator between context menu items");
 
 // src/schema.ts
@@ -9283,11 +9419,136 @@ function LinkButton({
   );
 }
 
+// src/ui/Map/index.tsx
+import {
+  APIProvider,
+  Map as GoogleMap,
+  Marker,
+  InfoWindow,
+  useMap
+} from "@vis.gl/react-google-maps";
+import { useState as useState6, useCallback as useCallback3, useEffect as useEffect5 } from "react";
+import { Fragment as Fragment5, jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
+function MarkerWithInfo({
+  marker,
+  index,
+  onMarkerClick
+}) {
+  const [open, setOpen] = useState6(false);
+  const handleClick = useCallback3(() => {
+    setOpen((prev) => !prev);
+    onMarkerClick?.(marker, index);
+  }, [marker, index, onMarkerClick]);
+  return /* @__PURE__ */ jsxs25(Fragment5, { children: [
+    /* @__PURE__ */ jsx34(
+      Marker,
+      {
+        position: { lat: marker.lat, lng: marker.lng },
+        title: marker.title,
+        onClick: handleClick
+      }
+    ),
+    open && (marker.title || marker.description) && /* @__PURE__ */ jsx34(
+      InfoWindow,
+      {
+        position: { lat: marker.lat, lng: marker.lng },
+        onCloseClick: () => setOpen(false),
+        children: /* @__PURE__ */ jsxs25("div", { className: "max-w-xs", children: [
+          marker.title && /* @__PURE__ */ jsx34("h3", { className: "text-body-sm font-semibold", children: marker.title }),
+          marker.description && /* @__PURE__ */ jsx34("p", { className: "text-body-sm text-element-inverse-gray mt-1", children: marker.description })
+        ] })
+      }
+    )
+  ] });
+}
+var CURRENT_LOCATION_ICON = {
+  path: 0,
+  // google.maps.SymbolPath.CIRCLE
+  scale: 8,
+  fillColor: "#4285F4",
+  fillOpacity: 1,
+  strokeColor: "#ffffff",
+  strokeWeight: 2.5
+};
+function CurrentLocationMarker() {
+  const map = useMap();
+  const [position, setPosition] = useState6(null);
+  useEffect5(() => {
+    if (!navigator.geolocation) return;
+    const watchId = navigator.geolocation.watchPosition(
+      (pos) => {
+        const coords = { lat: pos.coords.latitude, lng: pos.coords.longitude };
+        setPosition(coords);
+      },
+      () => {
+      },
+      { enableHighAccuracy: true, maximumAge: 1e4 }
+    );
+    return () => navigator.geolocation.clearWatch(watchId);
+  }, [map]);
+  if (!position) return null;
+  return /* @__PURE__ */ jsx34(
+    Marker,
+    {
+      position,
+      title: "Your location",
+      icon: CURRENT_LOCATION_ICON,
+      clickable: false
+    }
+  );
+}
+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,
+  showCurrentLocation = false,
+  onMarkerClick
+}) {
+  return /* @__PURE__ */ jsx34(APIProvider, { apiKey, children: /* @__PURE__ */ jsx34(
+    "div",
+    {
+      className: cn("overflow-hidden rounded-unit-corner-radius-xl", className),
+      style: { height, width },
+      children: /* @__PURE__ */ jsxs25(
+        GoogleMap,
+        {
+          defaultCenter: center,
+          defaultZoom: zoom,
+          mapId,
+          gestureHandling,
+          disableDefaultUI,
+          style: { width: "100%", height: "100%" },
+          children: [
+            showCurrentLocation && /* @__PURE__ */ jsx34(CurrentLocationMarker, {}),
+            markers.map((marker, i) => /* @__PURE__ */ jsx34(
+              MarkerWithInfo,
+              {
+                marker,
+                index: i,
+                onMarkerClick
+              },
+              `${marker.lat}-${marker.lng}-${i}`
+            ))
+          ]
+        }
+      )
+    }
+  ) });
+}
+
 // src/ui/Media/index.tsx
 import { cva as cva10 } from "class-variance-authority";
 import { Pause, Play } from "lucide-react";
 import * as React10 from "react";
-import { Fragment as Fragment5, jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
 var mediaVariants = cva10(
   "relative overflow-hidden bg-gray-100 dark:bg-gray-800",
   {
@@ -9385,7 +9646,7 @@ var Media = React10.forwardRef(
     const handleImageError = () => {
       setImageError(true);
     };
-    return /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx35(
       "div",
       {
         ref,
@@ -9393,8 +9654,8 @@ var Media = React10.forwardRef(
         onMouseEnter: () => setIsHovered(true),
         onMouseLeave: () => setIsHovered(false),
         ...props,
-        children: type === "image" ? /* @__PURE__ */ jsxs25(Fragment5, { children: [
-          /* @__PURE__ */ jsx34(
+        children: type === "image" ? /* @__PURE__ */ jsxs26(Fragment6, { children: [
+          /* @__PURE__ */ jsx35(
             "img",
             {
               src,
@@ -9412,13 +9673,13 @@ var Media = React10.forwardRef(
               style: { objectFit }
             }
           ),
-          !imageLoaded && !imageError && /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ jsx34("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) }),
-          imageError && /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ jsxs25("div", { className: "text-center text-gray-500", children: [
-            /* @__PURE__ */ jsx34("div", { className: "text-2xl", children: "\u{1F4F7}" }),
-            /* @__PURE__ */ jsx34("div", { className: "text-sm", children: "Failed to load" })
+          !imageLoaded && !imageError && /* @__PURE__ */ jsx35("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ jsx35("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) }),
+          imageError && /* @__PURE__ */ jsx35("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ jsxs26("div", { className: "text-center text-gray-500", children: [
+            /* @__PURE__ */ jsx35("div", { className: "text-2xl", children: "\u{1F4F7}" }),
+            /* @__PURE__ */ jsx35("div", { className: "text-sm", children: "Failed to load" })
           ] }) })
-        ] }) : /* @__PURE__ */ jsxs25(Fragment5, { children: [
-          /* @__PURE__ */ jsx34(
+        ] }) : /* @__PURE__ */ jsxs26(Fragment6, { children: [
+          /* @__PURE__ */ jsx35(
             "video",
             {
               ref: videoRef,
@@ -9431,7 +9692,7 @@ var Media = React10.forwardRef(
               preload: "metadata"
             }
           ),
-          showPlayButton && /* @__PURE__ */ jsx34(
+          showPlayButton && /* @__PURE__ */ jsx35(
             "div",
             {
               className: cn(
@@ -9441,10 +9702,10 @@ var Media = React10.forwardRef(
                   "opacity-0": !isHovered && !videoPlaying
                 }
               ),
-              children: /* @__PURE__ */ jsx34(
+              children: /* @__PURE__ */ jsx35(
                 IconButton,
                 {
-                  icon: videoPlaying ? /* @__PURE__ */ jsx34(Pause, { className: "text-gray-900" }) : /* @__PURE__ */ jsx34(Play, { className: "ml-1 text-gray-900" }),
+                  icon: videoPlaying ? /* @__PURE__ */ jsx35(Pause, { className: "text-gray-900" }) : /* @__PURE__ */ jsx35(Play, { className: "ml-1 text-gray-900" }),
                   onClick: videoPlaying ? handlePause : handlePlay,
                   varient: "outline",
                   size: "md",
@@ -9465,7 +9726,7 @@ Media.displayName = "Media";
 // src/ui/MultiSelect/index.tsx
 import { ChevronDown as ChevronDown2, CircleXIcon, X as X3 } from "lucide-react";
 import * as React11 from "react";
-import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
 function MultiSelect({
   options,
   selected,
@@ -9538,8 +9799,8 @@ function MultiSelect({
     e.preventDefault();
     inputRef.current?.focus();
   };
-  return /* @__PURE__ */ jsxs26(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx35(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx36(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs27(
       "div",
       {
         ref: containerRef,
@@ -9551,10 +9812,10 @@ function MultiSelect({
         ),
         onClick: handleContainerClick,
         children: [
-          /* @__PURE__ */ jsxs26("div", { className: "flex flex-1 flex-wrap items-center gap-1", children: [
+          /* @__PURE__ */ jsxs27("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__ */ jsx35(
+              return /* @__PURE__ */ jsx36(
                 Chip,
                 {
                   label: option?.label || value,
@@ -9565,12 +9826,12 @@ function MultiSelect({
                   className: cn(
                     disabled && "pointer-events-none cursor-not-allowed"
                   ),
-                  children: /* @__PURE__ */ jsx35(X3, { className: "hover:text-destructive ml-1.5 h-3 w-3 cursor-pointer" })
+                  children: /* @__PURE__ */ jsx36(X3, { className: "hover:text-destructive ml-1.5 h-3 w-3 cursor-pointer" })
                 },
                 value
               );
             }),
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               "input",
               {
                 ref: inputRef,
@@ -9584,25 +9845,25 @@ function MultiSelect({
               }
             )
           ] }),
-          selected.length > 0 && /* @__PURE__ */ jsx35(
+          selected.length > 0 && /* @__PURE__ */ jsx36(
             CircleXIcon,
             {
               className: "text-icon-default size-4.5 shrink-0",
               onClick: () => onChange([])
             }
           ),
-          !createConfig?.enabled && /* @__PURE__ */ jsx35(ChevronDown2, { className: "text-icon-default size-4.5 shrink-0" })
+          !createConfig?.enabled && /* @__PURE__ */ jsx36(ChevronDown2, { className: "text-icon-default size-4.5 shrink-0" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx36(
       PopoverContent,
       {
         className: "shadow-box w-[var(--radix-popover-trigger-width)] border-none bg-white p-2",
         align: "start",
-        children: /* @__PURE__ */ jsx35("div", { className: "p-0", children: /* @__PURE__ */ jsx35("div", { className: "max-h-[300px] overflow-y-auto", children: filteredOptions.length === 0 && !canCreate ? /* @__PURE__ */ jsx35("div", { className: "py-6 text-center text-gray-500", children: inputValue ? "No results found." : "Start typing to search..." }) : /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1.5 px-1.5 pt-1.5 pb-0.5", children: [
-          createConfig?.enabled && /* @__PURE__ */ jsx35("p", { className: "text-text-default pb-0.5 font-semibold", children: "Select or create one" }),
-          filteredOptions.map((option) => /* @__PURE__ */ jsx35(
+        children: /* @__PURE__ */ jsx36("div", { className: "p-0", children: /* @__PURE__ */ jsx36("div", { className: "max-h-[300px] overflow-y-auto", children: filteredOptions.length === 0 && !canCreate ? /* @__PURE__ */ jsx36("div", { className: "py-6 text-center text-gray-500", children: inputValue ? "No results found." : "Start typing to search..." }) : /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-1.5 px-1.5 pt-1.5 pb-0.5", children: [
+          createConfig?.enabled && /* @__PURE__ */ jsx36("p", { className: "text-text-default pb-0.5 font-semibold", children: "Select or create one" }),
+          filteredOptions.map((option) => /* @__PURE__ */ jsx36(
             Chip,
             {
               label: option.label,
@@ -9611,14 +9872,14 @@ function MultiSelect({
             },
             option.value
           )),
-          canCreate && /* @__PURE__ */ jsxs26(
+          canCreate && /* @__PURE__ */ jsxs27(
             "div",
             {
               onClick: async () => await handleCreate(),
               className: "flex items-center justify-between",
               children: [
-                /* @__PURE__ */ jsx35(Chip, { label: inputValue.trim(), className: "rounded-md" }),
-                /* @__PURE__ */ jsx35(
+                /* @__PURE__ */ jsx36(Chip, { label: inputValue.trim(), className: "rounded-md" }),
+                /* @__PURE__ */ jsx36(
                   Button,
                   {
                     variant: "ghost",
@@ -9642,7 +9903,7 @@ import {
   OTPInputContext as BaseOTPInputContext
 } from "input-otp";
 import * as React12 from "react";
-import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
 function OTPInput({
   type = 4,
   separate = false,
@@ -9650,8 +9911,8 @@ function OTPInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36("div", { className: cn(className), children: /* @__PURE__ */ jsxs27(InputOTP, { disabled, className: "w-full", ...props, children: [
-    /* @__PURE__ */ jsx36(InputOTPGroup, { className: "w-full", children: [...new Array(type / 2)].map((_, index) => /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37("div", { className: cn(className), children: /* @__PURE__ */ jsxs28(InputOTP, { disabled, className: "w-full", ...props, children: [
+    /* @__PURE__ */ jsx37(InputOTPGroup, { className: "w-full", children: [...new Array(type / 2)].map((_, index) => /* @__PURE__ */ jsx37(
       InputOTPSlot,
       {
         className: "w-full",
@@ -9660,8 +9921,8 @@ function OTPInput({
       },
       index
     )) }),
-    separate && /* @__PURE__ */ jsx36(InputOTPSeparator, {}),
-    /* @__PURE__ */ jsx36(InputOTPGroup, { className: "w-full", children: [...new Array(type / 2)].map((_, index) => /* @__PURE__ */ jsx36(
+    separate && /* @__PURE__ */ jsx37(InputOTPSeparator, {}),
+    /* @__PURE__ */ jsx37(InputOTPGroup, { className: "w-full", children: [...new Array(type / 2)].map((_, index) => /* @__PURE__ */ jsx37(
       InputOTPSlot,
       {
         className: "w-full",
@@ -9677,7 +9938,7 @@ function InputOTP({
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     BaseOTPInput,
     {
       "data-slot": "input-otp",
@@ -9688,7 +9949,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -9706,7 +9967,7 @@ function InputOTPSlot({
 }) {
   const inputOTPContext = React12.useContext(BaseOTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -9721,26 +9982,26 @@ function InputOTPSlot({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx36("span", { className: "text-h6", children: char || placeholder }),
-        hasFakeCaret && /* @__PURE__ */ jsx36("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx36("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        /* @__PURE__ */ jsx37("span", { className: "text-h6", children: char || placeholder }),
+        hasFakeCaret && /* @__PURE__ */ jsx37("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx37("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx36("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx36("div", { className: "bg-border-primary-normal h-0.5 w-2" }) });
+  return /* @__PURE__ */ jsx37("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx37("div", { className: "bg-border-primary-normal h-0.5 w-2" }) });
 }
 
 // src/ui/PasswordInput/index.tsx
 import * as React13 from "react";
 import { Eye, EyeOff } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs29 } from "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__ */ jsxs28(
+    return /* @__PURE__ */ jsxs29(
       "div",
       {
         className: cn(
@@ -9760,7 +10021,7 @@ var PasswordInput = React13.memo(
           }
         ),
         children: [
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             "input",
             {
               ref: inputRef,
@@ -9784,7 +10045,7 @@ var PasswordInput = React13.memo(
               }
             }
           ),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             "button",
             {
               tabIndex: -1,
@@ -9793,7 +10054,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__ */ jsx37(Eye, { size: 16, className: "text-element-inverse-default-alt" }) : /* @__PURE__ */ jsx37(EyeOff, { size: 16, className: "text-element-inverse-default-alt" })
+              children: showPassword ? /* @__PURE__ */ jsx38(Eye, { size: 16, className: "text-element-inverse-default-alt" }) : /* @__PURE__ */ jsx38(EyeOff, { size: 16, className: "text-element-inverse-default-alt" })
             }
           )
         ]
@@ -9805,16 +10066,16 @@ var PasswordInput = React13.memo(
 // src/ui/Radio/index.tsx
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { CircleIcon as CircleIcon2 } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
 function Radio({ onSelect, options, ...props }) {
-  return /* @__PURE__ */ jsx38(BaseRadioGroup, { ...props, children: options.map((option) => {
-    return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsx39(BaseRadioGroup, { ...props, children: options.map((option) => {
+    return /* @__PURE__ */ jsxs30(
       Label2,
       {
         htmlFor: option.value,
         className: "hover:bg-surface-bg flex cursor-pointer items-center gap-x-2 rounded-lg p-1.5",
         children: [
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(
             BaseRadioGroupItem,
             {
               onClick: () => {
@@ -9835,7 +10096,7 @@ function BaseRadioGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -9848,7 +10109,7 @@ function BaseRadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -9857,12 +10118,12 @@ function BaseRadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx39(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx38(CircleIcon2, { 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__ */ jsx39(CircleIcon2, { 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" })
         }
       )
     }
@@ -9873,8 +10134,8 @@ function BaseRadioGroupItem({
 import { debounce } from "lodash";
 import { SearchIcon as SearchIcon2 } from "lucide-react";
 import { useQueryState } from "nuqs";
-import { useCallback as useCallback3, useEffect as useEffect6, useState as useState9 } from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { useCallback as useCallback4, useEffect as useEffect7, useState as useState10 } from "react";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function SearchInput({
   searchKey,
   placeholder = "Search by...",
@@ -9886,8 +10147,8 @@ function SearchInput({
   const [search, setSearch] = useQueryState(searchKey, {
     defaultValue: ""
   });
-  const [inputValue, setInputValue] = useState9(search ?? "");
-  const debouncedSetValue = useCallback3(
+  const [inputValue, setInputValue] = useState10(search ?? "");
+  const debouncedSetValue = useCallback4(
     debounce((value) => {
       if (addToParam) {
         setSearch(value);
@@ -9897,13 +10158,13 @@ function SearchInput({
     }, debounceDelay),
     [debounceDelay, addToParam, setSearch]
   );
-  useEffect6(() => {
+  useEffect7(() => {
     debouncedSetValue(inputValue);
     return () => {
       debouncedSetValue.cancel();
     };
   }, [inputValue, debouncedSetValue]);
-  return /* @__PURE__ */ jsx39("div", { className: cn("relative", className), children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40("div", { className: cn("relative", className), children: /* @__PURE__ */ jsx40(
     Input,
     {
       onChange: (e) => {
@@ -9912,7 +10173,7 @@ function SearchInput({
       },
       placeholder,
       prefixNode: {
-        node: /* @__PURE__ */ jsx39(SearchIcon2, { className: "text-element-inverse-default" }),
+        node: /* @__PURE__ */ jsx40(SearchIcon2, { className: "text-element-inverse-default" }),
         withBorder: false
       },
       value: inputValue,
@@ -9925,7 +10186,7 @@ function SearchInput({
 // src/ui/SelectHover/index.tsx
 import { Check as Check2 } from "lucide-react";
 import * as React14 from "react";
-import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
 function SelectHover({
   options,
   placeholder = "Select an option",
@@ -9952,15 +10213,15 @@ function SelectHover({
       setIsOpen(false);
     }, 300);
   };
-  return /* @__PURE__ */ jsx40(Popover, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxs30("div", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [
-    /* @__PURE__ */ jsx40(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx40(Button, { role: "combobox", "aria-expanded": isOpen, className, children: /* @__PURE__ */ jsx40("span", { className: "truncate", children: selectedOption ? selectedOption.label : placeholder }) }) }),
-    /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(Popover, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxs31("div", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [
+    /* @__PURE__ */ jsx41(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx41(Button, { role: "combobox", "aria-expanded": isOpen, className, children: /* @__PURE__ */ jsx41("span", { className: "truncate", children: selectedOption ? selectedOption.label : placeholder }) }) }),
+    /* @__PURE__ */ jsx41(
       PopoverContent,
       {
         className: "bg-surface-bg-container w-full rounded-3xl border-none p-2 shadow-md",
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
-        children: /* @__PURE__ */ jsx40("div", { className: "flex max-h-[300px] flex-col items-start gap-[2px] overflow-auto", children: options.map((option) => /* @__PURE__ */ jsxs30(
+        children: /* @__PURE__ */ jsx41("div", { className: "flex max-h-[300px] flex-col items-start gap-[2px] overflow-auto", children: options.map((option) => /* @__PURE__ */ jsxs31(
           "button",
           {
             className: cn(
@@ -9969,8 +10230,8 @@ function SelectHover({
             ),
             onClick: () => handleSelect(option.value),
             children: [
-              /* @__PURE__ */ jsx40("span", { className: "flex-1", children: option.label }),
-              value === option.value && /* @__PURE__ */ jsx40(Check2, { className: "text-icon-secondary ml-2 h-4 w-4" })
+              /* @__PURE__ */ jsx41("span", { className: "flex-1", children: option.label }),
+              value === option.value && /* @__PURE__ */ jsx41(Check2, { className: "text-icon-secondary ml-2 h-4 w-4" })
             ]
           },
           option.value
@@ -9983,7 +10244,7 @@ function SelectHover({
 // src/ui/SelectInput/index.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon as CheckIcon4, ChevronDownIcon as ChevronDownIcon3, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
 function SelectInput({
   defaultValue,
   options,
@@ -9996,8 +10257,8 @@ function SelectInput({
   itemProps,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs31(BaseSelect, { onValueChange: onChange, defaultValue, ...props, children: [
-    /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsxs32(BaseSelect, { onValueChange: onChange, defaultValue, ...props, children: [
+    /* @__PURE__ */ jsx42(
       BaseSelectTrigger,
       {
         withArrow,
@@ -10005,7 +10266,7 @@ function SelectInput({
         "aria-invalid": props["aria-invalid"],
         className: cn("w-full cursor-pointer", className),
         variant,
-        children: /* @__PURE__ */ jsx41(
+        children: /* @__PURE__ */ jsx42(
           BaseSelectValue,
           {
             className: "flex-1",
@@ -10014,7 +10275,7 @@ function SelectInput({
         )
       }
     ),
-    /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx42(
       BaseSelectContent,
       {
         ...contentProps,
@@ -10022,7 +10283,7 @@ function SelectInput({
           "border-stroke-inverse-slate-02 border",
           contentProps?.className
         ),
-        children: options.map((option) => /* @__PURE__ */ jsxs31(
+        children: options.map((option) => /* @__PURE__ */ jsxs32(
           BaseSelectItem,
           {
             value: option.value,
@@ -10042,12 +10303,12 @@ function SelectInput({
 function BaseSelect({
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx42(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function BaseSelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx42(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function BaseSelectTrigger({
   className,
@@ -10057,7 +10318,7 @@ function BaseSelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -10078,7 +10339,7 @@ function BaseSelectTrigger({
       ...props,
       children: [
         children,
-        withArrow && /* @__PURE__ */ jsx41(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx41(ChevronDownIcon3, { className: "text-icon-default size-4" }) })
+        withArrow && /* @__PURE__ */ jsx42(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx42(ChevronDownIcon3, { className: "text-icon-default size-4" }) })
       ]
     }
   );
@@ -10089,7 +10350,7 @@ function BaseSelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx42(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs32(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -10101,8 +10362,8 @@ function BaseSelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx41(BaseSelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(BaseSelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx42(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -10112,7 +10373,7 @@ function BaseSelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx41(BaseSelectScrollDownButton, {})
+        /* @__PURE__ */ jsx42(BaseSelectScrollDownButton, {})
       ]
     }
   ) });
@@ -10122,7 +10383,7 @@ function BaseSelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -10132,8 +10393,8 @@ function BaseSelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx41("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx41(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx41(CheckIcon4, { className: "text-icon-secondary size-4" }) }) }),
-        /* @__PURE__ */ jsx41(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx42("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx42(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx42(CheckIcon4, { className: "text-icon-secondary size-4" }) }) }),
+        /* @__PURE__ */ jsx42(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -10142,7 +10403,7 @@ function BaseSelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -10151,7 +10412,7 @@ function BaseSelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx41(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx42(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -10159,7 +10420,7 @@ function BaseSelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -10168,7 +10429,7 @@ function BaseSelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx41(ChevronDownIcon3, { className: "size-4" })
+      children: /* @__PURE__ */ jsx42(ChevronDownIcon3, { className: "size-4" })
     }
   );
 }
@@ -10176,15 +10437,15 @@ function BaseSelectScrollDownButton({
 // src/ui/Sheet/index.tsx
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon as XIcon3 } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx42(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx43(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 
 // src/ui/Skeleton/index.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "skeleton",
@@ -10200,7 +10461,7 @@ function Skeleton({ className, ...props }) {
 // src/ui/Slider/index.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as React15 from "react";
-import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
 function Slider({
   className,
   defaultValue,
@@ -10213,7 +10474,7 @@ function Slider({
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     SliderPrimitive.Root,
     {
       "data-slot": "slider",
@@ -10227,14 +10488,14 @@ function Slider({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           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__ */ jsx44(
+            children: /* @__PURE__ */ jsx45(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -10245,7 +10506,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx44(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx45(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -10261,10 +10522,10 @@ function Slider({
 // src/ui/Sooner/index.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Sonner,
     {
       theme,
@@ -10281,14 +10542,14 @@ var Toaster = ({ ...props }) => {
 
 // src/ui/Switch/index.tsx
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
 function Switch({
   className,
   label,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs34("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsxs35("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ jsx47(
       SwitchPrimitive.Root,
       {
         "data-slot": "switch",
@@ -10298,7 +10559,7 @@ function Switch({
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx46(
+        children: /* @__PURE__ */ jsx47(
           SwitchPrimitive.Thumb,
           {
             "data-slot": "switch-thumb",
@@ -10309,7 +10570,7 @@ function Switch({
         )
       }
     ),
-    label && /* @__PURE__ */ jsx46(Label2, { htmlFor: props.id || label, children: label })
+    label && /* @__PURE__ */ jsx47(Label2, { htmlFor: props.id || label, children: label })
   ] });
 }
 
@@ -10332,8 +10593,8 @@ import {
   MagickoCopySuccess
 } from "magick-icons";
 import * as React16 from "react";
-import { useState as useState11 } from "react";
-import { Fragment as Fragment6, jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
+import { useState as useState12 } from "react";
+import { Fragment as Fragment7, jsx as jsx48, jsxs as jsxs36 } from "react/jsx-runtime";
 var Table = ({
   columns,
   tableData,
@@ -10341,7 +10602,7 @@ var Table = ({
   emptyState = {
     emptyAction: void 0,
     label: "There is currently no data available to display in this table.",
-    icon: /* @__PURE__ */ jsx47(IconProfile, { icon: /* @__PURE__ */ jsx47(IconsaxBriefcaseBold, {}), color: "teal" })
+    icon: /* @__PURE__ */ jsx48(IconProfile, { icon: /* @__PURE__ */ jsx48(IconsaxBriefcaseBold, {}), color: "teal" })
   },
   onRowClick
 }) => {
@@ -10353,41 +10614,41 @@ var Table = ({
     getSortedRowModel: getSortedRowModel()
   });
   const rowCount = table.getRowModel().rows.length;
-  return /* @__PURE__ */ jsxs35("div", { className: "relative flex flex-col overflow-auto", children: [
-    isLoading ? /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsxs36("div", { className: "relative flex flex-col overflow-auto", children: [
+    isLoading ? /* @__PURE__ */ jsx48(
       "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__ */ jsx47(Spinner, { className: "size-10 text-stroke-inverse-slate-04 " })
+        children: /* @__PURE__ */ jsx48(Spinner, { className: "size-10 text-stroke-inverse-slate-04 " })
       }
     ) : null,
-    !isLoading && rowCount === 0 ? /* @__PURE__ */ jsx47("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-2", children: /* @__PURE__ */ jsxs35("div", { className: "flex flex-col items-center gap-4", children: [
+    !isLoading && rowCount === 0 ? /* @__PURE__ */ jsx48("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-2", children: /* @__PURE__ */ jsxs36("div", { className: "flex flex-col items-center gap-4", children: [
       emptyState?.icon,
-      /* @__PURE__ */ jsx47(Text, { children: emptyState?.label }),
-      emptyState?.emptyAction ? /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx48(Text, { children: emptyState?.label }),
+      emptyState?.emptyAction ? /* @__PURE__ */ jsx48(
         Button,
         {
           variant: "outline",
-          prefix: /* @__PURE__ */ jsx47(MagickoAdd, { className: "[&_path]:fill-element-inverse-default" }),
+          prefix: /* @__PURE__ */ jsx48(MagickoAdd, { className: "[&_path]:fill-element-inverse-default" }),
           onClick: () => emptyState?.emptyAction?.(),
           children: "Create new"
         }
       ) : null
     ] }) }) : null,
-    /* @__PURE__ */ jsx47("div", { className: "max-w-full flex-1 overflow-x-auto", children: /* @__PURE__ */ jsxs35(
+    /* @__PURE__ */ jsx48("div", { className: "max-w-full flex-1 overflow-x-auto", children: /* @__PURE__ */ jsxs36(
       "table",
       {
         className: "w-full caption-bottom text-sm",
         style: { minWidth: "max-content" },
         children: [
-          /* @__PURE__ */ jsx47("thead", { className: "bg-fill-inverse-slate-03", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsx48("thead", { className: "bg-fill-inverse-slate-03", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx48(
             "tr",
             {
               className: "hover:bg-muted/50 border-stroke-inverse-slate-02 border-b transition-colors",
-              children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx47(
+              children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx48(
                 "th",
                 {
                   className: "text-muted-foreground h-12 px-4 text-left align-middle font-medium",
@@ -10401,14 +10662,14 @@ var Table = ({
             },
             headerGroup.id
           )) }),
-          /* @__PURE__ */ jsxs35("tbody", { className: "relative", children: [
+          /* @__PURE__ */ jsxs36("tbody", { className: "relative", children: [
             table.getRowModel().rows.map((row) => {
-              return /* @__PURE__ */ jsx47(
+              return /* @__PURE__ */ jsx48(
                 "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__ */ jsx47("td", { className: "p-4", children: flexRender(
+                  children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx48("td", { className: "p-4", children: flexRender(
                     cell.column.columnDef.cell,
                     cell.getContext()
                   ) }, cell.id))
@@ -10416,7 +10677,7 @@ var Table = ({
                 row.id
               );
             }),
-            rowCount === 0 && Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx47("tr", { children: /* @__PURE__ */ jsx47("td", { colSpan: columns.length, className: "h-12 p-4", children: /* @__PURE__ */ jsx47("div", { className: "" }) }) }, index))
+            rowCount === 0 && Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx48("tr", { children: /* @__PURE__ */ jsx48("td", { colSpan: columns.length, className: "h-12 p-4", children: /* @__PURE__ */ jsx48("div", { className: "" }) }) }, index))
           ] })
         ]
       }
@@ -10451,13 +10712,13 @@ var PrimaryCell = React16.forwardRef(
   }, ref) => {
     let content = children;
     if (variant === "badge") {
-      content = /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
+      content = /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2", children: [
         children,
-        badgeContent && /* @__PURE__ */ jsx47(Badge, { type: badgeType, size: badgeSize, children: badgeContent })
+        badgeContent && /* @__PURE__ */ jsx48(Badge, { type: badgeType, size: badgeSize, children: badgeContent })
       ] });
     } else if (variant === "progress") {
-      content = /* @__PURE__ */ jsxs35(Fragment6, { children: [
-        progressValue !== 100 && /* @__PURE__ */ jsx47(
+      content = /* @__PURE__ */ jsxs36(Fragment7, { children: [
+        progressValue !== 100 && /* @__PURE__ */ jsx48(
           ProgressIndicator,
           {
             variant: "circle",
@@ -10466,23 +10727,23 @@ var PrimaryCell = React16.forwardRef(
             showPercentage: showProgressPercentage
           }
         ),
-        children && /* @__PURE__ */ jsx47("span", { className: "text-body-sm text-element-inverse-default", children })
+        children && /* @__PURE__ */ jsx48("span", { className: "text-body-sm text-element-inverse-default", children })
       ] });
     } else if (variant === "error") {
-      content = /* @__PURE__ */ jsxs35(Fragment6, { children: [
-        /* @__PURE__ */ jsx47(AlertCircle, { className: "size-4 shrink-0" }),
-        errorMessage ? /* @__PURE__ */ jsx47("span", { className: "text-body-sm", children: errorMessage }) : children
+      content = /* @__PURE__ */ jsxs36(Fragment7, { children: [
+        /* @__PURE__ */ jsx48(AlertCircle, { className: "size-4 shrink-0" }),
+        errorMessage ? /* @__PURE__ */ jsx48("span", { className: "text-body-sm", children: errorMessage }) : children
       ] });
     }
-    return /* @__PURE__ */ jsxs35(
+    return /* @__PURE__ */ jsxs36(
       "div",
       {
         ref,
         className: cn(primaryCellVariants({ variant })),
         ...props,
         children: [
-          /* @__PURE__ */ jsx47("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: content }),
-          hoverUI && /* @__PURE__ */ jsx47("div", { className: "ml-2 flex items-center gap-2 opacity-0 transition-opacity duration-200 group-hover/row:opacity-100", children: hoverUI })
+          /* @__PURE__ */ jsx48("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: content }),
+          hoverUI && /* @__PURE__ */ jsx48("div", { className: "ml-2 flex items-center gap-2 opacity-0 transition-opacity duration-200 group-hover/row:opacity-100", children: hoverUI })
         ]
       }
     );
@@ -10491,7 +10752,7 @@ var PrimaryCell = React16.forwardRef(
 PrimaryCell.displayName = "PrimaryCell";
 Table.PrimaryCell = PrimaryCell;
 var TextCell = React16.forwardRef(({ text, copyable = true, className, ...props }, ref) => {
-  const [isCopied, setIsCopied] = useState11(false);
+  const [isCopied, setIsCopied] = useState12(false);
   const [hoverRef, isHovering] = useHover();
   const handleCopy = () => {
     navigator.clipboard.writeText(text);
@@ -10504,11 +10765,11 @@ var TextCell = React16.forwardRef(({ text, copyable = true, className, ...props
       }, 1200);
     }
   }, [isCopied]);
-  return /* @__PURE__ */ jsx47("div", { className: cn("w-full h-full", className), ref, ...props, children: /* @__PURE__ */ jsxs35("div", { className: "relative", ref: hoverRef, children: [
-    copyable && isHovering && /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48("div", { className: cn("w-full h-full", className), ref, ...props, children: /* @__PURE__ */ jsxs36("div", { className: "relative", ref: hoverRef, children: [
+    copyable && isHovering && /* @__PURE__ */ jsx48(
       IconButton,
       {
-        icon: isCopied ? /* @__PURE__ */ jsx47(
+        icon: isCopied ? /* @__PURE__ */ jsx48(
           MagickoCopySuccess,
           {
             className: cn(
@@ -10516,16 +10777,16 @@ var TextCell = React16.forwardRef(({ text, copyable = true, className, ...props
               "transition-all ease-in duration-200"
             )
           }
-        ) : /* @__PURE__ */ jsx47(MagickoCopy, { className: "size-4" }),
+        ) : /* @__PURE__ */ jsx48(MagickoCopy, { className: "size-4" }),
         className: "absolute top-1/2 -right-3 -translate-y-1/2",
         size: "sm",
         varient: "soft",
         onClick: handleCopy
       }
     ),
-    /* @__PURE__ */ jsxs35(Popover, { children: [
-      /* @__PURE__ */ jsx47(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx47(Text, { className: "truncate line-clamp-1", children: text ?? "-" }) }),
-      /* @__PURE__ */ jsx47(PopoverContent, { className: "", children: /* @__PURE__ */ jsx47(Text, { children: text ?? "-" }) })
+    /* @__PURE__ */ jsxs36(Popover, { children: [
+      /* @__PURE__ */ jsx48(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx48(Text, { className: "truncate line-clamp-1", children: text ?? "-" }) }),
+      /* @__PURE__ */ jsx48(PopoverContent, { className: "", children: /* @__PURE__ */ jsx48(Text, { children: text ?? "-" }) })
     ] })
   ] }) });
 });
@@ -10535,7 +10796,7 @@ var Table_default = Table;
 
 // src/ui/Tabs/index.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx48, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs37 } from "react/jsx-runtime";
 function Tabs({
   defaultActiveTab,
   tabSmall,
@@ -10544,8 +10805,8 @@ function Tabs({
   showContent = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs36(BaseTabs, { defaultValue: defaultActiveTab, className, ...props, children: [
-    /* @__PURE__ */ jsx48(BaseTabsList, { children: tabs.map((tab) => /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(BaseTabs, { defaultValue: defaultActiveTab, className, ...props, children: [
+    /* @__PURE__ */ jsx49(BaseTabsList, { children: tabs.map((tab) => /* @__PURE__ */ jsxs37(
       BaseTabsTrigger,
       {
         tabSmall,
@@ -10553,22 +10814,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__ */ jsx48("div", { children: tab.icon }),
+          tab.icon && /* @__PURE__ */ jsx49("div", { children: tab.icon }),
           tab.label,
-          tab.notification && /* @__PURE__ */ jsx48("div", { className: "bg-icon-destructive absolute top-1 right-1 size-1.5 rounded-full" }),
-          !!tab.count && /* @__PURE__ */ jsx48(Badge, { type: "primary-soft", children: tab.count })
+          tab.notification && /* @__PURE__ */ jsx49("div", { className: "bg-icon-destructive absolute top-1 right-1 size-1.5 rounded-full" }),
+          !!tab.count && /* @__PURE__ */ jsx49(Badge, { type: "primary-soft", children: tab.count })
         ]
       },
       tab.value
     )) }),
-    showContent && "content" in tabs[0] && tabs.map((tab) => /* @__PURE__ */ jsx48(BaseTabsContent, { value: tab.value, children: tab.content }, tab.value))
+    showContent && "content" in tabs[0] && tabs.map((tab) => /* @__PURE__ */ jsx49(BaseTabsContent, { value: tab.value, children: tab.content }, tab.value))
   ] });
 }
 function BaseTabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
@@ -10581,7 +10842,7 @@ function BaseTabsList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     TabsPrimitive.List,
     {
       "data-slot": "tabs-list",
@@ -10598,7 +10859,7 @@ function BaseTabsTrigger({
   tabSmall,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     TabsPrimitive.Trigger,
     {
       "data-slot": "tabs-trigger",
@@ -10615,7 +10876,7 @@ function BaseTabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
@@ -10627,7 +10888,7 @@ function BaseTabsContent({
 
 // src/ui/Tag/index.tsx
 import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var tagVariants = cva12("px-1 rounded-sm", {
   variants: {
     variant: {
@@ -10645,14 +10906,14 @@ function Tag({
   variant,
   className
 }) {
-  return /* @__PURE__ */ jsx49("div", { "data-slot": "tag", className: cn(tagVariants({ variant }), className), children: /* @__PURE__ */ jsx49("span", { className: "text-caption font-semibold text-white", children: label }) });
+  return /* @__PURE__ */ jsx50("div", { "data-slot": "tag", className: cn(tagVariants({ variant }), className), children: /* @__PURE__ */ jsx50("span", { className: "text-caption font-semibold text-white", children: label }) });
 }
 
 // src/ui/TextAreaInput/index.tsx
 import * as React17 from "react";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var TextareaInput = React17.forwardRef(({ className, label, ...props }, ref) => {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "textarea",
     {
       ref,
@@ -10672,8 +10933,8 @@ var TextAreaInput_default = TextareaInput;
 
 // src/ui/TimePicker/index.tsx
 import { Clock } from "lucide-react";
-import { useState as useState12 } from "react";
-import { jsx as jsx51, jsxs as jsxs37 } from "react/jsx-runtime";
+import { useState as useState13 } from "react";
+import { jsx as jsx52, jsxs as jsxs38 } from "react/jsx-runtime";
 function TimePicker({
   label,
   onValueChange,
@@ -10682,7 +10943,7 @@ function TimePicker({
   value,
   ...props
 }) {
-  const [isOpen, setIsOpen] = useState12(false);
+  const [isOpen, setIsOpen] = useState13(false);
   const currentValue = value || defaultValue || "";
   const formatTimeForDisplay = (timeValue) => {
     if (!timeValue) return "";
@@ -10694,10 +10955,10 @@ function TimePicker({
   const handleChange = (value2) => {
     onValueChange?.(value2);
   };
-  return /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-3", children: [
-    label && /* @__PURE__ */ jsx51(Label2, { htmlFor: "time-picker", className: "px-1", children: "Time" }),
-    /* @__PURE__ */ jsxs37(DropdownMenu, { open: isOpen, onOpenChange: setIsOpen, children: [
-      /* @__PURE__ */ jsx51(DropdownMenuTrigger, { className: "!p-0", children: /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-3", children: [
+    label && /* @__PURE__ */ jsx52(Label2, { htmlFor: "time-picker", className: "px-1", children: "Time" }),
+    /* @__PURE__ */ jsxs38(DropdownMenu, { open: isOpen, onOpenChange: setIsOpen, children: [
+      /* @__PURE__ */ jsx52(DropdownMenuTrigger, { className: "!p-0", children: /* @__PURE__ */ jsx52(
         Input,
         {
           ...props,
@@ -10705,17 +10966,17 @@ function TimePicker({
           value: currentValue ? formatTimeForDisplay(currentValue) : "",
           onKeyDown: (e) => e.preventDefault(),
           prefixNode: {
-            node: /* @__PURE__ */ jsx51(Clock, { className: "pointer-events-none h-5 w-5 text-gray-700" }),
+            node: /* @__PURE__ */ jsx52(Clock, { className: "pointer-events-none h-5 w-5 text-gray-700" }),
             withBorder: false
           }
         }
       ) }),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx52(
         DropdownMenuContent,
         {
           align: "start",
           className: "max-h-60 min-w-41 overflow-y-auto",
-          children: timeOptions?.map((item) => /* @__PURE__ */ jsx51(
+          children: timeOptions?.map((item) => /* @__PURE__ */ jsx52(
             DropdownMenuItem,
             {
               className: cn(
@@ -10736,11 +10997,11 @@ function TimePicker({
 // src/ui/Title/index.tsx
 import { Slot as Slot6 } from "@radix-ui/react-slot";
 import * as React18 from "react";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var Title2 = React18.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot6 : "h2";
-    return /* @__PURE__ */ jsx52(
+    return /* @__PURE__ */ jsx53(
       Comp,
       {
         ref,
@@ -10759,7 +11020,7 @@ var Title_default = Title2;
 // src/ui/Toggle/index.tsx
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva13 } from "class-variance-authority";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var toggleVariants = cva13(
   "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",
   {
@@ -10794,7 +11055,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     TogglePrimitive.Root,
     {
       "data-slot": "toggle",
@@ -10811,7 +11072,7 @@ import { useRef as useRef10 } from "react";
 // src/ui/ToggleDropdownButton/ToggleDropdownLeftButton.tsx
 import { cva as cva14 } from "class-variance-authority";
 import * as React19 from "react";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 var toggleDropdownLeftButtonVariants = cva14(
   "flex items-center justify-center cursor-pointer transition-all",
   {
@@ -10907,7 +11168,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__ */ jsx54(
+  return type === "text" ? /* @__PURE__ */ jsx55(
     "button",
     {
       type: "button",
@@ -10916,7 +11177,7 @@ function ToggleDropdownLeftButton({
         className
       ),
       ...props,
-      children: isIcon ? /* @__PURE__ */ jsx54(
+      children: isIcon ? /* @__PURE__ */ jsx55(
         IconContainer,
         {
           colorInFill: false,
@@ -10929,7 +11190,7 @@ function ToggleDropdownLeftButton({
         }
       ) : children
     }
-  ) : /* @__PURE__ */ jsx54(
+  ) : /* @__PURE__ */ jsx55(
     "button",
     {
       type: "button",
@@ -10938,7 +11199,7 @@ function ToggleDropdownLeftButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx54(
+      children: /* @__PURE__ */ jsx55(
         IconContainer,
         {
           colorInFill: false,
@@ -10957,7 +11218,7 @@ function ToggleDropdownLeftButton({
 // src/ui/ToggleDropdownButton/ToggleDropdownRightButton.tsx
 import { cva as cva15 } from "class-variance-authority";
 import * as React20 from "react";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var toggleDropdownRightButtonVariants = cva15(
   "flex items-center justify-center group cursor-pointer transition-all",
   {
@@ -11053,7 +11314,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__ */ jsx55(
+  return type === "text" ? /* @__PURE__ */ jsx56(
     "button",
     {
       type: "button",
@@ -11062,7 +11323,7 @@ function ToggleDropdownRightButton({
         className
       ),
       ...props,
-      children: isIcon ? /* @__PURE__ */ jsx55(
+      children: isIcon ? /* @__PURE__ */ jsx56(
         IconContainer,
         {
           colorInFill: false,
@@ -11075,7 +11336,7 @@ function ToggleDropdownRightButton({
         }
       ) : children
     }
-  ) : /* @__PURE__ */ jsx55(
+  ) : /* @__PURE__ */ jsx56(
     "button",
     {
       type: "button",
@@ -11084,7 +11345,7 @@ function ToggleDropdownRightButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx55(
+      children: /* @__PURE__ */ jsx56(
         IconContainer,
         {
           colorInFill: false,
@@ -11101,10 +11362,10 @@ function ToggleDropdownRightButton({
 }
 
 // src/ui/ToggleDropdownButton/useToggleDropdown.ts
-import { useState as useState13, useCallback as useCallback4 } from "react";
+import { useState as useState14, useCallback as useCallback5 } from "react";
 
 // src/ui/ToggleDropdownButton/index.tsx
-import { jsx as jsx56, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
 var ToggleDropdownButton = ({
   type,
   selected,
@@ -11122,8 +11383,8 @@ var ToggleDropdownButton = ({
   const handleLeftButtonClick = () => {
     onLeftButtonClick?.();
   };
-  return /* @__PURE__ */ jsxs38("div", { className: "gap-x-unit-1px flex items-center", children: [
-    /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsxs39("div", { className: "gap-x-unit-1px flex items-center", children: [
+    /* @__PURE__ */ jsx57(
       ToggleDropdownLeftButton,
       {
         selected,
@@ -11134,8 +11395,8 @@ var ToggleDropdownButton = ({
         children: leftButtonChildren
       }
     ),
-    /* @__PURE__ */ jsxs38("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsxs39("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx57(
         ToggleDropdownRightButton,
         {
           ref: rightButtonRef,
@@ -11155,8 +11416,8 @@ var ToggleDropdownButton_default = ToggleDropdownButton;
 
 // src/ui/ToolToggle/index.tsx
 import { ChevronDown as ChevronDown3 } from "lucide-react";
-import { useState as useState14 } from "react";
-import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
+import { useState as useState15 } from "react";
+import { jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
 var ToolToggle = ({
   dropdown,
   dropdownContent,
@@ -11164,41 +11425,41 @@ var ToolToggle = ({
   className,
   onClick
 }) => {
-  const [active, setActive] = useState14(false);
+  const [active, setActive] = useState15(false);
   const handleClick = () => {
     setActive(!active);
     onClick?.(active);
   };
-  return /* @__PURE__ */ jsx57("div", { className: cn(dropdown ? "min-w-20" : "min-w-[52px]", className), children: /* @__PURE__ */ jsxs39(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58("div", { className: cn(dropdown ? "min-w-20" : "min-w-[52px]", className), children: /* @__PURE__ */ jsxs40(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx58(
       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__ */ jsxs39(
+        children: /* @__PURE__ */ jsxs40(
           "div",
           {
             className: "flex items-center justify-center gap-x-2",
             onClick: handleClick,
             children: [
               icon,
-              dropdown && /* @__PURE__ */ jsx57(ChevronDown3, { className: "text-icon-default size-5" })
+              dropdown && /* @__PURE__ */ jsx58(ChevronDown3, { className: "text-icon-default size-5" })
             ]
           }
         )
       }
     ),
-    dropdown && /* @__PURE__ */ jsx57(DropdownMenuContent, { align: "start", className: "min-w-41", children: dropdownContent })
+    dropdown && /* @__PURE__ */ jsx58(DropdownMenuContent, { align: "start", className: "min-w-41", children: dropdownContent })
   ] }) });
 };
 
 // src/ui/WrapperCard/index.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var WrapperCard = (props) => {
   const { children, className } = props;
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       className: cn(
@@ -11219,7 +11480,7 @@ import {
   useFormContext,
   useFormState
 } from "react-hook-form";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var BaseForm = FormProvider;
 var FormFieldContext = React21.createContext(
   {}
@@ -11227,7 +11488,7 @@ var FormFieldContext = React21.createContext(
 var BaseFormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx59(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx59(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx60(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx60(Controller, { ...props }) });
 };
 var useFormField = () => {
   const fieldContext = React21.useContext(FormFieldContext);
@@ -11253,7 +11514,7 @@ var FormItemContext = React21.createContext(
 );
 function BaseFormItem({ className, ...props }) {
   const id = React21.useId();
-  return /* @__PURE__ */ jsx59(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx60(
     "div",
     {
       "data-slot": "form-item",
@@ -11267,7 +11528,7 @@ function BaseFormLabel({
   ...props
 }) {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     Label2,
     {
       "data-slot": "form-label",
@@ -11283,7 +11544,7 @@ function BaseFormLabel({
 }
 function BaseFormControl({ ...props }) {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     Slot7,
     {
       "data-slot": "form-control",
@@ -11299,7 +11560,7 @@ function BaseFormDescription({
   ...props
 }) {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     "p",
     {
       "data-slot": "form-description",
@@ -11315,7 +11576,7 @@ function BaseFormMessage({ className, ...props }) {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     "p",
     {
       "data-slot": "form-message",
@@ -11329,7 +11590,7 @@ function BaseFormMessage({ className, ...props }) {
 
 // src/ui/form/FormField.tsx
 import * as React22 from "react";
-import { jsx as jsx60, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs41 } from "react/jsx-runtime";
 var FormField = ({
   control,
   field,
@@ -11337,18 +11598,18 @@ var FormField = ({
   onBlur,
   className
 }) => {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     BaseFormField,
     {
       control,
       name: field.name,
-      render: ({ field: formField }) => /* @__PURE__ */ jsxs40(BaseFormItem, { className: cn("w-full", className), children: [
-        field.label && /* @__PURE__ */ jsxs40(BaseFormLabel, { className: "gap-1", children: [
+      render: ({ field: formField }) => /* @__PURE__ */ jsxs41(BaseFormItem, { className: cn("w-full", className), children: [
+        field.label && /* @__PURE__ */ jsxs41(BaseFormLabel, { className: "gap-1", children: [
           field.label,
-          field.required && /* @__PURE__ */ jsx60("span", { className: "text-element-inverse-red", children: "*" }),
-          field.optional && /* @__PURE__ */ jsx60("span", { className: "text-title-sm!", children: "(Optional)" })
+          field.required && /* @__PURE__ */ jsx61("span", { className: "text-element-inverse-red", children: "*" }),
+          field.optional && /* @__PURE__ */ jsx61("span", { className: "text-title-sm!", children: "(Optional)" })
         ] }),
-        /* @__PURE__ */ jsx60(BaseFormControl, { children: React22.isValidElement(field.render) ? React22.cloneElement(
+        /* @__PURE__ */ jsx61(BaseFormControl, { children: React22.isValidElement(field.render) ? React22.cloneElement(
           field.render,
           {
             ...formField,
@@ -11358,7 +11619,7 @@ var FormField = ({
             }
           }
         ) : field.render }),
-        isShowError && /* @__PURE__ */ jsx60(BaseFormMessage, {})
+        isShowError && /* @__PURE__ */ jsx61(BaseFormMessage, {})
       ] })
     },
     field.name
@@ -11371,7 +11632,7 @@ import {
   Controller as Controller2,
   useFormContext as useFormContext2
 } from "react-hook-form";
-import { jsx as jsx61, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
 var FormMethodsContext = createContext4(
   null
 );
@@ -11382,11 +11643,11 @@ function Form({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormMethodsContext.Provider,
     {
       value: formMethods,
-      children: /* @__PURE__ */ jsx61(BaseForm, { ...formMethods, children: /* @__PURE__ */ jsx61(
+      children: /* @__PURE__ */ jsx62(BaseForm, { ...formMethods, children: /* @__PURE__ */ jsx62(
         "form",
         {
           id,
@@ -11407,7 +11668,7 @@ Form.InputField = function InputField({
   ...props
 }) {
   const { control } = useFormContext2();
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       className: "w-full",
@@ -11418,7 +11679,7 @@ Form.InputField = function InputField({
         name,
         label,
         required,
-        render: /* @__PURE__ */ jsx61(Input, { ...props, inputClassName: props.inputClassName })
+        render: /* @__PURE__ */ jsx62(Input, { ...props, inputClassName: props.inputClassName })
       }
     }
   );
@@ -11429,7 +11690,7 @@ Form.PasswordField = function PasswordField({
   ...props
 }) {
   const { control } = useFormContext2();
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       className: "w-full",
@@ -11437,7 +11698,7 @@ Form.PasswordField = function PasswordField({
       field: {
         name,
         label,
-        render: /* @__PURE__ */ jsx61(PasswordInput, { ...props })
+        render: /* @__PURE__ */ jsx62(PasswordInput, { ...props })
       }
     }
   );
@@ -11449,7 +11710,7 @@ Form.SelectInputField = function SelectInputField({
   ...props
 }) {
   const { control } = useFormContext2();
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       control,
@@ -11457,7 +11718,7 @@ Form.SelectInputField = function SelectInputField({
         name,
         required,
         label,
-        render: /* @__PURE__ */ jsx61(SelectInput, { ...props })
+        render: /* @__PURE__ */ jsx62(SelectInput, { ...props })
       }
     }
   );
@@ -11469,14 +11730,14 @@ Form.MultiSelectField = function MultiSelectField({
 }) {
   const { control, watch, setValue } = useFormContext2();
   const selectedValues = watch(name) || [];
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       control,
       field: {
         name,
         label,
-        render: /* @__PURE__ */ jsx61(
+        render: /* @__PURE__ */ jsx62(
           MultiSelect,
           {
             ...props,
@@ -11495,7 +11756,7 @@ Form.TextareaField = function TextareaField({
   ...props
 }) {
   const { control } = useFormContext2();
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       control,
@@ -11503,7 +11764,7 @@ Form.TextareaField = function TextareaField({
         name,
         label,
         optional,
-        render: /* @__PURE__ */ jsx61(TextAreaInput_default, { ...props })
+        render: /* @__PURE__ */ jsx62(TextAreaInput_default, { ...props })
       }
     }
   );
@@ -11521,14 +11782,14 @@ Form.FileUploadField = function FileUploadFieldComponent({
   const { control, formState } = useFormContext2();
   const fieldError = formState.errors[name];
   const hasValidationError = !!fieldError;
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     Controller2,
     {
       control,
       name,
-      render: ({ field: formField }) => /* @__PURE__ */ jsxs41("div", { className: "space-y-1", children: [
-        label && /* @__PURE__ */ jsx61("label", { htmlFor: name, className: "font-medium", children: label }),
-        /* @__PURE__ */ jsx61(
+      render: ({ field: formField }) => /* @__PURE__ */ jsxs42("div", { className: "space-y-1", children: [
+        label && /* @__PURE__ */ jsx62("label", { htmlFor: name, className: "font-medium", children: label }),
+        /* @__PURE__ */ jsx62(
           FileUploadField,
           {
             field: { name, isMultiple, maxFiles, children },
@@ -11559,7 +11820,7 @@ Form.DateInputField = function DateInputField({
 }) {
   const { control, watch, setValue } = useFormContext2();
   const value = watch(name);
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       control,
@@ -11567,7 +11828,7 @@ Form.DateInputField = function DateInputField({
         name,
         label,
         required,
-        render: /* @__PURE__ */ jsx61(
+        render: /* @__PURE__ */ jsx62(
           DatePickerInput,
           {
             ...props,
@@ -11586,14 +11847,14 @@ Form.TimeInputField = function TimeInputField({
   ...props
 }) {
   const { control, setValue } = useFormContext2();
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       control,
       field: {
         name,
         label,
-        render: /* @__PURE__ */ jsx61(
+        render: /* @__PURE__ */ jsx62(
           TimePicker,
           {
             onValueChange: (value) => {
@@ -11612,13 +11873,13 @@ Form.CheckboxField = function CheckboxField({
   ...props
 }) {
   const { control } = useFormContext2();
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       control,
       field: {
         name,
-        render: /* @__PURE__ */ jsx61(Checkbox, { value: name, label, ...props })
+        render: /* @__PURE__ */ jsx62(Checkbox, { value: name, label, ...props })
       }
     }
   );
@@ -11628,12 +11889,12 @@ Form.OTPInputField = function OTPInputField({
   ...props
 }) {
   const { control } = useFormContext2();
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       className: "w-full",
       control,
-      field: { name, render: /* @__PURE__ */ jsx61(OTPInput, { ...props }) }
+      field: { name, render: /* @__PURE__ */ jsx62(OTPInput, { ...props }) }
     }
   );
 };
@@ -11644,14 +11905,14 @@ Form.RadioField = function RadioField({
 }) {
   const { control } = useFormContext2();
   const { setValue } = useFormContext2();
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       control,
       field: {
         name,
         label,
-        render: /* @__PURE__ */ jsx61(
+        render: /* @__PURE__ */ jsx62(
           Radio,
           {
             ...props,
@@ -11668,13 +11929,13 @@ Form.ComboboxField = function ComboboxField({
 }) {
   const { control, setValue, watch } = useFormContext2();
   const value = watch(name);
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       control,
       field: {
         name,
-        render: /* @__PURE__ */ jsx61(
+        render: /* @__PURE__ */ jsx62(
           Combobox,
           {
             ...props,
@@ -11696,7 +11957,7 @@ Form.SwitchField = function SwitchField({
 }) {
   const { control, setValue, watch } = useFormContext2();
   const value = watch(name);
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       control,
@@ -11704,9 +11965,9 @@ Form.SwitchField = function SwitchField({
       field: {
         name,
         label,
-        render: /* @__PURE__ */ jsxs41("div", { className: "flex items-center", children: [
-          prefix && /* @__PURE__ */ jsx61("span", { className: "mr-2", children: prefix }),
-          /* @__PURE__ */ jsx61(
+        render: /* @__PURE__ */ jsxs42("div", { className: "flex items-center", children: [
+          prefix && /* @__PURE__ */ jsx62("span", { className: "mr-2", children: prefix }),
+          /* @__PURE__ */ jsx62(
             Switch,
             {
               ...props,
@@ -11714,7 +11975,7 @@ Form.SwitchField = function SwitchField({
               onCheckedChange: (checked) => setValue(name, checked)
             }
           ),
-          suffix && /* @__PURE__ */ jsx61("span", { className: "ml-2", children: suffix })
+          suffix && /* @__PURE__ */ jsx62("span", { className: "ml-2", children: suffix })
         ] })
       }
     }
@@ -12727,6 +12988,7 @@ export {
   FileUploadField,
   Form,
   FormField,
+  GoogleMapView,
   GradientContainer,
   Grid,
   IconButton,