@codapet/design-system 0.6.0 → 0.6.3

package/dist/index.mjs

@@ -139,31 +139,89 @@ function AlertDescription({
   );
 }
 
+// src/components/ui/alert-banner.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { X } from "lucide-react";
+import "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var alertBannerVariants = cva2(
+  "flex items-start gap-3 w-full rounded-[12px] border px-3 py-4 text-sm leading-5",
+  {
+    variants: {
+      type: {
+        informative: "bg-alert-bg-informative border-gray-stroke-light",
+        error: "bg-alert-bg-error border-error-stroke-light",
+        success: "bg-success-surface-subtle border-success-stroke-light"
+      }
+    },
+    defaultVariants: {
+      type: "informative"
+    }
+  }
+);
+function AlertBanner({
+  className,
+  type,
+  icon,
+  heading,
+  dismissible = false,
+  onDismiss,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      "data-slot": "alert-banner",
+      role: "alert",
+      className: cn(alertBannerVariants({ type }), className),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx3("span", { className: "flex items-center justify-center shrink-0 size-5 [&_svg]:size-5", children: icon }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          heading && /* @__PURE__ */ jsx3("p", { className: "font-semibold text-sm leading-5 text-vibrant-text-heading", children: heading }),
+          /* @__PURE__ */ jsx3("div", { className: "font-normal text-sm leading-5 text-vibrant-text-body", children })
+        ] }),
+        dismissible && /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            onClick: onDismiss,
+            className: "flex items-center justify-center shrink-0 size-5 text-vibrant-text-body hover:text-vibrant-text-heading transition-colors cursor-pointer",
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ jsx3(X, { className: "size-2.5" })
+          }
+        )
+      ]
+    }
+  );
+}
+
 // src/components/ui/alert-dialog.tsx
 import "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 
 // src/components/ui/button.tsx
 import { Slot } from "@radix-ui/react-slot";
-import { cva as cva2 } from "class-variance-authority";
+import { cva as cva3 } from "class-variance-authority";
 import "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var buttonVariants = cva2(
+import { jsx as jsx4 } from "react/jsx-runtime";
+var buttonVariants = cva3(
   "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-semibold transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none relative select-none will-change-auto  focus-visible:before:absolute focus-visible:before:-inset-[3px] focus-visible:before:rounded-lg focus-visible:before:ring-2 focus-visible:before:ring-blue-500/80 focus-visible:before:pointer-events-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive duration-400",
   {
     variants: {
       variant: {
-        primary: "bg-primary text-primary-foreground hover:bg-brand-dark active:bg-slate-800 ",
+        primary: "bg-primary text-primary-foreground hover:bg-brand-dark active:bg-active-primary",
         secondary: "bg-brand-subtle text-brand-vibrant hover:bg-primary-surface-light border border-brand-light active:bg-icon-disabled hover:border-transparent active:border-transparent",
-        tertiary: "bg-gray-surface-light text-zinc-700 hover:bg-gray-surface-default border border-gray-stroke-light active:bg-zinc-400",
-        outline: "text-zinc-800 border border-gray-surface-default bg-background hover:bg-gray-surface-light hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 active:bg-gray-surface-default",
-        ghost: "text-brand-vibrant hover:bg-primary-surface-subtle  dark:hover:bg-accent/50 active:bg-primary-surface-light",
-        "ghost-secondary": "text-zinc-800 hover:bg-gray-surface-light hover:text-accent-foreground dark:hover:bg-accent/50 active:bg-gray-surface-default",
-        "ghost-destructive": "bg-transparent  text-red-400  hover:bg-red-50 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 active:bg-red-100",
-        link: "text-zinc-800 underline-offset-4 underline hover:bg-none active:bg-none hover:text-brand-vibrant ",
-        destructive: "bg-error-surface-default text-white hover:bg-red-800 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 active:bg-error-surface-dark",
-        "destructive-secondary": "bg-error-surface-light  border border-error-stroke-light text-red-400 hover:border-error-surface-default focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 active:bg-red-100",
-        "destructive-tertiary": "bg-transparent border border-error-stroke-light text-red-400  hover:bg-red-50 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 active:bg-red-100"
+        tertiary: "bg-gray-surface-light text-foreground-secondary hover:bg-gray-surface-default border border-gray-stroke-light active:bg-gray-surface-default",
+        outline: "text-foreground-secondary border border-gray-surface-default bg-background hover:bg-gray-surface-light hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 active:bg-gray-surface-default",
+        ghost: "text-brand-vibrant hover:bg-primary-surface-subtle dark:hover:bg-accent/50 active:bg-primary-surface-light",
+        "ghost-secondary": "text-foreground-secondary hover:bg-gray-surface-light hover:text-accent-foreground dark:hover:bg-accent/50 active:bg-gray-surface-default",
+        "ghost-destructive": "bg-transparent text-destructive-text hover:bg-destructive-hover focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 active:bg-destructive-active",
+        link: "text-foreground-secondary underline-offset-4 underline hover:bg-none active:bg-none hover:text-brand-vibrant",
+        destructive: "bg-error-surface-default text-primary-foreground hover:bg-destructive-bg-deep focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 active:bg-error-surface-dark",
+        "destructive-secondary": "bg-error-surface-light border border-error-stroke-light text-destructive-text hover:border-error-surface-default focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 active:bg-destructive-active",
+        "destructive-tertiary": "bg-transparent border border-error-stroke-light text-destructive-text hover:bg-destructive-hover focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 active:bg-destructive-active"
       },
       size: {
         md: "h-10 px-4 py-2 has-[>svg]:px-3 text-lg",
@@ -186,7 +244,7 @@ function Button({
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     Comp,
     {
       "data-slot": "button",
@@ -197,27 +255,27 @@ function Button({
 }
 
 // src/components/ui/alert-dialog.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function AlertDialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+  return /* @__PURE__ */ jsx5(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }
 function AlertDialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx5(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ jsx5(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AlertDialogPrimitive.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
@@ -233,9 +291,9 @@ function AlertDialogContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx4(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs3(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx5(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx5(
       AlertDialogPrimitive.Content,
       {
         "data-slot": "alert-dialog-content",
@@ -252,7 +310,7 @@ function AlertDialogHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -265,7 +323,7 @@ function AlertDialogFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -281,7 +339,7 @@ function AlertDialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AlertDialogPrimitive.Title,
     {
       "data-slot": "alert-dialog-title",
@@ -294,7 +352,7 @@ function AlertDialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AlertDialogPrimitive.Description,
     {
       "data-slot": "alert-dialog-description",
@@ -307,7 +365,7 @@ function AlertDialogAction({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AlertDialogPrimitive.Action,
     {
       className: cn(buttonVariants(), className),
@@ -319,7 +377,7 @@ function AlertDialogCancel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AlertDialogPrimitive.Cancel,
     {
       className: cn(buttonVariants({ variant: "outline" }), className),
@@ -330,19 +388,19 @@ function AlertDialogCancel({
 
 // src/components/ui/aspect-ratio.tsx
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function AspectRatio({
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+  return /* @__PURE__ */ jsx6(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
 }
 
 // src/components/ui/auto-resize-textarea.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 
 // src/components/ui/textarea.tsx
-import * as React5 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import * as React6 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var textareaBaseStyles = [
   // Base styles aligned with Input
   "placeholder:text-gray-subtle selection:bg-primary selection:text-primary-foreground",
@@ -353,10 +411,10 @@ var textareaBaseStyles = [
   // Responsive text size
   "md:text-sm",
   // Default state
-  "border-zinc-300 bg-background",
+  "border-border-default bg-background",
   // Hover/Focus/Active states
   "hover:border-brand-normal",
-  "focus:border-blue-500",
+  "focus:border-focus-ring",
   "active:border-brand-normal",
   // Textarea specific
   "field-sizing-content min-h-16 resize-y px-3 py-2"
@@ -366,9 +424,9 @@ var errorStyles = [
   "focus:border-destructive focus:ring-destructive/20",
   "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
 ].join(" ");
-var Textarea = React5.forwardRef(
+var Textarea = React6.forwardRef(
   ({ className, error, ...props }, ref) => {
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx7(
       "textarea",
       {
         "data-slot": "textarea",
@@ -383,8 +441,8 @@ var Textarea = React5.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/ui/auto-resize-textarea.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var AutoResizeTextarea = React6.forwardRef(
+import { jsx as jsx8 } from "react/jsx-runtime";
+var AutoResizeTextarea = React7.forwardRef(
   ({
     className,
     style,
@@ -395,8 +453,8 @@ var AutoResizeTextarea = React6.forwardRef(
     value,
     ...props
   }, forwardedRef) => {
-    const innerRef = React6.useRef(null);
-    const setRefs = React6.useCallback(
+    const innerRef = React7.useRef(null);
+    const setRefs = React7.useCallback(
       (node) => {
         innerRef.current = node;
         if (typeof forwardedRef === "function") forwardedRef(node);
@@ -404,7 +462,7 @@ var AutoResizeTextarea = React6.forwardRef(
       },
       [forwardedRef]
     );
-    const resize = React6.useCallback(() => {
+    const resize = React7.useCallback(() => {
       const el = innerRef.current;
       if (!el) return;
       el.style.height = "auto";
@@ -417,10 +475,10 @@ var AutoResizeTextarea = React6.forwardRef(
         el.style.overflowY = "hidden";
       }
     }, [maxHeight, minHeight]);
-    React6.useLayoutEffect(() => {
+    React7.useLayoutEffect(() => {
       resize();
     }, [resize, value]);
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(
       Textarea,
       {
         ...props,
@@ -449,12 +507,12 @@ AutoResizeTextarea.displayName = "AutoResizeTextarea";
 // src/components/ui/avatar.tsx
 import "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Avatar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     AvatarPrimitive.Root,
     {
       "data-slot": "avatar",
@@ -470,7 +528,7 @@ function AvatarImage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     AvatarPrimitive.Image,
     {
       "data-slot": "avatar-image",
@@ -483,7 +541,7 @@ function AvatarFallback({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     AvatarPrimitive.Fallback,
     {
       "data-slot": "avatar-fallback",
@@ -499,16 +557,16 @@ function AvatarFallback({
 // src/components/ui/badge.tsx
 import "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var badgeVariants = cva3(
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var badgeVariants = cva4(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
         default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
         secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        destructive: "border-transparent bg-destructive text-primary-foreground [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
         outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
       }
     },
@@ -524,7 +582,7 @@ function Badge({
   ...props
 }) {
   const Comp = asChild ? Slot2 : "span";
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Comp,
     {
       "data-slot": "badge",
@@ -534,16 +592,268 @@ function Badge({
   );
 }
 
+// src/components/ui/badge-actionable.tsx
+import { cva as cva5 } from "class-variance-authority";
+import "react";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+var badgeActionableVariants = cva5(
+  "inline-flex items-center justify-center gap-2 rounded-[8px] cursor-pointer select-none transition-all font-medium whitespace-nowrap shrink-0 [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:before:absolute focus-visible:before:-inset-[3px] focus-visible:before:rounded-xl focus-visible:before:ring-2 focus-visible:before:ring-blue-500/80 focus-visible:before:pointer-events-none relative",
+  {
+    variants: {
+      size: {
+        M: "h-10 px-3 py-2 text-base leading-6 [&_svg]:size-5",
+        S: "h-8 px-3 py-2 text-sm leading-5 [&_svg]:size-5"
+      }
+    },
+    defaultVariants: {
+      size: "S"
+    }
+  }
+);
+function BadgeActionable({
+  className,
+  size,
+  icon,
+  selected = false,
+  onBackground = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs4(
+    "button",
+    {
+      "data-slot": "badge-actionable",
+      "data-selected": selected || void 0,
+      className: cn(
+        badgeActionableVariants({ size }),
+        selected ? "bg-primary-surface-subtle border border-primary-stroke-default text-primary-stroke-default" : onBackground ? "bg-sand-light border border-secondary-stroke-default text-secondary-text-dark hover:bg-secondary-surface-default hover:border-transparent" : "bg-sand-light border border-secondary-stroke-light text-secondary-text-dark hover:bg-secondary-surface-default hover:border-transparent",
+        "disabled:pointer-events-none disabled:opacity-50 ",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx11("span", { className: "flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsx11("span", { children })
+      ]
+    }
+  );
+}
+
+// src/components/ui/badge-informative.tsx
+import { cva as cva6 } from "class-variance-authority";
+import "react";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+var badgeInformativeVariants = cva6(
+  "inline-flex items-center justify-center font-medium whitespace-nowrap shrink-0 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      size: {
+        M: "h-8 px-2 py-1.5 gap-2 rounded-[8px] text-sm leading-5 [&_svg]:size-4",
+        S: "h-6 px-2 py-1.5 gap-1 rounded-[8px] text-xs leading-4 [&_svg]:size-4"
+      },
+      colorScheme: {
+        gray: "bg-gray-surface-light text-vibrant-text-body",
+        blue: "bg-primary-surface-subtle text-primary-stroke-default",
+        yellow: "bg-warning-surface-subtle border border-warning-stroke-default text-warning-stroke-dark"
+      }
+    },
+    defaultVariants: {
+      size: "M",
+      colorScheme: "gray"
+    }
+  }
+);
+function BadgeInformative({
+  className,
+  size,
+  colorScheme,
+  icon,
+  linkText,
+  linkHref,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      "data-slot": "badge-informative",
+      className: cn(badgeInformativeVariants({ size, colorScheme }), className),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx12("span", { className: "flex items-center justify-center shrink-0", children: icon }),
+        /* @__PURE__ */ jsx12("span", { children }),
+        linkText && /* @__PURE__ */ jsxs5(
+          "a",
+          {
+            href: linkHref || "#",
+            className: cn(
+              "inline-flex items-center gap-1 font-semibold text-base leading-6 shrink-0",
+              colorScheme === "blue" ? "text-primary-stroke-default" : "text-primary-stroke-default"
+            ),
+            children: [
+              linkText,
+              /* @__PURE__ */ jsx12(
+                "svg",
+                {
+                  className: "size-4",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: /* @__PURE__ */ jsx12(
+                    "path",
+                    {
+                      d: "M4.667 11.333L11.333 4.667M11.333 4.667H5.333M11.333 4.667V10.667",
+                      stroke: "currentColor",
+                      strokeWidth: "1.5",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function BadgeInformativeGroup({
+  className,
+  size = "M",
+  colorScheme = "gray",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx12(
+    "div",
+    {
+      "data-slot": "badge-informative-group",
+      className: cn(
+        "inline-flex items-center gap-3",
+        size === "M" ? "h-8 px-2 py-1.5 rounded-[8px]" : "h-6 px-2 py-1.5 rounded-[8px]",
+        colorScheme === "gray" && "bg-gray-surface-light",
+        colorScheme === "blue" && "bg-primary-surface-subtle",
+        colorScheme === "yellow" && "bg-warning-surface-subtle border border-warning-stroke-default",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function BadgeInformativeItem({
+  className,
+  size = "M",
+  colorScheme = "gray",
+  icon,
+  linkText,
+  linkHref,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      "data-slot": "badge-informative-item",
+      className: cn(
+        "inline-flex items-center font-medium whitespace-nowrap shrink-0 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        size === "M" ? "gap-1 text-sm leading-5 [&_svg]:size-4" : "gap-1 text-xs leading-4 [&_svg]:size-4",
+        colorScheme === "gray" && "text-vibrant-text-body",
+        colorScheme === "blue" && "text-primary-stroke-default",
+        colorScheme === "yellow" && "text-warning-stroke-dark",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx12("span", { className: "flex items-center justify-center shrink-0", children: icon }),
+        /* @__PURE__ */ jsx12("span", { children }),
+        linkText && /* @__PURE__ */ jsxs5(
+          "a",
+          {
+            href: linkHref || "#",
+            className: "inline-flex items-center gap-1 font-semibold text-base leading-6 text-primary-stroke-default shrink-0",
+            children: [
+              linkText,
+              /* @__PURE__ */ jsx12(
+                "svg",
+                {
+                  className: "size-4",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: /* @__PURE__ */ jsx12(
+                    "path",
+                    {
+                      d: "M4.667 11.333L11.333 4.667M11.333 4.667H5.333M11.333 4.667V10.667",
+                      stroke: "currentColor",
+                      strokeWidth: "1.5",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ui/badge-number.tsx
+import "react";
+import { cva as cva7 } from "class-variance-authority";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var badgeNumberVariants = cva7(
+  "inline-flex items-center justify-center rounded-full font-semibold text-xs leading-[18px] text-center shrink-0 select-none",
+  {
+    variants: {
+      size: {
+        M: "size-6",
+        S: "size-5"
+      },
+      state: {
+        active: "bg-primary text-primary-foreground",
+        disabled: "bg-gray-surface-light text-gray-subtle",
+        resting: "bg-transparent border border-gray-stroke-light text-gray-subtle"
+      }
+    },
+    defaultVariants: {
+      size: "M",
+      state: "active"
+    }
+  }
+);
+function BadgeNumber({
+  className,
+  size,
+  state,
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    "span",
+    {
+      "data-slot": "badge-number",
+      className: cn(badgeNumberVariants({ size, state }), className),
+      ...props,
+      children: value
+    }
+  );
+}
+
 // src/components/ui/breadcrumb.tsx
 import "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 function Breadcrumb({ ...props }) {
-  return /* @__PURE__ */ jsx10("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+  return /* @__PURE__ */ jsx14("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }
 function BreadcrumbList({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx14(
     "ol",
     {
       "data-slot": "breadcrumb-list",
@@ -556,7 +866,7 @@ function BreadcrumbList({ className, ...props }) {
   );
 }
 function BreadcrumbItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx14(
     "li",
     {
       "data-slot": "breadcrumb-item",
@@ -571,7 +881,7 @@ function BreadcrumbLink({
   ...props
 }) {
   const Comp = asChild ? Slot3 : "a";
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx14(
     Comp,
     {
       "data-slot": "breadcrumb-link",
@@ -581,7 +891,7 @@ function BreadcrumbLink({
   );
 }
 function BreadcrumbPage({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx14(
     "span",
     {
       "data-slot": "breadcrumb-page",
@@ -598,7 +908,7 @@ function BreadcrumbSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx14(
     "li",
     {
       "data-slot": "breadcrumb-separator",
@@ -606,7 +916,7 @@ function BreadcrumbSeparator({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ jsx10(ChevronRight, {})
+      children: children ?? /* @__PURE__ */ jsx14(ChevronRight, {})
     }
   );
 }
@@ -614,7 +924,7 @@ function BreadcrumbEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs6(
     "span",
     {
       "data-slot": "breadcrumb-ellipsis",
@@ -623,8 +933,8 @@ function BreadcrumbEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx10(MoreHorizontal, { className: "size-4" }),
-        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ jsx14(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "More" })
       ]
     }
   );
@@ -636,9 +946,9 @@ import {
   ChevronLeftIcon,
   ChevronRightIcon
 } from "lucide-react";
-import * as React10 from "react";
+import * as React14 from "react";
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Calendar({
   className,
   classNames,
@@ -649,7 +959,7 @@ function Calendar({
   components,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx15(
     DayPicker,
     {
       showOutsideDays,
@@ -712,7 +1022,7 @@ function Calendar({
           classNames?.weekdays
         ),
         weekday: cn(
-          "text-slate-700 font-medium rounded-full md:flex-1 size-6 mx-1 font-normal text-[0.8rem] select-none ",
+          "text-muted-foreground font-medium rounded-full md:flex-1 size-6 mx-1 font-normal text-[0.8rem] select-none",
           classNames?.weekday
         ),
         week: cn(
@@ -748,7 +1058,7 @@ function Calendar({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx11(
+          return /* @__PURE__ */ jsx15(
             "div",
             {
               "data-slot": "calendar",
@@ -760,10 +1070,10 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx11(ChevronLeftIcon, { className: cn("size-6", className2), ...props2 });
+            return /* @__PURE__ */ jsx15(ChevronLeftIcon, { className: cn("size-6", className2), ...props2 });
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx11(
+            return /* @__PURE__ */ jsx15(
               ChevronRightIcon,
               {
                 className: cn("size-6", className2),
@@ -771,11 +1081,11 @@ function Calendar({
               }
             );
           }
-          return /* @__PURE__ */ jsx11(ChevronDownIcon2, { className: cn("size-6", className2), ...props2 });
+          return /* @__PURE__ */ jsx15(ChevronDownIcon2, { className: cn("size-6", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx11("td", { ...props2, children: /* @__PURE__ */ jsx11("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ jsx15("td", { ...props2, children: /* @__PURE__ */ jsx15("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -789,11 +1099,11 @@ function CalendarDayButton({
   modifiers,
   ...props
 }) {
-  const ref = React10.useRef(null);
-  React10.useEffect(() => {
+  const ref = React14.useRef(null);
+  React14.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx15(
     Button,
     {
       ref,
@@ -805,7 +1115,7 @@ function CalendarDayButton({
       "data-range-end": modifiers.range_end,
       "data-range-middle": modifiers.range_middle,
       className: cn(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-slate-200 data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none md:font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px]  [&>span]:text-xs [&>span]:opacity-70  md:p-0 rounded-full md:text-base text-sm font-medium text-black data-[range-middle=true]:rounded-md",
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-range-middle-bg data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none md:font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70 md:p-0 rounded-full md:text-base text-sm font-medium text-foreground data-[range-middle=true]:rounded-md",
         className
       ),
       ...props
@@ -815,9 +1125,9 @@ function CalendarDayButton({
 
 // src/components/ui/card.tsx
 import "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "card",
@@ -830,7 +1140,7 @@ function Card({ className, ...props }) {
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "card-header",
@@ -843,7 +1153,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "card-title",
@@ -853,7 +1163,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "card-description",
@@ -863,7 +1173,7 @@ function CardDescription({ className, ...props }) {
   );
 }
 function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "card-action",
@@ -876,7 +1186,7 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "card-content",
@@ -886,7 +1196,7 @@ function CardContent({ className, ...props }) {
   );
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "card-footer",
@@ -897,13 +1207,13 @@ function CardFooter({ className, ...props }) {
 }
 
 // src/components/ui/carousel.tsx
-import * as React12 from "react";
+import * as React16 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
-var CarouselContext = React12.createContext(null);
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
+var CarouselContext = React16.createContext(null);
 function useCarousel() {
-  const context = React12.useContext(CarouselContext);
+  const context = React16.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -925,20 +1235,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React12.useState(false);
-  const [canScrollNext, setCanScrollNext] = React12.useState(false);
-  const onSelect = React12.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React16.useState(false);
+  const [canScrollNext, setCanScrollNext] = React16.useState(false);
+  const onSelect = React16.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React12.useCallback(() => {
+  const scrollPrev = React16.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React12.useCallback(() => {
+  const scrollNext = React16.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React12.useCallback(
+  const handleKeyDown = React16.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -950,11 +1260,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React12.useEffect(() => {
+  React16.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React12.useEffect(() => {
+  React16.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -963,7 +1273,7 @@ function Carousel({
       api?.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx17(
     CarouselContext.Provider,
     {
       value: {
@@ -976,7 +1286,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsx17(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -993,13 +1303,13 @@ function Carousel({
 }
 function CarouselContent({ className, ...props }) {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       ref: carouselRef,
       className: "overflow-hidden",
       "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsx17(
         "div",
         {
           className: cn(
@@ -1015,7 +1325,7 @@ function CarouselContent({ className, ...props }) {
 }
 function CarouselItem({ className, ...props }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       role: "group",
@@ -1037,7 +1347,7 @@ function CarouselPrevious({
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs7(
     Button,
     {
       "data-slot": "carousel-previous",
@@ -1052,8 +1362,8 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx13(ArrowLeft, {}),
-        /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx17(ArrowLeft, {}),
+        /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -1065,7 +1375,7 @@ function CarouselNext({
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs7(
     Button,
     {
       "data-slot": "carousel-next",
@@ -1080,21 +1390,21 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx13(ArrowRight, {}),
-        /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx17(ArrowRight, {}),
+        /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
 }
 
 // src/components/ui/chart.tsx
-import * as React13 from "react";
+import * as React17 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React13.createContext(null);
+var ChartContext = React17.createContext(null);
 function useChart() {
-  const context = React13.useContext(ChartContext);
+  const context = React17.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -1107,9 +1417,9 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React13.useId();
+  const uniqueId = React17.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx14(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx18(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs8(
     "div",
     {
       "data-slot": "chart",
@@ -1120,8 +1430,8 @@ function ChartContainer({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx14(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx14(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx18(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx18(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -1133,7 +1443,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx18(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -1168,7 +1478,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React13.useMemo(() => {
+  const tooltipLabel = React17.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -1177,12 +1487,12 @@ function ChartTooltipContent({
     const itemConfig = getPayloadConfigFromPayload(config, item, key);
     const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
     if (labelFormatter) {
-      return /* @__PURE__ */ jsx14("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+      return /* @__PURE__ */ jsx18("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
     }
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ jsx14("div", { className: cn("font-medium", labelClassName), children: value });
+    return /* @__PURE__ */ jsx18("div", { className: cn("font-medium", labelClassName), children: value });
   }, [
     label,
     labelFormatter,
@@ -1196,7 +1506,7 @@ function ChartTooltipContent({
     return null;
   }
   const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: cn(
@@ -1205,19 +1515,19 @@ function ChartTooltipContent({
       ),
       children: [
         !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ jsx14("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+        /* @__PURE__ */ jsx18("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__ */ jsx14(
+          return /* @__PURE__ */ jsx18(
             "div",
             {
               className: cn(
                 "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
                 indicator === "dot" && "items-center"
               ),
-              children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
-                itemConfig?.icon ? /* @__PURE__ */ jsx14(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx14(
+              children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
+                itemConfig?.icon ? /* @__PURE__ */ jsx18(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx18(
                   "div",
                   {
                     className: cn(
@@ -1235,7 +1545,7 @@ function ChartTooltipContent({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs5(
+                /* @__PURE__ */ jsxs8(
                   "div",
                   {
                     className: cn(
@@ -1243,11 +1553,11 @@ function ChartTooltipContent({
                       nestLabel ? "items-end" : "items-center"
                     ),
                     children: [
-                      /* @__PURE__ */ jsxs5("div", { className: "grid gap-1.5", children: [
+                      /* @__PURE__ */ jsxs8("div", { className: "grid gap-1.5", children: [
                         nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                        /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
                       ] }),
-                      item.value && /* @__PURE__ */ jsx14("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() })
+                      item.value && /* @__PURE__ */ jsx18("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() })
                     ]
                   }
                 )
@@ -1272,7 +1582,7 @@ function ChartLegendContent({
   if (!payload?.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       className: cn(
@@ -1283,14 +1593,14 @@ function ChartLegendContent({
       children: payload.map((item) => {
         const key = `${nameKey || item.dataKey || "value"}`;
         const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ jsxs5(
+        return /* @__PURE__ */ jsxs8(
           "div",
           {
             className: cn(
               "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
             ),
             children: [
-              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx14(itemConfig.icon, {}) : /* @__PURE__ */ jsx14(
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx18(itemConfig.icon, {}) : /* @__PURE__ */ jsx18(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -1326,12 +1636,12 @@ function getPayloadConfigFromPayload(config, payload, key) {
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
 import "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Checkbox({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx19(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
@@ -1340,13 +1650,13 @@ function Checkbox({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx19(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           forceMount: true,
           className: "flex items-center justify-center text-current transition-opacity duration-400 opacity-0 group-data-[state=checked]:opacity-100",
-          children: /* @__PURE__ */ jsx15(Check, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx19(Check, { className: "size-3.5" })
         }
       )
     }
@@ -1355,16 +1665,16 @@ function Checkbox({
 
 // src/components/ui/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Collapsible({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+  return /* @__PURE__ */ jsx20(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
 }
 function CollapsibleTrigger2({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx20(
     CollapsiblePrimitive.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
@@ -1375,7 +1685,7 @@ function CollapsibleTrigger2({
 function CollapsibleContent2({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx20(
     CollapsiblePrimitive.CollapsibleContent,
     {
       "data-slot": "collapsible-content",
@@ -1393,32 +1703,32 @@ import { SearchIcon } from "lucide-react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
 import "react";
-import { jsx as jsx17, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx21(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx21(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx21(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ jsx21(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
@@ -1437,9 +1747,9 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx17(DialogOverlay, { className: overlayClassName }),
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs9(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx21(DialogOverlay, { className: overlayClassName }),
+    /* @__PURE__ */ jsxs9(
       DialogPrimitive.Content,
       {
         "data-slot": "dialog-content",
@@ -1450,14 +1760,14 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs6(
+          showCloseButton && /* @__PURE__ */ jsxs9(
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx17(XIcon, {}),
-                /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx21(XIcon, {}),
+                /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -1467,7 +1777,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "dialog-header",
@@ -1477,7 +1787,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -1493,7 +1803,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -1506,7 +1816,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
@@ -1517,12 +1827,12 @@ function DialogDescription({
 }
 
 // src/components/ui/command.tsx
-import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive,
     {
       "data-slot": "command",
@@ -1542,17 +1852,17 @@ function CommandDialog({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs7(Dialog, { ...props, children: [
-    /* @__PURE__ */ jsxs7(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsx18(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx18(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsxs10(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs10(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx22(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx22(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx22(
       DialogContent,
       {
         className: cn("overflow-hidden p-0", className),
         showCloseButton,
-        children: /* @__PURE__ */ jsx18(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[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 })
+        children: /* @__PURE__ */ jsx22(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[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 })
       }
     )
   ] });
@@ -1561,14 +1871,14 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ jsx18(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx22(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx22(
           CommandPrimitive.Input,
           {
             "data-slot": "command-input",
@@ -1587,7 +1897,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.List,
     {
       "data-slot": "command-list",
@@ -1602,7 +1912,7 @@ function CommandList({
 function CommandEmpty({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.Empty,
     {
       "data-slot": "command-empty",
@@ -1615,7 +1925,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.Group,
     {
       "data-slot": "command-group",
@@ -1631,7 +1941,7 @@ function CommandSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.Separator,
     {
       "data-slot": "command-separator",
@@ -1644,7 +1954,7 @@ function CommandItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.Item,
     {
       "data-slot": "command-item",
@@ -1660,7 +1970,7 @@ function CommandShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx22(
     "span",
     {
       "data-slot": "command-shortcut",
@@ -1677,36 +1987,36 @@ function CommandShortcut({
 import "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { CheckIcon, ChevronRightIcon as ChevronRightIcon2, CircleIcon } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
 function ContextMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
 }
 function ContextMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
 }
 function ContextMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
 }
 function ContextMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.RadioGroup,
     {
       "data-slot": "context-menu-radio-group",
@@ -1720,7 +2030,7 @@ function ContextMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs11(
     ContextMenuPrimitive.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
@@ -1732,7 +2042,7 @@ function ContextMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx19(ChevronRightIcon2, { className: "ml-auto" })
+        /* @__PURE__ */ jsx23(ChevronRightIcon2, { className: "ml-auto" })
       ]
     }
   );
@@ -1741,7 +2051,7 @@ function ContextMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.SubContent,
     {
       "data-slot": "context-menu-sub-content",
@@ -1757,7 +2067,7 @@ function ContextMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.Content,
     {
       "data-slot": "context-menu-content",
@@ -1775,7 +2085,7 @@ function ContextMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.Item,
     {
       "data-slot": "context-menu-item",
@@ -1795,7 +2105,7 @@ function ContextMenuCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs11(
     ContextMenuPrimitive.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
@@ -1806,7 +2116,7 @@ function ContextMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx19("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -1817,7 +2127,7 @@ function ContextMenuRadioItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs11(
     ContextMenuPrimitive.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
@@ -1827,7 +2137,7 @@ function ContextMenuRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx19("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -1838,7 +2148,7 @@ function ContextMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.Label,
     {
       "data-slot": "context-menu-label",
@@ -1855,7 +2165,7 @@ function ContextMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.Separator,
     {
       "data-slot": "context-menu-separator",
@@ -1868,7 +2178,7 @@ function ContextMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx23(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -1889,16 +2199,16 @@ import {
   isValid
 } from "date-fns";
 import { CalendarDays } from "lucide-react";
-import * as React20 from "react";
+import * as React24 from "react";
 
 // src/components/ui/input.tsx
-import { cva as cva4 } from "class-variance-authority";
-import * as React18 from "react";
-import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
-var inputVariants = cva4(
+import { cva as cva8 } from "class-variance-authority";
+import * as React22 from "react";
+import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+var inputVariants = cva8(
   [
     // Base styles
-    "file:text-zinc-800 placeholder:text-gray-subtle selection:bg-primary selection:text-primary-foreground",
+    "file:text-foreground-secondary placeholder:text-gray-subtle selection:bg-primary selection:text-primary-foreground",
     "flex w-full min-w-0 rounded-md border bg-transparent text-base  transition-all duration-400",
     "outline-none font-sans",
     // File input styles
@@ -1908,11 +2218,11 @@ var inputVariants = cva4(
     // Responsive text size
     "md:text-sm",
     // Default state
-    "border-zinc-300 bg-background",
+    "border-border-default bg-background",
     // Hover state
     "hover:border-primary-stroke-default",
     // Focus state
-    "focus:border-blue-500",
+    "focus:border-focus-ring",
     "active:border-brand-normal"
   ],
   {
@@ -1928,7 +2238,7 @@ var inputVariants = cva4(
     }
   }
 );
-var Input = React18.forwardRef(
+var Input = React22.forwardRef(
   ({
     className,
     type,
@@ -1948,8 +2258,8 @@ var Input = React18.forwardRef(
       "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
     ] : [];
     if (leftIcon || rightIcon) {
-      return /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx20(
+      return /* @__PURE__ */ jsxs12("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx24(
           "input",
           {
             type,
@@ -1967,24 +2277,24 @@ var Input = React18.forwardRef(
             ...props
           }
         ),
-        leftIcon && /* @__PURE__ */ jsx20(
+        leftIcon && /* @__PURE__ */ jsx24(
           "div",
           {
             className: cn(
               "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 flex items-center justify-center",
               "transition-colors stroke-[1.5px]",
-              error ? "text-destructive peer-hover:text-destructive peer-focus:text-destructive peer-active:text-destructive" : "text-muted-foreground peer-hover:text-brand-normal peer-focus:text-blue-500 peer-active:text-brand-normal",
+              error ? "text-destructive peer-hover:text-destructive peer-focus:text-destructive peer-active:text-destructive" : "text-muted-foreground peer-hover:text-brand-normal peer-focus:text-focus-ring peer-active:text-brand-normal",
               leftIconClassName
             ),
-            children: React18.isValidElement(leftIcon) ? (() => {
+            children: React22.isValidElement(leftIcon) ? (() => {
               const iconEl = leftIcon;
-              return React18.cloneElement(iconEl, {
+              return React22.cloneElement(iconEl, {
                 className: cn("h-4 w-4", iconEl.props.className)
               });
             })() : leftIcon
           }
         ),
-        rightIcon && /* @__PURE__ */ jsx20(
+        rightIcon && /* @__PURE__ */ jsx24(
           Button,
           {
             onClick: rightIconOnClick,
@@ -1993,14 +2303,14 @@ var Input = React18.forwardRef(
             className: cn(
               "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center",
               "h-6 w-6 rounded-sm transition-colors",
-              error ? "text-destructive hover:text-destructive focus:text-destructive" : "text-muted-foreground hover:text-brand-normal focus:text-blue-500",
+              error ? "text-destructive hover:text-destructive focus:text-destructive" : "text-muted-foreground hover:text-brand-normal focus:text-focus-ring",
               rightIconClassName
             ),
             "aria-label": "Input action",
             ...rightIconButtonProps,
-            children: React18.isValidElement(rightIcon) ? (() => {
+            children: React22.isValidElement(rightIcon) ? (() => {
               const iconEl = rightIcon;
-              return React18.cloneElement(iconEl, {
+              return React22.cloneElement(iconEl, {
                 className: cn("h-4 w-4", iconEl.props.className)
               });
             })() : rightIcon
@@ -2008,7 +2318,7 @@ var Input = React18.forwardRef(
         )
       ] });
     }
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx24(
       "input",
       {
         type,
@@ -2026,16 +2336,16 @@ Input.displayName = "Input";
 // src/components/ui/popover.tsx
 import "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx25(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx25(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -2043,7 +2353,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx25(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -2060,11 +2370,11 @@ function PopoverContent({
 function PopoverAnchor({
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+  return /* @__PURE__ */ jsx25(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 
 // src/components/ui/date-input.tsx
-import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 var DATE_FORMAT_TOKENS = {
   "MM/DD/YYYY": "MM/dd/yyyy",
   "DD/MM/YYYY": "dd/MM/yyyy",
@@ -2199,10 +2509,10 @@ function DateInput({
   ...restProps
 }) {
   const resolvedPlaceholder = placeholder ?? DATE_FORMAT_PLACEHOLDER[dateFormat];
-  const [open, setOpen] = React20.useState(false);
-  const [monthState, setMonthState] = React20.useState(date ?? null);
-  const [value, setValue] = React20.useState(formatDate(date ?? null, dateFormat));
-  const [inputProps, calendarProps] = React20.useMemo(() => {
+  const [open, setOpen] = React24.useState(false);
+  const [monthState, setMonthState] = React24.useState(date ?? null);
+  const [value, setValue] = React24.useState(formatDate(date ?? null, dateFormat));
+  const [inputProps, calendarProps] = React24.useMemo(() => {
     const nextInputProps = {};
     const nextCalendarProps = {};
     for (const [key, val] of Object.entries(restProps)) {
@@ -2218,12 +2528,12 @@ function DateInput({
       nextCalendarProps
     ];
   }, [restProps]);
-  const today = React20.useMemo(() => {
+  const today = React24.useMemo(() => {
     const d = /* @__PURE__ */ new Date();
     d.setHours(0, 0, 0, 0);
     return d;
   }, []);
-  const effectiveMaxDate = React20.useMemo(() => {
+  const effectiveMaxDate = React24.useMemo(() => {
     if (disableFuture) {
       if (maxDate) {
         const max = new Date(maxDate);
@@ -2239,7 +2549,7 @@ function DateInput({
     }
     return void 0;
   }, [maxDate, disableFuture, today]);
-  const effectiveMinDate = React20.useMemo(() => {
+  const effectiveMinDate = React24.useMemo(() => {
     if (minDate) {
       const min = new Date(minDate);
       min.setHours(0, 0, 0, 0);
@@ -2247,19 +2557,19 @@ function DateInput({
     }
     return null;
   }, [minDate]);
-  const dropdownStartMonth = React20.useMemo(() => {
+  const dropdownStartMonth = React24.useMemo(() => {
     if (effectiveMinDate) return effectiveMinDate;
     const d = new Date(today);
     d.setFullYear(d.getFullYear() - 100);
     return d;
   }, [effectiveMinDate, today]);
-  const dropdownEndMonth = React20.useMemo(() => {
+  const dropdownEndMonth = React24.useMemo(() => {
     if (effectiveMaxDate) return effectiveMaxDate;
     const d = new Date(today);
     d.setFullYear(d.getFullYear() + 100);
     return d;
   }, [effectiveMaxDate, today]);
-  React20.useEffect(() => {
+  React24.useEffect(() => {
     if (date) {
       setValue(formatDate(date, dateFormat));
       setMonthState(date);
@@ -2349,8 +2659,8 @@ function DateInput({
       }
     }
   };
-  return /* @__PURE__ */ jsx22("div", { className: cn("relative flex gap-2", className), children: /* @__PURE__ */ jsxs10(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx22(PopoverTrigger, { asChild: true, disabled: isInputDisabled, children: /* @__PURE__ */ jsx22("div", { className: "w-full relative group", children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx26("div", { className: cn("relative flex gap-2", className), children: /* @__PURE__ */ jsxs13(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx26(PopoverTrigger, { asChild: true, disabled: isInputDisabled, children: /* @__PURE__ */ jsx26("div", { className: "w-full relative group", children: /* @__PURE__ */ jsx26(
       Input,
       {
         id: "date",
@@ -2358,7 +2668,7 @@ function DateInput({
         placeholder: resolvedPlaceholder,
         className: cn(
           "bg-background cursor-pointer",
-          "group-data-[state=open]:border-blue-500 group-data-[state=open]:hover:border-blue-500",
+          "group-data-[state=open]:border-focus-ring group-data-[state=open]:hover:border-focus-ring",
           inputClassName
         ),
         onChange: handleInputChange,
@@ -2370,13 +2680,13 @@ function DateInput({
             setOpen(true);
           }
         },
-        rightIcon: /* @__PURE__ */ jsx22(CalendarDays, { className: "h-4 w-4 text-muted-foreground" }),
+        rightIcon: /* @__PURE__ */ jsx26(CalendarDays, { className: "h-4 w-4 text-muted-foreground" }),
         rightIconOnClick: isInputDisabled ? void 0 : () => setOpen(!open),
         rightIconButtonProps: { disabled: isInputDisabled },
         ...inputProps
       }
     ) }) }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx26(
       PopoverContent,
       {
         className: cn(
@@ -2384,7 +2694,7 @@ function DateInput({
           popoverContentClassName
         ),
         ...popoverContentProps,
-        children: /* @__PURE__ */ jsx22("div", { className: "border border-blue-500 h-full w-full rounded-md", children: /* @__PURE__ */ jsx22(Calendar, { ...resolvedCalendarProps }) })
+        children: /* @__PURE__ */ jsx26("div", { className: "border border-focus-ring h-full w-full rounded-md", children: /* @__PURE__ */ jsx26(Calendar, { ...resolvedCalendarProps }) })
       }
     )
   ] }) });
@@ -2394,8 +2704,8 @@ function DateInput({
 import "class-variance-authority";
 import { format as dateFnsFormat2, isValid as isValid2 } from "date-fns";
 import { CalendarDays as CalendarDays2 } from "lucide-react";
-import * as React21 from "react";
-import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
+import * as React25 from "react";
+import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
 var DATE_FORMAT_TOKENS2 = {
   "MM/DD/YYYY": "MM/dd/yyyy",
   "DD/MM/YYYY": "dd/MM/yyyy",
@@ -2477,22 +2787,22 @@ function DateRangeInput({
   ...restProps
 }) {
   const resolvedPlaceholder = placeholder ?? rangePlaceholder(dateFormat);
-  const [open, setOpen] = React21.useState(false);
-  const [monthState, setMonthState] = React21.useState(
+  const [open, setOpen] = React25.useState(false);
+  const [monthState, setMonthState] = React25.useState(
     dateRange?.from ?? null
   );
   const displayValue = formatRange(dateRange, dateFormat);
-  React21.useEffect(() => {
+  React25.useEffect(() => {
     if (dateRange?.from) {
       setMonthState(dateRange.from);
     }
   }, [dateRange]);
-  const today = React21.useMemo(() => {
+  const today = React25.useMemo(() => {
     const d = /* @__PURE__ */ new Date();
     d.setHours(0, 0, 0, 0);
     return d;
   }, []);
-  const effectiveMaxDate = React21.useMemo(() => {
+  const effectiveMaxDate = React25.useMemo(() => {
     if (disableFuture) {
       if (maxDate) {
         const max = new Date(maxDate);
@@ -2508,7 +2818,7 @@ function DateRangeInput({
     }
     return void 0;
   }, [maxDate, disableFuture, today]);
-  const effectiveMinDate = React21.useMemo(() => {
+  const effectiveMinDate = React25.useMemo(() => {
     if (minDate) {
       const min = new Date(minDate);
       min.setHours(0, 0, 0, 0);
@@ -2516,13 +2826,13 @@ function DateRangeInput({
     }
     return null;
   }, [minDate]);
-  const dropdownStartMonth = React21.useMemo(() => {
+  const dropdownStartMonth = React25.useMemo(() => {
     if (effectiveMinDate) return effectiveMinDate;
     const d = new Date(today);
     d.setFullYear(d.getFullYear() - 100);
     return d;
   }, [effectiveMinDate, today]);
-  const dropdownEndMonth = React21.useMemo(() => {
+  const dropdownEndMonth = React25.useMemo(() => {
     if (effectiveMaxDate) return effectiveMaxDate;
     const d = new Date(today);
     d.setFullYear(d.getFullYear() + 100);
@@ -2572,8 +2882,8 @@ function DateRangeInput({
     onSelect: handleCalendarSelect,
     disabled: calendarDisabled ?? defaultCalendarDisabled
   };
-  return /* @__PURE__ */ jsx23("div", { className: cn("relative flex gap-2", className), children: /* @__PURE__ */ jsxs11(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx23(PopoverTrigger, { asChild: true, disabled: isInputDisabled, children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx27("div", { className: cn("relative flex gap-2", className), children: /* @__PURE__ */ jsxs14(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx27(PopoverTrigger, { asChild: true, disabled: isInputDisabled, children: /* @__PURE__ */ jsxs14(
       Button,
       {
         type: "button",
@@ -2581,18 +2891,18 @@ function DateRangeInput({
         className: cn(
           inputVariants({ size }),
           "bg-background cursor-pointer w-full text-left flex items-center justify-between gap-2 font-normal",
-          "data-[state=open]:border-blue-500 data-[state=open]:hover:border-blue-500",
+          "data-[state=open]:border-focus-ring data-[state=open]:hover:border-focus-ring",
           isInputDisabled && "pointer-events-none cursor-not-allowed opacity-50",
           inputClassName
         ),
         disabled: isInputDisabled,
         children: [
           displayValue || resolvedPlaceholder,
-          /* @__PURE__ */ jsx23(CalendarDays2, { className: "h-4 w-4 text-muted-foreground shrink-0" })
+          /* @__PURE__ */ jsx27(CalendarDays2, { className: "h-4 w-4 text-muted-foreground shrink-0" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx27(
       PopoverContent,
       {
         className: cn(
@@ -2600,10 +2910,10 @@ function DateRangeInput({
           popoverContentClassName
         ),
         ...popoverContentProps,
-        children: /* @__PURE__ */ jsxs11("div", { className: "border border-blue-500 h-full w-full rounded-md flex flex-col overflow-y-auto justify-between", children: [
-          /* @__PURE__ */ jsx23(Calendar, { ...resolvedCalendarProps }),
-          /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-2 px-2 pb-1 shrink-0", children: [
-            /* @__PURE__ */ jsx23(
+        children: /* @__PURE__ */ jsxs14("div", { className: "border border-focus-ring h-full w-full rounded-md flex flex-col overflow-y-auto justify-between", children: [
+          /* @__PURE__ */ jsx27(Calendar, { ...resolvedCalendarProps }),
+          /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2 px-2 pb-1 shrink-0", children: [
+            /* @__PURE__ */ jsx27(
               Button,
               {
                 variant: "ghost-secondary",
@@ -2613,7 +2923,7 @@ function DateRangeInput({
                 children: "Clear"
               }
             ),
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx27(
               Button,
               {
                 variant: "primary",
@@ -2633,32 +2943,32 @@ function DateRangeInput({
 // src/components/ui/drawer.tsx
 import "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 function Drawer({
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(DrawerPrimitive.Root, { "data-slot": "drawer", ...props, repositionInputs: false });
+  return /* @__PURE__ */ jsx28(DrawerPrimitive.Root, { "data-slot": "drawer", ...props, repositionInputs: false });
 }
 function DrawerTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ jsx28(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ jsx28(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ jsx28(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx28(
     DrawerPrimitive.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -2676,9 +2986,9 @@ function DrawerContent({
   withCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs12(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsx24(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs15(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx28(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs15(
       DrawerPrimitive.Content,
       {
         "data-slot": "drawer-content",
@@ -2692,7 +3002,7 @@ function DrawerContent({
         ),
         ...props,
         children: [
-          withCloseButton && /* @__PURE__ */ jsx24("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          withCloseButton && /* @__PURE__ */ jsx28("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       }
@@ -2700,7 +3010,7 @@ function DrawerContent({
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "drawer-header",
@@ -2713,7 +3023,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -2726,7 +3036,7 @@ function DrawerTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx28(
     DrawerPrimitive.Title,
     {
       "data-slot": "drawer-title",
@@ -2739,7 +3049,7 @@ function DrawerDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx28(
     DrawerPrimitive.Description,
     {
       "data-slot": "drawer-description",
@@ -2753,21 +3063,21 @@ function DrawerDescription({
 import "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { CheckIcon as CheckIcon2, ChevronRightIcon as ChevronRightIcon3, CircleIcon as CircleIcon2 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx29(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ jsx29(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx29(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -2780,7 +3090,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx29(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -2796,7 +3106,7 @@ function DropdownMenuContent({
 function DropdownMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ jsx29(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuItem({
   className,
@@ -2804,7 +3114,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx29(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -2824,7 +3134,7 @@ function DropdownMenuCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs16(
     DropdownMenuPrimitive.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
@@ -2835,7 +3145,7 @@ function DropdownMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx25("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(CheckIcon2, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx29("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(CheckIcon2, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -2844,7 +3154,7 @@ function DropdownMenuCheckboxItem({
 function DropdownMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx29(
     DropdownMenuPrimitive.RadioGroup,
     {
       "data-slot": "dropdown-menu-radio-group",
@@ -2857,7 +3167,7 @@ function DropdownMenuRadioItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs16(
     DropdownMenuPrimitive.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
@@ -2867,7 +3177,7 @@ function DropdownMenuRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx25("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(CircleIcon2, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx29("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -2878,7 +3188,7 @@ function DropdownMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx29(
     DropdownMenuPrimitive.Label,
     {
       "data-slot": "dropdown-menu-label",
@@ -2895,7 +3205,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx29(
     DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -2908,7 +3218,7 @@ function DropdownMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx29(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -2923,7 +3233,7 @@ function DropdownMenuShortcut({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx29(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -2931,7 +3241,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs16(
     DropdownMenuPrimitive.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -2943,7 +3253,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx25(ChevronRightIcon3, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx29(ChevronRightIcon3, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -2952,7 +3262,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx29(
     DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -2966,7 +3276,7 @@ function DropdownMenuSubContent({
 }
 
 // src/components/ui/form.tsx
-import * as React25 from "react";
+import * as React29 from "react";
 import "@radix-ui/react-label";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import {
@@ -2978,10 +3288,10 @@ import {
 
 // src/components/ui/label.tsx
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { cva as cva5 } from "class-variance-authority";
+import { cva as cva9 } from "class-variance-authority";
 import "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var labelTextVariants = cva5("font-sans font-semibold ", {
+import { jsx as jsx30 } from "react/jsx-runtime";
+var labelTextVariants = cva9("font-sans font-semibold ", {
   variants: {
     size: {
       lg: "text-base md:text-lg md:leading-[1.625rem] leading-[1.5rem]",
@@ -3001,7 +3311,7 @@ function Label3({
   ...props
 }) {
   const Comp = asChild ? Slot4 : "label";
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx30(
     Comp,
     {
       "data-slot": "label",
@@ -3012,19 +3322,19 @@ function Label3({
 }
 
 // src/components/ui/form.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React25.createContext(
+var FormFieldContext = React29.createContext(
   {}
 );
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx27(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx27(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx31(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx31(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React25.useContext(FormFieldContext);
-  const itemContext = React25.useContext(FormItemContext);
+  const fieldContext = React29.useContext(FormFieldContext);
+  const itemContext = React29.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -3041,12 +3351,12 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React25.createContext(
+var FormItemContext = React29.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React25.useId();
-  return /* @__PURE__ */ jsx27(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx27(
+  const id = React29.useId();
+  return /* @__PURE__ */ jsx31(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "form-item",
@@ -3060,7 +3370,7 @@ function FormLabel({
   ...props
 }) {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx31(
     Label3,
     {
       "data-slot": "form-label",
@@ -3073,7 +3383,7 @@ function FormLabel({
 }
 function FormControl({ ...props }) {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx31(
     Slot5,
     {
       "data-slot": "form-control",
@@ -3086,7 +3396,7 @@ function FormControl({ ...props }) {
 }
 function FormDescription({ className, ...props }) {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx31(
     "p",
     {
       "data-slot": "form-description",
@@ -3102,7 +3412,7 @@ function FormMessage({ className, ...props }) {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx31(
     "p",
     {
       "data-slot": "form-message",
@@ -3117,16 +3427,16 @@ function FormMessage({ className, ...props }) {
 // src/components/ui/hover-card.tsx
 import "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function HoverCard({
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -3134,7 +3444,7 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx32(
     HoverCardPrimitive.Content,
     {
       "data-slot": "hover-card-content",
@@ -3150,16 +3460,16 @@ function HoverCardContent({
 }
 
 // src/components/ui/input-otp.tsx
-import * as React27 from "react";
+import * as React31 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
 function InputOTP({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx33(
     OTPInput,
     {
       "data-slot": "input-otp",
@@ -3173,7 +3483,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -3187,9 +3497,9 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React27.useContext(OTPInputContext);
+  const inputOTPContext = React31.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -3201,25 +3511,25 @@ function InputOTPSlot({
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx29("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx29("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx33("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx33("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx29("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx29(MinusIcon, {}) });
+  return /* @__PURE__ */ jsx33("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx33(MinusIcon, {}) });
 }
 
 // src/components/ui/menubar.tsx
 import "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon4, CircleIcon as CircleIcon3 } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 function Menubar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     MenubarPrimitive.Root,
     {
       "data-slot": "menubar",
@@ -3234,28 +3544,28 @@ function Menubar({
 function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+  return /* @__PURE__ */ jsx34(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
 }
 function MenubarGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
+  return /* @__PURE__ */ jsx34(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
 }
 function MenubarPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
+  return /* @__PURE__ */ jsx34(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
 }
 function MenubarRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+  return /* @__PURE__ */ jsx34(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
 }
 function MenubarTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     MenubarPrimitive.Trigger,
     {
       "data-slot": "menubar-trigger",
@@ -3274,7 +3584,7 @@ function MenubarContent({
   sideOffset = 8,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(MenubarPortal, { children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(MenubarPortal, { children: /* @__PURE__ */ jsx34(
     MenubarPrimitive.Content,
     {
       "data-slot": "menubar-content",
@@ -3295,7 +3605,7 @@ function MenubarItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     MenubarPrimitive.Item,
     {
       "data-slot": "menubar-item",
@@ -3315,7 +3625,7 @@ function MenubarCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs18(
     MenubarPrimitive.CheckboxItem,
     {
       "data-slot": "menubar-checkbox-item",
@@ -3326,7 +3636,7 @@ function MenubarCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx30("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx30(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(CheckIcon3, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx34("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(CheckIcon3, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -3337,7 +3647,7 @@ function MenubarRadioItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs18(
     MenubarPrimitive.RadioItem,
     {
       "data-slot": "menubar-radio-item",
@@ -3347,7 +3657,7 @@ function MenubarRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx30("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx30(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(CircleIcon3, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx34("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(CircleIcon3, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -3358,7 +3668,7 @@ function MenubarLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     MenubarPrimitive.Label,
     {
       "data-slot": "menubar-label",
@@ -3375,7 +3685,7 @@ function MenubarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     MenubarPrimitive.Separator,
     {
       "data-slot": "menubar-separator",
@@ -3388,7 +3698,7 @@ function MenubarShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     "span",
     {
       "data-slot": "menubar-shortcut",
@@ -3403,7 +3713,7 @@ function MenubarShortcut({
 function MenubarSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+  return /* @__PURE__ */ jsx34(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
 function MenubarSubTrigger({
   className,
@@ -3411,7 +3721,7 @@ function MenubarSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs18(
     MenubarPrimitive.SubTrigger,
     {
       "data-slot": "menubar-sub-trigger",
@@ -3423,7 +3733,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx30(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx34(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
@@ -3432,7 +3742,7 @@ function MenubarSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     MenubarPrimitive.SubContent,
     {
       "data-slot": "menubar-sub-content",
@@ -3448,16 +3758,16 @@ function MenubarSubContent({
 // src/components/ui/navigation-menu.tsx
 import "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { cva as cva6 } from "class-variance-authority";
+import { cva as cva10 } from "class-variance-authority";
 import { ChevronDownIcon as ChevronDownIcon3 } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 function NavigationMenu({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs19(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -3469,7 +3779,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx31(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx35(NavigationMenuViewport, {})
       ]
     }
   );
@@ -3478,7 +3788,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx35(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -3494,7 +3804,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx35(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -3503,7 +3813,7 @@ function NavigationMenuItem({
     }
   );
 }
-var navigationMenuTriggerStyle = cva6(
+var navigationMenuTriggerStyle = cva10(
   "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
 );
 function NavigationMenuTrigger({
@@ -3511,7 +3821,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs19(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -3520,7 +3830,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx35(
           ChevronDownIcon3,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-400 group-data-[state=open]:rotate-180",
@@ -3535,7 +3845,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx35(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -3552,13 +3862,13 @@ function NavigationMenuViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx35(
         NavigationMenuPrimitive.Viewport,
         {
           "data-slot": "navigation-menu-viewport",
@@ -3576,7 +3886,7 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx35(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -3592,7 +3902,7 @@ function NavigationMenuIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx35(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -3601,7 +3911,7 @@ function NavigationMenuIndicator({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx31("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ jsx35("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
     }
   );
 }
@@ -3613,9 +3923,9 @@ import {
   ChevronRightIcon as ChevronRightIcon5,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx36(
     "nav",
     {
       role: "navigation",
@@ -3630,7 +3940,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx36(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -3640,7 +3950,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx32("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx36("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -3648,7 +3958,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx36(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -3669,7 +3979,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs20(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -3677,8 +3987,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx32(ChevronLeftIcon2, {}),
-        /* @__PURE__ */ jsx32("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx36(ChevronLeftIcon2, {}),
+        /* @__PURE__ */ jsx36("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -3687,7 +3997,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs20(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -3695,8 +4005,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx32("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx32(ChevronRightIcon5, {})
+        /* @__PURE__ */ jsx36("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx36(ChevronRightIcon5, {})
       ]
     }
   );
@@ -3705,7 +4015,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs20(
     "span",
     {
       "aria-hidden": true,
@@ -3713,8 +4023,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx32(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx36(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -3723,13 +4033,13 @@ function PaginationEllipsis({
 // src/components/ui/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx37(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -3738,7 +4048,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx33(
+      children: /* @__PURE__ */ jsx37(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -3754,12 +4064,12 @@ function Progress({
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { CircleIcon as CircleIcon4 } from "lucide-react";
 import "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function RadioGroup4({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx38(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -3772,7 +4082,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx38(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -3781,12 +4091,12 @@ function RadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx34(
+      children: /* @__PURE__ */ jsx38(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx34(CircleIcon4, { className: "fill-white absolute top-1/2 left-1/2 size-1.5 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ jsx38(CircleIcon4, { className: "fill-white absolute top-1/2 left-1/2 size-1.5 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
@@ -3797,12 +4107,12 @@ function RadioGroupItem({
 import "react";
 import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx39(
     ResizablePrimitive.PanelGroup,
     {
       "data-slot": "resizable-panel-group",
@@ -3817,14 +4127,14 @@ function ResizablePanelGroup({
 function ResizablePanel({
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ jsx39(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   withHandle,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx39(
     ResizablePrimitive.PanelResizeHandle,
     {
       "data-slot": "resizable-handle",
@@ -3833,7 +4143,7 @@ function ResizableHandle({
         className
       ),
       ...props,
-      children: withHandle && /* @__PURE__ */ jsx35("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx35(GripVerticalIcon, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx39("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx39(GripVerticalIcon, { className: "size-2.5" }) })
     }
   );
 }
@@ -3841,20 +4151,20 @@ function ResizableHandle({
 // src/components/ui/scroll-area.tsx
 import "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs21(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx40(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -3862,8 +4172,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx36(ScrollBar, {}),
-        /* @__PURE__ */ jsx36(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx40(ScrollBar, {}),
+        /* @__PURE__ */ jsx40(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -3873,7 +4183,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx40(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -3885,7 +4195,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsx40(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -3897,12 +4207,12 @@ function ScrollBar({
 }
 
 // src/components/ui/searchable-select.tsx
-import * as React35 from "react";
+import * as React39 from "react";
 import { CheckIcon as CheckIcon4, ChevronsUpDown, XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
-var SearchableSelectContext = React35.createContext(null);
+import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
+var SearchableSelectContext = React39.createContext(null);
 function useSearchableSelect() {
-  const ctx = React35.useContext(SearchableSelectContext);
+  const ctx = React39.useContext(SearchableSelectContext);
   if (!ctx) {
     throw new Error(
       "SearchableSelect compound components must be used within <SearchableSelect>"
@@ -3928,11 +4238,11 @@ function SearchableSelect({
   onOpenChange,
   children
 }) {
-  const [internalOpen, setInternalOpen] = React35.useState(false);
-  const [internalValue, setInternalValue] = React35.useState(defaultValue);
-  const [internalValues, setInternalValues] = React35.useState(defaultValues);
+  const [internalOpen, setInternalOpen] = React39.useState(false);
+  const [internalValue, setInternalValue] = React39.useState(defaultValue);
+  const [internalValues, setInternalValues] = React39.useState(defaultValues);
   const open = controlledOpen ?? internalOpen;
-  const setOpen = React35.useCallback(
+  const setOpen = React39.useCallback(
     (next) => {
       if (controlledOpen !== void 0) {
         onOpenChange?.(next);
@@ -3944,7 +4254,7 @@ function SearchableSelect({
     [controlledOpen, onOpenChange]
   );
   const value = controlledValue ?? internalValue;
-  const setValue = React35.useCallback(
+  const setValue = React39.useCallback(
     (next) => {
       if (controlledValue === void 0) {
         setInternalValue(next);
@@ -3954,7 +4264,7 @@ function SearchableSelect({
     [controlledValue, onValueChange]
   );
   const values = controlledValues ?? internalValues;
-  const setValues = React35.useCallback(
+  const setValues = React39.useCallback(
     (next) => {
       if (controlledValues === void 0) {
         setInternalValues(next);
@@ -3963,14 +4273,14 @@ function SearchableSelect({
     },
     [controlledValues, onValuesChange]
   );
-  const optionMap = React35.useMemo(() => {
+  const optionMap = React39.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const opt of options) {
       map.set(opt.value, opt.label);
     }
     return map;
   }, [options]);
-  const ctx = React35.useMemo(
+  const ctx = React39.useMemo(
     () => ({
       open,
       setOpen,
@@ -4004,7 +4314,7 @@ function SearchableSelect({
       optionMap
     ]
   );
-  return /* @__PURE__ */ jsx37(SearchableSelectContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx37(Popover, { open, onOpenChange: setOpen, children }) });
+  return /* @__PURE__ */ jsx41(SearchableSelectContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx41(Popover, { open, onOpenChange: setOpen, children }) });
 }
 function SearchableSelectTrigger({
   className,
@@ -4017,7 +4327,7 @@ function SearchableSelectTrigger({
     if (children) return children;
     if (ctx.mode === "single") {
       const label = ctx.optionMap.get(ctx.value);
-      return /* @__PURE__ */ jsx37(
+      return /* @__PURE__ */ jsx41(
         "span",
         {
           "data-slot": "searchable-select-value",
@@ -4030,7 +4340,7 @@ function SearchableSelectTrigger({
       );
     }
     if (ctx.values.length === 0) {
-      return /* @__PURE__ */ jsx37(
+      return /* @__PURE__ */ jsx41(
         "span",
         {
           "data-slot": "searchable-select-value",
@@ -4041,20 +4351,20 @@ function SearchableSelectTrigger({
     }
     const visible = ctx.values.slice(0, ctx.maxCount);
     const remaining = ctx.values.length - visible.length;
-    return /* @__PURE__ */ jsxs19(
+    return /* @__PURE__ */ jsxs22(
       "span",
       {
         "data-slot": "searchable-select-value",
         className: "flex flex-wrap items-center gap-1",
         children: [
-          visible.map((v) => /* @__PURE__ */ jsxs19(
+          visible.map((v) => /* @__PURE__ */ jsxs22(
             Badge,
             {
               variant: "secondary",
               className: "gap-1 pr-1",
               children: [
-                /* @__PURE__ */ jsx37("span", { className: "truncate max-w-[120px]", children: ctx.optionMap.get(v) || v }),
-                /* @__PURE__ */ jsx37(
+                /* @__PURE__ */ jsx41("span", { className: "truncate max-w-[120px]", children: ctx.optionMap.get(v) || v }),
+                /* @__PURE__ */ jsx41(
                   "span",
                   {
                     role: "button",
@@ -4066,14 +4376,14 @@ function SearchableSelectTrigger({
                       e.stopPropagation();
                       ctx.setValues(ctx.values.filter((val) => val !== v));
                     },
-                    children: /* @__PURE__ */ jsx37(XIcon2, { className: "size-3" })
+                    children: /* @__PURE__ */ jsx41(XIcon2, { className: "size-3" })
                   }
                 )
               ]
             },
             v
           )),
-          remaining > 0 && /* @__PURE__ */ jsxs19(Badge, { variant: "outline", className: "text-muted-foreground", children: [
+          remaining > 0 && /* @__PURE__ */ jsxs22(Badge, { variant: "outline", className: "text-muted-foreground", children: [
             "+",
             remaining,
             " more"
@@ -4082,7 +4392,7 @@ function SearchableSelectTrigger({
       }
     );
   };
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs22(
     PopoverTrigger,
     {
       "data-slot": "searchable-select-trigger",
@@ -4096,7 +4406,7 @@ function SearchableSelectTrigger({
       ...props,
       children: [
         renderContent(),
-        /* @__PURE__ */ jsx37(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ jsx41(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50" })
       ]
     }
   );
@@ -4108,7 +4418,7 @@ function SearchableSelectContent({
   ...props
 }) {
   const ctx = useSearchableSelect();
-  const groupedOptions = React35.useMemo(() => {
+  const groupedOptions = React39.useMemo(() => {
     if (ctx.options.length === 0) return null;
     const groups = /* @__PURE__ */ new Map();
     for (const opt of ctx.options) {
@@ -4122,7 +4432,7 @@ function SearchableSelectContent({
     if (!groupedOptions) return null;
     const entries = Array.from(groupedOptions.entries());
     if (entries.length === 1 && entries[0][0] === "") {
-      return entries[0][1].map((opt) => /* @__PURE__ */ jsx37(
+      return entries[0][1].map((opt) => /* @__PURE__ */ jsx41(
         SearchableSelectItem,
         {
           value: opt.value,
@@ -4132,7 +4442,7 @@ function SearchableSelectContent({
         opt.value
       ));
     }
-    return entries.map(([group, opts]) => /* @__PURE__ */ jsx37(SearchableSelectGroup, { heading: group || void 0, children: opts.map((opt) => /* @__PURE__ */ jsx37(
+    return entries.map(([group, opts]) => /* @__PURE__ */ jsx41(SearchableSelectGroup, { heading: group || void 0, children: opts.map((opt) => /* @__PURE__ */ jsx41(
       SearchableSelectItem,
       {
         value: opt.value,
@@ -4142,17 +4452,17 @@ function SearchableSelectContent({
       opt.value
     )) }, group));
   };
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx41(
     PopoverContent,
     {
       "data-slot": "searchable-select-content",
       className: cn("w-[var(--radix-popover-trigger-width)] p-0", className),
       align: "start",
       ...props,
-      children: /* @__PURE__ */ jsxs19(Command, { children: [
-        ctx.searchable && /* @__PURE__ */ jsx37(CommandInput, { placeholder: ctx.searchPlaceholder }),
-        /* @__PURE__ */ jsxs19(CommandList, { children: [
-          /* @__PURE__ */ jsx37(CommandEmpty, { children: emptyText }),
+      children: /* @__PURE__ */ jsxs22(Command, { children: [
+        ctx.searchable && /* @__PURE__ */ jsx41(CommandInput, { placeholder: ctx.searchPlaceholder }),
+        /* @__PURE__ */ jsxs22(CommandList, { children: [
+          /* @__PURE__ */ jsx41(CommandEmpty, { children: emptyText }),
           children || renderAutoItems()
         ] })
       ] })
@@ -4179,7 +4489,7 @@ function SearchableSelectItem({
       );
     }
   };
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs22(
     CommandItem,
     {
       "data-slot": "searchable-select-item",
@@ -4192,18 +4502,18 @@ function SearchableSelectItem({
       "data-disabled": disabled || void 0,
       ...props,
       children: [
-        ctx.mode === "multiple" && /* @__PURE__ */ jsx37("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx37(
+        ctx.mode === "multiple" && /* @__PURE__ */ jsx41("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx41(
           "span",
           {
             className: cn(
               "size-4 rounded-sm border border-primary transition-colors",
               isSelected ? "bg-primary text-primary-foreground" : "bg-transparent"
             ),
-            children: isSelected && /* @__PURE__ */ jsx37(CheckIcon4, { className: "size-4 p-0.5" })
+            children: isSelected && /* @__PURE__ */ jsx41(CheckIcon4, { className: "size-4 p-0.5" })
           }
         ) }),
-        /* @__PURE__ */ jsx37("span", { className: "flex-1 truncate", children }),
-        ctx.mode === "single" && isSelected && /* @__PURE__ */ jsx37("span", { className: "absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx37(CheckIcon4, { className: "size-4" }) })
+        /* @__PURE__ */ jsx41("span", { className: "flex-1 truncate", children }),
+        ctx.mode === "single" && isSelected && /* @__PURE__ */ jsx41("span", { className: "absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx41(CheckIcon4, { className: "size-4" }) })
       ]
     }
   );
@@ -4212,7 +4522,7 @@ function SearchableSelectGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx41(
     CommandGroup,
     {
       "data-slot": "searchable-select-group",
@@ -4226,7 +4536,7 @@ function SearchableSelectEmpty({
   children = "No results found.",
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx41(
     CommandEmpty,
     {
       "data-slot": "searchable-select-empty",
@@ -4241,21 +4551,21 @@ function SearchableSelectEmpty({
 import "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon as CheckIcon5, ChevronDownIcon as ChevronDownIcon4, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx42(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx42(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx42(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -4263,7 +4573,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs23(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -4275,7 +4585,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx38(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx38(ChevronDownIcon4, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx42(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx42(ChevronDownIcon4, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -4286,7 +4596,7 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx42(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs23(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -4298,8 +4608,8 @@ function SelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx38(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx42(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx42(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -4309,7 +4619,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx38(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx42(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -4318,7 +4628,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx42(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
@@ -4332,7 +4642,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs23(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -4342,8 +4652,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx38("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(CheckIcon5, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx38(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx42("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx42(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx42(CheckIcon5, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx42(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -4352,7 +4662,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx42(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -4365,7 +4675,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx42(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -4374,7 +4684,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx38(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx42(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -4382,7 +4692,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx42(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -4391,7 +4701,7 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx38(ChevronDownIcon4, { className: "size-4" })
+      children: /* @__PURE__ */ jsx42(ChevronDownIcon4, { className: "size-4" })
     }
   );
 }
@@ -4399,14 +4709,14 @@ function SelectScrollDownButton({
 // src/components/ui/separator.tsx
 import "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function Separator5({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx43(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -4425,30 +4735,30 @@ function Separator5({
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon as XIcon3 } from "lucide-react";
 import "react";
-import { jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx40(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx44(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx44(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx44(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx44(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx44(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -4467,9 +4777,9 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs21(SheetPortal, { children: [
-    /* @__PURE__ */ jsx40(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs24(SheetPortal, { children: [
+    /* @__PURE__ */ jsx44(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs24(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -4484,9 +4794,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs21(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx40(XIcon3, { className: "size-4" }),
-            /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "Close" })
+          showCloseButton && /* @__PURE__ */ jsxs24(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx44(XIcon3, { className: "size-4" }),
+            /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -4494,7 +4804,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "sheet-header",
@@ -4504,7 +4814,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -4517,7 +4827,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx44(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -4530,7 +4840,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx44(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -4542,14 +4852,14 @@ function SheetDescription({
 
 // src/components/ui/sidebar.tsx
 import { Slot as Slot6 } from "@radix-ui/react-slot";
-import { cva as cva7 } from "class-variance-authority";
+import { cva as cva11 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
-import * as React41 from "react";
+import * as React45 from "react";
 
 // src/components/ui/skeleton.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "skeleton",
@@ -4562,12 +4872,13 @@ function Skeleton({ className, ...props }) {
 // src/components/ui/tooltip.tsx
 import "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx46(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -4579,12 +4890,12 @@ function TooltipProvider({
 function Tooltip2({
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(TooltipProvider, { children: /* @__PURE__ */ jsx42(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+  return /* @__PURE__ */ jsx46(TooltipProvider, { children: /* @__PURE__ */ jsx46(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx46(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -4592,7 +4903,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx46(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs25(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -4604,18 +4915,68 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx42(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsx46(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+function RichTooltipContent({
+  className,
+  sideOffset = 4,
+  icon,
+  heading,
+  dismissible = false,
+  onDismiss,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx46(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs25(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "rich-tooltip-content",
+      sideOffset,
+      className: cn(
+        "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 z-50 origin-(--radix-tooltip-content-transform-origin)",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-3 bg-gray-surface-dark rounded-[12px] px-3 py-4 text-sm leading-5 max-w-sm", children: [
+          icon && /* @__PURE__ */ jsx46("span", { className: "flex items-center justify-center shrink-0 size-5 text-white [&_svg]:size-5", children: icon }),
+          /* @__PURE__ */ jsxs25("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            heading && /* @__PURE__ */ jsx46("p", { className: "font-semibold text-sm leading-5 text-white", children: heading }),
+            /* @__PURE__ */ jsx46("div", { className: "font-normal text-sm leading-5 text-white", children })
+          ] }),
+          dismissible && /* @__PURE__ */ jsx46(
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              className: "flex items-center justify-center shrink-0 size-5 text-white/70 hover:text-white transition-colors cursor-pointer",
+              "aria-label": "Dismiss",
+              children: /* @__PURE__ */ jsx46(X2, { className: "size-2.5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx46(
+          TooltipPrimitive.Arrow,
+          {
+            width: 16,
+            height: 12,
+            className: "fill-gray-surface-dark"
+          }
+        )
       ]
     }
   ) });
 }
 
 // src/hooks/use-mobile.ts
-import * as React40 from "react";
+import * as React44 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React40.useState(void 0);
-  React40.useEffect(() => {
+  const [isMobile, setIsMobile] = React44.useState(void 0);
+  React44.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -4628,16 +4989,16 @@ function useIsMobile() {
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "18rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React41.createContext(null);
+var SidebarContext = React45.createContext(null);
 function useSidebar() {
-  const context = React41.useContext(SidebarContext);
+  const context = React45.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -4653,10 +5014,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React41.useState(false);
-  const [_open, _setOpen] = React41.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React45.useState(false);
+  const [_open, _setOpen] = React45.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React41.useCallback(
+  const setOpen = React45.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -4668,10 +5029,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React41.useCallback(() => {
+  const toggleSidebar = React45.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React41.useEffect(() => {
+  React45.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -4682,7 +5043,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React41.useMemo(
+  const contextValue = React45.useMemo(
     () => ({
       state,
       open,
@@ -4694,7 +5055,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx43(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx43(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx47(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -4722,7 +5083,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx43(
+    return /* @__PURE__ */ jsx47(
       "div",
       {
         "data-slot": "sidebar",
@@ -4736,7 +5097,7 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx43(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsx47(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs26(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -4748,16 +5109,16 @@ function Sidebar({
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs23(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx43(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx43(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs26(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx47(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx47(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx43("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx47("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -4767,7 +5128,7 @@ function Sidebar({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx47(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -4779,7 +5140,7 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx47(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -4791,7 +5152,7 @@ function Sidebar({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx43(
+            children: /* @__PURE__ */ jsx47(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -4812,7 +5173,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs26(
     Button,
     {
       "data-sidebar": "trigger",
@@ -4826,15 +5187,15 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx43(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx43("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx47(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx47("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     "button",
     {
       "data-sidebar": "rail",
@@ -4857,7 +5218,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -4874,7 +5235,7 @@ function SidebarInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     Input,
     {
       "data-slot": "sidebar-input",
@@ -4885,7 +5246,7 @@ function SidebarInput({
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -4896,7 +5257,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -4910,7 +5271,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     Separator5,
     {
       "data-slot": "sidebar-separator",
@@ -4921,7 +5282,7 @@ function SidebarSeparator({
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -4935,7 +5296,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -4951,7 +5312,7 @@ function SidebarGroupLabel({
   ...props
 }) {
   const Comp = asChild ? Slot6 : "div";
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -4971,7 +5332,7 @@ function SidebarGroupAction({
   ...props
 }) {
   const Comp = asChild ? Slot6 : "button";
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     Comp,
     {
       "data-slot": "sidebar-group-action",
@@ -4991,7 +5352,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -5002,7 +5363,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -5013,7 +5374,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -5023,7 +5384,7 @@ function SidebarMenuItem({ className, ...props }) {
     }
   );
 }
-var sidebarMenuButtonVariants = cva7(
+var sidebarMenuButtonVariants = cva11(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -5054,7 +5415,7 @@ function SidebarMenuButton({
 }) {
   const Comp = asChild ? Slot6 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx43(
+  const button = /* @__PURE__ */ jsx47(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -5073,9 +5434,9 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs23(Tooltip2, { children: [
-    /* @__PURE__ */ jsx43(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsxs26(Tooltip2, { children: [
+    /* @__PURE__ */ jsx47(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx47(
       TooltipContent,
       {
         side: "right",
@@ -5093,7 +5454,7 @@ function SidebarMenuAction({
   ...props
 }) {
   const Comp = asChild ? Slot6 : "button";
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     Comp,
     {
       "data-slot": "sidebar-menu-action",
@@ -5117,7 +5478,7 @@ function SidebarMenuBadge({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "sidebar-menu-badge",
@@ -5140,10 +5501,10 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React41.useMemo(() => {
+  const width = React45.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       "data-slot": "sidebar-menu-skeleton",
@@ -5151,14 +5512,14 @@ function SidebarMenuSkeleton({
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx43(
+        showIcon && /* @__PURE__ */ jsx47(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx47(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -5173,7 +5534,7 @@ function SidebarMenuSkeleton({
   );
 }
 function SidebarMenuSub({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     "ul",
     {
       "data-slot": "sidebar-menu-sub",
@@ -5191,7 +5552,7 @@ function SidebarMenuSubItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     "li",
     {
       "data-slot": "sidebar-menu-sub-item",
@@ -5209,7 +5570,7 @@ function SidebarMenuSubButton({
   ...props
 }) {
   const Comp = asChild ? Slot6 : "a";
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx47(
     Comp,
     {
       "data-slot": "sidebar-menu-sub-button",
@@ -5230,9 +5591,9 @@ function SidebarMenuSubButton({
 }
 
 // src/components/ui/slider.tsx
-import * as React42 from "react";
+import * as React46 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
 function Slider({
   className,
   defaultValue,
@@ -5241,11 +5602,11 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React42.useMemo(
+  const _values = React46.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs27(
     SliderPrimitive.Root,
     {
       "data-slot": "slider",
@@ -5259,14 +5620,14 @@ function Slider({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx48(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
             className: cn(
               "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ jsx44(
+            children: /* @__PURE__ */ jsx48(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -5277,7 +5638,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx44(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx48(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -5326,10 +5687,10 @@ function useMediaQuery(query) {
 }
 
 // src/components/ui/smart-dialog-drawer.tsx
-import { Fragment as Fragment3, jsx as jsx45 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx49 } from "react/jsx-runtime";
 var SmartDialog = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx45(Drawer, { ...props, children }) : /* @__PURE__ */ jsx45(Dialog, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx49(Drawer, { ...props, children }) : /* @__PURE__ */ jsx49(Dialog, { ...props, children });
 };
 var SmartDialogContent = ({
   children,
@@ -5339,14 +5700,14 @@ var SmartDialogContent = ({
   ...props
 }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx45(
+  return isMobile ? /* @__PURE__ */ jsx49(
     DrawerContent,
     {
       ...props,
       withCloseButton: withCloseButton ?? showCloseButton ?? true,
       children
     }
-  ) : /* @__PURE__ */ jsx45(
+  ) : /* @__PURE__ */ jsx49(
     DialogContent,
     {
       ...props,
@@ -5361,39 +5722,39 @@ var SmartDialogDescription = ({
   ...props
 }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx45(DrawerDescription, { ...props, children }) : /* @__PURE__ */ jsx45(DialogDescription, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx49(DrawerDescription, { ...props, children }) : /* @__PURE__ */ jsx49(DialogDescription, { ...props, children });
 };
 var SmartDialogHeader = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx45(DrawerHeader, { ...props, children }) : /* @__PURE__ */ jsx45(DialogHeader, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx49(DrawerHeader, { ...props, children }) : /* @__PURE__ */ jsx49(DialogHeader, { ...props, children });
 };
 var SmartDialogTitle = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx45(DrawerTitle, { ...props, children }) : /* @__PURE__ */ jsx45(DialogTitle, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx49(DrawerTitle, { ...props, children }) : /* @__PURE__ */ jsx49(DialogTitle, { ...props, children });
 };
 var SmartDialogTrigger = ({
   children,
   ...props
 }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx45(DrawerTrigger, { ...props, children }) : /* @__PURE__ */ jsx45(DialogTrigger, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx49(DrawerTrigger, { ...props, children }) : /* @__PURE__ */ jsx49(DialogTrigger, { ...props, children });
 };
 var SmartDialogFooter = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx45(DrawerFooter, { ...props, children }) : /* @__PURE__ */ jsx45(DialogFooter, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx49(DrawerFooter, { ...props, children }) : /* @__PURE__ */ jsx49(DialogFooter, { ...props, children });
 };
 var SmartDialogClose = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx45(Fragment3, { children: /* @__PURE__ */ jsx45(DrawerClose, { ...props, children }) }) : /* @__PURE__ */ jsx45(DialogClose, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx49(Fragment3, { children: /* @__PURE__ */ jsx49(DrawerClose, { ...props, children }) }) : /* @__PURE__ */ jsx49(DialogClose, { ...props, children });
 };
 
 // src/components/ui/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx50(
     Sonner,
     {
       theme,
@@ -5411,12 +5772,12 @@ var Toaster = ({ ...props }) => {
 // src/components/ui/switch.tsx
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 import "react";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function Switch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx51(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -5425,7 +5786,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx47(
+      children: /* @__PURE__ */ jsx51(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -5440,14 +5801,14 @@ function Switch({
 
 // src/components/ui/table.tsx
 import "react";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx48(
+      children: /* @__PURE__ */ jsx52(
         "table",
         {
           "data-slot": "table",
@@ -5459,7 +5820,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx52(
     "thead",
     {
       "data-slot": "table-header",
@@ -5469,7 +5830,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx52(
     "tbody",
     {
       "data-slot": "table-body",
@@ -5479,7 +5840,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx52(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -5492,7 +5853,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx52(
     "tr",
     {
       "data-slot": "table-row",
@@ -5505,7 +5866,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx52(
     "th",
     {
       "data-slot": "table-head",
@@ -5518,7 +5879,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx52(
     "td",
     {
       "data-slot": "table-cell",
@@ -5534,7 +5895,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx52(
     "caption",
     {
       "data-slot": "table-caption",
@@ -5546,13 +5907,14 @@ function TableCaption({
 
 // src/components/ui/tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cva as cva12 } from "class-variance-authority";
 import "react";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function Tabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx53(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
@@ -5565,31 +5927,45 @@ function TabsList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx53(
     TabsPrimitive.List,
     {
       "data-slot": "tabs-list",
       className: cn(
-        "text-muted-foreground flex h-9 items-center rounded-lg p-[3px] overflow-x-auto",
+        "text-muted-foreground flex items-center overflow-x-auto",
         className
       ),
       ...props
     }
   );
 }
+var tabsTriggerVariants = cva12(
+  "cursor-pointer inline-flex shrink-0 items-center justify-center font-sans font-medium whitespace-nowrap transition-[color,box-shadow] text-vibrant-text-details border-b border-b-gray-stroke-default data-[state=active]:font-semibold data-[state=active]:text-vibrant-text-heading data-[state=active]:border-b-2 data-[state=active]:border-b-primary-stroke-default disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 pb-1 px-2",
+  {
+    variants: {
+      size: {
+        md: "min-w-[72px] text-sm leading-5",
+        lg: "min-w-[88px] text-base leading-6"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
 function TabsTrigger({
   className,
+  size,
+  children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx53(
     TabsPrimitive.Trigger,
     {
       "data-slot": "tabs-trigger",
-      className: cn(
-        "cursor-pointer data-[state=active]:border-b-2 data-[state=active]:border-brand-normal border-0 border-t-0 rounded-none data-[state=active]:text-black data-[state=active]:font-semibold  data-[state=active]:bg-background dark:data-[state=active]:text-white focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30  dark:text-muted-foreground inline-flex h-[calc(100%-1px)] shrink-0 items-center justify-center gap-1.5  px-2 py-[6px]  font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50  [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 text-zinc-500 font-sans border-b-1 border-b-gray-stroke-light text-sm",
-        className
-      ),
-      ...props
+      className: cn(tabsTriggerVariants({ size }), className),
+      ...props,
+      children: /* @__PURE__ */ jsx53("span", { className: "inline-flex items-center justify-center gap-1.5 rounded-[6px] px-2 py-1.5 hover:bg-gray-surface-light", children })
     }
   );
 }
@@ -5597,7 +5973,7 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx53(
     TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
@@ -5607,11 +5983,63 @@ function TabsContent({
   );
 }
 
+// src/components/ui/theme-provider.tsx
+import {
+  ThemeProvider as NextThemesProvider
+} from "next-themes";
+import { jsx as jsx54 } from "react/jsx-runtime";
+function ThemeProvider({ children, ...props }) {
+  return /* @__PURE__ */ jsx54(
+    NextThemesProvider,
+    {
+      attribute: "class",
+      defaultTheme: "light",
+      enableSystem: true,
+      disableTransitionOnChange: true,
+      ...props,
+      children
+    }
+  );
+}
+
+// src/components/ui/theme-toggle.tsx
+import { Monitor, Moon, Sun } from "lucide-react";
+import { useTheme as useTheme2 } from "next-themes";
+import "react";
+import { jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
+function ThemeToggle({
+  className,
+  ...props
+}) {
+  const { setTheme } = useTheme2();
+  return /* @__PURE__ */ jsxs28(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx55(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs28(Button, { variant: "outline", size: "icon", className, ...props, children: [
+      /* @__PURE__ */ jsx55(Sun, { className: "size-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+      /* @__PURE__ */ jsx55(Moon, { className: "absolute size-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+      /* @__PURE__ */ jsx55("span", { className: "sr-only", children: "Toggle theme" })
+    ] }) }),
+    /* @__PURE__ */ jsxs28(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ jsxs28(DropdownMenuItem, { onClick: () => setTheme("light"), children: [
+        /* @__PURE__ */ jsx55(Sun, { className: "size-4" }),
+        "Light"
+      ] }),
+      /* @__PURE__ */ jsxs28(DropdownMenuItem, { onClick: () => setTheme("dark"), children: [
+        /* @__PURE__ */ jsx55(Moon, { className: "size-4" }),
+        "Dark"
+      ] }),
+      /* @__PURE__ */ jsxs28(DropdownMenuItem, { onClick: () => setTheme("system"), children: [
+        /* @__PURE__ */ jsx55(Monitor, { className: "size-4" }),
+        "System"
+      ] })
+    ] })
+  ] });
+}
+
 // src/components/ui/time-input.tsx
 import "class-variance-authority";
 import { Clock } from "lucide-react";
-import * as React47 from "react";
-import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+import * as React52 from "react";
+import { jsx as jsx56, jsxs as jsxs29 } from "react/jsx-runtime";
 var TIME_FORMAT_PLACEHOLDER = {
   "12h": "hh:mm AM/PM",
   "24h": "HH:mm",
@@ -5664,16 +6092,16 @@ function TimeInput({
   formatDisplay
 }) {
   const resolvedPlaceholder = placeholder ?? TIME_FORMAT_PLACEHOLDER[timeFormat];
-  const displayValue = React47.useMemo(() => {
+  const displayValue = React52.useMemo(() => {
     if (!time) return "";
     if (formatDisplay) return formatDisplay(time);
     return formatTime(time, timeFormat);
   }, [time, formatDisplay, timeFormat]);
-  const [open, setOpen] = React47.useState(false);
-  const hoursRef = React47.useRef(null);
-  const minutesRef = React47.useRef(null);
-  const periodRef = React47.useRef(null);
-  const scrollToSelected = React47.useCallback(() => {
+  const [open, setOpen] = React52.useState(false);
+  const hoursRef = React52.useRef(null);
+  const minutesRef = React52.useRef(null);
+  const periodRef = React52.useRef(null);
+  const scrollToSelected = React52.useCallback(() => {
     requestAnimationFrame(() => {
       for (const ref of [hoursRef, minutesRef, periodRef]) {
         const container = ref.current;
@@ -5685,7 +6113,7 @@ function TimeInput({
       }
     });
   }, []);
-  React47.useEffect(() => {
+  React52.useEffect(() => {
     if (open) {
       scrollToSelected();
     }
@@ -5721,8 +6149,8 @@ function TimeInput({
   const selectedH12 = time ? getDisplayHour(time.hours, timeFormat) : null;
   const selectedMinute = time?.minutes ?? null;
   const selectedPeriod = time ? getPeriod(time.hours) : null;
-  return /* @__PURE__ */ jsx50("div", { className: cn("relative flex gap-2", className), children: /* @__PURE__ */ jsxs25(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx50(PopoverTrigger, { asChild: true, disabled: inputDisabled, children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx56("div", { className: cn("relative flex gap-2", className), children: /* @__PURE__ */ jsxs29(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx56(PopoverTrigger, { asChild: true, disabled: inputDisabled, children: /* @__PURE__ */ jsxs29(
       Button,
       {
         type: "button",
@@ -5730,25 +6158,25 @@ function TimeInput({
         className: cn(
           inputVariants({ size }),
           "bg-background cursor-pointer w-full text-left flex items-center justify-between gap-2 font-normal",
-          "data-[state=open]:border-blue-500 data-[state=open]:hover:border-blue-500",
+          "data-[state=open]:border-focus-ring data-[state=open]:hover:border-focus-ring",
           inputDisabled && "pointer-events-none cursor-not-allowed opacity-50",
           inputClassName
         ),
         disabled: inputDisabled,
         children: [
           displayValue || resolvedPlaceholder,
-          icon !== void 0 ? icon : /* @__PURE__ */ jsx50(Clock, { className: "h-4 w-4 text-muted-foreground shrink-0" })
+          icon !== void 0 ? icon : /* @__PURE__ */ jsx56(Clock, { className: "h-4 w-4 text-muted-foreground shrink-0" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx56(
       PopoverContent,
       {
         className: cn("w-auto p-0", popoverContentClassName),
         onOpenAutoFocus: (e) => e.preventDefault(),
         ...popoverContentProps,
-        children: /* @__PURE__ */ jsxs25("div", { className: "flex divide-x border border-blue-500 rounded-md", children: [
-          /* @__PURE__ */ jsx50("div", { className: "h-56 w-16 overflow-y-auto overscroll-y-contain [-webkit-overflow-scrolling:touch]", children: /* @__PURE__ */ jsx50("div", { ref: hoursRef, className: "flex flex-col p-1 ", children: hoursList.map((h) => /* @__PURE__ */ jsx50(
+        children: /* @__PURE__ */ jsxs29("div", { className: "flex divide-x border border-focus-ring rounded-md", children: [
+          /* @__PURE__ */ jsx56("div", { className: "h-56 w-16 overflow-y-auto overscroll-y-contain [-webkit-overflow-scrolling:touch]", children: /* @__PURE__ */ jsx56("div", { ref: hoursRef, className: "flex flex-col p-1 ", children: hoursList.map((h) => /* @__PURE__ */ jsx56(
             Button,
             {
               variant: "ghost",
@@ -5763,7 +6191,7 @@ function TimeInput({
             },
             h
           )) }) }),
-          /* @__PURE__ */ jsx50("div", { className: "h-56 w-16 overflow-y-auto overscroll-y-contain [-webkit-overflow-scrolling:touch]", children: /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx56("div", { className: "h-56 w-16 overflow-y-auto overscroll-y-contain [-webkit-overflow-scrolling:touch]", children: /* @__PURE__ */ jsx56(
             "div",
             {
               ref: minutesRef,
@@ -5771,7 +6199,7 @@ function TimeInput({
                 "flex flex-col p-1",
                 minutesList.length <= 12 && "h-full justify-center"
               ),
-              children: minutesList.map((m) => /* @__PURE__ */ jsx50(
+              children: minutesList.map((m) => /* @__PURE__ */ jsx56(
                 Button,
                 {
                   variant: "ghost",
@@ -5788,7 +6216,7 @@ function TimeInput({
               ))
             }
           ) }),
-          !is24HourFormat(timeFormat) && /* @__PURE__ */ jsx50("div", { className: "flex flex-col p-1 justify-center gap-1", children: ["AM", "PM"].map((p) => /* @__PURE__ */ jsx50(
+          !is24HourFormat(timeFormat) && /* @__PURE__ */ jsx56("div", { className: "flex flex-col p-1 justify-center gap-1", children: ["AM", "PM"].map((p) => /* @__PURE__ */ jsx56(
             Button,
             {
               variant: "ghost",
@@ -5812,9 +6240,9 @@ function TimeInput({
 // src/components/ui/toggle.tsx
 import "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx51 } from "react/jsx-runtime";
-var toggleVariants = cva8(
+import { cva as cva13 } from "class-variance-authority";
+import { jsx as jsx57 } from "react/jsx-runtime";
+var toggleVariants = cva13(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
     variants: {
@@ -5840,7 +6268,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx57(
     TogglePrimitive.Root,
     {
       "data-slot": "toggle",
@@ -5851,11 +6279,11 @@ function Toggle({
 }
 
 // src/components/ui/toggle-group.tsx
-import * as React49 from "react";
+import * as React54 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import "class-variance-authority";
-import { jsx as jsx52 } from "react/jsx-runtime";
-var ToggleGroupContext = React49.createContext({
+import { jsx as jsx58 } from "react/jsx-runtime";
+var ToggleGroupContext = React54.createContext({
   size: "default",
   variant: "default"
 });
@@ -5866,7 +6294,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx58(
     ToggleGroupPrimitive.Root,
     {
       "data-slot": "toggle-group",
@@ -5877,7 +6305,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx52(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ jsx58(ToggleGroupContext.Provider, { value: { variant, size }, children })
     }
   );
 }
@@ -5888,8 +6316,8 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React49.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx52(
+  const context = React54.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx58(
     ToggleGroupPrimitive.Item,
     {
       "data-slot": "toggle-group-item",
@@ -5911,10 +6339,10 @@ function ToggleGroupItem({
 
 // src/components/ui/typography.tsx
 import { Slot as Slot7 } from "@radix-ui/react-slot";
-import { cva as cva9 } from "class-variance-authority";
+import { cva as cva14 } from "class-variance-authority";
 import "react";
-import { jsx as jsx53 } from "react/jsx-runtime";
-var displayTextVariants = cva9(
+import { jsx as jsx59 } from "react/jsx-runtime";
+var displayTextVariants = cva14(
   "tracking-normal font-normal leading-none text-brand-dark font-serif italic",
   {
     variants: {
@@ -5936,7 +6364,7 @@ function DisplayHeading({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h1";
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx59(
     Comp,
     {
       "data-slot": "h1",
@@ -5945,7 +6373,7 @@ function DisplayHeading({
     }
   );
 }
-var bodyTextVariants = cva9("font-sans ", {
+var bodyTextVariants = cva14("font-sans ", {
   variants: {
     size: {
       lg: "text-lg md:text-xl leading-[1.625rem] md:leading-[1.75rem]",
@@ -5965,7 +6393,7 @@ function Body({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "p";
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx59(
     Comp,
     {
       "data-slot": "h1",
@@ -5980,7 +6408,7 @@ function HeadingXL({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h1";
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx59(
     Comp,
     {
       "data-slot": "h1",
@@ -5998,7 +6426,7 @@ function HeadingL({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h2";
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx59(
     Comp,
     {
       "data-slot": "h2",
@@ -6016,7 +6444,7 @@ function HeadingM({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h3";
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx59(
     Comp,
     {
       "data-slot": "h3",
@@ -6034,7 +6462,7 @@ function HeadingS({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h4";
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx59(
     Comp,
     {
       "data-slot": "h4",
@@ -6052,7 +6480,7 @@ function HeadingXS({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h5";
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx59(
     Comp,
     {
       "data-slot": "h5",
@@ -6070,7 +6498,7 @@ function HeadingXXS({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h6";
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx59(
     Comp,
     {
       "data-slot": "h5",
@@ -6082,12 +6510,16 @@ function HeadingXXS({
     }
   );
 }
+
+// src/hooks/use-theme.ts
+import { useTheme as useTheme3 } from "next-themes";
 export {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
   Alert,
+  AlertBanner,
   AlertDescription,
   AlertDialog,
   AlertDialogAction,
@@ -6107,6 +6539,11 @@ export {
   AvatarFallback,
   AvatarImage,
   Badge,
+  BadgeActionable,
+  BadgeInformative,
+  BadgeInformativeGroup,
+  BadgeInformativeItem,
+  BadgeNumber,
   Body,
   Breadcrumb,
   BreadcrumbEllipsis,
@@ -6265,6 +6702,7 @@ export {
   ResizableHandle,
   ResizablePanel,
   ResizablePanelGroup,
+  RichTooltipContent,
   ScrollArea,
   ScrollBar,
   SearchableSelect,
@@ -6339,6 +6777,8 @@ export {
   TabsList,
   TabsTrigger,
   Textarea,
+  ThemeProvider,
+  ThemeToggle,
   TimeInput,
   Toaster,
   Toggle,
@@ -6348,6 +6788,10 @@ export {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  alertBannerVariants,
+  badgeActionableVariants,
+  badgeInformativeVariants,
+  badgeNumberVariants,
   badgeVariants,
   bodyTextVariants,
   buttonVariants,
@@ -6356,9 +6800,11 @@ export {
   inputVariants,
   labelTextVariants,
   navigationMenuTriggerStyle,
+  tabsTriggerVariants,
   toggleVariants,
   useFormField,
   useIsMobile,
-  useSidebar
+  useSidebar,
+  useTheme3 as useTheme
 };
 //# sourceMappingURL=index.mjs.map