@saasflare/ui 1.0.0 → 1.0.1

package/dist/index.mjs

@@ -1,82 +1,56 @@
 "use client";
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import * as React13 from 'react';
-import { createContext, useState, useCallback, useMemo, useRef, useEffect, useContext, Suspense } from 'react';
+import { useReducedMotion, noMotion, springGentle, springBouncy, buttonVariants, spring, Button, useSaasflareProps } from './chunk-P2JF7JDY.mjs';
+export { Button, SaasflareProvider, SaasflareScript, SaasflareShell, SmoothScrollProvider, buttonVariants, fadeIn, noMotion, scaleIn, slideDown, slideUp, spring, springBouncy, springGentle, springStiff, useAnimation, useReducedMotion, useSaasflareProps, useSaasflareTheme } from './chunk-P2JF7JDY.mjs';
+import { cn } from './chunk-S26666D6.mjs';
+export { cn } from './chunk-S26666D6.mjs';
+import * as React9 from 'react';
+import { useState, useCallback, useMemo, useRef, useEffect, Suspense } from 'react';
+import { m, useMotionValue, useSpring, useTransform, AnimatePresence } from 'framer-motion';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { XIcon, ChevronDownIcon, CheckIcon, ChevronUpIcon, CircleIcon, ChevronRightIcon, ChevronLeftIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, ChevronRight, MoreHorizontal, SearchIcon, MinusIcon, MoreHorizontalIcon, GripVerticalIcon, PanelLeftIcon, ArrowUpIcon, Sun, Moon } from 'lucide-react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { cva } from 'class-variance-authority';
-import { Loader2Icon, XIcon, ChevronDownIcon, CheckIcon, ChevronUpIcon, CircleIcon, ChevronRightIcon, ArrowLeft, ArrowRight, ChevronLeftIcon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, ChevronRight, MoreHorizontal, SearchIcon, MinusIcon, MoreHorizontalIcon, GripVerticalIcon, PanelLeftIcon, ArrowUpIcon, Sun, Moon } from 'lucide-react';
-import { motion, LayoutGroup, useMotionValue, useSpring, useTransform, AnimatePresence } from 'framer-motion';
-import { Direction, Slot, Dialog as Dialog$1, AlertDialog as AlertDialog$1, Accordion as Accordion$1, Tabs as Tabs$1, Checkbox as Checkbox$1, Switch as Switch$1, Progress as Progress$1, Tooltip as Tooltip$1, Popover as Popover$1, HoverCard as HoverCard$1, Select as Select$1, DropdownMenu as DropdownMenu$1, Slider as Slider$1, Avatar as Avatar$1, ContextMenu as ContextMenu$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, RadioGroup as RadioGroup$1, Collapsible as Collapsible$1, ScrollArea as ScrollArea$1, AspectRatio as AspectRatio$1, Separator as Separator$1, Label as Label$1 } from 'radix-ui';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { ThemeProvider, useTheme } from 'next-themes';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as Slot7 from '@radix-ui/react-slot';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Drawer as Drawer$1 } from 'vaul';
-import useEmblaCarousel from 'embla-carousel-react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { getDefaultClassNames, DayPicker } from 'react-day-picker';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { useTheme } from 'next-themes';
 import { Toaster as Toaster$1 } from 'sonner';
-import * as RechartsPrimitive from 'recharts';
-import { Combobox as Combobox$1 } from '@base-ui/react';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { Command as Command$1 } from 'cmdk';
+import * as Direction from '@radix-ui/react-direction';
+import * as LabelPrimitive from '@radix-ui/react-label';
 import { FormProvider, Controller, useFormContext, useFormState } from 'react-hook-form';
 import { OTPInput, OTPInputContext } from 'input-otp';
 import * as ResizablePrimitive from 'react-resizable-panels';
-import Image from 'next/image';
+import Image2 from 'next/image';
 import { usePathname, useSearchParams } from 'next/navigation';
-import NProgress from 'nprogress';
-import 'nprogress/nprogress.css';
 
-// src/lib/utils.ts
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/lib/color.ts
-function hexToOklch(hex) {
-  const normalized = normalizeHex(hex);
-  if (!normalized) return null;
-  const r = srgbToLinear(parseInt(normalized.slice(0, 2), 16) / 255);
-  const g = srgbToLinear(parseInt(normalized.slice(2, 4), 16) / 255);
-  const b = srgbToLinear(parseInt(normalized.slice(4, 6), 16) / 255);
-  const l_ = 0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b;
-  const m_ = 0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b;
-  const s_ = 0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b;
-  const lc = Math.cbrt(l_);
-  const mc = Math.cbrt(m_);
-  const sc = Math.cbrt(s_);
-  const L = 0.2104542553 * lc + 0.793617785 * mc - 0.0040720468 * sc;
-  const a = 1.9779984951 * lc - 2.428592205 * mc + 0.4505937099 * sc;
-  const b2 = 0.0259040371 * lc + 0.7827717662 * mc - 0.808675766 * sc;
-  const c = Math.sqrt(a * a + b2 * b2);
-  let h = Math.atan2(b2, a) * 180 / Math.PI;
-  if (h < 0) h += 360;
-  return { l: L, c, h };
-}
-function normalizeHex(input) {
-  if (typeof input !== "string") return null;
-  const s = input.trim().replace(/^#/, "").toLowerCase();
-  if (/^[0-9a-f]{3}$/.test(s)) {
-    return s[0] + s[0] + s[1] + s[1] + s[2] + s[2];
-  }
-  if (/^[0-9a-f]{4}$/.test(s)) {
-    return s[0] + s[0] + s[1] + s[1] + s[2] + s[2];
-  }
-  if (/^[0-9a-f]{6}$/.test(s)) {
-    return s;
-  }
-  if (/^[0-9a-f]{8}$/.test(s)) {
-    return s.slice(0, 6);
-  }
-  return null;
-}
-function srgbToLinear(c) {
-  return c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-}
-function isHex(input) {
-  return typeof input === "string" && /^#?[0-9a-f]{3,8}$/i.test(input.trim());
-}
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React13.useState(void 0);
-  React13.useEffect(() => {
+  const [isMobile, setIsMobile] = React9.useState(void 0);
+  React9.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -87,17 +61,6 @@ function useIsMobile() {
   }, []);
   return !!isMobile;
 }
-var QUERY = "(prefers-reduced-motion: reduce)";
-var subscribe = (cb) => {
-  const mql = window.matchMedia(QUERY);
-  mql.addEventListener("change", cb);
-  return () => mql.removeEventListener("change", cb);
-};
-var getSnapshot = () => window.matchMedia(QUERY).matches;
-var getServerSnapshot = () => false;
-function useReducedMotion() {
-  return React13.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}
 function useDisclosure(options = {}) {
   const { defaultOpen = false, isOpen: controlledOpen, onChange } = options;
   const isControlled = controlledOpen !== void 0;
@@ -215,488 +178,10 @@ function usePagination(options) {
   }, [activePage, safeTotal, siblings, boundaries]);
   return { activePage, range, setPage, next, previous, first, last };
 }
-
-// src/components/ui/motion-config.ts
-var spring = { type: "spring", stiffness: 400, damping: 25 };
-var springBouncy = { type: "spring", stiffness: 300, damping: 15 };
-var springGentle = { type: "spring", stiffness: 200, damping: 20 };
-var springStiff = { type: "spring", stiffness: 500, damping: 30 };
-var noMotion = { duration: 0 };
-var fadeIn = { initial: { opacity: 0 }, animate: { opacity: 1 } };
-var scaleIn = { initial: { opacity: 0, scale: 0.95 }, animate: { opacity: 1, scale: 1 } };
-var slideUp = { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 } };
-var slideDown = { initial: { opacity: 0, y: -8 }, animate: { opacity: 1, y: 0 } };
-var AnimationContext = createContext(
-  void 0
-);
-function useAnimation() {
-  const context = useContext(AnimationContext);
-  const prefersReduced = useReducedMotion();
-  if (context) return context;
-  return { animated: !prefersReduced };
-}
-function SmoothScrollProvider({
-  children,
-  enabled = true
-}) {
-  const reduced = useReducedMotion();
-  const shouldSmooth = enabled && !reduced;
-  useEffect(() => {
-    if (!shouldSmooth) return;
-    const html = document.documentElement;
-    const previous = html.style.scrollBehavior;
-    html.style.scrollBehavior = "smooth";
-    return () => {
-      html.style.scrollBehavior = previous;
-    };
-  }, [shouldSmooth]);
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-
-// src/lib/constants.ts
-var UI_PREFS_STORAGE_KEY = "sf-ui-prefs";
-var THEME_STORAGE_KEY = "theme";
-var SAASFLARE_DATA_ATTR = {
-  /** Active brand palette id (matches `:root[data-palette="…"]` in palettes.css). */
-  palette: "data-palette",
-  /** Active surface style (matches `[data-style="…"]` in surfaces.css). */
-  style: "data-style",
-  /** Active radius preset (matches `:root[data-radius="…"]` in theme.css). */
-  radius: "data-radius",
-  /** Animation kill-switch (matches `[data-animated="false"]` in motion.css). */
-  animated: "data-animated"
-};
-var SYNC_PREFIX = "sf-ls:";
-function useLocalStorage(key, initialValue, options) {
-  const initialRef = useRef(initialValue);
-  const optionsRef = useRef(options);
-  optionsRef.current = options;
-  const serialize = useCallback(
-    (value) => (optionsRef.current?.serializer ?? JSON.stringify)(value),
-    []
-  );
-  const deserialize = useCallback(
-    (raw) => (optionsRef.current?.deserializer ?? JSON.parse)(raw),
-    []
-  );
-  const handleError = useCallback(
-    (error, operation) => {
-      if (optionsRef.current?.onError) {
-        optionsRef.current.onError(error, operation);
-      } else {
-        console.warn(`useLocalStorage: ${operation} failed for "${key}"`, error);
-      }
-    },
-    [key]
-  );
-  const readValue = useCallback(() => {
-    if (typeof window === "undefined") return initialRef.current;
-    try {
-      const item = window.localStorage.getItem(key);
-      return item !== null ? deserialize(item) : initialRef.current;
-    } catch (error) {
-      handleError(error, "read");
-      return initialRef.current;
-    }
-  }, [key, deserialize, handleError]);
-  const [storedValue, setStoredValue] = useState(() => readValue());
-  const setValue = useCallback(
-    (value) => {
-      try {
-        setStoredValue((prev) => {
-          const next = typeof value === "function" ? value(prev) : value;
-          if (typeof window !== "undefined") {
-            window.localStorage.setItem(key, serialize(next));
-            window.dispatchEvent(new CustomEvent(`${SYNC_PREFIX}${key}`));
-          }
-          return next;
-        });
-      } catch (error) {
-        handleError(error, "write");
-      }
-    },
-    [key, serialize, handleError]
-  );
-  const removeValue = useCallback(() => {
-    try {
-      if (typeof window !== "undefined") {
-        window.localStorage.removeItem(key);
-        window.dispatchEvent(new CustomEvent(`${SYNC_PREFIX}${key}`));
-      }
-      setStoredValue(initialRef.current);
-    } catch (error) {
-      handleError(error, "remove");
-    }
-  }, [key, handleError]);
-  useEffect(() => {
-    const onStorage = (e) => {
-      if (e.key === key) setStoredValue(readValue());
-    };
-    const onSync = () => setStoredValue(readValue());
-    const syncEvent = `${SYNC_PREFIX}${key}`;
-    window.addEventListener("storage", onStorage);
-    window.addEventListener(syncEvent, onSync);
-    return () => {
-      window.removeEventListener("storage", onStorage);
-      window.removeEventListener(syncEvent, onSync);
-    };
-  }, [key, readValue]);
-  useEffect(() => {
-    setStoredValue(readValue());
-  }, [readValue]);
-  return [storedValue, setValue, removeValue];
-}
-function encode(value) {
-  return JSON.stringify(value ?? null).replace(/</g, "\\u003c");
-}
-function buildSaasflareScript(palette, surface, radius, animated, storageKey = UI_PREFS_STORAGE_KEY) {
-  return buildScript(palette, surface, radius, animated, storageKey);
-}
-function buildScript(palette, surface, radius, animated, storageKey) {
-  const forcePalette = palette || null;
-  const forceSurface = surface || null;
-  const forceRadius = radius || null;
-  const forceAnimated = typeof animated === "boolean" ? animated : null;
-  return `(function(){try{var r=document.documentElement;var p={};try{p=JSON.parse(localStorage.getItem(${encode(storageKey)})||"{}")||{}}catch(_){}var t=${encode(forcePalette)};if(t===null&&typeof p.palette==="string")t=p.palette;if(typeof t==="string"&&t.length)r.setAttribute(${encode(SAASFLARE_DATA_ATTR.palette)},t);var s=${encode(forceSurface)};if(s===null&&typeof p.surface==="string")s=p.surface;if(typeof s==="string"&&s.length)r.setAttribute(${encode(SAASFLARE_DATA_ATTR.style)},s);var d=${encode(forceRadius)};if(d===null&&typeof p.radius==="string")d=p.radius;if(typeof d==="string"&&d.length)r.setAttribute(${encode(SAASFLARE_DATA_ATTR.radius)},d);var a=${encode(forceAnimated)};if(a===null&&typeof p.animated==="boolean")a=p.animated;if(typeof a==="boolean")r.setAttribute(${encode(SAASFLARE_DATA_ATTR.animated)},String(a));}catch(e){}})();`;
-}
-function SaasflareScript({ nonce, palette, surface, radius, animated, storageKey = UI_PREFS_STORAGE_KEY }) {
-  return /* @__PURE__ */ jsx(
-    "script",
-    {
-      nonce,
-      dangerouslySetInnerHTML: { __html: buildScript(palette, surface, radius, animated, storageKey) }
-    }
-  );
-}
-var DEFAULT_CONTEXT = {
-  palette: null,
-  surface: "flat",
-  radius: "rounded",
-  setPalette: () => {
-  },
-  setSurface: () => {
-  },
-  setRadius: () => {
-  }
-};
-var SaasflareThemeContext = createContext(DEFAULT_CONTEXT);
-function useSaasflareTheme() {
-  return useContext(SaasflareThemeContext);
-}
-function applyColorAxis(root, prefix, value, injected) {
-  if (isHex(value)) {
-    const oklch = hexToOklch(value);
-    if (oklch) {
-      const hKey = `--${prefix}-h`;
-      const cKey = `--${prefix}-c`;
-      const lKey = `--${prefix}-l`;
-      root.style.setProperty(hKey, oklch.h.toFixed(2));
-      root.style.setProperty(cKey, oklch.c.toFixed(4));
-      if (prefix === "primary") {
-        root.style.setProperty(lKey, oklch.l.toFixed(4));
-        injected.push(lKey);
-      }
-      injected.push(hKey, cKey);
-      return;
-    }
-  }
-  const key = `--${prefix}`;
-  root.style.setProperty(key, value);
-  injected.push(key);
-}
-function CustomPaletteInjector({ palette }) {
-  const { resolvedTheme } = useTheme();
-  useEffect(() => {
-    const root = document.documentElement;
-    const injected = [];
-    applyColorAxis(root, "primary", palette.primary, injected);
-    if (palette.neutral) {
-      applyColorAxis(root, "neutral", palette.neutral, injected);
-    }
-    if (palette.radius) {
-      root.style.setProperty("--radius", palette.radius);
-      injected.push("--radius");
-    }
-    const extras = resolvedTheme === "dark" ? palette.dark : palette.light;
-    if (extras) {
-      for (const [key, value] of Object.entries(extras)) {
-        root.style.setProperty(key, value);
-        injected.push(key);
-      }
-    }
-    return () => {
-      for (const key of injected) {
-        root.style.removeProperty(key);
-      }
-    };
-  }, [resolvedTheme, palette]);
-  return null;
-}
-var PERSISTED_DEFAULTS = {
-  palette: null,
-  surface: null,
-  radius: null,
-  animated: null
-};
-function SaasflareProvider({
-  children,
-  theme = "system",
-  palette,
-  surface,
-  radius,
-  animated = true,
-  smoothScrolling = false,
-  disableScript = false,
-  scriptNonce,
-  storageKey = UI_PREFS_STORAGE_KEY,
-  themeStorageKey = THEME_STORAGE_KEY
-}) {
-  const isCustomPalette = typeof palette === "object";
-  const scriptPalette = !isCustomPalette && typeof palette === "string" ? palette : void 0;
-  const scriptSurface = typeof surface === "string" ? surface : void 0;
-  const scriptRadius = typeof radius === "string" ? radius : void 0;
-  const scriptHtml = disableScript ? null : buildSaasflareScript(scriptPalette, scriptSurface, scriptRadius, animated, storageKey);
-  const [persisted, setPersisted] = useLocalStorage(
-    storageKey,
-    PERSISTED_DEFAULTS
-  );
-  const currentPalette = isCustomPalette ? palette.name : palette ?? persisted.palette;
-  const currentStyle = surface ?? persisted.surface ?? "flat";
-  const currentRadius = radius ?? persisted.radius ?? "rounded";
-  const setPalette = useCallback(
-    (id) => setPersisted((prev) => ({ ...prev, palette: id })),
-    [setPersisted]
-  );
-  const setSurface = useCallback(
-    (style) => setPersisted((prev) => ({ ...prev, surface: style })),
-    [setPersisted]
-  );
-  const setRadius = useCallback(
-    (r) => setPersisted((prev) => ({ ...prev, radius: r })),
-    [setPersisted]
-  );
-  const prefersReduced = useReducedMotion();
-  const effectiveAnimated = animated && !prefersReduced;
-  useEffect(() => {
-    const root = document.documentElement;
-    if (currentPalette) {
-      root.setAttribute(SAASFLARE_DATA_ATTR.palette, currentPalette);
-    } else {
-      root.removeAttribute(SAASFLARE_DATA_ATTR.palette);
-    }
-    root.setAttribute(SAASFLARE_DATA_ATTR.style, currentStyle);
-    root.setAttribute(SAASFLARE_DATA_ATTR.radius, currentRadius);
-    root.setAttribute(SAASFLARE_DATA_ATTR.animated, String(effectiveAnimated));
-  }, [currentPalette, currentStyle, currentRadius, effectiveAnimated]);
-  return /* @__PURE__ */ jsxs(
-    ThemeProvider,
-    {
-      attribute: "class",
-      defaultTheme: theme,
-      enableSystem: theme === "system",
-      storageKey: themeStorageKey,
-      disableTransitionOnChange: true,
-      children: [
-        scriptHtml !== null && /* @__PURE__ */ jsx(
-          "script",
-          {
-            nonce: scriptNonce,
-            dangerouslySetInnerHTML: { __html: scriptHtml }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SaasflareThemeContext.Provider,
-          {
-            value: {
-              palette: currentPalette,
-              surface: currentStyle,
-              radius: currentRadius,
-              setPalette,
-              setSurface,
-              setRadius
-            },
-            children: /* @__PURE__ */ jsxs(AnimationContext.Provider, { value: { animated: effectiveAnimated }, children: [
-              isCustomPalette && /* @__PURE__ */ jsx(CustomPaletteInjector, { palette }),
-              /* @__PURE__ */ jsx(SmoothScrollProvider, { enabled: smoothScrolling, children })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-}
-function SaasflareShell({
-  children,
-  lang = "en",
-  className,
-  bodyClassName,
-  head,
-  palette,
-  surface,
-  radius,
-  animated,
-  theme,
-  smoothScrolling,
-  storageKey,
-  themeStorageKey
-}) {
-  const dataPalette = typeof palette === "object" ? palette.name : palette;
-  const dataAnimated = typeof animated === "boolean" ? String(animated) : void 0;
-  return /* @__PURE__ */ jsxs(
-    "html",
-    {
-      lang,
-      className,
-      suppressHydrationWarning: true,
-      "data-palette": dataPalette,
-      "data-style": surface,
-      "data-radius": radius,
-      "data-animated": dataAnimated,
-      children: [
-        head ? /* @__PURE__ */ jsx("head", { children: head }) : null,
-        /* @__PURE__ */ jsx("body", { className: bodyClassName, children: /* @__PURE__ */ jsx(
-          SaasflareProvider,
-          {
-            palette,
-            surface,
-            radius,
-            animated,
-            theme,
-            smoothScrolling,
-            storageKey,
-            themeStorageKey,
-            disableScript: true,
-            children
-          }
-        ) })
-      ]
-    }
-  );
-}
-function useSaasflareProps(props = {}) {
-  const ctx = useSaasflareTheme();
-  const anim = useContext(AnimationContext);
-  return {
-    surface: props.surface ?? ctx.surface,
-    radius: props.radius ?? ctx.radius,
-    animated: props.animated ?? anim?.animated ?? true,
-    palette: ctx.palette
-  };
-}
-var LEGACY_VARIANT_MAP = {
-  default: { variant: "solid", intent: "primary" },
-  destructive: { variant: "solid", intent: "danger" },
-  secondary: { variant: "soft", intent: "neutral" }
-};
-var buttonVariants = cva(
-  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        solid: "bg-[var(--intent)] text-[var(--intent-fg)] shadow-xs hover:brightness-110 dark:hover:brightness-125",
-        soft: "bg-[var(--intent)]/15 text-[var(--intent)] hover:bg-[var(--intent)]/25 dark:bg-[var(--intent)]/20 dark:hover:bg-[var(--intent)]/30",
-        outline: "border border-[var(--intent)]/30 text-[var(--intent)] shadow-xs hover:bg-[var(--intent)]/10 dark:border-[var(--intent)]/40 dark:hover:bg-[var(--intent)]/15",
-        ghost: "text-[var(--intent)] hover:bg-[var(--intent)]/10 dark:hover:bg-[var(--intent)]/15",
-        link: "text-[var(--intent)] underline-offset-4 hover:underline",
-        glass: "bg-[var(--glass-bg)] text-[var(--intent)] border border-[var(--glass-border)] backdrop-blur-lg shadow-[var(--glass-shadow)] hover:bg-[var(--glass-bg-hover)] hover:border-[var(--glass-border-hover)]",
-        shadow: "bg-[var(--intent)] text-[var(--intent-fg)] shadow-[var(--btn-shadow)] hover:shadow-[var(--btn-shadow-hover)] hover:brightness-110 dark:hover:brightness-125"
-      },
-      size: {
-        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
-        md: "h-9 px-4 py-2 has-[>svg]:px-3",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        xl: "h-12 rounded-lg px-8 text-base has-[>svg]:px-5 [&_svg:not([class*='size-'])]:size-5",
-        icon: "size-9",
-        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "solid",
-      size: "md"
-    }
-  }
-);
-function Button({
-  className,
-  variant: variantProp,
-  size = "md",
-  intent: intentProp = "primary",
-  asChild = false,
-  loading = false,
-  fullWidth = false,
-  surface,
-  animated,
-  disabled,
-  children,
-  ...props
-}) {
-  const sfProps = useSaasflareProps({ surface, animated });
-  const reduced = useReducedMotion();
-  const effectiveVariant = variantProp ?? (sfProps.surface === "glass" ? "glass" : "solid");
-  let resolvedVariant = effectiveVariant;
-  let resolvedIntent = intentProp;
-  const legacy = LEGACY_VARIANT_MAP[effectiveVariant];
-  if (legacy) {
-    resolvedVariant = legacy.variant;
-    if (legacy.intent) {
-      resolvedIntent = legacy.intent;
-    }
-  }
-  const motionDisabled = !sfProps.animated || reduced || disabled || loading;
-  const transition = !sfProps.animated || reduced ? noMotion : spring;
-  if (asChild) {
-    return /* @__PURE__ */ jsx(
-      Slot.Root,
-      {
-        "data-slot": "button",
-        "data-variant": resolvedVariant,
-        "data-intent": resolvedIntent,
-        "data-size": size,
-        "data-surface": sfProps.surface,
-        className: cn(
-          buttonVariants({ variant: resolvedVariant, size }),
-          fullWidth && "w-full",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    motion.button,
-    {
-      "data-slot": "button",
-      "data-variant": resolvedVariant,
-      "data-intent": resolvedIntent,
-      "data-size": size,
-      "data-surface": sfProps.surface,
-      whileHover: motionDisabled ? void 0 : { scale: 1.02 },
-      whileTap: motionDisabled ? void 0 : { scale: 0.97 },
-      transition,
-      className: cn(
-        buttonVariants({ variant: resolvedVariant, size }),
-        fullWidth && "w-full",
-        className
-      ),
-      disabled,
-      "aria-busy": loading || void 0,
-      "aria-disabled": disabled || void 0,
-      ...props,
-      children: [
-        loading && /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin", "aria-hidden": "true" }),
-        children
-      ]
-    }
-  );
-}
 function Card({ className, ...props }) {
   const reduced = useReducedMotion();
   return /* @__PURE__ */ jsx(
-    motion.div,
+    m.div,
     {
       "data-slot": "card",
       whileHover: reduced ? void 0 : { y: -2, boxShadow: "0 8px 30px rgba(0,0,0,0.08)" },
@@ -778,29 +263,29 @@ function CardFooter({ className, ...props }) {
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Dialog$1.Overlay,
+    DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
       className: cn(
@@ -820,13 +305,13 @@ function DialogContent({
   return /* @__PURE__ */ jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsx(
-      Dialog$1.Content,
+      DialogPrimitive.Content,
       {
         "data-slot": "dialog-content",
         asChild: true,
         ...props,
         children: /* @__PURE__ */ jsxs(
-          motion.div,
+          m.div,
           {
             initial: reduced ? { opacity: 1 } : { opacity: 0, scale: 0.95, y: 10 },
             animate: { opacity: 1, scale: 1, y: 0 },
@@ -838,7 +323,7 @@ function DialogContent({
             ),
             children: [
               children,
-              /* @__PURE__ */ jsxs(Dialog$1.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
+              /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
                 /* @__PURE__ */ jsx(XIcon, {}),
                 /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
               ] })
@@ -874,7 +359,7 @@ function DialogTitle({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Dialog$1.Title,
+    DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
       className: cn("text-lg leading-none font-semibold", className),
@@ -887,7 +372,7 @@ function DialogDescription({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Dialog$1.Description,
+    DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
       className: cn("text-sm text-muted-foreground", className),
@@ -898,24 +383,24 @@ function DialogDescription({
 function AlertDialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(AlertDialog$1.Root, { "data-slot": "alert-dialog", ...props });
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }
 function AlertDialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(AlertDialog$1.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    AlertDialog$1.Overlay,
+    AlertDialogPrimitive.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
       className: cn(
@@ -935,13 +420,13 @@ function AlertDialogContent({
   return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
     /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
     /* @__PURE__ */ jsx(
-      AlertDialog$1.Content,
+      AlertDialogPrimitive.Content,
       {
         "data-slot": "alert-dialog-content",
         asChild: true,
         ...props,
         children: /* @__PURE__ */ jsx(
-          motion.div,
+          m.div,
           {
             initial: reduced ? { opacity: 1 } : { opacity: 0, scale: 0.95, y: 10 },
             animate: { opacity: 1, scale: 1, y: 0 },
@@ -983,7 +468,7 @@ function AlertDialogTitle({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    AlertDialog$1.Title,
+    AlertDialogPrimitive.Title,
     {
       "data-slot": "alert-dialog-title",
       className: cn("text-lg font-semibold", className),
@@ -996,7 +481,7 @@ function AlertDialogDescription({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    AlertDialog$1.Description,
+    AlertDialogPrimitive.Description,
     {
       "data-slot": "alert-dialog-description",
       className: cn("text-sm text-muted-foreground", className),
@@ -1009,7 +494,7 @@ function AlertDialogAction({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    AlertDialog$1.Action,
+    AlertDialogPrimitive.Action,
     {
       "data-intent": "primary",
       className: cn(buttonVariants({ variant: "solid" }), className),
@@ -1022,7 +507,7 @@ function AlertDialogCancel({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    AlertDialog$1.Cancel,
+    AlertDialogPrimitive.Cancel,
     {
       "data-intent": "neutral",
       className: cn(buttonVariants({ variant: "outline" }), className),
@@ -1033,14 +518,14 @@ function AlertDialogCancel({
 function Accordion({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Accordion$1.Root, { "data-slot": "accordion", ...props });
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
 }
 function AccordionItem({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Accordion$1.Item,
+    AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
       className: cn("border-b last:border-b-0", className),
@@ -1054,8 +539,8 @@ function AccordionTrigger({
   ...props
 }) {
   const reduced = useReducedMotion();
-  return /* @__PURE__ */ jsx(Accordion$1.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
-    Accordion$1.Trigger,
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: cn(
@@ -1066,7 +551,7 @@ function AccordionTrigger({
       children: [
         children,
         /* @__PURE__ */ jsx(
-          motion.div,
+          m.div,
           {
             className: "pointer-events-none shrink-0 translate-y-0.5 text-muted-foreground",
             animate: { rotate: 0 },
@@ -1085,13 +570,13 @@ function AccordionContent({
 }) {
   const reduced = useReducedMotion();
   return /* @__PURE__ */ jsx(
-    Accordion$1.Content,
+    AccordionPrimitive.Content,
     {
       "data-slot": "accordion-content",
       className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
       ...props,
       children: /* @__PURE__ */ jsx(
-        motion.div,
+        m.div,
         {
           initial: reduced ? false : { opacity: 0 },
           animate: { opacity: 1 },
@@ -1108,8 +593,8 @@ function Tabs({
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(LayoutGroup, { children: /* @__PURE__ */ jsx(
-    Tabs$1.Root,
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
     {
       "data-slot": "tabs",
       "data-orientation": orientation,
@@ -1120,7 +605,7 @@ function Tabs({
       ),
       ...props
     }
-  ) });
+  );
 }
 var tabsListVariants = cva(
   "group/tabs-list relative inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none",
@@ -1139,59 +624,96 @@ var tabsListVariants = cva(
 function TabsList({
   className,
   variant = "default",
+  children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Tabs$1.List,
+  const listRef = React9.useRef(null);
+  const reduced = useReducedMotion();
+  const [pos, setPos] = React9.useState(null);
+  React9.useLayoutEffect(() => {
+    const list = listRef.current;
+    if (!list) return;
+    const measure = () => {
+      const active = list.querySelector(
+        '[data-slot="tabs-trigger"][data-state="active"]'
+      );
+      if (!active) {
+        setPos(null);
+        return;
+      }
+      const listRect = list.getBoundingClientRect();
+      const activeRect = active.getBoundingClientRect();
+      const next = {
+        x: activeRect.left - listRect.left,
+        y: activeRect.top - listRect.top,
+        width: activeRect.width,
+        height: activeRect.height
+      };
+      setPos(
+        (prev) => prev && prev.x === next.x && prev.y === next.y && prev.width === next.width && prev.height === next.height ? prev : next
+      );
+    };
+    measure();
+    const mutationObserver = new MutationObserver(measure);
+    mutationObserver.observe(list, {
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["data-state"]
+    });
+    const resizeObserver = new ResizeObserver(measure);
+    resizeObserver.observe(list);
+    return () => {
+      mutationObserver.disconnect();
+      resizeObserver.disconnect();
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    TabsPrimitive.List,
     {
+      ref: listRef,
       "data-slot": "tabs-list",
       "data-variant": variant,
       className: cn(tabsListVariants({ variant }), className),
-      ...props
+      ...props,
+      children: [
+        pos !== null && /* @__PURE__ */ jsx(
+          m.div,
+          {
+            "data-slot": "tabs-indicator",
+            "aria-hidden": true,
+            initial: false,
+            animate: {
+              x: pos.x,
+              y: pos.y,
+              width: pos.width,
+              height: pos.height
+            },
+            transition: reduced ? noMotion : spring,
+            className: "pointer-events-none absolute top-0 left-0 rounded-md bg-background shadow-sm dark:border dark:border-input dark:bg-input/30",
+            style: { zIndex: 0 }
+          }
+        ),
+        children
+      ]
     }
   );
 }
 function TabsTrigger({
   className,
   children,
-  value,
   ...props
 }) {
-  const reduced = useReducedMotion();
-  return /* @__PURE__ */ jsxs(
-    Tabs$1.Trigger,
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
     {
       "data-slot": "tabs-trigger",
-      value,
       className: cn(
-        "relative inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-colors group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative z-10 inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-colors group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "data-[state=active]:text-foreground dark:data-[state=active]:text-foreground",
         className
       ),
       ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(
-          Tabs$1.Trigger,
-          {
-            value,
-            asChild: true,
-            "data-slot": "tabs-indicator",
-            className: "pointer-events-none absolute inset-0",
-            tabIndex: -1,
-            "aria-hidden": true,
-            children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-              motion.span,
-              {
-                layoutId: "sf-tab-indicator",
-                className: "absolute inset-0 rounded-md bg-background shadow-sm dark:border dark:border-input dark:bg-input/30",
-                style: { zIndex: -1 },
-                transition: reduced ? noMotion : spring
-              }
-            ) })
-          }
-        )
-      ]
+      children
     }
   );
 }
@@ -1200,7 +722,7 @@ function TabsContent({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Tabs$1.Content,
+    TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
       className: cn("flex-1 outline-none", className),
@@ -1210,7 +732,7 @@ function TabsContent({
 }
 function Input({ className, type, ...props }) {
   return /* @__PURE__ */ jsx(
-    motion.input,
+    m.input,
     {
       type,
       "data-slot": "input",
@@ -1228,7 +750,7 @@ function Input({ className, type, ...props }) {
 }
 function Textarea({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    motion.textarea,
+    m.textarea,
     {
       "data-slot": "textarea",
       whileFocus: { boxShadow: "0 0 0 3px hsl(var(--ring) / 0.3)" },
@@ -1249,7 +771,7 @@ function Checkbox({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Checkbox$1.Root,
+    CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
       className: cn(
@@ -1258,13 +780,13 @@ function Checkbox({
       ),
       ...props,
       children: /* @__PURE__ */ jsx(
-        Checkbox$1.Indicator,
+        CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current",
           asChild: true,
           children: /* @__PURE__ */ jsx(
-            motion.span,
+            m.span,
             {
               initial: { scale: 0, opacity: 0 },
               animate: { scale: 1, opacity: 1 },
@@ -1284,7 +806,7 @@ function Switch({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Switch$1.Root,
+    SwitchPrimitive.Root,
     {
       "data-slot": "switch",
       "data-size": size,
@@ -1295,12 +817,12 @@ function Switch({
       ),
       ...props,
       children: /* @__PURE__ */ jsx(
-        Switch$1.Thumb,
+        SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
           asChild: true,
           children: /* @__PURE__ */ jsx(
-            motion.span,
+            m.span,
             {
               className: "pointer-events-none block rounded-full bg-background ring-0 group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground",
               layout: true,
@@ -1319,7 +841,7 @@ function Progress({
 }) {
   const reduced = useReducedMotion();
   return /* @__PURE__ */ jsx(
-    Progress$1.Root,
+    ProgressPrimitive.Root,
     {
       "data-slot": "progress",
       className: cn(
@@ -1327,8 +849,8 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(Progress$1.Indicator, { "data-slot": "progress-indicator", asChild: true, children: /* @__PURE__ */ jsx(
-        motion.div,
+      children: /* @__PURE__ */ jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", asChild: true, children: /* @__PURE__ */ jsx(
+        m.div,
         {
           className: "h-full bg-primary",
           initial: { width: "0%" },
@@ -1339,7 +861,7 @@ function Progress({
     }
   );
 }
-var LEGACY_VARIANT_MAP2 = {
+var LEGACY_VARIANT_MAP = {
   default: { variant: "solid", intent: "primary" },
   destructive: { variant: "solid", intent: "danger" },
   secondary: { variant: "soft", intent: "neutral" }
@@ -1375,7 +897,7 @@ function Badge({
   const reduced = useReducedMotion();
   let resolvedVariant = variantProp;
   let resolvedIntent = intentProp;
-  const legacy = LEGACY_VARIANT_MAP2[variantProp];
+  const legacy = LEGACY_VARIANT_MAP[variantProp];
   if (legacy) {
     resolvedVariant = legacy.variant;
     if (legacy.intent) {
@@ -1384,7 +906,7 @@ function Badge({
   }
   if (asChild) {
     return /* @__PURE__ */ jsx(
-      Slot.Root,
+      Slot7.Root,
       {
         "data-slot": "badge",
         "data-variant": resolvedVariant,
@@ -1395,7 +917,7 @@ function Badge({
     );
   }
   return /* @__PURE__ */ jsx(
-    motion.span,
+    m.span,
     {
       "data-slot": "badge",
       "data-variant": resolvedVariant,
@@ -1412,7 +934,7 @@ function TooltipProvider({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Tooltip$1.Provider,
+    TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration,
@@ -1423,12 +945,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -1436,15 +958,15 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(
-    Tooltip$1.Content,
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset,
       asChild: true,
       ...props,
       children: /* @__PURE__ */ jsx(
-        motion.div,
+        m.div,
         {
           initial: { opacity: 0, scale: 0.92, y: 2 },
           animate: { opacity: 1, scale: 1, y: 0 },
@@ -1463,17 +985,17 @@ function TooltipContent({
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Popover$1.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Popover$1.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverAnchor({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Popover$1.Anchor, { "data-slot": "popover-anchor", ...props });
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 function PopoverContent({
   className,
@@ -1481,8 +1003,8 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
-    Popover$1.Content,
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
       align,
@@ -1490,7 +1012,7 @@ function PopoverContent({
       asChild: true,
       ...props,
       children: /* @__PURE__ */ jsx(
-        motion.div,
+        m.div,
         {
           initial: { opacity: 0, scale: 0.95, y: -4 },
           animate: { opacity: 1, scale: 1, y: 0 },
@@ -1508,12 +1030,12 @@ function PopoverContent({
 function HoverCard({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(HoverCard$1.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(HoverCard$1.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -1521,8 +1043,8 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(HoverCard$1.Portal, { children: /* @__PURE__ */ jsx(
-    HoverCard$1.Content,
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    HoverCardPrimitive.Content,
     {
       "data-slot": "hover-card-content",
       align,
@@ -1530,7 +1052,7 @@ function HoverCardContent({
       asChild: true,
       ...props,
       children: /* @__PURE__ */ jsx(
-        motion.div,
+        m.div,
         {
           initial: { opacity: 0, scale: 0.95, y: 4 },
           animate: { opacity: 1, scale: 1, y: 0 },
@@ -1548,17 +1070,17 @@ function HoverCardContent({
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Select$1.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Select$1.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Select$1.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -1567,7 +1089,7 @@ function SelectTrigger({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
-    Select$1.Trigger,
+    SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
       "data-size": size,
@@ -1579,7 +1101,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(Select$1.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -1590,15 +1112,15 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(
-    Select$1.Content,
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    SelectPrimitive.Content,
     {
       "data-slot": "select-content",
       position,
       asChild: true,
       ...props,
       children: /* @__PURE__ */ jsxs(
-        motion.div,
+        m.div,
         {
           initial: { opacity: 0, scale: 0.96, y: -4 },
           animate: { opacity: 1, scale: 1, y: 0 },
@@ -1611,7 +1133,7 @@ function SelectContent({
           children: [
             /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
             /* @__PURE__ */ jsx(
-              Select$1.Viewport,
+              SelectPrimitive.Viewport,
               {
                 className: cn(
                   "p-1",
@@ -1632,7 +1154,7 @@ function SelectLabel({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Select$1.Label,
+    SelectPrimitive.Label,
     {
       "data-slot": "select-label",
       className: cn("px-2 py-1.5 text-sm font-medium", className),
@@ -1646,7 +1168,7 @@ function SelectItem({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
-    Select$1.Item,
+    SelectPrimitive.Item,
     {
       "data-slot": "select-item",
       className: cn(
@@ -1655,8 +1177,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx(Select$1.ItemText, { children })
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -1666,7 +1188,7 @@ function SelectSeparator({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Select$1.Separator,
+    SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
       className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
@@ -1679,7 +1201,7 @@ function SelectScrollUpButton({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Select$1.ScrollUpButton,
+    SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
       className: cn("flex cursor-default items-center justify-center py-1", className),
@@ -1693,7 +1215,7 @@ function SelectScrollDownButton({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Select$1.ScrollDownButton,
+    SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
       className: cn("flex cursor-default items-center justify-center py-1", className),
@@ -1703,37 +1225,37 @@ function SelectScrollDownButton({
   );
 }
 function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ jsx(DropdownMenu$1.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({ ...props }) {
-  return /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { "data-slot": "dropdown-menu-trigger", className: cn("cursor-pointer", className), ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", className: cn("cursor-pointer", className), ...props });
 }
 function DropdownMenuGroup({ ...props }) {
-  return /* @__PURE__ */ jsx(DropdownMenu$1.Group, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ jsx(DropdownMenu$1.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuRadioGroup({ ...props }) {
-  return /* @__PURE__ */ jsx(DropdownMenu$1.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
 }
 function DropdownMenuContent({
   className,
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { children: /* @__PURE__ */ jsx(
-    DropdownMenu$1.Content,
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
       sideOffset,
       asChild: true,
       ...props,
       children: /* @__PURE__ */ jsx(
-        motion.div,
+        m.div,
         {
           initial: { opacity: 0, scale: 0.95, y: -4 },
           animate: { opacity: 1, scale: 1, y: 0 },
@@ -1750,7 +1272,7 @@ function DropdownMenuContent({
 }
 function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
   return /* @__PURE__ */ jsx(
-    DropdownMenu$1.Item,
+    DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
@@ -1765,7 +1287,7 @@ function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
 }
 function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
   return /* @__PURE__ */ jsxs(
-    DropdownMenu$1.CheckboxItem,
+    DropdownMenuPrimitive.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
       className: cn(
@@ -1775,7 +1297,7 @@ function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -1783,7 +1305,7 @@ function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
 }
 function DropdownMenuRadioItem({ className, children, ...props }) {
   return /* @__PURE__ */ jsxs(
-    DropdownMenu$1.RadioItem,
+    DropdownMenuPrimitive.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
       className: cn(
@@ -1792,7 +1314,7 @@ function DropdownMenuRadioItem({ className, children, ...props }) {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -1800,7 +1322,7 @@ function DropdownMenuRadioItem({ className, children, ...props }) {
 }
 function DropdownMenuLabel({ className, inset, ...props }) {
   return /* @__PURE__ */ jsx(
-    DropdownMenu$1.Label,
+    DropdownMenuPrimitive.Label,
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
@@ -1811,7 +1333,7 @@ function DropdownMenuLabel({ className, inset, ...props }) {
 }
 function DropdownMenuSeparator({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    DropdownMenu$1.Separator,
+    DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
       className: cn("bg-border -mx-1 my-1 h-px", className),
@@ -1831,7 +1353,7 @@ function DropdownMenuShortcut({ className, ...props }) {
 }
 function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
   return /* @__PURE__ */ jsxs(
-    DropdownMenu$1.SubTrigger,
+    DropdownMenuPrimitive.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
@@ -1849,7 +1371,7 @@ function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
 }
 function DropdownMenuSubContent({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    DropdownMenu$1.SubContent,
+    DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
       className: cn(
@@ -1967,29 +1489,29 @@ function DrawerDescription({
   );
 }
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Dialog$1.Overlay,
+    DialogPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
       className: cn(
@@ -2010,7 +1532,7 @@ function SheetContent({
   return /* @__PURE__ */ jsxs(SheetPortal, { children: [
     /* @__PURE__ */ jsx(SheetOverlay, {}),
     /* @__PURE__ */ jsxs(
-      Dialog$1.Content,
+      DialogPrimitive.Content,
       {
         "data-slot": "sheet-content",
         className: cn(
@@ -2024,7 +1546,7 @@ function SheetContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs(Dialog$1.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
             /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
             /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
           ] })
@@ -2058,7 +1580,7 @@ function SheetTitle({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Dialog$1.Title,
+    DialogPrimitive.Title,
     {
       "data-slot": "sheet-title",
       className: cn("font-semibold text-foreground", className),
@@ -2071,7 +1593,7 @@ function SheetDescription({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Dialog$1.Description,
+    DialogPrimitive.Description,
     {
       "data-slot": "sheet-description",
       className: cn("text-sm text-muted-foreground", className),
@@ -2087,12 +1609,12 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React13.useMemo(
+  const _values = React9.useMemo(
     () => value ?? defaultValue ?? [min],
     [value, defaultValue, min]
   );
   return /* @__PURE__ */ jsxs(
-    Slider$1.Root,
+    SliderPrimitive.Root,
     {
       "data-slot": "slider",
       defaultValue,
@@ -2106,12 +1628,12 @@ function Slider({
       ...props,
       children: [
         /* @__PURE__ */ jsx(
-          Slider$1.Track,
+          SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
             className: "relative grow overflow-hidden rounded-full bg-muted data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
             children: /* @__PURE__ */ jsx(
-              Slider$1.Range,
+              SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
                 className: "absolute rounded-full bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
@@ -2120,12 +1642,12 @@ function Slider({
           }
         ),
         Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(
-          Slider$1.Thumb,
+          SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
             asChild: true,
             children: /* @__PURE__ */ jsx(
-              motion.span,
+              m.span,
               {
                 className: "block size-4 shrink-0 cursor-grab rounded-full border border-primary/50 bg-background shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring active:cursor-grabbing",
                 whileHover: { scale: 1.2 },
@@ -2209,7 +1731,7 @@ function Avatar({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Avatar$1.Root,
+    AvatarPrimitive.Root,
     {
       "data-slot": "avatar",
       "data-size": size,
@@ -2226,7 +1748,7 @@ function AvatarImage({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Avatar$1.Image,
+    AvatarPrimitive.Image,
     {
       "data-slot": "avatar-image",
       className: cn("aspect-square size-full", className),
@@ -2239,7 +1761,7 @@ function AvatarFallback({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Avatar$1.Fallback,
+    AvatarPrimitive.Fallback,
     {
       "data-slot": "avatar-fallback",
       className: cn(
@@ -2298,33 +1820,33 @@ function AvatarGroupCount({
 function ContextMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.Group, { "data-slot": "context-menu-group", ...props });
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
 }
 function ContextMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.Portal, { "data-slot": "context-menu-portal", ...props });
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
 }
 function ContextMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.Sub, { "data-slot": "context-menu-sub", ...props });
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
 }
 function ContextMenuRadioGroup({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    ContextMenu$1.RadioGroup,
+    ContextMenuPrimitive.RadioGroup,
     {
       "data-slot": "context-menu-radio-group",
       ...props
@@ -2338,7 +1860,7 @@ function ContextMenuSubTrigger({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
-    ContextMenu$1.SubTrigger,
+    ContextMenuPrimitive.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
       "data-inset": inset,
@@ -2359,7 +1881,7 @@ function ContextMenuSubContent({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    ContextMenu$1.SubContent,
+    ContextMenuPrimitive.SubContent,
     {
       "data-slot": "context-menu-sub-content",
       className: cn(
@@ -2374,8 +1896,8 @@ function ContextMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.Portal, { children: /* @__PURE__ */ jsx(
-    ContextMenu$1.Content,
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Content,
     {
       "data-slot": "context-menu-content",
       className: cn(
@@ -2393,7 +1915,7 @@ function ContextMenuItem({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    ContextMenu$1.Item,
+    ContextMenuPrimitive.Item,
     {
       "data-slot": "context-menu-item",
       "data-inset": inset,
@@ -2413,7 +1935,7 @@ function ContextMenuCheckboxItem({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
-    ContextMenu$1.CheckboxItem,
+    ContextMenuPrimitive.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
       className: cn(
@@ -2423,7 +1945,7 @@ function ContextMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -2435,7 +1957,7 @@ function ContextMenuRadioItem({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
-    ContextMenu$1.RadioItem,
+    ContextMenuPrimitive.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
       className: cn(
@@ -2444,7 +1966,7 @@ function ContextMenuRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -2456,7 +1978,7 @@ function ContextMenuLabel({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    ContextMenu$1.Label,
+    ContextMenuPrimitive.Label,
     {
       "data-slot": "context-menu-label",
       "data-inset": inset,
@@ -2473,7 +1995,7 @@ function ContextMenuSeparator({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    ContextMenu$1.Separator,
+    ContextMenuPrimitive.Separator,
     {
       "data-slot": "context-menu-separator",
       className: cn("-mx-1 my-1 h-px bg-border", className),
@@ -2502,7 +2024,7 @@ function Menubar({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Menubar$1.Root,
+    MenubarPrimitive.Root,
     {
       "data-slot": "menubar",
       className: cn(
@@ -2516,29 +2038,29 @@ function Menubar({
 function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Menubar$1.Menu, { "data-slot": "menubar-menu", ...props });
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
 }
 function MenubarGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Menubar$1.Group, { "data-slot": "menubar-group", ...props });
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
 }
 function MenubarPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Menubar$1.Portal, { "data-slot": "menubar-portal", ...props });
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
 }
 function MenubarRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Menubar$1.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+  return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
 }
 function MenubarTrigger({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Menubar$1.Trigger,
+    MenubarPrimitive.Trigger,
     {
       "data-slot": "menubar-trigger",
       className: cn(
@@ -2557,7 +2079,7 @@ function MenubarContent({
   ...props
 }) {
   return /* @__PURE__ */ jsx(MenubarPortal, { children: /* @__PURE__ */ jsx(
-    Menubar$1.Content,
+    MenubarPrimitive.Content,
     {
       "data-slot": "menubar-content",
       align,
@@ -2578,7 +2100,7 @@ function MenubarItem({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Menubar$1.Item,
+    MenubarPrimitive.Item,
     {
       "data-slot": "menubar-item",
       "data-inset": inset,
@@ -2598,7 +2120,7 @@ function MenubarCheckboxItem({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
-    Menubar$1.CheckboxItem,
+    MenubarPrimitive.CheckboxItem,
     {
       "data-slot": "menubar-checkbox-item",
       className: cn(
@@ -2608,7 +2130,7 @@ function MenubarCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(Menubar$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -2620,7 +2142,7 @@ function MenubarRadioItem({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
-    Menubar$1.RadioItem,
+    MenubarPrimitive.RadioItem,
     {
       "data-slot": "menubar-radio-item",
       className: cn(
@@ -2629,7 +2151,7 @@ function MenubarRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(Menubar$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -2641,7 +2163,7 @@ function MenubarLabel({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Menubar$1.Label,
+    MenubarPrimitive.Label,
     {
       "data-slot": "menubar-label",
       "data-inset": inset,
@@ -2658,7 +2180,7 @@ function MenubarSeparator({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Menubar$1.Separator,
+    MenubarPrimitive.Separator,
     {
       "data-slot": "menubar-separator",
       className: cn("-mx-1 my-1 h-px bg-border", className),
@@ -2685,7 +2207,7 @@ function MenubarShortcut({
 function MenubarSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Menubar$1.Sub, { "data-slot": "menubar-sub", ...props });
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
 function MenubarSubTrigger({
   className,
@@ -2694,7 +2216,7 @@ function MenubarSubTrigger({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
-    Menubar$1.SubTrigger,
+    MenubarPrimitive.SubTrigger,
     {
       "data-slot": "menubar-sub-trigger",
       "data-inset": inset,
@@ -2715,7 +2237,7 @@ function MenubarSubContent({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Menubar$1.SubContent,
+    MenubarPrimitive.SubContent,
     {
       "data-slot": "menubar-sub-content",
       className: cn(
@@ -2733,7 +2255,7 @@ function NavigationMenu({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
-    NavigationMenu$1.Root,
+    NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
       "data-viewport": viewport,
@@ -2754,7 +2276,7 @@ function NavigationMenuList({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    NavigationMenu$1.List,
+    NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
       className: cn(
@@ -2770,7 +2292,7 @@ function NavigationMenuItem({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    NavigationMenu$1.Item,
+    NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
       className: cn("relative", className),
@@ -2787,7 +2309,7 @@ function NavigationMenuTrigger({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
-    NavigationMenu$1.Trigger,
+    NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
       className: cn(navigationMenuTriggerStyle(), "group", className),
@@ -2811,7 +2333,7 @@ function NavigationMenuContent({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    NavigationMenu$1.Content,
+    NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
       className: cn(
@@ -2834,7 +2356,7 @@ function NavigationMenuViewport({
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
       children: /* @__PURE__ */ jsx(
-        NavigationMenu$1.Viewport,
+        NavigationMenuPrimitive.Viewport,
         {
           "data-slot": "navigation-menu-viewport",
           className: cn(
@@ -2852,7 +2374,7 @@ function NavigationMenuLink({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    NavigationMenu$1.Link,
+    NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
       className: cn(
@@ -2868,7 +2390,7 @@ function NavigationMenuIndicator({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    NavigationMenu$1.Indicator,
+    NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
       className: cn(
@@ -2928,7 +2450,7 @@ function Toggle({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Toggle$1.Root,
+    TogglePrimitive.Root,
     {
       "data-slot": "toggle",
       className: cn(toggleVariants({ variant, size, className })),
@@ -2936,7 +2458,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React13.createContext({
+var ToggleGroupContext = React9.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -2950,7 +2472,7 @@ function ToggleGroup({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    ToggleGroup$1.Root,
+    ToggleGroupPrimitive.Root,
     {
       "data-slot": "toggle-group",
       "data-variant": variant,
@@ -2973,9 +2495,9 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React13.useContext(ToggleGroupContext);
+  const context = React9.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
-    ToggleGroup$1.Item,
+    ToggleGroupPrimitive.Item,
     {
       "data-slot": "toggle-group-item",
       "data-variant": context.variant || variant,
@@ -2995,210 +2517,25 @@ function ToggleGroupItem({
     }
   );
 }
-var CarouselContext = React13.createContext(null);
-function useCarousel() {
-  const context = React13.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel />");
-  }
-  return context;
-}
-function Carousel({
-  orientation = "horizontal",
-  opts,
-  setApi,
-  plugins,
+function Calendar({
   className,
-  children,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
   ...props
 }) {
-  const [carouselRef, api] = useEmblaCarousel(
-    {
-      ...opts,
-      axis: orientation === "horizontal" ? "x" : "y"
-    },
-    plugins
-  );
-  const [canScrollPrev, setCanScrollPrev] = React13.useState(false);
-  const [canScrollNext, setCanScrollNext] = React13.useState(false);
-  const onSelect = React13.useCallback((api2) => {
-    if (!api2) return;
-    setCanScrollPrev(api2.canScrollPrev());
-    setCanScrollNext(api2.canScrollNext());
-  }, []);
-  const scrollPrev = React13.useCallback(() => {
-    api?.scrollPrev();
-  }, [api]);
-  const scrollNext = React13.useCallback(() => {
-    api?.scrollNext();
-  }, [api]);
-  const handleKeyDown = React13.useCallback(
-    (event) => {
-      if (event.key === "ArrowLeft") {
-        event.preventDefault();
-        scrollPrev();
-      } else if (event.key === "ArrowRight") {
-        event.preventDefault();
-        scrollNext();
-      }
-    },
-    [scrollPrev, scrollNext]
-  );
-  React13.useEffect(() => {
-    if (!api || !setApi) return;
-    setApi(api);
-  }, [api, setApi]);
-  React13.useEffect(() => {
-    if (!api) return;
-    onSelect(api);
-    api.on("reInit", onSelect);
-    api.on("select", onSelect);
-    return () => {
-      api?.off("select", onSelect);
-    };
-  }, [api, onSelect]);
-  return /* @__PURE__ */ jsx(
-    CarouselContext.Provider,
-    {
-      value: {
-        carouselRef,
-        api,
-        opts,
-        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-        scrollPrev,
-        scrollNext,
-        canScrollPrev,
-        canScrollNext
-      },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          onKeyDownCapture: handleKeyDown,
-          className: cn("relative", className),
-          role: "region",
-          "aria-roledescription": "carousel",
-          "data-slot": "carousel",
-          ...props,
-          children
-        }
-      )
-    }
-  );
-}
-function CarouselContent({ className, ...props }) {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: carouselRef,
-      className: "overflow-hidden",
-      "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "flex",
-            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-            className
-          ),
-          ...props
-        }
-      )
-    }
-  );
-}
-function CarouselItem({ className, ...props }) {
-  const { orientation } = useCarousel();
+  const defaultClassNames = getDefaultClassNames();
   return /* @__PURE__ */ jsx(
-    "div",
+    DayPicker,
     {
-      role: "group",
-      "aria-roledescription": "slide",
-      "data-slot": "carousel-item",
+      showOutsideDays,
       className: cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CarouselPrevious({
-  className,
-  variant = "outline",
-  size = "icon",
-  ...props
-}) {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      "data-slot": "carousel-previous",
-      variant,
-      size,
-      className: cn(
-        "absolute size-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollPrev,
-      onClick: scrollPrev,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ArrowLeft, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
-      ]
-    }
-  );
-}
-function CarouselNext({
-  className,
-  variant = "outline",
-  size = "icon",
-  ...props
-}) {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      "data-slot": "carousel-next",
-      variant,
-      size,
-      className: cn(
-        "absolute size-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ArrowRight, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-}
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  captionLayout = "label",
-  buttonVariant = "ghost",
-  formatters,
-  components,
-  ...props
-}) {
-  const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx(
-    DayPicker,
-    {
-      showOutsideDays,
-      className: cn(
-        "group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        "group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
         className
       ),
       captionLayout,
@@ -3333,8 +2670,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React13.useRef(null);
-  React13.useEffect(() => {
+  const ref = React9.useRef(null);
+  React9.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
@@ -3357,12 +2694,12 @@ function CalendarDayButton({
     }
   );
 }
-function RadioGroup({
+function RadioGroup4({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    RadioGroup$1.Root,
+    RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
       className: cn("grid gap-3", className),
@@ -3375,7 +2712,7 @@ function RadioGroupItem({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    RadioGroup$1.Item,
+    RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
       className: cn(
@@ -3384,7 +2721,7 @@ function RadioGroupItem({
       ),
       ...props,
       children: /* @__PURE__ */ jsx(
-        RadioGroup$1.Indicator,
+        RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
@@ -3397,24 +2734,24 @@ function RadioGroupItem({
 function Collapsible({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Collapsible$1.Root, { "data-slot": "collapsible", ...props });
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
 }
-function CollapsibleTrigger({
+function CollapsibleTrigger2({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Collapsible$1.CollapsibleTrigger,
+    CollapsiblePrimitive.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
       ...props
     }
   );
 }
-function CollapsibleContent({
+function CollapsibleContent2({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Collapsible$1.CollapsibleContent,
+    CollapsiblePrimitive.CollapsibleContent,
     {
       "data-slot": "collapsible-content",
       ...props
@@ -3438,14 +2775,14 @@ function ScrollArea({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
-    ScrollArea$1.Root,
+    ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative", className),
       ...props,
       children: [
         /* @__PURE__ */ jsx(
-          ScrollArea$1.Viewport,
+          ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
             className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
@@ -3453,7 +2790,7 @@ function ScrollArea({
           }
         ),
         /* @__PURE__ */ jsx(ScrollBar, {}),
-        /* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -3464,7 +2801,7 @@ function ScrollBar({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    ScrollArea$1.ScrollAreaScrollbar,
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
       orientation,
@@ -3476,7 +2813,7 @@ function ScrollBar({
       ),
       ...props,
       children: /* @__PURE__ */ jsx(
-        ScrollArea$1.ScrollAreaThumb,
+        ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
           className: "relative flex-1 rounded-full bg-border"
@@ -3512,7 +2849,7 @@ var Toaster = ({ ...props }) => {
 function AspectRatio({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(AspectRatio$1.Root, { "data-slot": "aspect-ratio", ...props });
+  return /* @__PURE__ */ jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
 }
 function Breadcrumb({ ...props }) {
   return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -3545,7 +2882,7 @@ function BreadcrumbLink({
   className,
   ...props
 }) {
-  const Comp = asChild ? Slot.Root : "a";
+  const Comp = asChild ? Slot7.Root : "a";
   return /* @__PURE__ */ jsx(
     Comp,
     {
@@ -3604,14 +2941,14 @@ function BreadcrumbEllipsis({
     }
   );
 }
-function Separator({
+function Separator5({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Separator$1.Root,
+    SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
       decorative,
@@ -3659,671 +2996,178 @@ function ButtonGroupText({
   asChild = false,
   ...props
 }) {
-  const Comp = asChild ? Slot.Root : "div";
+  const Comp = asChild ? Slot7.Root : "div";
   return /* @__PURE__ */ jsx(
     Comp,
     {
       className: cn(
         "flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
         className
-      ),
-      ...props
-    }
-  );
-}
-function ButtonGroupSeparator({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Separator,
-    {
-      "data-slot": "button-group-separator",
-      orientation,
-      className: cn(
-        "relative m-0! self-stretch bg-input data-[orientation=vertical]:h-auto",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React13.createContext(null);
-function useChart() {
-  const context = React13.useContext(ChartContext);
-  if (!context) {
-    throw new Error("useChart must be used within a <ChartContainer />");
-  }
-  return context;
-}
-function ChartContainer({
-  id,
-  className,
-  children,
-  config,
-  ...props
-}) {
-  const uniqueId = React13.useId();
-  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "chart",
-      "data-chart": chartId,
-      className: cn(
-        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })
-      ]
-    }
-  ) });
-}
-var ChartStyle = ({ id, config }) => {
-  const colorConfig = Object.entries(config).filter(
-    ([, config2]) => config2.theme || config2.color
-  );
-  if (!colorConfig.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "style",
-    {
-      dangerouslySetInnerHTML: {
-        __html: Object.entries(THEMES).map(
-          ([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig.map(([key, itemConfig]) => {
-            const color = itemConfig.theme?.[theme] || itemConfig.color;
-            return color ? `  --color-${key}: ${color};` : null;
-          }).join("\n")}
-}
-`
-        ).join("\n")
-      }
-    }
-  );
-};
-var ChartTooltip = RechartsPrimitive.Tooltip;
-function ChartTooltipContent({
-  active,
-  payload,
-  className,
-  indicator = "dot",
-  hideLabel = false,
-  hideIndicator = false,
-  label,
-  labelFormatter,
-  labelClassName,
-  formatter,
-  color,
-  nameKey,
-  labelKey
-}) {
-  const { config } = useChart();
-  const tooltipLabel = React13.useMemo(() => {
-    if (hideLabel || !payload?.length) {
-      return null;
-    }
-    const [item] = payload;
-    const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
-    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-    const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
-    if (labelFormatter) {
-      return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
-    }
-    if (!value) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: value });
-  }, [
-    label,
-    labelFormatter,
-    payload,
-    hideLabel,
-    labelClassName,
-    config,
-    labelKey
-  ]);
-  if (!active || !payload?.length) {
-    return null;
-  }
-  const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
-        className
-      ),
-      children: [
-        !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").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__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
-                indicator === "dot" && "items-center"
-              ),
-              children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
-                      {
-                        "h-2.5 w-2.5": indicator === "dot",
-                        "w-1": indicator === "line",
-                        "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-                        "my-0.5": nestLabel && indicator === "dashed"
-                      }
-                    ),
-                    style: {
-                      "--color-bg": indicatorColor,
-                      "--color-border": indicatorColor
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: cn(
-                      "flex flex-1 justify-between leading-none",
-                      nestLabel ? "items-end" : "items-center"
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
-                        nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
-                      ] }),
-                      item.value && /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-foreground tabular-nums", children: item.value.toLocaleString() })
-                    ]
-                  }
-                )
-              ] })
-            },
-            item.dataKey
-          );
-        }) })
-      ]
-    }
-  );
-}
-var ChartLegend = RechartsPrimitive.Legend;
-function ChartLegendContent({
-  className,
-  hideIcon = false,
-  payload,
-  verticalAlign = "bottom",
-  nameKey
-}) {
-  const { config } = useChart();
-  if (!payload?.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "flex items-center justify-center gap-4",
-        verticalAlign === "top" ? "pb-3" : "pt-3",
-        className
-      ),
-      children: payload.filter((item) => item.type !== "none").map((item) => {
-        const key = `${nameKey || item.dataKey || "value"}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
-            ),
-            children: [
-              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "h-2 w-2 shrink-0 rounded-[2px]",
-                  style: {
-                    backgroundColor: item.color
-                  }
-                }
-              ),
-              itemConfig?.label
-            ]
-          },
-          item.value
-        );
-      })
-    }
-  );
-}
-function getPayloadConfigFromPayload(config, payload, key) {
-  if (typeof payload !== "object" || payload === null) {
-    return void 0;
-  }
-  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
-  let configLabelKey = key;
-  if (key in payload && typeof payload[key] === "string") {
-    configLabelKey = payload[key];
-  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
-    configLabelKey = payloadPayload[key];
-  }
-  return configLabelKey in config ? config[configLabelKey] : config[key];
-}
-function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "input-group",
-      role: "group",
-      className: cn(
-        "group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30",
-        "h-9 min-w-0 has-[>textarea]:h-auto",
-        // Variants based on alignment.
-        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
-        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
-        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
-        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
-        // Focus state.
-        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50",
-        // Error state.
-        "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var inputGroupAddonVariants = cva(
-  "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      align: {
-        "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
-        "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
-        "block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
-        "block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3"
-      }
-    },
-    defaultVariants: {
-      align: "inline-start"
-    }
-  }
-);
-function InputGroupAddon({
-  className,
-  align = "inline-start",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "group",
-      "data-slot": "input-group-addon",
-      "data-align": align,
-      className: cn(inputGroupAddonVariants({ align }), className),
-      onClick: (e) => {
-        if (e.target.closest("button")) {
-          return;
-        }
-        e.currentTarget.parentElement?.querySelector("input")?.focus();
-      },
-      ...props
-    }
-  );
-}
-var inputGroupButtonVariants = cva(
-  "flex items-center gap-2 text-sm shadow-none",
-  {
-    variants: {
-      size: {
-        xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
-        sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
-        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
-        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
-      }
-    },
-    defaultVariants: {
-      size: "xs"
-    }
-  }
-);
-function InputGroupButton({
-  className,
-  type = "button",
-  variant = "ghost",
-  size = "xs",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      type,
-      "data-size": size,
-      variant,
-      className: cn(inputGroupButtonVariants({ size }), className),
-      ...props
-    }
-  );
-}
-function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function InputGroupInput({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      "data-slot": "input-group-control",
-      className: cn(
-        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function InputGroupTextarea({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Textarea,
-    {
-      "data-slot": "input-group-control",
-      className: cn(
-        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var Combobox = Combobox$1.Root;
-function ComboboxValue({ ...props }) {
-  return /* @__PURE__ */ jsx(Combobox$1.Value, { "data-slot": "combobox-value", ...props });
-}
-function ComboboxTrigger({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    Combobox$1.Trigger,
-    {
-      "data-slot": "combobox-trigger",
-      className: cn("[&_svg:not([class*='size-'])]:size-4", className),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(
-          ChevronDownIcon,
-          {
-            "data-slot": "combobox-trigger-icon",
-            className: "pointer-events-none size-4 text-muted-foreground"
-          }
-        )
-      ]
-    }
-  );
-}
-function ComboboxClear({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Combobox$1.Clear,
-    {
-      "data-slot": "combobox-clear",
-      render: /* @__PURE__ */ jsx(InputGroupButton, { variant: "ghost", size: "icon-xs" }),
-      className: cn(className),
-      ...props,
-      children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
-    }
-  );
-}
-function ComboboxInput({
-  className,
-  children,
-  disabled = false,
-  showTrigger = true,
-  showClear = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(InputGroup, { className: cn("w-auto", className), children: [
-    /* @__PURE__ */ jsx(
-      Combobox$1.Input,
-      {
-        render: /* @__PURE__ */ jsx(InputGroupInput, { disabled }),
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsxs(InputGroupAddon, { align: "inline-end", children: [
-      showTrigger && /* @__PURE__ */ jsx(
-        InputGroupButton,
-        {
-          size: "icon-xs",
-          variant: "ghost",
-          asChild: true,
-          "data-slot": "input-group-button",
-          className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
-          disabled,
-          children: /* @__PURE__ */ jsx(ComboboxTrigger, {})
-        }
-      ),
-      showClear && /* @__PURE__ */ jsx(ComboboxClear, { disabled })
-    ] }),
-    children
-  ] });
-}
-function ComboboxContent({
-  className,
-  side = "bottom",
-  sideOffset = 6,
-  align = "start",
-  alignOffset = 0,
-  anchor,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(
-    Combobox$1.Positioner,
-    {
-      side,
-      sideOffset,
-      align,
-      alignOffset,
-      anchor,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ jsx(
-        Combobox$1.Popup,
-        {
-          "data-slot": "combobox-content",
-          "data-chips": !!anchor,
-          className: cn(
-            "group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) 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 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-            className
-          ),
-          ...props
-        }
-      )
-    }
-  ) });
-}
-function ComboboxList({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Combobox$1.List,
-    {
-      "data-slot": "combobox-list",
-      className: cn(
-        "max-h-[min(calc(--spacing(96)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ComboboxItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    Combobox$1.Item,
-    {
-      "data-slot": "combobox-item",
-      className: cn(
-        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(
-          Combobox$1.ItemIndicator,
-          {
-            "data-slot": "combobox-item-indicator",
-            render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
-          }
-        )
-      ]
-    }
-  );
-}
-function ComboboxGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Combobox$1.Group,
-    {
-      "data-slot": "combobox-group",
-      className: cn(className),
+      ),
       ...props
     }
   );
 }
-function ComboboxLabel({
+function ButtonGroupSeparator({
   className,
+  orientation = "vertical",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Combobox$1.GroupLabel,
+    Separator5,
     {
-      "data-slot": "combobox-label",
+      "data-slot": "button-group-separator",
+      orientation,
       className: cn(
-        "px-2 py-1.5 text-xs text-muted-foreground pointer-coarse:px-3 pointer-coarse:py-2 pointer-coarse:text-sm",
+        "relative m-0! self-stretch bg-input data-[orientation=vertical]:h-auto",
         className
       ),
       ...props
     }
   );
 }
-function ComboboxCollection({ ...props }) {
-  return /* @__PURE__ */ jsx(Combobox$1.Collection, { "data-slot": "combobox-collection", ...props });
-}
-function ComboboxEmpty({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Combobox$1.Empty,
+var Combobox = PopoverPrimitive.Root;
+var ComboboxTrigger = PopoverPrimitive.Trigger;
+function ComboboxContent({
+  className,
+  align = "start",
+  sideOffset = 6,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
     {
-      "data-slot": "combobox-empty",
+      "data-slot": "combobox-content",
+      align,
+      sideOffset,
       className: cn(
-        "hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex",
+        "z-50 w-[var(--radix-popover-trigger-width)] min-w-[12rem] origin-[var(--radix-popover-content-transform-origin)] overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
         className
       ),
-      ...props
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Command$1,
+        {
+          "data-slot": "combobox",
+          className: "flex w-full flex-col",
+          children
+        }
+      )
     }
-  );
+  ) });
 }
-function ComboboxSeparator({
+function ComboboxInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Combobox$1.Separator,
+  return /* @__PURE__ */ jsxs(
+    "div",
     {
-      "data-slot": "combobox-separator",
-      className: cn("-mx-1 my-1 h-px bg-border", className),
-      ...props
+      "data-slot": "combobox-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx(
+          Command$1.Input,
+          {
+            "data-slot": "combobox-input",
+            className: cn(
+              "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
     }
   );
 }
-function ComboboxChips({
+function ComboboxList({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Combobox$1.Chips,
+    Command$1.List,
     {
-      "data-slot": "combobox-chips",
+      "data-slot": "combobox-list",
       className: cn(
-        "flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1.5 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40",
+        "max-h-[min(24rem,var(--radix-popover-content-available-height))] scroll-py-1 overflow-x-hidden overflow-y-auto p-1",
         className
       ),
       ...props
     }
   );
 }
-function ComboboxChip({
+function ComboboxItem({
   className,
   children,
-  showRemove = true,
+  selected,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
-    Combobox$1.Chip,
+    Command$1.Item,
     {
-      "data-slot": "combobox-chip",
+      "data-slot": "combobox-item",
       className: cn(
-        "flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0",
+        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
       children: [
         children,
-        showRemove && /* @__PURE__ */ jsx(
-          Combobox$1.ChipRemove,
+        selected ? /* @__PURE__ */ jsx(
+          CheckIcon,
           {
-            render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-xs" }),
-            className: "-ml-1 opacity-50 hover:opacity-100",
-            "data-slot": "combobox-chip-remove",
-            children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
+            "data-slot": "combobox-item-indicator",
+            className: "absolute right-2 size-4"
           }
-        )
+        ) : null
       ]
     }
   );
 }
-function ComboboxChipsInput({
+function ComboboxGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Group,
+    {
+      "data-slot": "combobox-group",
+      className: cn(
+        "overflow-hidden text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ComboboxEmpty({
   className,
-  children,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Combobox$1.Input,
+    Command$1.Empty,
     {
-      "data-slot": "combobox-chip-input",
-      className: cn("min-w-16 flex-1 outline-none", className),
+      "data-slot": "combobox-empty",
+      className: cn("py-6 text-center text-sm text-muted-foreground", className),
       ...props
     }
   );
 }
-function useComboboxAnchor() {
-  return React13.useRef(null);
+function ComboboxSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Separator,
+    {
+      "data-slot": "combobox-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
 }
 function Command({
   className,
@@ -4477,14 +3321,14 @@ function CommandShortcut({
     }
   );
 }
-function DirectionProvider({
+function DirectionProvider2({
   dir,
   direction,
   children
 }) {
   return /* @__PURE__ */ jsx(Direction.DirectionProvider, { dir: direction ?? dir, children });
 }
-var useDirection = Direction.useDirection;
+var useDirection2 = Direction.useDirection;
 function Empty({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -4576,12 +3420,12 @@ function EmptyContent({ className, ...props }) {
     }
   );
 }
-function Label({
+function Label5({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Label$1.Root,
+    LabelPrimitive.Root,
     {
       "data-slot": "label",
       className: cn(
@@ -4696,7 +3540,7 @@ function FieldLabel({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Label,
+    Label5,
     {
       "data-slot": "field-label",
       className: cn(
@@ -4753,7 +3597,7 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }),
+        /* @__PURE__ */ jsx(Separator5, { className: "absolute inset-0 top-1/2" }),
         children && /* @__PURE__ */ jsx(
           "span",
           {
@@ -4804,7 +3648,7 @@ function FieldError({
   );
 }
 var Form = FormProvider;
-var FormFieldContext = React13.createContext(
+var FormFieldContext = React9.createContext(
   {}
 );
 var FormField = ({
@@ -4813,8 +3657,8 @@ var FormField = ({
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React13.useContext(FormFieldContext);
-  const itemContext = React13.useContext(FormItemContext);
+  const fieldContext = React9.useContext(FormFieldContext);
+  const itemContext = React9.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -4831,11 +3675,11 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React13.createContext(
+var FormItemContext = React9.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React13.useId();
+  const id = React9.useId();
   return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -4851,7 +3695,7 @@ function FormLabel({
 }) {
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ jsx(
-    Label,
+    Label5,
     {
       "data-slot": "form-label",
       "data-error": !!error,
@@ -4864,7 +3708,7 @@ function FormLabel({
 function FormControl({ ...props }) {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ jsx(
-    Slot.Root,
+    Slot7.Root,
     {
       "data-slot": "form-control",
       id: formItemId,
@@ -5075,6 +3919,146 @@ var Icons = {
     /* @__PURE__ */ jsx("path", { d: "M18 9a9 9 0 0 1-9 9" })
   ] })
 };
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: cn(
+        "group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30",
+        "h-9 min-w-0 has-[>textarea]:h-auto",
+        // Variants based on alignment.
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+        // Focus state.
+        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50",
+        // Error state.
+        "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var inputGroupAddonVariants = cva(
+  "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
+        "block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: cn(inputGroupAddonVariants({ align }), className),
+      onClick: (e) => {
+        if (e.target.closest("button")) {
+          return;
+        }
+        e.currentTarget.parentElement?.querySelector("input")?.focus();
+      },
+      ...props
+    }
+  );
+}
+var inputGroupButtonVariants = cva(
+  "flex items-center gap-2 text-sm shadow-none",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
+        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+      }
+    },
+    defaultVariants: {
+      size: "xs"
+    }
+  }
+);
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type,
+      "data-size": size,
+      variant,
+      className: cn(inputGroupButtonVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function InputGroupText({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      "data-slot": "input-group-control",
+      className: cn(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupTextarea({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Textarea,
+    {
+      "data-slot": "input-group-control",
+      className: cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function InputOTP({
   className,
   containerClassName,
@@ -5108,7 +4092,7 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React13.useContext(OTPInputContext);
+  const inputOTPContext = React9.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs(
     "div",
@@ -5146,7 +4130,7 @@ function ItemSeparator({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Separator,
+    Separator5,
     {
       "data-slot": "item-separator",
       orientation: "horizontal",
@@ -5175,14 +4159,14 @@ var itemVariants = cva(
     }
   }
 );
-function Item({
+function Item9({
   className,
   variant = "default",
   size = "default",
   asChild = false,
   ...props
 }) {
-  const Comp = asChild ? Slot.Root : "div";
+  const Comp = asChild ? Slot7.Root : "div";
   return /* @__PURE__ */ jsx(
     Comp,
     {
@@ -5642,7 +4626,7 @@ var AnimatedTooltip = ({
       onMouseLeave: () => setHoveredIndex(null),
       children: [
         /* @__PURE__ */ jsx(AnimatePresence, { children: hoveredIndex === item.id && /* @__PURE__ */ jsxs(
-          motion.div,
+          m.div,
           {
             initial: { opacity: 0, y: 20, scale: 0.6 },
             animate: {
@@ -5671,7 +4655,7 @@ var AnimatedTooltip = ({
           }
         ) }),
         /* @__PURE__ */ jsx(
-          Image,
+          Image2,
           {
             onMouseMove: handleMouseMove,
             height: 100,
@@ -5735,9 +4719,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React13.createContext(null);
+var SidebarContext = React9.createContext(null);
 function useSidebar() {
-  const context = React13.useContext(SidebarContext);
+  const context = React9.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5753,10 +4737,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React13.useState(false);
-  const [_open, _setOpen] = React13.useState(defaultOpenProp ?? true);
-  const [hasHydrated, setHasHydrated] = React13.useState(false);
-  React13.useEffect(() => {
+  const [openMobile, setOpenMobile] = React9.useState(false);
+  const [_open, _setOpen] = React9.useState(defaultOpenProp ?? true);
+  const [hasHydrated, setHasHydrated] = React9.useState(false);
+  React9.useEffect(() => {
     if (openProp !== void 0 || defaultOpenProp !== void 0) {
       setHasHydrated(true);
       return;
@@ -5767,7 +4751,7 @@ function SidebarProvider({
     }
     setHasHydrated(true);
   }, [openProp, defaultOpenProp]);
-  React13.useEffect(() => {
+  React9.useEffect(() => {
     if (!hasHydrated) return;
     if (openProp !== void 0 || defaultOpenProp !== void 0) return;
     const hasCookie = document.cookie.includes(SIDEBAR_COOKIE_NAME);
@@ -5776,7 +4760,7 @@ function SidebarProvider({
     }
   }, [hasHydrated, isMobile, openProp, defaultOpenProp]);
   const open = openProp ?? _open;
-  const setOpen = React13.useCallback(
+  const setOpen = React9.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5788,10 +4772,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React13.useCallback(() => {
+  const toggleSidebar = React9.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React13.useEffect(() => {
+  React9.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5802,7 +4786,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open || openMobile ? "expanded" : "collapsed";
-  const contextValue = React13.useMemo(
+  const contextValue = React9.useMemo(
     () => ({
       state,
       open,
@@ -6031,7 +5015,7 @@ function SidebarSeparator({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Separator,
+    Separator5,
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
@@ -6070,7 +5054,7 @@ function SidebarGroupLabel({
   asChild = false,
   ...props
 }) {
-  const Comp = asChild ? Slot.Root : "div";
+  const Comp = asChild ? Slot7.Root : "div";
   return /* @__PURE__ */ jsx(
     Comp,
     {
@@ -6090,7 +5074,7 @@ function SidebarGroupAction({
   asChild = false,
   ...props
 }) {
-  const Comp = asChild ? Slot.Root : "button";
+  const Comp = asChild ? Slot7.Root : "button";
   return /* @__PURE__ */ jsx(
     Comp,
     {
@@ -6172,7 +5156,7 @@ function SidebarMenuButton({
   className,
   ...props
 }) {
-  const Comp = asChild ? Slot.Root : "button";
+  const Comp = asChild ? Slot7.Root : "button";
   const { isMobile, state } = useSidebar();
   const button = /* @__PURE__ */ jsx(
     Comp,
@@ -6212,7 +5196,7 @@ function SidebarMenuAction({
   showOnHover = false,
   ...props
 }) {
-  const Comp = asChild ? Slot.Root : "button";
+  const Comp = asChild ? Slot7.Root : "button";
   return /* @__PURE__ */ jsx(
     Comp,
     {
@@ -6260,7 +5244,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React13.useMemo(() => {
+  const width = React9.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -6328,7 +5312,7 @@ function SidebarMenuSubButton({
   className,
   ...props
 }) {
-  const Comp = asChild ? Slot.Root : "a";
+  const Comp = asChild ? Slot7.Root : "a";
   return /* @__PURE__ */ jsx(
     Comp,
     {
@@ -6704,7 +5688,7 @@ function ScrollToTopButton({
   const surfaceClass = surface === "glass" ? "bg-primary/85 text-primary-foreground backdrop-blur-md border border-[oklch(1_0_0_/_0.15)] shadow-[var(--surface-shadow)]" : "bg-primary text-primary-foreground shadow-lg";
   const duration = animated ? 0.3 : 0;
   return /* @__PURE__ */ jsx(AnimatePresence, { children: isVisible && /* @__PURE__ */ jsx(
-    motion.button,
+    m.button,
     {
       onClick: scrollToTop,
       "aria-label": "Scroll to top",
@@ -6727,8 +5711,8 @@ function ThemeModeToggle({
   className
 }) {
   const { theme, setTheme } = useTheme();
-  const [mounted, setMounted] = React13.useState(false);
-  React13.useEffect(() => {
+  const [mounted, setMounted] = React9.useState(false);
+  React9.useEffect(() => {
     setMounted(true);
   }, []);
   if (!mounted) {
@@ -6752,38 +5736,76 @@ function ThemeModeToggle({
     }
   );
 }
-NProgress.configure({ showSpinner: false, trickleSpeed: 100 });
-var NPROGRESS_THEME_CSS = `
-#nprogress .bar {
-    background: var(--primary) !important;
-    height: 2px;
-}
-#nprogress .peg {
-    box-shadow: 0 0 10px var(--primary), 0 0 5px var(--primary) !important;
-}
-#nprogress .spinner-icon {
-    border-top-color: var(--primary) !important;
-    border-left-color: var(--primary) !important;
-}
-`;
+var BAR_BASE_STYLE = {
+  position: "fixed",
+  top: 0,
+  left: 0,
+  right: 0,
+  height: 2,
+  background: "var(--primary)",
+  transformOrigin: "left",
+  zIndex: 9999,
+  pointerEvents: "none"
+};
 function TopLoadingBarAnimated({
   startDelayMs = 100,
   finishDelayMs = 300
 }) {
   const pathname = usePathname();
   const searchParams = useSearchParams();
+  const [progress, setProgress] = useState(0);
+  const [visible, setVisible] = useState(false);
+  const trickleRef = useRef(null);
   useEffect(() => {
-    const startDelay = setTimeout(() => NProgress.start(), startDelayMs);
+    const start = setTimeout(() => {
+      setVisible(true);
+      setProgress(0.08);
+      trickleRef.current = setInterval(() => {
+        setProgress((p) => {
+          if (p >= 0.9) return p;
+          const remaining = 0.9 - p;
+          return p + remaining * 0.06;
+        });
+      }, 200);
+    }, startDelayMs);
     const finish = setTimeout(() => {
-      clearTimeout(startDelay);
-      NProgress.done();
+      clearTimeout(start);
+      if (trickleRef.current) {
+        clearInterval(trickleRef.current);
+        trickleRef.current = null;
+      }
+      setProgress(1);
+      const fade = setTimeout(() => {
+        setVisible(false);
+        setProgress(0);
+      }, 200);
+      return () => clearTimeout(fade);
     }, finishDelayMs);
     return () => {
-      clearTimeout(startDelay);
+      clearTimeout(start);
       clearTimeout(finish);
+      if (trickleRef.current) {
+        clearInterval(trickleRef.current);
+        trickleRef.current = null;
+      }
     };
   }, [pathname, searchParams, startDelayMs, finishDelayMs]);
-  return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": "true",
+        style: {
+          ...BAR_BASE_STYLE,
+          transform: `scaleX(${progress})`,
+          opacity: visible ? 1 : 0,
+          transition: "transform 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 250ms ease-out",
+          boxShadow: "0 0 10px var(--primary), 0 0 5px var(--primary)"
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "sr-only", children: visible ? "Loading\u2026" : "" })
+  ] });
 }
 function TopLoadingBarStatic({
   startDelayMs = 100,
@@ -6809,15 +5831,8 @@ function TopLoadingBarStatic({
       {
         "aria-hidden": "true",
         style: {
-          position: "fixed",
-          top: 0,
-          left: 0,
-          right: 0,
-          height: 2,
-          background: "var(--primary)",
-          opacity: pending ? 1 : 0,
-          zIndex: 9999,
-          pointerEvents: "none"
+          ...BAR_BASE_STYLE,
+          opacity: pending ? 1 : 0
           // No transition — this variant is intentionally motion-free.
         }
       }
@@ -6840,16 +5855,13 @@ function TopLoadingBar({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: NPROGRESS_THEME_CSS } }),
-    /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
-      TopLoadingBarAnimated,
-      {
-        startDelayMs,
-        finishDelayMs
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+    TopLoadingBarAnimated,
+    {
+      startDelayMs,
+      finishDelayMs
+    }
+  ) });
 }
 var sizeClasses = {
   sm: "h-7 w-7 text-xs",
@@ -6863,4 +5875,4 @@ function UserAvatar({ src, name, initials, size = "md", className }) {
   ] });
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedTooltip, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataToolbar, DataToolbarActions, DataToolbarFilters, DataToolbarSearch, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricCard, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PALETTES, PageHeader, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PricingCard, Progress, RADII, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, STYLES, SaasflareProvider, SaasflareScript, SaasflareShell, ScrollArea, ScrollBar, ScrollToTopButton, SearchField, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SettingsSection, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SmoothScrollProvider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeModeToggle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLoadingBar, TypewriterText, UserAvatar, badgeVariants, buttonGroupVariants, buttonVariants, cn, fadeIn, navigationMenuTriggerStyle, noMotion, scaleIn, slideDown, slideUp, spring, springBouncy, springGentle, springStiff, toggleVariants, useAnimation, useComboboxAnchor, useDirection, useDisclosure, useFormField, useIsMobile, useMeasure, usePagination, useReducedMotion, useSaasflareProps, useSaasflareTheme, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedTooltip, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataToolbar, DataToolbarActions, DataToolbarFilters, DataToolbarSearch, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider2 as DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item9 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label5 as Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricCard, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PALETTES, PageHeader, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PricingCard, Progress, RADII, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, STYLES, ScrollArea, ScrollBar, ScrollToTopButton, SearchField, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator5 as Separator, SettingsSection, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeModeToggle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLoadingBar, TypewriterText, UserAvatar, badgeVariants, buttonGroupVariants, navigationMenuTriggerStyle, toggleVariants, useDirection2 as useDirection, useDisclosure, useFormField, useIsMobile, useMeasure, usePagination, useSidebar };