acai-ui-library 0.1.11

package/dist/index.js

@@ -0,0 +1,4734 @@
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary-hover",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-hover",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        success: "bg-success text-success-foreground hover:bg-success-hover"
+      },
+      size: {
+        xs: "h-7 px-2.5 text-xs",
+        sm: "h-9 px-3",
+        default: "h-10 px-4 py-2",
+        lg: "h-11 px-8",
+        icon: "h-10 w-10",
+        "icon-sm": "h-8 w-8"
+      },
+      shape: {
+        default: "rounded-md",
+        rounded: "rounded-lg",
+        pill: "rounded-full",
+        square: "rounded-none"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      shape: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    shape,
+    asChild = false,
+    loading = false,
+    prefixIcon,
+    suffixIcon,
+    children,
+    disabled,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const isDisabled = disabled || loading;
+    return /* @__PURE__ */ jsxs(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, shape, className })),
+        ref,
+        disabled: isDisabled,
+        ...props,
+        children: [
+          loading && /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }),
+          !loading && prefixIcon,
+          children,
+          suffixIcon
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/input.tsx
+import * as React2 from "react";
+import { cva as cva2 } from "class-variance-authority";
+import { Eye, EyeOff, X } from "lucide-react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var inputVariants = cva2(
+  "flex w-full rounded-md border bg-background transition-[color,border-color,box-shadow] duration-150 file:border-0 file:bg-transparent file:font-medium file:text-foreground placeholder:text-muted-foreground focus-within:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "border-input hover:border-muted-foreground focus-within:border-[var(--hc-primary-500)] focus-within:ring-[3px] focus-within:ring-[color-mix(in_srgb,var(--hc-primary-500)_22%,transparent)]",
+        error: "border-[var(--hc-color-destructive)] focus-within:border-[var(--hc-color-destructive)] focus-within:ring-[3px] focus-within:ring-[color-mix(in_srgb,var(--hc-color-destructive)_22%,transparent)]",
+        success: "border-[var(--hc-color-success)] focus-within:border-[var(--hc-color-success)] focus-within:ring-[3px] focus-within:ring-[color-mix(in_srgb,var(--hc-color-success)_22%,transparent)]"
+      },
+      inputSize: {
+        default: "h-10 px-3 py-2 text-sm",
+        sm: "h-8 px-2.5 py-1.5 text-xs",
+        lg: "h-12 px-4 py-3 text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      inputSize: "default"
+    }
+  }
+);
+var Input = React2.forwardRef(
+  ({
+    className,
+    type,
+    label,
+    hint,
+    variant = "default",
+    inputSize = "default",
+    leadingIcon,
+    trailingIcon,
+    clearable,
+    onClear,
+    disabled,
+    id,
+    value,
+    defaultValue,
+    onChange,
+    ...props
+  }, ref) => {
+    const inputId = id || React2.useId();
+    const isControlled = value !== void 0;
+    const [internalValue, setInternalValue] = React2.useState(defaultValue);
+    const innerRef = React2.useRef(null);
+    React2.useImperativeHandle(
+      ref,
+      () => innerRef.current,
+      []
+    );
+    const currentValue = isControlled ? value : internalValue;
+    const hasValue = currentValue !== void 0 && currentValue !== null && String(currentValue).length > 0;
+    const isPassword = type === "password";
+    const [showPassword, setShowPassword] = React2.useState(false);
+    const resolvedType = isPassword ? showPassword ? "text" : "password" : type;
+    const handleChange = (e) => {
+      if (!isControlled) {
+        setInternalValue(e.target.value);
+      }
+      onChange?.(e);
+    };
+    const handleClear = () => {
+      if (!isControlled) {
+        setInternalValue("");
+      }
+      const input = innerRef.current;
+      if (input) {
+        const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+          window.HTMLInputElement.prototype,
+          "value"
+        )?.set;
+        nativeInputValueSetter?.call(input, "");
+        const event = new Event("input", { bubbles: true });
+        input.dispatchEvent(event);
+        input.focus();
+      }
+      onClear?.();
+    };
+    const showClearButton = clearable && hasValue && !isPassword && !disabled;
+    const showPasswordToggle = isPassword && !disabled;
+    const trailingSlots = [
+      showClearButton ? 1 : 0,
+      showPasswordToggle ? 1 : 0,
+      trailingIcon ? 1 : 0
+    ].reduce((a, b) => a + b, 0);
+    const inputPaddingEnd = trailingSlots >= 2 ? "pe-14" : trailingSlots === 1 ? "pe-8" : void 0;
+    return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1.5", "data-slot": "input-root", children: [
+      label && /* @__PURE__ */ jsx2(
+        "label",
+        {
+          htmlFor: inputId,
+          className: cn(
+            "text-sm font-medium text-foreground",
+            disabled && "text-muted-foreground"
+          ),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          "data-slot": "input-wrapper",
+          className: cn(
+            inputVariants({ variant, inputSize }),
+            "relative flex items-center gap-2",
+            disabled && "cursor-not-allowed opacity-50",
+            className
+          ),
+          children: [
+            leadingIcon && /* @__PURE__ */ jsx2("span", { className: "shrink-0 text-muted-foreground", children: leadingIcon }),
+            /* @__PURE__ */ jsx2(
+              "input",
+              {
+                id: inputId,
+                type: resolvedType,
+                disabled,
+                className: cn(
+                  "flex-1 min-w-0 bg-transparent outline-none text-inherit placeholder:text-muted-foreground disabled:cursor-not-allowed",
+                  inputPaddingEnd
+                ),
+                ref: innerRef,
+                value: isControlled ? value : internalValue,
+                defaultValue: isControlled ? void 0 : void 0,
+                onChange: handleChange,
+                ...props
+              }
+            ),
+            (showClearButton || showPasswordToggle) && /* @__PURE__ */ jsxs2(
+              "span",
+              {
+                className: "pointer-events-none absolute end-2 top-1/2 -translate-y-1/2 flex items-center gap-1",
+                children: [
+                  showClearButton && /* @__PURE__ */ jsx2(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": "Clear",
+                      onClick: handleClear,
+                      tabIndex: -1,
+                      className: "pointer-events-auto inline-flex size-4 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+                      children: /* @__PURE__ */ jsx2(X, { className: "size-4", "aria-hidden": "true" })
+                    }
+                  ),
+                  showPasswordToggle && /* @__PURE__ */ jsx2(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": showPassword ? "Hide password" : "Show password",
+                      onClick: () => setShowPassword((s) => !s),
+                      tabIndex: -1,
+                      className: "pointer-events-auto inline-flex size-4 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+                      children: showPassword ? /* @__PURE__ */ jsx2(EyeOff, { className: "size-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx2(Eye, { className: "size-4", "aria-hidden": "true" })
+                    }
+                  )
+                ]
+              }
+            ),
+            trailingIcon && !showClearButton && !showPasswordToggle && /* @__PURE__ */ jsx2("span", { className: "shrink-0 text-muted-foreground", children: trailingIcon })
+          ]
+        }
+      ),
+      hint && /* @__PURE__ */ jsx2(
+        "p",
+        {
+          className: cn(
+            "text-xs",
+            variant === "default" && "text-muted-foreground",
+            variant === "error" && "text-destructive",
+            variant === "success" && "text-success"
+          ),
+          children: hint
+        }
+      )
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+// src/components/file-input.tsx
+import * as React3 from "react";
+import { CloudUpload } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var FileInput = React3.forwardRef(
+  ({ accept, maxSize = 15, onFileSelect, multiple = false, disabled = false, className, ...props }, ref) => {
+    const [isDragOver, setIsDragOver] = React3.useState(false);
+    const inputRef = React3.useRef(null);
+    const handleDragOver = (e) => {
+      e.preventDefault();
+      if (!disabled) setIsDragOver(true);
+    };
+    const handleDragLeave = () => setIsDragOver(false);
+    const handleDrop = (e) => {
+      e.preventDefault();
+      setIsDragOver(false);
+      if (disabled) return;
+      const files = Array.from(e.dataTransfer.files);
+      onFileSelect?.(files);
+    };
+    const handleClick = () => {
+      if (!disabled) inputRef.current?.click();
+    };
+    const handleKeyDown = (e) => {
+      if (disabled) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        inputRef.current?.click();
+      }
+    };
+    const handleChange = (e) => {
+      const files = Array.from(e.target.files || []);
+      onFileSelect?.(files);
+    };
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        ref,
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-label": "File upload area",
+        "aria-disabled": disabled || void 0,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        className: cn(
+          "flex flex-col items-center justify-center gap-[14px] rounded-[6px] bg-white p-[22px] cursor-pointer transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)]",
+          isDragOver && "border-2 border-dashed border-[var(--hc-primary-500)] bg-[var(--hc-primary-100)]",
+          !isDragOver && "border-2 border-dashed border-[var(--hc-color-border-subtle)]",
+          disabled && "opacity-50 cursor-not-allowed",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx3(CloudUpload, { className: "size-6 text-[var(--hc-primary-500)]" }),
+          /* @__PURE__ */ jsxs3("p", { className: "text-[12px] leading-[16px] text-[var(--hc-grey-200)] text-center", children: [
+            "PNG, JPG or PDF, smaller than ",
+            maxSize,
+            "MB"
+          ] }),
+          /* @__PURE__ */ jsxs3("p", { className: "text-[14px] leading-[20px] font-medium text-[var(--hc-grey-300)] text-center", children: [
+            "Drag and Drop your file here or",
+            " ",
+            /* @__PURE__ */ jsx3("span", { className: "text-[var(--hc-primary-500)] hover:underline", children: "Browse file" })
+          ] }),
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              accept,
+              multiple,
+              onChange: handleChange,
+              className: "hidden",
+              tabIndex: -1,
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+FileInput.displayName = "FileInput";
+
+// src/components/textarea.tsx
+import * as React4 from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var Textarea = React4.forwardRef(
+  ({ className, error, maxCharacters, value, onChange, ...props }, ref) => {
+    const [charCount, setCharCount] = React4.useState(
+      typeof value === "string" ? value.length : 0
+    );
+    const handleChange = (e) => {
+      setCharCount(e.target.value.length);
+      onChange?.(e);
+    };
+    return /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx4(
+        "textarea",
+        {
+          className: cn(
+            "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:border-ring disabled:cursor-not-allowed disabled:opacity-50",
+            error && "border-destructive focus:border-destructive",
+            className
+          ),
+          ref,
+          value,
+          onChange: handleChange,
+          ...props
+        }
+      ),
+      maxCharacters && /* @__PURE__ */ jsxs4("span", { className: "absolute bottom-2 end-3 text-xs text-muted-foreground", children: [
+        charCount,
+        "/",
+        maxCharacters
+      ] })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/label.tsx
+import * as React6 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva3 } from "class-variance-authority";
+import { Info } from "lucide-react";
+
+// src/components/tooltip.tsx
+import * as React5 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx5(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md 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
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// src/components/label.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var labelVariants = cva3(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React6.forwardRef(({ className, required, helperText, tooltip, children, ...props }, ref) => {
+  const tooltipIcon = tooltip ? /* @__PURE__ */ jsx6(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs5(Tooltip, { children: [
+    /* @__PURE__ */ jsx6(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx6(
+      "span",
+      {
+        role: "button",
+        tabIndex: 0,
+        "aria-label": "More information",
+        className: "ms-1 inline-flex align-middle text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-1 focus-visible:ring-offset-background rounded-sm",
+        children: /* @__PURE__ */ jsx6(Info, { className: "size-3.5", "aria-hidden": "true" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx6(TooltipContent, { children: tooltip })
+  ] }) }) : null;
+  if (helperText || tooltip) {
+    return /* @__PURE__ */ jsxs5("span", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsxs5(
+        LabelPrimitive.Root,
+        {
+          ref,
+          className: cn(labelVariants(), className),
+          ...props,
+          children: [
+            children,
+            required && /* @__PURE__ */ jsx6("span", { className: "ms-1 text-destructive", children: "*" }),
+            tooltipIcon
+          ]
+        }
+      ),
+      helperText && /* @__PURE__ */ jsx6("span", { className: "mt-1 text-xs text-muted-foreground", children: helperText })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs5(
+    LabelPrimitive.Root,
+    {
+      ref,
+      className: cn(labelVariants(), className),
+      ...props,
+      children: [
+        children,
+        required && /* @__PURE__ */ jsx6("span", { className: "ms-1 text-destructive", children: "*" })
+      ]
+    }
+  );
+});
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/checkbox.tsx
+import * as React7 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var checkboxVariants = cva4(
+  "peer shrink-0 border 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]:border-0 data-[state=indeterminate]:border-0",
+  {
+    variants: {
+      variant: {
+        default: "border-input hover:border-muted-foreground data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
+        destructive: "border-input hover:border-muted-foreground data-[state=checked]:bg-destructive data-[state=checked]:text-destructive-foreground data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:text-destructive-foreground",
+        success: "border-input hover:border-muted-foreground data-[state=checked]:bg-success data-[state=checked]:text-success-foreground data-[state=indeterminate]:bg-success data-[state=indeterminate]:text-success-foreground"
+      },
+      size: {
+        sm: "size-3.5 rounded-sm",
+        default: "size-4 rounded-sm",
+        lg: "size-5 rounded"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var checkboxIconSize = {
+  sm: "size-2.5",
+  default: "size-3",
+  lg: "size-4"
+};
+var Checkbox = React7.forwardRef(({ className, label, id, variant, size = "default", ...props }, ref) => {
+  const checkboxId = id || React7.useId();
+  return /* @__PURE__ */ jsxs6("div", { className: "inline-flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx7(
+      CheckboxPrimitive.Root,
+      {
+        ref,
+        id: checkboxId,
+        className: cn(checkboxVariants({ variant, size, className })),
+        ...props,
+        children: /* @__PURE__ */ jsx7(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx7(Check, { className: checkboxIconSize[size ?? "default"] }) })
+      }
+    ),
+    label && /* @__PURE__ */ jsx7(
+      "label",
+      {
+        htmlFor: checkboxId,
+        className: "text-sm leading-none text-foreground select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        children: label
+      }
+    )
+  ] });
+});
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/radio-group.tsx
+import * as React8 from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle } from "lucide-react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var RadioGroup = React8.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx8(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("grid gap-2", className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React8.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx8(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx8(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx8(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+// src/components/switch.tsx
+import * as React9 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var switchVariants = cva5(
+  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-[var(--hc-grey-200)] aria-[invalid=true]:ring-2 aria-[invalid=true]:ring-destructive aria-[invalid=true]:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "data-[state=checked]:bg-[var(--hc-primary-600)]",
+        destructive: "data-[state=checked]:bg-destructive",
+        success: "data-[state=checked]:bg-success"
+      },
+      size: {
+        sm: "h-5 w-9",
+        default: "h-[28px] w-[52px]",
+        lg: "h-[36px] w-[64px]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var thumbStyles = {
+  sm: "h-3.5 w-3.5 data-[state=unchecked]:translate-x-[3px] data-[state=checked]:translate-x-[15px]",
+  default: "h-[22px] w-[22px] data-[state=unchecked]:translate-x-[3px] data-[state=checked]:translate-x-[23px]",
+  lg: "h-[26px] w-[26px] data-[state=unchecked]:translate-x-[4px] data-[state=checked]:translate-x-[30px]"
+};
+var Switch = React9.forwardRef(({ className, variant, size = "default", ...props }, ref) => /* @__PURE__ */ jsx9(
+  SwitchPrimitives.Root,
+  {
+    className: cn(switchVariants({ variant, size }), className),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx9(
+      SwitchPrimitives.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform duration-200 [[disabled]_&]:bg-[var(--hc-grey-300)]",
+          thumbStyles[size ?? "default"]
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+// src/components/slider.tsx
+import * as React10 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+var Slider = React10.forwardRef(({ className, ...props }, ref) => {
+  const values = props.value ?? props.defaultValue ?? [0];
+  return /* @__PURE__ */ jsxs7(
+    SliderPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx10(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-muted data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2", children: /* @__PURE__ */ jsx10(SliderPrimitive.Range, { className: "absolute h-full bg-primary data-[orientation=vertical]:w-full" }) }),
+        values.map((_, i) => /* @__PURE__ */ jsx10(
+          SliderPrimitive.Thumb,
+          {
+            className: "block h-5 w-5 rounded-full border-2 border-primary bg-background shadow-sm transition-colors focus-visible:outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:pointer-events-none"
+          },
+          i
+        ))
+      ]
+    }
+  );
+});
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+// src/components/toggle.tsx
+import * as React11 from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var toggleVariants = cva6(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground 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=on]:bg-primary data-[state=on]:text-primary-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-muted hover:text-foreground"
+      },
+      size: {
+        sm: "h-9 px-2.5",
+        md: "h-10 px-3",
+        lg: "h-11 px-5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Toggle = React11.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx11(
+  TogglePrimitive.Root,
+  {
+    ref,
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+// src/components/toggle-group.tsx
+import * as React12 from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var ToggleGroupContext = React12.createContext({
+  size: "md",
+  variant: "default"
+});
+var ToggleGroup = React12.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx12(
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    className: cn("flex items-center justify-center gap-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx12(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+var ToggleGroupItem = React12.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React12.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx12(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+// src/components/select.tsx
+import * as React13 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check as Check2, ChevronDown, ChevronUp } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-10 w-full items-center justify-between gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:border-ring disabled:cursor-not-allowed disabled:opacity-50 aria-[invalid=true]:border-destructive aria-[invalid=true]:focus:border-destructive data-[placeholder]:text-muted-foreground [&>span]:line-clamp-1 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx13(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx13(ChevronDown, { className: "h-4 w-4 opacity-70" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx13(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx13(ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React13.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx13(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs8(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md 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",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx13(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx13(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx13(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-xs font-semibold text-muted-foreground", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pe-2 ps-8 text-sm text-foreground outline-none focus:bg-primary focus:text-primary-foreground data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx13("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx13(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/form.tsx
+import * as React14 from "react";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import {
+  Controller,
+  FormProvider,
+  useFormContext
+} from "react-hook-form";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Form = FormProvider;
+var FormFieldContext = React14.createContext(
+  {}
+);
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx14(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx14(Controller, { ...props }) });
+};
+var useFormField = () => {
+  const fieldContext = React14.useContext(FormFieldContext);
+  const itemContext = React14.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
+  };
+};
+var FormItemContext = React14.createContext(
+  {}
+);
+var FormItem = React14.forwardRef(
+  ({ className, orientation = "vertical", ...props }, ref) => {
+    const id = React14.useId();
+    return /* @__PURE__ */ jsx14(FormItemContext.Provider, { value: { id, orientation }, children: /* @__PURE__ */ jsx14(
+      "div",
+      {
+        ref,
+        className: cn(
+          orientation === "horizontal" ? "flex items-start gap-4" : "space-y-2",
+          className
+        ),
+        ...props
+      }
+    ) });
+  }
+);
+FormItem.displayName = "FormItem";
+var FormLabel = React14.forwardRef(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+  const itemContext = React14.useContext(FormItemContext);
+  return /* @__PURE__ */ jsx14(
+    Label,
+    {
+      ref,
+      className: cn(
+        error && "text-destructive",
+        itemContext.orientation === "horizontal" && "w-32 shrink-0 pt-2",
+        className
+      ),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+});
+FormLabel.displayName = "FormLabel";
+var FormControl = React14.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx14(
+    Slot2,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+var FormDescription = React14.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx14(
+    "p",
+    {
+      ref,
+      id: formDescriptionId,
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+var FormMessage = React14.forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message) : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx14(
+    "p",
+    {
+      ref,
+      id: formMessageId,
+      className: cn("text-sm font-medium text-destructive", className),
+      ...props,
+      children: body
+    }
+  );
+});
+FormMessage.displayName = "FormMessage";
+
+// src/components/input-otp.tsx
+import * as React15 from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Dot } from "lucide-react";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+var InputOTPGroupContext = React15.createContext("joined");
+var InputOTP = React15.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx15(
+  OTPInput,
+  {
+    ref,
+    containerClassName: cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    ),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React15.forwardRef(({ className, variant = "joined", ...props }, ref) => /* @__PURE__ */ jsx15(InputOTPGroupContext.Provider, { value: variant, children: /* @__PURE__ */ jsx15(
+  "div",
+  {
+    ref,
+    "data-variant": variant,
+    className: cn(
+      "flex items-center",
+      variant === "separated" && "gap-2",
+      className
+    ),
+    ...props
+  }
+) }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React15.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React15.useContext(OTPInputContext);
+  const variant = React15.useContext(InputOTPGroupContext);
+  const slot = inputOTPContext.slots[index];
+  if (!slot) return null;
+  const { char, hasFakeCaret, isActive } = slot;
+  return /* @__PURE__ */ jsxs9(
+    "div",
+    {
+      ref,
+      role: "textbox",
+      "aria-label": `Digit ${index + 1}`,
+      "data-slot-index": index,
+      className: cn(
+        "relative flex size-10 items-center justify-center border border-input bg-background text-base font-medium transition-[color,border-color,box-shadow] duration-150",
+        variant === "joined" && "border-y border-e border-s-0 first:rounded-s-md first:border-s last:rounded-e-md",
+        variant === "separated" && "rounded-md",
+        isActive && "z-10 border-[var(--hc-primary-500)] ring-[3px] ring-[color-mix(in_srgb,var(--hc-primary-500)_22%,transparent)]",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx15("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx15("div", { className: "h-5 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+  "div",
+  {
+    ref,
+    role: "separator",
+    className: cn("text-muted-foreground", className),
+    ...props,
+    children: /* @__PURE__ */ jsx15(Dot, {})
+  }
+));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/badge.tsx
+import { AlertTriangle, Loader2 as Loader22, Sparkles } from "lucide-react";
+
+// src/components/icon/success-icon.tsx
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+function SuccessIcon({ size = 16, width, height, fill, title, ...props }) {
+  return /* @__PURE__ */ jsxs10("svg", { viewBox: "0 0 16 16", width: width ?? size, height: height ?? size, fill: fill ?? "none", "aria-hidden": title ? void 0 : true, role: title ? "img" : "presentation", ...props, children: [
+    /* @__PURE__ */ jsx16("path", { d: "M11.4 6.85C11.4911 6.7557 11.5415 6.6294 11.5403 6.4983C11.5392 6.3672 11.4866 6.2418 11.3939 6.14909C11.3012 6.05639 11.1758 6.00381 11.0447 6.00267C10.9136 6.00153 10.7873 6.05192 10.693 6.143L7.04301 9.793L5.39301 8.143C5.29871 8.05192 5.17241 8.00153 5.04131 8.00267C4.91021 8.0038 4.7848 8.05639 4.6921 8.14909C4.5994 8.2418 4.54681 8.3672 4.54567 8.4983C4.54453 8.6294 4.59493 8.7557 4.68601 8.85L6.68601 10.85C6.77977 10.9437 6.90693 10.9964 7.03951 10.9964C7.17209 10.9964 7.29925 10.9437 7.39301 10.85L11.393 6.85H11.4Z", fill: "black" }),
+    /* @__PURE__ */ jsx16("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 0C3.58 0 0 3.58 0 8C0 12.42 3.58 16 8 16C12.42 16 16 12.42 16 8C16 3.58 12.42 0 8 0ZM1 8C1 4.13 4.13 1 8 1C11.87 1 15 4.13 15 8C15 11.87 11.87 15 8 15C4.13 15 1 11.87 1 8Z", fill: "black" }),
+    title ? /* @__PURE__ */ jsx16("title", { children: title }) : null
+  ] });
+}
+
+// src/components/badge.tsx
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+var severityStyles = {
+  critical: "bg-[var(--hc-color-destructive)] text-white border-t border-t-black/20",
+  high: "bg-[var(--hc-badge-severity-high)] text-white border-t border-t-black/20",
+  medium: "bg-[var(--hc-badge-severity-medium)] text-white border-t border-t-black/20",
+  low: "bg-[var(--hc-badge-severity-low)] text-white border-t border-t-black/20"
+};
+var statusStyles = {
+  pending: "bg-[var(--hc-badge-pending-bg)] border border-[var(--hc-badge-pending-border)] text-[var(--hc-badge-pending-text)]",
+  "in-progress": "bg-[var(--hc-badge-in-progress-bg)] border border-[var(--hc-badge-in-progress-border)] text-[var(--hc-badge-in-progress-text)]",
+  "under-review": "bg-[var(--hc-badge-under-review-bg)] border border-[var(--hc-badge-under-review-border)] text-[var(--hc-badge-under-review-text)]",
+  resolved: "bg-[var(--hc-badge-resolved-bg)] border border-[var(--hc-badge-resolved-border)] text-[var(--hc-badge-resolved-text)]"
+};
+var pillStyles = {
+  error: "bg-[var(--hc-color-destructive)] text-white border-t border-t-black/20",
+  warning: "bg-[var(--hc-badge-severity-high)] text-white border-t border-t-black/20",
+  success: "bg-[var(--hc-badge-pill-success)] text-white border-t border-t-black/20",
+  primary: "bg-[var(--hc-primary-600)] text-white border-t border-t-black/20"
+};
+var iconStyles = {
+  warning: "bg-[var(--hc-badge-severity-high)] text-white border-t border-t-black/20 gap-[6px]",
+  complete: "bg-[var(--hc-badge-pill-success)] text-white border-t border-t-black/20 gap-[6px]",
+  "ai-generated": "bg-[var(--hc-primary-600)] text-white border-t border-t-black/20 gap-[6px]"
+};
+var designationStyles = "bg-[var(--hc-badge-designation-bg)] text-[var(--hc-badge-designation-text)] font-normal";
+var spinnerStyles = {
+  primary: "bg-[var(--hc-primary-100)] text-[var(--hc-primary-700)] border border-[var(--hc-primary-200)] gap-1.5",
+  neutral: "bg-muted text-muted-foreground border border-[var(--hc-color-border-subtle)] gap-1.5",
+  success: "bg-[var(--hc-banner-success-bg)] text-[var(--hc-color-success)] border border-[var(--hc-banner-success-border)] gap-1.5",
+  warning: "bg-[var(--hc-banner-warning-bg)] text-[var(--hc-badge-severity-high)] border border-[var(--hc-banner-warning-border)] gap-1.5"
+};
+var iconMap = {
+  warning: AlertTriangle,
+  complete: SuccessIcon,
+  "ai-generated": Sparkles
+};
+function Badge({
+  className,
+  variant,
+  severity,
+  status,
+  pill,
+  iconType,
+  spinnerTone = "primary",
+  dot,
+  children,
+  ...props
+}) {
+  const base = "inline-flex items-center h-[22px] rounded-[6px] px-2 py-0.5 text-xs font-medium gap-1";
+  let variantClasses = "";
+  if (variant === "severity" && severity) {
+    variantClasses = severityStyles[severity] ?? "";
+  } else if (variant === "status" && status) {
+    variantClasses = statusStyles[status] ?? "";
+  } else if (variant === "pill" && pill) {
+    variantClasses = pillStyles[pill] ?? "";
+  } else if (variant === "icon" && iconType) {
+    variantClasses = iconStyles[iconType] ?? "";
+  } else if (variant === "designation") {
+    variantClasses = designationStyles;
+  } else if (variant === "spinner") {
+    variantClasses = spinnerStyles[spinnerTone] ?? spinnerStyles.primary;
+  }
+  const IconComponent = variant === "icon" && iconType ? iconMap[iconType] : null;
+  return /* @__PURE__ */ jsxs11("div", { className: cn(base, variantClasses, className), ...props, children: [
+    variant === "spinner" && /* @__PURE__ */ jsx17(Loader22, { "aria-hidden": true, className: "size-3 shrink-0 animate-spin" }),
+    IconComponent && /* @__PURE__ */ jsx17(IconComponent, { className: "size-3 shrink-0" }),
+    dot && /* @__PURE__ */ jsx17("span", { className: "size-1.5 shrink-0 rounded-full bg-current" }),
+    children
+  ] });
+}
+
+// src/components/avatar.tsx
+import * as React16 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { cva as cva7 } from "class-variance-authority";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+var avatarVariants = cva7(
+  "relative flex shrink-0 overflow-hidden rounded-full bg-[var(--hc-primary-600)] text-white",
+  {
+    variants: {
+      size: {
+        xs: "size-6 text-[10px] leading-[14px]",
+        sm: "size-8 text-sm leading-5",
+        md: "size-10 text-base leading-6",
+        lg: "size-[52px] text-xl leading-7",
+        xl: "size-16 text-2xl leading-8"
+      },
+      bordered: {
+        true: "ring-2 ring-background",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      bordered: false
+    }
+  }
+);
+var statusToneClass = {
+  online: "bg-[var(--hc-color-success)]",
+  offline: "bg-[var(--hc-grey-400)]",
+  away: "bg-[var(--hc-badge-severity-medium,#F59E0B)]",
+  busy: "bg-[var(--hc-color-destructive)]"
+};
+var statusSizeClass = {
+  xs: "size-2",
+  sm: "size-2.5",
+  md: "size-3",
+  lg: "size-3.5",
+  xl: "size-4"
+};
+var Avatar = React16.forwardRef(({ className, size = "md", bordered, status, children, onClick, ...props }, ref) => {
+  const isInteractive = typeof onClick === "function";
+  return /* @__PURE__ */ jsxs12("span", { className: "relative inline-flex", children: [
+    /* @__PURE__ */ jsx18(
+      AvatarPrimitive.Root,
+      {
+        ref,
+        onClick,
+        className: cn(
+          avatarVariants({ size, bordered }),
+          isInteractive && "cursor-pointer outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-2 focus-visible:ring-offset-background hover:opacity-90",
+          className
+        ),
+        ...props,
+        children
+      }
+    ),
+    status && /* @__PURE__ */ jsx18(
+      "span",
+      {
+        "aria-hidden": true,
+        className: cn(
+          "absolute bottom-0 end-0 block rounded-full ring-2 ring-background",
+          statusSizeClass[size ?? "md"],
+          statusToneClass[status]
+        )
+      }
+    )
+  ] });
+});
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full object-cover", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn("flex h-full w-full items-center justify-center font-semibold", className),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+var overlapClass = {
+  xs: "-ms-1.5",
+  sm: "-ms-2",
+  md: "-ms-2.5",
+  lg: "-ms-3",
+  xl: "-ms-3.5"
+};
+var AvatarGroup = React16.forwardRef(
+  ({ children, max, size = "md", className, ...props }, ref) => {
+    const childArray = React16.Children.toArray(children).filter(React16.isValidElement);
+    const visibleChildren = max ? childArray.slice(0, max) : childArray;
+    const overflowCount = max ? childArray.length - max : 0;
+    return /* @__PURE__ */ jsxs12("div", { ref, className: cn("flex items-center", className), ...props, children: [
+      visibleChildren.map((child, index) => /* @__PURE__ */ jsx18(
+        "div",
+        {
+          className: cn("relative", index > 0 && overlapClass[size]),
+          style: { zIndex: visibleChildren.length - index },
+          children: React16.isValidElement(child) ? React16.cloneElement(child, {
+            size: child.props.size ?? size,
+            bordered: true
+          }) : child
+        },
+        index
+      )),
+      overflowCount > 0 && /* @__PURE__ */ jsx18("div", { className: cn("relative", overlapClass[size]), children: /* @__PURE__ */ jsx18(Avatar, { size, bordered: true, children: /* @__PURE__ */ jsxs12(AvatarFallback, { children: [
+        "+",
+        overflowCount
+      ] }) }) })
+    ] });
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+
+// src/components/alert.tsx
+import * as React17 from "react";
+import { cva as cva8 } from "class-variance-authority";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var alertVariants = cva8(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:ps-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:start-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+        success: "border-success/50 text-success [&>svg]:text-success",
+        warning: "border-warning/50 text-warning-foreground bg-warning/10 [&>svg]:text-warning",
+        info: "border-primary/50 text-primary [&>svg]:text-primary"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = React17.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx19(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  "div",
+  {
+    ref,
+    className: cn("text-sm [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+var AlertAction = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  "div",
+  {
+    ref,
+    className: cn(
+      "mt-3 flex flex-wrap items-center gap-2 [&>button]:h-8 [&>button]:px-3 [&>button]:text-xs",
+      className
+    ),
+    ...props
+  }
+));
+AlertAction.displayName = "AlertAction";
+
+// src/components/progress.tsx
+import * as React18 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { cva as cva9 } from "class-variance-authority";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+var progressVariants = cva9(
+  "relative w-full overflow-hidden rounded-full bg-muted",
+  {
+    variants: {
+      size: {
+        sm: "h-2",
+        md: "h-3",
+        lg: "h-4"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Progress = React18.forwardRef(
+  ({
+    className,
+    value = 0,
+    size,
+    indeterminate,
+    showLabel,
+    segments,
+    ...props
+  }, ref) => {
+    const safeValue = Math.max(0, Math.min(100, value));
+    const ariaProps = indeterminate ? { "aria-busy": true, "aria-valuemin": 0, "aria-valuemax": 100 } : {
+      "aria-valuenow": safeValue,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100
+    };
+    if (segments && segments > 0 && !indeterminate) {
+      const filled = Math.ceil(safeValue / 100 * segments);
+      return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx20(
+          "div",
+          {
+            role: "progressbar",
+            ...ariaProps,
+            className: cn(
+              "grid w-full gap-1",
+              className
+            ),
+            style: {
+              gridTemplateColumns: `repeat(${segments}, minmax(0, 1fr))`
+            },
+            children: Array.from({ length: segments }).map((_, i) => /* @__PURE__ */ jsx20(
+              "div",
+              {
+                className: cn(
+                  "rounded-full transition-colors",
+                  size === "sm" ? "h-2" : size === "lg" ? "h-4" : "h-3",
+                  i < filled ? "bg-primary" : "bg-muted"
+                )
+              },
+              i
+            ))
+          }
+        ),
+        showLabel && /* @__PURE__ */ jsxs13("span", { className: "text-xs font-medium text-foreground tabular-nums", children: [
+          safeValue,
+          "%"
+        ] })
+      ] });
+    }
+    const labelNode = showLabel ? /* @__PURE__ */ jsx20("span", { className: "text-xs font-medium text-foreground tabular-nums shrink-0", children: indeterminate ? "Loading..." : `${safeValue}%` }) : null;
+    const bar = /* @__PURE__ */ jsx20(
+      ProgressPrimitive.Root,
+      {
+        ref,
+        ...ariaProps,
+        ...props,
+        value: indeterminate ? null : safeValue,
+        className: cn(progressVariants({ size }), className),
+        children: indeterminate ? /* @__PURE__ */ jsx20(
+          "div",
+          {
+            className: "h-full w-1/3 rounded-full bg-gradient-to-r from-transparent via-primary to-transparent animate-[progress-indeterminate_1.2s_ease-in-out_infinite]"
+          }
+        ) : /* @__PURE__ */ jsx20(
+          ProgressPrimitive.Indicator,
+          {
+            className: "h-full w-full flex-1 bg-primary transition-all",
+            style: { transform: `translateX(-${100 - safeValue}%)` }
+          }
+        )
+      }
+    );
+    if (labelNode) {
+      return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+        bar,
+        labelNode
+      ] });
+    }
+    return bar;
+  }
+);
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+// src/components/skeleton.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+function Skeleton({ className, shape = "rect", ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      className: cn(
+        "animate-pulse bg-muted",
+        shape === "circle" && "rounded-full",
+        shape === "text" && "h-4 w-full rounded-md",
+        shape === "rect" && "rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/spinner.tsx
+import * as React19 from "react";
+import { cva as cva10 } from "class-variance-authority";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var spinnerVariants = cva10("animate-spin", {
+  variants: {
+    size: {
+      sm: "h-4 w-4",
+      md: "h-6 w-6",
+      lg: "h-8 w-8"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var Spinner = React19.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx22(
+    "svg",
+    {
+      ref,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      role: "status",
+      "aria-label": "Loading",
+      className: cn(spinnerVariants({ size }), className),
+      ...props,
+      children: /* @__PURE__ */ jsx22("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  )
+);
+Spinner.displayName = "Spinner";
+
+// src/components/separator.tsx
+import * as React20 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+var Separator2 = React20.forwardRef(({ className, orientation = "horizontal", decorative = true, label, ...props }, ref) => {
+  if (label) {
+    return /* @__PURE__ */ jsxs14(
+      "div",
+      {
+        ref,
+        role: decorative ? "none" : "separator",
+        "aria-orientation": "horizontal",
+        className: cn("flex w-full items-center", className),
+        children: [
+          /* @__PURE__ */ jsx23("span", { "aria-hidden": true, className: "h-px flex-1 bg-border" }),
+          /* @__PURE__ */ jsx23("span", { className: "mx-3 shrink-0 text-xs text-muted-foreground", children: label }),
+          /* @__PURE__ */ jsx23("span", { "aria-hidden": true, className: "h-px flex-1 bg-border" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx23(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+        className
+      ),
+      ...props
+    }
+  );
+});
+Separator2.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/scroll-area.tsx
+import * as React21 from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+var ScrollArea = React21.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxs15(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx24(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx24(ScrollBar, { orientation: "vertical" }),
+      (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx24(ScrollBar, { orientation: "horizontal" }),
+      /* @__PURE__ */ jsx24(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React21.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx24(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none p-px transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx24(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border transition-colors hover:bg-muted-foreground/50" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// src/components/aspect-ratio.tsx
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+var AspectRatio = AspectRatioPrimitive.Root;
+
+// src/components/empty-state.tsx
+import * as React22 from "react";
+import { cva as cva11 } from "class-variance-authority";
+import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
+var emptyStateVariants = cva11("text-center", {
+  variants: {
+    variant: {
+      muted: "bg-transparent text-muted-foreground p-10",
+      card: "rounded-lg border border-[var(--hc-color-border-subtle)] bg-background p-10",
+      gradient: "rounded-lg bg-gradient-to-br from-[var(--hc-primary-100)] to-background p-10 border border-[var(--hc-primary-200)]"
+    }
+  },
+  defaultVariants: {
+    variant: "muted"
+  }
+});
+var EmptyState = React22.forwardRef(
+  ({ className, variant, icon, title, description, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
+    "div",
+    {
+      ref,
+      className: cn(emptyStateVariants({ variant }), className),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx25("div", { className: "mx-auto mb-4 flex size-14 items-center justify-center rounded-full bg-muted text-muted-foreground [&>svg]:size-6", children: icon }),
+        /* @__PURE__ */ jsx25("h3", { className: "text-lg font-semibold text-foreground", children: title }),
+        description && /* @__PURE__ */ jsx25("p", { className: "mt-1 text-sm text-muted-foreground max-w-md mx-auto", children: description }),
+        children
+      ]
+    }
+  )
+);
+EmptyState.displayName = "EmptyState";
+var EmptyStateActions = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+  "div",
+  {
+    ref,
+    className: cn("mt-6 flex items-center justify-center gap-2 flex-wrap", className),
+    ...props
+  }
+));
+EmptyStateActions.displayName = "EmptyStateActions";
+
+// src/components/input-group.tsx
+import * as React23 from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var InputGroup = React23.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+    "div",
+    {
+      ref,
+      "data-slot": "input-group",
+      className: cn(
+        // container — full height row, shared border + glow ring
+        "relative flex h-10 w-full items-stretch rounded-md border border-input bg-background text-sm transition-[color,border-color,box-shadow] duration-150 overflow-hidden",
+        "focus-within:border-[var(--hc-primary-500)] focus-within:ring-[3px] focus-within:ring-[color-mix(in_srgb,var(--hc-primary-500)_22%,transparent)]",
+        // Flatten the lib Input's outer wrapper so horizontal flow works
+        "[&_[data-slot=input-root]]:h-full [&_[data-slot=input-root]]:flex-1 [&_[data-slot=input-root]]:flex-row [&_[data-slot=input-root]]:gap-0 [&_[data-slot=input-root]]:min-w-0",
+        // Hide any label/hint the user accidentally passed via the lib Input
+        "[&_[data-slot=input-root]>label]:hidden [&_[data-slot=input-root]>p]:hidden",
+        // Flatten the lib Input's inner wrapper (remove border, ring, round, padding, bg)
+        "[&_[data-slot=input-wrapper]]:h-full [&_[data-slot=input-wrapper]]:w-full [&_[data-slot=input-wrapper]]:flex-1 [&_[data-slot=input-wrapper]]:border-0 [&_[data-slot=input-wrapper]]:rounded-none [&_[data-slot=input-wrapper]]:bg-transparent [&_[data-slot=input-wrapper]]:shadow-none [&_[data-slot=input-wrapper]]:ring-0 [&_[data-slot=input-wrapper]]:px-0 [&_[data-slot=input-wrapper]]:py-0 [&_[data-slot=input-wrapper]]:focus-within:ring-0 [&_[data-slot=input-wrapper]]:focus-within:border-transparent",
+        // Native <input> styling inside the group
+        "[&_input]:h-full [&_input]:flex-1 [&_input]:min-w-0 [&_input]:bg-transparent [&_input]:px-3 [&_input]:text-sm [&_input]:outline-none [&_input]:placeholder:text-muted-foreground",
+        "[&_input]:border-0 [&_input]:rounded-none [&_input]:shadow-none [&_input]:ring-0",
+        "[&_input:focus]:ring-0 [&_input:focus-visible]:ring-0 [&_input:focus-within]:ring-0",
+        // Buttons inside the group fill height + shed own borders/rings
+        "[&>button]:h-full [&>button]:rounded-none [&>button]:border-0 [&>button]:shadow-none [&>button]:ring-0 [&>button:focus]:ring-0 [&>button:focus-visible]:ring-0",
+        className
+      ),
+      ...props
+    }
+  )
+);
+InputGroup.displayName = "InputGroup";
+var InputAddon = React23.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const containsButton = React23.Children.toArray(children).some(
+      (c) => React23.isValidElement(c) && (c.type === "button" || typeof c.type !== "string" && c.type?.displayName?.includes?.("Button"))
+    );
+    return /* @__PURE__ */ jsx26(
+      "div",
+      {
+        ref,
+        "data-slot": "input-addon",
+        className: cn(
+          "flex shrink-0 items-center justify-center whitespace-nowrap text-sm font-medium text-muted-foreground select-none",
+          // plain-content addon: subtle muted fill with a divider that matches the container border
+          !containsButton && "bg-[var(--hc-grey-100)] px-3 border-e border-[var(--hc-color-border-subtle)] last:border-e-0 last:border-s",
+          // button addon: transparent slot, button fills the area and has proper padding
+          containsButton && "p-0 bg-transparent border-e border-[var(--hc-color-border-subtle)] last:border-e-0 last:border-s [&>button]:h-full [&>button]:px-3 [&>button]:gap-2 [&>button]:rounded-none",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+InputAddon.displayName = "InputAddon";
+
+// src/components/item.tsx
+import * as React24 from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var Item4 = React24.forwardRef(
+  ({ className, clickable, onClick, children, ...props }, ref) => {
+    const baseClasses = "flex items-center gap-3 px-4 py-3 rounded-md";
+    const interactiveClasses = "cursor-pointer transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] w-full text-start";
+    if (clickable) {
+      return /* @__PURE__ */ jsx27(
+        "button",
+        {
+          type: "button",
+          ref,
+          onClick,
+          className: cn(baseClasses, interactiveClasses, className),
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx27(
+      "div",
+      {
+        ref,
+        onClick,
+        className: cn(baseClasses, className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Item4.displayName = "Item";
+var ItemMedia = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  "div",
+  {
+    ref,
+    className: cn("shrink-0 flex items-center", className),
+    ...props
+  }
+));
+ItemMedia.displayName = "ItemMedia";
+var ItemContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  "div",
+  {
+    ref,
+    className: cn("flex-1 min-w-0 flex flex-col gap-0.5", className),
+    ...props
+  }
+));
+ItemContent.displayName = "ItemContent";
+var ItemTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  "p",
+  {
+    ref,
+    className: cn("text-sm font-medium text-foreground truncate", className),
+    ...props
+  }
+));
+ItemTitle.displayName = "ItemTitle";
+var ItemDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  "p",
+  {
+    ref,
+    className: cn("text-xs text-muted-foreground truncate", className),
+    ...props
+  }
+));
+ItemDescription.displayName = "ItemDescription";
+var ItemActions = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  "div",
+  {
+    ref,
+    className: cn("shrink-0 flex items-center gap-1 ms-auto", className),
+    ...props
+  }
+));
+ItemActions.displayName = "ItemActions";
+var ItemGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex flex-col divide-y divide-[var(--hc-color-border-subtle)] rounded-md border border-[var(--hc-color-border-subtle)] bg-background overflow-hidden",
+      className
+    ),
+    ...props
+  }
+));
+ItemGroup.displayName = "ItemGroup";
+
+// src/components/dialog.tsx
+import * as React25 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cva as cva12 } from "class-variance-authority";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+function useIsMobile(breakpoint = 768) {
+  const [isMobile, setIsMobile] = React25.useState(false);
+  React25.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
+    const onChange = () => setIsMobile(mql.matches);
+    onChange();
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, [breakpoint]);
+  return isMobile;
+}
+var dialogContentVariants = cva12(
+  "fixed left-[50%] top-[50%] z-50 grid w-full 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",
+  {
+    variants: {
+      size: {
+        sm: "max-w-sm",
+        default: "max-w-lg",
+        lg: "max-w-2xl",
+        xl: "max-w-4xl",
+        fullscreen: "max-w-none w-screen h-screen rounded-none m-0 inset-0 start-0 top-0 translate-x-0 translate-y-0 sm:rounded-none"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 backdrop-blur-sm 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;
+var DialogContent = React25.forwardRef(({ className, children, size, mobileDrawer = false, ...props }, ref) => {
+  const isMobile = useIsMobile();
+  const asDrawer = mobileDrawer && isMobile;
+  return /* @__PURE__ */ jsxs17(DialogPortal, { children: [
+    /* @__PURE__ */ jsx28(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs17(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          asDrawer ? "fixed inset-x-0 bottom-0 z-50 grid w-full max-w-none gap-4 rounded-t-[10px] 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]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom" : dialogContentVariants({ size }),
+          className
+        ),
+        ...props,
+        children: [
+          asDrawer && /* @__PURE__ */ jsx28("div", { className: "mx-auto -mt-2 mb-2 h-2 w-[100px] rounded-full bg-muted" }),
+          children,
+          /* @__PURE__ */ jsxs17(DialogPrimitive.Close, { className: "absolute end-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-muted data-[state=open]:text-muted-foreground", children: [
+            /* @__PURE__ */ jsx28(X2, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx28("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx28("div", { className: cn("flex flex-col gap-2 text-center sm:text-start", className), ...props });
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx28(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:space-x-0 sm:[&>button]:min-w-[96px]",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-tight tracking-tight text-foreground", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm leading-relaxed text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/alert-dialog.tsx
+import * as React26 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+var AlertDialogSizeContext = React26.createContext("default");
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React26.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ jsx29(AlertDialogSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxs18(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx29(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx29(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "group/alert-dialog-content fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background 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",
+        size === "sm" ? "max-w-sm p-5" : "max-w-lg p-6",
+        className
+      ),
+      ...props
+    }
+  )
+] }) }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogMedia = React26.forwardRef(({ className, tone = "primary", children, ...props }, ref) => {
+  const size = React26.useContext(AlertDialogSizeContext);
+  const tones = {
+    primary: "bg-[var(--hc-primary-100)] text-[var(--hc-primary-600)]",
+    destructive: "bg-[color-mix(in_srgb,var(--hc-color-destructive)_12%,transparent)] text-[var(--hc-color-destructive)]",
+    success: "bg-[var(--hc-banner-success-bg)] text-[var(--hc-color-success)]",
+    warning: "bg-[var(--hc-banner-warning-bg)] text-[var(--hc-color-warning)]",
+    muted: "bg-muted text-foreground"
+  };
+  return /* @__PURE__ */ jsx29(
+    "div",
+    {
+      ref,
+      "data-slot": "media",
+      className: cn(
+        "flex shrink-0 items-center justify-center self-center rounded-full",
+        size === "sm" ? "h-9 w-9 [&>svg]:size-[18px]" : "h-10 w-10 [&>svg]:size-5",
+        tones[tone],
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+AlertDialogMedia.displayName = "AlertDialogMedia";
+var AlertDialogHeader = ({ className, children, ...props }) => {
+  const size = React26.useContext(AlertDialogSizeContext);
+  const hasMedia = React26.Children.toArray(children).some(
+    (c) => React26.isValidElement(c) && c.type?.displayName === "AlertDialogMedia"
+  );
+  return /* @__PURE__ */ jsx29(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-2",
+        hasMedia || size === "sm" ? "items-center text-center" : "text-center sm:text-left",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({ className, ...props }) => {
+  const size = React26.useContext(AlertDialogSizeContext);
+  return /* @__PURE__ */ jsx29(
+    "div",
+    {
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:space-x-0 sm:[&>button]:min-w-[96px]",
+        // Center if small or when the Content has a media slot
+        size === "sm" ? "sm:justify-center" : "sm:justify-end group-has-[[data-slot=media]]/alert-dialog-content:sm:justify-center",
+        className
+      ),
+      ...props
+    }
+  );
+};
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-tight tracking-tight text-foreground", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm leading-relaxed text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React26.forwardRef(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx29(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(
+      buttonVariants({ variant: variant === "destructive" ? "destructive" : "default" }),
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/components/sheet.tsx
+import * as React27 from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva as cva13 } from "class-variance-authority";
+import { X as X3 } from "lucide-react";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+  SheetPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = cva13(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    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 start-0 h-full border-e ltr:data-[state=closed]:slide-out-to-left ltr:data-[state=open]:slide-in-from-left rtl:data-[state=closed]:slide-out-to-right rtl:data-[state=open]:slide-in-from-right",
+        right: "inset-y-0 end-0 h-full border-s ltr:data-[state=closed]:slide-out-to-right ltr:data-[state=open]:slide-in-from-right rtl:data-[state=closed]:slide-out-to-left rtl:data-[state=open]:slide-in-from-left"
+      },
+      size: {
+        sm: "",
+        md: "",
+        lg: "",
+        full: ""
+      }
+    },
+    compoundVariants: [
+      { side: "left", size: "sm", className: "w-3/4 max-w-sm" },
+      { side: "left", size: "md", className: "w-3/4 max-w-md" },
+      { side: "left", size: "lg", className: "w-3/4 max-w-lg" },
+      { side: "left", size: "full", className: "w-full" },
+      { side: "right", size: "sm", className: "w-3/4 max-w-sm" },
+      { side: "right", size: "md", className: "w-3/4 max-w-md" },
+      { side: "right", size: "lg", className: "w-3/4 max-w-lg" },
+      { side: "right", size: "full", className: "w-full" }
+    ],
+    defaultVariants: {
+      side: "right",
+      size: "md"
+    }
+  }
+);
+var SheetContent = React27.forwardRef(({ side = "right", size = "md", className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(SheetPortal, { children: [
+  /* @__PURE__ */ jsx30(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs19(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side, size }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs19(SheetPrimitive.Close, { className: "absolute end-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-secondary", children: [
+          /* @__PURE__ */ jsx30(X3, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx30("div", { className: cn("flex flex-col space-y-2 text-center sm:text-start", className), ...props });
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx30("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/drawer.tsx
+import * as React28 from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
+var DrawerSideContext = React28.createContext("bottom");
+var Drawer = ({
+  shouldScaleBackground = true,
+  side = "bottom",
+  ...props
+}) => {
+  const rootProps = {
+    shouldScaleBackground,
+    direction: side,
+    ...props
+  };
+  return /* @__PURE__ */ jsx31(DrawerSideContext.Provider, { value: side, children: /* @__PURE__ */ jsx31(DrawerPrimitive.Root, { ...rootProps }) });
+};
+Drawer.displayName = "Drawer";
+var DrawerTrigger = DrawerPrimitive.Trigger;
+var DrawerPortal = DrawerPrimitive.Portal;
+var DrawerClose = DrawerPrimitive.Close;
+var DrawerOverlay = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  DrawerPrimitive.Overlay,
+  {
+    ref,
+    className: cn("fixed inset-0 z-50 bg-black/80", className),
+    ...props
+  }
+));
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
+var sideClasses = {
+  bottom: "inset-x-0 bottom-0 mt-24 h-auto rounded-t-[10px] border shadow-lg",
+  top: "inset-x-0 top-0 mb-24 h-auto rounded-b-[10px] border shadow-lg",
+  left: "inset-y-0 start-0 w-[22rem] max-w-[85vw] border-e shadow-lg",
+  right: "inset-y-0 end-0 w-[22rem] max-w-[85vw] border-s shadow-lg"
+};
+var handleClasses = {
+  bottom: "mx-auto mt-4 mb-2 h-1.5 w-[80px] rounded-full bg-[var(--hc-color-border-subtle)]",
+  top: "mx-auto mb-4 mt-2 h-1.5 w-[80px] rounded-full bg-[var(--hc-color-border-subtle)]",
+  left: "hidden",
+  right: "hidden"
+};
+var DrawerContent = React28.forwardRef(({ className, children, ...props }, ref) => {
+  const side = React28.useContext(DrawerSideContext);
+  return /* @__PURE__ */ jsxs20(DrawerPortal, { children: [
+    /* @__PURE__ */ jsx31(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs20(
+      DrawerPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "fixed z-50 flex flex-col bg-background",
+          sideClasses[side],
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx31("div", { className: handleClasses[side] }),
+          children
+        ]
+      }
+    )
+  ] });
+});
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx31(
+  "div",
+  {
+    className: cn(
+      "grid gap-1.5 px-6 pt-5 pb-4 text-start border-b border-[var(--hc-color-border-subtle)]",
+      className
+    ),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx31(
+  "div",
+  {
+    className: cn(
+      "mt-auto flex flex-col-reverse gap-2 px-6 py-4 border-t border-[var(--hc-color-border-subtle)] sm:flex-row sm:justify-end sm:[&>button]:min-w-[88px]",
+      className
+    ),
+    ...props
+  }
+);
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  DrawerPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-tight tracking-tight text-foreground", className),
+    ...props
+  }
+));
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
+var DrawerDescription = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  DrawerPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm leading-relaxed text-muted-foreground", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
+var DrawerBody = React28.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+    "div",
+    {
+      ref,
+      className: cn("flex-1 overflow-y-auto px-6 py-4 text-sm text-foreground", className),
+      ...props
+    }
+  )
+);
+DrawerBody.displayName = "DrawerBody";
+
+// src/components/popover.tsx
+import * as React29 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React29.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx32(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/hover-card.tsx
+import * as React30 from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = React30.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx33(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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
+  }
+));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+
+// src/components/context-menu.tsx
+import * as React31 from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { Check as Check3, ChevronRight, Circle as Circle2 } from "lucide-react";
+import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+var ContextMenu = ContextMenuPrimitive.Root;
+var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+var ContextMenuGroup = ContextMenuPrimitive.Group;
+var ContextMenuPortal = ContextMenuPrimitive.Portal;
+var ContextMenuSub = ContextMenuPrimitive.Sub;
+var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+var ContextMenuSubTrigger = React31.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs21(
+  ContextMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-muted focus:text-foreground data-[state=open]:bg-muted data-[state=open]:text-foreground",
+      inset && "ps-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx34(ChevronRight, { className: "ms-auto h-4 w-4" })
+    ]
+  }
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+var ContextMenuSubContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+  ContextMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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
+  }
+));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+var ContextMenuContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
+  ContextMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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
+  }
+) }));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+var ContextMenuItem = React31.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx34(
+  ContextMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "ps-8",
+      className
+    ),
+    ...props
+  }
+));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+var ContextMenuCheckboxItem = React31.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs21(
+  ContextMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx34("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(Check3, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+var ContextMenuRadioItem = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs21(
+  ContextMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx34("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+var ContextMenuLabel = React31.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx34(
+  ContextMenuPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold text-foreground", inset && "ps-8", className),
+    ...props
+  }
+));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+var ContextMenuSeparator = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+  ContextMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx34("span", { className: cn("ms-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+
+// src/components/dropdown-menu.tsx
+import * as React32 from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check as Check4, ChevronRight as ChevronRight2, Circle as Circle3 } from "lucide-react";
+import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React32.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs22(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-[6px] px-[12px] py-[6px] text-[14px] leading-[20px] font-normal text-[var(--hc-grey-700)] outline-none focus:bg-[var(--hc-primary-100)] data-[state=open]:bg-[var(--hc-primary-100)]",
+      inset && "ps-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx35(ChevronRight2, { className: "ms-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-[6px] border border-[var(--hc-color-border-subtle)] bg-popover p-1 text-popover-foreground shadow-sm 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
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React32.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx35(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx35(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-[6px] border border-[var(--hc-color-border-subtle)] bg-popover p-1 text-popover-foreground shadow-sm 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
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx35(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-[6px] px-[12px] py-[6px] text-[14px] leading-[20px] font-normal text-[var(--hc-grey-700)] outline-none transition-colors focus:bg-[var(--hc-primary-100)] data-[highlighted]:bg-[var(--hc-primary-600)] data-[highlighted]:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "ps-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React32.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs22(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none transition-colors focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx35("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(Check4, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none transition-colors focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx35("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx35(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn("px-[12px] py-[6px] text-[14px] font-semibold", inset && "ps-8", className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-[var(--hc-color-border-subtle)]", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx35("span", { className: cn("ms-auto text-xs tracking-widest opacity-60", className), ...props });
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// src/components/tabs.tsx
+import * as React33 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center rounded-md bg-muted p-1 gap-0.5",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-2 py-1.5 text-sm leading-5 font-normal gap-1.5 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 text-foreground [&_svg]:text-foreground data-[state=active]:bg-background data-[state=active]:text-primary data-[state=active]:shadow-sm [&_svg]:size-4 data-[state=active]:[&_svg]:text-primary",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  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;
+
+// src/components/accordion.tsx
+import * as React34 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
+import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
+var AccordionVariantContext = React34.createContext("default");
+var Accordion = React34.forwardRef(({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsx37(AccordionVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx37(
+  AccordionPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      variant === "bordered" && "space-y-2",
+      variant === "separated" && "space-y-3",
+      className
+    ),
+    ...props
+  }
+) }));
+Accordion.displayName = "Accordion";
+var AccordionItem = React34.forwardRef(({ className, ...props }, ref) => {
+  const variant = React34.useContext(AccordionVariantContext);
+  return /* @__PURE__ */ jsx37(
+    AccordionPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        variant === "default" && "border-b",
+        variant === "bordered" && "border rounded-md",
+        variant === "ghost" && "",
+        variant === "separated" && "border rounded-lg bg-card",
+        className
+      ),
+      ...props
+    }
+  );
+});
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React34.forwardRef(({ className, children, ...props }, ref) => {
+  const variant = React34.useContext(AccordionVariantContext);
+  return /* @__PURE__ */ jsx37(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs23(
+    AccordionPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        "flex flex-1 items-center justify-between text-sm font-medium transition-all [&[data-state=open]>svg]:rotate-180",
+        variant === "default" && "py-4 hover:underline",
+        variant === "bordered" && "px-4 py-4 hover:underline",
+        variant === "ghost" && "py-3 px-3 rounded-md hover:bg-accent",
+        variant === "separated" && "px-4 py-3",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx37(ChevronDown2, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      ]
+    }
+  ) });
+});
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React34.forwardRef(({ className, children, ...props }, ref) => {
+  const variant = React34.useContext(AccordionVariantContext);
+  return /* @__PURE__ */ jsx37(
+    AccordionPrimitive.Content,
+    {
+      ref,
+      className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      ...props,
+      children: /* @__PURE__ */ jsx37(
+        "div",
+        {
+          className: cn(
+            "pb-4 pt-0",
+            (variant === "bordered" || variant === "separated") && "px-4",
+            variant === "ghost" && "px-3",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+});
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/collapsible.tsx
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+// src/components/navigation-menu.tsx
+import * as React35 from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva as cva14 } from "class-variance-authority";
+import { ChevronDown as ChevronDown3 } from "lucide-react";
+import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
+var NavigationMenu = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs24(
+  NavigationMenuPrimitive.Root,
+  {
+    ref,
+    className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx38(NavigationMenuViewport, {})
+    ]
+  }
+));
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+var NavigationMenuList = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  NavigationMenuPrimitive.List,
+  {
+    ref,
+    className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className),
+    ...props
+  }
+));
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var navigationMenuTriggerStyle = cva14(
+  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-muted/50 data-[state=open]:bg-muted/50"
+);
+var NavigationMenuTrigger = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs24(
+  NavigationMenuPrimitive.Trigger,
+  {
+    ref,
+    className: cn(navigationMenuTriggerStyle(), "group", className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ jsx38(
+        ChevronDown3,
+        {
+          className: "relative top-[1px] ms-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+var NavigationMenuContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  NavigationMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "start-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavigationMenuViewport = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38("div", { className: cn("absolute start-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx38(
+  NavigationMenuPrimitive.Viewport,
+  {
+    className: cn(
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      className
+    ),
+    ref,
+    ...props
+  }
+) }));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+var NavigationMenuIndicator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  NavigationMenuPrimitive.Indicator,
+  {
+    ref,
+    className: cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx38("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  }
+));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+
+// src/components/breadcrumb.tsx
+import * as React36 from "react";
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import { ChevronRight as ChevronRight3, MoreHorizontal } from "lucide-react";
+import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
+var Breadcrumb = React36.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx39("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+  "ol",
+  {
+    ref,
+    className: cn(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      className
+    ),
+    ...props
+  }
+));
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+  "li",
+  {
+    ref,
+    className: cn("inline-flex items-center gap-1.5", className),
+    ...props
+  }
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React36.forwardRef(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot3 : "a";
+  return /* @__PURE__ */ jsx39(
+    Comp,
+    {
+      ref,
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+  "span",
+  {
+    ref,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn("font-normal text-foreground", className),
+    ...props
+  }
+));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx39(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:size-3.5", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx39(ChevronRight3, {})
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs25(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx39(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+
+// src/components/menubar.tsx
+import * as React37 from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { Check as Check5, ChevronRight as ChevronRight4, Circle as Circle4 } from "lucide-react";
+import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
+var MenubarMenu = MenubarPrimitive.Menu;
+var MenubarGroup = MenubarPrimitive.Group;
+var MenubarPortal = MenubarPrimitive.Portal;
+var MenubarSub = MenubarPrimitive.Sub;
+var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+var Menubar = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+  MenubarPrimitive.Root,
+  {
+    ref,
+    className: cn("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", className),
+    ...props
+  }
+));
+Menubar.displayName = MenubarPrimitive.Root.displayName;
+var MenubarTrigger = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+  MenubarPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-muted focus:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-1 focus-visible:ring-offset-background data-[state=open]:bg-muted data-[state=open]:text-foreground",
+      className
+    ),
+    ...props
+  }
+));
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
+var MenubarSubTrigger = React37.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs26(
+  MenubarPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-muted focus:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-1 focus-visible:ring-offset-background data-[state=open]:bg-muted data-[state=open]:text-foreground",
+      inset && "ps-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx40(ChevronRight4, { className: "ms-auto h-4 w-4" })
+    ]
+  }
+));
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
+var MenubarSubContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+  MenubarPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground 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
+  }
+));
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
+var MenubarContent = React37.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx40(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx40(
+  MenubarPrimitive.Content,
+  {
+    ref,
+    align,
+    alignOffset,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in 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
+  }
+) }));
+MenubarContent.displayName = MenubarPrimitive.Content.displayName;
+var MenubarItem = React37.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx40(
+  MenubarPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-muted focus:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-1 focus-visible:ring-offset-background data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "ps-8",
+      className
+    ),
+    ...props
+  }
+));
+MenubarItem.displayName = MenubarPrimitive.Item.displayName;
+var MenubarCheckboxItem = React37.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs26(
+  MenubarPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none focus:bg-muted focus:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-1 focus-visible:ring-offset-background data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx40("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx40(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx40(Check5, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
+var MenubarRadioItem = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs26(
+  MenubarPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none focus:bg-muted focus:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-1 focus-visible:ring-offset-background data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx40("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx40(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx40(Circle4, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
+var MenubarLabel = React37.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx40(
+  MenubarPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "ps-8", className),
+    ...props
+  }
+));
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
+var MenubarSeparator = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+  MenubarPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
+var MenubarShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx40("span", { className: cn("ms-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+MenubarShortcut.displayName = "MenubarShortcut";
+
+// src/components/sidebar.tsx
+import * as React38 from "react";
+import { Slot as Slot4 } from "@radix-ui/react-slot";
+import { PanelLeft } from "lucide-react";
+import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
+var SIDEBAR_WIDTH = "239px";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "3rem";
+var SidebarContext = React38.createContext(null);
+function useSidebar() {
+  const context = React38.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+var SidebarProvider = React38.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
+  const [openMobile, setOpenMobile] = React38.useState(false);
+  const [_open, _setOpen] = React38.useState(defaultOpen);
+  const open = openProp ?? _open;
+  const setOpen = React38.useCallback(
+    (value) => {
+      const openState = typeof value === "function" ? value(open) : value;
+      if (setOpenProp) {
+        setOpenProp(openState);
+      } else {
+        _setOpen(openState);
+      }
+    },
+    [setOpenProp, open]
+  );
+  const [isMobile, setIsMobile] = React38.useState(false);
+  React38.useEffect(() => {
+    const mql = window.matchMedia("(max-width: 768px)");
+    const onChange = () => setIsMobile(mql.matches);
+    onChange();
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  const toggleSidebar = React38.useCallback(() => {
+    return isMobile ? setOpenMobile((o) => !o) : setOpen((o) => !o);
+  }, [isMobile, setOpen, setOpenMobile]);
+  const state = open ? "expanded" : "collapsed";
+  const contextValue = React38.useMemo(
+    () => ({ state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  );
+  return /* @__PURE__ */ jsx41(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref,
+      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-muted", className),
+      ...props,
+      children
+    }
+  ) });
+});
+SidebarProvider.displayName = "SidebarProvider";
+var Sidebar = React38.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  if (collapsible === "none") {
+    return /* @__PURE__ */ jsx41(
+      "div",
+      {
+        className: cn(
+          "flex h-full w-[--sidebar-width] flex-col border-r border-border bg-background text-foreground",
+          className
+        ),
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ jsx41(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx41(
+      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__ */ jsx41("div", { className: "flex h-full w-full flex-col", children })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs27(
+    "div",
+    {
+      ref,
+      className: "group peer hidden md:block text-foreground",
+      "data-state": state,
+      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-variant": variant,
+      "data-side": side,
+      children: [
+        /* @__PURE__ */ jsx41(
+          "div",
+          {
+            className: cn(
+              "duration-200 relative h-svh w-[--sidebar-width] bg-transparent transition-[width] ease-out",
+              "group-data-[collapsible=offcanvas]:w-0",
+              "group-data-[side=right]:rotate-180",
+              variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx41(
+          "div",
+          {
+            className: cn(
+              "duration-200 fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] ease-out md:flex",
+              side === "left" ? "start-0 group-data-[collapsible=offcanvas]:start-[calc(var(--sidebar-width)*-1)]" : "end-0 group-data-[collapsible=offcanvas]:end-[calc(var(--sidebar-width)*-1)]",
+              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]",
+              className
+            ),
+            ...props,
+            children: /* @__PURE__ */ jsx41(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                className: "flex h-full w-full flex-col justify-between border-border bg-background group-data-[side=left]:border-e group-data-[side=right]:border-s group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow",
+                children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+Sidebar.displayName = "Sidebar";
+var SidebarHeader = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref,
+      "data-sidebar": "header",
+      className: cn("flex flex-col gap-2 border-b border-border p-3", className),
+      ...props
+    }
+  )
+);
+SidebarHeader.displayName = "SidebarHeader";
+var SidebarFooter = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref,
+      "data-sidebar": "footer",
+      className: cn("flex flex-col gap-2 border-t border-border p-2", className),
+      ...props
+    }
+  )
+);
+SidebarFooter.displayName = "SidebarFooter";
+var SidebarContent = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref,
+      "data-sidebar": "content",
+      className: cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden group-data-[collapsible=icon]:overflow-hidden",
+        "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SidebarContent.displayName = "SidebarContent";
+var SidebarGroup = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref,
+      "data-sidebar": "group",
+      className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+      ...props
+    }
+  )
+);
+SidebarGroup.displayName = "SidebarGroup";
+var SidebarGroupLabel = React38.forwardRef(
+  ({ className, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot4 : "div";
+    return /* @__PURE__ */ jsx41(
+      Comp,
+      {
+        ref,
+        "data-sidebar": "group-label",
+        className: cn(
+          "duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-muted-foreground outline-none ring-ring transition-[margin,opacity] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+          "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+SidebarGroupLabel.displayName = "SidebarGroupLabel";
+var SidebarGroupContent = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx41("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
+);
+SidebarGroupContent.displayName = "SidebarGroupContent";
+var SidebarMenu = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx41("ul", { ref, "data-sidebar": "menu", className: cn("w-full gap-1 flex flex-col", className), ...props })
+);
+SidebarMenu.displayName = "SidebarMenu";
+var SidebarMenuItem = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx41("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props })
+);
+SidebarMenuItem.displayName = "SidebarMenuItem";
+var SidebarMenuButton = React38.forwardRef(({ asChild = false, isActive = false, className, tooltip, ...props }, ref) => {
+  const Comp = asChild ? Slot4 : "button";
+  const button = /* @__PURE__ */ jsx41(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-button",
+      "data-active": isActive,
+      className: cn(
+        "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-start text-sm font-medium outline-none ring-ring transition-[width,height,padding,background-color,color] duration-200 ease-out focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pe-8 aria-disabled:pointer-events-none aria-disabled:opacity-50",
+        "text-foreground hover:bg-muted hover:text-foreground",
+        "data-[active=true]:bg-primary data-[active=true]:text-primary-foreground data-[active=true]:font-semibold data-[active=true]:hover:bg-primary data-[active=true]:hover:text-primary-foreground",
+        "data-[state=open]:hover:bg-muted",
+        "group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2",
+        "[&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+        className
+      ),
+      ...props
+    }
+  );
+  return button;
+});
+SidebarMenuButton.displayName = "SidebarMenuButton";
+var SidebarInset = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+    "main",
+    {
+      ref,
+      className: cn(
+        "relative flex min-h-svh flex-1 flex-col bg-background",
+        "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ms-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SidebarInset.displayName = "SidebarInset";
+var SidebarTrigger = React38.forwardRef(({ className, onClick, ...props }, ref) => {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsxs27(
+    Button,
+    {
+      ref,
+      "data-sidebar": "trigger",
+      variant: "ghost",
+      size: "icon",
+      className: cn("h-7 w-7", className),
+      onClick: (event) => {
+        onClick?.(event);
+        toggleSidebar();
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx41(PanelLeft, {}),
+        /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "Toggle Sidebar" })
+      ]
+    }
+  );
+});
+SidebarTrigger.displayName = "SidebarTrigger";
+
+// src/components/card.tsx
+import * as React39 from "react";
+import { cva as cva15 } from "class-variance-authority";
+import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
+var cardVariants = cva15("rounded-lg text-card-foreground", {
+  variants: {
+    variant: {
+      default: "border bg-card shadow-sm",
+      outline: "border bg-transparent",
+      elevated: "bg-card shadow-md hover:shadow-lg transition-shadow",
+      ghost: "bg-transparent",
+      warning: "border border-[var(--hc-color-warning)] bg-card shadow-sm",
+      info: "border border-[var(--hc-color-primary)] bg-card shadow-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Card = React39.forwardRef(
+  ({ className, variant, image, children, ...props }, ref) => /* @__PURE__ */ jsxs28("div", { ref, className: cn(cardVariants({ variant }), image && "overflow-hidden", className), ...props, children: [
+    image && /* @__PURE__ */ jsx42("div", { className: "rounded-t-lg overflow-hidden", children: image }),
+    children
+  ] })
+);
+Card.displayName = "Card";
+var CardHeader = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx42("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx42("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx42("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx42("div", { ref, className: cn("p-6 pt-0", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx42("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+var CardKPI = React39.forwardRef(
+  ({ icon, iconBg = "var(--hc-banner-success-bg)", label, value, changeText, changeColor, className, ...props }, ref) => /* @__PURE__ */ jsxs28(
+    "div",
+    {
+      ref,
+      className: cn(
+        "grid min-h-[140px] grid-rows-[auto_1fr_auto] gap-4 rounded-lg border border-[var(--hc-color-border-subtle)] bg-background p-5",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs28("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsx42("span", { className: "text-sm leading-5 font-medium text-muted-foreground", children: label }),
+          icon && /* @__PURE__ */ jsx42(
+            "div",
+            {
+              className: "flex size-10 shrink-0 items-center justify-center rounded-md [&>svg]:size-5",
+              style: { backgroundColor: iconBg },
+              children: icon
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx42("div", { className: "flex items-end", children: /* @__PURE__ */ jsx42("span", { className: "text-3xl leading-none font-semibold text-foreground tracking-tight", children: value }) }),
+        /* @__PURE__ */ jsx42("div", { className: "min-h-[20px]", children: changeText && /* @__PURE__ */ jsx42(
+          "span",
+          {
+            className: "text-sm leading-5 font-medium",
+            style: changeColor ? { color: changeColor } : void 0,
+            children: changeText
+          }
+        ) })
+      ]
+    }
+  )
+);
+CardKPI.displayName = "CardKPI";
+
+// src/components/resizable.tsx
+import { GripVertical } from "lucide-react";
+import * as ResizablePrimitive from "react-resizable-panels";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var ResizablePanelGroup = ({
+  className,
+  storageKey,
+  autoSaveId,
+  ...props
+}) => /* @__PURE__ */ jsx43(
+  ResizablePrimitive.PanelGroup,
+  {
+    autoSaveId: storageKey ?? autoSaveId,
+    className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+    ...props
+  }
+);
+var ResizablePanel = ResizablePrimitive.Panel;
+var ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx43(
+  ResizablePrimitive.PanelResizeHandle,
+  {
+    className: cn(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      className
+    ),
+    ...props,
+    children: withHandle && /* @__PURE__ */ jsx43("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx43(GripVertical, { className: "h-2.5 w-2.5" }) })
+  }
+);
+
+// src/components/stepper.tsx
+import * as React40 from "react";
+import { Check as Check6 } from "lucide-react";
+import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
+var StepperContext = React40.createContext({
+  activeStep: 0,
+  totalSteps: 0,
+  clickable: false,
+  registerButton: () => {
+  }
+});
+var Stepper = React40.forwardRef(
+  ({
+    activeStep,
+    clickable = false,
+    onStepChange,
+    className,
+    children,
+    onKeyDown,
+    ...props
+  }, ref) => {
+    const steps = React40.Children.toArray(children);
+    const buttonRefs = React40.useRef([]);
+    const registerButton = React40.useCallback(
+      (index, el) => {
+        buttonRefs.current[index] = el;
+      },
+      []
+    );
+    const focusButton = (index) => {
+      const btn = buttonRefs.current[index];
+      if (btn && !btn.disabled) btn.focus();
+    };
+    const handleKeyDown = (e) => {
+      onKeyDown?.(e);
+      if (!clickable) return;
+      if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+      const current = buttonRefs.current.findIndex(
+        (b) => b === document.activeElement
+      );
+      if (current === -1) return;
+      const dir = e.key === "ArrowRight" ? 1 : -1;
+      const last = steps.length - 1;
+      let next = current + dir;
+      while (next >= 0 && next <= last) {
+        const btn = buttonRefs.current[next];
+        if (btn && !btn.disabled) {
+          e.preventDefault();
+          focusButton(next);
+          return;
+        }
+        next += dir;
+      }
+    };
+    return /* @__PURE__ */ jsx44(
+      StepperContext.Provider,
+      {
+        value: {
+          activeStep,
+          totalSteps: steps.length,
+          clickable,
+          onStepChange,
+          registerButton
+        },
+        children: /* @__PURE__ */ jsx44(
+          "div",
+          {
+            ref,
+            className: cn("flex w-full items-start", className),
+            onKeyDown: handleKeyDown,
+            ...props,
+            children: steps.map((child, index) => /* @__PURE__ */ jsxs29(React40.Fragment, { children: [
+              React40.isValidElement(child) ? React40.cloneElement(child, { _index: index }) : child,
+              index < steps.length - 1 && /* @__PURE__ */ jsx44("div", { className: "flex flex-1 items-center pt-[16px] px-2", children: /* @__PURE__ */ jsx44(
+                "div",
+                {
+                  className: cn(
+                    "h-[2px] w-full transition-colors duration-300 ease-out",
+                    index < activeStep ? "bg-[var(--hc-primary-600)]" : "bg-[var(--hc-grey-200)]"
+                  )
+                }
+              ) })
+            ] }, index))
+          }
+        )
+      }
+    );
+  }
+);
+Stepper.displayName = "Stepper";
+var StepperItem = React40.forwardRef(({ label, className, _index = 0, ...props }, ref) => {
+  const { activeStep, clickable, onStepChange, registerButton } = React40.useContext(StepperContext);
+  const status = _index < activeStep ? "completed" : _index === activeStep ? "active" : "upcoming";
+  const circle = /* @__PURE__ */ jsx44(
+    "div",
+    {
+      className: cn(
+        "flex h-[32px] w-[32px] shrink-0 items-center justify-center rounded-full text-[14px] transition-colors duration-300 ease-out",
+        status === "upcoming" && "border-[2px] border-[var(--hc-grey-200)] bg-white text-[var(--hc-grey-400)]",
+        status === "active" && "bg-[var(--hc-primary-600)] font-semibold text-white",
+        status === "completed" && "bg-[var(--hc-primary-600)] text-white"
+      ),
+      children: status === "completed" ? /* @__PURE__ */ jsx44(Check6, { className: "h-[14px] w-[14px]" }) : _index + 1
+    }
+  );
+  const labelEl = /* @__PURE__ */ jsx44("span", { className: "mt-[8px] text-center text-[12px] text-foreground", children: label });
+  if (clickable) {
+    const disabled = _index > activeStep;
+    return /* @__PURE__ */ jsx44(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col items-center", className),
+        ...props,
+        children: /* @__PURE__ */ jsxs29(
+          "button",
+          {
+            type: "button",
+            ref: (el) => registerButton(_index, el),
+            disabled,
+            tabIndex: status === "active" ? 0 : -1,
+            onClick: () => !disabled && onStepChange?.(_index),
+            className: cn(
+              "flex flex-col items-center rounded-[4px] outline-none",
+              "focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-600)] focus-visible:ring-offset-2",
+              disabled ? "cursor-default" : "cursor-pointer"
+            ),
+            "aria-current": status === "active" ? "step" : void 0,
+            children: [
+              circle,
+              labelEl
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs29(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col items-center", className),
+      ...props,
+      children: [
+        circle,
+        labelEl
+      ]
+    }
+  );
+});
+StepperItem.displayName = "StepperItem";
+
+// src/components/table.tsx
+import * as React41 from "react";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var Table = React41.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx45("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+);
+Table.displayName = "Table";
+var TableHeader = React41.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-[var(--hc-color-border-subtle)] [&_tr:hover]:bg-transparent", className), ...props })
+);
+TableHeader.displayName = "TableHeader";
+var TableBody = React41.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
+);
+TableBody.displayName = "TableBody";
+var TableFooter = React41.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
+);
+TableFooter.displayName = "TableFooter";
+var TableRow = React41.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("tr", { ref, className: cn("border-b border-[var(--hc-color-border-subtle)] transition-colors hover:bg-muted/60 data-[state=selected]:bg-muted", className), ...props })
+);
+TableRow.displayName = "TableRow";
+var TableHead = React41.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("th", { ref, className: cn("h-12 px-4 text-xs font-semibold uppercase tracking-wider text-muted-foreground text-start align-middle [&:has([role=checkbox])]:pe-0", className), ...props })
+);
+TableHead.displayName = "TableHead";
+var TableCell = React41.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("td", { ref, className: cn("px-4 py-3 text-sm text-foreground align-middle [&:has([role=checkbox])]:pe-0", className), ...props })
+);
+TableCell.displayName = "TableCell";
+var TableCaption = React41.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+);
+TableCaption.displayName = "TableCaption";
+
+// src/components/data-table.tsx
+import * as React42 from "react";
+import {
+  flexRender,
+  getCoreRowModel,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { jsx as jsx46, jsxs as jsxs30 } from "react/jsx-runtime";
+function DataTable({
+  columns,
+  data,
+  searchKey,
+  searchPlaceholder = "Filter...",
+  loading = false,
+  emptyState,
+  pageSize
+}) {
+  const [sorting, setSorting] = React42.useState([]);
+  const [columnFilters, setColumnFilters] = React42.useState([]);
+  const [columnVisibility, setColumnVisibility] = React42.useState({});
+  const [rowSelection, setRowSelection] = React42.useState({});
+  const table = useReactTable({
+    data,
+    columns,
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    getCoreRowModel: getCoreRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    onColumnVisibilityChange: setColumnVisibility,
+    onRowSelectionChange: setRowSelection,
+    state: { sorting, columnFilters, columnVisibility, rowSelection },
+    ...pageSize ? { initialState: { pagination: { pageSize, pageIndex: 0 } } } : {}
+  });
+  const skeletonRowCount = pageSize ?? 5;
+  return /* @__PURE__ */ jsxs30("div", { className: "w-full", children: [
+    searchKey && /* @__PURE__ */ jsx46("div", { className: "flex items-center py-4", children: /* @__PURE__ */ jsx46(
+      Input,
+      {
+        placeholder: searchPlaceholder,
+        value: table.getColumn(searchKey)?.getFilterValue() ?? "",
+        onChange: (event) => table.getColumn(searchKey)?.setFilterValue(event.target.value),
+        className: "max-w-sm"
+      }
+    ) }),
+    /* @__PURE__ */ jsx46("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs30(Table, { children: [
+      /* @__PURE__ */ jsx46(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx46(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx46(TableHead, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id)) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx46(TableBody, { children: loading ? Array.from({ length: skeletonRowCount }).map((_, rowIdx) => /* @__PURE__ */ jsx46(TableRow, { children: columns.map((_col, colIdx) => /* @__PURE__ */ jsx46(TableCell, { children: /* @__PURE__ */ jsx46(Skeleton, { className: "h-4 w-full" }) }, `skeleton-cell-${rowIdx}-${colIdx}`)) }, `skeleton-${rowIdx}`)) : table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx46(TableRow, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx46(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx46(TableRow, { children: /* @__PURE__ */ jsx46(TableCell, { colSpan: columns.length, className: "text-center", children: emptyState ?? /* @__PURE__ */ jsxs30("div", { className: "flex flex-col items-center justify-center gap-1 py-10 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx46("span", { className: "text-sm font-medium", children: "No results found." }),
+        /* @__PURE__ */ jsx46("span", { className: "text-xs", children: "Try adjusting your filters or search." })
+      ] }) }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-end space-x-2 py-4", children: [
+      /* @__PURE__ */ jsxs30("div", { className: "flex-1 text-sm text-muted-foreground", children: [
+        table.getFilteredSelectedRowModel().rows.length,
+        " of",
+        " ",
+        table.getFilteredRowModel().rows.length,
+        " row(s) selected."
+      ] }),
+      /* @__PURE__ */ jsxs30("div", { className: "space-x-2", children: [
+        /* @__PURE__ */ jsx46(Button, { variant: "outline", size: "sm", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: "Previous" }),
+        /* @__PURE__ */ jsx46(Button, { variant: "outline", size: "sm", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: "Next" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/pagination.tsx
+import * as React43 from "react";
+import { ChevronLeft, ChevronRight as ChevronRight5, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
+import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx47(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+  "ul",
+  {
+    ref,
+    className: cn("flex flex-row items-center gap-1", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ jsx47(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(
+      buttonVariants({
+        variant: isActive ? "default" : "ghost",
+        size
+      }),
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs31(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 px-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx47(ChevronLeft, { className: "size-4" }),
+      /* @__PURE__ */ jsx47("span", { className: "hidden sm:block", children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs31(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn("gap-1 px-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx47("span", { className: "hidden sm:block", children: "Next" }),
+      /* @__PURE__ */ jsx47(ChevronRight5, { className: "size-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs31(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("flex size-10 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx47(MoreHorizontal2, { className: "size-4" }),
+      /* @__PURE__ */ jsx47("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+var PaginationInfo = ({
+  currentPage,
+  totalPages,
+  formatPage = (p) => String(p).padStart(2, "0"),
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs31(
+  "div",
+  {
+    className: cn("inline-flex items-center gap-1.5 text-sm", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx47("span", { className: "text-muted-foreground", children: "Page" }),
+      /* @__PURE__ */ jsx47("span", { className: "font-medium text-foreground", children: formatPage(currentPage) }),
+      /* @__PURE__ */ jsx47("span", { className: "text-muted-foreground", children: "of" }),
+      /* @__PURE__ */ jsx47("span", { className: "font-medium text-foreground", children: formatPage(totalPages) })
+    ]
+  }
+);
+PaginationInfo.displayName = "PaginationInfo";
+
+// src/components/calendar.tsx
+import { DayPicker } from "react-day-picker";
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight6 } from "lucide-react";
+import { jsx as jsx48 } from "react/jsx-runtime";
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "dropdown", ...props }) {
+  return /* @__PURE__ */ jsx48(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("w-[260px] rounded-lg p-3", className),
+      classNames: {
+        months: "flex flex-col",
+        month: "space-y-3",
+        month_caption: "relative flex h-8 items-center justify-center",
+        caption_label: "text-sm font-medium hidden",
+        nav: "flex items-center",
+        button_previous: cn(
+          "absolute start-0 inline-flex size-7 items-center justify-center rounded-md bg-transparent p-0 text-muted-foreground hover:bg-[var(--hc-color-border-subtle)] hover:text-foreground transition-colors cursor-pointer border-none"
+        ),
+        button_next: cn(
+          "absolute end-0 inline-flex size-7 items-center justify-center rounded-md bg-transparent p-0 text-muted-foreground hover:bg-[var(--hc-color-border-subtle)] hover:text-foreground transition-colors cursor-pointer border-none"
+        ),
+        month_grid: "w-full border-collapse",
+        weekdays: "flex w-full",
+        weekday: "flex-1 h-8 flex items-center justify-center text-[11px] font-medium text-muted-foreground uppercase tracking-wider",
+        week: "flex w-full mt-1",
+        day: "flex-1 h-8 p-0 relative focus-within:z-20 flex items-center justify-center text-sm",
+        day_button: cn(
+          "inline-flex size-8 items-center justify-center rounded-md bg-transparent text-sm font-normal cursor-pointer border-none hover:bg-[var(--hc-color-border-subtle)] transition-colors"
+        ),
+        range_end: "day-range-end",
+        selected: "[&>button]:bg-[var(--hc-primary-600)] [&>button]:text-white [&>button]:hover:bg-[var(--hc-primary-600)] [&>button]:hover:text-white [&>button]:font-medium",
+        today: "[&>button]:font-semibold [&>button]:text-[var(--hc-primary-600)]",
+        outside: "day-outside [&>button]:bg-transparent [&>button]:text-[var(--hc-grey-200)]",
+        disabled: "[&>button]:text-[var(--hc-grey-200)] [&>button]:opacity-50 [&>button]:cursor-default",
+        range_middle: "[&>button]:bg-[var(--hc-primary-100)] [&>button]:text-foreground [&>button]:rounded-none",
+        range_start: "[&>button]:rounded-e-none",
+        dropdowns: "flex items-center gap-1.5 justify-center [&>select]:flex-1",
+        dropdown: "h-7 w-[88px] rounded-md border border-[var(--hc-color-border-subtle)] bg-background px-2 text-xs font-medium text-foreground cursor-pointer outline-none accent-[var(--hc-primary-600)] focus:border-[var(--hc-primary-500)] focus:ring-[2px] focus:ring-[var(--hc-primary-500)]/20 [&>option:checked]:bg-[var(--hc-primary-600)] [&>option:checked]:text-white [&>option]:py-1",
+        hidden: "invisible",
+        ...classNames
+      },
+      captionLayout,
+      components: {
+        Chevron: ({ orientation }) => {
+          const Icon2 = orientation === "left" ? ChevronLeft2 : ChevronRight6;
+          return /* @__PURE__ */ jsx48(Icon2, { className: "size-4" });
+        }
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+
+// src/components/date-picker.tsx
+import * as React44 from "react";
+import { CalendarIcon } from "lucide-react";
+import { jsx as jsx49, jsxs as jsxs32 } from "react/jsx-runtime";
+function formatDate(d) {
+  return d.toLocaleDateString();
+}
+function DatePicker({
+  date,
+  onDateChange,
+  mode = "single",
+  placeholder = "Pick a date",
+  className,
+  presets,
+  disabled
+}) {
+  const label = React44.useMemo(() => {
+    if (!date) return /* @__PURE__ */ jsx49("span", { children: placeholder });
+    if (mode === "range") {
+      const range = date;
+      if (range.from && range.to) {
+        return `${formatDate(range.from)} \u2013 ${formatDate(range.to)}`;
+      }
+      if (range.from) return formatDate(range.from);
+      return /* @__PURE__ */ jsx49("span", { children: placeholder });
+    }
+    return date.toLocaleDateString();
+  }, [date, mode, placeholder]);
+  return /* @__PURE__ */ jsxs32(Popover, { children: [
+    /* @__PURE__ */ jsx49(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs32(
+      Button,
+      {
+        variant: "outline",
+        className: cn(
+          "w-[280px] justify-start text-left font-normal",
+          !date && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx49(CalendarIcon, { className: "me-2 h-4 w-4" }),
+          label
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx49(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxs32("div", { className: "flex", children: [
+      presets && presets.length > 0 && /* @__PURE__ */ jsx49("div", { className: "flex flex-col gap-1 border-e p-2 min-w-[140px]", children: presets.map((preset) => /* @__PURE__ */ jsx49(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "justify-start font-normal",
+          onClick: () => onDateChange?.(preset.value),
+          children: preset.label
+        },
+        preset.label
+      )) }),
+      /* @__PURE__ */ jsx49("div", { children: mode === "range" ? /* @__PURE__ */ jsx49(
+        Calendar,
+        {
+          mode: "range",
+          selected: date,
+          onSelect: (value) => onDateChange?.(value),
+          disabled,
+          autoFocus: true
+        }
+      ) : /* @__PURE__ */ jsx49(
+        Calendar,
+        {
+          mode: "single",
+          selected: date,
+          onSelect: (value) => onDateChange?.(value),
+          disabled,
+          autoFocus: true
+        }
+      ) })
+    ] }) })
+  ] });
+}
+
+// src/components/command.tsx
+import * as React45 from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
+import { jsx as jsx50, jsxs as jsxs33 } from "react/jsx-runtime";
+var Command = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+  CommandPrimitive,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = CommandPrimitive.displayName;
+var CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx50(Dialog, { ...props, children: /* @__PURE__ */ jsx50(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx50(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", children }) }) });
+};
+var CommandInput = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs33("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx50(Search, { className: "me-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx50(
+    CommandPrimitive.Input,
+    {
+      ref,
+      className: cn(
+        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+var CommandList = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+  CommandPrimitive.List,
+  {
+    ref,
+    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+var CommandEmpty = React45.forwardRef((props, ref) => /* @__PURE__ */ jsx50(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroup = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+  CommandPrimitive.Group,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+var CommandSeparator = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+var CommandItem = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+  CommandPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-muted data-[selected=true]:text-foreground data-[disabled=true]:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx50("span", { className: cn("ms-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/carousel.tsx
+import * as React46 from "react";
+import useEmblaCarousel from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import { jsx as jsx51, jsxs as jsxs34 } from "react/jsx-runtime";
+var CarouselContext = React46.createContext(null);
+function useCarousel() {
+  const context = React46.useContext(CarouselContext);
+  if (!context) throw new Error("useCarousel must be used within a <Carousel />");
+  return context;
+}
+var Carousel = React46.forwardRef(
+  ({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
+    const [carouselRef, api] = useEmblaCarousel({ ...opts, axis: orientation === "horizontal" ? "x" : "y" }, plugins);
+    const [canScrollPrev, setCanScrollPrev] = React46.useState(false);
+    const [canScrollNext, setCanScrollNext] = React46.useState(false);
+    const onSelect = React46.useCallback((api2) => {
+      if (!api2) return;
+      setCanScrollPrev(api2.canScrollPrev());
+      setCanScrollNext(api2.canScrollNext());
+    }, []);
+    const scrollPrev = React46.useCallback(() => api?.scrollPrev(), [api]);
+    const scrollNext = React46.useCallback(() => api?.scrollNext(), [api]);
+    const handleKeyDown = React46.useCallback(
+      (event) => {
+        if (event.key === "ArrowLeft") {
+          event.preventDefault();
+          scrollPrev();
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault();
+          scrollNext();
+        }
+      },
+      [scrollPrev, scrollNext]
+    );
+    React46.useEffect(() => {
+      if (!api || !setApi) return;
+      setApi(api);
+    }, [api, setApi]);
+    React46.useEffect(() => {
+      if (!api) return;
+      onSelect(api);
+      api.on("reInit", onSelect);
+      api.on("select", onSelect);
+      return () => {
+        api?.off("select", onSelect);
+      };
+    }, [api, onSelect]);
+    return /* @__PURE__ */ jsx51(CarouselContext.Provider, { value: { carouselRef, api, opts, orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"), scrollPrev, scrollNext, canScrollPrev, canScrollNext }, children: /* @__PURE__ */ jsx51("div", { ref, onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel", ...props, children }) });
+  }
+);
+Carousel.displayName = "Carousel";
+var CarouselContent = React46.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { carouselRef, orientation } = useCarousel();
+    return /* @__PURE__ */ jsx51("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx51("div", { ref, className: cn("flex", orientation === "horizontal" ? "-ms-4" : "-mt-4 flex-col", className), ...props }) });
+  }
+);
+CarouselContent.displayName = "CarouselContent";
+var CarouselItem = React46.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { orientation } = useCarousel();
+    return /* @__PURE__ */ jsx51("div", { ref, role: "group", "aria-roledescription": "slide", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "ps-4" : "pt-4", className), ...props });
+  }
+);
+CarouselItem.displayName = "CarouselItem";
+var CarouselPrevious = React46.forwardRef(
+  ({ className, variant = "outline", size = "icon", ...props }, ref) => {
+    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+    return /* @__PURE__ */ jsxs34(Button, { ref, variant, size, className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal" ? "-start-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [
+      /* @__PURE__ */ jsx51(ArrowLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx51("span", { className: "sr-only", children: "Previous slide" })
+    ] });
+  }
+);
+CarouselPrevious.displayName = "CarouselPrevious";
+var CarouselNext = React46.forwardRef(
+  ({ className, variant = "outline", size = "icon", ...props }, ref) => {
+    const { orientation, scrollNext, canScrollNext } = useCarousel();
+    return /* @__PURE__ */ jsxs34(Button, { ref, variant, size, className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal" ? "-end-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [
+      /* @__PURE__ */ jsx51(ArrowRight, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx51("span", { className: "sr-only", children: "Next slide" })
+    ] });
+  }
+);
+CarouselNext.displayName = "CarouselNext";
+
+// src/components/chart.tsx
+import * as React47 from "react";
+import * as RechartsPrimitive from "recharts";
+import { Fragment as Fragment2, jsx as jsx52, jsxs as jsxs35 } from "react/jsx-runtime";
+var THEMES = { light: "", dark: ".dark" };
+var ChartContext = React47.createContext(null);
+function useChart() {
+  const context = React47.useContext(ChartContext);
+  if (!context) throw new Error("useChart must be used within a <ChartContainer />");
+  return context;
+}
+var ChartContainer = React47.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React47.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsx52(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs35(
+    "div",
+    {
+      "data-chart": chartId,
+      ref,
+      className: cn(
+        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx52(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx52(RechartsPrimitive.ResponsiveContainer, { children })
+      ]
+    }
+  ) });
+});
+ChartContainer.displayName = "ChartContainer";
+var ChartStyle = ({ id, config }) => {
+  const colorConfig = Object.entries(config).filter(([_, cfg]) => cfg.theme || cfg.color);
+  if (!colorConfig.length) return null;
+  return /* @__PURE__ */ jsx52(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(THEMES).map(
+          ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+            const color = itemConfig.theme?.[theme] || itemConfig.color;
+            return color ? `  --color-${key}: ${color};` : null;
+          }).join("\n")}
+}`
+        ).join("\n")
+      }
+    }
+  );
+};
+var ChartTooltip = RechartsPrimitive.Tooltip;
+var ChartTooltipContent = React47.forwardRef(
+  ({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }, ref) => {
+    const { config } = useChart();
+    const tooltipLabel = React47.useMemo(() => {
+      if (hideLabel || !payload?.length) return null;
+      const item = payload[0];
+      const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      const value = !labelKey && typeof label === "string" ? itemConfig?.label || label : label;
+      if (labelFormatter) {
+        return /* @__PURE__ */ jsx52("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+      }
+      if (!value) return null;
+      return /* @__PURE__ */ jsx52("div", { className: cn("font-medium", labelClassName), children: value });
+    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
+    if (!active || !payload?.length) return null;
+    return /* @__PURE__ */ jsxs35("div", { ref, className: cn("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", className), children: [
+      tooltipLabel,
+      /* @__PURE__ */ jsx52("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+        const key = `${nameKey || item.name || item.dataKey || "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const indicatorColor = color || item.payload?.fill || item.color;
+        return /* @__PURE__ */ jsx52("div", { className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"), children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs35(Fragment2, { children: [
+          !hideIndicator && /* @__PURE__ */ jsx52(
+            "div",
+            {
+              className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
+                "h-2.5 w-2.5": indicator === "dot",
+                "w-1": indicator === "line",
+                "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+                "my-0.5": indicator === "dashed" || indicator === "line"
+              }),
+              style: { "--color-bg": indicatorColor, "--color-border": indicatorColor }
+            }
+          ),
+          /* @__PURE__ */ jsxs35("div", { className: cn("flex flex-1 justify-between leading-none", hideIndicator ? "gap-2" : "gap-2"), children: [
+            /* @__PURE__ */ jsx52("div", { className: "grid gap-1.5", children: /* @__PURE__ */ jsx52("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name }) }),
+            item.value !== void 0 && /* @__PURE__ */ jsx52("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+          ] })
+        ] }) }, item.dataKey);
+      }) })
+    ] });
+  }
+);
+ChartTooltipContent.displayName = "ChartTooltipContent";
+var ChartLegend = RechartsPrimitive.Legend;
+var ChartLegendContent = React47.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
+  const { config } = useChart();
+  if (!payload?.length) return null;
+  return /* @__PURE__ */ jsx52("div", { ref, className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className), children: payload.map((item) => {
+    const key = `${nameKey || item.dataKey || "value"}`;
+    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+    return /* @__PURE__ */ jsxs35("div", { className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"), children: [
+      itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx52(itemConfig.icon, {}) : /* @__PURE__ */ jsx52("div", { className: "h-2 w-2 shrink-0 rounded-[2px]", style: { backgroundColor: item.color } }),
+      itemConfig?.label
+    ] }, item.value);
+  }) });
+});
+ChartLegendContent.displayName = "ChartLegendContent";
+function getPayloadConfigFromPayload(config, payload, key) {
+  if (typeof payload !== "object" || payload === null) return void 0;
+  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+  let configLabelKey = key;
+  if (key in config) {
+    configLabelKey = key;
+  } else if (payloadPayload && key in payloadPayload) {
+    configLabelKey = payloadPayload[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+
+// src/components/dashboard-header.tsx
+import * as React48 from "react";
+import { Search as Search2, Bell } from "lucide-react";
+import { jsx as jsx53, jsxs as jsxs36 } from "react/jsx-runtime";
+var DashboardHeader = React48.forwardRef(
+  ({ title, onSearch, notificationCount, user, className, ...props }, ref) => {
+    const [searchQuery, setSearchQuery] = React48.useState("");
+    return /* @__PURE__ */ jsxs36(
+      "header",
+      {
+        ref,
+        className: cn(
+          "flex h-16 w-full items-center justify-between gap-4 border-b border-[var(--hc-color-border-subtle)] bg-background px-6",
+          className
+        ),
+        ...props,
+        children: [
+          title && /* @__PURE__ */ jsx53("h1", { className: "truncate text-base font-semibold text-foreground", children: title }),
+          /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-3", children: [
+            onSearch && /* @__PURE__ */ jsxs36("div", { className: "flex h-9 w-[260px] items-center gap-2 rounded-md border border-input bg-background px-3 transition-[border-color,box-shadow] duration-150 focus-within:border-[var(--hc-primary-500)] focus-within:ring-[3px] focus-within:ring-[color-mix(in_srgb,var(--hc-primary-500)_22%,transparent)]", children: [
+              /* @__PURE__ */ jsx53(Search2, { className: "size-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsx53(
+                "input",
+                {
+                  type: "text",
+                  placeholder: "Search...",
+                  value: searchQuery,
+                  onChange: (e) => {
+                    setSearchQuery(e.target.value);
+                    onSearch(e.target.value);
+                  },
+                  className: "w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none",
+                  "aria-label": "Search"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs36("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx53(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": notificationCount && notificationCount > 0 ? `Notifications, ${notificationCount} unread` : "Notifications",
+                  className: "inline-flex size-9 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+                  children: /* @__PURE__ */ jsx53(Bell, { className: "size-[18px]" })
+                }
+              ),
+              notificationCount && notificationCount > 0 && /* @__PURE__ */ jsx53(
+                "span",
+                {
+                  "aria-label": `${notificationCount} notifications`,
+                  className: "absolute -top-0.5 -end-0.5 flex min-w-[18px] items-center justify-center rounded-full bg-[var(--hc-color-destructive)] px-1 text-[10px] font-semibold leading-none text-white h-[18px] ring-2 ring-background",
+                  children: notificationCount > 9 ? "9+" : notificationCount
+                }
+              )
+            ] }),
+            user && /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-3 ps-3 border-s border-[var(--hc-color-border-subtle)]", children: [
+              /* @__PURE__ */ jsxs36("div", { className: "text-end leading-tight", children: [
+                /* @__PURE__ */ jsx53("p", { className: "text-sm font-semibold text-foreground", children: user.name }),
+                /* @__PURE__ */ jsx53("p", { className: "text-xs text-muted-foreground", children: user.role })
+              ] }),
+              /* @__PURE__ */ jsx53("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-[var(--hc-primary-600)] text-sm font-semibold text-white", children: user.initials || user.name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+DashboardHeader.displayName = "DashboardHeader";
+
+// src/components/app-header.tsx
+import * as React49 from "react";
+import { Search as Search3, Bell as Bell2, Moon } from "lucide-react";
+import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
+var AppHeader = React49.forwardRef(
+  ({
+    onSearch,
+    searchPlaceholder = "Search cases, employees...",
+    showThemeToggle = true,
+    onThemeToggle,
+    hasNotifications = false,
+    onNotificationClick,
+    user,
+    className,
+    ...props
+  }, ref) => {
+    const [searchQuery, setSearchQuery] = React49.useState("");
+    return /* @__PURE__ */ jsxs37(
+      "header",
+      {
+        ref,
+        className: cn(
+          "flex h-16 w-full items-center justify-between gap-4 border-b border-[var(--hc-color-border-subtle)] bg-background px-6",
+          className
+        ),
+        ...props,
+        children: [
+          onSearch && /* @__PURE__ */ jsxs37("div", { className: "flex h-9 w-[300px] items-center gap-2 rounded-md border border-input bg-background px-3 transition-[border-color,box-shadow] duration-150 focus-within:border-[var(--hc-primary-500)] focus-within:ring-[3px] focus-within:ring-[color-mix(in_srgb,var(--hc-primary-500)_22%,transparent)]", children: [
+            /* @__PURE__ */ jsx54(Search3, { className: "size-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsx54(
+              "input",
+              {
+                type: "text",
+                placeholder: searchPlaceholder,
+                value: searchQuery,
+                onChange: (e) => {
+                  setSearchQuery(e.target.value);
+                  onSearch(e.target.value);
+                },
+                className: "w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none",
+                "aria-label": searchPlaceholder
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
+            showThemeToggle && /* @__PURE__ */ jsx54(
+              "button",
+              {
+                type: "button",
+                onClick: onThemeToggle,
+                "aria-label": "Toggle theme",
+                className: "inline-flex size-9 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+                children: /* @__PURE__ */ jsx54(Moon, { className: "size-[18px]" })
+              }
+            ),
+            /* @__PURE__ */ jsxs37(
+              "button",
+              {
+                type: "button",
+                onClick: onNotificationClick,
+                "aria-label": hasNotifications ? "Notifications (unread)" : "Notifications",
+                className: "relative inline-flex size-9 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+                children: [
+                  /* @__PURE__ */ jsx54(Bell2, { className: "size-[18px]" }),
+                  hasNotifications && /* @__PURE__ */ jsx54(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "absolute top-[8px] end-[8px] size-2 rounded-full bg-[var(--hc-color-destructive)] ring-2 ring-background"
+                    }
+                  )
+                ]
+              }
+            ),
+            user && /* @__PURE__ */ jsxs37("div", { className: "ms-1 flex items-center gap-3 ps-3 border-s border-[var(--hc-color-border-subtle)]", children: [
+              /* @__PURE__ */ jsxs37("div", { className: "text-end leading-tight", children: [
+                /* @__PURE__ */ jsx54("p", { className: "text-sm font-semibold text-foreground", children: user.name }),
+                /* @__PURE__ */ jsx54("p", { className: "text-xs text-muted-foreground truncate max-w-[160px]", children: user.email })
+              ] }),
+              /* @__PURE__ */ jsx54("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-[var(--hc-primary-600)] text-sm font-semibold text-white", children: user.initials || user.name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+AppHeader.displayName = "AppHeader";
+
+// src/components/icon/bell-icon.tsx
+import { jsx as jsx55, jsxs as jsxs38 } from "react/jsx-runtime";
+function BellIcon({
+  size = 20,
+  width,
+  height,
+  fill = "none",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs38(
+    "svg",
+    {
+      viewBox: "0 0 20 20",
+      width: width ?? size,
+      height: height ?? size,
+      fill,
+      "aria-hidden": "true",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx55(
+          "path",
+          {
+            d: "M10 2.75a3.5 3.5 0 0 0-3.5 3.5v1.137c0 .647-.215 1.276-.611 1.788l-.82 1.062A2.25 2.25 0 0 0 6.85 13.75h6.3a2.25 2.25 0 0 0 1.781-3.513l-.82-1.062A2.935 2.935 0 0 1 13.5 7.387V6.25A3.5 3.5 0 0 0 10 2.75Z",
+            stroke: "currentColor",
+            strokeWidth: "1.4",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx55(
+          "path",
+          {
+            d: "M8.25 15.25a1.75 1.75 0 0 0 3.5 0",
+            stroke: "currentColor",
+            strokeWidth: "1.4",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/icon/icon-info-line-icon.tsx
+import { jsx as jsx56, jsxs as jsxs39 } from "react/jsx-runtime";
+function IconInfoLineIcon({ size = 16, width, height, fill, title, ...props }) {
+  return /* @__PURE__ */ jsxs39("svg", { viewBox: "0 0 16 16", width: width ?? size, height: height ?? size, fill: fill ?? "none", "aria-hidden": title ? void 0 : true, role: title ? "img" : "presentation", ...props, children: [
+    /* @__PURE__ */ jsx56("path", { d: "M7.99992 5.33333H8.00525M7.99992 10.6667V7.33333M14.6666 8C14.6666 11.682 11.6819 14.6667 7.99992 14.6667C4.31792 14.6667 1.33325 11.682 1.33325 8C1.33325 4.318 4.31792 1.33333 7.99992 1.33333C11.6819 1.33333 14.6666 4.318 14.6666 8Z", stroke: "black", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
+    title ? /* @__PURE__ */ jsx56("title", { children: title }) : null
+  ] });
+}
+
+// src/components/sonner.tsx
+import { useTheme } from "next-themes";
+import { Toaster as Sonner, toast } from "sonner";
+import { jsx as jsx57 } from "react/jsx-runtime";
+var Toaster = ({ ...props }) => {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx57(
+    Sonner,
+    {
+      theme,
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:!bg-white group-[.toaster]:!rounded-[6px] group-[.toaster]:!shadow-lg group-[.toaster]:!border group-[.toaster]:!border-[rgba(0,0,0,0.08)] group-[.toaster]:!p-4 group-[.toaster]:!font-[Inter]",
+          title: "group-[.toast]:!text-sm group-[.toast]:!leading-[24px] group-[.toast]:!font-medium group-[.toast]:!text-[var(--hc-grey-600)]",
+          description: "group-[.toast]:!text-xs group-[.toast]:!leading-[18px] group-[.toast]:!text-[var(--hc-grey-600)] group-[.toast]:!font-normal",
+          actionButton: "group-[.toast]:!text-sm group-[.toast]:!leading-[18px] group-[.toast]:!font-medium group-[.toast]:!text-[var(--hc-primary-600)] group-[.toast]:!bg-transparent group-[.toast]:!p-0",
+          cancelButton: "group-[.toast]:!bg-transparent group-[.toast]:!text-foreground group-[.toast]:!text-sm group-[.toast]:!font-medium group-[.toast]:!p-0",
+          closeButton: "group-[.toast]:!text-[var(--hc-grey-300)]"
+        }
+      },
+      ...props
+    }
+  );
+};
+
+// src/components/typography.tsx
+import * as React50 from "react";
+import { jsx as jsx58 } from "react/jsx-runtime";
+var weightMap = {
+  extrabold: "font-extrabold",
+  bold: "font-bold",
+  semibold: "font-semibold",
+  medium: "font-medium",
+  regular: "font-normal",
+  light: "font-light"
+};
+var colorMap = {
+  secondary: "text-muted-foreground",
+  foreground: "text-[var(--hc-color-foreground)]",
+  muted: "text-muted-foreground",
+  success: "text-[var(--hc-color-success)]",
+  warning: "text-[var(--hc-color-warning)]",
+  destructive: "text-[var(--hc-color-destructive)]",
+  inherit: "text-inherit"
+};
+function resolveColor(color, defaultColorClass) {
+  if (!color || color === "default") return defaultColorClass;
+  return colorMap[color];
+}
+var H1 = React50.forwardRef(
+  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ jsx58("h1", { ref, className: cn("scroll-m-20 text-3xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+H1.displayName = "H1";
+var H2 = React50.forwardRef(
+  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ jsx58("h2", { ref, className: cn("scroll-m-20 text-2xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+H2.displayName = "H2";
+var H3 = React50.forwardRef(
+  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ jsx58("h3", { ref, className: cn("scroll-m-20 text-xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+H3.displayName = "H3";
+var H4 = React50.forwardRef(
+  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ jsx58("h4", { ref, className: cn("scroll-m-20 text-lg tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+H4.displayName = "H4";
+var Body = React50.forwardRef(
+  ({ className, weight = "regular", color, ...props }, ref) => /* @__PURE__ */ jsx58("p", { ref, className: cn("text-base leading-7", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+Body.displayName = "Body";
+var Small = React50.forwardRef(
+  ({ className, weight = "regular", color, ...props }, ref) => /* @__PURE__ */ jsx58("p", { ref, className: cn("text-sm", resolveColor(color, "text-muted-foreground"), weightMap[weight], className), ...props })
+);
+Small.displayName = "Small";
+var Caption = React50.forwardRef(
+  ({ className, weight = "regular", color, ...props }, ref) => /* @__PURE__ */ jsx58("p", { ref, className: cn("text-xs", resolveColor(color, "text-muted-foreground"), weightMap[weight], className), ...props })
+);
+Caption.displayName = "Caption";
+var Lead = React50.forwardRef(
+  ({ className, weight = "medium", color, ...props }, ref) => /* @__PURE__ */ jsx58("p", { ref, className: cn("text-lg", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+);
+Lead.displayName = "Lead";
+var Muted = React50.forwardRef(
+  ({ className, weight = "regular", color, ...props }, ref) => /* @__PURE__ */ jsx58("p", { ref, className: cn("text-sm", resolveColor(color, "text-muted-foreground"), weightMap[weight], className), ...props })
+);
+Muted.displayName = "Muted";
+var Code = React50.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
+    "code",
+    {
+      ref,
+      className: cn(
+        "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Code.displayName = "Code";
+
+// src/components/theme-provider.tsx
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+import { useTheme as useTheme2 } from "next-themes";
+import { jsx as jsx59 } from "react/jsx-runtime";
+function ThemeProvider({ children, ...props }) {
+  return /* @__PURE__ */ jsx59(NextThemesProvider, { ...props, children });
+}
+
+// src/components/banner.tsx
+import * as React51 from "react";
+import { jsx as jsx60, jsxs as jsxs40 } from "react/jsx-runtime";
+var variantStyles = {
+  primary: "bg-[var(--hc-banner-primary-bg)] border border-[var(--hc-primary-200)]",
+  muted: "bg-[var(--hc-color-muted)] border border-[var(--hc-color-border)]",
+  success: "bg-[var(--hc-banner-success-bg)] border border-[var(--hc-banner-success-border)]",
+  warning: "bg-[var(--hc-banner-warning-bg)] border border-[var(--hc-banner-warning-border)]",
+  destructive: "bg-[var(--hc-banner-destructive-bg)] border border-[var(--hc-banner-destructive-border)]"
+};
+var iconBgStyles = {
+  primary: "bg-[var(--hc-primary-500)]",
+  muted: "bg-[var(--hc-color-border)]",
+  success: "bg-[var(--hc-color-success)]",
+  warning: "bg-[var(--hc-color-warning)]",
+  destructive: "bg-[var(--hc-color-destructive)]"
+};
+var Banner = React51.forwardRef(
+  ({ variant = "primary", icon, title, description, action, className, children, ...props }, ref) => /* @__PURE__ */ jsx60(
+    "div",
+    {
+      ref,
+      className: cn("rounded-lg px-6 py-5", variantStyles[variant], className),
+      ...props,
+      children: /* @__PURE__ */ jsxs40("div", { className: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-3", children: [
+          icon && /* @__PURE__ */ jsx60("div", { className: cn("h-10 w-10 rounded-full flex items-center justify-center shrink-0 text-white", iconBgStyles[variant]), children: icon }),
+          /* @__PURE__ */ jsxs40("div", { children: [
+            title && /* @__PURE__ */ jsx60("p", { className: "text-sm font-bold text-foreground", children: title }),
+            description && /* @__PURE__ */ jsx60("p", { className: "text-xs mt-0.5 text-muted-foreground", children: description }),
+            children
+          ] })
+        ] }),
+        action && /* @__PURE__ */ jsx60("div", { className: "shrink-0", children: action })
+      ] })
+    }
+  )
+);
+Banner.displayName = "Banner";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertAction,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  AppHeader,
+  AspectRatio,
+  Avatar,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarImage,
+  Badge,
+  Banner,
+  BellIcon,
+  Body,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Calendar,
+  Caption,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardKPI,
+  CardTitle,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+  ChartTooltip,
+  ChartTooltipContent,
+  Checkbox,
+  Code,
+  Collapsible,
+  CollapsibleContent2 as CollapsibleContent,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+  DashboardHeader,
+  DataTable,
+  DatePicker,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerBody,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EmptyState,
+  EmptyStateActions,
+  FileInput,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  H1,
+  H2,
+  H3,
+  H4,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  IconInfoLineIcon,
+  Input,
+  InputAddon,
+  InputGroup,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Item4 as Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemGroup,
+  ItemMedia,
+  ItemTitle,
+  Label,
+  Lead,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+  Muted,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationInfo,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator2 as Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarProvider,
+  SidebarTrigger,
+  Skeleton,
+  Slider,
+  Small,
+  Spinner,
+  Stepper,
+  StepperItem,
+  SuccessIcon,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  ThemeProvider,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  alertVariants,
+  buttonVariants,
+  checkboxVariants,
+  cn,
+  emptyStateVariants,
+  inputVariants,
+  navigationMenuTriggerStyle,
+  spinnerVariants,
+  switchVariants,
+  toast,
+  toggleVariants,
+  useFormField,
+  useSidebar,
+  useTheme2 as useTheme
+};
+//# sourceMappingURL=index.js.map