@goplusvn/core 0.1.1 → 0.1.3

package/dist/ui/forms.mjs

@@ -1,4571 +0,0 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import * as React12 from 'react';
-import { useState, useCallback, useEffect, useRef, useImperativeHandle, useContext, useMemo, useId, createContext } from 'react';
-import { cva } from 'class-variance-authority';
-import { Slot } from '@radix-ui/react-slot';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Circle, Search, CalendarIcon, Smile, FileIcon, Loader2, X, UploadCloud, Minus, Check, ChevronsUpDown, Plus, Clock, icons, ChevronLeft, ChevronRight, Type, Palette, Image as Image$1, Unlink, Link, PanelLeft } from 'lucide-react';
-import { DayPicker } from 'react-day-picker';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import '@radix-ui/react-select';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import '@radix-ui/react-dropdown-menu';
-import '@radix-ui/react-switch';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { useMedia } from 'react-use';
-import { useDirection } from '@radix-ui/react-direction';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import 'next/link';
-import 'react-resizable-panels';
-import '@radix-ui/react-slider';
-import '@radix-ui/react-menubar';
-import '@radix-ui/react-navigation-menu';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import '@radix-ui/react-toggle-group';
-import '@radix-ui/react-progress';
-import '@radix-ui/react-context-menu';
-import 'vaul';
-import 'sonner';
-import '@radix-ui/react-alert-dialog';
-import 'next/navigation';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { Command as Command$1 } from 'cmdk';
-import { format } from 'date-fns';
-import dynamic from 'next/dynamic';
-import { Theme } from 'emoji-picker-react';
-import Image from 'next/image';
-import { useDropzone } from 'react-dropzone';
-import { OTPInput, OTPInputContext } from 'input-otp';
-import * as RPNInputPrimitive from 'react-phone-number-input';
-import Color from '@tiptap/extension-color';
-import Image3 from '@tiptap/extension-image';
-import Link4 from '@tiptap/extension-link';
-import Placeholder from '@tiptap/extension-placeholder';
-import TextAlign from '@tiptap/extension-text-align';
-import TextStyle from '@tiptap/extension-text-style';
-import Typography from '@tiptap/extension-typography';
-import Underline from '@tiptap/extension-underline';
-import { useEditor, BubbleMenu, EditorContent } from '@tiptap/react';
-import StarterKit from '@tiptap/starter-kit';
-import { Controller, useFormContext, FormProvider } from 'react-hook-form';
-
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-function formatFileSize(bytes, decimals = 2) {
-  if (bytes === 0) return "0 Bytes";
-  const k = 1e3;
-  const dm = decimals < 0 ? 0 : decimals;
-  const sizes2 = ["Bytes", "KB", "MB", "GB", "TB", "PB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes2[i];
-}
-function wait(ms = 250) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-function timeToDate(timeString, baseDate = /* @__PURE__ */ new Date()) {
-  if (!/^\d{2}:\d{2}$/.test(timeString)) {
-    throw new Error("Invalid time format. Use 'HH:mm'.");
-  }
-  const [hours, minutes] = timeString.split(":").map(Number);
-  const date = new Date(baseDate);
-  date.setHours(hours, minutes, 0, 0);
-  return date;
-}
-var Logger;
-var init_utils = __esm({
-  "src/utils/index.ts"() {
-    Logger = class {
-      log(level, message, context, error) {
-        const entry = {
-          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          level,
-          message,
-          context
-        };
-        if (error instanceof Error) {
-          entry.error = {
-            name: error.name,
-            message: error.message,
-            stack: error.stack
-          };
-        } else if (error) {
-          entry.error = error;
-        }
-        const logString = JSON.stringify(entry);
-        switch (level) {
-          case "error":
-            console.error(logString);
-            break;
-          case "warn":
-            console.warn(logString);
-            break;
-          case "debug":
-            if (process.env.NODE_ENV === "development") console.debug(logString);
-            break;
-          default:
-            console.log(logString);
-        }
-      }
-      info(message, context) {
-        this.log("info", message, context);
-      }
-      warn(message, context) {
-        this.log("warn", message, context);
-      }
-      error(message, error, context) {
-        this.log("error", message, context, error);
-      }
-      debug(message, context) {
-        this.log("debug", message, context);
-      }
-    };
-    new Logger();
-  }
-});
-var buttonVariants, Button;
-var init_button = __esm({
-  "src/ui/primitives/button.tsx"() {
-    init_utils();
-    buttonVariants = cva(
-      "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-      {
-        variants: {
-          variant: {
-            // Existing variants (backwards-compatible)
-            default: "bg-primary text-primary-foreground hover:bg-primary/90",
-            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-            outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground",
-            link: "text-primary underline-offset-4 hover:underline",
-            // New Plane-inspired variants using semantic tokens
-            accent: "bg-accent-primary text-text-on-color hover:bg-accent-primary-hover active:bg-accent-primary-active disabled:bg-layer-disabled disabled:text-text-disabled",
-            danger: "bg-danger text-text-on-color hover:bg-danger-hover active:bg-danger-hover disabled:bg-layer-disabled disabled:text-text-disabled",
-            "danger-outline": "border border-danger bg-layer-2 text-danger-text hover:bg-danger-subtle active:bg-danger-subtle disabled:border-border-subtle disabled:bg-layer-2 disabled:text-text-disabled",
-            success: "bg-success-semantic text-text-on-color hover:bg-success-semantic/90 active:bg-success-semantic/80 disabled:bg-layer-disabled disabled:text-text-disabled",
-            tertiary: "bg-layer-3 text-text-secondary hover:bg-layer-3-hover active:bg-layer-3-hover disabled:bg-transparent disabled:text-text-disabled"
-          },
-          size: {
-            // Existing sizes (backwards-compatible)
-            default: "h-10 px-4 py-2",
-            sm: "h-9 rounded-md px-3",
-            lg: "h-11 rounded-md px-8",
-            icon: "h-10 w-10",
-            // New ERP-specific compact sizes
-            xs: "h-7 rounded-sm px-2 text-xs",
-            compact: "h-8 rounded-md px-3 text-xs",
-            "icon-sm": "h-8 w-8",
-            "icon-xs": "h-7 w-7"
-          }
-        },
-        defaultVariants: {
-          variant: "default",
-          size: "default"
-        }
-      }
-    );
-    Button = React12.forwardRef(
-      ({ className, variant, size, asChild = false, loading = false, prependIcon, appendIcon, children, disabled, ...props }, ref) => {
-        if (asChild) {
-          return /* @__PURE__ */ jsx(
-            Slot,
-            {
-              className: cn(buttonVariants({ variant, size }), className),
-              ref,
-              ...{ disabled: disabled || loading },
-              ...props,
-              children: React12.isValidElement(children) && (prependIcon || appendIcon) ? React12.cloneElement(children, {}, /* @__PURE__ */ jsxs(Fragment, { children: [
-                prependIcon && React12.cloneElement(prependIcon, {
-                  className: cn("shrink-0", size === "xs" || size === "compact" ? "size-3.5" : "size-4")
-                }),
-                children.props.children,
-                appendIcon && React12.cloneElement(appendIcon, {
-                  className: cn("shrink-0", size === "xs" || size === "compact" ? "size-3.5" : "size-4")
-                })
-              ] })) : children
-            }
-          );
-        }
-        return /* @__PURE__ */ jsxs(
-          "button",
-          {
-            className: cn(buttonVariants({ variant, size }), className),
-            ref,
-            disabled: disabled || loading,
-            ...props,
-            children: [
-              prependIcon && React12.cloneElement(prependIcon, {
-                className: cn("shrink-0", size === "xs" || size === "compact" ? "size-3.5" : "size-4")
-              }),
-              children,
-              appendIcon && React12.cloneElement(appendIcon, {
-                className: cn("shrink-0", size === "xs" || size === "compact" ? "size-3.5" : "size-4")
-              })
-            ]
-          }
-        );
-      }
-    );
-    Button.displayName = "Button";
-  }
-});
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DayPicker,
-    {
-      showOutsideDays,
-      className: cn("p-3", className),
-      classNames: {
-        month: "space-y-4",
-        month_caption: "flex justify-center pt-1 items-center",
-        caption_label: "text-sm font-medium",
-        nav: "relative gap-x-1 flex items-center",
-        button_previous: cn(
-          buttonVariants({ variant: "outline" }),
-          "absolute top-0 start-0 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
-        ),
-        button_next: cn(
-          buttonVariants({ variant: "outline" }),
-          "absolute top-0 end-0 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
-        ),
-        month_grid: "w-full border-collapse space-y-1",
-        weekdays: "flex",
-        weekday: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
-        week: "flex w-full mt-2",
-        day: cn(
-          buttonVariants({ variant: "ghost" }),
-          "relative h-8 w-8 p-0 font-normal text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-e-md"
-        ),
-        day_button: "cursor-pointer h-full w-full aria-selected:opacity-100",
-        range_start: "rounded-md!",
-        range_end: "rounded-md!",
-        selected: cn(
-          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-          props.mode === "range" && "rounded-none"
-        ),
-        today: "bg-accent text-accent-foreground",
-        outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
-        disabled: "text-muted-foreground opacity-50",
-        range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        hidden: "invisible",
-        ...classNames
-      },
-      components: {
-        Chevron: (props2) => {
-          if (props2.orientation === "left") {
-            return /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" });
-          }
-          return /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" });
-        }
-      },
-      ...props
-    }
-  );
-}
-var init_calendar = __esm({
-  "src/ui/primitives/calendar.tsx"() {
-    "use client";
-    init_utils();
-    init_button();
-    Calendar.displayName = "Calendar";
-  }
-});
-var Input;
-var init_input = __esm({
-  "src/ui/primitives/input.tsx"() {
-    init_utils();
-    Input = React12.forwardRef(
-      ({ className, type, ...props }, ref) => {
-        return /* @__PURE__ */ jsx(
-          "input",
-          {
-            type,
-            className: cn(
-              "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-              className
-            ),
-            ref,
-            ...props
-          }
-        );
-      }
-    );
-    Input.displayName = "Input";
-  }
-});
-function ScrollArea({
-  orientation,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    ScrollAreaPrimitive.Root,
-    {
-      "data-slot": "scroll-area",
-      className: cn("relative overflow-hidden", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          ScrollAreaPrimitive.Viewport,
-          {
-            "data-slot": "scroll-area-viewport",
-            className: "h-full w-full rounded-[inherit]",
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(ScrollBar, { orientation }),
-        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-      ]
-    }
-  );
-}
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ScrollAreaPrimitive.ScrollAreaScrollbar,
-    {
-      "data-slot": "scroll-area-scrollbar",
-      orientation,
-      className: cn(
-        "flex touch-none select-none transition-colors",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-    }
-  );
-}
-var init_scroll_area = __esm({
-  "src/ui/primitives/scroll-area.tsx"() {
-    "use client";
-    init_utils();
-  }
-});
-var init_combobox = __esm({
-  "src/ui/primitives/combobox.tsx"() {
-    "use client";
-  }
-});
-var init_select = __esm({
-  "src/ui/primitives/select.tsx"() {
-    "use client";
-  }
-});
-function Popover({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
-}
-function PopoverTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    PopoverPrimitive.Trigger,
-    {
-      "data-slot": "popover-trigger",
-      className: cn("cursor-pointer", className),
-      ...props
-    }
-  );
-}
-function PopoverContent({
-  className,
-  align = "center",
-  sideOffset = 4,
-  container,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsx(
-    PopoverPrimitive.Content,
-    {
-      "data-slot": "popover-content",
-      align,
-      sideOffset,
-      className: cn(
-        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-var init_popover = __esm({
-  "src/ui/primitives/popover.tsx"() {
-    "use client";
-    init_utils();
-  }
-});
-var init_dropdown_menu = __esm({
-  "src/ui/primitives/dropdown-menu.tsx"() {
-    "use client";
-  }
-});
-var init_switch = __esm({
-  "src/ui/primitives/switch.tsx"() {
-    "use client";
-  }
-});
-var Checkbox;
-var init_checkbox = __esm({
-  "src/ui/primitives/checkbox.tsx"() {
-    "use client";
-    init_utils();
-    Checkbox = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      CheckboxPrimitive.Root,
-      {
-        ref,
-        className: cn(
-          "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          CheckboxPrimitive.Indicator,
-          {
-            className: cn("flex items-center justify-center text-current"),
-            children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
-          }
-        )
-      }
-    ));
-    Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-  }
-});
-var Label3;
-var init_label = __esm({
-  "src/ui/primitives/label.tsx"() {
-    "use client";
-    init_utils();
-    Label3 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      LabelPrimitive.Root,
-      {
-        ref,
-        className: cn(
-          "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-          className
-        ),
-        ...props
-      }
-    ));
-    Label3.displayName = LabelPrimitive.Root.displayName;
-  }
-});
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    TooltipPrimitive.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration,
-      ...props
-    }
-  );
-}
-function Tooltip({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    TooltipPrimitive.Trigger,
-    {
-      "data-slot": "tooltip-trigger",
-      className: cn("cursor-pointer", className),
-      ...props
-    }
-  );
-}
-function TooltipContent({
-  className,
-  sideOffset = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    TooltipPrimitive.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(
-        "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-sm text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var init_tooltip = __esm({
-  "src/ui/primitives/tooltip.tsx"() {
-    "use client";
-    init_utils();
-  }
-});
-var init_tenant_provider = __esm({
-  "src/providers/tenant-provider.tsx"() {
-    createContext(void 0);
-  }
-});
-var defaultSettings, SettingsContext;
-var init_providers = __esm({
-  "src/providers/index.tsx"() {
-    "use client";
-    init_tenant_provider();
-    defaultSettings = {
-      theme: "blue",
-      mode: "system",
-      radius: 0.5,
-      layout: "vertical",
-      locale: "vi",
-      sidebarVariant: "sidebar",
-      sidebarCollapsible: "icon",
-      density: "comfortable"
-    };
-    SettingsContext = createContext(void 0);
-  }
-});
-function Badge({ className, variant, size, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant, size }), className), ...props });
-}
-var badgeVariants;
-var init_badge = __esm({
-  "src/ui/primitives/badge.tsx"() {
-    init_utils();
-    badgeVariants = cva(
-      "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-      {
-        variants: {
-          variant: {
-            // Existing variants (backwards-compatible)
-            default: "border-transparent bg-primary text-primary-foreground",
-            secondary: "border-transparent bg-secondary text-secondary-foreground",
-            destructive: "border-transparent bg-destructive text-destructive-foreground",
-            outline: "text-foreground",
-            // Enhanced semantic variants (using Design Tokens)
-            success: "border-transparent bg-success-subtle text-success-text",
-            warning: "border-transparent bg-warning-subtle text-warning-text",
-            danger: "border-transparent bg-danger-subtle text-danger-text",
-            info: "border-transparent bg-info-subtle text-info-text",
-            accent: "border-transparent bg-accent-primary-subtle text-accent-primary"
-          },
-          size: {
-            default: "",
-            sm: "px-1.5 py-0 text-[10px]",
-            lg: "px-3 py-1 text-sm"
-          }
-        },
-        defaultVariants: {
-          variant: "default",
-          size: "default"
-        }
-      }
-    );
-  }
-});
-var Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter;
-var init_card = __esm({
-  "src/ui/primitives/card.tsx"() {
-    init_utils();
-    Card = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "rounded-lg border bg-card text-card-foreground shadow-sm",
-          className
-        ),
-        ...props
-      }
-    ));
-    Card.displayName = "Card";
-    CardHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("flex flex-col space-y-1.5 p-6", className),
-        ...props
-      }
-    ));
-    CardHeader.displayName = "CardHeader";
-    CardTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      "h3",
-      {
-        ref,
-        className: cn(
-          "text-2xl font-semibold leading-none tracking-tight",
-          className
-        ),
-        ...props
-      }
-    ));
-    CardTitle.displayName = "CardTitle";
-    CardDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      "p",
-      {
-        ref,
-        className: cn("text-sm text-muted-foreground", className),
-        ...props
-      }
-    ));
-    CardDescription.displayName = "CardDescription";
-    CardContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
-    CardContent.displayName = "CardContent";
-    CardFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("flex items-center p-6 pt-0", className),
-        ...props
-      }
-    ));
-    CardFooter.displayName = "CardFooter";
-  }
-});
-var Separator3;
-var init_separator = __esm({
-  "src/ui/primitives/separator.tsx"() {
-    init_utils();
-    Separator3 = React12.forwardRef(
-      ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          className: cn(
-            "shrink-0 bg-border",
-            orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-            className
-          ),
-          ...props
-        }
-      )
-    );
-    Separator3.displayName = "Separator";
-  }
-});
-var Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption;
-var init_table = __esm({
-  "src/ui/primitives/table.tsx"() {
-    init_utils();
-    Table = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
-      "table",
-      {
-        ref,
-        className: cn("w-max min-w-full caption-bottom text-xs", className),
-        ...props
-      }
-    ) }));
-    Table.displayName = "Table";
-    TableHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
-    TableHeader.displayName = "TableHeader";
-    TableBody = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      "tbody",
-      {
-        ref,
-        className: cn("[&_tr:last-child]:border-0", className),
-        ...props
-      }
-    ));
-    TableBody.displayName = "TableBody";
-    TableFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      "tfoot",
-      {
-        ref,
-        className: cn(
-          "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-          className
-        ),
-        ...props
-      }
-    ));
-    TableFooter.displayName = "TableFooter";
-    TableRow = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      "tr",
-      {
-        ref,
-        className: cn(
-          "border-b transition-colors even:bg-muted/30 data-[state=selected]:bg-muted",
-          className
-        ),
-        ...props
-      }
-    ));
-    TableRow.displayName = "TableRow";
-    TableHead = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      "th",
-      {
-        ref,
-        className: cn(
-          "h-9 px-3 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-          className
-        ),
-        ...props
-      }
-    ));
-    TableHead.displayName = "TableHead";
-    TableCell = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      "td",
-      {
-        ref,
-        className: cn("px-3 py-1.5 align-middle [&:has([role=checkbox])]:pr-0 text-xs", className),
-        ...props
-      }
-    ));
-    TableCell.displayName = "TableCell";
-    TableCaption = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      "caption",
-      {
-        ref,
-        className: cn("mt-4 text-sm text-muted-foreground", className),
-        ...props
-      }
-    ));
-    TableCaption.displayName = "TableCaption";
-  }
-});
-var Dialog, DialogPortal, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
-var init_dialog = __esm({
-  "src/ui/primitives/dialog.tsx"() {
-    "use client";
-    init_utils();
-    Dialog = DialogPrimitive.Root;
-    DialogPortal = DialogPrimitive.Portal;
-    DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      DialogPrimitive.Overlay,
-      {
-        ref,
-        className: cn(
-          "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-          className
-        ),
-        ...props
-      }
-    ));
-    DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-    DialogContent = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
-      /* @__PURE__ */ jsx(DialogOverlay, {}),
-      /* @__PURE__ */ jsxs(
-        DialogPrimitive.Content,
-        {
-          ref,
-          className: cn(
-            "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-            className
-          ),
-          ...props,
-          children: [
-            children,
-            /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-              /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-            ] })
-          ]
-        }
-      )
-    ] }));
-    DialogContent.displayName = DialogPrimitive.Content.displayName;
-    DialogHeader = ({
-      className,
-      ...props
-    }) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "flex flex-col space-y-1.5 text-center sm:text-left",
-          className
-        ),
-        ...props
-      }
-    );
-    DialogHeader.displayName = "DialogHeader";
-    DialogFooter = ({
-      className,
-      ...props
-    }) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-          className
-        ),
-        ...props
-      }
-    );
-    DialogFooter.displayName = "DialogFooter";
-    DialogTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      DialogPrimitive.Title,
-      {
-        ref,
-        className: cn(
-          "text-lg font-semibold leading-none tracking-tight",
-          className
-        ),
-        ...props
-      }
-    ));
-    DialogTitle.displayName = DialogPrimitive.Title.displayName;
-    DialogDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      DialogPrimitive.Description,
-      {
-        ref,
-        className: cn("text-sm text-muted-foreground", className),
-        ...props
-      }
-    ));
-    DialogDescription.displayName = DialogPrimitive.Description.displayName;
-  }
-});
-var TabsList, TabsTrigger, TabsContent;
-var init_tabs = __esm({
-  "src/ui/primitives/tabs.tsx"() {
-    "use client";
-    init_utils();
-    TabsList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      TabsPrimitive.List,
-      {
-        ref,
-        className: cn(
-          "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
-          className
-        ),
-        ...props
-      }
-    ));
-    TabsList.displayName = TabsPrimitive.List.displayName;
-    TabsTrigger = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      TabsPrimitive.Trigger,
-      {
-        ref,
-        className: cn(
-          "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-          className
-        ),
-        ...props
-      }
-    ));
-    TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-    TabsContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-      TabsPrimitive.Content,
-      {
-        ref,
-        className: cn(
-          "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-          className
-        ),
-        ...props
-      }
-    ));
-    TabsContent.displayName = TabsPrimitive.Content.displayName;
-  }
-});
-var init_breadcrumb = __esm({
-  "src/ui/primitives/breadcrumb.tsx"() {
-  }
-});
-var init_keyboard = __esm({
-  "src/ui/primitives/keyboard.tsx"() {
-  }
-});
-var init_pagination = __esm({
-  "src/ui/primitives/pagination.tsx"() {
-  }
-});
-var init_status_badge = __esm({
-  "src/ui/primitives/status-badge.tsx"() {
-  }
-});
-var init_resizable = __esm({
-  "src/ui/primitives/resizable.tsx"() {
-    "use client";
-  }
-});
-var init_slider = __esm({
-  "src/ui/primitives/slider.tsx"() {
-    "use client";
-  }
-});
-var init_menubar = __esm({
-  "src/ui/primitives/menubar.tsx"() {
-    "use client";
-  }
-});
-var init_navigation_menu = __esm({
-  "src/ui/primitives/navigation-menu.tsx"() {
-    cva(
-      "group cursor-pointer inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
-    );
-  }
-});
-function Toggle({
-  className,
-  variant,
-  size,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    TogglePrimitive.Root,
-    {
-      "data-slot": "toggle",
-      className: cn(toggleVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-var toggleVariants;
-var init_toggle = __esm({
-  "src/ui/primitives/toggle.tsx"() {
-    "use client";
-    init_utils();
-    toggleVariants = cva(
-      "cursor-pointer inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
-      {
-        variants: {
-          variant: {
-            default: "bg-transparent",
-            outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
-          },
-          size: {
-            default: "h-9 px-3",
-            sm: "h-8 px-2",
-            lg: "h-10 px-3"
-          }
-        },
-        defaultVariants: {
-          variant: "default",
-          size: "default"
-        }
-      }
-    );
-  }
-});
-var init_toggle_group = __esm({
-  "src/ui/primitives/toggle-group.tsx"() {
-    "use client";
-    createContext({
-      size: "default",
-      variant: "default"
-    });
-  }
-});
-function Spinner({ size = "md", className }) {
-  const sizeClasses = {
-    sm: "h-4 w-4",
-    md: "h-6 w-6",
-    lg: "h-8 w-8"
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "animate-spin rounded-full border-2 border-current border-t-transparent",
-        sizeClasses[size],
-        className
-      )
-    }
-  );
-}
-var Textarea, ButtonLoading;
-var init_primitives = __esm({
-  "src/ui/primitives/index.tsx"() {
-    init_utils();
-    init_button();
-    init_badge();
-    init_button();
-    init_input();
-    init_checkbox();
-    init_card();
-    init_separator();
-    init_card();
-    init_table();
-    init_dropdown_menu();
-    init_dialog();
-    init_tabs();
-    init_breadcrumb();
-    init_keyboard();
-    init_pagination();
-    init_status_badge();
-    init_sidebar();
-    init_popover();
-    init_scroll_area();
-    init_calendar();
-    init_resizable();
-    init_slider();
-    init_switch();
-    init_tooltip();
-    init_select();
-    init_menubar();
-    init_navigation_menu();
-    init_toggle();
-    init_toggle_group();
-    init_combobox();
-    init_label();
-    Textarea = React12.forwardRef(
-      ({ className, ...props }, ref) => {
-        return /* @__PURE__ */ jsx(
-          "textarea",
-          {
-            className: cn(
-              "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-              className
-            ),
-            ref,
-            ...props
-          }
-        );
-      }
-    );
-    Textarea.displayName = "Textarea";
-    ButtonLoading = React12.forwardRef(({ className, isLoading, children, disabled, ...props }, ref) => {
-      return /* @__PURE__ */ jsxs(
-        Button,
-        {
-          className: cn("gap-2", className),
-          disabled: isLoading || disabled,
-          ref,
-          ...props,
-          children: [
-            isLoading && /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
-            children
-          ]
-        }
-      );
-    });
-    ButtonLoading.displayName = "ButtonLoading";
-  }
-});
-var init_progress = __esm({
-  "src/ui/feedback/progress.tsx"() {
-    "use client";
-  }
-});
-function Sheet({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
-}
-function SheetPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Overlay,
-    {
-      "data-slot": "sheet-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsx(
-      DialogPrimitive.Content,
-      {
-        "data-slot": "sheet-content",
-        className: cn(sheetVariants({ side }), className),
-        ...props,
-        children
-      }
-    )
-  ] });
-}
-function SheetTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Title,
-    {
-      "data-slot": "sheet-title",
-      className: cn("text-lg font-semibold text-foreground", className),
-      ...props
-    }
-  );
-}
-var sheetVariants;
-var init_sheet = __esm({
-  "src/ui/feedback/sheet.tsx"() {
-    "use client";
-    init_utils();
-    sheetVariants = cva(
-      "fixed z-50 gap-4 bg-background p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
-      {
-        variants: {
-          side: {
-            top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-            bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-            left: "inset-y-0 left-0 h-full w-72 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-            right: "inset-y-0 right-0 h-full w-72 border-s data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
-            start: "inset-y-0 start-0 h-full w-72 border-e data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left data-[state=closed]:rtl:slide-out-to-right data-[state=open]:rtl:slide-in-from-right sm:max-w-sm",
-            end: "inset-y-0 end-0 h-full w-72 border-s data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right data-[state=closed]:rtl:slide-out-to-left data-[state=open]:rtl:slide-in-from-left sm:max-w-sm"
-          }
-        },
-        defaultVariants: {
-          side: "right"
-        }
-      }
-    );
-  }
-});
-var init_alert = __esm({
-  "src/ui/feedback/alert.tsx"() {
-    cva(
-      "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
-      {
-        variants: {
-          variant: {
-            default: "bg-background text-foreground",
-            destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
-          }
-        },
-        defaultVariants: {
-          variant: "default"
-        }
-      }
-    );
-  }
-});
-var init_context_menu = __esm({
-  "src/ui/feedback/context-menu.tsx"() {
-    "use client";
-  }
-});
-var init_drawer = __esm({
-  "src/ui/feedback/drawer.tsx"() {
-    "use client";
-  }
-});
-var init_sonner = __esm({
-  "src/ui/feedback/sonner.tsx"() {
-    "use client";
-  }
-});
-var GlobalErrorEmitter;
-var init_error_dialog = __esm({
-  "src/ui/feedback/error-dialog.tsx"() {
-    "use client";
-    GlobalErrorEmitter = class {
-      constructor() {
-        this.listeners = [];
-      }
-      subscribe(listener) {
-        this.listeners.push(listener);
-        return () => {
-          this.listeners = this.listeners.filter((l) => l !== listener);
-        };
-      }
-      emit(data) {
-        this.listeners.forEach((listener) => listener(data));
-      }
-    };
-    new GlobalErrorEmitter();
-    createContext(null);
-  }
-});
-var init_feedback = __esm({
-  "src/ui/feedback/index.tsx"() {
-    init_primitives();
-    init_progress();
-    init_sheet();
-    init_alert();
-    init_context_menu();
-    init_drawer();
-    init_sonner();
-    init_error_dialog();
-  }
-});
-
-// src/hooks/use-tenant.ts
-var init_use_tenant = __esm({
-  "src/hooks/use-tenant.ts"() {
-  }
-});
-function useMediaQuery(query) {
-  const [matches, setMatches] = useState(false);
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      const media = window.matchMedia(query);
-      setMatches(media.matches);
-      const listener = (event) => setMatches(event.matches);
-      media.addEventListener("change", listener);
-      return () => media.removeEventListener("change", listener);
-    }
-  }, [query]);
-  return matches;
-}
-function useMobile() {
-  return useMediaQuery("(max-width: 768px)");
-}
-function useSettings() {
-  const context = useContext(SettingsContext);
-  if (!context) {
-    return defaultSettingsValue;
-  }
-  return context;
-}
-function useIsDarkMode() {
-  const { settings } = useSettings();
-  const isDarkModePreferred = useMedia("(prefers-color-scheme: dark)");
-  let resolvedMode = settings.mode;
-  if (resolvedMode === "system") {
-    resolvedMode = isDarkModePreferred ? "dark" : "light";
-  }
-  return resolvedMode === "dark";
-}
-function useIsRtl() {
-  const direction = useDirection();
-  return direction === "rtl";
-}
-var defaultSettingsValue;
-var init_hooks = __esm({
-  "src/hooks/index.tsx"() {
-    "use client";
-    init_providers();
-    init_use_tenant();
-    defaultSettingsValue = {
-      settings: defaultSettings,
-      updateSettings: () => {
-      },
-      resetSettings: () => {
-      }
-    };
-    createContext(null);
-  }
-});
-function useSidebar() {
-  const context = React12.useContext(SidebarContext);
-  if (!context) {
-    throw new Error("useSidebar must be used within a SidebarProvider.");
-  }
-  return context;
-}
-var SIDEBAR_WIDTH, SIDEBAR_WIDTH_MOBILE, SIDEBAR_WIDTH_ICON, SIDEBAR_KEYBOARD_SHORTCUT, SidebarContext, SidebarProvider, Sidebar, SidebarTrigger, SidebarRail, SidebarInset, SidebarInput, SidebarHeader, SidebarFooter, SidebarSeparator, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarGroupAction, SidebarGroupContent, SidebarMenu, SidebarMenuItem, sidebarMenuButtonVariants, SidebarMenuButton, SidebarMenuAction, SidebarMenuBadge, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton;
-var init_sidebar = __esm({
-  "src/ui/primitives/sidebar.tsx"() {
-    "use client";
-    init_hooks();
-    init_utils();
-    init_button();
-    init_feedback();
-    init_tooltip();
-    SIDEBAR_WIDTH = "16rem";
-    SIDEBAR_WIDTH_MOBILE = "18rem";
-    SIDEBAR_WIDTH_ICON = "3rem";
-    SIDEBAR_KEYBOARD_SHORTCUT = "b";
-    SidebarContext = React12.createContext(null);
-    SidebarProvider = React12.forwardRef(
-      ({
-        defaultOpen = false,
-        open: openProp,
-        onOpenChange: setOpenProp,
-        className,
-        style,
-        children,
-        ...props
-      }, ref) => {
-        const isMobile = useMobile();
-        const [openMobile, setOpenMobile] = React12.useState(false);
-        const [hoverOpen, setHoverOpen] = React12.useState(false);
-        const [_open, _setOpen] = React12.useState(defaultOpen);
-        const open = openProp ?? _open;
-        const setOpen = React12.useCallback(
-          (value) => {
-            if (setOpenProp) {
-              return setOpenProp(typeof value === "function" ? value(open) : value);
-            }
-            _setOpen(value);
-          },
-          [setOpenProp, open]
-        );
-        const toggleSidebar = React12.useCallback(() => {
-          return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
-        }, [isMobile, setOpen, setOpenMobile]);
-        React12.useEffect(() => {
-          const handleKeyDown = (event) => {
-            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
-              event.preventDefault();
-              toggleSidebar();
-            }
-          };
-          window.addEventListener("keydown", handleKeyDown);
-          return () => window.removeEventListener("keydown", handleKeyDown);
-        }, [toggleSidebar]);
-        const state = open ? "expanded" : "collapsed";
-        const isHoverExpanded = !open && hoverOpen;
-        const contextValue = React12.useMemo(
-          () => ({
-            state,
-            open,
-            setOpen,
-            isMobile,
-            openMobile,
-            setOpenMobile,
-            toggleSidebar,
-            hoverOpen,
-            setHoverOpen,
-            isHoverExpanded
-          }),
-          [
-            state,
-            open,
-            setOpen,
-            isMobile,
-            openMobile,
-            setOpenMobile,
-            toggleSidebar,
-            hoverOpen,
-            setHoverOpen,
-            isHoverExpanded
-          ]
-        );
-        return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              "--sidebar-width": SIDEBAR_WIDTH,
-              "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-              ...style
-            },
-            className: cn(
-              "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
-              className
-            ),
-            ref,
-            ...props,
-            children
-          }
-        ) }) });
-      }
-    );
-    SidebarProvider.displayName = "SidebarProvider";
-    Sidebar = React12.forwardRef(
-      ({
-        side = "left",
-        variant = "sidebar",
-        collapsible = "offcanvas",
-        hoverExpandEnabled = true,
-        className,
-        children,
-        ...props
-      }, ref) => {
-        const {
-          isMobile,
-          state,
-          openMobile,
-          setOpenMobile,
-          setHoverOpen,
-          isHoverExpanded
-        } = useSidebar();
-        const handleMouseEnter = React12.useCallback(() => {
-          if (hoverExpandEnabled && state === "collapsed" && collapsible === "icon") {
-            setHoverOpen(true);
-          }
-        }, [hoverExpandEnabled, state, collapsible, setHoverOpen]);
-        const handleMouseLeave = React12.useCallback(() => {
-          if (hoverExpandEnabled) {
-            setHoverOpen(false);
-          }
-        }, [hoverExpandEnabled, setHoverOpen]);
-        if (collapsible === "none") {
-          return /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
-                className
-              ),
-              ref,
-              ...props,
-              children
-            }
-          );
-        }
-        if (isMobile) {
-          return /* @__PURE__ */ jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs(
-            SheetContent,
-            {
-              "data-sidebar": "sidebar",
-              "data-mobile": "true",
-              className: "w-(--sidebar-width) bg-background p-0 text-foreground [&>button]:hidden",
-              style: {
-                "--sidebar-width": SIDEBAR_WIDTH_MOBILE
-              },
-              side,
-              children: [
-                /* @__PURE__ */ jsx(SheetTitle, { className: "sr-only", children: "Mobile Menu" }),
-                /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col", children })
-              ]
-            }
-          ) });
-        }
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref,
-            className: cn(
-              "group peer hidden md:block transition-colors duration-200",
-              // Blue bg + white text when collapsed, white bg + dark text when expanded/hover
-              state === "collapsed" && !isHoverExpanded ? "text-sidebar-foreground" : "text-foreground"
-            ),
-            "data-state": state,
-            "data-hover-expanded": isHoverExpanded,
-            "data-collapsible": state === "collapsed" ? collapsible : "",
-            "data-variant": variant,
-            "data-side": side,
-            onMouseEnter: handleMouseEnter,
-            onMouseLeave: handleMouseLeave,
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "duration-200 relative h-svh w-(--sidebar-width) bg-transparent transition-[width] ease-linear",
-                    "group-data-[collapsible=offcanvas]:w-0",
-                    "group-data-[collapsible=icon]:w-(--sidebar-width-icon)",
-                    variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "duration-200 fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] ease-linear md:flex",
-                    side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-                    // Adjustments for collapsible=icon
-                    variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_8px)] group-data-[collapsible=icon]:px-2.5" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[collapsible=icon]:border-r group-data-[collapsible=icon]:px-0",
-                    // Hover expand - override icon width to full width on hover
-                    "group-data-[hover-expanded=true]:!w-(--sidebar-width) group-data-[hover-expanded=true]:shadow-xl group-data-[hover-expanded=true]:z-[100]",
-                    className
-                  ),
-                  ...props,
-                  children: /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      "data-sidebar": "sidebar",
-                      className: cn(
-                        "flex h-full w-full flex-col border-r transition-colors duration-200",
-                        // Blue background when collapsed, white when expanded/hover
-                        "group-data-[state=collapsed]:bg-sidebar group-data-[state=collapsed]:border-sidebar-border",
-                        "group-data-[state=expanded]:bg-background group-data-[state=expanded]:border-border",
-                        "group-data-[hover-expanded=true]:!bg-background group-data-[hover-expanded=true]:!border-border",
-                        "group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
-                      ),
-                      children
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        );
-      }
-    );
-    Sidebar.displayName = "Sidebar";
-    SidebarTrigger = React12.forwardRef(({ className, onClick, ...props }, ref) => {
-      const { toggleSidebar } = useSidebar();
-      return /* @__PURE__ */ jsxs(
-        Button,
-        {
-          ref,
-          "data-sidebar": "trigger",
-          variant: "ghost",
-          size: "icon",
-          className: cn("h-7 w-7", className),
-          onClick: (event) => {
-            onClick?.(event);
-            toggleSidebar();
-          },
-          ...props,
-          children: [
-            /* @__PURE__ */ jsx(PanelLeft, {}),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
-          ]
-        }
-      );
-    });
-    SidebarTrigger.displayName = "SidebarTrigger";
-    SidebarRail = React12.forwardRef(({ className, ...props }, ref) => {
-      const { toggleSidebar } = useSidebar();
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          ref,
-          "data-sidebar": "rail",
-          "aria-label": "Toggle Sidebar",
-          tabIndex: -1,
-          onClick: toggleSidebar,
-          title: "Toggle Sidebar",
-          className: cn(
-            "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
-            "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
-            "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
-            "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
-            "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
-            "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarRail.displayName = "SidebarRail";
-    SidebarInset = React12.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsx(
-        "main",
-        {
-          ref,
-          className: cn(
-            "relative flex min-h-svh flex-1 flex-col bg-muted/40 transition-[margin] duration-200 ease-linear",
-            "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarInset.displayName = "SidebarInset";
-    SidebarInput = React12.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref,
-          "data-sidebar": "input",
-          className: cn(
-            "flex h-8 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarInput.displayName = "SidebarInput";
-    SidebarHeader = React12.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "header",
-          className: cn("flex flex-col gap-2 p-2", className),
-          ...props
-        }
-      );
-    });
-    SidebarHeader.displayName = "SidebarHeader";
-    SidebarFooter = React12.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "footer",
-          className: cn("flex flex-col gap-2 p-2", className),
-          ...props
-        }
-      );
-    });
-    SidebarFooter.displayName = "SidebarFooter";
-    SidebarSeparator = React12.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "separator",
-          className: cn("mx-2 h-[1px] w-auto bg-sidebar-border", className),
-          ...props
-        }
-      );
-    });
-    SidebarSeparator.displayName = "SidebarSeparator";
-    SidebarContent = React12.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "content",
-          className: cn(
-            "flex min-h-0 flex-1 flex-col gap-2 overflow-auto",
-            // Hide overflow when collapsed, but show when hover-expanded
-            "group-data-[collapsible=icon]:overflow-hidden group-data-[hover-expanded=true]:!overflow-auto",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarContent.displayName = "SidebarContent";
-    SidebarGroup = React12.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "group",
-          className: cn("relative flex w-full min-w-0 flex-col p-2", className),
-          ...props
-        }
-      );
-    });
-    SidebarGroup.displayName = "SidebarGroup";
-    SidebarGroupLabel = React12.forwardRef(({ className, asChild = false, ...props }, ref) => {
-      const Comp = asChild ? Slot : "div";
-      return /* @__PURE__ */ jsx(
-        Comp,
-        {
-          ref,
-          "data-sidebar": "group-label",
-          className: cn(
-            "duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-bold text-primary uppercase tracking-wider outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-            // Hide when collapsed, show when hover-expanded
-            "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
-            "group-data-[hover-expanded=true]:!mt-0 group-data-[hover-expanded=true]:!opacity-100",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarGroupLabel.displayName = "SidebarGroupLabel";
-    SidebarGroupAction = React12.forwardRef(({ className, asChild = false, ...props }, ref) => {
-      const Comp = asChild ? Slot : "button";
-      return /* @__PURE__ */ jsx(
-        Comp,
-        {
-          ref,
-          "data-sidebar": "group-action",
-          className: cn(
-            "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-            // Increases the hit area of the button on mobile.
-            "after:absolute after:-inset-2 after:md:hidden",
-            "group-data-[collapsible=icon]:hidden",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarGroupAction.displayName = "SidebarGroupAction";
-    SidebarGroupContent = React12.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "group-content",
-          className: cn("w-full text-sm", className),
-          ...props
-        }
-      );
-    });
-    SidebarGroupContent.displayName = "SidebarGroupContent";
-    SidebarMenu = React12.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsx(
-        "ul",
-        {
-          ref,
-          "data-sidebar": "menu",
-          className: cn("flex w-full min-w-0 flex-col gap-1", className),
-          ...props
-        }
-      );
-    });
-    SidebarMenu.displayName = "SidebarMenu";
-    SidebarMenuItem = React12.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsx(
-        "li",
-        {
-          ref,
-          "data-sidebar": "menu-item",
-          className: cn("group/menu-item relative", className),
-          ...props
-        }
-      );
-    });
-    SidebarMenuItem.displayName = "SidebarMenuItem";
-    sidebarMenuButtonVariants = cva(
-      // Base styles + hover-expand overrides
-      "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 group-data-[hover-expanded=true]:!size-auto group-data-[hover-expanded=true]:!w-full group-data-[hover-expanded=true]:!p-2",
-      {
-        variants: {
-          variant: {
-            default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-            outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
-          },
-          size: {
-            default: "h-8 text-sm",
-            sm: "h-7 text-xs",
-            lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
-          },
-          isActive: {
-            true: "bg-primary/10 text-primary font-bold"
-          }
-        },
-        defaultVariants: {
-          variant: "default",
-          size: "default"
-        }
-      }
-    );
-    SidebarMenuButton = React12.forwardRef(
-      ({
-        asChild = false,
-        isActive = false,
-        variant = "default",
-        size = "default",
-        tooltip,
-        className,
-        ...props
-      }, ref) => {
-        const Comp = asChild ? Slot : "button";
-        const { isMobile, state } = useSidebar();
-        const button = /* @__PURE__ */ jsx(
-          Comp,
-          {
-            ref,
-            "data-sidebar": "menu-button",
-            "data-size": size,
-            "data-active": isActive,
-            className: cn(
-              sidebarMenuButtonVariants({ variant, size, isActive }),
-              className
-            ),
-            ...props
-          }
-        );
-        if (!tooltip) {
-          return button;
-        }
-        if (typeof tooltip === "string") {
-          tooltip = {
-            children: tooltip
-          };
-        }
-        return /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
-          /* @__PURE__ */ jsx(
-            TooltipContent,
-            {
-              side: "right",
-              align: "center",
-              hidden: state !== "collapsed" || isMobile,
-              ...tooltip
-            }
-          )
-        ] });
-      }
-    );
-    SidebarMenuButton.displayName = "SidebarMenuButton";
-    SidebarMenuAction = React12.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
-      const Comp = asChild ? Slot : "button";
-      return /* @__PURE__ */ jsx(
-        Comp,
-        {
-          ref,
-          "data-sidebar": "menu-action",
-          className: cn(
-            "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-            // Increases the hit area of the button on mobile.
-            "after:absolute after:-inset-2 after:md:hidden",
-            "peer-data-[size=sm]/menu-button:top-1",
-            "peer-data-[size=default]/menu-button:top-1.5",
-            "peer-data-[size=lg]/menu-button:top-2.5",
-            "group-data-[collapsible=icon]:hidden",
-            showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarMenuAction.displayName = "SidebarMenuAction";
-    SidebarMenuBadge = React12.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "menu-badge",
-          className: cn(
-            "pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none",
-            "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
-            "peer-data-[size=sm]/menu-button:top-1",
-            "peer-data-[size=default]/menu-button:top-1.5",
-            "peer-data-[size=lg]/menu-button:top-2.5",
-            "group-data-[collapsible=icon]:hidden",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarMenuBadge.displayName = "SidebarMenuBadge";
-    SidebarMenuSkeleton = React12.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-      const width = React12.useMemo(() => {
-        return `${Math.floor(Math.random() * 40) + 50}%`;
-      }, []);
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref,
-          "data-sidebar": "menu-skeleton",
-          className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
-          ...props,
-          children: [
-            showIcon && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "size-4 rounded-md animate-pulse bg-muted",
-                "data-sidebar": "menu-skeleton-icon"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "h-4 flex-1 max-w-[--skeleton-width] animate-pulse bg-muted rounded-full",
-                "data-sidebar": "menu-skeleton-text",
-                style: {
-                  "--skeleton-width": width
-                }
-              }
-            )
-          ]
-        }
-      );
-    });
-    SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-    SidebarMenuSub = React12.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsx(
-        "ul",
-        {
-          ref,
-          "data-sidebar": "menu-sub",
-          className: cn(
-            "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
-            // Hide when collapsed, show when hover-expanded
-            "group-data-[collapsible=icon]:hidden group-data-[hover-expanded=true]:!flex",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarMenuSub.displayName = "SidebarMenuSub";
-    SidebarMenuSubItem = React12.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
-    SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-    SidebarMenuSubButton = React12.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
-      const Comp = asChild ? Slot : "a";
-      return /* @__PURE__ */ jsx(
-        Comp,
-        {
-          ref,
-          "data-sidebar": "menu-sub-button",
-          "data-size": size,
-          "data-active": isActive,
-          className: cn(
-            "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 text-xs",
-            "data-[active=true]:bg-primary/15 data-[active=true]:!text-primary data-[active=true]:font-bold",
-            size === "sm" && "text-xs",
-            size === "md" && "text-sm",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
-  }
-});
-var init_sticky_layout = __esm({
-  "src/ui/primitives/sticky-layout.tsx"() {
-  }
-});
-var init_prefetch_link = __esm({
-  "src/ui/primitives/prefetch-link.tsx"() {
-    "use client";
-  }
-});
-function DynamicIcon({ name, ...props }) {
-  if (!name) return null;
-  const LucideIcon = icons[name];
-  if (!LucideIcon) return null;
-  return /* @__PURE__ */ jsx(LucideIcon, { ...props });
-}
-var init_dynamic_icon = __esm({
-  "src/ui/primitives/dynamic-icon.tsx"() {
-    "use client";
-  }
-});
-var InputNumber;
-var init_input_number = __esm({
-  "src/ui/primitives/input-number.tsx"() {
-    "use client";
-    init_utils();
-    init_input();
-    InputNumber = React12.forwardRef(
-      ({ value, onChange, className, decimalScale = 0, suffix, ...props }, ref) => {
-        const [displayValue, setDisplayValue] = React12.useState("");
-        const parseDisplayValue = (val) => {
-          const clean = val.replace(/\./g, "").replace(",", ".");
-          return Number(clean);
-        };
-        const formatNumber = React12.useCallback(
-          (num) => {
-            return new Intl.NumberFormat("vi-VN", {
-              maximumFractionDigits: decimalScale,
-              minimumFractionDigits: 0
-            }).format(num);
-          },
-          [decimalScale]
-        );
-        React12.useEffect(() => {
-          if (value === null || value === void 0 || value === "") {
-            setDisplayValue("");
-            return;
-          }
-          const numValue = Number(value);
-          if (isNaN(numValue)) return;
-          const currentNum = parseDisplayValue(displayValue);
-          if (currentNum !== numValue) {
-            setDisplayValue(formatNumber(numValue));
-          }
-        }, [value, decimalScale, displayValue, formatNumber]);
-        const handleChange = (e) => {
-          const rawValue = e.target.value;
-          let cleanVal = rawValue.replace(/[^0-9,]/g, "");
-          const parts = cleanVal.split(",");
-          if (parts.length > 2) {
-            cleanVal = parts[0] + "," + parts.slice(1).join("");
-          }
-          if (cleanVal === "") {
-            setDisplayValue("");
-            onChange?.(null);
-            return;
-          }
-          const [integerPart, decimalPart] = cleanVal.split(",");
-          let formattedInteger = integerPart;
-          if (integerPart) {
-            formattedInteger = new Intl.NumberFormat("vi-VN").format(
-              Number(integerPart)
-            );
-          }
-          let newDisplayValue = formattedInteger;
-          let finalDecimalPart = decimalPart;
-          if (decimalPart !== void 0) {
-            if (decimalScale !== void 0 && decimalPart.length > decimalScale) {
-              finalDecimalPart = decimalPart.substring(0, decimalScale);
-            }
-            newDisplayValue += "," + finalDecimalPart;
-          }
-          setDisplayValue(newDisplayValue);
-          let numStr = integerPart;
-          if (finalDecimalPart !== void 0) {
-            numStr += "." + finalDecimalPart;
-          }
-          const numValue = Number(numStr.replace(/\./g, ""));
-          onChange?.(numValue);
-        };
-        return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              ...props,
-              ref,
-              type: "text",
-              inputMode: "numeric",
-              value: displayValue,
-              onChange: handleChange,
-              className: cn("pr-8", className)
-            }
-          ),
-          suffix && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none text-muted-foreground text-sm", children: suffix })
-        ] });
-      }
-    );
-    InputNumber.displayName = "InputNumber";
-  }
-});
-
-// src/ui/primitives/client.ts
-var init_client = __esm({
-  "src/ui/primitives/client.ts"() {
-    "use client";
-    init_calendar();
-    init_combobox();
-    init_scroll_area();
-    init_select();
-    init_popover();
-    init_dropdown_menu();
-    init_switch();
-    init_checkbox();
-    init_label();
-    init_tooltip();
-    init_sidebar();
-    init_resizable();
-    init_slider();
-    init_toggle();
-    init_toggle_group();
-    init_menubar();
-    init_navigation_menu();
-    init_sticky_layout();
-    init_prefetch_link();
-    init_dynamic_icon();
-    init_input_number();
-    init_sheet();
-    init_context_menu();
-    init_drawer();
-    init_progress();
-    init_sonner();
-  }
-});
-function RadioGroup4({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    RadioGroupPrimitive.Root,
-    {
-      "data-slot": "radio-group",
-      className: cn("grid gap-2", className),
-      ...props
-    }
-  );
-}
-function RadioGroupItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    RadioGroupPrimitive.Item,
-    {
-      "data-slot": "radio-group-item",
-      className: cn(
-        "cursor-pointer aspect-square h-current w-4 rounded-full border-[1.5px] border-primary text-primary focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        RadioGroupPrimitive.Indicator,
-        {
-          "data-slot": "radio-group-indicator",
-          className: "flex items-center justify-center",
-          children: /* @__PURE__ */ jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" })
-        }
-      )
-    }
-  );
-}
-var init_radio_group = __esm({
-  "src/ui/forms/radio-group.tsx"() {
-    "use client";
-    init_utils();
-  }
-});
-function Rating({
-  className,
-  length = 5,
-  size,
-  variant = "default",
-  orientation = "horizontal",
-  readOnly = false,
-  iconName = "Star",
-  ...props
-}) {
-  const currentValue = props.value || "0";
-  const [hoverValue, onHoverValue] = useState(currentValue);
-  if (readOnly) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-slot": "rating",
-        role: "img",
-        className: cn(
-          "flex",
-          orientation === "horizontal" ? "gap-x-1.5" : "flex-col space-y-1.5",
-          className
-        ),
-        "aria-label": `Rating: ${currentValue} out of ${length}`,
-        ...props,
-        children: Array.from({ length }, (_, index) => {
-          const starValue = (index + 1).toString();
-          const filled = Number(starValue) <= Number(currentValue);
-          return /* @__PURE__ */ jsx(
-            DynamicIcon,
-            {
-              name: iconName,
-              className: cn(
-                starVariants({ size, variant, filled }),
-                "fill-current"
-              ),
-              "aria-hidden": true
-            },
-            starValue
-          );
-        })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    RadioGroupPrimitive.Root,
-    {
-      "data-slot": "rating",
-      className: cn(
-        "flex",
-        orientation === "horizontal" ? "gap-x-1.5" : "flex-col space-y-1.5",
-        className
-      ),
-      orientation,
-      onMouseLeave: () => onHoverValue("0"),
-      "aria-label": "Rating",
-      ...props,
-      children: Array.from({ length }).map((_, index) => {
-        const starValue = (index + 1).toString();
-        const filled = Number(starValue) <= (Number(hoverValue) || Number(currentValue));
-        return /* @__PURE__ */ jsx(
-          RatingStar,
-          {
-            variant,
-            size,
-            filled,
-            value: starValue,
-            onHoverValue,
-            iconName
-          },
-          starValue
-        );
-      })
-    }
-  );
-}
-function RatingStar({
-  value,
-  size,
-  variant,
-  filled,
-  onHoverValue,
-  iconName,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    RadioGroupPrimitive.Item,
-    {
-      "data-slot": "rating-star",
-      value,
-      className: cn(
-        starVariants({ size, variant, filled }),
-        "cursor-pointer focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
-      ),
-      onMouseEnter: () => onHoverValue(value),
-      "aria-label": `Rate ${value} star${value === "1" ? "" : "s"}`,
-      ...props,
-      children: /* @__PURE__ */ jsx(DynamicIcon, { name: iconName, className: "h-full w-full fill-current" })
-    }
-  );
-}
-var starVariants;
-var init_rating = __esm({
-  "src/ui/forms/rating.tsx"() {
-    "use client";
-    init_utils();
-    init_dynamic_icon();
-    starVariants = cva(
-      "transition-all duration-100 ease-in-out hover:scale-110",
-      {
-        variants: {
-          size: {
-            sm: "w-4 h-4",
-            default: "w-6 h-6",
-            lg: "w-8 h-8"
-          },
-          variant: {
-            default: "text-yellow-400",
-            primary: "text-primary",
-            muted: "text-muted-foreground"
-          },
-          filled: {
-            true: "",
-            false: "text-gray-200"
-          }
-        },
-        defaultVariants: {
-          size: "default",
-          variant: "default",
-          filled: false
-        }
-      }
-    );
-  }
-});
-function Command({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1,
-    {
-      "data-slot": "command",
-      className: cn(
-        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandDialog({
-  children,
-  commandProps,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx(
-    Command,
-    {
-      className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
-      ...commandProps,
-      children
-    }
-  ) }) });
-}
-function CommandInput({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "command-input-wrapper",
-      className: "flex items-center border-b px-3",
-      children: [
-        /* @__PURE__ */ jsx(Search, { className: "me-2 size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx(
-          Command$1.Input,
-          {
-            "data-slot": "command-input",
-            className: cn(
-              "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-              className
-            ),
-            ...props
-          }
-        )
-      ]
-    }
-  );
-}
-function CommandList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.List,
-    {
-      "data-slot": "command-list",
-      className: cn(
-        "max-h-[300px] overflow-y-auto overflow-x-hidden",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandEmpty({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Empty,
-    {
-      "data-slot": "command-empty",
-      className: "py-6 text-center text-sm",
-      ...props
-    }
-  );
-}
-function CommandGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Group,
-    {
-      "data-slot": "command-group",
-      className: cn(
-        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Separator,
-    {
-      "data-slot": "command-separator",
-      className: cn("-mx-1 h-px bg-border", className),
-      ...props
-    }
-  );
-}
-function CommandItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Item,
-    {
-      "data-slot": "command-item",
-      className: cn(
-        "cursor-pointer relative flex gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "command-shortcut",
-      className: cn(
-        "ms-auto text-sm tracking-widest text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var init_command = __esm({
-  "src/ui/forms/command.tsx"() {
-    "use client";
-    init_utils();
-    init_feedback();
-  }
-});
-var MultiSelect;
-var init_multi_select = __esm({
-  "src/ui/forms/multi-select.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-    init_client();
-    MultiSelect = React12.forwardRef(
-      ({
-        options,
-        value: controlledValue,
-        onValueChange,
-        defaultValue = [],
-        placeholder = "Select options...",
-        searchPlaceholder = "Search...",
-        emptyText = "No option found.",
-        maxCount = 3,
-        disabled = false,
-        responsive = false,
-        className,
-        id
-      }, ref) => {
-        const [internalValue, setInternalValue] = useState(defaultValue);
-        const [open, setOpen] = useState(false);
-        const [searchValue, setSearchValue] = useState("");
-        const isControlled = controlledValue !== void 0;
-        const value = isControlled ? controlledValue : internalValue;
-        const containerRef = useRef(null);
-        const searchInputRef = useRef(null);
-        const dropdownRef = useRef(null);
-        const buttonRef = useRef(null);
-        const [politeMessage, setPoliteMessage] = useState("");
-        const [assertiveMessage, setAssertiveMessage] = useState("");
-        const prevSelectedCount = useRef(value.length);
-        const announce = useCallback(
-          (message, priority = "polite") => {
-            if (priority === "assertive") {
-              setAssertiveMessage(message);
-              setTimeout(() => setAssertiveMessage(""), 100);
-            } else {
-              setPoliteMessage(message);
-              setTimeout(() => setPoliteMessage(""), 100);
-            }
-          },
-          []
-        );
-        const [screenSize, setScreenSize] = useState("desktop");
-        useEffect(() => {
-          if (typeof window === "undefined") return;
-          const handleResize = () => {
-            const width = window.innerWidth;
-            if (width < 640) {
-              setScreenSize("mobile");
-            } else if (width < 1024) {
-              setScreenSize("tablet");
-            } else {
-              setScreenSize("desktop");
-            }
-          };
-          handleResize();
-          window.addEventListener("resize", handleResize);
-          return () => window.removeEventListener("resize", handleResize);
-        }, []);
-        const getResponsiveSettings = useCallback(() => {
-          if (!responsive) {
-            return {
-              maxCount,
-              compactMode: false
-            };
-          }
-          if (responsive === true) {
-            const defaultResponsive = {
-              mobile: { maxCount: 2, compactMode: true },
-              tablet: { maxCount: 4, compactMode: false },
-              desktop: { maxCount: 6, compactMode: false }
-            };
-            const currentSettings2 = defaultResponsive[screenSize];
-            return {
-              maxCount: currentSettings2?.maxCount ?? maxCount,
-              compactMode: currentSettings2?.compactMode ?? false
-            };
-          }
-          const currentSettings = responsive[screenSize];
-          return {
-            maxCount: currentSettings?.maxCount ?? maxCount,
-            compactMode: currentSettings?.compactMode ?? false
-          };
-        }, [responsive, screenSize, maxCount]);
-        const responsiveSettings = getResponsiveSettings();
-        const filteredOptions = useMemo(() => {
-          if (!searchValue.trim()) {
-            return options;
-          }
-          const searchLower = searchValue.toLowerCase();
-          return options.filter(
-            (option) => option.label.toLowerCase().includes(searchLower) || String(option.value).toLowerCase().includes(searchLower)
-          );
-        }, [options, searchValue]);
-        useEffect(() => {
-          if (!open) {
-            setSearchValue("");
-          }
-        }, [open]);
-        useEffect(() => {
-          if (open && searchInputRef.current) {
-            setTimeout(() => {
-              searchInputRef.current?.focus();
-            }, 50);
-          }
-        }, [open]);
-        useEffect(() => {
-          if (!open) return;
-          const handleClickOutside = (event) => {
-            const target = event.target;
-            if (containerRef.current && !containerRef.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
-              if (target.closest('[data-slot="dialog-content"]')) {
-                return;
-              }
-              setOpen(false);
-            }
-          };
-          const handleEscape = (event) => {
-            if (event.key === "Escape" && open) {
-              event.stopPropagation();
-              setOpen(false);
-            }
-          };
-          document.addEventListener("mousedown", handleClickOutside, true);
-          document.addEventListener("keydown", handleEscape, true);
-          return () => {
-            document.removeEventListener("mousedown", handleClickOutside, true);
-            document.removeEventListener("keydown", handleEscape, true);
-          };
-        }, [open]);
-        useEffect(() => {
-          const selectedCount = value.length;
-          const totalOptions = options.filter((opt) => !opt.disabled).length;
-          if (selectedCount !== prevSelectedCount.current) {
-            const diff = selectedCount - prevSelectedCount.current;
-            if (diff > 0) {
-              announce(`${selectedCount} of ${totalOptions} options selected.`);
-            } else if (diff < 0) {
-              announce(
-                `Option removed. ${selectedCount} of ${totalOptions} options selected.`
-              );
-            }
-            prevSelectedCount.current = selectedCount;
-          }
-        }, [value, announce, options]);
-        const updateValue = useCallback(
-          (newValue) => {
-            if (!isControlled) {
-              setInternalValue(newValue);
-            }
-            onValueChange?.(newValue);
-          },
-          [isControlled, onValueChange]
-        );
-        const handleSelect = useCallback(
-          (optionValue) => {
-            const option = options.find((opt) => opt.value === optionValue);
-            if (option?.disabled) {
-              return;
-            }
-            const newValue = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
-            updateValue(newValue);
-          },
-          [value, options, updateValue]
-        );
-        const handleSelectAll = useCallback(() => {
-          updateValue(
-            filteredOptions.filter((opt) => !opt.disabled).map((opt) => opt.value)
-          );
-        }, [updateValue, filteredOptions]);
-        const handleClearAll = useCallback(() => {
-          updateValue([]);
-        }, [updateValue]);
-        const handleRemove = useCallback(
-          (optionValue, e) => {
-            e.stopPropagation();
-            updateValue(value.filter((v) => v !== optionValue));
-          },
-          [updateValue, value]
-        );
-        const clearExtraOptions = useCallback(() => {
-          const newSelectedValues = value.slice(0, responsiveSettings.maxCount);
-          updateValue(newSelectedValues);
-        }, [value, responsiveSettings.maxCount, updateValue]);
-        React12.useImperativeHandle(
-          ref,
-          () => ({
-            reset: () => {
-              updateValue(defaultValue);
-              setOpen(false);
-              setSearchValue("");
-            },
-            getSelectedValues: () => value,
-            setSelectedValues: (values) => {
-              updateValue(values);
-            },
-            clear: () => {
-              updateValue([]);
-            },
-            focus: () => {
-              buttonRef.current?.focus();
-            }
-          }),
-          [value, defaultValue, updateValue]
-        );
-        const selectedOptions = options.filter(
-          (option) => value.includes(option.value)
-        );
-        const getBadgeColor = (index) => {
-          const colors = [
-            "bg-blue-100 text-blue-700 hover:bg-blue-200",
-            "bg-green-100 text-green-700 hover:bg-green-200",
-            "bg-purple-100 text-purple-700 hover:bg-purple-200",
-            "bg-orange-100 text-orange-700 hover:bg-orange-200",
-            "bg-pink-100 text-pink-700 hover:bg-pink-200",
-            "bg-cyan-100 text-cyan-700 hover:bg-cyan-200"
-          ];
-          return colors[index % colors.length];
-        };
-        return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative w-full", children: [
-          /* @__PURE__ */ jsxs("div", { className: "sr-only", children: [
-            /* @__PURE__ */ jsx("div", { "aria-live": "polite", "aria-atomic": "true", role: "status", children: politeMessage }),
-            /* @__PURE__ */ jsx("div", { "aria-live": "assertive", "aria-atomic": "true", role: "alert", children: assertiveMessage })
-          ] }),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              ref: buttonRef,
-              type: "button",
-              variant: "outline",
-              role: "combobox",
-              "aria-expanded": open,
-              disabled,
-              className: cn(
-                "w-full justify-between h-auto min-h-10 px-3 py-2",
-                responsiveSettings.compactMode && "min-h-8 text-sm",
-                className
-              ),
-              id,
-              onClick: (e) => {
-                e.stopPropagation();
-                setOpen(!open);
-              },
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedOptions.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  selectedOptions.slice(0, responsiveSettings.maxCount).map((option, index) => /* @__PURE__ */ jsxs(
-                    Badge,
-                    {
-                      className: cn(
-                        "mr-1 mb-1",
-                        getBadgeColor(index),
-                        responsiveSettings.compactMode && "text-xs px-1.5 py-0.5"
-                      ),
-                      onClick: (e) => handleRemove(option.value, e),
-                      children: [
-                        option.icon && !responsiveSettings.compactMode && /* @__PURE__ */ jsx(option.icon, { className: "mr-2 h-4 w-4" }),
-                        option.label,
-                        /* @__PURE__ */ jsx(
-                          "div",
-                          {
-                            role: "button",
-                            tabIndex: 0,
-                            className: "ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
-                            onKeyDown: (e) => {
-                              if (e.key === "Enter") {
-                                handleRemove(option.value, e);
-                              }
-                            },
-                            onMouseDown: (e) => {
-                              e.preventDefault();
-                              e.stopPropagation();
-                            },
-                            onClick: (e) => handleRemove(option.value, e),
-                            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3 text-muted-foreground hover:text-foreground" })
-                          }
-                        )
-                      ]
-                    },
-                    String(option.value)
-                  )),
-                  value.length > responsiveSettings.maxCount && /* @__PURE__ */ jsxs(
-                    Badge,
-                    {
-                      className: cn(
-                        "mr-1 mb-1 bg-muted text-muted-foreground hover:bg-muted",
-                        responsiveSettings.compactMode && "text-xs px-1.5 py-0.5"
-                      ),
-                      children: [
-                        "+",
-                        value.length - responsiveSettings.maxCount,
-                        " more",
-                        /* @__PURE__ */ jsx(
-                          "div",
-                          {
-                            role: "button",
-                            tabIndex: 0,
-                            className: "ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
-                            onClick: (e) => {
-                              e.stopPropagation();
-                              clearExtraOptions();
-                            },
-                            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }) }),
-                /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-              ]
-            }
-          ),
-          open && /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: dropdownRef,
-              className: "absolute z-[100] mt-1 w-full rounded-md border bg-popover text-popover-foreground shadow-md",
-              style: {
-                top: "100%",
-                left: 0
-              },
-              children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3 py-2", children: [
-                  /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-                  /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      ref: searchInputRef,
-                      placeholder: searchPlaceholder,
-                      value: searchValue,
-                      onChange: (e) => {
-                        e.stopPropagation();
-                        setSearchValue(e.target.value);
-                      },
-                      onKeyDown: (e) => {
-                        e.stopPropagation();
-                        if (e.key === "Escape") {
-                          e.preventDefault();
-                          setOpen(false);
-                        }
-                      },
-                      onClick: (e) => {
-                        e.stopPropagation();
-                      },
-                      onFocus: (e) => {
-                        e.stopPropagation();
-                      },
-                      className: "border-0 focus-visible:ring-0 focus-visible:ring-offset-0 h-9 bg-transparent px-0"
-                    }
-                  ),
-                  searchValue && /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "ghost",
-                      size: "sm",
-                      className: "h-6 w-6 p-0",
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        setSearchValue("");
-                        searchInputRef.current?.focus();
-                      },
-                      children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b p-1", children: [
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "ghost",
-                      size: "sm",
-                      className: "h-8 px-2 text-xs",
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        handleSelectAll();
-                      },
-                      children: "Select All"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "ghost",
-                      size: "sm",
-                      className: "h-8 px-2 text-xs",
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        handleClearAll();
-                      },
-                      children: "Clear All"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-[300px]", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyText }) : /* @__PURE__ */ jsx("div", { className: "p-1", children: filteredOptions.map((option) => {
-                  const isSelected = value.includes(option.value);
-                  const isDisabled = option.disabled || false;
-                  return /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      role: "option",
-                      "aria-selected": isSelected,
-                      "aria-disabled": isDisabled,
-                      className: cn(
-                        "relative flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
-                        isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:bg-accent hover:text-accent-foreground",
-                        isSelected && !isDisabled && "bg-accent text-accent-foreground"
-                      ),
-                      onMouseDown: (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                      },
-                      onClick: (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        if (!isDisabled) {
-                          handleSelect(option.value);
-                        }
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          "div",
-                          {
-                            className: cn(
-                              "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
-                              isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
-                            ),
-                            children: /* @__PURE__ */ jsx(Check, { className: cn("h-4 w-4") })
-                          }
-                        ),
-                        option.icon && /* @__PURE__ */ jsx(option.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
-                        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: option.label })
-                      ]
-                    },
-                    String(option.value)
-                  );
-                }) }) }),
-                /* @__PURE__ */ jsx("div", { className: "border-t p-2", children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    size: "sm",
-                    className: "w-full h-8 text-xs",
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      setOpen(false);
-                    },
-                    children: "Close"
-                  }
-                ) })
-              ] })
-            }
-          )
-        ] });
-      }
-    );
-    MultiSelect.displayName = "MultiSelect";
-  }
-});
-function DatePicker({
-  value,
-  onValueChange,
-  formatStr = "yyyy-MM-dd",
-  popoverContentClassName,
-  popoverContentOptions,
-  buttonClassName,
-  buttonOptions,
-  placeholder = "Pick date",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Popover, { modal: true, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "outline",
-        className: cn("w-full px-3 text-start font-normal", buttonClassName),
-        ...buttonOptions,
-        children: [
-          value ? /* @__PURE__ */ jsx("span", { children: format(value, formatStr) }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }),
-          /* @__PURE__ */ jsx(CalendarIcon, { className: "shrink-0 h-4 w-4 ms-auto text-muted-foreground" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        className: cn("w-auto p-0", popoverContentClassName),
-        align: "start",
-        ...popoverContentOptions,
-        children: /* @__PURE__ */ jsx(
-          Calendar,
-          {
-            mode: "single",
-            selected: value,
-            onSelect: onValueChange,
-            ...props
-          }
-        )
-      }
-    )
-  ] });
-}
-var init_date_picker = __esm({
-  "src/ui/forms/date-picker.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-    init_client();
-  }
-});
-function DateRangePicker({
-  value,
-  onValueChange,
-  formatStr = "yyyy-MM-dd",
-  popoverContentClassName,
-  popoverContentOptions,
-  buttonClassName,
-  buttonOptions,
-  placeholder = "Pick date",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Popover, { modal: true, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "outline",
-        className: cn("w-full px-3 text-start font-normal", buttonClassName),
-        ...buttonOptions,
-        children: [
-          value?.from ? value.to ? /* @__PURE__ */ jsxs("span", { children: [
-            format(value.from, formatStr),
-            " to ",
-            format(value.to, formatStr)
-          ] }) : /* @__PURE__ */ jsx("span", { children: format(value.from, formatStr) }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }),
-          /* @__PURE__ */ jsx(CalendarIcon, { className: "ms-auto h-4 w-4 text-muted-foreground" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        className: cn("w-auto p-0", popoverContentClassName),
-        align: "start",
-        ...popoverContentOptions,
-        children: /* @__PURE__ */ jsx(
-          Calendar,
-          {
-            mode: "range",
-            selected: value,
-            onSelect: onValueChange,
-            ...props
-          }
-        )
-      }
-    )
-  ] });
-}
-var init_date_range_picker = __esm({
-  "src/ui/forms/date-range-picker.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-    init_client();
-    init_client();
-  }
-});
-function InputTime({
-  className,
-  onValueChange,
-  ...props
-}) {
-  const [isEmpty, setIsEmpty] = useState(!props.defaultValue && !props.value);
-  const handleChange = (e) => {
-    const value = e.target.value;
-    setIsEmpty(!value);
-    onValueChange?.(value);
-  };
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      "data-slot": "input-time",
-      className: cn(
-        "block [&::-webkit-calendar-picker-indicator]:hidden rtl:text-right",
-        isEmpty && "text-muted-foreground",
-        className
-      ),
-      ...props,
-      type: "time",
-      onChange: handleChange
-    }
-  );
-}
-var init_input_time = __esm({
-  "src/ui/forms/input-time.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-  }
-});
-function DateTimePicker({
-  value,
-  onValueChange,
-  formatStr = "yyyy-MM-dd p",
-  popoverContentClassName,
-  popoverContentOptions,
-  buttonClassName,
-  buttonOptions,
-  placeholder = "Pick date and time",
-  ...props
-}) {
-  const [selectedDate, setSelectedDate] = useState(value);
-  const handleDateSelect = (selected) => {
-    if (!selected) return;
-    const newDateTime = new Date(selected);
-    if (selectedDate) {
-      newDateTime.setHours(selectedDate.getHours());
-      newDateTime.setMinutes(selectedDate.getMinutes());
-    }
-    setSelectedDate(newDateTime);
-    onValueChange?.(newDateTime);
-  };
-  const handleTimeChange = (timeString) => {
-    if (!timeString) return;
-    const [hours, minutes] = timeString.split(":").map(Number);
-    if (selectedDate) {
-      const newDateTime = new Date(selectedDate);
-      newDateTime.setHours(hours);
-      newDateTime.setMinutes(minutes);
-      setSelectedDate(newDateTime);
-      onValueChange?.(newDateTime);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Popover, { modal: true, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "outline",
-        className: cn("w-full px-3 text-start font-normal", buttonClassName),
-        ...buttonOptions,
-        children: [
-          selectedDate ? /* @__PURE__ */ jsx("span", { children: format(selectedDate, formatStr) }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }),
-          /* @__PURE__ */ jsx(CalendarIcon, { className: "ms-auto h-4 w-4 text-muted-foreground" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(
-      PopoverContent,
-      {
-        className: cn("w-auto p-0", popoverContentClassName),
-        align: "start",
-        ...popoverContentOptions,
-        children: [
-          /* @__PURE__ */ jsx(
-            Calendar,
-            {
-              mode: "single",
-              selected: selectedDate,
-              onSelect: handleDateSelect,
-              ...props
-            }
-          ),
-          /* @__PURE__ */ jsx(Separator3, {}),
-          /* @__PURE__ */ jsx(
-            InputTime,
-            {
-              className: "rounded-t-none border-0",
-              onValueChange: handleTimeChange,
-              value: selectedDate ? format(selectedDate, "p") : void 0
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-var init_date_time_picker = __esm({
-  "src/ui/forms/date-time-picker.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-    init_client();
-    init_input_time();
-    init_client();
-    init_primitives();
-  }
-});
-function EmojiPicker({
-  popoverContentClassName,
-  popoverContentOptions,
-  buttonClassName,
-  buttonOptions,
-  ...props
-}) {
-  const isDarkMode = useIsDarkMode();
-  const theme = isDarkMode ? Theme.DARK : Theme.LIGHT;
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(
-      PopoverTrigger,
-      {
-        className: cn(
-          buttonVariants({ variant: "ghost", size: "icon" }),
-          buttonClassName
-        ),
-        ...buttonOptions,
-        "aria-label": "Emoji",
-        children: /* @__PURE__ */ jsx(Smile, { className: "h-4 w-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        className: cn("w-auto p-0", popoverContentClassName),
-        align: "start",
-        ...popoverContentOptions,
-        children: /* @__PURE__ */ jsx(Picker, { theme, searchPlaceholder: "Search...", ...props })
-      }
-    )
-  ] });
-}
-function ReactionPicker({
-  popoverContentClassName,
-  popoverContentOptions,
-  buttonClassName,
-  buttonOptions,
-  ...props
-}) {
-  const isDarkMode = useIsDarkMode();
-  const theme = isDarkMode ? Theme.DARK : Theme.LIGHT;
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(
-      PopoverTrigger,
-      {
-        className: cn(
-          buttonVariants({ variant: "ghost", size: "icon" }),
-          buttonClassName
-        ),
-        ...buttonOptions,
-        "aria-label": "Emoji",
-        children: /* @__PURE__ */ jsx(Smile, { className: "h-4 w-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        className: cn("w-auto p-0", popoverContentClassName),
-        align: "start",
-        ...popoverContentOptions,
-        children: /* @__PURE__ */ jsx(
-          Picker,
-          {
-            theme,
-            searchPlaceholder: "Search...",
-            lazyLoadEmojis: true,
-            allowExpandReactions: false,
-            ...props,
-            reactionsDefaultOpen: true
-          }
-        )
-      }
-    )
-  ] });
-}
-var Picker;
-var init_emoji_picker = __esm({
-  "src/ui/forms/emoji-picker.tsx"() {
-    "use client";
-    init_utils();
-    init_hooks();
-    init_primitives();
-    init_client();
-    Picker = dynamic(
-      () => {
-        return import('emoji-picker-react');
-      },
-      { ssr: false }
-    );
-  }
-});
-function FileThumbnail({ fileName, className }) {
-  const fileExtension = fileName.slice(fileName.lastIndexOf(".") + 1).toUpperCase();
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative size-8 text-[6px] font-black", className), children: [
-    /* @__PURE__ */ jsx(FileIcon, { className: "size-full stroke-1", "aria-labelledby": "file-name" }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "absolute inset-0 flex justify-center items-center",
-        id: "file-name",
-        "aria-hidden": true,
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "select-none", children: fileExtension }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "File" })
-        ]
-      }
-    )
-  ] });
-}
-var init_file_thumbnail = __esm({
-  "src/ui/forms/file-thumbnail.tsx"() {
-    init_utils();
-  }
-});
-function FileDropzone({
-  className,
-  value,
-  onFilesChange,
-  ...props
-}) {
-  const [files, setFiles] = useState(value || []);
-  const [loadingFiles, setLoadingFiles] = useState(/* @__PURE__ */ new Set());
-  const maxFiles = props.multiple ? props.maxFiles : 1;
-  const isDisabled = maxFiles === files.length;
-  const onDrop = useCallback(
-    async (acceptedFiles) => {
-      const newFiles = acceptedFiles.map((file) => ({
-        id: crypto.randomUUID(),
-        name: file.name,
-        size: file.size,
-        type: file.type,
-        url: URL.createObjectURL(file)
-      }));
-      const updatedFiles = [...files, ...newFiles];
-      setFiles(updatedFiles);
-      onFilesChange?.(updatedFiles);
-      setLoadingFiles(new Set(newFiles.map((file) => file.id)));
-      for (const file of newFiles) {
-        await wait(2e3);
-        setLoadingFiles((prev) => {
-          const newLoadingFiles = new Set(prev);
-          newLoadingFiles.delete(file.id);
-          return newLoadingFiles;
-        });
-      }
-    },
-    [files, onFilesChange]
-  );
-  useEffect(() => {
-    if (value) {
-      setFiles(value);
-    }
-  }, [value]);
-  const { getRootProps, getInputProps, isDragActive } = useDropzone({
-    onDrop,
-    disabled: isDisabled,
-    ...props,
-    maxFiles
-  });
-  const removeFile = (fileId) => {
-    const updatedFiles = files.filter((file) => {
-      if (file.id === fileId) {
-        URL.revokeObjectURL(file.url);
-        return false;
-      }
-      return true;
-    });
-    setFiles(updatedFiles);
-    onFilesChange?.(updatedFiles);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "file-dropzone",
-      ...(() => {
-        const { popover, ...rest } = getRootProps();
-        return rest;
-      })(),
-      className: cn(
-        "h-[17.75rem] w-full relative flex rounded-lg border-2 border-dashed border-muted-foreground cursor-pointer transition-colors hover:border-primary hover:bg-muted/50",
-        isDragActive && "border-primary bg-muted/50",
-        isDisabled && "cursor-not-allowed",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ...(() => {
-              const { popover, ...rest } = getInputProps();
-              return rest;
-            })()
-          }
-        ),
-        /* @__PURE__ */ jsx(ScrollArea, { className: "w-0 flex-1 p-6", children: files.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid gap-4 grid-cols-2", children: files.map((file) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "relative flex flex-col gap-2 rounded-lg border bg-background p-2 cursor-auto",
-            children: [
-              file.type.startsWith("image/") ? /* @__PURE__ */ jsx(
-                Image,
-                {
-                  src: file.url,
-                  alt: file.name,
-                  width: 165,
-                  height: 165,
-                  className: "self-center aspect-square rounded object-contain pointer-events-none"
-                }
-              ) : /* @__PURE__ */ jsx(
-                FileThumbnail,
-                {
-                  fileName: file.name,
-                  className: "self-center aspect-square size-full text-sm"
-                }
-              ),
-              loadingFiles.has(file.id) && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-background/50 rounded", children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 text-primary animate-spin" }) }),
-              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: file.name }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-semibold", children: formatFileSize(file.size) })
-              ] }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "secondary",
-                  size: "icon",
-                  className: "absolute end-1 top-1 h-4 w-4",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    removeFile(file.id);
-                  },
-                  "aria-label": "Remove",
-                  children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-                }
-              )
-            ]
-          },
-          file.id
-        )) }) : /* @__PURE__ */ jsxs("div", { className: "h-56 flex flex-col justify-center items-center gap-2 text-center p-4", children: [
-          /* @__PURE__ */ jsx(UploadCloud, { className: "h-8 w-8 text-muted-foreground" }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Drag and drop some files here, or click to select files" })
-        ] }) })
-      ]
-    }
-  );
-}
-var init_file_dropzone = __esm({
-  "src/ui/forms/file-dropzone.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-    init_file_thumbnail();
-    init_client();
-  }
-});
-function InputFile({
-  className,
-  containerClassName,
-  buttonVariant,
-  buttonLabel,
-  placeholder = "No file chosen",
-  value,
-  onValueChange,
-  ...props
-}) {
-  const [fileName, setFileName] = useState(placeholder);
-  const inputRef = useRef(null);
-  useImperativeHandle(props.ref, () => inputRef.current);
-  const handleFileChange = (event) => {
-    const files = event.target.files;
-    if (files) {
-      if (files.length > 1) {
-        setFileName(`${files.length} Files`);
-      } else if (files.length === 1) {
-        setFileName(files[0].name);
-      } else {
-        setFileName(placeholder);
-      }
-      onValueChange?.(files);
-    }
-  };
-  const handleClick = () => {
-    inputRef.current?.click();
-  };
-  useEffect(() => {
-    if (value) {
-      if (value.length > 1) {
-        setFileName(`${value.length} Files`);
-      } else {
-        setFileName(value[0].name);
-      }
-    } else {
-      setFileName(placeholder);
-    }
-  }, [value, placeholder]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "input-file",
-      className: cn(
-        "h-9 w-full flex rounded-md border border-input bg-transparent text-sm transition-colors",
-        props.disabled && "cursor-not-allowed opacity-50",
-        containerClassName
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: buttonVariant,
-            className: "h-full w-28 rounded-e-none border-0 border-e border-input",
-            onClick: handleClick,
-            disabled: props.disabled,
-            children: buttonLabel ?? `Choose File${props.multiple ? "s" : ""}`
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center text-muted-foreground px-3 break-all", children: /* @__PURE__ */ jsx("span", { className: "w-0 flex-1 truncate", children: fileName }) }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ...props,
-            ref: inputRef,
-            type: "file",
-            className: cn("hidden", className),
-            onChange: handleFileChange
-          }
-        )
-      ]
-    }
-  );
-}
-var init_input_file = __esm({
-  "src/ui/forms/input-file.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-  }
-});
-function InputGroup({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "input-group",
-      className: cn(
-        "flex min-h-9 w-full rounded-md border border-input bg-transparent text-sm transition-colors [&>*:not(.input-group-text)]:border-0 [&>input]:z-10 [&>input]:first:rounded-e-none [&>input]:last:rounded-s-none [&>input:not(:first-child):not(:last-child)]:rounded-none [&>textarea]:z-10 [&>textarea]:first:rounded-e-none [&>textarea]:last:rounded-s-none [&>textarea:not(:first-child):not(:last-child)]:rounded-none [&>button]:first:rounded-e-none [&>button]:last:rounded-s-none [&>button]:[&:not(:first-child):not(:last-child)]:rounded-none",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-}
-function InputGroupText({
-  className,
-  merged = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "input-group-text",
-      className: cn(
-        "input-group-text",
-        "flex items-center justify-center border-input px-3 py-1 text-sm text-muted-foreground",
-        !merged && "first:rounded-s-md last:rounded-e-md first:border-e last:border-s [&:not(:first-child):not(:last-child)]:border-x",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var init_input_group = __esm({
-  "src/ui/forms/input-group.tsx"() {
-    "use client";
-    init_utils();
-  }
-});
-function InputOTP({
-  className,
-  containerClassName,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    OTPInput,
-    {
-      "data-slot": "input-otp",
-      containerClassName: cn(
-        "flex items-center gap-2 has-disabled:opacity-50",
-        containerClassName
-      ),
-      className: cn("disabled:cursor-not-allowed", className),
-      ...props
-    }
-  );
-}
-function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "input-otp-group",
-      className: cn("flex items-center", className),
-      ...props
-    }
-  );
-}
-function InputOTPSlot({
-  index,
-  className,
-  ...props
-}) {
-  const inputOTPContext = useContext(OTPInputContext);
-  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "input-otp-slot",
-      className: cn(
-        "relative flex h-9 w-9 items-center justify-center border-y border-e border-input text-sm transition-all first:rounded-s-md first:border-s last:rounded-e-md",
-        isActive && "z-10 ring-1 ring-ring",
-        className
-      ),
-      ...props,
-      children: [
-        char,
-        hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
-      ]
-    }
-  );
-}
-function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx(Minus, {}) });
-}
-var init_input_otp = __esm({
-  "src/ui/forms/input-otp.tsx"() {
-    "use client";
-    init_utils();
-  }
-});
-function InputPhone({ className, onChange, ...props }) {
-  const direction = useDirection();
-  return /* @__PURE__ */ jsx(
-    RPNInputPrimitive.default,
-    {
-      "data-slot": "input-phone",
-      dir: direction,
-      className: cn("w-full flex", className),
-      flagComponent: FlagComponent,
-      countrySelectComponent: CountrySelect,
-      inputComponent: InputComponent,
-      onChange: (value) => onChange?.(value),
-      ...props
-    }
-  );
-}
-function InputComponent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      className: cn("rounded-e-md rounded-s-none", className),
-      ...props
-    }
-  );
-}
-function CountrySelect({
-  disabled,
-  value,
-  onChange,
-  options
-}) {
-  const handleSelect = useCallback(
-    (country) => onChange(country),
-    [onChange]
-  );
-  const memoizedOptions = useMemo(
-    () => options.map((option) => /* @__PURE__ */ jsxs(
-      CommandItem,
-      {
-        className: "flex gap-2 w-full",
-        onSelect: () => handleSelect(option.value),
-        children: [
-          /* @__PURE__ */ jsx(FlagComponent, { country: option.value, countryName: option.label }),
-          /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm", children: option.label }),
-          option.value && /* @__PURE__ */ jsx("span", { className: "text-foreground/50 text-sm", children: `+${RPNInputPrimitive.getCountryCallingCode(option.value)}` }),
-          /* @__PURE__ */ jsx("span", { "aria-label": option.value === value ? "Selected" : void 0, children: /* @__PURE__ */ jsx(
-            Check,
-            {
-              className: cn(
-                "ms-auto size-4",
-                option.value === value ? "opacity-100" : "opacity-0"
-              )
-            }
-          ) })
-        ]
-      },
-      option.value || "ZZ"
-    )),
-    [options, handleSelect, value]
-  );
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        className: cn("flex gap-1 rounded-e-none rounded-s-lg px-3"),
-        disabled,
-        children: [
-          /* @__PURE__ */ jsx(FlagComponent, { country: value, countryName: value }),
-          /* @__PURE__ */ jsx(
-            ChevronsUpDown,
-            {
-              className: cn(
-                "-me-2 size-4 opacity-50",
-                disabled ? "hidden" : "opacity-100"
-              ),
-              "aria-hidden": true
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { children: [
-      /* @__PURE__ */ jsx(CommandInput, { placeholder: "Search country..." }),
-      /* @__PURE__ */ jsxs(CommandList, { children: [
-        /* @__PURE__ */ jsx(CommandEmpty, { children: "No country found." }),
-        /* @__PURE__ */ jsx(ScrollArea, { className: "h-[300px] max-h-[300px]", children: /* @__PURE__ */ jsx(CommandGroup, { children: memoizedOptions }) })
-      ] })
-    ] }) })
-  ] });
-}
-function FlagComponent({ country, countryName }) {
-  const flagUrl = `https://purecatamphetamine.github.io/country-flag-icons/3x2/${country}.svg`;
-  return /* @__PURE__ */ jsx("div", { className: "relative h-4 w-6 bg-foreground/20 rounded-sm", children: country && /* @__PURE__ */ jsx(
-    Image,
-    {
-      src: flagUrl,
-      alt: countryName,
-      fill: true,
-      className: "rounded-sm object-cover"
-    }
-  ) });
-}
-var init_input_phone = __esm({
-  "src/ui/forms/input-phone.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-    init_command();
-    init_primitives();
-    init_client();
-    init_client();
-  }
-});
-function InputSpin({
-  value,
-  onChange,
-  min = -Infinity,
-  max = Infinity,
-  step = 1,
-  disabled = false,
-  className,
-  buttonVariant = "default",
-  ...props
-}) {
-  const [internalValue, setInternalValue] = useState(value ?? 0);
-  function handleIncrement() {
-    const newValue = internalValue + step;
-    if (newValue <= max) {
-      setInternalValue(newValue);
-      onChange?.(newValue);
-    }
-  }
-  function handleDecrement() {
-    const newValue = internalValue - step;
-    if (newValue >= min) {
-      setInternalValue(newValue);
-      onChange?.(newValue);
-    }
-  }
-  const handleOnChange = (e) => {
-    const newValue = parseFloat(e.target.value);
-    if (!isNaN(newValue) && newValue >= min && newValue <= max) {
-      setInternalValue(newValue);
-      onChange?.(newValue);
-    }
-  };
-  useEffect(() => {
-    if (value !== void 0) {
-      setInternalValue(value);
-    }
-  }, [value]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "input-spin",
-      className: cn(
-        "h-9 w-fit flex justify-between items-center p-0.5 rounded-md border border-input bg-transparent text-sm transition-colors",
-        disabled && "cursor-not-allowed opacity-50",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: buttonVariant,
-            size: "icon",
-            className: "h-full w-auto aspect-square",
-            onClick: handleDecrement,
-            disabled: disabled || internalValue <= min,
-            "aria-label": "Decrease value",
-            children: /* @__PURE__ */ jsx(Minus, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            value: internalValue,
-            className: cn(
-              "h-full w-10 border-0 bg-transparent text-sm text-center focus:outline-hidden focus:ring-0",
-              "[-moz-appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
-            ),
-            onChange: handleOnChange,
-            disabled,
-            min,
-            max,
-            step,
-            readOnly: true,
-            ...props
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: buttonVariant,
-            size: "icon",
-            className: "h-full w-auto aspect-square",
-            onClick: handleIncrement,
-            disabled: disabled || internalValue >= max,
-            "aria-label": "Increase value",
-            children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
-          }
-        )
-      ]
-    }
-  );
-}
-var init_input_spin = __esm({
-  "src/ui/forms/input-spin.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-  }
-});
-function InputTags({
-  placeholder,
-  tags,
-  onTagsChange,
-  className,
-  ...props
-}) {
-  const [inputValue, setInputValue] = useState("");
-  const inputRef = useRef(null);
-  useImperativeHandle(props.ref, () => inputRef.current);
-  const addTag = (tag) => {
-    const trimmedTag = tag.trim();
-    if (trimmedTag && !tags.includes(trimmedTag)) {
-      onTagsChange([...tags, trimmedTag]);
-    }
-    setInputValue("");
-  };
-  const removeTag = (indexToRemove) => {
-    onTagsChange(tags.filter((_, index) => index !== indexToRemove));
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      addTag(inputValue);
-    } else if (e.key === "Backspace" && !inputValue && tags.length > 0) {
-      removeTag(tags.length - 1);
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "input-tags",
-      className: cn(
-        "min-h-9 w-full flex flex-wrap gap-2 rounded-md border border-input bg-background px-3 py-1 text-sm ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-        className
-      ),
-      onClick: () => inputRef.current?.focus(),
-      children: [
-        tags.map((tag, index) => /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: "inline-flex items-center rounded-full bg-secondary px-3 py-0.5 text-sm font-medium text-secondary-foreground",
-            children: [
-              tag,
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  onClick: (e) => {
-                    e.preventDefault();
-                    removeTag(index);
-                  },
-                  className: "size-auto p-0.5 ms-0.5 -me-1 rounded-full hover:bg-secondary-foreground/20",
-                  "aria-label": "Remove",
-                  children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
-                }
-              )
-            ]
-          },
-          index
-        )),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref: inputRef,
-            type: "text",
-            className: "w-0 flex-1 bg-transparent outline-hidden placeholder:text-muted-foreground",
-            value: inputValue,
-            onChange: (e) => setInputValue(e.target.value),
-            onKeyDown: handleKeyDown,
-            onBlur: () => addTag(inputValue),
-            placeholder: tags.length === 0 ? placeholder : "",
-            ...props
-          }
-        )
-      ]
-    }
-  );
-}
-function InputTagsWithSuggestions({
-  placeholder,
-  tags,
-  suggestions,
-  onTagsChange,
-  className,
-  ...props
-}) {
-  const [inputValue, setInputValue] = useState("");
-  const [open, setOpen] = useState(false);
-  const containerRef = useRef(null);
-  const [popoverWidth, setPopoverWidth] = useState(
-    void 0
-  );
-  useEffect(() => {
-    if (containerRef.current) {
-      setPopoverWidth(containerRef.current.offsetWidth);
-    }
-  }, [open]);
-  const filteredSuggestions = suggestions.filter(
-    (suggestion) => suggestion.toLowerCase().includes(inputValue.toLowerCase()) && !tags.includes(suggestion)
-  );
-  const addTag = (tag) => {
-    const trimmedTag = tag.trim();
-    if (trimmedTag && !tags.includes(trimmedTag)) {
-      onTagsChange([...tags, trimmedTag]);
-    }
-    setInputValue("");
-  };
-  const removeTag = (indexToRemove) => {
-    onTagsChange(tags.filter((_, index) => index !== indexToRemove));
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" && !open) {
-      e.preventDefault();
-      addTag(inputValue);
-    } else if (e.key === "Backspace" && !inputValue && tags.length > 0) {
-      removeTag(tags.length - 1);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Popover, { modal: true, open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-slot": "input-tags-with-suggestions",
-        ref: containerRef,
-        className: cn(
-          "min-h-9 w-full flex flex-wrap gap-2 rounded-md border border-input bg-background px-3 py-1 text-sm ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-          className
-        ),
-        children: [
-          tags.map((tag, index) => /* @__PURE__ */ jsxs(
-            "span",
-            {
-              className: "inline-flex items-center rounded-full bg-secondary px-3 py-0.5 text-sm font-medium text-secondary-foreground",
-              children: [
-                tag,
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    onClick: (e) => {
-                      e.preventDefault();
-                      removeTag(index);
-                    },
-                    className: "size-auto p-0.5 ms-0.5 -me-1 rounded-full hover:bg-secondary-foreground/20",
-                    "aria-label": "Remove",
-                    children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
-                  }
-                )
-              ]
-            },
-            index
-          )),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: props.ref,
-              type: "text",
-              value: inputValue,
-              onChange: (e) => setInputValue(e.target.value),
-              onKeyDown: handleKeyDown,
-              className: "w-0 flex-1 bg-transparent outline-hidden placeholder:text-muted-foreground",
-              placeholder: tags.length === 0 ? placeholder : "",
-              ...props
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        style: { width: popoverWidth ? `${popoverWidth}px` : "auto" },
-        onOpenAutoFocus: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx(ScrollArea, { className: "flex flex-col max-h-[300px]", children: /* @__PURE__ */ jsx(Command, { children: /* @__PURE__ */ jsxs(CommandList, { className: "max-h-full", children: [
-          /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
-          filteredSuggestions.map((suggestion) => /* @__PURE__ */ jsx(
-            CommandItem,
-            {
-              onSelect: () => addTag(suggestion),
-              children: suggestion
-            },
-            suggestion
-          ))
-        ] }) }) })
-      }
-    )
-  ] });
-}
-var init_input_tags = __esm({
-  "src/ui/forms/input-tags.tsx"() {
-    "use client";
-    init_utils();
-    init_command();
-    init_client();
-    init_primitives();
-    init_client();
-  }
-});
-function MultipleDatesPicker({
-  value,
-  onValueChange,
-  formatStr = "yyyy-MM-dd p",
-  popoverContentClassName,
-  popoverContentOptions,
-  buttonClassName,
-  buttonOptions,
-  placeholder = "Pick dates",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Popover, { modal: true, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "outline",
-        className: cn(
-          "w-full px-3 text-start font-normal overflow-hidden",
-          buttonClassName
-        ),
-        ...buttonOptions,
-        children: [
-          value && value.length > 0 ? /* @__PURE__ */ jsx("div", { className: "truncate me-1", children: value.map((date) => format(date, formatStr)).join(", ") }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }),
-          /* @__PURE__ */ jsx(CalendarIcon, { className: "shrink-0 ms-auto h-4 w-4 text-muted-foreground" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        className: cn("w-auto p-0", popoverContentClassName),
-        align: "start",
-        ...popoverContentOptions,
-        children: /* @__PURE__ */ jsx(
-          Calendar,
-          {
-            mode: "multiple",
-            selected: value,
-            onSelect: onValueChange,
-            ...props
-          }
-        )
-      }
-    )
-  ] });
-}
-var init_multiple_date_picker = __esm({
-  "src/ui/forms/multiple-date-picker.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-    init_client();
-    init_client();
-  }
-});
-function TimePicker({
-  value,
-  popoverContentClassName,
-  popoverContentOptions,
-  buttonClassName,
-  buttonOptions,
-  placeholder = "Pick time",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "outline",
-        className: cn("w-full px-3 text-start font-normal", buttonClassName),
-        ...buttonOptions,
-        children: [
-          value ? /* @__PURE__ */ jsx("span", { children: format(timeToDate(value), "p") }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }),
-          /* @__PURE__ */ jsx(Clock, { className: "ms-auto h-4 w-4 text-muted-foreground" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        className: cn("w-auto p-0", popoverContentClassName),
-        align: "start",
-        ...popoverContentOptions,
-        children: /* @__PURE__ */ jsx(InputTime, { className: "border-0", value, ...props })
-      }
-    )
-  ] });
-}
-var init_time_picker = __esm({
-  "src/ui/forms/time-picker.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-    init_input_time();
-    init_client();
-  }
-});
-function SizeHandler({ editor }) {
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "ghost",
-        size: "icon",
-        className: "h-8 w-8",
-        "aria-label": "Select text style",
-        children: /* @__PURE__ */ jsx(Type, { className: "h-4 w-4" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { align: "start", className: "min-w-[8rem] w-auto p-1", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "ghost",
-          onClick: () => editor.chain().focus().setParagraph().run(),
-          className: cn(
-            "justify-start px-3 py-2 text-left text-base",
-            editor.isActive("paragraph") && "bg-muted"
-          ),
-          children: "Small"
-        }
-      ),
-      sizes.map((size) => /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "ghost",
-          onClick: () => editor.chain().focus().toggleHeading({ level: size.level }).run(),
-          className: cn(
-            "justify-start px-3 py-2 text-left",
-            size.textSize,
-            editor.isActive("heading", { level: size.level }) && "bg-muted"
-          ),
-          children: size.label
-        },
-        size.level
-      ))
-    ] }) })
-  ] });
-}
-function FormatHandler({
-  editor,
-  format: format6,
-  iconName
-}) {
-  const toggleCommands = {
-    bold: () => editor.chain().focus().toggleBold(),
-    italic: () => editor.chain().focus().toggleItalic(),
-    underline: () => editor.chain().focus().toggleUnderline(),
-    strike: () => editor.chain().focus().toggleStrike()
-  };
-  function handlePressChange() {
-    const command = toggleCommands[format6];
-    if (command) {
-      command().run();
-    }
-  }
-  return /* @__PURE__ */ jsx(
-    Toggle,
-    {
-      size: "sm",
-      pressed: editor.isActive(format6),
-      onPressedChange: handlePressChange,
-      "aria-label": `Toggle ${format6} format`,
-      children: /* @__PURE__ */ jsx(DynamicIcon, { name: iconName, className: "h-4 w-4" })
-    }
-  );
-}
-function AlignmentHandler({
-  editor,
-  alignment,
-  iconName
-}) {
-  return /* @__PURE__ */ jsx(
-    Toggle,
-    {
-      size: "sm",
-      pressed: editor.isActive({ textAlign: alignment }),
-      onPressedChange: () => editor.chain().focus().setTextAlign(alignment).run(),
-      "aria-label": `Switch ${alignment} alignment`,
-      children: /* @__PURE__ */ jsx(DynamicIcon, { name: iconName, className: "h-4 w-4" })
-    }
-  );
-}
-function ImageHandler({ editor }) {
-  const [imageSrc, setImageSrc] = useState(null);
-  function handleFileChange(files) {
-    if (files.length < 1) return;
-    const objectURL = URL.createObjectURL(files[0]);
-    setImageSrc(objectURL);
-  }
-  function handleSubmit(e) {
-    e.preventDefault();
-    if (editor && imageSrc) {
-      editor.chain().focus().setImage({ src: imageSrc }).run();
-      setImageSrc(null);
-    }
-  }
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        className: "h-8 w-8",
-        "aria-label": "Insert image",
-        children: /* @__PURE__ */ jsx(Image$1, { className: "h-4 w-4" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { children: /* @__PURE__ */ jsxs(
-      "form",
-      {
-        onSubmit: (e) => {
-          e.stopPropagation();
-          handleSubmit(e);
-        },
-        className: "flex justify-center items-center gap-2",
-        children: [
-          /* @__PURE__ */ jsx(InputFile, { onValueChange: handleFileChange }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "submit",
-              variant: "ghost",
-              size: "icon",
-              className: "shrink-0 h-8 w-8",
-              "aria-label": "Submit",
-              children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
-            }
-          )
-        ]
-      }
-    ) })
-  ] });
-}
-function LinkHandler({ editor }) {
-  const isLinkActive = editor.isActive("link");
-  return isLinkActive ? /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      variant: "ghost",
-      size: "icon",
-      className: "h-8 w-8",
-      onClick: () => editor.chain().focus().unsetLink().run(),
-      "aria-label": "Remove link",
-      children: /* @__PURE__ */ jsx(Unlink, { className: "h-4 w-4" })
-    }
-  ) : /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        className: "h-8 w-8",
-        "aria-label": "Insert link",
-        children: /* @__PURE__ */ jsx(Link, { className: "h-4 w-4" })
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(PopoverContent, { className: "flex justify-center items-center gap-2", children: [
-      /* @__PURE__ */ jsx("p", { className: "shrink-0", children: "Insert link" }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          autoFocus: true,
-          type: "text",
-          placeholder: "https://www.example.com",
-          onKeyDown: (e) => {
-            if (e.key === "Enter") {
-              editor.chain().focus().setLink({
-                href: e.target.value
-              }).run();
-            }
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          className: "shrink-0 h-8 w-8",
-          onClick: (e) => {
-            editor.chain().focus().setLink({
-              href: e.target.value
-            }).run();
-          },
-          "aria-label": "Submit",
-          children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
-        }
-      )
-    ] })
-  ] });
-}
-function ColorHandler({ editor }) {
-  const selectedColor = editor.getAttributes("textStyle").color;
-  const inputRef = useRef(null);
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      type: "button",
-      variant: "ghost",
-      size: "icon",
-      className: "relative overflow-hidden",
-      onClick: () => inputRef.current?.click(),
-      "aria-label": "Select text color",
-      children: [
-        /* @__PURE__ */ jsx(Palette, { style: { color: selectedColor }, className: "size-4" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            ref: inputRef,
-            type: "color",
-            value: selectedColor,
-            onChange: (e) => editor.chain().focus().setColor(e.target.value).run(),
-            className: "sr-only",
-            tabIndex: -1
-          }
-        )
-      ]
-    }
-  );
-}
-function EditorMenuBar({ editor }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "flex flex-wrap items-center gap-1.5 p-1.5",
-      "aria-label": "Editor Menu Bar",
-      children: [
-        /* @__PURE__ */ jsx(SizeHandler, { editor }),
-        /* @__PURE__ */ jsx(ColorHandler, { editor }),
-        /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-4" }),
-        formats.map(({ format: format6, iconName }) => /* @__PURE__ */ jsx(
-          FormatHandler,
-          {
-            editor,
-            format: format6,
-            iconName
-          },
-          format6
-        )),
-        /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-4" }),
-        alignments.map(({ alignment, iconName }) => /* @__PURE__ */ jsx(
-          AlignmentHandler,
-          {
-            editor,
-            alignment,
-            iconName
-          },
-          alignment
-        )),
-        /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-4" }),
-        /* @__PURE__ */ jsx(ImageHandler, { editor }),
-        /* @__PURE__ */ jsx(LinkHandler, { editor })
-      ]
-    }
-  );
-}
-var sizes, formats, alignments;
-var init_editor_menu_bar = __esm({
-  "src/ui/forms/editor/editor-menu-bar.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-    init_primitives();
-    init_input_file();
-    init_client();
-    init_primitives();
-    init_client();
-    init_client();
-    sizes = [
-      { label: "Normal", level: 3, textSize: "text-lg" },
-      { label: "Large", level: 2, textSize: "text-xl" },
-      { label: "Extra Large", level: 1, textSize: "text-2xl" }
-    ];
-    formats = [
-      {
-        format: "bold",
-        iconName: "Bold"
-      },
-      {
-        format: "italic",
-        iconName: "Italic"
-      },
-      {
-        format: "underline",
-        iconName: "Underline"
-      },
-      {
-        format: "strike",
-        iconName: "Strikethrough"
-      }
-    ];
-    alignments = [
-      { alignment: "left", iconName: "AlignLeft" },
-      { alignment: "center", iconName: "AlignCenter" },
-      { alignment: "right", iconName: "AlignRight" },
-      { alignment: "justify", iconName: "AlignJustify" }
-    ];
-  }
-});
-function Editor({
-  value,
-  onValueChange,
-  bubbleMenu = false,
-  placeholder,
-  className,
-  ...props
-}) {
-  const direction = useDirection();
-  const isRtl = useIsRtl();
-  const editor = useEditor({
-    immediatelyRender: false,
-    editorProps: {
-      attributes: {
-        class: cn(
-          "px-3 py-2 break-all [&_p]:m-0 [&_.is-editor-empty]:before:absolute [&_.is-editor-empty]:before:top-2 [&_.is-editor-empty]:before:cursor-text [&_.is-editor-empty]:before:text-muted-foreground [&_.is-editor-empty]:before:content-[attr(data-placeholder)] prose prose-headings:font-normal prose-headings:text-foreground prose-h1:text-2xl prose-h2:text-xl prose-h3:text-lg dark:prose-invert focus:outline-hidden",
-          className
-        )
-      }
-    },
-    extensions: [
-      StarterKit,
-      Underline,
-      TextAlign.configure({
-        types: ["heading", "paragraph"],
-        defaultAlignment: isRtl ? "right" : "left"
-      }),
-      Color,
-      TextStyle,
-      Image3,
-      Link4.configure({
-        openOnClick: true,
-        HTMLAttributes: {
-          rel: "noopener noreferrer",
-          target: "_blank"
-        }
-      }),
-      Placeholder.configure({
-        placeholder,
-        showOnlyCurrent: true
-      }),
-      Typography
-    ],
-    content: value,
-    onUpdate: ({ editor: editor2 }) => {
-      onValueChange?.(editor2.getHTML());
-    },
-    ...props
-  });
-  if (!editor) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    bubbleMenu ? /* @__PURE__ */ jsx(
-      BubbleMenu,
-      {
-        className: "z-50 h-auto rounded-md border bg-popover text-popover-foreground shadow-md outline-hidden",
-        editor,
-        tippyOptions: {
-          duration: 100,
-          maxWidth: "98vw",
-          appendTo: document.body,
-          zIndex: 50
-        },
-        children: /* @__PURE__ */ jsx(EditorMenuBar, { editor })
-      }
-    ) : /* @__PURE__ */ jsx(EditorMenuBar, { editor }),
-    /* @__PURE__ */ jsx(
-      ScrollArea,
-      {
-        className: cn(
-          "flex flex-col min-h-9 rounded-md cursor-text",
-          !bubbleMenu && "border-t border-border",
-          editor.isFocused && "outline-hidden ring-1 ring-ring"
-        ),
-        children: /* @__PURE__ */ jsx(
-          EditorContent,
-          {
-            editor,
-            dir: direction,
-            className: cn(
-              editor.isActive({ textAlign: "left" }) && "[&_.is-editor-empty]:before:left-3",
-              editor.isActive({ textAlign: "right" }) && "[&_.is-editor-empty]:before:right-3",
-              editor.isActive({ textAlign: "center" }) && "[&_.is-editor-empty]:before:left-1/2 [&_.is-editor-empty]:before:absolute [&_.is-editor-empty]:before:-translate-x-1/2",
-              editor.isActive({ textAlign: "justify" }) && "[&_.is-editor-empty]:before:left-3"
-            ),
-            onClick: () => editor.commands.focus()
-          }
-        )
-      }
-    )
-  ] });
-}
-var init_editor = __esm({
-  "src/ui/forms/editor/index.tsx"() {
-    "use client";
-    init_utils();
-    init_hooks();
-    init_primitives();
-    init_client();
-    init_editor_menu_bar();
-  }
-});
-function FormField(props) {
-  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
-}
-function useFormField() {
-  const fieldContext = useContext(FormFieldContext);
-  const itemContext = useContext(FormItemContext);
-  const { getFieldState, formState } = useFormContext();
-  const fieldState = getFieldState(fieldContext.name, formState);
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>");
-  }
-  const { id } = itemContext;
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState
-  };
-}
-function FormItem({ className, ...props }) {
-  const id = useId();
-  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "form-item",
-      className: cn("grid gap-2", className),
-      ...props
-    }
-  ) });
-}
-function FormLabel({
-  className,
-  ...props
-}) {
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    Label3,
-    {
-      "data-slot": "form-label",
-      "data-error": !!error,
-      className: cn("data-[error=true]:text-destructive", className),
-      htmlFor: formItemId,
-      ...props
-    }
-  );
-}
-function FormControl({ ...props }) {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    Slot,
-    {
-      "data-slot": "form-control",
-      id: formItemId,
-      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
-      "aria-invalid": !!error,
-      ...props
-    }
-  );
-}
-function FormDescription({ className, ...props }) {
-  const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "form-description",
-      id: formDescriptionId,
-      className: cn("text-[0.8rem] text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function FormMessage({
-  className,
-  children,
-  ...props
-}) {
-  const { error, formMessageId } = useFormField();
-  const body = error ? String(error?.message) : children;
-  if (!body) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "form-message",
-      id: formMessageId,
-      className: cn("text-[0.8rem] font-medium text-destructive", className),
-      ...props,
-      children: body
-    }
-  );
-}
-var Form, FormFieldContext, FormItemContext;
-var init_forms = __esm({
-  "src/ui/forms/index.tsx"() {
-    init_utils();
-    init_client();
-    init_radio_group();
-    init_rating();
-    init_command();
-    init_multi_select();
-    init_date_picker();
-    init_date_range_picker();
-    init_date_time_picker();
-    init_emoji_picker();
-    init_file_dropzone();
-    init_file_thumbnail();
-    init_input_file();
-    init_input_group();
-    init_input_otp();
-    init_input_phone();
-    init_input_spin();
-    init_input_tags();
-    init_input_time();
-    init_multiple_date_picker();
-    init_time_picker();
-    init_editor();
-    Form = FormProvider;
-    FormFieldContext = createContext(
-      {}
-    );
-    FormItemContext = createContext(
-      {}
-    );
-  }
-});
-init_forms();
-
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, DateRangePicker, DateTimePicker, Editor, EmojiPicker, FileDropzone, FileThumbnail, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, InputFile, InputGroup, InputGroupText, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPhone, InputSpin, InputTags, InputTagsWithSuggestions, InputTime, MultiSelect, MultipleDatesPicker, RadioGroup4 as RadioGroup, RadioGroupItem, Rating, RatingStar, ReactionPicker, TimePicker, starVariants, useFormField };
-//# sourceMappingURL=forms.mjs.map
-//# sourceMappingURL=forms.mjs.map