@datatechsolutions/ui 3.6.1 → 3.7.0

package/dist/{chunk-4OFG6POC.mjs → chunk-5LCWQKGQ.mjs}

@@ -1,20 +1,21 @@
 "use client";
-import { triggerHaptic } from './chunk-D2JF6C3E.mjs';
 import { useTranslations, useLocale } from './chunk-7VJ7CMMT.mjs';
-import { useLink, useRouter, usePathname } from './chunk-QWG2FMUN.mjs';
 import { subscribeToRunEvents, submitApproval } from './chunk-RHRJXK5R.mjs';
-import * as Headless5 from '@headlessui/react';
-import { Button as Button$1, Transition, Dialog, TransitionChild, DialogPanel, DialogTitle, DialogBackdrop } from '@headlessui/react';
-import clsx, { clsx as clsx$1 } from 'clsx';
-import * as React12 from 'react';
-import React12__default, { forwardRef, useId, useState, useCallback, createContext, memo, useRef, useEffect, Fragment as Fragment$1, useMemo, useContext, Children, isValidElement, Suspense } from 'react';
-import { AnimatePresence, motion, useReducedMotion, useMotionValue, useTransform, animate, useInView, useSpring } from 'framer-motion';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Link, TouchTarget, getTransition, springPresets, Button } from './chunk-WR55H7DH.mjs';
+import { triggerHaptic } from './chunk-D2JF6C3E.mjs';
+import { useRouter, usePathname } from './chunk-QWG2FMUN.mjs';
+import * as React9 from 'react';
+import React9__default, { forwardRef, useId, useState, useCallback, createContext, memo, useRef, useEffect, Fragment, useMemo, useContext, Children, isValidElement, Suspense } from 'react';
+import { useReducedMotion, motion, AnimatePresence, useMotionValue, useTransform, animate, useInView, useSpring } from 'framer-motion';
 import * as HeroIcons from '@heroicons/react/24/outline';
 import { PlusIcon, MinusIcon, CheckCircleIcon as CheckCircleIcon$1, RocketLaunchIcon, HandThumbUpIcon, AdjustmentsHorizontalIcon, TableCellsIcon, MapIcon, XMarkIcon as XMarkIcon$1, ClockIcon, BuildingStorefrontIcon, MagnifyingGlassIcon, InformationCircleIcon, ArrowTrendingUpIcon, ArrowTrendingDownIcon, ChevronUpIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUpDownIcon, DocumentMagnifyingGlassIcon, ShieldExclamationIcon, ServerStackIcon, WifiIcon, ExclamationTriangleIcon, ArrowPathIcon, FolderOpenIcon, BellIcon, TrashIcon, ExclamationCircleIcon, ClipboardDocumentCheckIcon, ClipboardDocumentIcon, CalendarDaysIcon, ChevronLeftIcon as ChevronLeftIcon$1, ChevronRightIcon as ChevronRightIcon$1, CheckIcon as CheckIcon$2, FunnelIcon, CameraIcon, ArrowUpTrayIcon, BeakerIcon, GlobeAltIcon, WrenchScrewdriverIcon, EyeDropperIcon, MoonIcon as MoonIcon$1, SunIcon as SunIcon$1, UserCircleIcon, ArrowRightOnRectangleIcon, LanguageIcon, Squares2X2Icon, PlusCircleIcon, XCircleIcon, LockClosedIcon, UserIcon } from '@heroicons/react/24/outline';
+import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { ChevronDownIcon, CheckCircleIcon, EyeSlashIcon, EyeIcon, XMarkIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardDocumentIcon as ClipboardDocumentIcon$1, ArrowDownTrayIcon } from '@heroicons/react/20/solid';
+import * as Headless3 from '@headlessui/react';
+import { Transition, Dialog, TransitionChild, DialogPanel, DialogTitle, DialogBackdrop } from '@headlessui/react';
 import { CheckIcon as CheckIcon$1 } from '@heroicons/react/24/solid';
 import * as Popover from '@radix-ui/react-popover';
+import clsx4, { clsx } from 'clsx';
 import { createPortal } from 'react-dom';
 import { startOfDay, startOfMonth, endOfMonth, eachDayOfInterval, getDay, subMonths, addMonths, isAfter, format, isSameDay, isSameMonth, parse } from 'date-fns';
 import { fr, es, enUS, ptBR } from 'date-fns/locale';
@@ -26,795 +27,6 @@ import { useTranslations as useTranslations$1 } from 'next-intl';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { create } from 'zustand';
 
-var Link = forwardRef(function Link2(props, ref) {
-  const RouterLink = useLink();
-  return /* @__PURE__ */ jsx(Headless5.DataInteractive, { children: /* @__PURE__ */ jsx(RouterLink, { ...props, ref }) });
-});
-
-// src/lib/motion-tokens.ts
-var duration = {
-  /** 90ms — micro feedback: toggle thumb, hover tint, focus ring */
-  xs: 90,
-  /** 150ms — button press, popover open, chip toggle */
-  sm: 150,
-  /** 240ms — card hover, drawer slide, tab switch */
-  md: 240,
-  /** 360ms — page transitions, modal enter/exit */
-  lg: 360
-};
-var durationSeconds = {
-  xs: duration.xs / 1e3,
-  sm: duration.sm / 1e3,
-  md: duration.md / 1e3,
-  lg: duration.lg / 1e3
-};
-var ease = {
-  /** Default product curve — symmetric, balanced */
-  standard: [0.4, 0, 0.2, 1],
-  /** Entering elements — slow start, fast finish */
-  emphasized: [0.2, 0, 0, 1],
-  /** Arrivals — fast in, slow settle */
-  decelerate: [0, 0, 0.2, 1],
-  /** Departures — fast out, sharp end */
-  accelerate: [0.4, 0, 1, 1],
-  /** iOS HIG-canonical curve — slightly slower decay than `standard` */
-  ios: [0.25, 0.46, 0.45, 0.94]
-};
-var easeCss = {
-  standard: `cubic-bezier(${ease.standard.join(", ")})`,
-  emphasized: `cubic-bezier(${ease.emphasized.join(", ")})`,
-  decelerate: `cubic-bezier(${ease.decelerate.join(", ")})`,
-  accelerate: `cubic-bezier(${ease.accelerate.join(", ")})`,
-  ios: `cubic-bezier(${ease.ios.join(", ")})`
-};
-var spring = {
-  /** Snap — fast, no overshoot. Buttons, micro-interactions. */
-  snap: { type: "spring", stiffness: 500, damping: 38 },
-  /** Smooth — balanced, no overshoot. Default for cards/transitions. */
-  smooth: { type: "spring", stiffness: 300, damping: 30 },
-  /** Bounce — playful overshoot. Icons, success confirmations. */
-  bounce: { type: "spring", stiffness: 400, damping: 22 },
-  /** Gentle — soft and slow. Modals, large surface entry. */
-  gentle: { type: "spring", stiffness: 200, damping: 22 },
-  /** Sheet — iOS sheet presentation (with mass). Drawers. */
-  sheet: { type: "spring", stiffness: 350, damping: 30, mass: 0.8 }
-};
-var motionTokens = {
-  duration,
-  durationSeconds,
-  ease,
-  easeCss,
-  spring
-};
-
-// src/lib/animations.ts
-function prefersReducedMotion() {
-  if (typeof window === "undefined") return false;
-  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function getTransition(transition) {
-  if (prefersReducedMotion()) {
-    return { duration: 0 };
-  }
-  return transition;
-}
-function getVariants(variants) {
-  if (prefersReducedMotion()) {
-    const reducedVariants = {};
-    for (const key in variants) {
-      reducedVariants[key] = {
-        ...variants[key],
-        transition: { duration: 0 }
-      };
-    }
-    return reducedVariants;
-  }
-  return variants;
-}
-var springPresets = {
-  default: spring.smooth,
-  bouncy: spring.bounce,
-  stiff: spring.snap,
-  gentle: spring.gentle,
-  sheet: spring.sheet,
-  /** Quick spring - very fast, good for micro-interactions */
-  quick: { type: "spring", stiffness: 600, damping: 40 }
-};
-var springPresetsReduced = {
-  default: prefersReducedMotion() ? { duration: 0 } : springPresets.default,
-  bouncy: prefersReducedMotion() ? { duration: 0 } : springPresets.bouncy,
-  stiff: prefersReducedMotion() ? { duration: 0 } : springPresets.stiff,
-  gentle: prefersReducedMotion() ? { duration: 0 } : springPresets.gentle,
-  sheet: prefersReducedMotion() ? { duration: 0 } : springPresets.sheet,
-  quick: prefersReducedMotion() ? { duration: 0 } : springPresets.quick
-};
-var buttonPress = {
-  idle: { scale: 1 },
-  pressed: { scale: 0.97 },
-  hover: { scale: 1.02 }
-};
-var buttonTap = {
-  scale: 0.97,
-  transition: springPresets.stiff
-};
-var buttonPressReduced = {
-  idle: { opacity: 1 },
-  pressed: { opacity: 0.7 },
-  hover: { opacity: 0.9 }
-};
-var cardHover = {
-  idle: {
-    y: 0,
-    boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)"
-  },
-  hover: {
-    y: -4,
-    boxShadow: "0 20px 25px -5px rgb(0 0 0 / 0.1)"
-  }
-};
-var cardPress = {
-  idle: { scale: 1 },
-  pressed: { scale: 0.98 }
-};
-var cardHoverReduced = {
-  idle: { opacity: 1 },
-  hover: { opacity: 0.95 }
-};
-var slideUp = {
-  hidden: { y: "100%", opacity: 0 },
-  visible: { y: 0, opacity: 1 },
-  exit: { y: "100%", opacity: 0 }
-};
-var slideRight = {
-  hidden: { x: "100%", opacity: 0 },
-  visible: { x: 0, opacity: 1 },
-  exit: { x: "100%", opacity: 0 }
-};
-var slideDown = {
-  hidden: { y: "-100%", opacity: 0 },
-  visible: { y: 0, opacity: 1 },
-  exit: { y: "-100%", opacity: 0 }
-};
-var fadeScale = {
-  hidden: { opacity: 0, scale: 0.95 },
-  visible: { opacity: 1, scale: 1 },
-  exit: { opacity: 0, scale: 0.95 }
-};
-var fadeOnly = {
-  hidden: { opacity: 0 },
-  visible: { opacity: 1 },
-  exit: { opacity: 0 }
-};
-var notificationBanner = {
-  hidden: { y: -100, opacity: 0, scale: 0.9 },
-  visible: {
-    y: 0,
-    opacity: 1,
-    scale: 1,
-    transition: springPresets.bouncy
-  },
-  exit: {
-    y: -100,
-    opacity: 0,
-    scale: 0.9,
-    transition: { duration: 0.2 }
-  }
-};
-var notificationBannerReduced = {
-  hidden: { opacity: 0 },
-  visible: { opacity: 1, transition: { duration: 0.15 } },
-  exit: { opacity: 0, transition: { duration: 0.1 } }
-};
-var listItem = {
-  hidden: { opacity: 0, x: -20 },
-  visible: (i) => ({
-    opacity: 1,
-    x: 0,
-    transition: {
-      delay: i * 0.05,
-      ...springPresets.default
-    }
-  })
-};
-var staggerContainer = {
-  hidden: { opacity: 0 },
-  visible: {
-    opacity: 1,
-    transition: {
-      staggerChildren: 0.05
-    }
-  }
-};
-var listItemReduced = {
-  hidden: { opacity: 0 },
-  visible: { opacity: 1, transition: { duration: 0.15 } }
-};
-var swipeActionThreshold = 80;
-var swipeConstraints = {
-  left: -120,
-  right: 0
-};
-var pageControlDot = {
-  inactive: { width: 8, backgroundColor: "rgb(156 163 175)" },
-  active: { width: 24, backgroundColor: "rgb(59 130 246)" }
-};
-var iosColors = {
-  // Primary colors
-  blue: "#007AFF",
-  green: "#34C759",
-  red: "#FF3B30",
-  orange: "#FF9500",
-  yellow: "#FFCC00",
-  purple: "#AF52DE",
-  pink: "#FF2D55",
-  teal: "#5AC8FA",
-  indigo: "#5856D6",
-  mint: "#00C7BE",
-  cyan: "#32ADE6",
-  brown: "#A2845E",
-  // Grays
-  gray: "#8E8E93",
-  gray2: "#AEAEB2",
-  gray3: "#C7C7CC",
-  gray4: "#D1D1D6",
-  gray5: "#E5E5EA",
-  gray6: "#F2F2F7",
-  // Dark mode variants
-  dark: {
-    blue: "#0A84FF",
-    green: "#30D158",
-    red: "#FF453A",
-    orange: "#FF9F0A",
-    yellow: "#FFD60A",
-    purple: "#BF5AF2",
-    pink: "#FF375F",
-    teal: "#64D2FF",
-    indigo: "#5E5CE6",
-    mint: "#66D4CF",
-    cyan: "#5AC8FA",
-    brown: "#AC8E68"
-  }
-};
-var durations = {
-  instant: 0,
-  fast: duration.sm / 1e3,
-  normal: duration.md / 1e3,
-  slow: duration.lg / 1e3,
-  verySlow: 0.5
-};
-var durationsReduced = {
-  instant: 0,
-  fast: prefersReducedMotion() ? 0 : 0.15,
-  normal: prefersReducedMotion() ? 0 : 0.25,
-  slow: prefersReducedMotion() ? 0 : 0.35,
-  verySlow: prefersReducedMotion() ? 0 : 0.5
-};
-var easings = {
-  default: [0.25, 0.1, 0.25, 1],
-  out: ease.decelerate,
-  in: ease.accelerate,
-  inOut: ease.standard,
-  ios: ease.ios
-};
-function createMotionProps(animatedProps, reducedProps = {}) {
-  if (prefersReducedMotion()) {
-    return { ...animatedProps, ...reducedProps, transition: { duration: 0 } };
-  }
-  return animatedProps;
-}
-
-// src/components/button-styles.ts
-var iosColors2 = {
-  // Glassy iOS blue — neutral glass at rest, fills blue on hover
-  "ios-glass-blue": [
-    "liquid-button-primary text-slate-900 [--btn-bg:transparent] [--btn-border:transparent] [--btn-hover-overlay:transparent]",
-    "dark:text-white dark:[--btn-bg:transparent] dark:[--btn-border:transparent]",
-    "[--btn-icon:var(--color-slate-600)] dark:[--btn-icon:var(--color-white)]/70"
-  ],
-  // Glassy iOS red — neutral glass at rest, fills red on hover
-  "ios-glass-red": [
-    "liquid-button liquid-button-red text-slate-900 [--btn-bg:transparent] [--btn-border:transparent] [--btn-hover-overlay:transparent]",
-    "dark:text-white dark:[--btn-bg:transparent] dark:[--btn-border:transparent]",
-    "[--btn-icon:var(--color-slate-600)] dark:[--btn-icon:var(--color-white)]/70"
-  ],
-  // Glassy iOS green — neutral glass at rest, fills green on hover
-  "ios-glass-green": [
-    "liquid-button liquid-button-green text-slate-900 [--btn-bg:transparent] [--btn-border:transparent] [--btn-hover-overlay:transparent]",
-    "dark:text-white dark:[--btn-bg:transparent] dark:[--btn-border:transparent]",
-    "[--btn-icon:var(--color-slate-600)] dark:[--btn-icon:var(--color-white)]/70"
-  ],
-  // Primary iOS blue
-  "ios-blue": [
-    "text-white [--btn-bg:#007AFF] [--btn-border:#0066DD] [--btn-hover-overlay:var(--color-white)]/10",
-    "dark:[--btn-bg:#0A84FF] dark:[--btn-border:#007AFF]",
-    "[--btn-icon:var(--color-white)]/80"
-  ],
-  // Destructive iOS red
-  "ios-red": [
-    "text-white [--btn-bg:#FF3B30] [--btn-border:#E6352B] [--btn-hover-overlay:var(--color-white)]/10",
-    "dark:[--btn-bg:#FF453A] dark:[--btn-border:#FF3B30]",
-    "[--btn-icon:var(--color-white)]/80"
-  ],
-  // iOS green (success/confirm)
-  "ios-green": [
-    "text-white [--btn-bg:#34C759] [--btn-border:#2DB350] [--btn-hover-overlay:var(--color-white)]/10",
-    "dark:[--btn-bg:#30D158] dark:[--btn-border:#34C759]",
-    "[--btn-icon:var(--color-white)]/80"
-  ],
-  // iOS orange (warning)
-  "ios-orange": [
-    "text-white [--btn-bg:#FF9500] [--btn-border:#E68600] [--btn-hover-overlay:var(--color-white)]/10",
-    "dark:[--btn-bg:#FF9F0A] dark:[--btn-border:#FF9500]",
-    "[--btn-icon:var(--color-white)]/80"
-  ],
-  // iOS purple
-  "ios-purple": [
-    "text-white [--btn-bg:#AF52DE] [--btn-border:#9B48C7] [--btn-hover-overlay:var(--color-white)]/10",
-    "dark:[--btn-bg:#BF5AF2] dark:[--btn-border:#AF52DE]",
-    "[--btn-icon:var(--color-white)]/80"
-  ],
-  // iOS teal
-  "ios-teal": [
-    "text-white [--btn-bg:#5AC8FA] [--btn-border:#4AB8E8] [--btn-hover-overlay:var(--color-white)]/10",
-    "dark:[--btn-bg:#64D2FF] dark:[--btn-border:#5AC8FA]",
-    "[--btn-icon:var(--color-white)]/80"
-  ]
-};
-var sizeStyles = {
-  xs: "px-2 py-1 text-xs rounded-md",
-  sm: "px-3 py-1.5 text-sm rounded-lg",
-  md: "",
-  // Default size from base styles
-  lg: "px-5 py-3 text-base rounded-xl",
-  xl: "px-6 py-4 text-lg rounded-xl"
-};
-var pillStyles = "rounded-full";
-var styles = {
-  base: [
-    // Base
-    "relative isolate inline-flex items-center justify-center gap-x-2 rounded-lg border text-base/6 font-semibold",
-    // Sizing
-    "px-[calc(--spacing(3.5)-1px)] py-[calc(--spacing(2.5)-1px)] sm:px-[calc(--spacing(3)-1px)] sm:py-[calc(--spacing(1.5)-1px)] sm:text-sm/6",
-    // Focus
-    "focus:not-data-focus:outline-hidden data-focus:outline-2 data-focus:outline-offset-2 data-focus:outline-blue-500",
-    // Disabled
-    "data-disabled:opacity-50",
-    // Icon
-    "*:data-[slot=icon]:-mx-0.5 *:data-[slot=icon]:my-0.5 *:data-[slot=icon]:size-5 *:data-[slot=icon]:shrink-0 *:data-[slot=icon]:self-center *:data-[slot=icon]:text-(--btn-icon) sm:*:data-[slot=icon]:my-1 sm:*:data-[slot=icon]:size-4 forced-colors:[--btn-icon:ButtonText] forced-colors:data-hover:[--btn-icon:ButtonText]"
-  ],
-  solid: [
-    // Optical border, implemented as the button background to avoid corner artifacts
-    "border-transparent bg-(--btn-border)",
-    // Dark mode: border is rendered on `after` so background is set to button background
-    "dark:bg-(--btn-bg)",
-    // Button background, implemented as foreground layer to stack on top of pseudo-border layer
-    "before:absolute before:inset-0 before:-z-10 before:rounded-[calc(var(--radius-lg)-1px)] before:bg-(--btn-bg)",
-    // Drop shadow, applied to the inset `before` layer so it blends with the border
-    "before:shadow-xs",
-    // Background color is moved to control and shadow is removed in dark mode so hide `before` pseudo
-    "dark:before:hidden",
-    // Dark mode: Subtle white outline is applied using a border
-    "dark:border-white/5",
-    // Shim/overlay, inset to match button foreground and used for hover state + highlight shadow
-    "after:absolute after:inset-0 after:-z-10 after:rounded-[calc(var(--radius-lg)-1px)]",
-    // Inner highlight shadow
-    "after:shadow-[inset_0_1px_--theme(--color-white/15%)]",
-    // White overlay on hover
-    "data-active:after:bg-(--btn-hover-overlay) data-hover:after:bg-(--btn-hover-overlay)",
-    // Dark mode: `after` layer expands to cover entire button
-    "dark:after:-inset-px dark:after:rounded-lg",
-    // Disabled
-    "data-disabled:before:shadow-none data-disabled:after:shadow-none"
-  ],
-  outline: [
-    // Liquid glass secondary button
-    "liquid-button text-slate-900 !border-white/55",
-    // Dark mode
-    "dark:text-white dark:!border-white/18",
-    // Icon
-    "[--btn-icon:var(--color-zinc-500)] data-active:[--btn-icon:var(--color-zinc-700)] data-hover:[--btn-icon:var(--color-zinc-700)] dark:data-active:[--btn-icon:var(--color-zinc-400)] dark:data-hover:[--btn-icon:var(--color-zinc-400)]"
-  ],
-  plain: [
-    // Base
-    "border-transparent text-zinc-950 data-active:bg-zinc-950/5 data-hover:bg-zinc-950/5",
-    // Dark mode
-    "dark:text-white dark:data-active:bg-white/10 dark:data-hover:bg-white/10",
-    // Icon
-    "[--btn-icon:var(--color-zinc-500)] data-active:[--btn-icon:var(--color-zinc-700)] data-hover:[--btn-icon:var(--color-zinc-700)] dark:[--btn-icon:var(--color-zinc-500)] dark:data-active:[--btn-icon:var(--color-zinc-400)] dark:data-hover:[--btn-icon:var(--color-zinc-400)]"
-  ],
-  gradient: [
-    // Same crystal-illuminated mechanic as ios-glass-blue/red/green:
-    // neutral glass at rest, fills with translucent indigo→purple
-    // gradient on hover. The actual rest/hover styling — including
-    // the text-color flip from slate-900 → white — lives in the
-    // `.liquid-button-gradient` CSS class in liquid-glass.css so the
-    // whole transition is keyed off `:hover` (works without JS).
-    "liquid-button-gradient border-transparent",
-    // Disabled
-    "data-disabled:opacity-50 data-disabled:saturate-50",
-    // Icon tint flips with text via inherit (currentColor)
-    "[--btn-icon:currentColor]"
-  ],
-  colors: {
-    "dark/zinc": [
-      "text-white [--btn-bg:var(--color-zinc-900)] [--btn-border:var(--color-zinc-950)]/90 [--btn-hover-overlay:var(--color-white)]/10",
-      "dark:text-white dark:[--btn-bg:var(--color-zinc-600)] dark:[--btn-hover-overlay:var(--color-white)]/5",
-      "[--btn-icon:var(--color-zinc-400)] data-active:[--btn-icon:var(--color-zinc-300)] data-hover:[--btn-icon:var(--color-zinc-300)]"
-    ],
-    light: [
-      "text-zinc-950 [--btn-bg:white] [--btn-border:var(--color-zinc-950)]/10 [--btn-hover-overlay:var(--color-zinc-950)]/2.5 data-active:[--btn-border:var(--color-zinc-950)]/15 data-hover:[--btn-border:var(--color-zinc-950)]/15",
-      "dark:text-white dark:[--btn-hover-overlay:var(--color-white)]/5 dark:[--btn-bg:var(--color-zinc-800)]",
-      "[--btn-icon:var(--color-zinc-500)] data-active:[--btn-icon:var(--color-zinc-700)] data-hover:[--btn-icon:var(--color-zinc-700)] dark:[--btn-icon:var(--color-zinc-500)] dark:data-active:[--btn-icon:var(--color-zinc-400)] dark:data-hover:[--btn-icon:var(--color-zinc-400)]"
-    ],
-    "dark/white": [
-      "text-white [--btn-bg:var(--color-zinc-900)] [--btn-border:var(--color-zinc-950)]/90 [--btn-hover-overlay:var(--color-white)]/10",
-      "dark:text-zinc-950 dark:[--btn-bg:white] dark:[--btn-hover-overlay:var(--color-zinc-950)]/5",
-      "[--btn-icon:var(--color-zinc-400)] data-active:[--btn-icon:var(--color-zinc-300)] data-hover:[--btn-icon:var(--color-zinc-300)] dark:[--btn-icon:var(--color-zinc-500)] dark:data-active:[--btn-icon:var(--color-zinc-400)] dark:data-hover:[--btn-icon:var(--color-zinc-400)]"
-    ],
-    dark: [
-      "text-white [--btn-bg:var(--color-zinc-900)] [--btn-border:var(--color-zinc-950)]/90 [--btn-hover-overlay:var(--color-white)]/10",
-      "dark:[--btn-hover-overlay:var(--color-white)]/5 dark:[--btn-bg:var(--color-zinc-800)]",
-      "[--btn-icon:var(--color-zinc-400)] data-active:[--btn-icon:var(--color-zinc-300)] data-hover:[--btn-icon:var(--color-zinc-300)]"
-    ],
-    white: [
-      "text-zinc-950 [--btn-bg:white] [--btn-border:var(--color-zinc-950)]/10 [--btn-hover-overlay:var(--color-zinc-950)]/2.5 data-active:[--btn-border:var(--color-zinc-950)]/15 data-hover:[--btn-border:var(--color-zinc-950)]/15",
-      "dark:[--btn-hover-overlay:var(--color-zinc-950)]/5",
-      "[--btn-icon:var(--color-zinc-400)] data-active:[--btn-icon:var(--color-zinc-500)] data-hover:[--btn-icon:var(--color-zinc-500)]"
-    ],
-    zinc: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-zinc-600)] [--btn-border:var(--color-zinc-700)]/90",
-      "dark:[--btn-hover-overlay:var(--color-white)]/5",
-      "[--btn-icon:var(--color-zinc-400)] data-active:[--btn-icon:var(--color-zinc-300)] data-hover:[--btn-icon:var(--color-zinc-300)]"
-    ],
-    indigo: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-indigo-500)] [--btn-border:var(--color-indigo-600)]/90",
-      "[--btn-icon:var(--color-indigo-300)] data-active:[--btn-icon:var(--color-indigo-200)] data-hover:[--btn-icon:var(--color-indigo-200)]"
-    ],
-    cyan: [
-      "text-cyan-950 [--btn-bg:var(--color-cyan-300)] [--btn-border:var(--color-cyan-400)]/80 [--btn-hover-overlay:var(--color-white)]/25",
-      "[--btn-icon:var(--color-cyan-500)]"
-    ],
-    red: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-red-600)] [--btn-border:var(--color-red-700)]/90",
-      "[--btn-icon:var(--color-red-300)] data-active:[--btn-icon:var(--color-red-200)] data-hover:[--btn-icon:var(--color-red-200)]"
-    ],
-    orange: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-orange-500)] [--btn-border:var(--color-orange-600)]/90",
-      "[--btn-icon:var(--color-orange-300)] data-active:[--btn-icon:var(--color-orange-200)] data-hover:[--btn-icon:var(--color-orange-200)]"
-    ],
-    amber: [
-      "text-amber-950 [--btn-hover-overlay:var(--color-white)]/25 [--btn-bg:var(--color-amber-400)] [--btn-border:var(--color-amber-500)]/80",
-      "[--btn-icon:var(--color-amber-600)]"
-    ],
-    yellow: [
-      "text-yellow-950 [--btn-hover-overlay:var(--color-white)]/25 [--btn-bg:var(--color-yellow-300)] [--btn-border:var(--color-yellow-400)]/80",
-      "[--btn-icon:var(--color-yellow-600)] data-active:[--btn-icon:var(--color-yellow-700)] data-hover:[--btn-icon:var(--color-yellow-700)]"
-    ],
-    lime: [
-      "text-lime-950 [--btn-hover-overlay:var(--color-white)]/25 [--btn-bg:var(--color-lime-300)] [--btn-border:var(--color-lime-400)]/80",
-      "[--btn-icon:var(--color-lime-600)] data-active:[--btn-icon:var(--color-lime-700)] data-hover:[--btn-icon:var(--color-lime-700)]"
-    ],
-    green: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-green-600)] [--btn-border:var(--color-green-700)]/90",
-      "[--btn-icon:var(--color-white)]/60 data-active:[--btn-icon:var(--color-white)]/80 data-hover:[--btn-icon:var(--color-white)]/80"
-    ],
-    emerald: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-emerald-600)] [--btn-border:var(--color-emerald-700)]/90",
-      "[--btn-icon:var(--color-white)]/60 data-active:[--btn-icon:var(--color-white)]/80 data-hover:[--btn-icon:var(--color-white)]/80"
-    ],
-    teal: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-teal-600)] [--btn-border:var(--color-teal-700)]/90",
-      "[--btn-icon:var(--color-white)]/60 data-active:[--btn-icon:var(--color-white)]/80 data-hover:[--btn-icon:var(--color-white)]/80"
-    ],
-    sky: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-sky-500)] [--btn-border:var(--color-sky-600)]/80",
-      "[--btn-icon:var(--color-white)]/60 data-active:[--btn-icon:var(--color-white)]/80 data-hover:[--btn-icon:var(--color-white)]/80"
-    ],
-    blue: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-blue-600)] [--btn-border:var(--color-blue-700)]/90",
-      "[--btn-icon:var(--color-blue-400)] data-active:[--btn-icon:var(--color-blue-300)] data-hover:[--btn-icon:var(--color-blue-300)]"
-    ],
-    violet: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-violet-500)] [--btn-border:var(--color-violet-600)]/90",
-      "[--btn-icon:var(--color-violet-300)] data-active:[--btn-icon:var(--color-violet-200)] data-hover:[--btn-icon:var(--color-violet-200)]"
-    ],
-    purple: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-purple-500)] [--btn-border:var(--color-purple-600)]/90",
-      "[--btn-icon:var(--color-purple-300)] data-active:[--btn-icon:var(--color-purple-200)] data-hover:[--btn-icon:var(--color-purple-200)]"
-    ],
-    fuchsia: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-fuchsia-500)] [--btn-border:var(--color-fuchsia-600)]/90",
-      "[--btn-icon:var(--color-fuchsia-300)] data-active:[--btn-icon:var(--color-fuchsia-200)] data-hover:[--btn-icon:var(--color-fuchsia-200)]"
-    ],
-    pink: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-pink-500)] [--btn-border:var(--color-pink-600)]/90",
-      "[--btn-icon:var(--color-pink-300)] data-active:[--btn-icon:var(--color-pink-200)] data-hover:[--btn-icon:var(--color-pink-200)]"
-    ],
-    rose: [
-      "text-white [--btn-hover-overlay:var(--color-white)]/10 [--btn-bg:var(--color-rose-500)] [--btn-border:var(--color-rose-600)]/90",
-      "[--btn-icon:var(--color-rose-300)] data-active:[--btn-icon:var(--color-rose-200)] data-hover:[--btn-icon:var(--color-rose-200)]"
-    ]
-  }
-};
-var fabSizes = {
-  sm: "h-12 w-12",
-  md: "h-14 w-14",
-  lg: "h-16 w-16"
-};
-var fabIconSizes = {
-  sm: "h-5 w-5",
-  md: "h-6 w-6",
-  lg: "h-7 w-7"
-};
-var fabPositions = {
-  "bottom-right": "fixed bottom-6 right-6",
-  "bottom-left": "fixed bottom-6 left-6",
-  "bottom-center": "fixed bottom-6 left-1/2 -translate-x-1/2"
-};
-var fabColors = {
-  "ios-blue": "text-white bg-[#007AFF]/85 dark:bg-[#0A84FF]/80 backdrop-blur-xl border border-white/30 dark:border-white/15 shadow-[inset_0_1px_2px_rgba(255,255,255,0.5),0_12px_32px_-8px_rgba(0,122,255,0.5)] hover:bg-[#007AFF] dark:hover:bg-[#0A84FF] hover:shadow-[inset_0_1px_2px_rgba(255,255,255,0.55),0_16px_40px_-8px_rgba(0,122,255,0.65),0_0_24px_-4px_rgba(0,122,255,0.4)]",
-  "ios-green": "text-white bg-[#34C759]/85 dark:bg-[#30D158]/80 backdrop-blur-xl border border-white/30 dark:border-white/15 shadow-[inset_0_1px_2px_rgba(255,255,255,0.5),0_12px_32px_-8px_rgba(52,199,89,0.5)] hover:bg-[#34C759] dark:hover:bg-[#30D158] hover:shadow-[inset_0_1px_2px_rgba(255,255,255,0.55),0_16px_40px_-8px_rgba(52,199,89,0.65),0_0_24px_-4px_rgba(52,199,89,0.4)]",
-  "ios-red": "text-white bg-[#FF3B30]/85 dark:bg-[#FF453A]/80 backdrop-blur-xl border border-white/30 dark:border-white/15 shadow-[inset_0_1px_2px_rgba(255,255,255,0.5),0_12px_32px_-8px_rgba(255,59,48,0.5)] hover:bg-[#FF3B30] dark:hover:bg-[#FF453A] hover:shadow-[inset_0_1px_2px_rgba(255,255,255,0.55),0_16px_40px_-8px_rgba(255,59,48,0.65),0_0_24px_-4px_rgba(255,59,48,0.4)]",
-  "ios-purple": "text-white bg-[#AF52DE]/85 dark:bg-[#BF5AF2]/80 backdrop-blur-xl border border-white/30 dark:border-white/15 shadow-[inset_0_1px_2px_rgba(255,255,255,0.5),0_12px_32px_-8px_rgba(175,82,222,0.5)] hover:bg-[#AF52DE] dark:hover:bg-[#BF5AF2] hover:shadow-[inset_0_1px_2px_rgba(255,255,255,0.55),0_16px_40px_-8px_rgba(175,82,222,0.65),0_0_24px_-4px_rgba(175,82,222,0.4)]",
-  "ios-orange": "text-white bg-[#FF9500]/85 dark:bg-[#FF9F0A]/80 backdrop-blur-xl border border-white/30 dark:border-white/15 shadow-[inset_0_1px_2px_rgba(255,255,255,0.5),0_12px_32px_-8px_rgba(255,149,0,0.5)] hover:bg-[#FF9500] dark:hover:bg-[#FF9F0A] hover:shadow-[inset_0_1px_2px_rgba(255,255,255,0.55),0_16px_40px_-8px_rgba(255,149,0,0.65),0_0_24px_-4px_rgba(255,149,0,0.4)]"
-};
-var iconButtonSizes = {
-  sm: "h-8 w-8",
-  md: "h-10 w-10",
-  lg: "h-12 w-12"
-};
-var iconSizes = {
-  sm: "h-4 w-4",
-  md: "h-5 w-5",
-  lg: "h-6 w-6"
-};
-var Button = forwardRef(function Button2({
-  color,
-  outline,
-  plain,
-  gradient,
-  className,
-  children,
-  pill,
-  size = "md",
-  loading,
-  loadingText,
-  fullWidth,
-  destructive,
-  disabled,
-  ...props
-}, ref) {
-  const finalColor = destructive ? "ios-red" : color;
-  const isIosColor = finalColor && finalColor in iosColors2;
-  const colorStyles2 = isIosColor ? iosColors2[finalColor] : styles.colors[finalColor] ?? styles.colors["dark/zinc"];
-  let classes = clsx(
-    className,
-    styles.base,
-    gradient ? styles.gradient : outline ? styles.outline : plain ? styles.plain : clsx(styles.solid, colorStyles2),
-    pill && pillStyles,
-    size !== "md" && sizeStyles[size],
-    fullWidth && "w-full",
-    loading && "pointer-events-none"
-  );
-  const handleTapStart = () => {
-    if (!loading && !disabled) {
-      triggerHaptic(destructive ? "medium" : "light");
-    }
-  };
-  const isDisabled = disabled || loading;
-  const buttonContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: loading && /* @__PURE__ */ jsx(
-      motion.span,
-      {
-        initial: { opacity: 0, width: 0 },
-        animate: { opacity: 1, width: "auto" },
-        exit: { opacity: 0, width: 0 },
-        transition: getTransition(springPresets.stiff),
-        className: "inline-flex items-center",
-        children: /* @__PURE__ */ jsx(LoadingSpinner, { className: "mr-2" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx("span", { className: clsx("inline-flex items-center gap-x-2", loading && "opacity-70"), children: loading && loadingText ? loadingText : children })
-  ] });
-  const linkProps = props;
-  const buttonProps = props;
-  const isLink = typeof props.href === "string";
-  return isLink ? /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      whileTap: !isDisabled ? { scale: 0.97 } : void 0,
-      transition: getTransition(springPresets.stiff),
-      onTapStart: handleTapStart,
-      className: clsx("inline-flex", fullWidth && "w-full"),
-      children: /* @__PURE__ */ jsx(
-        Link,
-        {
-          ...linkProps,
-          className: classes,
-          ref,
-          children: /* @__PURE__ */ jsx(TouchTarget, { children: buttonContent })
-        }
-      )
-    }
-  ) : /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      whileTap: !isDisabled ? { scale: 0.97 } : void 0,
-      transition: getTransition(springPresets.stiff),
-      onTapStart: handleTapStart,
-      className: clsx("inline-flex", fullWidth && "w-full"),
-      children: /* @__PURE__ */ jsx(
-        Button$1,
-        {
-          ...buttonProps,
-          disabled: isDisabled,
-          className: clsx(classes, "cursor-default"),
-          ref,
-          children: /* @__PURE__ */ jsx(TouchTarget, { children: buttonContent })
-        }
-      )
-    }
-  );
-});
-function TouchTarget({ children }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: "absolute top-1/2 left-1/2 size-[max(100%,2.75rem)] -translate-x-1/2 -translate-y-1/2 pointer-fine:hidden",
-        "aria-hidden": "true"
-      }
-    ),
-    children
-  ] });
-}
-function LoadingSpinner({ className }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: clsx("h-4 w-4 animate-spin motion-reduce:animate-none", className),
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      children: [
-        /* @__PURE__ */ jsx(
-          "circle",
-          {
-            className: "opacity-25",
-            cx: "12",
-            cy: "12",
-            r: "10",
-            stroke: "currentColor",
-            strokeWidth: "4"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            className: "opacity-75",
-            fill: "currentColor",
-            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-          }
-        )
-      ]
-    }
-  );
-}
-function FloatingActionButton({
-  icon,
-  label,
-  color = "ios-blue",
-  size = "md",
-  position = "bottom-right",
-  onClick,
-  loading,
-  className,
-  extended
-}) {
-  const handleClick = () => {
-    if (!loading) {
-      triggerHaptic("medium");
-      onClick?.();
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    motion.button,
-    {
-      onClick: handleClick,
-      disabled: loading,
-      initial: { scale: 0, opacity: 0 },
-      animate: { scale: 1, opacity: 1 },
-      exit: { scale: 0, opacity: 0 },
-      whileHover: { scale: 1.05 },
-      whileTap: { scale: 0.95 },
-      transition: getTransition(springPresets.bouncy),
-      className: clsx(
-        fabPositions[position],
-        extended ? "px-5 h-14 rounded-full" : clsx(fabSizes[size], "rounded-full"),
-        fabColors[color],
-        "flex items-center justify-center gap-2",
-        "shadow-lg hover:shadow-xl",
-        "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500/70",
-        "z-50",
-        loading && "opacity-70 cursor-not-allowed",
-        className
-      ),
-      "aria-label": label,
-      children: [
-        loading ? /* @__PURE__ */ jsx(LoadingSpinner, { className: fabIconSizes[size] }) : /* @__PURE__ */ jsx("span", { className: fabIconSizes[size], children: icon }),
-        extended && label && /* @__PURE__ */ jsx("span", { className: "font-semibold text-base", children: label })
-      ]
-    }
-  );
-}
-function IconButton({
-  icon,
-  label,
-  color = "ios-blue",
-  size = "md",
-  variant = "ghost",
-  onClick,
-  disabled,
-  loading,
-  className,
-  destructive
-}) {
-  const finalColor = destructive ? "ios-red" : color;
-  const isIosColor = finalColor in iosColors2;
-  const handleClick = () => {
-    if (!disabled && !loading) {
-      triggerHaptic(destructive ? "medium" : "light");
-      onClick?.();
-    }
-  };
-  const variantStyles2 = {
-    solid: clsx(
-      "text-white",
-      isIosColor && finalColor === "ios-blue" && "bg-[#007AFF] dark:bg-[#0A84FF]",
-      isIosColor && finalColor === "ios-red" && "bg-[#FF3B30] dark:bg-[#FF453A]",
-      isIosColor && finalColor === "ios-green" && "bg-[#34C759] dark:bg-[#30D158]",
-      isIosColor && finalColor === "ios-orange" && "bg-[#FF9500] dark:bg-[#FF9F0A]",
-      isIosColor && finalColor === "ios-purple" && "bg-[#AF52DE] dark:bg-[#BF5AF2]"
-    ),
-    ghost: clsx(
-      "bg-transparent hover:bg-white/40 dark:hover:bg-white/[0.08]",
-      isIosColor && finalColor === "ios-blue" && "text-[#007AFF] dark:text-[#0A84FF]",
-      isIosColor && finalColor === "ios-red" && "text-[#FF3B30] dark:text-[#FF453A]",
-      isIosColor && finalColor === "ios-green" && "text-[#34C759] dark:text-[#30D158]",
-      isIosColor && finalColor === "ios-orange" && "text-[#FF9500] dark:text-[#FF9F0A]",
-      isIosColor && finalColor === "ios-purple" && "text-[#AF52DE] dark:text-[#BF5AF2]",
-      !isIosColor && "text-slate-700 dark:text-slate-300"
-    ),
-    outline: clsx(
-      "bg-transparent border",
-      isIosColor && finalColor === "ios-blue" && "border-[#007AFF] text-[#007AFF] dark:border-[#0A84FF] dark:text-[#0A84FF]",
-      isIosColor && finalColor === "ios-red" && "border-[#FF3B30] text-[#FF3B30] dark:border-[#FF453A] dark:text-[#FF453A]",
-      isIosColor && finalColor === "ios-green" && "border-[#34C759] text-[#34C759] dark:border-[#30D158] dark:text-[#30D158]",
-      isIosColor && finalColor === "ios-orange" && "border-[#FF9500] text-[#FF9500] dark:border-[#FF9F0A] dark:text-[#FF9F0A]",
-      isIosColor && finalColor === "ios-purple" && "border-[#AF52DE] text-[#AF52DE] dark:border-[#BF5AF2] dark:text-[#BF5AF2]"
-    )
-  };
-  return /* @__PURE__ */ jsx(
-    motion.button,
-    {
-      onClick: handleClick,
-      disabled: disabled || loading,
-      whileTap: { scale: 0.9 },
-      transition: getTransition(springPresets.stiff),
-      className: clsx(
-        iconButtonSizes[size],
-        "rounded-full flex items-center justify-center",
-        "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500/70",
-        "transition-colors",
-        variantStyles2[variant],
-        (disabled || loading) && "opacity-50 cursor-not-allowed",
-        className
-      ),
-      "aria-label": label,
-      children: loading ? /* @__PURE__ */ jsx(LoadingSpinner, { className: iconSizes[size] }) : /* @__PURE__ */ jsx("span", { className: iconSizes[size], children: icon })
-    }
-  );
-}
 var ICON_SIZE_CLASSES = {
   sm: "h-9 w-9",
   md: "h-10 w-10",
@@ -1085,7 +297,7 @@ function ListCardItem({
   className = "",
   ...props
 }) {
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+  const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
     leading && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: leading }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children }),
     trailing && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: trailing })
@@ -1431,11 +643,11 @@ function Sheet({
   }, [open, motionValue]);
   const maxHeight = snapPoints[snapPoints.length - 1];
   const rightSizeClass = size === "xl" ? "max-w-xl" : size === "lg" ? "max-w-lg" : "max-w-md";
-  return /* @__PURE__ */ jsx(Transition, { show: open, as: Fragment$1, children: /* @__PURE__ */ jsxs(Dialog, { as: "div", className: "relative z-50", onClose, children: [
+  return /* @__PURE__ */ jsx(Transition, { show: open, as: Fragment, children: /* @__PURE__ */ jsxs(Dialog, { as: "div", className: "relative z-50", onClose, children: [
     /* @__PURE__ */ jsx(
       TransitionChild,
       {
-        as: Fragment$1,
+        as: Fragment,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
@@ -1458,7 +670,7 @@ function Sheet({
         children: /* @__PURE__ */ jsx(
           TransitionChild,
           {
-            as: Fragment$1,
+            as: Fragment,
             enter: "transform transition ease-out duration-300",
             enterFrom: isRight ? "translate-x-full" : "translate-y-full",
             enterTo: isRight ? "translate-x-0" : "translate-y-0",
@@ -1881,7 +1093,7 @@ function DropdownSelect({
         ]
       }
     ),
-    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -2430,7 +1642,7 @@ function getTestIdFromTitle(title) {
 function StatusBadgeInternal({ status }) {
   const tCommon = useTranslations("common");
   if (typeof status !== "boolean") {
-    return /* @__PURE__ */ jsx(Fragment, { children: status });
+    return /* @__PURE__ */ jsx(Fragment$1, { children: status });
   }
   return /* @__PURE__ */ jsxs(
     "span",
@@ -2798,7 +2010,7 @@ function DashboardSectionRenderer({
     case "note":
       return /* @__PURE__ */ jsx(NoteSection, { data: section.data });
     case "input_request":
-      return renderInputRequest ? /* @__PURE__ */ jsx(Fragment, { children: renderInputRequest(section.data) }) : /* @__PURE__ */ jsx(InputRequestReadOnly, { data: section.data });
+      return renderInputRequest ? /* @__PURE__ */ jsx(Fragment$1, { children: renderInputRequest(section.data) }) : /* @__PURE__ */ jsx(InputRequestReadOnly, { data: section.data });
     default:
       return /* @__PURE__ */ jsx(NoteSection, { data: { body: JSON.stringify(section, null, 2), tone: "info" } });
   }
@@ -4327,16 +3539,16 @@ var colorClasses2 = {
 };
 function CircleSpinner({ size, color, className, ariaLabel }) {
   const config = sizeConfig[size];
-  const colors3 = colorClasses2[color];
+  const colors2 = colorClasses2[color];
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx$1(
+      className: clsx(
         "rounded-full animate-spin motion-reduce:animate-none",
         config.size,
         config.border,
-        colors3.track,
-        colors3.indicator,
+        colors2.track,
+        colors2.indicator,
         className
       ),
       role: "status",
@@ -4346,16 +3558,16 @@ function CircleSpinner({ size, color, className, ariaLabel }) {
 }
 function DotsSpinner({ size, color, className, ariaLabel }) {
   const config = sizeConfig[size];
-  const colors3 = colorClasses2[color];
+  const colors2 = colorClasses2[color];
   const prefersReducedMotion2 = useReducedMotion();
   const dotVariants = {
     initial: { scale: 0.8, opacity: 0.4 },
     animate: prefersReducedMotion2 ? { scale: 1, opacity: 1 } : { scale: 1, opacity: 1 }
   };
-  return /* @__PURE__ */ jsx("div", { className: clsx$1("flex items-center gap-1", className), role: "status", "aria-label": ariaLabel, children: [0, 1, 2].map((index) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: clsx("flex items-center gap-1", className), role: "status", "aria-label": ariaLabel, children: [0, 1, 2].map((index) => /* @__PURE__ */ jsx(
     motion.div,
     {
-      className: clsx$1("rounded-full", colors3.dot),
+      className: clsx("rounded-full", colors2.dot),
       style: {
         width: config.dotSize,
         height: config.dotSize
@@ -4375,13 +3587,13 @@ function DotsSpinner({ size, color, className, ariaLabel }) {
 }
 function PulseSpinner({ size, color, className, ariaLabel }) {
   const config = sizeConfig[size];
-  const colors3 = colorClasses2[color];
+  const colors2 = colorClasses2[color];
   const prefersReducedMotion2 = useReducedMotion();
-  return /* @__PURE__ */ jsxs("div", { className: clsx$1("relative", config.size, className), role: "status", "aria-label": ariaLabel, children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx("relative", config.size, className), role: "status", "aria-label": ariaLabel, children: [
     /* @__PURE__ */ jsx(
       motion.div,
       {
-        className: clsx$1("absolute inset-0 rounded-full", colors3.dot),
+        className: clsx("absolute inset-0 rounded-full", colors2.dot),
         animate: prefersReducedMotion2 ? {} : {
           scale: [1, 1.5, 1],
           opacity: [0.7, 0, 0.7]
@@ -4393,7 +3605,7 @@ function PulseSpinner({ size, color, className, ariaLabel }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: clsx$1("absolute inset-0 rounded-full", colors3.dot) })
+    /* @__PURE__ */ jsx("div", { className: clsx("absolute inset-0 rounded-full", colors2.dot) })
   ] });
 }
 function Spinner({
@@ -4434,7 +3646,7 @@ function LoadingOverlay({ show, message, blur = true }) {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
-      className: clsx$1(
+      className: clsx(
         "fixed inset-0 z-50 flex flex-col items-center justify-center",
         "bg-white/80 dark:bg-slate-900/80",
         blur && "backdrop-blur-sm"
@@ -4480,12 +3692,12 @@ function GrowthIndicator({
   if (isNeutral && !showValue) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("span", { className: clsx$1("inline-flex items-center gap-0.5", colorClasses3, className), children: [
+  return /* @__PURE__ */ jsxs("span", { className: clsx("inline-flex items-center gap-0.5", colorClasses3, className), children: [
     !isNeutral && /* @__PURE__ */ jsx(Icon, { className: iconClass }),
     showValue && /* @__PURE__ */ jsx("span", { className: textClass, children: formattedValue })
   ] });
 }
-var sizeStyles2 = {
+var sizeStyles = {
   sm: {
     container: "h-8 p-0.5 text-xs",
     segment: "px-3 py-1"
@@ -4513,7 +3725,7 @@ function SegmentedControl({
     (seg) => typeof seg === "string" ? { value: seg, label: seg } : seg
   );
   const selectedIndex = normalizedSegments.findIndex((seg) => seg.value === value);
-  const styles2 = sizeStyles2[size];
+  const styles = sizeStyles[size];
   useEffect(() => {
     if (containerRef.current && selectedIndex >= 0) {
       const container = containerRef.current;
@@ -4573,7 +3785,7 @@ function SegmentedControl({
       className: `
         liquid-surface relative inline-flex items-center rounded-xl
         focus-within:ring-2 focus-within:ring-indigo-500/70 focus-within:ring-offset-1
-        ${styles2.container}
+        ${styles.container}
         ${fullWidth ? "w-full" : ""}
         ${disabled ? "opacity-50 pointer-events-none" : ""}
       `,
@@ -4612,7 +3824,7 @@ function SegmentedControl({
               relative z-10 flex items-center justify-center gap-1.5
               font-semibold rounded-lg transition-colors duration-150
               focus:outline-none
-              ${styles2.segment}
+              ${styles.segment}
               ${fullWidth ? "flex-1" : ""}
               ${isSelected ? "text-slate-950 dark:text-white" : "text-slate-700 dark:text-slate-300 hover:text-slate-900 dark:hover:text-white"}
             `,
@@ -4671,7 +3883,7 @@ function PageIndicator({
 }) {
   const t = useTranslations("common");
   const { dot, gap } = sizeConfig2[size];
-  const colors3 = variantConfig[variant];
+  const colors2 = variantConfig[variant];
   const handleClick = (index) => {
     if (onChange && index !== active) {
       triggerHaptic("light");
@@ -4698,7 +3910,7 @@ function PageIndicator({
             className: `
               rounded-full transition-colors duration-200
               ${onChange ? "cursor-pointer" : "cursor-default"}
-              ${isActive ? colors3.active : colors3.inactive}
+              ${isActive ? colors2.active : colors2.inactive}
             `,
             style: {
               width: dot,
@@ -4729,7 +3941,7 @@ function ExpandingPageIndicator({
   activeWidth = 24
 }) {
   const t = useTranslations("common");
-  const colors3 = variantConfig[variant];
+  const colors2 = variantConfig[variant];
   const handleClick = (index) => {
     if (onChange && index !== active) {
       triggerHaptic("light");
@@ -4755,7 +3967,7 @@ function ExpandingPageIndicator({
             className: `
               h-2 rounded-full transition-colors duration-200
               ${onChange ? "cursor-pointer" : "cursor-default"}
-              ${isActive ? colors3.active : colors3.inactive}
+              ${isActive ? colors2.active : colors2.inactive}
             `,
             animate: {
               width: isActive ? activeWidth : 8,
@@ -4859,7 +4071,7 @@ function SafeArea({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx$1(flex && "flex flex-col", className),
+      className: clsx(flex && "flex flex-col", className),
       style: paddingStyles,
       children
     }
@@ -4872,7 +4084,7 @@ function SafeAreaView({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx$1("min-h-screen flex flex-col", className),
+      className: clsx("min-h-screen flex flex-col", className),
       style: {
         paddingTop: "env(safe-area-inset-top, 0px)",
         paddingBottom: "env(safe-area-inset-bottom, 0px)",
@@ -4905,7 +4117,7 @@ function BottomSafeArea({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx$1(
+      className: clsx(
         "fixed bottom-0 inset-x-0 z-40",
         blur && "bg-white/80 dark:bg-gray-900/80 backdrop-blur-xl border-t border-gray-200/50 dark:border-gray-700/50",
         className
@@ -5464,7 +4676,7 @@ function EdgeSwipeProvider({
   onBack
 }) {
   useEdgeSwipeEffect({ enabled, onBack });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(EdgeSwipeIndicator, { enabled }),
     children
   ] });
@@ -5545,10 +4757,10 @@ function Table({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(TableContext.Provider, { value: { bleed, dense, grid, striped, loading, emptyState }, children: /* @__PURE__ */ jsx("div", { className: "flow-root", children: /* @__PURE__ */ jsx("div", { ...props, className: clsx(className, "-mx-(--gutter) overflow-x-auto whitespace-nowrap"), children: /* @__PURE__ */ jsx("div", { className: clsx("inline-block min-w-full align-middle", !bleed && "sm:px-(--gutter)"), children: /* @__PURE__ */ jsx("table", { className: "min-w-full text-left text-sm/6 text-slate-950 dark:text-white", children }) }) }) }) });
+  return /* @__PURE__ */ jsx(TableContext.Provider, { value: { bleed, dense, grid, striped, loading, emptyState }, children: /* @__PURE__ */ jsx("div", { className: "flow-root", children: /* @__PURE__ */ jsx("div", { ...props, className: clsx4(className, "-mx-(--gutter) overflow-x-auto whitespace-nowrap"), children: /* @__PURE__ */ jsx("div", { className: clsx4("inline-block min-w-full align-middle", !bleed && "sm:px-(--gutter)"), children: /* @__PURE__ */ jsx("table", { className: "min-w-full text-left text-sm/6 text-slate-950 dark:text-white", children }) }) }) }) });
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx("thead", { ...props, className: clsx(className, "text-slate-600 dark:text-slate-300") });
+  return /* @__PURE__ */ jsx("thead", { ...props, className: clsx4(className, "text-slate-600 dark:text-slate-300") });
 }
 function TableBody(props) {
   return /* @__PURE__ */ jsx("tbody", { ...props });
@@ -5570,7 +4782,7 @@ function TableRow({
     "tr",
     {
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         href && "has-[[data-row-link][data-focus]]:outline-2 has-[[data-row-link][data-focus]]:-outline-offset-2 has-[[data-row-link][data-focus]]:outline-indigo-500/70 dark:focus-within:bg-white/2.5",
         striped && "even:bg-slate-950/2.5 dark:even:bg-white/2.5",
@@ -5587,7 +4799,7 @@ function TableHeader({ className, scope, ...props }) {
     {
       scope: scope ?? "col",
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "border-b border-b-white/20 dark:border-b-white/10 px-4 py-2 font-medium first:pl-(--gutter,--spacing(2)) last:pr-(--gutter,--spacing(2))",
         grid && "border-l border-l-white/20 first:border-l-0 dark:border-l-white/10",
@@ -5605,7 +4817,7 @@ function TableCell({ className, children, ...props }) {
     {
       ref: href ? setCellRef : void 0,
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "relative px-4 first:pl-(--gutter,--spacing(2)) last:pr-(--gutter,--spacing(2))",
         !striped && "border-b border-white/20 dark:border-white/[0.08]",
@@ -5657,7 +4869,7 @@ function SortableTableHeader({
     {
       ...props,
       onClick: handleSort,
-      className: clsx(
+      className: clsx4(
         className,
         "border-b border-b-white/20 dark:border-b-white/10 px-4 py-2 font-medium first:pl-(--gutter,--spacing(2)) last:pr-(--gutter,--spacing(2))",
         grid && "border-l border-l-white/20 first:border-l-0 dark:border-l-white/10",
@@ -5689,7 +4901,7 @@ function TableSkeletonRow({
   return /* @__PURE__ */ jsx("tr", { className, children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsx(
     "td",
     {
-      className: clsx(
+      className: clsx4(
         "px-4 first:pl-(--gutter,--spacing(2)) last:pr-(--gutter,--spacing(2))",
         "border-b border-white/20 dark:border-white/[0.08]",
         dense ? "py-2.5" : "py-4"
@@ -5697,7 +4909,7 @@ function TableSkeletonRow({
       children: /* @__PURE__ */ jsx(
         "div",
         {
-          className: clsx(
+          className: clsx4(
             "h-4 rounded bg-slate-200 dark:bg-slate-700 animate-pulse motion-reduce:animate-none",
             i === 0 ? "w-32" : i === columns - 1 ? "w-16" : "w-24"
           )
@@ -5759,7 +4971,7 @@ function AnimatedTableRow({
         delay: index * 0.03
       },
       ...restProps,
-      className: clsx(
+      className: clsx4(
         className,
         href && "has-[[data-row-link][data-focus]]:outline-2 has-[[data-row-link][data-focus]]:-outline-offset-2 has-[[data-row-link][data-focus]]:outline-indigo-500/70 dark:focus-within:bg-white/2.5",
         striped && "even:bg-slate-950/2.5 dark:even:bg-white/2.5",
@@ -5788,7 +5000,7 @@ function SelectableTableRow({
     "tr",
     {
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         href && "has-[[data-row-link][data-focus]]:outline-2 has-[[data-row-link][data-focus]]:-outline-offset-2 has-[[data-row-link][data-focus]]:outline-indigo-500/70 dark:focus-within:bg-white/2.5",
         striped && "even:bg-slate-950/2.5 dark:even:bg-white/2.5",
@@ -5800,7 +5012,7 @@ function SelectableTableRow({
         /* @__PURE__ */ jsx(
           "td",
           {
-            className: clsx(
+            className: clsx4(
               "px-4 first:pl-(--gutter,--spacing(2))",
               "border-b border-white/20 dark:border-white/[0.08]",
               dense ? "py-2.5" : "py-4"
@@ -5815,7 +5027,7 @@ function SelectableTableRow({
                 onClick: handleSelect,
                 whileTap: { scale: 0.9 },
                 transition: getTransition(springPresets.stiff),
-                className: clsx(
+                className: clsx4(
                   "h-5 w-5 rounded-full border-2 flex items-center justify-center transition-colors",
                   selected ? "bg-[#007AFF] dark:bg-[#0A84FF] border-[#007AFF] dark:border-[#0A84FF]" : "border-slate-300 dark:border-slate-600"
                 ),
@@ -6326,7 +5538,7 @@ function DynamicIslandNotification({
   position = "right"
 }) {
   const [state, setState] = useState("idle");
-  const styles2 = variantStyles[variant];
+  const styles = variantStyles[variant];
   useEffect(() => {
     if (show) {
       setState("expanded");
@@ -6351,12 +5563,12 @@ function DynamicIslandNotification({
       position,
       idleContent: (
         // Idle: Colored icon pill
-        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: icon && /* @__PURE__ */ jsx("div", { className: `h-6 w-6 rounded-full ${styles2.iconBg} flex items-center justify-center`, children: /* @__PURE__ */ jsx("div", { className: "h-4 w-4 text-white", children: icon }) }) })
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: icon && /* @__PURE__ */ jsx("div", { className: `h-6 w-6 rounded-full ${styles.iconBg} flex items-center justify-center`, children: /* @__PURE__ */ jsx("div", { className: "h-4 w-4 text-white", children: icon }) }) })
       ),
       compactContent: (
         // Compact: Colored icon + title + message preview
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 w-full", children: [
-          icon && /* @__PURE__ */ jsx("div", { className: `h-8 w-8 rounded-full ${styles2.iconBg} flex items-center justify-center shrink-0`, children: /* @__PURE__ */ jsx("div", { className: "h-5 w-5 text-white", children: icon }) }),
+          icon && /* @__PURE__ */ jsx("div", { className: `h-8 w-8 rounded-full ${styles.iconBg} flex items-center justify-center shrink-0`, children: /* @__PURE__ */ jsx("div", { className: "h-5 w-5 text-white", children: icon }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold truncate", children: title }),
             message && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 truncate", children: message })
@@ -6366,9 +5578,9 @@ function DynamicIslandNotification({
       expandedContent: (
         // Expanded: Full notification with colored icon background
         /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-4 px-5 w-full h-full`, children: [
-          icon && /* @__PURE__ */ jsx("div", { className: `h-14 w-14 rounded-2xl ${styles2.iconBg} flex items-center justify-center shrink-0 ${styles2.glow}`, children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 text-white", children: icon }) }),
+          icon && /* @__PURE__ */ jsx("div", { className: `h-14 w-14 rounded-2xl ${styles.iconBg} flex items-center justify-center shrink-0 ${styles.glow}`, children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 text-white", children: icon }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-            appName && /* @__PURE__ */ jsx("p", { className: `text-[11px] uppercase tracking-wide font-medium ${styles2.accentColor}`, children: appName }),
+            appName && /* @__PURE__ */ jsx("p", { className: `text-[11px] uppercase tracking-wide font-medium ${styles.accentColor}`, children: appName }),
             /* @__PURE__ */ jsx("p", { className: "text-[15px] font-semibold leading-tight", children: title }),
             message && /* @__PURE__ */ jsx("p", { className: "text-[13px] text-gray-500 mt-0.5 truncate", children: message })
           ] })
@@ -6517,7 +5729,7 @@ function NotificationDrawer({
   onClear
 }) {
   const t = useTranslations("notifications");
-  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       motion.div,
       {
@@ -6615,13 +5827,13 @@ var CONTAINER_STYLES = {
   glass: "bg-white/70 dark:bg-gray-800/70 backdrop-blur-xl border border-white/20 dark:border-gray-700/50 shadow-lg shadow-black/5",
   minimal: "rounded-lg"
 };
-var Container = React12__default.forwardRef(
+var Container = React9__default.forwardRef(
   ({ variant = "card", className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
-        className: clsx(CONTAINER_STYLES[variant], className),
+        className: clsx4(CONTAINER_STYLES[variant], className),
         ...props,
         children
       }
@@ -6629,9 +5841,9 @@ var Container = React12__default.forwardRef(
   }
 );
 Container.displayName = "Container";
-var FormField = React12__default.forwardRef(
+var FormField = React9__default.forwardRef(
   ({ label, error, required, helperText, children, htmlFor, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs("div", { ref, className: clsx("space-y-1.5", className), ...props, children: [
+    return /* @__PURE__ */ jsxs("div", { ref, className: clsx4("space-y-1.5", className), ...props, children: [
       label && /* @__PURE__ */ jsxs(
         "label",
         {
@@ -6650,9 +5862,9 @@ var FormField = React12__default.forwardRef(
   }
 );
 FormField.displayName = "FormField";
-var FormSection = React12__default.forwardRef(
+var FormSection = React9__default.forwardRef(
   ({ title, description, children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs("div", { ref, className: clsx("space-y-4", className), ...props, children: [
+    return /* @__PURE__ */ jsxs("div", { ref, className: clsx4("space-y-4", className), ...props, children: [
       (title || description) && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
         title && /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-gray-900 dark:text-white", children: title }),
         description && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: description })
@@ -6674,7 +5886,7 @@ var SPACING_STYLES = {
   card: "p-4",
   highlighted: "p-4"
 };
-var ListItem = React12__default.forwardRef(
+var ListItem = React9__default.forwardRef(
   ({
     icon,
     title,
@@ -6689,7 +5901,7 @@ var ListItem = React12__default.forwardRef(
       "div",
       {
         ref,
-        className: clsx(
+        className: clsx4(
           "flex items-start justify-between gap-4 rounded-lg transition-all duration-200",
           CONTAINER_STYLES2[variant],
           SPACING_STYLES[variant],
@@ -6711,7 +5923,7 @@ var ListItem = React12__default.forwardRef(
             {
               onClick: action.onClick,
               disabled: action.disabled,
-              className: clsx(
+              className: clsx4(
                 "px-3 py-1.5 rounded-lg text-xs font-medium transition-colors duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-indigo-500/70 dark:ring-offset-gray-900",
                 action.variant === "danger" ? "text-red-700 dark:text-red-300 hover:bg-red-500/15 dark:hover:bg-red-500/20 disabled:opacity-50" : "text-indigo-700 dark:text-indigo-300 hover:bg-indigo-500/15 dark:hover:bg-indigo-500/20 disabled:opacity-50"
               ),
@@ -6753,11 +5965,11 @@ var IDENTITY_TYPE = /* @__PURE__ */ Symbol("GlassModal.Identity");
 var SIDEBAR_FOOTER_TYPE = /* @__PURE__ */ Symbol("GlassModal.SidebarFooter");
 var FOOTER_TYPE = /* @__PURE__ */ Symbol("GlassModal.Footer");
 function Section({ children }) {
-  return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(Fragment$1, { children });
 }
 Section.__type = SECTION_TYPE;
 function Group({ children }) {
-  return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(Fragment$1, { children });
 }
 Group.__type = GROUP_TYPE;
 function Identity(_props) {
@@ -6765,7 +5977,7 @@ function Identity(_props) {
 }
 Identity.__type = IDENTITY_TYPE;
 function SidebarFooterSlot({ children }) {
-  return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(Fragment$1, { children });
 }
 SidebarFooterSlot.__type = SIDEBAR_FOOTER_TYPE;
 function Sidebar(_props) {
@@ -6773,7 +5985,7 @@ function Sidebar(_props) {
 }
 Sidebar.__type = SIDEBAR_TYPE;
 function FooterSlot({ children }) {
-  return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(Fragment$1, { children });
 }
 FooterSlot.__type = FOOTER_TYPE;
 function isSlotType(child, type) {
@@ -7087,7 +6299,7 @@ function GlassModal({
       ) }) })
     ] });
   }
-  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+  const inner = /* @__PURE__ */ jsxs(Fragment$1, { children: [
     gradient && /* @__PURE__ */ jsx(AccentBar, { gradient }),
     /* @__PURE__ */ jsxs("div", { className: "relative px-5 pb-4 pt-5 sm:px-8 sm:pt-6", children: [
       /* @__PURE__ */ jsx(CloseBtn, { onClick: onClose, label: closeLabel }),
@@ -7123,7 +6335,7 @@ function Text({ className, ...props }) {
     {
       "data-slot": "text",
       ...props,
-      className: clsx(className, "text-base/6 text-zinc-500 sm:text-sm/6 dark:text-zinc-400")
+      className: clsx4(className, "text-base/6 text-zinc-500 sm:text-sm/6 dark:text-zinc-400")
     }
   );
 }
@@ -7132,7 +6344,7 @@ function TextLink({ className, ...props }) {
     Link,
     {
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "text-zinc-950 underline decoration-zinc-950/50 data-hover:decoration-zinc-950 dark:text-white dark:decoration-white/50 dark:data-hover:decoration-white"
       )
@@ -7140,14 +6352,14 @@ function TextLink({ className, ...props }) {
   );
 }
 function Strong({ className, ...props }) {
-  return /* @__PURE__ */ jsx("strong", { ...props, className: clsx(className, "font-medium text-zinc-950 dark:text-white") });
+  return /* @__PURE__ */ jsx("strong", { ...props, className: clsx4(className, "font-medium text-zinc-950 dark:text-white") });
 }
 function Code({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "code",
     {
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "rounded-xs border border-zinc-950/10 bg-zinc-950/2.5 px-0.5 text-sm font-medium text-zinc-950 sm:text-[0.8125rem] dark:border-white/20 dark:bg-white/5 dark:text-white"
       )
@@ -7171,19 +6383,19 @@ function Dialog4({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(Headless5.Dialog, { ...props, children: [
+  return /* @__PURE__ */ jsxs(Headless3.Dialog, { ...props, children: [
     /* @__PURE__ */ jsx(
-      Headless5.DialogBackdrop,
+      Headless3.DialogBackdrop,
       {
         transition: true,
         className: "fixed inset-0 flex w-screen justify-center overflow-y-auto bg-slate-950/25 backdrop-blur-sm px-2 py-2 transition duration-100 focus:outline-0 data-closed:opacity-0 data-enter:ease-out data-leave:ease-in sm:px-6 sm:py-8 lg:px-8 lg:py-16 dark:bg-slate-950/50"
       }
     ),
     /* @__PURE__ */ jsx("div", { className: "fixed inset-0 w-screen overflow-y-auto pt-6 sm:pt-0", children: /* @__PURE__ */ jsx("div", { className: "grid min-h-full grid-rows-[1fr_auto] justify-items-center sm:grid-rows-[1fr_auto_3fr] sm:p-4", children: /* @__PURE__ */ jsx(
-      Headless5.DialogPanel,
+      Headless3.DialogPanel,
       {
         transition: true,
-        className: clsx(
+        className: clsx4(
           className,
           sizes2[size],
           "row-start-2 w-full min-w-0 rounded-t-3xl bg-white/80 backdrop-blur-2xl p-(--gutter) shadow-lg ring-1 ring-white/30 [--gutter:--spacing(8)] sm:mb-auto sm:rounded-2xl dark:bg-slate-900/80 dark:ring-white/10 forced-colors:outline",
@@ -7199,10 +6411,10 @@ function DialogTitle3({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless5.DialogTitle,
+    Headless3.DialogTitle,
     {
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "text-lg/6 font-semibold text-balance text-slate-950 sm:text-base/6 dark:text-white"
       )
@@ -7214,11 +6426,11 @@ function DialogDescription({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless5.Description,
+    Headless3.Description,
     {
       as: Text,
       ...props,
-      className: clsx(className, "mt-2 text-pretty")
+      className: clsx4(className, "mt-2 text-pretty")
     }
   );
 }
@@ -7226,7 +6438,7 @@ function DialogBody({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx("div", { ...props, className: clsx(className, "mt-6") });
+  return /* @__PURE__ */ jsx("div", { ...props, className: clsx4(className, "mt-6") });
 }
 function DialogActions({
   className,
@@ -7236,7 +6448,7 @@ function DialogActions({
     "div",
     {
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "mt-8 flex flex-col-reverse items-center justify-end gap-3 *:w-full sm:flex-row sm:*:w-auto"
       )
@@ -7351,10 +6563,10 @@ function CopyableId({ id, copyValue, label, className }) {
       onKeyDown: (e) => e.key === "Enter" && handleCopy(e),
       title: `${t("common.copy")}: ${id}`,
       className: `inline-flex items-center gap-1.5 px-3 py-1 text-xs font-medium rounded-full transition-all duration-200 cursor-pointer hover:opacity-80 ${copied ? "bg-emerald-500/20 text-emerald-600 dark:text-emerald-400" : className ?? DEFAULT_COPYABLE_CLASSNAME}`,
-      children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      children: copied ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
         /* @__PURE__ */ jsx(ClipboardDocumentCheckIcon, { className: "h-3 w-3" }),
         /* @__PURE__ */ jsx("span", { children: t("common.copied") })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
         label && /* @__PURE__ */ jsxs("span", { className: "opacity-70", children: [
           label,
           ":"
@@ -7550,7 +6762,7 @@ function DatePicker({
         sideOffset: 8,
         align: "start",
         children: [
-          viewMode === "days" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          viewMode === "days" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
               /* @__PURE__ */ jsx(
                 "button",
@@ -7630,7 +6842,7 @@ function DatePicker({
                 children: t("today")
               }
             ) })
-          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
               /* @__PURE__ */ jsx(
                 "button",
@@ -8051,7 +7263,7 @@ function FormPriceInput({
   const errorId = `${inputId}-error`;
   const hintId = `${inputId}-hint`;
   const describedBy = error ? errorId : hint ? hintId : void 0;
-  const sizes4 = priceSizeConfig[priceSize ?? defaultPriceSize(inputSize)];
+  const sizes3 = priceSizeConfig[priceSize ?? defaultPriceSize(inputSize)];
   return /* @__PURE__ */ jsxs("div", { "data-testid": label ? `field-${label.toLowerCase().replace(/\s+/g, "-")}` : "form-field", children: [
     label ? /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: `mb-1.5 block font-medium text-slate-700 dark:text-slate-300 ${labelClasses[inputSize]}`, children: [
       label,
@@ -8061,7 +7273,7 @@ function FormPriceInput({
       /* @__PURE__ */ jsx(
         "span",
         {
-          className: `absolute top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500 pointer-events-none select-none ${sizes4.symbol}`,
+          className: `absolute top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500 pointer-events-none select-none ${sizes3.symbol}`,
           "aria-hidden": "true",
           children: currencySymbol
         }
@@ -8082,7 +7294,7 @@ function FormPriceInput({
           "aria-invalid": error ? true : false,
           "aria-describedby": describedBy,
           "aria-label": label ? `${label} in ${currencySymbol}` : void 0,
-          className: `w-full bg-transparent tabular-nums ${sizes4.input} ${sizes4.padding} text-gray-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-gray-500 ${colorClass ?? ""} ${className}`
+          className: `w-full bg-transparent tabular-nums ${sizes3.input} ${sizes3.padding} text-gray-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-gray-500 ${colorClass ?? ""} ${className}`
         }
       )
     ] }) }),
@@ -8126,27 +7338,27 @@ function FormSelect({
     /* @__PURE__ */ jsx(FieldMeta, { hint, error, errorId, hintId })
   ] });
 }
-var Form = React12__default.forwardRef(
+var Form = React9__default.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("form", { ref, className: clsx(className), ...props, children });
+    return /* @__PURE__ */ jsx("form", { ref, className: clsx4(className), ...props, children });
   }
 );
 Form.displayName = "Form";
-var FormGrid = React12__default.forwardRef(
+var FormGrid = React9__default.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: clsx("platform-form-grid", className), ...props, children });
+    return /* @__PURE__ */ jsx("div", { ref, className: clsx4("platform-form-grid", className), ...props, children });
   }
 );
 FormGrid.displayName = "FormGrid";
-var InlineForm = React12__default.forwardRef(
+var InlineForm = React9__default.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: clsx("platform-inline-form", className), ...props, children });
+    return /* @__PURE__ */ jsx("div", { ref, className: clsx4("platform-inline-form", className), ...props, children });
   }
 );
 InlineForm.displayName = "InlineForm";
-var FormActionsRow = React12__default.forwardRef(
+var FormActionsRow = React9__default.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: clsx("platform-form-actions", className), ...props, children });
+    return /* @__PURE__ */ jsx("div", { ref, className: clsx4("platform-form-actions", className), ...props, children });
   }
 );
 FormActionsRow.displayName = "FormActionsRow";
@@ -8158,7 +7370,7 @@ function FormActions({
   saveDisabled = false,
   className
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: clsx("flex justify-end gap-2 border-t border-gray-200 pt-4 dark:border-gray-700", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx4("flex justify-end gap-2 border-t border-gray-200 pt-4 dark:border-gray-700", className), children: [
     /* @__PURE__ */ jsx(Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
     /* @__PURE__ */ jsx(Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
   ] });
@@ -8283,7 +7495,7 @@ function BaseForm({
   };
   const iconBoxClass = iconClassName ?? ICON_COLOR_CLASSES[iconColor];
   return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: className ?? "space-y-5", children: [
-    showHeader && title && /* @__PURE__ */ jsxs(Fragment, { children: [
+    showHeader && title && /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         icon && /* @__PURE__ */ jsx(
           "div",
@@ -8659,7 +7871,7 @@ function SearchFilterToolbar({
     icon: filtersHeaderIcon ?? /* @__PURE__ */ jsx(FunnelIcon, { className: "h-3.5 w-3.5" }),
     label
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsxs("div", { role: "search", "data-testid": "search-toolbar", className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "liquid-surface flex flex-1 items-center gap-2 flex-wrap min-h-12 rounded-xl px-3.5 py-1.5 transition-colors duration-200 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500/70 dark:focus-within:ring-offset-gray-900", children: [
         /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "h-5 w-5 shrink-0 text-slate-400 dark:text-slate-500" }),
@@ -8693,11 +7905,11 @@ function SearchFilterToolbar({
       ),
       actions
     ] }),
-    !!children && onCloseFilters && /* @__PURE__ */ jsx(Transition, { show: filtersOpen, as: Fragment$1, children: /* @__PURE__ */ jsxs(Dialog, { as: "div", className: "relative z-50", onClose: onCloseFilters, children: [
+    !!children && onCloseFilters && /* @__PURE__ */ jsx(Transition, { show: filtersOpen, as: Fragment, children: /* @__PURE__ */ jsxs(Dialog, { as: "div", className: "relative z-50", onClose: onCloseFilters, children: [
       /* @__PURE__ */ jsx(
         TransitionChild,
         {
-          as: Fragment$1,
+          as: Fragment,
           enter: "ease-out duration-200",
           enterFrom: "opacity-0",
           enterTo: "opacity-100",
@@ -8710,7 +7922,7 @@ function SearchFilterToolbar({
       /* @__PURE__ */ jsx("div", { className: "fixed inset-0 overflow-y-auto p-3 sm:p-6", children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex min-h-full max-w-2xl items-start justify-center pt-[8vh]", children: /* @__PURE__ */ jsx(
         TransitionChild,
         {
-          as: Fragment$1,
+          as: Fragment,
           enter: "ease-out duration-250",
           enterFrom: "opacity-0 scale-95",
           enterTo: "opacity-100 scale-100",
@@ -9200,9 +8412,9 @@ function LaunchpadGrid({
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-6 sm:gap-8 lg:grid-cols-5 xl:grid-cols-6 justify-items-center", children: allGroupedItems.map(renderTile) })
   ) : (
     /* Split grid — page items + divider + action items */
-    /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-7 lg:gap-8", children: groupedPageItems.map(renderTile) }),
-      groupedActionItems.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      groupedActionItems.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
         /* @__PURE__ */ jsxs("div", { className: "my-6", children: [
           /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-slate-300/75 dark:bg-white/20" }),
           /* @__PURE__ */ jsx("p", { className: "mt-2 text-center text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: actionsLabel })
@@ -9812,14 +9024,14 @@ function PageLoadingState({ label, compact = false }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx(
+      className: clsx4(
         "flex w-full items-center justify-center",
         compact ? "py-6" : "min-h-[calc(100dvh-9rem)] py-0"
       ),
       children: /* @__PURE__ */ jsxs(
         "div",
         {
-          className: clsx(
+          className: clsx4(
             "liquid-surface relative overflow-hidden rounded-2xl",
             compact ? "px-6 py-5" : "px-10 py-8"
           ),
@@ -9845,7 +9057,7 @@ function AppShell({
   sessionGuard,
   loadingLabel = "Loading..."
 }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     sessionGuard,
     initializers,
     /* @__PURE__ */ jsx(NavigationProgress, {}),
@@ -9885,7 +9097,7 @@ function Avatar({
       "data-slot": "avatar",
       ...props,
       style: toneCfg ? { "--avatar-glow": toneCfg.glow } : void 0,
-      className: clsx(
+      className: clsx4(
         className,
         "liquid-avatar transition-colors duration-200",
         // Tone tint at rest + intensified fill on hover ("cristal
@@ -9926,7 +9138,7 @@ var AvatarButton = forwardRef(function AvatarButton2({
   className,
   ...props
 }, ref) {
-  let classes = clsx(
+  let classes = clsx4(
     className,
     "liquid-avatar-interactive relative inline-grid",
     square ? "rounded-[20%]" : "rounded-full",
@@ -9935,7 +9147,7 @@ var AvatarButton = forwardRef(function AvatarButton2({
   if (typeof props.href === "string") {
     return /* @__PURE__ */ jsx(Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Avatar, { src, square, initials, alt, tone }) }) });
   }
-  return /* @__PURE__ */ jsx(Headless5.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Avatar, { src, square, initials, alt, tone }) }) });
+  return /* @__PURE__ */ jsx(Headless3.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Avatar, { src, square, initials, alt, tone }) }) });
 });
 function ImageUpload({
   src,
@@ -10029,137 +9241,6 @@ function ImageUpload({
     hint && !error && /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: hint })
   ] });
 }
-var colors = {
-  red: "bg-red-500/15 text-red-700 group-data-hover:bg-red-500/25 dark:bg-red-500/10 dark:text-red-300 dark:group-data-hover:bg-red-500/20",
-  orange: "bg-orange-500/15 text-orange-700 group-data-hover:bg-orange-500/25 dark:bg-orange-500/10 dark:text-orange-300 dark:group-data-hover:bg-orange-500/20",
-  amber: "bg-amber-400/20 text-amber-800 group-data-hover:bg-amber-400/30 dark:bg-amber-400/10 dark:text-amber-300 dark:group-data-hover:bg-amber-400/15",
-  yellow: "bg-yellow-400/20 text-yellow-800 group-data-hover:bg-yellow-400/30 dark:bg-yellow-400/10 dark:text-yellow-200 dark:group-data-hover:bg-yellow-400/15",
-  lime: "bg-lime-400/20 text-lime-800 group-data-hover:bg-lime-400/30 dark:bg-lime-400/10 dark:text-lime-200 dark:group-data-hover:bg-lime-400/15",
-  green: "bg-green-500/15 text-green-700 group-data-hover:bg-green-500/25 dark:bg-green-500/10 dark:text-green-300 dark:group-data-hover:bg-green-500/20",
-  emerald: "bg-emerald-500/15 text-emerald-700 group-data-hover:bg-emerald-500/25 dark:bg-emerald-500/10 dark:text-emerald-300 dark:group-data-hover:bg-emerald-500/20",
-  teal: "bg-teal-500/15 text-teal-700 group-data-hover:bg-teal-500/25 dark:bg-teal-500/10 dark:text-teal-300 dark:group-data-hover:bg-teal-500/20",
-  cyan: "bg-cyan-400/20 text-cyan-800 group-data-hover:bg-cyan-400/30 dark:bg-cyan-400/10 dark:text-cyan-200 dark:group-data-hover:bg-cyan-400/15",
-  sky: "bg-sky-500/15 text-sky-700 group-data-hover:bg-sky-500/25 dark:bg-sky-500/10 dark:text-sky-300 dark:group-data-hover:bg-sky-500/20",
-  blue: "bg-blue-500/15 text-blue-700 group-data-hover:bg-blue-500/25 dark:text-blue-300 dark:group-data-hover:bg-blue-500/25",
-  indigo: "bg-indigo-500/15 text-indigo-700 group-data-hover:bg-indigo-500/25 dark:text-indigo-300 dark:group-data-hover:bg-indigo-500/20",
-  violet: "bg-violet-500/15 text-violet-700 group-data-hover:bg-violet-500/25 dark:text-violet-300 dark:group-data-hover:bg-violet-500/20",
-  purple: "bg-purple-500/15 text-purple-700 group-data-hover:bg-purple-500/25 dark:text-purple-300 dark:group-data-hover:bg-purple-500/20",
-  fuchsia: "bg-fuchsia-400/20 text-fuchsia-700 group-data-hover:bg-fuchsia-400/30 dark:bg-fuchsia-400/10 dark:text-fuchsia-300 dark:group-data-hover:bg-fuchsia-400/20",
-  pink: "bg-pink-400/20 text-pink-700 group-data-hover:bg-pink-400/30 dark:bg-pink-400/10 dark:text-pink-300 dark:group-data-hover:bg-pink-400/20",
-  rose: "bg-rose-400/20 text-rose-700 group-data-hover:bg-rose-400/30 dark:bg-rose-400/10 dark:text-rose-300 dark:group-data-hover:bg-rose-400/20",
-  zinc: "bg-slate-500/15 text-slate-700 group-data-hover:bg-slate-500/25 dark:bg-white/5 dark:text-slate-200 dark:group-data-hover:bg-white/10"
-};
-var sizes3 = {
-  xs: { container: "px-2 py-0.5 text-[11px] gap-1", icon: "h-3 w-3", remove: "h-3 w-3 -mr-0.5" },
-  sm: { container: "px-2.5 py-0.5 text-xs gap-1.5", icon: "h-3.5 w-3.5", remove: "h-3.5 w-3.5 -mr-1" },
-  md: { container: "px-3 py-1 text-sm gap-1.5", icon: "h-4 w-4", remove: "h-4 w-4 -mr-1" },
-  lg: { container: "px-3.5 py-1.5 text-sm gap-2", icon: "h-4 w-4", remove: "h-4 w-4 -mr-1" }
-};
-var CRYSTAL_STYLE2 = {
-  backdropFilter: "blur(12px) saturate(1.5)",
-  WebkitBackdropFilter: "blur(12px) saturate(1.5)",
-  boxShadow: "inset 0 1px 1.5px rgba(255,255,255,0.45), 0 1px 3px -1px rgba(15,23,42,0.12)"
-};
-function Badge({
-  color = "zinc",
-  size = "sm",
-  icon,
-  removable = false,
-  onRemove,
-  removeLabel = "Remove",
-  onClick,
-  live = false,
-  className,
-  children,
-  ...props
-}) {
-  const sz = sizes3[size];
-  const base = clsx(
-    "inline-flex items-center rounded-full border font-semibold forced-colors:outline",
-    "border-current/20",
-    // hair-line border in the badge's own hue
-    sz.container,
-    colors[color],
-    className
-  );
-  const liveProps = live ? { role: "status", "aria-live": "polite" } : {};
-  if (onClick) {
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        "data-testid": "badge",
-        onClick,
-        style: CRYSTAL_STYLE2,
-        ...liveProps,
-        className: clsx(
-          base,
-          "cursor-pointer transition-colors",
-          "focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1"
-        ),
-        children: [
-          icon && /* @__PURE__ */ jsx("span", { className: clsx("shrink-0", sz.icon), "aria-hidden": true, children: icon }),
-          children
-        ]
-      }
-    );
-  }
-  if (removable) {
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        "data-testid": "badge",
-        ...props,
-        ...liveProps,
-        style: CRYSTAL_STYLE2,
-        className: clsx(base, "pr-1"),
-        children: [
-          icon && /* @__PURE__ */ jsx("span", { className: clsx("shrink-0", sz.icon), "aria-hidden": true, children: icon }),
-          children,
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": removeLabel,
-              onClick: (event) => {
-                event.stopPropagation();
-                onRemove?.();
-              },
-              className: clsx(
-                "ml-0.5 inline-flex shrink-0 cursor-pointer items-center justify-center rounded-full",
-                "opacity-70 hover:opacity-100 transition-opacity",
-                "focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70"
-              ),
-              children: /* @__PURE__ */ jsx(XMarkIcon, { className: sz.remove })
-            }
-          )
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("span", { "data-testid": "badge", ...props, ...liveProps, style: CRYSTAL_STYLE2, className: base, children: [
-    icon && /* @__PURE__ */ jsx("span", { className: clsx("shrink-0", sz.icon), "aria-hidden": true, children: icon }),
-    children
-  ] });
-}
-forwardRef(function BadgeButton2({
-  color = "zinc",
-  size = "sm",
-  icon,
-  className,
-  children,
-  ...props
-}, ref) {
-  let classes = clsx(
-    className,
-    "group relative inline-flex rounded-full",
-    "focus:not-data-focus:outline-hidden data-focus:outline-2 data-focus:outline-offset-2 data-focus:outline-indigo-500/70"
-  );
-  if (typeof props.href === "string") {
-    return /* @__PURE__ */ jsx(Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Badge, { color, size, icon, children }) }) });
-  }
-  return /* @__PURE__ */ jsx(Headless5.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Badge, { color, size, icon, children }) }) });
-});
 function Breadcrumb({ pages, actions, centerContent, dashboardPath = "/dashboard" }) {
   const t = useTranslations("common");
   const currentPage = pages.find((page) => page.current) || pages[pages.length - 1];
@@ -10222,7 +9303,7 @@ function CreateActionButton({
   if (mode === "mobile") {
     return /* @__PURE__ */ jsx("div", { className: "fixed right-4 bottom-[calc(env(safe-area-inset-bottom)+1rem)] z-[80] md:hidden", children: buttonContent });
   }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx("div", { className: "hidden md:flex md:items-center md:justify-end", children: buttonContent }),
     /* @__PURE__ */ jsx("div", { className: "fixed right-4 bottom-[calc(env(safe-area-inset-bottom)+1rem)] z-[80] md:hidden", children: buttonContent })
   ] });
@@ -10323,7 +9404,7 @@ function Divider({
     {
       role: "presentation",
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "w-full border-t",
         soft && "border-zinc-950/5 dark:border-white/5",
@@ -10438,7 +9519,7 @@ function FlyoutQuickActions({
     onClose?.();
     action();
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx("div", { className: "mx-3 my-3 h-px bg-gradient-to-r from-transparent via-gray-200/80 to-transparent dark:via-white/10" }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-1.5 sm:gap-2 px-1", children: [
       onNotifications ? /* @__PURE__ */ jsxs(
@@ -10504,7 +9585,7 @@ function FlyoutNavGrid({
     ) : items,
     [items, normalizedQuery]
   );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     showSearch && /* @__PURE__ */ jsx("div", { className: "mb-2 sm:mb-3", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400 dark:text-slate-500" }),
       /* @__PURE__ */ jsx(
@@ -10562,7 +9643,7 @@ function Heading({ className, level = 1, ...props }) {
     Element,
     {
       ...props,
-      className: clsx(className, "text-2xl/8 font-semibold text-zinc-950 sm:text-xl/8 dark:text-white")
+      className: clsx4(className, "text-2xl/8 font-semibold text-zinc-950 sm:text-xl/8 dark:text-white")
     }
   );
 }
@@ -10572,7 +9653,7 @@ function Subheading({ className, level = 2, ...props }) {
     Element,
     {
       ...props,
-      className: clsx(className, "text-base/7 font-semibold text-zinc-950 sm:text-sm/6 dark:text-white")
+      className: clsx4(className, "text-base/7 font-semibold text-zinc-950 sm:text-sm/6 dark:text-white")
     }
   );
 }
@@ -10588,7 +9669,7 @@ function LanguageSwitcher({
     setOpen(false);
   };
   const currentLanguage = languages.find((language) => language.code === currentLocale) ?? languages[0];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -10703,23 +9784,23 @@ function MonthPicker({
   const locale = useLocale();
   const t = useTranslations("common");
   const dateFnsLocale = dateFnsLocales2[locale] || ptBR;
-  const months = React12.useMemo(() => getLocalizedMonths(dateFnsLocale), [dateFnsLocale]);
+  const months = React9.useMemo(() => getLocalizedMonths(dateFnsLocale), [dateFnsLocale]);
   const defaultPlaceholder = t("selectMonth");
-  const [open, setOpen] = React12.useState(false);
-  const availableYears = React12.useMemo(() => {
+  const [open, setOpen] = React9.useState(false);
+  const availableYears = React9.useMemo(() => {
     const years = new Set(availableMonths.map((m) => parseInt(m.split("-")[0])));
     return Array.from(years).sort((a, b) => b - a);
   }, [availableMonths]);
-  const [viewYear, setViewYear] = React12.useState(() => {
+  const [viewYear, setViewYear] = React9.useState(() => {
     if (value) return parseInt(value.split("-")[0]);
     if (availableYears.length > 0) return availableYears[0];
     return (/* @__PURE__ */ new Date()).getFullYear();
   });
-  const isMonthAvailable = React12.useCallback((year, monthIndex) => {
+  const isMonthAvailable = React9.useCallback((year, monthIndex) => {
     const monthStr = `${year}-${String(monthIndex + 1).padStart(2, "0")}`;
     return availableMonths.includes(monthStr);
   }, [availableMonths]);
-  const displayValue = React12.useMemo(() => {
+  const displayValue = React9.useMemo(() => {
     if (!value) return placeholder || defaultPlaceholder;
     try {
       const date = parse(value, "yyyy-MM", /* @__PURE__ */ new Date());
@@ -10741,7 +9822,7 @@ function MonthPicker({
       {
         type: "button",
         className: `${noBorder ? "flex items-center justify-center gap-2 text-sm bg-transparent px-4 h-full min-h-[52px] text-slate-900 dark:text-white hover:bg-white/30 dark:hover:bg-white/[0.06] focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1 transition-all duration-200 active:scale-[0.985]" : "liquid-surface flex items-center justify-center gap-2 text-sm rounded-xl px-4 h-[52px] text-slate-900 dark:text-white hover:bg-white/30 dark:hover:bg-white/[0.06] focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1 transition-all duration-200 active:scale-[0.985]"} ${triggerClassName}`.trim(),
-        children: triggerContent ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        children: triggerContent ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
           /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4 text-indigo-500" }),
           /* @__PURE__ */ jsx("span", { className: "capitalize whitespace-nowrap", children: displayValue })
         ] })
@@ -11135,7 +10216,7 @@ function BrandedLoader({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx(
+      className: clsx4(
         "flex items-center justify-center",
         compact ? "w-full py-8" : "fixed inset-0 z-[9999] h-dvh w-dvw bg-gray-50 dark:bg-[#0b1120]",
         className
@@ -11145,7 +10226,7 @@ function BrandedLoader({
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: clsx(
+              className: clsx4(
                 "absolute -inset-3 animate-ping motion-reduce:animate-none rounded-3xl opacity-20",
                 `bg-gradient-to-br ${gradient}`
               ),
@@ -11155,7 +10236,7 @@ function BrandedLoader({
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: clsx(
+              className: clsx4(
                 "absolute -inset-1.5 rounded-[22px] ring-2",
                 accentRing,
                 "animate-pulse motion-reduce:animate-none"
@@ -11171,7 +10252,7 @@ function BrandedLoader({
             /* @__PURE__ */ jsxs(
               "div",
               {
-                className: clsx(
+                className: clsx4(
                   "relative flex h-24 w-24 items-center justify-center rounded-[20px]",
                   `bg-gradient-to-br ${gradient}`,
                   "shadow-lg shadow-black/20"
@@ -11187,7 +10268,7 @@ function BrandedLoader({
         /* @__PURE__ */ jsx(
           "h2",
           {
-            className: clsx(
+            className: clsx4(
               "bg-clip-text text-xl font-bold tracking-tight text-transparent",
               `bg-gradient-to-r ${gradient}`
             ),
@@ -11198,7 +10279,7 @@ function BrandedLoader({
           /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
             "div",
             {
-              className: clsx(
+              className: clsx4(
                 "h-1.5 w-1.5 rounded-full",
                 `bg-gradient-to-br ${gradient}`,
                 "animate-bounce motion-reduce:animate-none"
@@ -11213,7 +10294,7 @@ function BrandedLoader({
           /* @__PURE__ */ jsx("div", { className: "flex gap-1.5", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
             "div",
             {
-              className: clsx(
+              className: clsx4(
                 "h-2 w-2 rounded-full",
                 `bg-gradient-to-br ${gradient}`,
                 "animate-bounce motion-reduce:animate-none"
@@ -11241,11 +10322,11 @@ function AppLogo({
   wordmark
 }) {
   const s = SIZES[size];
-  return /* @__PURE__ */ jsxs("div", { className: clsx("inline-flex items-center", s.gap, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx4("inline-flex items-center", s.gap, className), children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: clsx(
+        className: clsx4(
           "relative flex flex-none items-center justify-center",
           s.container,
           `bg-gradient-to-br ${gradient}`,
@@ -11253,14 +10334,14 @@ function AppLogo({
         ),
         children: [
           /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 rounded-[inherit] bg-[linear-gradient(145deg,rgba(255,255,255,0.35)_0%,rgba(255,255,255,0.08)_45%,rgba(255,255,255,0)_100%)]" }),
-          /* @__PURE__ */ jsx(Icon, { className: clsx("relative text-white", s.icon) })
+          /* @__PURE__ */ jsx(Icon, { className: clsx4("relative text-white", s.icon) })
         ]
       }
     ),
     wordmark ?? /* @__PURE__ */ jsx(
       "span",
       {
-        className: clsx(
+        className: clsx4(
           "font-bold tracking-tight bg-clip-text text-transparent whitespace-nowrap",
           `bg-gradient-to-r ${gradient}`,
           s.text
@@ -11394,10 +10475,10 @@ function Fieldset2({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless5.Fieldset,
+    Headless3.Fieldset,
     {
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "*:data-[slot=text]:mt-1 [&>*+[data-slot=control]]:mt-6"
       )
@@ -11409,11 +10490,11 @@ function Legend2({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless5.Legend,
+    Headless3.Legend,
     {
       "data-slot": "legend",
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "text-base/6 font-semibold text-zinc-950 data-disabled:opacity-50 sm:text-sm/6 dark:text-white"
       )
@@ -11429,7 +10510,7 @@ function FieldGroup({
     {
       "data-slot": "control",
       ...props,
-      className: clsx(className, "space-y-8")
+      className: clsx4(className, "space-y-8")
     }
   );
 }
@@ -11438,10 +10519,10 @@ function Field2({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless5.Field,
+    Headless3.Field,
     {
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "[&>[data-slot=label]+[data-slot=control]]:mt-3",
         "[&>[data-slot=label]+[data-slot=description]]:mt-1",
@@ -11458,11 +10539,11 @@ function Label2({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless5.Label,
+    Headless3.Label,
     {
       "data-slot": "label",
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "text-base/6 text-zinc-950 select-none data-disabled:opacity-50 sm:text-sm/6 dark:text-white"
       )
@@ -11474,11 +10555,11 @@ function Description3({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless5.Description,
+    Headless3.Description,
     {
       "data-slot": "description",
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "text-base/6 text-zinc-500 data-disabled:opacity-50 sm:text-sm/6 dark:text-zinc-400"
       )
@@ -11490,22 +10571,22 @@ function ErrorMessage({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless5.Description,
+    Headless3.Description,
     {
       "data-slot": "error",
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         "text-base/6 text-red-600 data-disabled:opacity-50 sm:text-sm/6 dark:text-red-500"
       )
     }
   );
 }
-var Textarea = React12.forwardRef(({ className, ...props }, ref) => {
+var Textarea = React9.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "textarea",
     {
-      className: clsx(
+      className: clsx4(
         "liquid-surface flex min-h-[80px] w-full rounded-xl px-3 py-2.5 text-sm",
         "text-slate-900 dark:text-white outline-none",
         "placeholder:text-slate-500 dark:placeholder:text-slate-400",
@@ -12646,7 +11727,7 @@ function RadiantHeading({
     Element,
     {
       ...props,
-      className: clsx$1(
+      className: clsx(
         className,
         "text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-5xl lg:text-6xl"
       )
@@ -12663,7 +11744,7 @@ function RadiantSubheading({
     Element,
     {
       ...props,
-      className: clsx$1(
+      className: clsx(
         className,
         "font-semibold text-blue-600 dark:text-blue-400 uppercase tracking-wider text-sm mb-4"
       )
@@ -12677,7 +11758,7 @@ function Lead({
   return /* @__PURE__ */ jsx(
     "p",
     {
-      className: clsx$1(className, "text-xl text-gray-600 dark:text-gray-400 leading-relaxed"),
+      className: clsx(className, "text-xl text-gray-600 dark:text-gray-400 leading-relaxed"),
       ...props
     }
   );
@@ -12706,7 +11787,7 @@ function Gradient({
     "div",
     {
       ...props,
-      className: clsx$1(
+      className: clsx(
         className,
         "bg-gradient-to-r from-blue-400 via-purple-400 to-pink-400 dark:from-blue-600 dark:via-purple-600 dark:to-pink-600"
       )
@@ -12718,7 +11799,7 @@ function GradientBackground() {
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: clsx$1(
+        className: clsx(
           "absolute -top-40 -right-40 h-80 w-80",
           "bg-gradient-to-br from-blue-400 to-transparent",
           "rounded-full blur-3xl opacity-20 dark:opacity-10"
@@ -12728,7 +11809,7 @@ function GradientBackground() {
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: clsx$1(
+        className: clsx(
           "absolute -bottom-40 -left-40 h-80 w-80",
           "bg-gradient-to-tr from-purple-400 to-transparent",
           "rounded-full blur-3xl opacity-20 dark:opacity-10"
@@ -12752,7 +11833,7 @@ function BentoCard({
       initial: "idle",
       whileHover: "active",
       variants: { idle: {}, active: {} },
-      className: clsx$1(
+      className: clsx(
         className,
         "group relative flex flex-col overflow-hidden rounded-2xl",
         "bg-white dark:bg-gray-800 shadow-lg hover:shadow-xl transition-shadow",
@@ -12777,7 +11858,7 @@ function PlusGrid({
   className = "",
   children
 }) {
-  return /* @__PURE__ */ jsx("div", { className: clsx$1(className, "space-y-px"), children });
+  return /* @__PURE__ */ jsx("div", { className: clsx(className, "space-y-px"), children });
 }
 function PlusGridRow({
   className = "",
@@ -12786,7 +11867,7 @@ function PlusGridRow({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx$1(
+      className: clsx(
         className,
         "group/row relative isolate grid gap-px"
       ),
@@ -12798,7 +11879,7 @@ function PlusGridItem({
   className = "",
   children
 }) {
-  return /* @__PURE__ */ jsx("div", { className: clsx$1(className, "group/item relative"), children });
+  return /* @__PURE__ */ jsx("div", { className: clsx(className, "group/item relative"), children });
 }
 function RadiantStatCard({
   value,
@@ -12811,7 +11892,7 @@ function RadiantStatCard({
       initial: { opacity: 0, y: 20 },
       whileInView: { opacity: 1, y: 0 },
       transition: { duration: 0.5 },
-      className: clsx$1(
+      className: clsx(
         "group relative rounded-2xl overflow-hidden p-8 sm:p-12",
         `bg-gradient-to-br ${gradient}`,
         "shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-105"
@@ -12840,7 +11921,7 @@ function FeatureCard({
       transition: { duration: 0.5 },
       className: "group relative rounded-2xl overflow-hidden bg-white dark:bg-gray-800 p-8 shadow-md hover:shadow-xl transition-all duration-300 border border-gray-200 dark:border-gray-700",
       children: [
-        /* @__PURE__ */ jsx("div", { className: clsx$1(
+        /* @__PURE__ */ jsx("div", { className: clsx(
           "inline-flex rounded-xl p-3 mb-6",
           `bg-gradient-to-br ${gradient}`
         ), children: /* @__PURE__ */ jsx(Icon, { className: "h-6 w-6 text-white" }) }),
@@ -12935,10 +12016,10 @@ function OptionGrid({
           disabled: isLoading,
           onClick: () => onSelect(option.code),
           className: `rounded-lg px-${isVertical ? "2" : "3"} py-2 ${isVertical ? "text-center" : "text-left"} text-${isVertical ? "xs" : "sm"} transition-colors ${isSelected ? "liquid-surface liquid-surface-active liquid-glass-indigo text-indigo-700 dark:text-indigo-300" : "liquid-surface hover:shadow-md text-gray-700 dark:text-gray-300"} ${isLoading ? "opacity-50 cursor-not-allowed" : ""}`,
-          children: isVertical ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          children: isVertical ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
             /* @__PURE__ */ jsx("span", { className: "block text-lg mb-0.5", children: option.flag }),
             option.label
-          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
             /* @__PURE__ */ jsx("span", { className: "mr-2", children: option.flag }),
             option.label
           ] })
@@ -13197,11 +12278,11 @@ function GeoMapCanvasInner({
     return `rgba(${r}, ${g}, ${b}, 0.15)`;
   };
   const lighterColors = useMemo(() => {
-    const colors3 = /* @__PURE__ */ new Map();
+    const colors2 = /* @__PURE__ */ new Map();
     regionColorMap.forEach((color, code) => {
-      colors3.set(code, getLighterColor(color));
+      colors2.set(code, getLighterColor(color));
     });
-    return colors3;
+    return colors2;
   }, [regionColorMap]);
   const featureCollection = useMemo(() => {
     if (!geoData) return null;
@@ -13433,8 +12514,8 @@ function GeoMapCanvasInner({
     }
   );
 }
-var GeoMapCanvas = React12__default.forwardRef(GeoMapCanvasInner);
-var MapZoomControls = React12__default.forwardRef(
+var GeoMapCanvas = React9__default.forwardRef(GeoMapCanvasInner);
+var MapZoomControls = React9__default.forwardRef(
   ({ zoom, minZoom, maxZoom, onZoomIn, onZoomOut, labels }, ref) => {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -13589,9 +12670,9 @@ function InteractiveGeoMapInner({
     }
   );
 }
-var InteractiveGeoMap = React12__default.forwardRef(InteractiveGeoMapInner);
+var InteractiveGeoMap = React9__default.forwardRef(InteractiveGeoMapInner);
 var DEFAULT_LEGEND_COLOR = "#6366f1";
-var GeoMapLegend = React12__default.forwardRef(
+var GeoMapLegend = React9__default.forwardRef(
   ({ items, colorMap, getFlagUrl, getLabel, labels, maxItems = 5 }, ref) => {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -19783,13 +18864,13 @@ var PageHeader = memo(function PageHeader2({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: clsx("mb-6 sm:mb-8", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx4("mb-6 sm:mb-8", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsx(
           "h1",
           {
-            className: clsx(
+            className: clsx4(
               "font-bold text-slate-900 dark:text-slate-100 truncate",
               size === "large" ? "text-3xl" : "text-2xl"
             ),
@@ -19810,7 +18891,7 @@ var PageSectionHeader = memo(function PageSectionHeader2({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: clsx("mb-4", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx4("mb-4", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsx("h2", { className: "text-lg sm:text-xl font-semibold text-slate-900 dark:text-slate-100", children: title }),
@@ -19828,7 +18909,7 @@ var CardSectionHeader = memo(function CardSectionHeader2({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: clsx("mb-3", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx4("mb-3", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsx("h3", { className: "text-base sm:text-lg font-medium text-slate-900 dark:text-slate-100", children: title }),
@@ -19840,11 +18921,11 @@ var CardSectionHeader = memo(function CardSectionHeader2({
   ] });
 });
 var Tabs = TabsPrimitive.Root;
-var TabsList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
-    className: clsx(
+    className: clsx4(
       "inline-flex h-9 items-center justify-center rounded-lg bg-muted/50 p-0.5 text-muted-foreground",
       className
     ),
@@ -19852,11 +18933,11 @@ var TabsList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
-    className: clsx(
+    className: clsx4(
       "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
       className
     ),
@@ -19864,11 +18945,11 @@ var TabsTrigger = React12.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
-    className: clsx(
+    className: clsx4(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       className
     ),
@@ -19876,7 +18957,7 @@ var TabsContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var ContactCard = React12__default.memo(function ContactCard2({
+var ContactCard = React9__default.memo(function ContactCard2({
   type,
   email,
   phone
@@ -19896,7 +18977,7 @@ var ContactCard = React12__default.memo(function ContactCard2({
     ] })
   ] });
 });
-var OfficeCard = React12__default.memo(function OfficeCard2({
+var OfficeCard = React9__default.memo(function OfficeCard2({
   city,
   address,
   postalCode
@@ -19909,7 +18990,7 @@ var OfficeCard = React12__default.memo(function OfficeCard2({
     ] })
   ] });
 });
-var ContactSection = React12__default.memo(
+var ContactSection = React9__default.memo(
   function ContactSection2({ title, subtitle, children }) {
     return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-10 py-16 lg:grid-cols-3", children: [
       /* @__PURE__ */ jsxs("div", { children: [
@@ -19920,11 +19001,11 @@ var ContactSection = React12__default.memo(
     ] });
   }
 );
-var Progress = React12.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+var Progress = React9.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
   ProgressPrimitive.Root,
   {
     ref,
-    className: clsx(
+    className: clsx4(
       "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
       className
     ),
@@ -19939,7 +19020,7 @@ var Progress = React12.forwardRef(({ className, value, ...props }, ref) => /* @_
   }
 ));
 Progress.displayName = ProgressPrimitive.Root.displayName;
-var colors2 = {
+var colors = {
   "dark/zinc": [
     "[--switch-bg-ring:var(--color-slate-950)]/90 [--switch-bg:var(--color-slate-900)] dark:[--switch-bg-ring:transparent] dark:[--switch-bg:var(--color-white)]/25",
     "[--switch-ring:var(--color-slate-950)]/90 [--switch-shadow:var(--color-black)]/10 [--switch:white] dark:[--switch-ring:var(--color-slate-700)]/90"
@@ -20035,11 +19116,11 @@ function Switch2({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless5.Switch,
+    Headless3.Switch,
     {
       "data-slot": "control",
       ...props,
-      className: clsx(
+      className: clsx4(
         className,
         // Base styles
         "group relative isolate inline-flex h-6 w-10 cursor-default rounded-full p-[3px] sm:h-5 sm:w-8",
@@ -20060,13 +19141,13 @@ function Switch2({
         "data-disabled:bg-slate-200 data-disabled:opacity-50 data-disabled:data-checked:bg-slate-200 data-disabled:data-checked:ring-black/5",
         "dark:data-disabled:bg-white/15 dark:data-disabled:data-checked:bg-white/15 dark:data-disabled:data-checked:ring-white/15",
         // Color specific styles
-        colors2[color]
+        colors[color]
       ),
       children: /* @__PURE__ */ jsx(
         "span",
         {
           "aria-hidden": "true",
-          className: clsx(
+          className: clsx4(
             // Basic layout
             "pointer-events-none relative inline-block size-4.5 rounded-full sm:size-3.5",
             // Transition
@@ -20294,7 +19375,7 @@ function AppNavigation({
     },
     [onFlyoutClose, onNavigate]
   );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     dockEnabled && /* @__PURE__ */ jsx(
       DockContainer,
       {
@@ -20658,7 +19739,7 @@ function PlatformShell({
       {
         pages: breadcrumbPages,
         dashboardPath,
-        centerContent: /* @__PURE__ */ jsxs(Fragment, { children: [
+        centerContent: /* @__PURE__ */ jsxs(Fragment$1, { children: [
           /* @__PURE__ */ jsxs(
             "button",
             {
@@ -20747,12 +19828,10 @@ function PlatformShell({
         ) })
       ] })
     ) : (
-      /* Non-dashboard: normal padded content. The inner wrapper is
-         centered with a max-width so banner cards (SectionCard
-         kind="banner") don't stretch edge-to-edge on ultrawide
-         viewports — which made the right rounded corner clip and
-         the card look broken at >1500px. */
-      /* @__PURE__ */ jsx("div", { className: "px-4 py-6 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-7xl", children: /* @__PURE__ */ jsx(
+      /* Non-dashboard: padded content, full-width. Pages own their
+         own max-width if they need one (the workflow canvas, for
+         example, needs 100vw — so we don't cap here at the shell). */
+      /* @__PURE__ */ jsx("div", { className: "px-4 py-6 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
         Suspense,
         {
           fallback: /* @__PURE__ */ jsx(
@@ -20910,6 +19989,6 @@ function useSocialProviders() {
   return useContext(UiSocialProvidersContext);
 }
 
-export { ARGENTINA_ACCENT_MAP, ARGENTINA_MACRO_REGIONS, ARGENTINA_MAP_CENTER, ARGENTINA_PROVINCE_COORDINATES, ARGENTINA_PROVINCE_PALETTES, AR_THEME_CONFIG, AUSTRALIA_ACCENT_MAP, AUSTRALIA_MACRO_REGIONS, AUSTRALIA_MAP_CENTER, AUSTRALIA_STATE_COORDINATES, AUSTRALIA_STATE_PALETTES, AU_THEME_CONFIG, ActiveFilterChips, AgentAnalysisCard, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, AppShell, ArchiveSwipeAction, AuthLayout, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, BadRequestPage, Badge, BaseForm, BentoCard, BooleanFlagsPicker, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, Button, CANADA_ACCENT_MAP, CANADA_MACRO_REGIONS, CANADA_MAP_CENTER, CANADA_PROVINCE_COORDINATES, CANADA_PROVINCE_PALETTES, CA_THEME_CONFIG, CHILE_ACCENT_MAP, CHILE_MACRO_REGIONS, CHILE_MAP_CENTER, CHILE_REGION_COORDINATES, CHILE_REGION_PALETTES, CL_THEME_CONFIG, COLOMBIA_ACCENT_MAP, COLOMBIA_DEPARTMENT_COORDINATES, COLOMBIA_DEPARTMENT_PALETTES, COLOMBIA_MACRO_REGIONS, COLOMBIA_MAP_CENTER, CO_THEME_CONFIG, Card, CardContent, CardDescription, CardDivider, CardFooter, CardGridSkeleton, CardHeader, CardSectionHeader, CardTitle, CategoryBadge, CategoryTab, CategoryTabs, ChartRenderer, ChipPicker, CircularRefreshIndicator, Code, CollapsibleGroupedList, CompactSegmentedControl, ContactCard, ContactSection, Container, ContextMenu, CookieConsent, CopyableId, CreateActionButton, DE_THEME_CONFIG, DashboardView, DataPagination, DatePicker, DeleteSwipeAction, Description3 as Description, DetailsPopover, DevModeBanner, Dialog4 as Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle3 as DialogTitle, Divider, Dock, DockContainer, DockSkeleton, DotRefreshIndicator, DropdownSelect, DynamicIsland, DynamicIslandConfirm, DynamicIslandNotification, EGYPT_ACCENT_MAP, EGYPT_GOVERNORATE_COORDINATES, EGYPT_GOVERNORATE_PALETTES, EGYPT_MACRO_REGIONS, EGYPT_MAP_CENTER, EG_THEME_CONFIG, ES_THEME_CONFIG, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, ErrorMessage, ErrorState, ExpandableHistoryList, ExpandingPageIndicator, FRANCE_ACCENT_MAP, FRANCE_MACRO_REGIONS, FRANCE_MAP_CENTER, FRANCE_REGION_COORDINATES, FRANCE_REGION_PALETTES, FR_THEME_CONFIG, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field2 as Field, FieldGroup, Fieldset2 as Fieldset, FilterSectionHeader, FilterTileButton, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, FormActionsRow, FormCheckbox, FormField, FormGrid, FormInput, FormPriceInput, FormSection, FormSelect, FormTextarea, FormToggle, GB_THEME_CONFIG, GERMANY_ACCENT_MAP, GERMANY_MACRO_REGIONS, GERMANY_MAP_CENTER, GERMANY_STATE_COORDINATES, GERMANY_STATE_PALETTES, GeoMapCanvas, GeoMapLegend, GlassModal, Gradient, GradientBackground, GrowthIndicator, Heading, HeroBlock, HeroPanel, HeroSection, ID_THEME_CONFIG, INDIA_ACCENT_MAP, INDIA_MACRO_REGIONS, INDIA_MAP_CENTER, INDIA_STATE_COORDINATES, INDIA_STATE_PALETTES, INDONESIA_ACCENT_MAP, INDONESIA_MACRO_REGIONS, INDONESIA_MAP_CENTER, INDONESIA_PROVINCE_COORDINATES, INDONESIA_PROVINCE_PALETTES, IN_THEME_CONFIG, ITALY_ACCENT_MAP, ITALY_MACRO_REGIONS, ITALY_MAP_CENTER, ITALY_REGION_COORDINATES, ITALY_REGION_PALETTES, IT_THEME_CONFIG, IconButton, ImageUpload, InfoPopover, InlineForm, InlineSpinner, Input, InputRequestForm, InteractiveGeoMap, ItemSummary, JAPAN_ACCENT_MAP, JAPAN_MACRO_REGIONS, JAPAN_MAP_CENTER, JAPAN_PREFECTURE_COORDINATES, JAPAN_PREFECTURE_PALETTES, JP_THEME_CONFIG, KORI_ERP_LOADER, KR_THEME_CONFIG, LOCALE_FLAGS, Label2 as Label, LabeledToggle, LanguageSwitcher, LaunchpadGrid, Lead, Legend2 as Legend, LiquidFilterInput, ListCard, ListCardItem, ListItem, LoadingOverlay, MEXICO_ACCENT_MAP, MEXICO_MACRO_REGIONS, MEXICO_MAP_CENTER, MEXICO_STATE_COORDINATES, MEXICO_STATE_PALETTES, MX_THEME_CONFIG, ManagementPageLayout, ManagementSurface, MapZoomControls, MarketPricesCard, MetricCard, MonthPicker, MultiColumnPicker, NETHERLANDS_ACCENT_MAP, NETHERLANDS_MACRO_REGIONS, NETHERLANDS_MAP_CENTER, NETHERLANDS_PROVINCE_COORDINATES, NETHERLANDS_PROVINCE_PALETTES, NEW_ZEALAND_ACCENT_MAP, NEW_ZEALAND_MACRO_REGIONS, NEW_ZEALAND_MAP_CENTER, NEW_ZEALAND_REGION_COORDINATES, NEW_ZEALAND_REGION_PALETTES, NG_THEME_CONFIG, NIGERIA_ACCENT_MAP, NIGERIA_MACRO_REGIONS, NIGERIA_MAP_CENTER, NIGERIA_STATE_COORDINATES, NIGERIA_STATE_PALETTES, NL_THEME_CONFIG, NORWAY_ACCENT_MAP, NORWAY_COUNTY_COORDINATES, NORWAY_COUNTY_PALETTES, NORWAY_MACRO_REGIONS, NORWAY_MAP_CENTER, NO_THEME_CONFIG, NZ_THEME_CONFIG, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, NotificationBadge, NotificationBellButton, NotificationProvider, OfficeCard, OfflineState, OptionGrid, OtpInput, PERU_ACCENT_MAP, PERU_DEPARTMENT_COORDINATES, PERU_DEPARTMENT_PALETTES, PERU_MACRO_REGIONS, PERU_MAP_CENTER, PE_THEME_CONFIG, PHILIPPINES_ACCENT_MAP, PHILIPPINES_MACRO_REGIONS, PHILIPPINES_MAP_CENTER, PHILIPPINES_PROVINCE_COORDINATES, PHILIPPINES_PROVINCE_PALETTES, PH_THEME_CONFIG, PL_THEME_CONFIG, POLAND_ACCENT_MAP, POLAND_MACRO_REGIONS, POLAND_MAP_CENTER, POLAND_VOIVODESHIP_COORDINATES, POLAND_VOIVODESHIP_PALETTES, PORTUGAL_ACCENT_MAP, PORTUGAL_DISTRICT_COORDINATES, PORTUGAL_DISTRICT_PALETTES, PORTUGAL_MACRO_REGIONS, PORTUGAL_MAP_CENTER, PT_THEME_CONFIG, PageEmptyState, PageErrorState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, PasswordStrengthMeter, PlatformShell, PlusGrid, PlusGridItem, PlusGridRow, PreferenceSection, PriceChangeBadge, ProfileIdentityCard, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, RecommendationCard, RegionFilterSkeleton, SE_THEME_CONFIG, SOUTH_AFRICA_ACCENT_MAP, SOUTH_AFRICA_MACRO_REGIONS, SOUTH_AFRICA_MAP_CENTER, SOUTH_AFRICA_PROVINCE_COORDINATES, SOUTH_AFRICA_PROVINCE_PALETTES, SOUTH_KOREA_ACCENT_MAP, SOUTH_KOREA_MACRO_REGIONS, SOUTH_KOREA_MAP_CENTER, SOUTH_KOREA_PROVINCE_COORDINATES, SOUTH_KOREA_PROVINCE_PALETTES, SPAIN_ACCENT_MAP, SPAIN_MACRO_REGIONS, SPAIN_MAP_CENTER, SPAIN_PROVINCE_COORDINATES, SPAIN_PROVINCE_PALETTES, SWEDEN_ACCENT_MAP, SWEDEN_COUNTY_COORDINATES, SWEDEN_COUNTY_PALETTES, SWEDEN_MACRO_REGIONS, SWEDEN_MAP_CENTER, SafeArea, SafeAreaSpacer, SafeAreaView, SearchBar, SearchFilterToolbar, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsModal, Sheet, SkipToContent, SocialLoginButtons, SortableTableHeader, Spinner, StatCard, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepNavigationButtons, StepTimeline, StreamingDashboard, Strong, Subheading, SwipeableRow, Switch2 as Switch, THAILAND_ACCENT_MAP, THAILAND_MACRO_REGIONS, THAILAND_MAP_CENTER, THAILAND_PROVINCE_COORDINATES, THAILAND_PROVINCE_PALETTES, TH_THEME_CONFIG, TR_THEME_CONFIG, TURKEY_ACCENT_MAP, TURKEY_MACRO_REGIONS, TURKEY_MAP_CENTER, TURKEY_PROVINCE_COORDINATES, TURKEY_PROVINCE_PALETTES, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, ToggleSwitch, TouchTarget, UK_ACCENT_MAP, UK_MACRO_REGIONS, UK_MAP_CENTER, UK_NATION_COORDINATES, UK_NATION_PALETTES, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, UiAuthProvider, UiPrefsProvider, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, ZA_THEME_CONFIG, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, computeDomain, computeSeries, createMotionProps, duration, durationSeconds, durations, durationsReduced, ease, easeCss, easings, fadeOnly, fadeScale, filterByPermission, formatAddress, formatCurrency, formatCurrency2, formatDate, formatPercentage, getAllCountries, getArgentinaAccent, getArgentinaColors, getArgentinaFlagUrl, getArgentinaGradient, getArgentinaHexColor, getArgentinaPalette, getAustraliaAccent, getAustraliaColors, getAustraliaFlagUrl, getAustraliaGradient, getAustraliaHexColor, getAustraliaPalette, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getCanadaAccent, getCanadaColors, getCanadaFlagUrl, getCanadaGradient, getCanadaHexColor, getCanadaPalette, getChileAccent, getChileColors, getChileFlagUrl, getChileGradient, getChileHexColor, getChilePalette, getColombiaAccent, getColombiaColors, getColombiaFlagUrl, getColombiaGradient, getColombiaHexColor, getColombiaPalette, getCountryConfig, getEgyptAccent, getEgyptColors, getEgyptFlagUrl, getEgyptGradient, getEgyptHexColor, getEgyptPalette, getFranceAccent, getFranceColors, getFranceFlagUrl, getFranceGradient, getFranceHexColor, getFrancePalette, getGermanyAccent, getGermanyColors, getGermanyFlagUrl, getGermanyGradient, getGermanyHexColor, getGermanyPalette, getIndiaAccent, getIndiaColors, getIndiaFlagUrl, getIndiaGradient, getIndiaHexColor, getIndiaPalette, getIndonesiaAccent, getIndonesiaColors, getIndonesiaFlagUrl, getIndonesiaGradient, getIndonesiaHexColor, getIndonesiaPalette, getItalyAccent, getItalyColors, getItalyFlagUrl, getItalyGradient, getItalyHexColor, getItalyPalette, getJapanAccent, getJapanColors, getJapanFlagUrl, getJapanGradient, getJapanHexColor, getJapanPalette, getMexicoAccent, getMexicoColors, getMexicoFlagUrl, getMexicoGradient, getMexicoHexColor, getMexicoPalette, getNetherlandsAccent, getNetherlandsColors, getNetherlandsFlagUrl, getNetherlandsGradient, getNetherlandsHexColor, getNetherlandsPalette, getNewZealandAccent, getNewZealandColors, getNewZealandFlagUrl, getNewZealandGradient, getNewZealandHexColor, getNewZealandPalette, getNigeriaAccent, getNigeriaColors, getNigeriaFlagUrl, getNigeriaGradient, getNigeriaHexColor, getNigeriaPalette, getNorwayAccent, getNorwayColors, getNorwayFlagUrl, getNorwayGradient, getNorwayHexColor, getNorwayPalette, getPeruAccent, getPeruColors, getPeruFlagUrl, getPeruGradient, getPeruHexColor, getPeruPalette, getPhilippinesAccent, getPhilippinesColors, getPhilippinesFlagUrl, getPhilippinesGradient, getPhilippinesHexColor, getPhilippinesPalette, getPolandAccent, getPolandColors, getPolandFlagUrl, getPolandGradient, getPolandHexColor, getPolandPalette, getPortugalAccent, getPortugalColors, getPortugalFlagUrl, getPortugalGradient, getPortugalHexColor, getPortugalPalette, getSouthAfricaAccent, getSouthAfricaColors, getSouthAfricaFlagUrl, getSouthAfricaGradient, getSouthAfricaHexColor, getSouthAfricaPalette, getSouthKoreaAccent, getSouthKoreaColors, getSouthKoreaFlagUrl, getSouthKoreaGradient, getSouthKoreaHexColor, getSouthKoreaPalette, getSpainAccent, getSpainColors, getSpainFlagUrl, getSpainGradient, getSpainHexColor, getSpainPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getSwedenAccent, getSwedenColors, getSwedenFlagUrl, getSwedenGradient, getSwedenHexColor, getSwedenPalette, getThailandAccent, getThailandColors, getThailandFlagUrl, getThailandGradient, getThailandHexColor, getThailandPalette, getTransition, getTurkeyAccent, getTurkeyColors, getTurkeyFlagUrl, getTurkeyGradient, getTurkeyHexColor, getTurkeyPalette, getUKAccent, getUKColors, getUKFlagUrl, getUKGradient, getUKHexColor, getUKPalette, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, iosColors, isValidArgentinaProvince, isValidAustraliaState, isValidBrazilState, isValidCanadaProvince, isValidChileRegion, isValidColombiaDepartment, isValidEgyptGovernorate, isValidFranceRegion, isValidGermanyState, isValidIndiaState, isValidIndonesiaProvince, isValidItalyRegion, isValidJapanPrefecture, isValidMexicoState, isValidNetherlandsProvince, isValidNewZealandRegion, isValidNigeriaState, isValidNorwayCounty, isValidPeruDepartment, isValidPhilippinesProvince, isValidPolandVoivodeship, isValidPortugalDistrict, isValidSouthAfricaProvince, isValidSouthKoreaProvince, isValidSpainProvince, isValidSubdivision, isValidSwedenCounty, isValidThailandProvince, isValidTurkeyProvince, isValidUKNation, isValidUsState, listItem, listItemReduced, motionTokens, notificationBanner, notificationBannerReduced, pageControlDot, prefersReducedMotion, registerCountry, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, spring, springPresets, springPresetsReduced, staggerContainer, swipeActionThreshold, swipeConstraints, useAuth, useGeoMapState, useImpersonation, useNotifications, usePlatformPreferences, usePlatformShellStore, usePullToRefresh, useSocialProviders, validateDashboardSpec, xScale, yScale };
-//# sourceMappingURL=chunk-4OFG6POC.mjs.map
-//# sourceMappingURL=chunk-4OFG6POC.mjs.map
+export { ARGENTINA_ACCENT_MAP, ARGENTINA_MACRO_REGIONS, ARGENTINA_MAP_CENTER, ARGENTINA_PROVINCE_COORDINATES, ARGENTINA_PROVINCE_PALETTES, AR_THEME_CONFIG, AUSTRALIA_ACCENT_MAP, AUSTRALIA_MACRO_REGIONS, AUSTRALIA_MAP_CENTER, AUSTRALIA_STATE_COORDINATES, AUSTRALIA_STATE_PALETTES, AU_THEME_CONFIG, ActiveFilterChips, AgentAnalysisCard, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, AppShell, ArchiveSwipeAction, AuthLayout, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, BadRequestPage, BaseForm, BentoCard, BooleanFlagsPicker, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, CANADA_ACCENT_MAP, CANADA_MACRO_REGIONS, CANADA_MAP_CENTER, CANADA_PROVINCE_COORDINATES, CANADA_PROVINCE_PALETTES, CA_THEME_CONFIG, CHILE_ACCENT_MAP, CHILE_MACRO_REGIONS, CHILE_MAP_CENTER, CHILE_REGION_COORDINATES, CHILE_REGION_PALETTES, CL_THEME_CONFIG, COLOMBIA_ACCENT_MAP, COLOMBIA_DEPARTMENT_COORDINATES, COLOMBIA_DEPARTMENT_PALETTES, COLOMBIA_MACRO_REGIONS, COLOMBIA_MAP_CENTER, CO_THEME_CONFIG, Card, CardContent, CardDescription, CardDivider, CardFooter, CardGridSkeleton, CardHeader, CardSectionHeader, CardTitle, CategoryBadge, CategoryTab, CategoryTabs, ChartRenderer, ChipPicker, CircularRefreshIndicator, Code, CollapsibleGroupedList, CompactSegmentedControl, ContactCard, ContactSection, Container, ContextMenu, CookieConsent, CopyableId, CreateActionButton, DE_THEME_CONFIG, DashboardView, DataPagination, DatePicker, DeleteSwipeAction, Description3 as Description, DetailsPopover, DevModeBanner, Dialog4 as Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle3 as DialogTitle, Divider, Dock, DockContainer, DockSkeleton, DotRefreshIndicator, DropdownSelect, DynamicIsland, DynamicIslandConfirm, DynamicIslandNotification, EGYPT_ACCENT_MAP, EGYPT_GOVERNORATE_COORDINATES, EGYPT_GOVERNORATE_PALETTES, EGYPT_MACRO_REGIONS, EGYPT_MAP_CENTER, EG_THEME_CONFIG, ES_THEME_CONFIG, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, ErrorMessage, ErrorState, ExpandableHistoryList, ExpandingPageIndicator, FRANCE_ACCENT_MAP, FRANCE_MACRO_REGIONS, FRANCE_MAP_CENTER, FRANCE_REGION_COORDINATES, FRANCE_REGION_PALETTES, FR_THEME_CONFIG, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field2 as Field, FieldGroup, Fieldset2 as Fieldset, FilterSectionHeader, FilterTileButton, FlyoutMenu, FlyoutNavGrid, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, FormActionsRow, FormCheckbox, FormField, FormGrid, FormInput, FormPriceInput, FormSection, FormSelect, FormTextarea, FormToggle, GB_THEME_CONFIG, GERMANY_ACCENT_MAP, GERMANY_MACRO_REGIONS, GERMANY_MAP_CENTER, GERMANY_STATE_COORDINATES, GERMANY_STATE_PALETTES, GeoMapCanvas, GeoMapLegend, GlassModal, Gradient, GradientBackground, GrowthIndicator, Heading, HeroBlock, HeroPanel, HeroSection, ID_THEME_CONFIG, INDIA_ACCENT_MAP, INDIA_MACRO_REGIONS, INDIA_MAP_CENTER, INDIA_STATE_COORDINATES, INDIA_STATE_PALETTES, INDONESIA_ACCENT_MAP, INDONESIA_MACRO_REGIONS, INDONESIA_MAP_CENTER, INDONESIA_PROVINCE_COORDINATES, INDONESIA_PROVINCE_PALETTES, IN_THEME_CONFIG, ITALY_ACCENT_MAP, ITALY_MACRO_REGIONS, ITALY_MAP_CENTER, ITALY_REGION_COORDINATES, ITALY_REGION_PALETTES, IT_THEME_CONFIG, ImageUpload, InfoPopover, InlineForm, InlineSpinner, Input, InputRequestForm, InteractiveGeoMap, ItemSummary, JAPAN_ACCENT_MAP, JAPAN_MACRO_REGIONS, JAPAN_MAP_CENTER, JAPAN_PREFECTURE_COORDINATES, JAPAN_PREFECTURE_PALETTES, JP_THEME_CONFIG, KORI_ERP_LOADER, KR_THEME_CONFIG, LOCALE_FLAGS, Label2 as Label, LabeledToggle, LanguageSwitcher, LaunchpadGrid, Lead, Legend2 as Legend, LiquidFilterInput, ListCard, ListCardItem, ListItem, LoadingOverlay, MEXICO_ACCENT_MAP, MEXICO_MACRO_REGIONS, MEXICO_MAP_CENTER, MEXICO_STATE_COORDINATES, MEXICO_STATE_PALETTES, MX_THEME_CONFIG, ManagementPageLayout, ManagementSurface, MapZoomControls, MarketPricesCard, MetricCard, MonthPicker, MultiColumnPicker, NETHERLANDS_ACCENT_MAP, NETHERLANDS_MACRO_REGIONS, NETHERLANDS_MAP_CENTER, NETHERLANDS_PROVINCE_COORDINATES, NETHERLANDS_PROVINCE_PALETTES, NEW_ZEALAND_ACCENT_MAP, NEW_ZEALAND_MACRO_REGIONS, NEW_ZEALAND_MAP_CENTER, NEW_ZEALAND_REGION_COORDINATES, NEW_ZEALAND_REGION_PALETTES, NG_THEME_CONFIG, NIGERIA_ACCENT_MAP, NIGERIA_MACRO_REGIONS, NIGERIA_MAP_CENTER, NIGERIA_STATE_COORDINATES, NIGERIA_STATE_PALETTES, NL_THEME_CONFIG, NORWAY_ACCENT_MAP, NORWAY_COUNTY_COORDINATES, NORWAY_COUNTY_PALETTES, NORWAY_MACRO_REGIONS, NORWAY_MAP_CENTER, NO_THEME_CONFIG, NZ_THEME_CONFIG, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, NotificationBadge, NotificationBellButton, NotificationProvider, OfficeCard, OfflineState, OptionGrid, OtpInput, PERU_ACCENT_MAP, PERU_DEPARTMENT_COORDINATES, PERU_DEPARTMENT_PALETTES, PERU_MACRO_REGIONS, PERU_MAP_CENTER, PE_THEME_CONFIG, PHILIPPINES_ACCENT_MAP, PHILIPPINES_MACRO_REGIONS, PHILIPPINES_MAP_CENTER, PHILIPPINES_PROVINCE_COORDINATES, PHILIPPINES_PROVINCE_PALETTES, PH_THEME_CONFIG, PL_THEME_CONFIG, POLAND_ACCENT_MAP, POLAND_MACRO_REGIONS, POLAND_MAP_CENTER, POLAND_VOIVODESHIP_COORDINATES, POLAND_VOIVODESHIP_PALETTES, PORTUGAL_ACCENT_MAP, PORTUGAL_DISTRICT_COORDINATES, PORTUGAL_DISTRICT_PALETTES, PORTUGAL_MACRO_REGIONS, PORTUGAL_MAP_CENTER, PT_THEME_CONFIG, PageEmptyState, PageErrorState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, PasswordStrengthMeter, PlatformShell, PlusGrid, PlusGridItem, PlusGridRow, PreferenceSection, PriceChangeBadge, ProfileIdentityCard, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, RecommendationCard, RegionFilterSkeleton, SE_THEME_CONFIG, SOUTH_AFRICA_ACCENT_MAP, SOUTH_AFRICA_MACRO_REGIONS, SOUTH_AFRICA_MAP_CENTER, SOUTH_AFRICA_PROVINCE_COORDINATES, SOUTH_AFRICA_PROVINCE_PALETTES, SOUTH_KOREA_ACCENT_MAP, SOUTH_KOREA_MACRO_REGIONS, SOUTH_KOREA_MAP_CENTER, SOUTH_KOREA_PROVINCE_COORDINATES, SOUTH_KOREA_PROVINCE_PALETTES, SPAIN_ACCENT_MAP, SPAIN_MACRO_REGIONS, SPAIN_MAP_CENTER, SPAIN_PROVINCE_COORDINATES, SPAIN_PROVINCE_PALETTES, SWEDEN_ACCENT_MAP, SWEDEN_COUNTY_COORDINATES, SWEDEN_COUNTY_PALETTES, SWEDEN_MACRO_REGIONS, SWEDEN_MAP_CENTER, SafeArea, SafeAreaSpacer, SafeAreaView, SearchBar, SearchFilterToolbar, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsModal, Sheet, SkipToContent, SocialLoginButtons, SortableTableHeader, Spinner, StatCard, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepNavigationButtons, StepTimeline, StreamingDashboard, Strong, Subheading, SwipeableRow, Switch2 as Switch, THAILAND_ACCENT_MAP, THAILAND_MACRO_REGIONS, THAILAND_MAP_CENTER, THAILAND_PROVINCE_COORDINATES, THAILAND_PROVINCE_PALETTES, TH_THEME_CONFIG, TR_THEME_CONFIG, TURKEY_ACCENT_MAP, TURKEY_MACRO_REGIONS, TURKEY_MAP_CENTER, TURKEY_PROVINCE_COORDINATES, TURKEY_PROVINCE_PALETTES, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, ToggleSwitch, UK_ACCENT_MAP, UK_MACRO_REGIONS, UK_MAP_CENTER, UK_NATION_COORDINATES, UK_NATION_PALETTES, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, UiAuthProvider, UiPrefsProvider, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, ZA_THEME_CONFIG, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, computeDomain, computeSeries, filterByPermission, formatAddress, formatCurrency, formatCurrency2, formatDate, formatPercentage, getAllCountries, getArgentinaAccent, getArgentinaColors, getArgentinaFlagUrl, getArgentinaGradient, getArgentinaHexColor, getArgentinaPalette, getAustraliaAccent, getAustraliaColors, getAustraliaFlagUrl, getAustraliaGradient, getAustraliaHexColor, getAustraliaPalette, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getCanadaAccent, getCanadaColors, getCanadaFlagUrl, getCanadaGradient, getCanadaHexColor, getCanadaPalette, getChileAccent, getChileColors, getChileFlagUrl, getChileGradient, getChileHexColor, getChilePalette, getColombiaAccent, getColombiaColors, getColombiaFlagUrl, getColombiaGradient, getColombiaHexColor, getColombiaPalette, getCountryConfig, getEgyptAccent, getEgyptColors, getEgyptFlagUrl, getEgyptGradient, getEgyptHexColor, getEgyptPalette, getFranceAccent, getFranceColors, getFranceFlagUrl, getFranceGradient, getFranceHexColor, getFrancePalette, getGermanyAccent, getGermanyColors, getGermanyFlagUrl, getGermanyGradient, getGermanyHexColor, getGermanyPalette, getIndiaAccent, getIndiaColors, getIndiaFlagUrl, getIndiaGradient, getIndiaHexColor, getIndiaPalette, getIndonesiaAccent, getIndonesiaColors, getIndonesiaFlagUrl, getIndonesiaGradient, getIndonesiaHexColor, getIndonesiaPalette, getItalyAccent, getItalyColors, getItalyFlagUrl, getItalyGradient, getItalyHexColor, getItalyPalette, getJapanAccent, getJapanColors, getJapanFlagUrl, getJapanGradient, getJapanHexColor, getJapanPalette, getMexicoAccent, getMexicoColors, getMexicoFlagUrl, getMexicoGradient, getMexicoHexColor, getMexicoPalette, getNetherlandsAccent, getNetherlandsColors, getNetherlandsFlagUrl, getNetherlandsGradient, getNetherlandsHexColor, getNetherlandsPalette, getNewZealandAccent, getNewZealandColors, getNewZealandFlagUrl, getNewZealandGradient, getNewZealandHexColor, getNewZealandPalette, getNigeriaAccent, getNigeriaColors, getNigeriaFlagUrl, getNigeriaGradient, getNigeriaHexColor, getNigeriaPalette, getNorwayAccent, getNorwayColors, getNorwayFlagUrl, getNorwayGradient, getNorwayHexColor, getNorwayPalette, getPeruAccent, getPeruColors, getPeruFlagUrl, getPeruGradient, getPeruHexColor, getPeruPalette, getPhilippinesAccent, getPhilippinesColors, getPhilippinesFlagUrl, getPhilippinesGradient, getPhilippinesHexColor, getPhilippinesPalette, getPolandAccent, getPolandColors, getPolandFlagUrl, getPolandGradient, getPolandHexColor, getPolandPalette, getPortugalAccent, getPortugalColors, getPortugalFlagUrl, getPortugalGradient, getPortugalHexColor, getPortugalPalette, getSouthAfricaAccent, getSouthAfricaColors, getSouthAfricaFlagUrl, getSouthAfricaGradient, getSouthAfricaHexColor, getSouthAfricaPalette, getSouthKoreaAccent, getSouthKoreaColors, getSouthKoreaFlagUrl, getSouthKoreaGradient, getSouthKoreaHexColor, getSouthKoreaPalette, getSpainAccent, getSpainColors, getSpainFlagUrl, getSpainGradient, getSpainHexColor, getSpainPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getSwedenAccent, getSwedenColors, getSwedenFlagUrl, getSwedenGradient, getSwedenHexColor, getSwedenPalette, getThailandAccent, getThailandColors, getThailandFlagUrl, getThailandGradient, getThailandHexColor, getThailandPalette, getTurkeyAccent, getTurkeyColors, getTurkeyFlagUrl, getTurkeyGradient, getTurkeyHexColor, getTurkeyPalette, getUKAccent, getUKColors, getUKFlagUrl, getUKGradient, getUKHexColor, getUKPalette, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, isValidArgentinaProvince, isValidAustraliaState, isValidBrazilState, isValidCanadaProvince, isValidChileRegion, isValidColombiaDepartment, isValidEgyptGovernorate, isValidFranceRegion, isValidGermanyState, isValidIndiaState, isValidIndonesiaProvince, isValidItalyRegion, isValidJapanPrefecture, isValidMexicoState, isValidNetherlandsProvince, isValidNewZealandRegion, isValidNigeriaState, isValidNorwayCounty, isValidPeruDepartment, isValidPhilippinesProvince, isValidPolandVoivodeship, isValidPortugalDistrict, isValidSouthAfricaProvince, isValidSouthKoreaProvince, isValidSpainProvince, isValidSubdivision, isValidSwedenCounty, isValidThailandProvince, isValidTurkeyProvince, isValidUKNation, isValidUsState, registerCountry, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, useAuth, useGeoMapState, useImpersonation, useNotifications, usePlatformPreferences, usePlatformShellStore, usePullToRefresh, useSocialProviders, validateDashboardSpec, xScale, yScale };
+//# sourceMappingURL=chunk-5LCWQKGQ.mjs.map
+//# sourceMappingURL=chunk-5LCWQKGQ.mjs.map