@datatechsolutions/ui 3.6.1 → 3.7.0

package/dist/{chunk-GCYYGSHU.js → chunk-R4EKPXX3.js}

@@ -1,19 +1,20 @@
 "use client";
 'use strict';
 
-var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
-var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
 var chunkSY4MUT5V_js = require('./chunk-SY4MUT5V.js');
-var Headless5 = require('@headlessui/react');
-var clsx = require('clsx');
-var React12 = require('react');
+var chunkBHOT22QL_js = require('./chunk-BHOT22QL.js');
+var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
+var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
+var React9 = require('react');
 var framerMotion = require('framer-motion');
-var jsxRuntime = require('react/jsx-runtime');
 var HeroIcons = require('@heroicons/react/24/outline');
+var jsxRuntime = require('react/jsx-runtime');
 var solid = require('@heroicons/react/20/solid');
+var Headless3 = require('@headlessui/react');
 var solid$1 = require('@heroicons/react/24/solid');
 var Popover = require('@radix-ui/react-popover');
+var clsx4 = require('clsx');
 var reactDom = require('react-dom');
 var dateFns = require('date-fns');
 var locale = require('date-fns/locale');
@@ -45,803 +46,14 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var Headless5__namespace = /*#__PURE__*/_interopNamespace(Headless5);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var React12__namespace = /*#__PURE__*/_interopNamespace(React12);
+var React9__namespace = /*#__PURE__*/_interopNamespace(React9);
 var HeroIcons__namespace = /*#__PURE__*/_interopNamespace(HeroIcons);
+var Headless3__namespace = /*#__PURE__*/_interopNamespace(Headless3);
 var Popover__namespace = /*#__PURE__*/_interopNamespace(Popover);
+var clsx4__default = /*#__PURE__*/_interopDefault(clsx4);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
 
-var Link = React12.forwardRef(function Link2(props, ref) {
-  const RouterLink = chunkS7KHTUHA_js.useLink();
-  return /* @__PURE__ */ jsxRuntime.jsx(Headless5__namespace.DataInteractive, { children: /* @__PURE__ */ jsxRuntime.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 = React12.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__default.default(
-    className,
-    styles.base,
-    gradient ? styles.gradient : outline ? styles.outline : plain ? styles.plain : clsx__default.default(styles.solid, colorStyles2),
-    pill && pillStyles,
-    size !== "md" && sizeStyles[size],
-    fullWidth && "w-full",
-    loading && "pointer-events-none"
-  );
-  const handleTapStart = () => {
-    if (!loading && !disabled) {
-      chunkUZ3CMNUJ_js.triggerHaptic(destructive ? "medium" : "light");
-    }
-  };
-  const isDisabled = disabled || loading;
-  const buttonContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: loading && /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.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__ */ jsxRuntime.jsx(LoadingSpinner, { className: "mr-2" })
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx__default.default("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__ */ jsxRuntime.jsx(
-    framerMotion.motion.div,
-    {
-      whileTap: !isDisabled ? { scale: 0.97 } : void 0,
-      transition: getTransition(springPresets.stiff),
-      onTapStart: handleTapStart,
-      className: clsx__default.default("inline-flex", fullWidth && "w-full"),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        Link,
-        {
-          ...linkProps,
-          className: classes,
-          ref,
-          children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: buttonContent })
-        }
-      )
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(
-    framerMotion.motion.div,
-    {
-      whileTap: !isDisabled ? { scale: 0.97 } : void 0,
-      transition: getTransition(springPresets.stiff),
-      onTapStart: handleTapStart,
-      className: clsx__default.default("inline-flex", fullWidth && "w-full"),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        Headless5.Button,
-        {
-          ...buttonProps,
-          disabled: isDisabled,
-          className: clsx__default.default(classes, "cursor-default"),
-          ref,
-          children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: buttonContent })
-        }
-      )
-    }
-  );
-});
-function TouchTarget({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      className: clsx__default.default("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__ */ jsxRuntime.jsx(
-          "circle",
-          {
-            className: "opacity-25",
-            cx: "12",
-            cy: "12",
-            r: "10",
-            stroke: "currentColor",
-            strokeWidth: "4"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.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) {
-      chunkUZ3CMNUJ_js.triggerHaptic("medium");
-      onClick?.();
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    framerMotion.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__default.default(
-        fabPositions[position],
-        extended ? "px-5 h-14 rounded-full" : clsx__default.default(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__ */ jsxRuntime.jsx(LoadingSpinner, { className: fabIconSizes[size] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: fabIconSizes[size], children: icon }),
-        extended && label && /* @__PURE__ */ jsxRuntime.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) {
-      chunkUZ3CMNUJ_js.triggerHaptic(destructive ? "medium" : "light");
-      onClick?.();
-    }
-  };
-  const variantStyles2 = {
-    solid: clsx__default.default(
-      "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__default.default(
-      "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__default.default(
-      "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__ */ jsxRuntime.jsx(
-    framerMotion.motion.button,
-    {
-      onClick: handleClick,
-      disabled: disabled || loading,
-      whileTap: { scale: 0.9 },
-      transition: getTransition(springPresets.stiff),
-      className: clsx__default.default(
-        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__ */ jsxRuntime.jsx(LoadingSpinner, { className: iconSizes[size] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: iconSizes[size], children: icon })
-    }
-  );
-}
 var ICON_SIZE_CLASSES = {
   sm: "h-9 w-9",
   md: "h-10 w-10",
@@ -1020,13 +232,13 @@ function SectionCard({
   eyebrowExtra
 }) {
   const { icon, eyebrow, title, subtitle, gradient = "from-indigo-500 to-purple-600", rightContent } = header;
-  const [internalOpen, setInternalOpen] = React12.useState(defaultOpen);
+  const [internalOpen, setInternalOpen] = React9.useState(defaultOpen);
   const isOpen = controlledOpen ?? internalOpen;
   const setOpen = (next) => {
     if (controlledOpen === void 0) setInternalOpen(next);
     onOpenChange?.(next);
   };
-  const reactId = React12.useId();
+  const reactId = React9.useId();
   const headingId = `${reactId}-heading`;
   const bodyId = `${reactId}-body`;
   const chevron = collapsible ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -1137,7 +349,7 @@ function ListCardItem({
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex items-center gap-3 px-4 py-3 ${className}`, ...props, children: content });
 }
-var Input = React12.forwardRef(
+var Input = React9.forwardRef(
   ({
     className = "",
     label,
@@ -1160,18 +372,18 @@ var Input = React12.forwardRef(
     ...props
   }, ref) => {
     const t = chunkYXN2K77G_js.useTranslations("auth");
-    const autoId = React12.useId();
+    const autoId = React9.useId();
     const inputId = props.id || autoId;
     const errorId = `${inputId}-error`;
     const helperId = `${inputId}-helper`;
-    const [isFocused, setIsFocused] = React12.useState(false);
-    const [showPassword, setShowPassword] = React12.useState(false);
+    const [isFocused, setIsFocused] = React9.useState(false);
+    const [showPassword, setShowPassword] = React9.useState(false);
     const prefersReducedMotion2 = framerMotion.useReducedMotion();
     const hasValue = value !== void 0 && value !== "";
     const characterCount = typeof value === "string" ? value.length : 0;
     const isOverLimit = maxCharacters ? characterCount > maxCharacters : false;
     const isFilled = variant === "filled";
-    const handleFocus = React12.useCallback(
+    const handleFocus = React9.useCallback(
       (e) => {
         setIsFocused(true);
         chunkUZ3CMNUJ_js.triggerHaptic("light");
@@ -1179,18 +391,18 @@ var Input = React12.forwardRef(
       },
       [onFocus]
     );
-    const handleBlur = React12.useCallback(
+    const handleBlur = React9.useCallback(
       (e) => {
         setIsFocused(false);
         onBlur?.(e);
       },
       [onBlur]
     );
-    const handleClear = React12.useCallback(() => {
+    const handleClear = React9.useCallback(() => {
       chunkUZ3CMNUJ_js.triggerHaptic("light");
       onClear?.();
     }, [onClear]);
-    const togglePassword = React12.useCallback(() => {
+    const togglePassword = React9.useCallback(() => {
       chunkUZ3CMNUJ_js.triggerHaptic("light");
       setShowPassword(!showPassword);
     }, [showPassword]);
@@ -1223,7 +435,7 @@ var Input = React12.forwardRef(
           initial: { opacity: 0, scale: 0.8 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.8 },
-          transition: getTransition(springPresets.bouncy),
+          transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.bouncy),
           children: /* @__PURE__ */ jsxRuntime.jsx(solid.CheckCircleIcon, { className: "h-5 w-5 text-ios-green dark:text-ios-green-dark" })
         }
       ) }),
@@ -1398,7 +610,7 @@ var Input = React12.forwardRef(
   }
 );
 Input.displayName = "Input";
-var PasswordInput = React12.forwardRef(
+var PasswordInput = React9.forwardRef(
   ({ variant = "default", icon, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     Input,
     {
@@ -1412,7 +624,7 @@ var PasswordInput = React12.forwardRef(
   )
 );
 PasswordInput.displayName = "PasswordInput";
-var SearchInput = React12.forwardRef(
+var SearchInput = React9.forwardRef(
   ({ icon, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     Input,
     {
@@ -1437,9 +649,9 @@ function Sheet({
 }) {
   const isRight = side === "right";
   const motionValue = framerMotion.useMotionValue(0);
-  const sheetRef = React12.useRef(null);
+  const sheetRef = React9.useRef(null);
   const backdropOpacity = framerMotion.useTransform(motionValue, [0, 300], [1, 0]);
-  const handleDragEnd = React12.useCallback(
+  const handleDragEnd = React9.useCallback(
     (_, info) => {
       const shouldClose = isRight ? info.velocity.x > 500 || info.offset.x > 150 : info.velocity.y > 500 || info.offset.y > 150;
       if (shouldClose) {
@@ -1451,18 +663,18 @@ function Sheet({
     },
     [onClose, motionValue, isRight]
   );
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     if (open) {
       motionValue.set(0);
     }
   }, [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__ */ jsxRuntime.jsx(Headless5.Transition, { show: open, as: React12.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(Headless5.Dialog, { as: "div", className: "relative z-50", onClose, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Headless3.Transition, { show: open, as: React9.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { as: "div", className: "relative z-50", onClose, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      Headless5.TransitionChild,
+      Headless3.TransitionChild,
       {
-        as: React12.Fragment,
+        as: React9.Fragment,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
@@ -1483,9 +695,9 @@ function Sheet({
       {
         className: isRight ? "pointer-events-none fixed inset-y-0 right-0 flex w-screen max-w-full justify-end" : "pointer-events-none fixed inset-x-0 bottom-0 flex justify-center",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Headless5.TransitionChild,
+          Headless3.TransitionChild,
           {
-            as: React12.Fragment,
+            as: React9.Fragment,
             enter: "transform transition ease-out duration-300",
             enterFrom: isRight ? "translate-x-full" : "translate-y-full",
             enterTo: isRight ? "translate-x-0" : "translate-y-0",
@@ -1493,7 +705,7 @@ function Sheet({
             leaveFrom: isRight ? "translate-x-0" : "translate-y-0",
             leaveTo: isRight ? "translate-x-full" : "translate-y-full",
             children: /* @__PURE__ */ jsxRuntime.jsxs(
-              Headless5.DialogPanel,
+              Headless3.DialogPanel,
               {
                 as: framerMotion.motion.div,
                 ref: sheetRef,
@@ -1506,7 +718,7 @@ function Sheet({
                 ...!isRight ? { initial: { height: maxHeight } } : {},
                 children: [
                   showHandle && !isRight && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pt-3 pb-2 cursor-grab active:cursor-grabbing", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1 w-10 rounded-full bg-slate-400/50 dark:bg-slate-500/50" }) }),
-                  title && /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogTitle, { className: "px-6 py-3 text-lg font-semibold text-slate-900 dark:text-white border-b border-white/30 dark:border-white/10", children: title }),
+                  title && /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogTitle, { className: "px-6 py-3 text-lg font-semibold text-slate-900 dark:text-white border-b border-white/30 dark:border-white/10", children: title }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
@@ -1573,21 +785,21 @@ function WheelPicker({
   visibleItems = 5,
   itemHeight = ITEM_HEIGHT
 }) {
-  const containerRef = React12.useRef(null);
+  const containerRef = React9.useRef(null);
   const y = framerMotion.useMotionValue(0);
-  const [isDragging, setIsDragging] = React12.useState(false);
+  const [isDragging, setIsDragging] = React9.useState(false);
   const normalizedOptions = options.map(
     (opt) => typeof opt === "string" ? { value: opt, label: opt } : opt
   );
   const selectedIndex = normalizedOptions.findIndex((opt) => opt.value === value);
   const containerHeight = visibleItems * itemHeight;
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     if (selectedIndex >= 0 && !isDragging) {
       const targetY = -selectedIndex * itemHeight;
       framerMotion.animate(y, targetY, { type: "spring", stiffness: 300, damping: 30 });
     }
   }, [selectedIndex, itemHeight, y, isDragging]);
-  const handleDragEnd = React12.useCallback(() => {
+  const handleDragEnd = React9.useCallback(() => {
     setIsDragging(false);
     const currentY = y.get();
     const nearestIndex = Math.round(-currentY / itemHeight);
@@ -1606,7 +818,7 @@ function WheelPicker({
       }
     });
   }, [y, itemHeight, normalizedOptions, value, onChange]);
-  const handleDrag = React12.useCallback(() => {
+  const handleDrag = React9.useCallback(() => {
     if (!isDragging) setIsDragging(true);
     const currentY = y.get();
     const currentIndex = Math.round(-currentY / itemHeight);
@@ -1690,7 +902,7 @@ function MultiColumnPicker({ columns }) {
     index
   )) });
 }
-var Select = React12.forwardRef(
+var Select = React9.forwardRef(
   ({
     className = "",
     label,
@@ -1706,13 +918,13 @@ var Select = React12.forwardRef(
     onBlur,
     ...props
   }, ref) => {
-    const [isOpen, setIsOpen] = React12.useState(false);
-    const [isFocused, setIsFocused] = React12.useState(false);
+    const [isOpen, setIsOpen] = React9.useState(false);
+    const [isFocused, setIsFocused] = React9.useState(false);
     const normalizedOptions = options.map(
       (opt) => typeof opt === "string" ? { value: opt, label: opt } : opt
     );
     const selectedOption = normalizedOptions.find((opt) => opt.value === String(value));
-    const handleFocus = React12.useCallback(
+    const handleFocus = React9.useCallback(
       (e) => {
         setIsFocused(true);
         chunkUZ3CMNUJ_js.triggerHaptic("light");
@@ -1720,14 +932,14 @@ var Select = React12.forwardRef(
       },
       [onFocus]
     );
-    const handleBlur = React12.useCallback(
+    const handleBlur = React9.useCallback(
       (e) => {
         setIsFocused(false);
         onBlur?.(e);
       },
       [onBlur]
     );
-    const handlePickerChange = React12.useCallback(
+    const handlePickerChange = React9.useCallback(
       (newValue) => {
         chunkUZ3CMNUJ_js.triggerHaptic("selection");
         const syntheticEvent = {
@@ -1739,7 +951,7 @@ var Select = React12.forwardRef(
       },
       [onChange]
     );
-    const handleOpenPicker = React12.useCallback(() => {
+    const handleOpenPicker = React9.useCallback(() => {
       if (disabled) return;
       chunkUZ3CMNUJ_js.triggerHaptic("light");
       setIsOpen(true);
@@ -1862,7 +1074,7 @@ function DropdownSelect({
   disabled,
   error
 }) {
-  const [isOpen, setIsOpen] = React12.useState(false);
+  const [isOpen, setIsOpen] = React9.useState(false);
   const selectedOption = options.find((opt) => opt.value === value);
   const handleSelect = (optionValue) => {
     chunkUZ3CMNUJ_js.triggerHaptic("selection");
@@ -2005,7 +1217,7 @@ function ToggleSwitch({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.span,
         {
-          transition: springPresets.bouncy,
+          transition: chunkBHOT22QL_js.springPresets.bouncy,
           className: `
           pointer-events-none inline-block rounded-full
           bg-white shadow-lg shadow-black/10
@@ -2485,7 +1697,7 @@ function EntityCard({
 }) {
   const isInteractive = Boolean(onClick);
   const plainTextTitle = isPlainTextTitle(title) ? String(title) : void 0;
-  const handleKeyDown = React12.useCallback(
+  const handleKeyDown = React9.useCallback(
     (event) => {
       if (onClick && (event.key === "Enter" || event.key === " ")) {
         event.preventDefault();
@@ -2551,7 +1763,7 @@ var SIZE_STYLES = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-xs"
 };
-var StatusBadge = React12.forwardRef(function StatusBadge2({ status, label, size = "md", className = "", ...props }, ref) {
+var StatusBadge = React9.forwardRef(function StatusBadge2({ status, label, size = "md", className = "", ...props }, ref) {
   let tone;
   let resolvedLabel;
   let IconComponent;
@@ -3053,12 +2265,12 @@ function InputRequestForm({
   data,
   onResolved
 }) {
-  const [values, setValues] = React12.useState(
+  const [values, setValues] = React9.useState(
     () => initialValues(data.fields)
   );
-  const [submitting, setSubmitting] = React12.useState(false);
-  const [resolved, setResolved] = React12.useState(null);
-  const [error, setError] = React12.useState(null);
+  const [submitting, setSubmitting] = React9.useState(false);
+  const [resolved, setResolved] = React9.useState(null);
+  const [error, setError] = React9.useState(null);
   async function submit(decision) {
     if (submitting || resolved) return;
     setSubmitting(true);
@@ -3301,16 +2513,16 @@ function StreamingDashboard({
   initialStatus,
   className
 }) {
-  const [spec, setSpec] = React12.useState(
+  const [spec, setSpec] = React9.useState(
     initialSpec ?? null
   );
-  const [timeline, setTimeline] = React12.useState([]);
-  const [phase, setPhase] = React12.useState(
+  const [timeline, setTimeline] = React9.useState([]);
+  const [phase, setPhase] = React9.useState(
     () => derivePhase(initialStatus)
   );
-  const [error, setError] = React12.useState(null);
-  const specRef = React12.useRef(initialSpec ?? null);
-  React12.useEffect(() => {
+  const [error, setError] = React9.useState(null);
+  const specRef = React9.useRef(initialSpec ?? null);
+  React9.useEffect(() => {
     if (phase === "completed" || phase === "failed" || phase === "cancelled") {
       return;
     }
@@ -3813,23 +3025,23 @@ function SearchBar({
   filterChipStyleConfig
 }) {
   const t = chunkYXN2K77G_js.useTranslations("common");
-  const [isFocused, setIsFocused] = React12.useState(false);
-  const inputRef = React12.useRef(null);
+  const [isFocused, setIsFocused] = React9.useState(false);
+  const inputRef = React9.useRef(null);
   const hasFilters = activeFilters.length > 0 || searchTerm.length > 0;
   const defaultPlaceholder = placeholder || t("searchPlaceholder");
-  const handleFocus = React12.useCallback(() => {
+  const handleFocus = React9.useCallback(() => {
     setIsFocused(true);
     chunkUZ3CMNUJ_js.triggerHaptic("light");
   }, []);
-  const handleBlur = React12.useCallback(() => {
+  const handleBlur = React9.useCallback(() => {
     setTimeout(() => setIsFocused(false), 150);
   }, []);
-  const handleClear = React12.useCallback(() => {
+  const handleClear = React9.useCallback(() => {
     chunkUZ3CMNUJ_js.triggerHaptic("light");
     onSearchChange("");
     inputRef.current?.focus();
   }, [onSearchChange]);
-  const handleCancel = React12.useCallback(() => {
+  const handleCancel = React9.useCallback(() => {
     chunkUZ3CMNUJ_js.triggerHaptic("light");
     onSearchChange("");
     setIsFocused(false);
@@ -3921,7 +3133,7 @@ function SearchBar({
   ] });
 }
 function InfoPopover({ title, content, triggerLabel = "Info" }) {
-  const id = React12.useId();
+  const id = React9.useId();
   return /* @__PURE__ */ jsxRuntime.jsxs(Popover__namespace.Root, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": triggerLabel, className: "text-gray-400 hover:text-gray-700 dark:hover:text-gray-200", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.InformationCircleIcon, { className: "h-4 w-4" }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(Popover__namespace.Content, { id, sideOffset: 8, className: "liquid-surface-strong z-[120] w-80 rounded-xl p-3", children: [
@@ -4354,16 +3566,16 @@ var colorClasses2 = {
 };
 function CircleSpinner({ size, color, className, ariaLabel }) {
   const config = sizeConfig[size];
-  const colors3 = colorClasses2[color];
+  const colors2 = colorClasses2[color];
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx.clsx(
+      className: clsx4.clsx(
         "rounded-full animate-spin motion-reduce:animate-none",
         config.size,
         config.border,
-        colors3.track,
-        colors3.indicator,
+        colors2.track,
+        colors2.indicator,
         className
       ),
       role: "status",
@@ -4373,16 +3585,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 = framerMotion.useReducedMotion();
   const dotVariants = {
     initial: { scale: 0.8, opacity: 0.4 },
     animate: prefersReducedMotion2 ? { scale: 1, opacity: 1 } : { scale: 1, opacity: 1 }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("flex items-center gap-1", className), role: "status", "aria-label": ariaLabel, children: [0, 1, 2].map((index) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx4.clsx("flex items-center gap-1", className), role: "status", "aria-label": ariaLabel, children: [0, 1, 2].map((index) => /* @__PURE__ */ jsxRuntime.jsx(
     framerMotion.motion.div,
     {
-      className: clsx.clsx("rounded-full", colors3.dot),
+      className: clsx4.clsx("rounded-full", colors2.dot),
       style: {
         width: config.dotSize,
         height: config.dotSize
@@ -4402,13 +3614,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 = framerMotion.useReducedMotion();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("relative", config.size, className), role: "status", "aria-label": ariaLabel, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx4.clsx("relative", config.size, className), role: "status", "aria-label": ariaLabel, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
       {
-        className: clsx.clsx("absolute inset-0 rounded-full", colors3.dot),
+        className: clsx4.clsx("absolute inset-0 rounded-full", colors2.dot),
         animate: prefersReducedMotion2 ? {} : {
           scale: [1, 1.5, 1],
           opacity: [0.7, 0, 0.7]
@@ -4420,7 +3632,7 @@ function PulseSpinner({ size, color, className, ariaLabel }) {
         }
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("absolute inset-0 rounded-full", colors3.dot) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx4.clsx("absolute inset-0 rounded-full", colors2.dot) })
   ] });
 }
 function Spinner({
@@ -4461,7 +3673,7 @@ function LoadingOverlay({ show, message, blur = true }) {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
-      className: clsx.clsx(
+      className: clsx4.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"
@@ -4507,12 +3719,12 @@ function GrowthIndicator({
   if (isNeutral && !showValue) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx.clsx("inline-flex items-center gap-0.5", colorClasses3, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx4.clsx("inline-flex items-center gap-0.5", colorClasses3, className), children: [
     !isNeutral && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: iconClass }),
     showValue && /* @__PURE__ */ jsxRuntime.jsx("span", { className: textClass, children: formattedValue })
   ] });
 }
-var sizeStyles2 = {
+var sizeStyles = {
   sm: {
     container: "h-8 p-0.5 text-xs",
     segment: "px-3 py-1"
@@ -4534,14 +3746,14 @@ function SegmentedControl({
   fullWidth = false,
   disabled = false
 }) {
-  const containerRef = React12.useRef(null);
-  const [indicatorStyle, setIndicatorStyle] = React12.useState({ left: 0, width: 0 });
+  const containerRef = React9.useRef(null);
+  const [indicatorStyle, setIndicatorStyle] = React9.useState({ left: 0, width: 0 });
   const normalizedSegments = segments.map(
     (seg) => typeof seg === "string" ? { value: seg, label: seg } : seg
   );
   const selectedIndex = normalizedSegments.findIndex((seg) => seg.value === value);
-  const styles2 = sizeStyles2[size];
-  React12.useEffect(() => {
+  const styles = sizeStyles[size];
+  React9.useEffect(() => {
     if (containerRef.current && selectedIndex >= 0) {
       const container = containerRef.current;
       const buttons = container.querySelectorAll("button");
@@ -4561,7 +3773,7 @@ function SegmentedControl({
     chunkUZ3CMNUJ_js.triggerHaptic("light");
     onChange(segmentValue);
   };
-  const handleKeyDown = React12.useCallback(
+  const handleKeyDown = React9.useCallback(
     (event) => {
       if (disabled) return;
       const currentIndex = normalizedSegments.findIndex((seg) => seg.value === value);
@@ -4600,7 +3812,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" : ""}
       `,
@@ -4620,7 +3832,7 @@ function SegmentedControl({
               left: indicatorStyle.left,
               width: indicatorStyle.width
             },
-            transition: springPresets.default
+            transition: chunkBHOT22QL_js.springPresets.default
           }
         ),
         normalizedSegments.map((segment) => {
@@ -4639,7 +3851,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"}
             `,
@@ -4698,7 +3910,7 @@ function PageIndicator({
 }) {
   const t = chunkYXN2K77G_js.useTranslations("common");
   const { dot, gap } = sizeConfig2[size];
-  const colors3 = variantConfig[variant];
+  const colors2 = variantConfig[variant];
   const handleClick = (index) => {
     if (onChange && index !== active) {
       chunkUZ3CMNUJ_js.triggerHaptic("light");
@@ -4725,7 +3937,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,
@@ -4756,7 +3968,7 @@ function ExpandingPageIndicator({
   activeWidth = 24
 }) {
   const t = chunkYXN2K77G_js.useTranslations("common");
-  const colors3 = variantConfig[variant];
+  const colors2 = variantConfig[variant];
   const handleClick = (index) => {
     if (onChange && index !== active) {
       chunkUZ3CMNUJ_js.triggerHaptic("light");
@@ -4782,7 +3994,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,
@@ -4886,7 +4098,7 @@ function SafeArea({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx.clsx(flex && "flex flex-col", className),
+      className: clsx4.clsx(flex && "flex flex-col", className),
       style: paddingStyles,
       children
     }
@@ -4899,7 +4111,7 @@ function SafeAreaView({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx.clsx("min-h-screen flex flex-col", className),
+      className: clsx4.clsx("min-h-screen flex flex-col", className),
       style: {
         paddingTop: "env(safe-area-inset-top, 0px)",
         paddingBottom: "env(safe-area-inset-bottom, 0px)",
@@ -4932,7 +4144,7 @@ function BottomSafeArea({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx.clsx(
+      className: clsx4.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
@@ -4954,20 +4166,20 @@ function SwipeableRow({
   className = ""
 }) {
   const x = framerMotion.useMotionValue(0);
-  const containerRef = React12.useRef(null);
-  const [isDragging, setIsDragging] = React12.useState(false);
-  const hasTriggeredHaptic = React12.useRef(false);
+  const containerRef = React9.useRef(null);
+  const [isDragging, setIsDragging] = React9.useState(false);
+  const hasTriggeredHaptic = React9.useRef(false);
   const leftActionsWidth = leftActions.length * actionWidth;
   const rightActionsWidth = rightActions.length * actionWidth;
   const leftConstraint = rightActions.length > 0 ? -rightActionsWidth : 0;
   const rightConstraint = leftActions.length > 0 ? leftActionsWidth : 0;
   const leftBgOpacity = framerMotion.useTransform(x, [0, leftActionsWidth], [0, 1]);
   const rightBgOpacity = framerMotion.useTransform(x, [-rightActionsWidth, 0], [1, 0]);
-  const handleDragStart = React12.useCallback(() => {
+  const handleDragStart = React9.useCallback(() => {
     setIsDragging(true);
     hasTriggeredHaptic.current = false;
   }, []);
-  const handleDrag = React12.useCallback((_, info) => {
+  const handleDrag = React9.useCallback((_, info) => {
     const currentX = x.get();
     if (enableFullSwipe) {
       const containerWidth = containerRef.current?.offsetWidth || 300;
@@ -4980,7 +4192,7 @@ function SwipeableRow({
       }
     }
   }, [x, enableFullSwipe, fullSwipeThreshold]);
-  const handleDragEnd = React12.useCallback((_, info) => {
+  const handleDragEnd = React9.useCallback((_, info) => {
     setIsDragging(false);
     const currentX = x.get();
     const velocity = info.velocity.x;
@@ -5019,7 +4231,7 @@ function SwipeableRow({
     action.onAction();
     framerMotion.animate(x, 0, { type: "spring", stiffness: 400, damping: 30 });
   };
-  React12.useCallback(() => {
+  React9.useCallback(() => {
     framerMotion.animate(x, 0, { type: "spring", stiffness: 400, damping: 30 });
   }, [x]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: `relative overflow-hidden ${className}`, children: [
@@ -5132,22 +4344,22 @@ function usePullToRefresh(options) {
     maxPull = 120,
     enabled = true
   } = options;
-  const [state, setState] = React12.useState({
+  const [state, setState] = React9.useState({
     pullDistance: 0,
     isRefreshing: false,
     canRefresh: false
   });
-  const startY = React12.useRef(null);
-  const containerRef = React12.useRef(null);
-  const hasTriggeredHaptic = React12.useRef(false);
-  const handleTouchStart = React12.useCallback((e) => {
+  const startY = React9.useRef(null);
+  const containerRef = React9.useRef(null);
+  const hasTriggeredHaptic = React9.useRef(false);
+  const handleTouchStart = React9.useCallback((e) => {
     if (!enabled || state.isRefreshing) return;
     const container = containerRef.current;
     if (container && container.scrollTop > 0) return;
     startY.current = e.touches[0].clientY;
     hasTriggeredHaptic.current = false;
   }, [enabled, state.isRefreshing]);
-  const handleTouchMove = React12.useCallback((e) => {
+  const handleTouchMove = React9.useCallback((e) => {
     if (!enabled || startY.current === null || state.isRefreshing) return;
     const currentY = e.touches[0].clientY;
     const deltaY = currentY - startY.current;
@@ -5166,7 +4378,7 @@ function usePullToRefresh(options) {
     }
     setState((prev) => ({ ...prev, pullDistance, canRefresh }));
   }, [enabled, state.isRefreshing, threshold, maxPull]);
-  const handleTouchEnd = React12.useCallback(async () => {
+  const handleTouchEnd = React9.useCallback(async () => {
     if (!enabled || startY.current === null) return;
     startY.current = null;
     if (state.canRefresh && !state.isRefreshing) {
@@ -5181,7 +4393,7 @@ function usePullToRefresh(options) {
       setState((prev) => ({ ...prev, pullDistance: 0, canRefresh: false }));
     }
   }, [enabled, state.canRefresh, state.isRefreshing, threshold, onRefresh]);
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     const container = containerRef.current;
     if (!container || !enabled) return;
     container.addEventListener("touchstart", handleTouchStart, { passive: true });
@@ -5400,11 +4612,11 @@ function EdgeSwipeIndicator({
   edgeWidth = 20,
   showThreshold = 30
 }) {
-  const [swipeProgress, setSwipeProgress] = React12.useState(0);
-  const [isVisible, setIsVisible] = React12.useState(false);
-  const startX = React12.useRef(null);
-  const isEdgeSwipe = React12.useRef(false);
-  React12.useEffect(() => {
+  const [swipeProgress, setSwipeProgress] = React9.useState(0);
+  const [isVisible, setIsVisible] = React9.useState(false);
+  const startX = React9.useRef(null);
+  const isEdgeSwipe = React9.useRef(false);
+  React9.useEffect(() => {
     if (!enabled) return;
     const handleTouchStart = (e) => {
       const touch = e.touches[0];
@@ -5500,10 +4712,10 @@ function useEdgeSwipeEffect({
   enabled = true,
   onBack
 }) {
-  const startX = React12.useRef(null);
-  const startY = React12.useRef(null);
-  const isEdgeSwipe = React12.useRef(false);
-  React12.useEffect(() => {
+  const startX = React9.useRef(null);
+  const startY = React9.useRef(null);
+  const isEdgeSwipe = React9.useRef(false);
+  React9.useEffect(() => {
     if (!enabled) return;
     const edgeWidth = 20;
     const threshold = 100;
@@ -5553,7 +4765,7 @@ function useEdgeSwipeEffect({
     };
   }, [enabled, onBack]);
 }
-var TableContext = React12.createContext({
+var TableContext = React9.createContext({
   bleed: false,
   dense: false,
   grid: false,
@@ -5572,15 +4784,15 @@ function Table({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value: { bleed, dense, grid, striped, loading, emptyState }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flow-root", children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: clsx__default.default(className, "-mx-(--gutter) overflow-x-auto whitespace-nowrap"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default("inline-block min-w-full align-middle", !bleed && "sm:px-(--gutter)"), children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "min-w-full text-left text-sm/6 text-slate-950 dark:text-white", children }) }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value: { bleed, dense, grid, striped, loading, emptyState }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flow-root", children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: clsx4__default.default(className, "-mx-(--gutter) overflow-x-auto whitespace-nowrap"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx4__default.default("inline-block min-w-full align-middle", !bleed && "sm:px-(--gutter)"), children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "min-w-full text-left text-sm/6 text-slate-950 dark:text-white", children }) }) }) }) });
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("thead", { ...props, className: clsx__default.default(className, "text-slate-600 dark:text-slate-300") });
+  return /* @__PURE__ */ jsxRuntime.jsx("thead", { ...props, className: clsx4__default.default(className, "text-slate-600 dark:text-slate-300") });
 }
 function TableBody(props) {
   return /* @__PURE__ */ jsxRuntime.jsx("tbody", { ...props });
 }
-var TableRowContext = React12.createContext({
+var TableRowContext = React9.createContext({
   href: void 0,
   target: void 0,
   title: void 0
@@ -5592,12 +4804,12 @@ function TableRow({
   className,
   ...props
 }) {
-  let { striped } = React12.useContext(TableContext);
+  let { striped } = React9.useContext(TableContext);
   return /* @__PURE__ */ jsxRuntime.jsx(TableRowContext.Provider, { value: { href, target, title }, children: /* @__PURE__ */ jsxRuntime.jsx(
     "tr",
     {
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         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",
@@ -5608,13 +4820,13 @@ function TableRow({
   ) });
 }
 function TableHeader({ className, scope, ...props }) {
-  let { bleed, grid } = React12.useContext(TableContext);
+  let { bleed, grid } = React9.useContext(TableContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "th",
     {
       scope: scope ?? "col",
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         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",
@@ -5624,15 +4836,15 @@ function TableHeader({ className, scope, ...props }) {
   );
 }
 function TableCell({ className, children, ...props }) {
-  let { bleed, dense, grid, striped } = React12.useContext(TableContext);
-  let { href, target, title } = React12.useContext(TableRowContext);
-  let [cellRef, setCellRef] = React12.useState(null);
+  let { bleed, dense, grid, striped } = React9.useContext(TableContext);
+  let { href, target, title } = React9.useContext(TableRowContext);
+  let [cellRef, setCellRef] = React9.useState(null);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "td",
     {
       ref: href ? setCellRef : void 0,
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         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]",
@@ -5642,7 +4854,7 @@ function TableCell({ className, children, ...props }) {
       ),
       children: [
         href && /* @__PURE__ */ jsxRuntime.jsx(
-          Link,
+          chunkBHOT22QL_js.Link,
           {
             "data-row-link": true,
             href,
@@ -5666,7 +4878,7 @@ function SortableTableHeader({
   onSort,
   ...props
 }) {
-  let { bleed, grid } = React12.useContext(TableContext);
+  let { bleed, grid } = React9.useContext(TableContext);
   const isActive = currentSort === sortKey;
   const direction = isActive ? currentDirection : null;
   const handleSort = () => {
@@ -5684,7 +4896,7 @@ function SortableTableHeader({
     {
       ...props,
       onClick: handleSort,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         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",
@@ -5699,7 +4911,7 @@ function SortableTableHeader({
           {
             initial: false,
             animate: { opacity: 1 },
-            transition: getTransition(springPresets.stiff),
+            transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.stiff),
             className: "flex-shrink-0",
             children: direction === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronUpIcon, { className: "h-4 w-4" }) : direction === "desc" ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronDownIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronUpDownIcon, { className: "h-4 w-4 opacity-40" })
           }
@@ -5712,11 +4924,11 @@ function TableSkeletonRow({
   columns = 4,
   className
 }) {
-  const { dense } = React12.useContext(TableContext);
+  const { dense } = React9.useContext(TableContext);
   return /* @__PURE__ */ jsxRuntime.jsx("tr", { className, children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
     "td",
     {
-      className: clsx__default.default(
+      className: clsx4__default.default(
         "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"
@@ -5724,7 +4936,7 @@ function TableSkeletonRow({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: clsx__default.default(
+          className: clsx4__default.default(
             "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"
           )
@@ -5752,7 +4964,7 @@ function TableEmptyState({
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
-      transition: getTransition(springPresets.gentle),
+      transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.gentle),
       className: "flex flex-col items-center gap-3",
       children: [
         icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 rounded-full bg-white/40 dark:bg-white/[0.04] flex items-center justify-center text-slate-400 dark:text-slate-500", children: icon }),
@@ -5773,7 +4985,7 @@ function AnimatedTableRow({
   index = 0,
   ...props
 }) {
-  let { striped } = React12.useContext(TableContext);
+  let { striped } = React9.useContext(TableContext);
   const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, onAnimationIteration, ...restProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(TableRowContext.Provider, { value: { href, target, title }, children: /* @__PURE__ */ jsxRuntime.jsx(
     framerMotion.motion.tr,
@@ -5782,11 +4994,11 @@ function AnimatedTableRow({
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, x: -20 },
       transition: {
-        ...getTransition(springPresets.gentle),
+        ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.gentle),
         delay: index * 0.03
       },
       ...restProps,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         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",
@@ -5806,7 +5018,7 @@ function SelectableTableRow({
   children,
   ...props
 }) {
-  let { striped, dense } = React12.useContext(TableContext);
+  let { striped, dense } = React9.useContext(TableContext);
   const handleSelect = () => {
     chunkUZ3CMNUJ_js.triggerHaptic("light");
     onSelect?.(!selected);
@@ -5815,7 +5027,7 @@ function SelectableTableRow({
     "tr",
     {
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         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",
@@ -5827,7 +5039,7 @@ function SelectableTableRow({
         /* @__PURE__ */ jsxRuntime.jsx(
           "td",
           {
-            className: clsx__default.default(
+            className: clsx4__default.default(
               "px-4 first:pl-(--gutter,--spacing(2))",
               "border-b border-white/20 dark:border-white/[0.08]",
               dense ? "py-2.5" : "py-4"
@@ -5841,8 +5053,8 @@ function SelectableTableRow({
                 "aria-label": "Select row",
                 onClick: handleSelect,
                 whileTap: { scale: 0.9 },
-                transition: getTransition(springPresets.stiff),
-                className: clsx__default.default(
+                transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.stiff),
+                className: clsx4__default.default(
                   "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"
                 ),
@@ -5852,7 +5064,7 @@ function SelectableTableRow({
                     initial: { scale: 0 },
                     animate: { scale: 1 },
                     exit: { scale: 0 },
-                    transition: getTransition(springPresets.bouncy),
+                    transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.bouncy),
                     className: "h-3 w-3 text-white",
                     fill: "none",
                     viewBox: "0 0 24 24",
@@ -5896,7 +5108,7 @@ function EmptyState({
           {
             initial: { scale: 0.8, opacity: 0 },
             animate: { scale: 1, opacity: 1 },
-            transition: springPresets.bouncy,
+            transition: chunkBHOT22QL_js.springPresets.bouncy,
             className: "mx-auto mb-4",
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-16 w-16 items-center justify-center rounded-full border border-white/60 bg-white/75 shadow-sm backdrop-blur-xl dark:border-white/12 dark:bg-white/8", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-8 w-8 text-slate-600 dark:text-slate-300" }) })
           }
@@ -5906,7 +5118,7 @@ function EmptyState({
           {
             initial: { y: 10, opacity: 0 },
             animate: { y: 0, opacity: 1 },
-            transition: { ...springPresets.default, delay: 0.1 },
+            transition: { ...chunkBHOT22QL_js.springPresets.default, delay: 0.1 },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-slate-900 dark:text-white", children: message }),
               description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400 max-w-sm mx-auto", children: description })
@@ -5918,9 +5130,9 @@ function EmptyState({
           {
             initial: { y: 10, opacity: 0 },
             animate: { y: 0, opacity: 1 },
-            transition: { ...springPresets.default, delay: 0.2 },
+            transition: { ...chunkBHOT22QL_js.springPresets.default, delay: 0.2 },
             className: "mt-6",
-            children: /* @__PURE__ */ jsxRuntime.jsx(Button, { color: "ios-glass-blue", onClick: handleActionClick, children: action.label })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { color: "ios-glass-blue", onClick: handleActionClick, children: action.label })
           }
         )
       ]
@@ -5977,12 +5189,12 @@ function ErrorState({
   variant = "default"
 }) {
   const t = chunkYXN2K77G_js.useTranslations("common.errorState");
-  const [isRetrying, setIsRetrying] = React12.useState(false);
-  const [showErrorDetails, setShowErrorDetails] = React12.useState(false);
+  const [isRetrying, setIsRetrying] = React9.useState(false);
+  const [showErrorDetails, setShowErrorDetails] = React9.useState(false);
   const config = errorTypeConfig[type];
   const Icon = config.icon;
   const resolvedRetryLabel = retryLabel || t("tryAgain");
-  const handleRetry = React12.useCallback(async () => {
+  const handleRetry = React9.useCallback(async () => {
     if (!onRetry || isRetrying) return;
     setIsRetrying(true);
     chunkUZ3CMNUJ_js.triggerHaptic("medium");
@@ -6008,7 +5220,7 @@ function ErrorState({
       {
         initial: { scale: 0.8, opacity: 0 },
         animate: { scale: 1, opacity: 1 },
-        transition: getTransition(springPresets.bouncy),
+        transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.bouncy),
         className: "mx-auto mb-4",
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `inline-flex h-16 w-16 items-center justify-center rounded-full ${config.iconBg}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `h-8 w-8 ${config.iconColor}` }) })
       }
@@ -6018,7 +5230,7 @@ function ErrorState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...getTransition(springPresets.default), delay: 0.1 },
+        transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.1 },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-slate-900 dark:text-white", children: title || t(config.titleKey) }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400 max-w-sm mx-auto", children: message || t(config.messageKey) }),
@@ -6031,11 +5243,11 @@ function ErrorState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...getTransition(springPresets.default), delay: 0.2 },
+        transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.2 },
         className: "mt-6 flex flex-col sm:flex-row items-center justify-center gap-3",
         children: [
           onRetry && /* @__PURE__ */ jsxRuntime.jsxs(
-            Button,
+            chunkBHOT22QL_js.Button,
             {
               color: "ios-glass-blue",
               onClick: handleRetry,
@@ -6049,7 +5261,7 @@ function ErrorState({
             }
           ),
           secondaryAction && /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            chunkBHOT22QL_js.Button,
             {
               plain: true,
               onClick: () => {
@@ -6067,7 +5279,7 @@ function ErrorState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...getTransition(springPresets.default), delay: 0.3 },
+        transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.3 },
         className: "mt-6",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -6084,7 +5296,7 @@ function ErrorState({
               initial: { height: 0, opacity: 0 },
               animate: { height: "auto", opacity: 1 },
               exit: { height: 0, opacity: 0 },
-              transition: getTransition(springPresets.gentle),
+              transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.gentle),
               className: "overflow-hidden",
               children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-3 p-3 bg-white/40 dark:bg-white/[0.04] rounded-lg text-xs text-left text-slate-600 dark:text-slate-400 font-mono overflow-x-auto max-h-32", children: details })
             }
@@ -6136,7 +5348,7 @@ function NoResultsState({
       {
         initial: { scale: 0.8, opacity: 0 },
         animate: { scale: 1, opacity: 1 },
-        transition: getTransition(springPresets.bouncy),
+        transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.bouncy),
         className: "mx-auto mb-4",
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-16 w-16 items-center justify-center rounded-full border border-white/60 bg-white/75 shadow-sm backdrop-blur-xl dark:border-white/12 dark:bg-white/8", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.DocumentMagnifyingGlassIcon, { className: "h-8 w-8 text-slate-600 dark:text-slate-300" }) })
       }
@@ -6146,7 +5358,7 @@ function NoResultsState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...getTransition(springPresets.default), delay: 0.1 },
+        transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.1 },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-slate-900 dark:text-white", children: t("noResultsFound") }),
           searchTerm && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400", children: t("noResultsFor", { searchTerm }) }),
@@ -6166,10 +5378,10 @@ function NoResultsState({
             {
               initial: { y: 10, opacity: 0 },
               animate: { y: 0, opacity: 1 },
-              transition: { ...getTransition(springPresets.default), delay: 0.2 },
+              transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.2 },
               className: "mt-6",
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                Button,
+                chunkBHOT22QL_js.Button,
                 {
                   color: "ios-glass-blue",
                   onClick: () => {
@@ -6204,7 +5416,7 @@ function NoDataState({
       {
         initial: { scale: 0.8, opacity: 0 },
         animate: { scale: 1, opacity: 1 },
-        transition: getTransition(springPresets.bouncy),
+        transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.bouncy),
         className: "mx-auto mb-4",
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-16 w-16 items-center justify-center rounded-full border border-white/60 bg-white/75 shadow-sm backdrop-blur-xl dark:border-white/12 dark:bg-white/8", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-8 w-8 text-slate-600 dark:text-slate-300" }) })
       }
@@ -6214,7 +5426,7 @@ function NoDataState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...getTransition(springPresets.default), delay: 0.1 },
+        transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.1 },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-slate-900 dark:text-white", children: resolvedTitle }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400 max-w-sm mx-auto", children: resolvedMessage })
@@ -6226,10 +5438,10 @@ function NoDataState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...getTransition(springPresets.default), delay: 0.2 },
+        transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.2 },
         className: "mt-6",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
+          chunkBHOT22QL_js.Button,
           {
             color: "ios-glass-blue",
             onClick: () => {
@@ -6274,11 +5486,11 @@ function DynamicIsland({
   onStateChange,
   position = "center"
 }) {
-  const [internalState, setInternalState] = React12.useState(state);
-  React12.useEffect(() => {
+  const [internalState, setInternalState] = React9.useState(state);
+  React9.useEffect(() => {
     setInternalState(state);
   }, [state]);
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     if (autoCollapseDelay && internalState !== "idle") {
       const timer = setTimeout(() => {
         setInternalState("idle");
@@ -6302,7 +5514,7 @@ function DynamicIsland({
       layout: true,
       initial: false,
       animate: sizeVariants[internalState],
-      transition: springPresets.bouncy,
+      transition: chunkBHOT22QL_js.springPresets.bouncy,
       onClick: handleTap,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full overflow-hidden bg-black rounded-[inherit]", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.div,
@@ -6352,9 +5564,9 @@ function DynamicIslandNotification({
   onDismiss,
   position = "right"
 }) {
-  const [state, setState] = React12.useState("idle");
-  const styles2 = variantStyles[variant];
-  React12.useEffect(() => {
+  const [state, setState] = React9.useState("idle");
+  const styles = variantStyles[variant];
+  React9.useEffect(() => {
     if (show) {
       setState("expanded");
       chunkUZ3CMNUJ_js.triggerHaptic("light");
@@ -6378,12 +5590,12 @@ function DynamicIslandNotification({
       position,
       idleContent: (
         // Idle: Colored icon pill
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-6 w-6 rounded-full ${styles2.iconBg} flex items-center justify-center`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-4 text-white", children: icon }) }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-6 w-6 rounded-full ${styles.iconBg} flex items-center justify-center`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-4 text-white", children: icon }) }) })
       ),
       compactContent: (
         // Compact: Colored icon + title + message preview
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-4 w-full", children: [
-          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-8 w-8 rounded-full ${styles2.iconBg} flex items-center justify-center shrink-0`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-5 text-white", children: icon }) }),
+          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-8 w-8 rounded-full ${styles.iconBg} flex items-center justify-center shrink-0`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-5 text-white", children: icon }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold truncate", children: title }),
             message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 truncate", children: message })
@@ -6393,9 +5605,9 @@ function DynamicIslandNotification({
       expandedContent: (
         // Expanded: Full notification with colored icon background
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-4 px-5 w-full h-full`, children: [
-          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-14 w-14 rounded-2xl ${styles2.iconBg} flex items-center justify-center shrink-0 ${styles2.glow}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 text-white", children: icon }) }),
+          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-14 w-14 rounded-2xl ${styles.iconBg} flex items-center justify-center shrink-0 ${styles.glow}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 text-white", children: icon }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-            appName && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-[11px] uppercase tracking-wide font-medium ${styles2.accentColor}`, children: appName }),
+            appName && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-[11px] uppercase tracking-wide font-medium ${styles.accentColor}`, children: appName }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[15px] font-semibold leading-tight", children: title }),
             message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[13px] text-gray-500 mt-0.5 truncate", children: message })
           ] })
@@ -6408,43 +5620,43 @@ function DynamicIslandNotification({
   }
   return content;
 }
-var NotificationContext = React12.createContext(void 0);
+var NotificationContext = React9.createContext(void 0);
 function useNotifications() {
-  const notificationContext = React12.useContext(NotificationContext);
+  const notificationContext = React9.useContext(NotificationContext);
   if (!notificationContext) {
     throw new Error("useNotifications must be used within NotificationProvider");
   }
   return notificationContext;
 }
 function NotificationProvider({ children, appName = "Datatech" }) {
-  const [history, setHistory] = React12.useState([]);
-  const [pendingApprovals] = React12.useState([]);
-  const [historyOpen, setHistoryOpen] = React12.useState(false);
-  const [dynamicIslandNotification, setDynamicIslandNotification] = React12.useState(null);
-  const addNotification = React12.useCallback((notification) => {
+  const [history, setHistory] = React9.useState([]);
+  const [pendingApprovals] = React9.useState([]);
+  const [historyOpen, setHistoryOpen] = React9.useState(false);
+  const [dynamicIslandNotification, setDynamicIslandNotification] = React9.useState(null);
+  const addNotification = React9.useCallback((notification) => {
     const notificationId = Math.random().toString(36).substring(2, 9);
     const newNotification = { ...notification, id: notificationId, timestamp: /* @__PURE__ */ new Date() };
     setDynamicIslandNotification(newNotification);
     setHistory((previousHistory) => [newNotification, ...previousHistory].slice(0, 50));
   }, []);
-  const clearHistory = React12.useCallback(() => {
+  const clearHistory = React9.useCallback(() => {
     setHistory([]);
   }, []);
-  const removeFromHistory = React12.useCallback((notificationId) => {
+  const removeFromHistory = React9.useCallback((notificationId) => {
     setHistory((previousHistory) => previousHistory.filter((historyItem) => historyItem.id !== notificationId));
   }, []);
-  const openHistory = React12.useCallback(() => setHistoryOpen(true), []);
-  const closeHistory = React12.useCallback(() => setHistoryOpen(false), []);
-  const success = React12.useCallback((title, message) => {
+  const openHistory = React9.useCallback(() => setHistoryOpen(true), []);
+  const closeHistory = React9.useCallback(() => setHistoryOpen(false), []);
+  const success = React9.useCallback((title, message) => {
     addNotification({ type: "success", title, message });
   }, [addNotification]);
-  const error = React12.useCallback((title, message) => {
+  const error = React9.useCallback((title, message) => {
     addNotification({ type: "error", title, message });
   }, [addNotification]);
-  const warning = React12.useCallback((title, message) => {
+  const warning = React9.useCallback((title, message) => {
     addNotification({ type: "warning", title, message });
   }, [addNotification]);
-  const info = React12.useCallback((title, message) => {
+  const info = React9.useCallback((title, message) => {
     addNotification({ type: "info", title, message });
   }, [addNotification]);
   const getDynamicIslandIcon = (type) => {
@@ -6642,13 +5854,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__namespace.default.forwardRef(
+var Container = React9__namespace.default.forwardRef(
   ({ variant = "card", className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         ref,
-        className: clsx__default.default(CONTAINER_STYLES[variant], className),
+        className: clsx4__default.default(CONTAINER_STYLES[variant], className),
         ...props,
         children
       }
@@ -6656,9 +5868,9 @@ var Container = React12__namespace.default.forwardRef(
   }
 );
 Container.displayName = "Container";
-var FormField = React12__namespace.default.forwardRef(
+var FormField = React9__namespace.default.forwardRef(
   ({ label, error, required, helperText, children, htmlFor, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx__default.default("space-y-1.5", className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx4__default.default("space-y-1.5", className), ...props, children: [
       label && /* @__PURE__ */ jsxRuntime.jsxs(
         "label",
         {
@@ -6677,9 +5889,9 @@ var FormField = React12__namespace.default.forwardRef(
   }
 );
 FormField.displayName = "FormField";
-var FormSection = React12__namespace.default.forwardRef(
+var FormSection = React9__namespace.default.forwardRef(
   ({ title, description, children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx__default.default("space-y-4", className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx4__default.default("space-y-4", className), ...props, children: [
       (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
         title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-gray-900 dark:text-white", children: title }),
         description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: description })
@@ -6701,7 +5913,7 @@ var SPACING_STYLES = {
   card: "p-4",
   highlighted: "p-4"
 };
-var ListItem = React12__namespace.default.forwardRef(
+var ListItem = React9__namespace.default.forwardRef(
   ({
     icon,
     title,
@@ -6716,7 +5928,7 @@ var ListItem = React12__namespace.default.forwardRef(
       "div",
       {
         ref,
-        className: clsx__default.default(
+        className: clsx4__default.default(
           "flex items-start justify-between gap-4 rounded-lg transition-all duration-200",
           CONTAINER_STYLES2[variant],
           SPACING_STYLES[variant],
@@ -6738,7 +5950,7 @@ var ListItem = React12__namespace.default.forwardRef(
             {
               onClick: action.onClick,
               disabled: action.disabled,
-              className: clsx__default.default(
+              className: clsx4__default.default(
                 "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"
               ),
@@ -6772,7 +5984,7 @@ function ProfileIdentityCard({
     ] })
   ] }) });
 }
-var SidebarContext = React12.createContext(null);
+var SidebarContext = React9.createContext(null);
 var SIDEBAR_TYPE = /* @__PURE__ */ Symbol("GlassModal.Sidebar");
 var SECTION_TYPE = /* @__PURE__ */ Symbol("GlassModal.Section");
 var GROUP_TYPE = /* @__PURE__ */ Symbol("GlassModal.Group");
@@ -6807,12 +6019,12 @@ function isSlotType(child, type) {
   return child.type?.__type === type;
 }
 function findSlot(children, type) {
-  const arr = React12.Children.toArray(children);
-  return arr.find((c) => React12.isValidElement(c) && isSlotType(c, type));
+  const arr = React9.Children.toArray(children);
+  return arr.find((c) => React9.isValidElement(c) && isSlotType(c, type));
 }
 function filterNonSlots(children) {
-  return React12.Children.toArray(children).filter(
-    (c) => !(React12.isValidElement(c) && c.type?.__type)
+  return React9.Children.toArray(children).filter(
+    (c) => !(React9.isValidElement(c) && c.type?.__type)
   );
 }
 var SIZE_CLASSES = {
@@ -6861,8 +6073,8 @@ function SidebarLayout({
   const sidebarFooterEl = findSlot(sidebarChildren, SIDEBAR_FOOTER_TYPE);
   const sections = [];
   function collectSections(node, group) {
-    React12.Children.forEach(node, (child) => {
-      if (!React12.isValidElement(child)) return;
+    React9.Children.forEach(node, (child) => {
+      if (!React9.isValidElement(child)) return;
       if (isSlotType(child, GROUP_TYPE)) {
         const groupProps = child.props;
         collectSections(groupProps.children, groupProps.label);
@@ -6880,7 +6092,7 @@ function SidebarLayout({
     });
   }
   collectSections(sidebarChildren);
-  const [activeSectionId, setActiveSectionId] = React12.useState(defaultSection ?? sections[0]?.id ?? "");
+  const [activeSectionId, setActiveSectionId] = React9.useState(defaultSection ?? sections[0]?.id ?? "");
   const groups = [];
   for (const section of sections) {
     const lastGroup = groups.at(-1);
@@ -7055,29 +6267,29 @@ function GlassModal({
   panelTestId
 }) {
   const hasTitle = !!title;
-  const sidebarElement = React12.Children.toArray(children).find(
-    (c) => React12.isValidElement(c) && isSlotType(c, SIDEBAR_TYPE)
+  const sidebarElement = React9.Children.toArray(children).find(
+    (c) => React9.isValidElement(c) && isSlotType(c, SIDEBAR_TYPE)
   );
   const footerElement = findSlot(children, FOOTER_TYPE);
   const nonSlotChildren = filterNonSlots(children);
   const resolvedFooter = footer ?? (footerElement ? footerElement.props.children : void 0) ?? (showFormFooter ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row justify-end gap-2 sm:gap-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", onClick: onClose, disabled: isLoading, outline: true, className: "w-full sm:w-auto", "data-testid": "form-modal-cancel", children: cancelLabel ?? "Cancel" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: submitDisabled, loading: isLoading, loadingText: submitLabel, color: "ios-glass-blue", className: "w-full sm:w-auto", "data-testid": "form-modal-submit", children: submitLabel ?? "Save" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", onClick: onClose, disabled: isLoading, outline: true, className: "w-full sm:w-auto", "data-testid": "form-modal-cancel", children: cancelLabel ?? "Cancel" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", disabled: submitDisabled, loading: isLoading, loadingText: submitLabel, color: "ios-glass-blue", className: "w-full sm:w-auto", "data-testid": "form-modal-submit", children: submitLabel ?? "Save" })
   ] }) : void 0);
-  const handleSubmit = React12.useCallback((event) => {
+  const handleSubmit = React9.useCallback((event) => {
     event.preventDefault();
     onSubmit?.(event);
   }, [onSubmit]);
   if (!hasTitle) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Headless5.Dialog, { open, onClose, className: `relative ${zIndex}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClassName ?? "fixed inset-0 flex items-center justify-center overflow-y-auto p-3 sm:p-5 lg:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogPanel, { className: panelClassName ?? "rounded-2xl", "data-testid": panelTestId, children }) })
+    return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose, className: `relative ${zIndex}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClassName ?? "fixed inset-0 flex items-center justify-center overflow-y-auto p-3 sm:p-5 lg:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogPanel, { className: panelClassName ?? "rounded-2xl", "data-testid": panelTestId, children }) })
     ] });
   }
   if (sidebar && !sidebarElement) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Headless5.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogPanel, { className: `w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-2xl liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)] ${className}`, "data-testid": panelTestId, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogPanel, { className: `w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-2xl liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)] ${className}`, "data-testid": panelTestId, children: /* @__PURE__ */ jsxRuntime.jsx(
         PropBasedSidebarLayout,
         {
           sidebar,
@@ -7095,9 +6307,9 @@ function GlassModal({
     ] });
   }
   if (sidebarElement) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Headless5.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogPanel, { className: `w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-2xl liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)] ${className}`, "data-testid": panelTestId, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogPanel, { className: `w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-2xl liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)] ${className}`, "data-testid": panelTestId, children: /* @__PURE__ */ jsxRuntime.jsx(
         SidebarLayout,
         {
           sidebarElement,
@@ -7133,9 +6345,9 @@ function GlassModal({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[72vh] overflow-y-auto px-5 pb-5 sm:px-8 sm:pb-8", children: nonSlotChildren }),
     resolvedFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "modal-footer", className: "border-t border-white/20 px-5 py-4 dark:border-white/10 sm:px-8", children: resolvedFooter })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless5.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 overflow-y-auto p-3 sm:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogPanel, { className: `liquid-surface-strong w-full overflow-hidden rounded-2xl mx-auto mt-[4vh] sm:mt-[8vh] ${SIZE_CLASSES[maxWidth]} ${className}`, "data-testid": panelTestId, children: onSubmit ? /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, children: inner }) : inner }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 overflow-y-auto p-3 sm:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogPanel, { className: `liquid-surface-strong w-full overflow-hidden rounded-2xl mx-auto mt-[4vh] sm:mt-[8vh] ${SIZE_CLASSES[maxWidth]} ${className}`, "data-testid": panelTestId, children: onSubmit ? /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, children: inner }) : inner }) })
   ] });
 }
 GlassModal.Sidebar = Sidebar;
@@ -7150,16 +6362,16 @@ function Text({ className, ...props }) {
     {
       "data-slot": "text",
       ...props,
-      className: clsx__default.default(className, "text-base/6 text-zinc-500 sm:text-sm/6 dark:text-zinc-400")
+      className: clsx4__default.default(className, "text-base/6 text-zinc-500 sm:text-sm/6 dark:text-zinc-400")
     }
   );
 }
 function TextLink({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Link,
+    chunkBHOT22QL_js.Link,
     {
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         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"
       )
@@ -7167,14 +6379,14 @@ function TextLink({ className, ...props }) {
   );
 }
 function Strong({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("strong", { ...props, className: clsx__default.default(className, "font-medium text-zinc-950 dark:text-white") });
+  return /* @__PURE__ */ jsxRuntime.jsx("strong", { ...props, className: clsx4__default.default(className, "font-medium text-zinc-950 dark:text-white") });
 }
 function Code({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "code",
     {
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         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"
       )
@@ -7198,19 +6410,19 @@ function Dialog4({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless5__namespace.Dialog, { ...props, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless3__namespace.Dialog, { ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      Headless5__namespace.DialogBackdrop,
+      Headless3__namespace.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__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 w-screen overflow-y-auto pt-6 sm:pt-0", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-      Headless5__namespace.DialogPanel,
+      Headless3__namespace.DialogPanel,
       {
         transition: true,
-        className: clsx__default.default(
+        className: clsx4__default.default(
           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",
@@ -7226,10 +6438,10 @@ function DialogTitle3({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless5__namespace.DialogTitle,
+    Headless3__namespace.DialogTitle,
     {
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         className,
         "text-lg/6 font-semibold text-balance text-slate-950 sm:text-base/6 dark:text-white"
       )
@@ -7241,11 +6453,11 @@ function DialogDescription({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless5__namespace.Description,
+    Headless3__namespace.Description,
     {
       as: Text,
       ...props,
-      className: clsx__default.default(className, "mt-2 text-pretty")
+      className: clsx4__default.default(className, "mt-2 text-pretty")
     }
   );
 }
@@ -7253,7 +6465,7 @@ function DialogBody({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: clsx__default.default(className, "mt-6") });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: clsx4__default.default(className, "mt-6") });
 }
 function DialogActions({
   className,
@@ -7263,7 +6475,7 @@ function DialogActions({
     "div",
     {
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         className,
         "mt-8 flex flex-col-reverse items-center justify-end gap-3 *:w-full sm:flex-row sm:*:w-auto"
       )
@@ -7357,7 +6569,7 @@ function ChipPicker({
 var DEFAULT_COPYABLE_CLASSNAME = "liquid-surface-strong text-gray-500 dark:text-gray-400";
 function CopyableId({ id, copyValue, label, className }) {
   const t = chunkYXN2K77G_js.useTranslations();
-  const [copied, setCopied] = React12.useState(false);
+  const [copied, setCopied] = React9.useState(false);
   const valueToCopy = copyValue ?? id;
   const handleCopy = async (e) => {
     e.stopPropagation();
@@ -7402,8 +6614,8 @@ function ContextMenu({
   minWidthClass = "min-w-[180px]",
   testId
 }) {
-  const menuRef = React12.useRef(null);
-  React12.useEffect(() => {
+  const menuRef = React9.useRef(null);
+  React9.useEffect(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         onClose();
@@ -7485,13 +6697,13 @@ function DatePicker({
   const appLocale = chunkYXN2K77G_js.useLocale();
   const t = chunkYXN2K77G_js.useTranslations("datePicker");
   const dateFnsLocale = dateFnsLocales[appLocale] ?? locale.ptBR;
-  const [open, setOpen] = React12.useState(false);
-  const [viewMode, setViewMode] = React12.useState("days");
-  const [viewDate, setViewDate] = React12.useState(() => value ?? /* @__PURE__ */ new Date());
-  const today = React12.useMemo(() => dateFns.startOfDay(/* @__PURE__ */ new Date()), []);
-  const dayNames = React12.useMemo(() => getLocalizedDayNames(dateFnsLocale), [dateFnsLocale]);
-  const monthNames = React12.useMemo(() => getLocalizedMonthNames(dateFnsLocale), [dateFnsLocale]);
-  const calendarDays = React12.useMemo(() => {
+  const [open, setOpen] = React9.useState(false);
+  const [viewMode, setViewMode] = React9.useState("days");
+  const [viewDate, setViewDate] = React9.useState(() => value ?? /* @__PURE__ */ new Date());
+  const today = React9.useMemo(() => dateFns.startOfDay(/* @__PURE__ */ new Date()), []);
+  const dayNames = React9.useMemo(() => getLocalizedDayNames(dateFnsLocale), [dateFnsLocale]);
+  const monthNames = React9.useMemo(() => getLocalizedMonthNames(dateFnsLocale), [dateFnsLocale]);
+  const calendarDays = React9.useMemo(() => {
     const monthStart = dateFns.startOfMonth(viewDate);
     const monthEnd = dateFns.endOfMonth(viewDate);
     const days = dateFns.eachDayOfInterval({ start: monthStart, end: monthEnd });
@@ -7499,20 +6711,20 @@ function DatePicker({
     const blanks = Array.from({ length: startDow }).fill(null);
     return [...blanks, ...days];
   }, [viewDate]);
-  const handlePrevMonth = React12.useCallback(() => {
+  const handlePrevMonth = React9.useCallback(() => {
     setViewDate((d) => dateFns.subMonths(d, 1));
   }, []);
-  const handleNextMonth = React12.useCallback(() => {
+  const handleNextMonth = React9.useCallback(() => {
     setViewDate((d) => dateFns.addMonths(d, 1));
   }, []);
-  const handleSelectDay = React12.useCallback(
+  const handleSelectDay = React9.useCallback(
     (day) => {
       onChange(day);
       setOpen(false);
     },
     [onChange]
   );
-  const handleSelectMonth = React12.useCallback((monthIndex) => {
+  const handleSelectMonth = React9.useCallback((monthIndex) => {
     setViewDate((d) => {
       const next = new Date(d);
       next.setMonth(monthIndex);
@@ -7520,35 +6732,35 @@ function DatePicker({
     });
     setViewMode("days");
   }, []);
-  const handleSelectYear = React12.useCallback((year) => {
+  const handleSelectYear = React9.useCallback((year) => {
     setViewDate((d) => {
       const next = new Date(d);
       next.setFullYear(year);
       return next;
     });
   }, []);
-  const isDayDisabled = React12.useCallback(
+  const isDayDisabled = React9.useCallback(
     (day) => {
       if (!disableFuture) return false;
       return dateFns.isAfter(dateFns.startOfDay(day), today);
     },
     [disableFuture, today]
   );
-  const yearRange = React12.useMemo(() => {
+  const yearRange = React9.useMemo(() => {
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const start = currentYear - 10;
     const end = disableFuture ? currentYear : currentYear + 5;
     return Array.from({ length: end - start + 1 }, (_, i) => start + i);
   }, [disableFuture]);
-  const displayText = React12.useMemo(() => {
+  const displayText = React9.useMemo(() => {
     if (!value) return placeholder ?? t("selectDate");
     return dateFns.format(value, "PPP", { locale: dateFnsLocale });
   }, [value, placeholder, t, dateFnsLocale]);
-  const monthYearLabel = React12.useMemo(
+  const monthYearLabel = React9.useMemo(
     () => dateFns.format(viewDate, "MMMM yyyy", { locale: dateFnsLocale }),
     [viewDate, dateFnsLocale]
   );
-  const handleOpenChange = React12.useCallback(
+  const handleOpenChange = React9.useCallback(
     (nextOpen) => {
       if (nextOpen) {
         setViewDate(value ?? /* @__PURE__ */ new Date());
@@ -7750,23 +6962,23 @@ function TimePicker({
   className = ""
 }) {
   const t = chunkYXN2K77G_js.useTranslations("timePicker");
-  const [open, setOpen] = React12.useState(false);
-  const [draftHours, setDraftHours] = React12.useState(value ? value.hours : 0);
-  const [draftMinutes, setDraftMinutes] = React12.useState(value ? value.minutes : 0);
-  const hoursRef = React12.useRef(null);
-  const isToday = React12.useMemo(() => {
+  const [open, setOpen] = React9.useState(false);
+  const [draftHours, setDraftHours] = React9.useState(value ? value.hours : 0);
+  const [draftMinutes, setDraftMinutes] = React9.useState(value ? value.minutes : 0);
+  const hoursRef = React9.useRef(null);
+  const isToday = React9.useMemo(() => {
     if (!selectedDate) return false;
     return dateFns.isSameDay(dateFns.startOfDay(selectedDate), dateFns.startOfDay(/* @__PURE__ */ new Date()));
   }, [selectedDate]);
-  const isFuture = React12.useMemo(() => {
+  const isFuture = React9.useMemo(() => {
     if (!isToday) return false;
     return isFutureTime(draftHours, draftMinutes);
   }, [isToday, draftHours, draftMinutes]);
-  const displayText = React12.useMemo(() => {
+  const displayText = React9.useMemo(() => {
     if (!value) return placeholder ?? t("selectTime");
     return `${padTwo(value.hours)}:${padTwo(value.minutes)}`;
   }, [value, placeholder, t]);
-  const handleOpenChange = React12.useCallback(
+  const handleOpenChange = React9.useCallback(
     (nextOpen) => {
       if (nextOpen) {
         setDraftHours(value ? value.hours : 0);
@@ -7777,12 +6989,12 @@ function TimePicker({
     },
     [value]
   );
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     if (open) {
       setTimeout(() => hoursRef.current?.select(), 80);
     }
   }, [open]);
-  const handleHoursChange = React12.useCallback((e) => {
+  const handleHoursChange = React9.useCallback((e) => {
     const raw = e.target.value.replace(/\D/g, "");
     if (raw === "") {
       setDraftHours(0);
@@ -7790,7 +7002,7 @@ function TimePicker({
     }
     setDraftHours(clamp(parseInt(raw, 10), 0, 23));
   }, []);
-  const handleMinutesChange = React12.useCallback((e) => {
+  const handleMinutesChange = React9.useCallback((e) => {
     const raw = e.target.value.replace(/\D/g, "");
     if (raw === "") {
       setDraftMinutes(0);
@@ -7798,12 +7010,12 @@ function TimePicker({
     }
     setDraftMinutes(clamp(parseInt(raw, 10), 0, 59));
   }, []);
-  const handleConfirm = React12.useCallback(() => {
+  const handleConfirm = React9.useCallback(() => {
     if (isFuture) return;
     onChange({ hours: draftHours, minutes: draftMinutes });
     setOpen(false);
   }, [draftHours, draftMinutes, isFuture, onChange]);
-  const handleKeyDown = React12.useCallback(
+  const handleKeyDown = React9.useCallback(
     (e) => {
       if (e.key === "Enter") {
         handleConfirm();
@@ -7921,7 +7133,7 @@ function PageHeading({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
       breadcrumbs?.length ? /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": t("breadcrumb"), className: "mb-2", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400", children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2", children: [
         index > 0 ? /* @__PURE__ */ jsxRuntime.jsx(solid.ChevronRightIcon, { className: "h-4 w-4", "aria-hidden": "true" }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(Link, { href: crumb.href, className: "hover:text-gray-800 dark:hover:text-white", children: crumb.name })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Link, { href: crumb.href, className: "hover:text-gray-800 dark:hover:text-white", children: crumb.name })
       ] }, `${crumb.href}-${crumb.name}`)) }) }) : null,
       /* @__PURE__ */ jsxRuntime.jsx(
         HeroBlock,
@@ -7981,7 +7193,7 @@ function FormInput({
   onValueChange,
   ...props
 }) {
-  const autoId = React12.useId();
+  const autoId = React9.useId();
   const inputId = props.id ?? autoId;
   const errorId = `${inputId}-error`;
   const hintId = `${inputId}-hint`;
@@ -8019,7 +7231,7 @@ function FormTextarea({
   onValueChange,
   ...props
 }) {
-  const autoId = React12.useId();
+  const autoId = React9.useId();
   const inputId = props.id ?? autoId;
   const errorId = `${inputId}-error`;
   const hintId = `${inputId}-hint`;
@@ -8073,12 +7285,12 @@ function FormPriceInput({
   max,
   className = ""
 }) {
-  const autoId = React12.useId();
+  const autoId = React9.useId();
   const inputId = autoId;
   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__ */ jsxRuntime.jsxs("div", { "data-testid": label ? `field-${label.toLowerCase().replace(/\s+/g, "-")}` : "form-field", children: [
     label ? /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: inputId, className: `mb-1.5 block font-medium text-slate-700 dark:text-slate-300 ${labelClasses[inputSize]}`, children: [
       label,
@@ -8088,7 +7300,7 @@ function FormPriceInput({
       /* @__PURE__ */ jsxRuntime.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
         }
@@ -8109,7 +7321,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}`
         }
       )
     ] }) }),
@@ -8127,7 +7339,7 @@ function FormSelect({
   options,
   ...props
 }) {
-  const autoId = React12.useId();
+  const autoId = React9.useId();
   const inputId = props.id ?? autoId;
   const errorId = `${inputId}-error`;
   const hintId = `${inputId}-hint`;
@@ -8153,27 +7365,27 @@ function FormSelect({
     /* @__PURE__ */ jsxRuntime.jsx(FieldMeta, { hint, error, errorId, hintId })
   ] });
 }
-var Form = React12__namespace.default.forwardRef(
+var Form = React9__namespace.default.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("form", { ref, className: clsx__default.default(className), ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx("form", { ref, className: clsx4__default.default(className), ...props, children });
   }
 );
 Form.displayName = "Form";
-var FormGrid = React12__namespace.default.forwardRef(
+var FormGrid = React9__namespace.default.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx__default.default("platform-form-grid", className), ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx4__default.default("platform-form-grid", className), ...props, children });
   }
 );
 FormGrid.displayName = "FormGrid";
-var InlineForm = React12__namespace.default.forwardRef(
+var InlineForm = React9__namespace.default.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx__default.default("platform-inline-form", className), ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx4__default.default("platform-inline-form", className), ...props, children });
   }
 );
 InlineForm.displayName = "InlineForm";
-var FormActionsRow = React12__namespace.default.forwardRef(
+var FormActionsRow = React9__namespace.default.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx__default.default("platform-form-actions", className), ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx4__default.default("platform-form-actions", className), ...props, children });
   }
 );
 FormActionsRow.displayName = "FormActionsRow";
@@ -8185,9 +7397,9 @@ function FormActions({
   saveDisabled = false,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx__default.default("flex justify-end gap-2 border-t border-gray-200 pt-4 dark:border-gray-700", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
-    /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx4__default.default("flex justify-end gap-2 border-t border-gray-200 pt-4 dark:border-gray-700", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
   ] });
 }
 function FormToggle({
@@ -8329,7 +7541,7 @@ function BaseForm({
     children,
     showFooter && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 pt-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
-        Button,
+        chunkBHOT22QL_js.Button,
         {
           type: "submit",
           color: "ios-glass-blue",
@@ -8341,7 +7553,7 @@ function BaseForm({
         }
       ),
       onCancel && /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
+        chunkBHOT22QL_js.Button,
         {
           type: "button",
           outline: true,
@@ -8361,7 +7573,7 @@ function ExpandableHistoryList({
   isLoading = false,
   className = "space-y-3"
 }) {
-  const [expandedItemId, setExpandedItemId] = React12.useState(null);
+  const [expandedItemId, setExpandedItemId] = React9.useState(null);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: loadingLabel }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: emptyLabel }) : items.map((item) => {
     const isExpanded = expandedItemId === item.id;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-gray-200/80 dark:border-gray-700/80", children: [
@@ -8600,7 +7812,7 @@ function StepFormPage({
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex items-center justify-between border-t border-white/30 pt-5 dark:border-white/10", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
+          chunkBHOT22QL_js.Button,
           {
             type: "button",
             onClick: handleBack,
@@ -8609,7 +7821,7 @@ function StepFormPage({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
+          chunkBHOT22QL_js.Button,
           {
             type: "button",
             onClick: handleNext,
@@ -8705,7 +7917,7 @@ function SearchFilterToolbar({
         )
       ] }),
       !!children && onOpenFilters && /* @__PURE__ */ jsxRuntime.jsxs(
-        Button,
+        chunkBHOT22QL_js.Button,
         {
           type: "button",
           onClick: onOpenFilters,
@@ -8720,31 +7932,31 @@ function SearchFilterToolbar({
       ),
       actions
     ] }),
-    !!children && onCloseFilters && /* @__PURE__ */ jsxRuntime.jsx(Headless5.Transition, { show: filtersOpen, as: React12.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(Headless5.Dialog, { as: "div", className: "relative z-50", onClose: onCloseFilters, children: [
+    !!children && onCloseFilters && /* @__PURE__ */ jsxRuntime.jsx(Headless3.Transition, { show: filtersOpen, as: React9.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { as: "div", className: "relative z-50", onClose: onCloseFilters, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Headless5.TransitionChild,
+        Headless3.TransitionChild,
         {
-          as: React12.Fragment,
+          as: React9.Fragment,
           enter: "ease-out duration-200",
           enterFrom: "opacity-0",
           enterTo: "opacity-100",
           leave: "ease-in duration-150",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
-          children: /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 backdrop-blur-md" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 backdrop-blur-md" })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 overflow-y-auto p-3 sm:p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex min-h-full max-w-2xl items-start justify-center pt-[8vh]", children: /* @__PURE__ */ jsxRuntime.jsx(
-        Headless5.TransitionChild,
+        Headless3.TransitionChild,
         {
-          as: React12.Fragment,
+          as: React9.Fragment,
           enter: "ease-out duration-250",
           enterFrom: "opacity-0 scale-95",
           enterTo: "opacity-100 scale-100",
           leave: "ease-in duration-180",
           leaveFrom: "opacity-100 scale-100",
           leaveTo: "opacity-0 scale-95",
-          children: /* @__PURE__ */ jsxRuntime.jsxs(Headless5.DialogPanel, { className: "liquid-surface-strong w-full overflow-hidden rounded-2xl", children: [
+          children: /* @__PURE__ */ jsxRuntime.jsxs(Headless3.DialogPanel, { className: "liquid-surface-strong w-full overflow-hidden rounded-2xl", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-white/30 px-5 py-4 dark:border-white/10", children: [
               resolvedFiltersContext ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-2 text-slate-600 dark:text-white/70", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: resolvedFiltersContext.icon }),
@@ -8759,7 +7971,7 @@ function SearchFilterToolbar({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[72vh] overflow-y-auto p-4 sm:p-5", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-white/30 p-4 dark:border-white/10", children: [
               onClearFilters && activeFiltersCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                Button,
+                chunkBHOT22QL_js.Button,
                 {
                   type: "button",
                   onClick: onClearFilters,
@@ -8769,7 +7981,7 @@ function SearchFilterToolbar({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                Button,
+                chunkBHOT22QL_js.Button,
                 {
                   type: "button",
                   onClick: onCloseFilters,
@@ -9023,18 +8235,18 @@ function ForceTouchMenu({
   className = ""
 }) {
   const router = chunkS7KHTUHA_js.useRouter();
-  const [isOpen, setIsOpen] = React12.useState(false);
-  const [isPressed, setIsPressed] = React12.useState(false);
-  const longPressTimer = React12.useRef(null);
-  const containerRef = React12.useRef(null);
+  const [isOpen, setIsOpen] = React9.useState(false);
+  const [isPressed, setIsPressed] = React9.useState(false);
+  const longPressTimer = React9.useRef(null);
+  const containerRef = React9.useRef(null);
   const LONG_PRESS_DURATION = 500;
-  const clearTimer = React12.useCallback(() => {
+  const clearTimer = React9.useCallback(() => {
     if (longPressTimer.current) {
       clearTimeout(longPressTimer.current);
       longPressTimer.current = null;
     }
   }, []);
-  const handlePressStart = React12.useCallback(() => {
+  const handlePressStart = React9.useCallback(() => {
     setIsPressed(true);
     longPressTimer.current = setTimeout(() => {
       setIsOpen(true);
@@ -9044,7 +8256,7 @@ function ForceTouchMenu({
       }
     }, LONG_PRESS_DURATION);
   }, []);
-  const handlePressEnd = React12.useCallback((e) => {
+  const handlePressEnd = React9.useCallback((e) => {
     clearTimer();
     if (!isOpen && isPressed) {
       setIsPressed(false);
@@ -9063,11 +8275,11 @@ function ForceTouchMenu({
     }
     setIsPressed(false);
   }, [clearTimer, isOpen, isPressed, openOnClick, onTap, router, href]);
-  const handlePressCancel = React12.useCallback(() => {
+  const handlePressCancel = React9.useCallback(() => {
     clearTimer();
     setIsPressed(false);
   }, [clearTimer]);
-  const handleContainerClick = React12.useCallback((e) => {
+  const handleContainerClick = React9.useCallback((e) => {
     if (!openOnClick) return;
     e.preventDefault();
     e.stopPropagation();
@@ -9081,7 +8293,7 @@ function ForceTouchMenu({
       router.push(item.href);
     }
   };
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     if (!isOpen) return;
     const handlePointerDown = (event) => {
       if (!containerRef.current) return;
@@ -9167,11 +8379,11 @@ function LaunchpadGrid({
   onItemClick,
   className
 }) {
-  const orderIndex = React12.useMemo(
+  const orderIndex = React9.useMemo(
     () => new Map(pageOrder.map((id, index) => [id, index])),
     [pageOrder]
   );
-  const orderedItems = React12.useMemo(() => {
+  const orderedItems = React9.useMemo(() => {
     const sortedPages = [...pageItems].sort(
       (a, b) => (orderIndex.get(a.id) ?? 999) - (orderIndex.get(b.id) ?? 999)
     );
@@ -9182,7 +8394,7 @@ function LaunchpadGrid({
   const allGroupedItems = [...groupedPageItems, ...groupedActionItems];
   groupedActionItems.length > 0 ? groupedPageItems.length : -1;
   const tileClass = "group relative flex flex-col items-center text-center transition-transform duration-200 hover:-translate-y-0.5";
-  const getForceTouchItems = React12.useCallback((item) => {
+  const getForceTouchItems = React9.useCallback((item) => {
     if (item.menuItems.length > 0) return item.menuItems;
     return [
       {
@@ -9192,7 +8404,7 @@ function LaunchpadGrid({
       }
     ];
   }, []);
-  const renderTile = React12.useCallback((item) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: !actionItemIds.has(item.id) && item.href.startsWith("/") && !item.onClick ? /* @__PURE__ */ jsxRuntime.jsx(
+  const renderTile = React9.useCallback((item) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: !actionItemIds.has(item.id) && item.href.startsWith("/") && !item.onClick ? /* @__PURE__ */ jsxRuntime.jsx(
     ForceTouchMenu,
     {
       href: item.href,
@@ -9239,7 +8451,7 @@ function LaunchpadGrid({
     ] })
   ) });
 }
-var LaunchpadIcon = React12.memo(function LaunchpadIcon2({
+var LaunchpadIcon = React9.memo(function LaunchpadIcon2({
   item,
   userProfile,
   isHydrated
@@ -9388,8 +8600,8 @@ function CookieConsent({
   onReject
 } = {}) {
   const t = chunkYXN2K77G_js.useTranslations("common.cookieConsent");
-  const [visible, setVisible] = React12.useState(false);
-  React12.useEffect(() => {
+  const [visible, setVisible] = React9.useState(false);
+  React9.useEffect(() => {
     const consent = localStorage.getItem(storageKey);
     if (!consent) {
       setVisible(true);
@@ -9428,8 +8640,8 @@ function CookieConsent({
               children: t("learnMore")
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: handleReject, outline: true, children: t("reject") }),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: handleAccept, color: "ios-glass-blue", children: t("accept") })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { onClick: handleReject, outline: true, children: t("reject") }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { onClick: handleAccept, color: "ios-glass-blue", children: t("accept") })
         ] })
       ] }) })
     }
@@ -9493,18 +8705,18 @@ function Dock({
 }) {
   const router = chunkS7KHTUHA_js.useRouter();
   const pathname = chunkS7KHTUHA_js.usePathname();
-  const [isAutoHidden, setIsAutoHidden] = React12.useState(false);
-  const autoHideTimerRef = React12.useRef(null);
-  const [hoveredIndex, setHoveredIndex] = React12.useState(null);
-  const [focusedIndex, setFocusedIndex] = React12.useState(null);
-  const [openClickMenuId, setOpenClickMenuId] = React12.useState(null);
-  const [isTabletViewport, setIsTabletViewport] = React12.useState(false);
-  const dockRef = React12.useRef(null);
-  const actions = React12.useMemo(
+  const [isAutoHidden, setIsAutoHidden] = React9.useState(false);
+  const autoHideTimerRef = React9.useRef(null);
+  const [hoveredIndex, setHoveredIndex] = React9.useState(null);
+  const [focusedIndex, setFocusedIndex] = React9.useState(null);
+  const [openClickMenuId, setOpenClickMenuId] = React9.useState(null);
+  const [isTabletViewport, setIsTabletViewport] = React9.useState(false);
+  const dockRef = React9.useRef(null);
+  const actions = React9.useMemo(
     () => [...navigationActions, ...contextualActions],
     [navigationActions, contextualActions]
   );
-  const resetAutoHideTimer = React12.useCallback(() => {
+  const resetAutoHideTimer = React9.useCallback(() => {
     if (!autoHide) return;
     if (autoHideTimerRef.current) {
       clearTimeout(autoHideTimerRef.current);
@@ -9514,7 +8726,7 @@ function Dock({
       setIsAutoHidden(true);
     }, AUTO_HIDE_DELAY);
   }, [autoHide]);
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     if (!autoHide) {
       setIsAutoHidden(false);
       return;
@@ -9526,7 +8738,7 @@ function Dock({
       }
     };
   }, [autoHide, resetAutoHideTimer]);
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     if (typeof window === "undefined") return;
     const media = window.matchMedia("(min-width: 768px) and (max-width: 1024px)");
     const syncViewport = () => setIsTabletViewport(media.matches);
@@ -9534,7 +8746,7 @@ function Dock({
     media.addEventListener("change", syncViewport);
     return () => media.removeEventListener("change", syncViewport);
   }, []);
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     const handlePointerDown = (event) => {
       if (!dockRef.current) return;
       const target = event.target;
@@ -9546,7 +8758,7 @@ function Dock({
     document.addEventListener("mousedown", handlePointerDown);
     return () => document.removeEventListener("mousedown", handlePointerDown);
   }, []);
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     setFocusedIndex(null);
     setHoveredIndex(null);
     setOpenClickMenuId(null);
@@ -9738,7 +8950,7 @@ function Dock({
     }
   );
 }
-var DockItem = React12.memo(function DockItem2({
+var DockItem = React9.memo(function DockItem2({
   action,
   index,
   hoveredIndex,
@@ -9799,15 +9011,15 @@ function DockContainer({
   tabletBreakpoint = 1024,
   className = "hidden md:flex"
 }) {
-  const [isTabletViewport, setIsTabletViewport] = React12.useState(false);
-  const [isReady, setIsReady] = React12.useState(false);
+  const [isTabletViewport, setIsTabletViewport] = React9.useState(false);
+  const [isReady, setIsReady] = React9.useState(false);
   const hasActions = navigationActions.length > 0 || contextualActions.length > 0;
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     if (hasActions) {
       setIsReady(true);
     }
   }, [hasActions]);
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     if (typeof window === "undefined") return;
     const media = window.matchMedia(`(max-width: ${tabletBreakpoint}px)`);
     const syncViewport = () => setIsTabletViewport(media.matches);
@@ -9839,14 +9051,14 @@ function PageLoadingState({ label, compact = false }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx__default.default(
+      className: clsx4__default.default(
         "flex w-full items-center justify-center",
         compact ? "py-6" : "min-h-[calc(100dvh-9rem)] py-0"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx__default.default(
+          className: clsx4__default.default(
             "liquid-surface relative overflow-hidden rounded-2xl",
             compact ? "px-6 py-5" : "px-10 py-8"
           ),
@@ -9877,7 +9089,7 @@ function AppShell({
     initializers,
     /* @__PURE__ */ jsxRuntime.jsx(NavigationProgress, {}),
     navigation,
-    /* @__PURE__ */ jsxRuntime.jsx(React12.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(PageLoadingState, { label: loadingLabel }), children }),
+    /* @__PURE__ */ jsxRuntime.jsx(React9.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(PageLoadingState, { label: loadingLabel }), children }),
     dock,
     profileDrawer
   ] });
@@ -9912,7 +9124,7 @@ function Avatar({
       "data-slot": "avatar",
       ...props,
       style: toneCfg ? { "--avatar-glow": toneCfg.glow } : void 0,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         className,
         "liquid-avatar transition-colors duration-200",
         // Tone tint at rest + intensified fill on hover ("cristal
@@ -9944,7 +9156,7 @@ function Avatar({
     }
   );
 }
-var AvatarButton = React12.forwardRef(function AvatarButton2({
+var AvatarButton = React9.forwardRef(function AvatarButton2({
   src,
   square = false,
   initials,
@@ -9953,16 +9165,16 @@ var AvatarButton = React12.forwardRef(function AvatarButton2({
   className,
   ...props
 }, ref) {
-  let classes = clsx__default.default(
+  let classes = clsx4__default.default(
     className,
     "liquid-avatar-interactive relative inline-grid",
     square ? "rounded-[20%]" : "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__ */ jsxRuntime.jsx(Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt, tone }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt, tone }) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Headless5__namespace.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt, tone }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Headless3__namespace.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt, tone }) }) });
 });
 function ImageUpload({
   src,
@@ -9979,12 +9191,12 @@ function ImageUpload({
   tooLargeMessage = "File too large",
   disabled = false
 }) {
-  const [preview, setPreview] = React12.useState(null);
-  const [isUploading, setIsUploading] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
-  const fileInputRef = React12.useRef(null);
+  const [preview, setPreview] = React9.useState(null);
+  const [isUploading, setIsUploading] = React9.useState(false);
+  const [error, setError] = React9.useState(null);
+  const fileInputRef = React9.useRef(null);
   const acceptSet = new Set(accept.split(",").map((t) => t.trim()));
-  const handleChange = React12.useCallback(async (event) => {
+  const handleChange = React9.useCallback(async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
     setError(null);
@@ -10056,137 +9268,6 @@ function ImageUpload({
     hint && !error && /* @__PURE__ */ jsxRuntime.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__default.default(
-    "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__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        "data-testid": "badge",
-        onClick,
-        style: CRYSTAL_STYLE2,
-        ...liveProps,
-        className: clsx__default.default(
-          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__ */ jsxRuntime.jsx("span", { className: clsx__default.default("shrink-0", sz.icon), "aria-hidden": true, children: icon }),
-          children
-        ]
-      }
-    );
-  }
-  if (removable) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "span",
-      {
-        "data-testid": "badge",
-        ...props,
-        ...liveProps,
-        style: CRYSTAL_STYLE2,
-        className: clsx__default.default(base, "pr-1"),
-        children: [
-          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx__default.default("shrink-0", sz.icon), "aria-hidden": true, children: icon }),
-          children,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": removeLabel,
-              onClick: (event) => {
-                event.stopPropagation();
-                onRemove?.();
-              },
-              className: clsx__default.default(
-                "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__ */ jsxRuntime.jsx(solid.XMarkIcon, { className: sz.remove })
-            }
-          )
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-testid": "badge", ...props, ...liveProps, style: CRYSTAL_STYLE2, className: base, children: [
-    icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx__default.default("shrink-0", sz.icon), "aria-hidden": true, children: icon }),
-    children
-  ] });
-}
-React12.forwardRef(function BadgeButton2({
-  color = "zinc",
-  size = "sm",
-  icon,
-  className,
-  children,
-  ...props
-}, ref) {
-  let classes = clsx__default.default(
-    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__ */ jsxRuntime.jsx(Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { color, size, icon, children }) }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(Headless5__namespace.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { color, size, icon, children }) }) });
-});
 function Breadcrumb({ pages, actions, centerContent, dashboardPath = "/dashboard" }) {
   const t = chunkYXN2K77G_js.useTranslations("common");
   const currentPage = pages.find((page) => page.current) || pages[pages.length - 1];
@@ -10198,7 +9279,7 @@ function Breadcrumb({ pages, actions, centerContent, dashboardPath = "/dashboard
       className: "liquid-surface-strong sticky top-2 z-30 mx-4 rounded-2xl sm:mx-6 lg:mx-8",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-full grid-cols-[1fr_auto_1fr] items-center gap-3 px-4 py-2.5 sm:px-6 lg:px-8", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: parentPage ? /* @__PURE__ */ jsxRuntime.jsxs(
-          Link,
+          chunkBHOT22QL_js.Link,
           {
             href: parentPage.href,
             className: "inline-flex max-w-full items-center gap-1 rounded-full px-2 py-1 text-sm font-medium text-slate-600 hover:bg-white/60 dark:text-slate-300 dark:hover:bg-white/10",
@@ -10208,7 +9289,7 @@ function Breadcrumb({ pages, actions, centerContent, dashboardPath = "/dashboard
             ]
           }
         ) : /* @__PURE__ */ jsxRuntime.jsxs(
-          Link,
+          chunkBHOT22QL_js.Link,
           {
             href: dashboardPath,
             className: "inline-flex items-center gap-1 rounded-full px-2 py-1 text-sm font-medium text-slate-600 hover:bg-white/60 dark:text-slate-300 dark:hover:bg-white/10",
@@ -10231,7 +9312,7 @@ function CreateActionButton({
   mode = "responsive"
 }) {
   const buttonContent = /* @__PURE__ */ jsxRuntime.jsxs(
-    Button,
+    chunkBHOT22QL_js.Button,
     {
       type: "button",
       onClick,
@@ -10269,8 +9350,8 @@ function DevModeBanner({
   devModeLabel = "DEV",
   devModeMessage = "Local development mode"
 }) {
-  const [glassTest, setGlassTest] = React12.useState(false);
-  const toggleGlassTest = React12.useCallback(() => {
+  const [glassTest, setGlassTest] = React9.useState(false);
+  const toggleGlassTest = React9.useCallback(() => {
     const html = document.documentElement;
     const next = !glassTest;
     html.classList.toggle("glass-test", next);
@@ -10350,7 +9431,7 @@ function Divider({
     {
       role: "presentation",
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         className,
         "w-full border-t",
         soft && "border-zinc-950/5 dark:border-white/5",
@@ -10372,14 +9453,14 @@ function DynamicIslandConfirm({
 }) {
   const resolvedConfirmLabel = confirmLabel ?? "Confirm";
   const resolvedCancelLabel = cancelLabel ?? "Cancel";
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     if (open) {
       chunkUZ3CMNUJ_js.triggerHaptic("warning");
     }
   }, [open]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless5.Dialog, { open, onClose, className: "relative z-[120]", "aria-labelledby": "dynamic-island-title", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose, className: "relative z-[120]", "aria-labelledby": "dynamic-island-title", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 bg-black/10 backdrop-blur-[2px]" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-start justify-center pt-3 px-4", children: /* @__PURE__ */ jsxRuntime.jsxs(Headless5.DialogPanel, { className: "w-full max-w-sm rounded-[28px] bg-black/95 p-3 text-white shadow-2xl", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-start justify-center pt-3 px-4", children: /* @__PURE__ */ jsxRuntime.jsxs(Headless3.DialogPanel, { className: "w-full max-w-sm rounded-[28px] bg-black/95 p-3 text-white shadow-2xl", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-2 py-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-9 w-9 shrink-0 rounded-xl ${iconBackground} flex items-center justify-center`, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.TrashIcon, { className: "h-5 w-5 text-white" }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
@@ -10419,9 +9500,9 @@ function FlyoutMenu({
   maxWidthClassName = "max-w-4xl",
   panelClassName
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless5.Dialog, { open, onClose, className: "relative z-50", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 backdrop-blur-sm dark:bg-black/45" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-start justify-center p-2 pt-[max(2.75rem,env(safe-area-inset-top))] sm:p-4 sm:pt-20", children: /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogPanel, { className: `w-screen ${maxWidthClassName} ${panelClassName ?? defaultPanelClassName}`, children: title ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose, className: "relative z-50", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 backdrop-blur-sm dark:bg-black/45" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-start justify-center p-2 pt-[max(2.75rem,env(safe-area-inset-top))] sm:p-4 sm:pt-20", children: /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogPanel, { className: `w-screen ${maxWidthClassName} ${panelClassName ?? defaultPanelClassName}`, children: title ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex items-center justify-center", children: title }),
       children
     ] }) : children }) })
@@ -10522,10 +9603,10 @@ function FlyoutNavGrid({
   searchFocusRingClass = "focus-ring-indigo"
 }) {
   const t = chunkYXN2K77G_js.useTranslations("common");
-  const [query, setQuery] = React12.useState("");
+  const [query, setQuery] = React9.useState("");
   const isCurrentPath = (href) => href === "/dashboard" ? currentPath === "/dashboard" : currentPath.startsWith(href);
   const normalizedQuery = query.trim().toLowerCase();
-  const filteredItems = React12.useMemo(
+  const filteredItems = React9.useMemo(
     () => normalizedQuery ? items.filter(
       (item) => `${item.label} ${item.subtitle ?? ""}`.toLowerCase().includes(normalizedQuery)
     ) : items,
@@ -10589,7 +9670,7 @@ function Heading({ className, level = 1, ...props }) {
     Element,
     {
       ...props,
-      className: clsx__default.default(className, "text-2xl/8 font-semibold text-zinc-950 sm:text-xl/8 dark:text-white")
+      className: clsx4__default.default(className, "text-2xl/8 font-semibold text-zinc-950 sm:text-xl/8 dark:text-white")
     }
   );
 }
@@ -10599,7 +9680,7 @@ function Subheading({ className, level = 2, ...props }) {
     Element,
     {
       ...props,
-      className: clsx__default.default(className, "text-base/7 font-semibold text-zinc-950 sm:text-sm/6 dark:text-white")
+      className: clsx4__default.default(className, "text-base/7 font-semibold text-zinc-950 sm:text-sm/6 dark:text-white")
     }
   );
 }
@@ -10609,7 +9690,7 @@ function LanguageSwitcher({
   onLocaleChange,
   changeLanguageLabel = "Change language"
 }) {
-  const [open, setOpen] = React12.useState(false);
+  const [open, setOpen] = React9.useState(false);
   const handleLanguageChange = (code) => {
     onLocaleChange(code);
     setOpen(false);
@@ -10628,9 +9709,9 @@ function LanguageSwitcher({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(Headless5.Dialog, { className: "relative z-50", open, onClose: setOpen, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Headless5.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 backdrop-blur-sm" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 grid place-items-center p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(Headless5.DialogPanel, { className: "w-full max-w-md liquid-surface rounded-2xl border border-white/45 p-4 dark:border-white/12", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { className: "relative z-50", open, onClose: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 backdrop-blur-sm" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 grid place-items-center p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(Headless3.DialogPanel, { className: "w-full max-w-md liquid-surface rounded-2xl border border-white/45 p-4 dark:border-white/12", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-slate-600 dark:text-slate-300", children: changeLanguageLabel }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-2", children: languages.map((language) => {
           const selected = currentLocale === language.code;
@@ -10730,23 +9811,23 @@ function MonthPicker({
   const locale$1 = chunkYXN2K77G_js.useLocale();
   const t = chunkYXN2K77G_js.useTranslations("common");
   const dateFnsLocale = dateFnsLocales2[locale$1] || locale.ptBR;
-  const months = React12__namespace.useMemo(() => getLocalizedMonths(dateFnsLocale), [dateFnsLocale]);
+  const months = React9__namespace.useMemo(() => getLocalizedMonths(dateFnsLocale), [dateFnsLocale]);
   const defaultPlaceholder = t("selectMonth");
-  const [open, setOpen] = React12__namespace.useState(false);
-  const availableYears = React12__namespace.useMemo(() => {
+  const [open, setOpen] = React9__namespace.useState(false);
+  const availableYears = React9__namespace.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__namespace.useState(() => {
+  const [viewYear, setViewYear] = React9__namespace.useState(() => {
     if (value) return parseInt(value.split("-")[0]);
     if (availableYears.length > 0) return availableYears[0];
     return (/* @__PURE__ */ new Date()).getFullYear();
   });
-  const isMonthAvailable = React12__namespace.useCallback((year, monthIndex) => {
+  const isMonthAvailable = React9__namespace.useCallback((year, monthIndex) => {
     const monthStr = `${year}-${String(monthIndex + 1).padStart(2, "0")}`;
     return availableMonths.includes(monthStr);
   }, [availableMonths]);
-  const displayValue = React12__namespace.useMemo(() => {
+  const displayValue = React9__namespace.useMemo(() => {
     if (!value) return placeholder || defaultPlaceholder;
     try {
       const date = dateFns.parse(value, "yyyy-MM", /* @__PURE__ */ new Date());
@@ -10974,7 +10055,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
         {
           initial: prefersReducedMotion2 ? false : { opacity: 0, scale: 0.95 },
           animate: prefersReducedMotion2 ? noMotion : { opacity: 1, scale: 1 },
-          transition: prefersReducedMotion2 ? noTransition : springPresets.gentle,
+          transition: prefersReducedMotion2 ? noTransition : chunkBHOT22QL_js.springPresets.gentle,
           className: "liquid-surface w-full max-w-lg rounded-2xl px-8 py-14 text-center",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -10982,7 +10063,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
               {
                 initial: prefersReducedMotion2 ? false : { scale: 0.6, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { scale: 1, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : springPresets.bouncy,
+                transition: prefersReducedMotion2 ? noTransition : chunkBHOT22QL_js.springPresets.bouncy,
                 className: "mx-auto mb-6",
                 children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `inline-flex h-20 w-20 items-center justify-center rounded-full backdrop-blur-md border ${accent.container}`, children: customIcon ?? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `h-10 w-10 ${accent.icon}` }) })
               }
@@ -10993,7 +10074,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
                 "data-testid": "empty-state-title",
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...springPresets.default, delay: 0.1 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.default, delay: 0.1 },
                 className: "text-xl font-semibold text-gray-900 dark:text-white",
                 children: title
               }
@@ -11004,7 +10085,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
                 "data-testid": "empty-state-message",
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...springPresets.default, delay: 0.15 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.default, delay: 0.15 },
                 className: "mt-3 text-sm text-gray-500 dark:text-gray-400 max-w-sm mx-auto leading-relaxed",
                 children: message
               }
@@ -11021,7 +10102,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
                   {
                     initial: prefersReducedMotion2 ? false : { scale: 0 },
                     animate: prefersReducedMotion2 ? noMotion : { scale: 1 },
-                    transition: prefersReducedMotion2 ? noTransition : { ...springPresets.bouncy, delay: 0.35 + i * 0.08 },
+                    transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.bouncy, delay: 0.35 + i * 0.08 },
                     className: "h-1.5 w-1.5 rounded-full bg-gray-300 dark:bg-gray-600"
                   },
                   i
@@ -11057,7 +10138,7 @@ function PageErrorState({
         {
           initial: prefersReducedMotion2 ? false : { opacity: 0, scale: 0.95 },
           animate: prefersReducedMotion2 ? noMotion : { opacity: 1, scale: 1 },
-          transition: prefersReducedMotion2 ? noTransition : springPresets.gentle,
+          transition: prefersReducedMotion2 ? noTransition : chunkBHOT22QL_js.springPresets.gentle,
           className: "liquid-surface w-full max-w-2xl rounded-2xl px-12 py-14 text-center",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -11065,7 +10146,7 @@ function PageErrorState({
               {
                 initial: prefersReducedMotion2 ? false : { scale: 0.6, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { scale: 1, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : springPresets.bouncy,
+                transition: prefersReducedMotion2 ? noTransition : chunkBHOT22QL_js.springPresets.bouncy,
                 className: "mx-auto mb-6",
                 children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-20 w-20 items-center justify-center rounded-full backdrop-blur-md border bg-red-50/80 dark:bg-red-900/30 border-red-100/50 dark:border-red-800/30", children: customIcon ?? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ExclamationTriangleIcon, { className: "h-10 w-10 text-red-500 dark:text-red-400" }) })
               }
@@ -11075,7 +10156,7 @@ function PageErrorState({
               {
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...springPresets.default, delay: 0.05 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.default, delay: 0.05 },
                 className: "mb-1 text-sm font-semibold tracking-widest text-red-500 dark:text-red-400",
                 children: statusCode
               }
@@ -11086,7 +10167,7 @@ function PageErrorState({
                 "data-testid": "error-state-title",
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...springPresets.default, delay: 0.1 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.default, delay: 0.1 },
                 className: "text-xl font-semibold text-gray-900 dark:text-white",
                 children: title
               }
@@ -11097,7 +10178,7 @@ function PageErrorState({
                 "data-testid": "error-state-message",
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...springPresets.default, delay: 0.15 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.default, delay: 0.15 },
                 className: "mt-3 text-sm text-gray-500 dark:text-gray-400 max-w-sm mx-auto leading-relaxed",
                 children: message
               }
@@ -11107,7 +10188,7 @@ function PageErrorState({
               {
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...springPresets.default, delay: 0.25 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.default, delay: 0.25 },
                 className: "mt-8",
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   "button",
@@ -11133,7 +10214,7 @@ function PageErrorState({
                   {
                     initial: prefersReducedMotion2 ? false : { scale: 0 },
                     animate: prefersReducedMotion2 ? noMotion : { scale: 1 },
-                    transition: prefersReducedMotion2 ? noTransition : { ...springPresets.bouncy, delay: 0.35 + i * 0.08 },
+                    transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.bouncy, delay: 0.35 + i * 0.08 },
                     className: "h-1.5 w-1.5 rounded-full bg-red-300 dark:bg-red-700"
                   },
                   i
@@ -11162,7 +10243,7 @@ function BrandedLoader({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx__default.default(
+      className: clsx4__default.default(
         "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
@@ -11172,7 +10253,7 @@ function BrandedLoader({
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: clsx__default.default(
+              className: clsx4__default.default(
                 "absolute -inset-3 animate-ping motion-reduce:animate-none rounded-3xl opacity-20",
                 `bg-gradient-to-br ${gradient}`
               ),
@@ -11182,7 +10263,7 @@ function BrandedLoader({
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: clsx__default.default(
+              className: clsx4__default.default(
                 "absolute -inset-1.5 rounded-[22px] ring-2",
                 accentRing,
                 "animate-pulse motion-reduce:animate-none"
@@ -11198,7 +10279,7 @@ function BrandedLoader({
             /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: clsx__default.default(
+                className: clsx4__default.default(
                   "relative flex h-24 w-24 items-center justify-center rounded-[20px]",
                   `bg-gradient-to-br ${gradient}`,
                   "shadow-lg shadow-black/20"
@@ -11214,7 +10295,7 @@ function BrandedLoader({
         /* @__PURE__ */ jsxRuntime.jsx(
           "h2",
           {
-            className: clsx__default.default(
+            className: clsx4__default.default(
               "bg-clip-text text-xl font-bold tracking-tight text-transparent",
               `bg-gradient-to-r ${gradient}`
             ),
@@ -11225,7 +10306,7 @@ function BrandedLoader({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: clsx__default.default(
+              className: clsx4__default.default(
                 "h-1.5 w-1.5 rounded-full",
                 `bg-gradient-to-br ${gradient}`,
                 "animate-bounce motion-reduce:animate-none"
@@ -11240,7 +10321,7 @@ function BrandedLoader({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1.5", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: clsx__default.default(
+              className: clsx4__default.default(
                 "h-2 w-2 rounded-full",
                 `bg-gradient-to-br ${gradient}`,
                 "animate-bounce motion-reduce:animate-none"
@@ -11268,11 +10349,11 @@ function AppLogo({
   wordmark
 }) {
   const s = SIZES[size];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx__default.default("inline-flex items-center", s.gap, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx4__default.default("inline-flex items-center", s.gap, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: clsx__default.default(
+        className: clsx4__default.default(
           "relative flex flex-none items-center justify-center",
           s.container,
           `bg-gradient-to-br ${gradient}`,
@@ -11280,14 +10361,14 @@ function AppLogo({
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon, { className: clsx__default.default("relative text-white", s.icon) })
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: clsx4__default.default("relative text-white", s.icon) })
         ]
       }
     ),
     wordmark ?? /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        className: clsx__default.default(
+        className: clsx4__default.default(
           "font-bold tracking-tight bg-clip-text text-transparent whitespace-nowrap",
           `bg-gradient-to-r ${gradient}`,
           s.text
@@ -11421,10 +10502,10 @@ function Fieldset2({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless5__namespace.Fieldset,
+    Headless3__namespace.Fieldset,
     {
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         className,
         "*:data-[slot=text]:mt-1 [&>*+[data-slot=control]]:mt-6"
       )
@@ -11436,11 +10517,11 @@ function Legend2({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless5__namespace.Legend,
+    Headless3__namespace.Legend,
     {
       "data-slot": "legend",
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         className,
         "text-base/6 font-semibold text-zinc-950 data-disabled:opacity-50 sm:text-sm/6 dark:text-white"
       )
@@ -11456,7 +10537,7 @@ function FieldGroup({
     {
       "data-slot": "control",
       ...props,
-      className: clsx__default.default(className, "space-y-8")
+      className: clsx4__default.default(className, "space-y-8")
     }
   );
 }
@@ -11465,10 +10546,10 @@ function Field2({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless5__namespace.Field,
+    Headless3__namespace.Field,
     {
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         className,
         "[&>[data-slot=label]+[data-slot=control]]:mt-3",
         "[&>[data-slot=label]+[data-slot=description]]:mt-1",
@@ -11485,11 +10566,11 @@ function Label2({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless5__namespace.Label,
+    Headless3__namespace.Label,
     {
       "data-slot": "label",
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         className,
         "text-base/6 text-zinc-950 select-none data-disabled:opacity-50 sm:text-sm/6 dark:text-white"
       )
@@ -11501,11 +10582,11 @@ function Description3({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless5__namespace.Description,
+    Headless3__namespace.Description,
     {
       "data-slot": "description",
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         className,
         "text-base/6 text-zinc-500 data-disabled:opacity-50 sm:text-sm/6 dark:text-zinc-400"
       )
@@ -11517,22 +10598,22 @@ function ErrorMessage({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless5__namespace.Description,
+    Headless3__namespace.Description,
     {
       "data-slot": "error",
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         className,
         "text-base/6 text-red-600 data-disabled:opacity-50 sm:text-sm/6 dark:text-red-500"
       )
     }
   );
 }
-var Textarea = React12__namespace.forwardRef(({ className, ...props }, ref) => {
+var Textarea = React9__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
-      className: clsx__default.default(
+      className: clsx4__default.default(
         "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",
@@ -11698,9 +10779,9 @@ function WorkspaceContent({ config }) {
   ] });
 }
 function ProfileContent({ config }) {
-  const [currentPassword, setCurrentPassword] = React12.useState("");
-  const [newPassword, setNewPassword] = React12.useState("");
-  const [confirmPassword, setConfirmPassword] = React12.useState("");
+  const [currentPassword, setCurrentPassword] = React9.useState("");
+  const [newPassword, setNewPassword] = React9.useState("");
+  const [confirmPassword, setConfirmPassword] = React9.useState("");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { title: config.title }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
@@ -11717,7 +10798,7 @@ function ProfileContent({ config }) {
           ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-bold text-white", children: config.initials })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(Button, { color: "zinc", onClick: config.onChangeAvatar, className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Button, { color: "zinc", onClick: config.onChangeAvatar, className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UserIcon, { className: "h-4 w-4" }),
         config.changeAvatarLabel
       ] })
@@ -11766,7 +10847,7 @@ function ProfileContent({ config }) {
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
+          chunkBHOT22QL_js.Button,
           {
             color: "blue",
             className: "mt-2",
@@ -11929,15 +11010,15 @@ function SettingsModal({
   accessDenied,
   signOut
 }) {
-  const [activeSectionId, setActiveSectionId] = React12.useState(
+  const [activeSectionId, setActiveSectionId] = React9.useState(
     () => initialSection ?? sections[0]?.id ?? ""
   );
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     if (open) {
       setActiveSectionId(initialSection ?? sections[0]?.id ?? "");
     }
   }, [open, initialSection, sections]);
-  const handleSectionChange = React12.useCallback((sectionId) => {
+  const handleSectionChange = React9.useCallback((sectionId) => {
     setActiveSectionId(sectionId);
   }, []);
   const dialogSections = sections.map((section) => ({
@@ -11967,7 +11048,7 @@ function SettingsModal({
     }
     return /* @__PURE__ */ jsxRuntime.jsx(PlaceholderContent, { message: placeholderMessage });
   };
-  const footer = signOut ? /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", onClick: signOut.onClick, color: "ios-glass-red", fullWidth: true, children: [
+  const footer = signOut ? /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Button, { type: "button", onClick: signOut.onClick, color: "ios-glass-red", fullWidth: true, children: [
     signOut.icon,
     signOut.label
   ] }) : sidebarFooter;
@@ -12049,14 +11130,14 @@ function OtpInput({
   inputMode = "numeric"
 }) {
   const t = chunkYXN2K77G_js.useTranslations("auth");
-  const groupId = React12.useId();
-  const inputsRef = React12.useRef([]);
+  const groupId = React9.useId();
+  const inputsRef = React9.useRef([]);
   const digits = value.split("").concat(Array(length).fill("")).slice(0, length);
-  const focusInput = React12.useCallback((index) => {
+  const focusInput = React9.useCallback((index) => {
     const clamped = Math.max(0, Math.min(index, length - 1));
     inputsRef.current[clamped]?.focus();
   }, [length]);
-  const handleChange = React12.useCallback(
+  const handleChange = React9.useCallback(
     (index, digit) => {
       if (disabled) return;
       const char = digit.slice(-1);
@@ -12076,7 +11157,7 @@ function OtpInput({
     },
     [disabled, inputMode, value, length, onChange, focusInput, onComplete]
   );
-  const handleKeyDown = React12.useCallback(
+  const handleKeyDown = React9.useCallback(
     (index, event) => {
       if (event.key === "Backspace") {
         event.preventDefault();
@@ -12100,7 +11181,7 @@ function OtpInput({
     },
     [value, length, onChange, focusInput]
   );
-  const handlePaste = React12.useCallback(
+  const handlePaste = React9.useCallback(
     (event) => {
       event.preventDefault();
       const pasted = event.clipboardData.getData("text").trim();
@@ -12224,11 +11305,11 @@ function PasswordStrengthMeter({
   showRequirements = false
 }) {
   const t = chunkYXN2K77G_js.useTranslations("auth");
-  const requirements = React12.useMemo(
+  const requirements = React9.useMemo(
     () => evaluateRequirements(password, policy),
     [password, policy]
   );
-  const strength = React12.useMemo(
+  const strength = React9.useMemo(
     () => computeStrength(password, requirements),
     [password, requirements]
   );
@@ -12247,7 +11328,7 @@ function PasswordStrengthMeter({
           className: `h-1.5 flex-1 rounded-full ${index < strength ? STRENGTH_COLORS[strength - 1] : "bg-gray-200 dark:bg-gray-700"}`,
           initial: { scaleX: 0 },
           animate: { scaleX: index < strength ? 1 : 0.5 },
-          transition: springPresets.stiff,
+          transition: chunkBHOT22QL_js.springPresets.stiff,
           style: { transformOrigin: "left" }
         },
         index
@@ -12277,13 +11358,13 @@ function BackupCodeGrid({
   onReveal
 }) {
   const t = chunkYXN2K77G_js.useTranslations("auth");
-  const handleCopyAll = React12.useCallback(async () => {
+  const handleCopyAll = React9.useCallback(async () => {
     const text = codes.join("\n");
     await navigator.clipboard.writeText(text);
     chunkUZ3CMNUJ_js.triggerHaptic("success");
     onCopyAll?.();
   }, [codes, onCopyAll]);
-  const handleDownload = React12.useCallback(() => {
+  const handleDownload = React9.useCallback(() => {
     const text = [
       t("backupCodesFileTitle"),
       "=====================",
@@ -12305,7 +11386,7 @@ function BackupCodeGrid({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface-strong rounded-xl p-4", children: !revealed ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-8 gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: t("backupCodesHidden") }),
-      onReveal && /* @__PURE__ */ jsxRuntime.jsx(Button, { outline: true, onClick: onReveal, children: t("backupCodesReveal") })
+      onReveal && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { outline: true, onClick: onReveal, children: t("backupCodesReveal") })
     ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: codes.map((code, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -12321,11 +11402,11 @@ function BackupCodeGrid({
       index
     )) }) }),
     revealed && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Button, { outline: true, size: "sm", onClick: handleCopyAll, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Button, { outline: true, size: "sm", onClick: handleCopyAll, children: [
         /* @__PURE__ */ jsxRuntime.jsx(solid.ClipboardDocumentIcon, { className: "h-4 w-4" }),
         t("backupCodesCopyAll")
       ] }),
-      showDownload && /* @__PURE__ */ jsxRuntime.jsxs(Button, { outline: true, size: "sm", onClick: handleDownload, children: [
+      showDownload && /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Button, { outline: true, size: "sm", onClick: handleDownload, children: [
         /* @__PURE__ */ jsxRuntime.jsx(solid.ArrowDownTrayIcon, { className: "h-4 w-4" }),
         t("backupCodesDownload")
       ] })
@@ -12364,7 +11445,7 @@ function SocialLoginButtons({
   const t = chunkYXN2K77G_js.useTranslations("auth");
   const isColumn = layout === "column";
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex ${isColumn ? "flex-col" : "flex-row"} gap-2`, children: providers.map((provider) => /* @__PURE__ */ jsxRuntime.jsxs(
-    Button,
+    chunkBHOT22QL_js.Button,
     {
       outline: true,
       fullWidth: isColumn,
@@ -12673,7 +11754,7 @@ function RadiantHeading({
     Element,
     {
       ...props,
-      className: clsx.clsx(
+      className: clsx4.clsx(
         className,
         "text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-5xl lg:text-6xl"
       )
@@ -12690,7 +11771,7 @@ function RadiantSubheading({
     Element,
     {
       ...props,
-      className: clsx.clsx(
+      className: clsx4.clsx(
         className,
         "font-semibold text-blue-600 dark:text-blue-400 uppercase tracking-wider text-sm mb-4"
       )
@@ -12704,7 +11785,7 @@ function Lead({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
-      className: clsx.clsx(className, "text-xl text-gray-600 dark:text-gray-400 leading-relaxed"),
+      className: clsx4.clsx(className, "text-xl text-gray-600 dark:text-gray-400 leading-relaxed"),
       ...props
     }
   );
@@ -12715,12 +11796,12 @@ function AnimatedNumber({
   decimals = 0,
   suffix = ""
 }) {
-  const ref = React12.useRef(null);
+  const ref = React9.useRef(null);
   const isInView = framerMotion.useInView(ref, { once: true, amount: 0.5 });
   const value = framerMotion.useMotionValue(start);
   const spring2 = framerMotion.useSpring(value, { damping: 30, stiffness: 100 });
   const display = framerMotion.useTransform(spring2, (num) => `${num.toFixed(decimals)}${suffix}`);
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     value.set(isInView ? end : start);
   }, [start, end, isInView, value]);
   return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.span, { ref, children: display });
@@ -12733,7 +11814,7 @@ function Gradient({
     "div",
     {
       ...props,
-      className: clsx.clsx(
+      className: clsx4.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"
       )
@@ -12745,7 +11826,7 @@ function GradientBackground() {
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: clsx.clsx(
+        className: clsx4.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"
@@ -12755,7 +11836,7 @@ function GradientBackground() {
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: clsx.clsx(
+        className: clsx4.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"
@@ -12779,7 +11860,7 @@ function BentoCard({
       initial: "idle",
       whileHover: "active",
       variants: { idle: {}, active: {} },
-      className: clsx.clsx(
+      className: clsx4.clsx(
         className,
         "group relative flex flex-col overflow-hidden rounded-2xl",
         "bg-white dark:bg-gray-800 shadow-lg hover:shadow-xl transition-shadow",
@@ -12804,7 +11885,7 @@ function PlusGrid({
   className = "",
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(className, "space-y-px"), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx4.clsx(className, "space-y-px"), children });
 }
 function PlusGridRow({
   className = "",
@@ -12813,7 +11894,7 @@ function PlusGridRow({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx.clsx(
+      className: clsx4.clsx(
         className,
         "group/row relative isolate grid gap-px"
       ),
@@ -12825,7 +11906,7 @@ function PlusGridItem({
   className = "",
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(className, "group/item relative"), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx4.clsx(className, "group/item relative"), children });
 }
 function RadiantStatCard({
   value,
@@ -12838,7 +11919,7 @@ function RadiantStatCard({
       initial: { opacity: 0, y: 20 },
       whileInView: { opacity: 1, y: 0 },
       transition: { duration: 0.5 },
-      className: clsx.clsx(
+      className: clsx4.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"
@@ -12867,7 +11948,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__ */ jsxRuntime.jsx("div", { className: clsx.clsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx4.clsx(
           "inline-flex rounded-xl p-3 mb-6",
           `bg-gradient-to-br ${gradient}`
         ), children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-6 w-6 text-white" }) }),
@@ -12982,7 +12063,7 @@ function CollapsibleGroupedList({
   className,
   groupClassName
 }) {
-  const [collapsedGroups, setCollapsedGroups] = React12.useState(/* @__PURE__ */ new Set());
+  const [collapsedGroups, setCollapsedGroups] = React9.useState(/* @__PURE__ */ new Set());
   const toggleCollapse = (groupKey) => {
     setCollapsedGroups((previousCollapsedGroups) => {
       const nextCollapsedGroups = new Set(previousCollapsedGroups);
@@ -13041,28 +12122,28 @@ function useGeoMapState({
   regionCoordinates,
   defaultCenter = [0, 0]
 }) {
-  const [zoom, setZoom] = React12.useState(1);
-  const [center, setCenter] = React12.useState(defaultCenter);
-  const [hoveredRegion, setHoveredRegion] = React12.useState(null);
-  const [animatedRegions, setAnimatedRegions] = React12.useState(/* @__PURE__ */ new Set());
-  const [panOffset, setPanOffset] = React12.useState([0, 0]);
-  const handleZoomIn = React12.useCallback(() => {
+  const [zoom, setZoom] = React9.useState(1);
+  const [center, setCenter] = React9.useState(defaultCenter);
+  const [hoveredRegion, setHoveredRegion] = React9.useState(null);
+  const [animatedRegions, setAnimatedRegions] = React9.useState(/* @__PURE__ */ new Set());
+  const [panOffset, setPanOffset] = React9.useState([0, 0]);
+  const handleZoomIn = React9.useCallback(() => {
     setZoom((previous) => Math.min(previous + ZOOM_STEP, MAX_ZOOM));
   }, []);
-  const handleZoomOut = React12.useCallback(() => {
+  const handleZoomOut = React9.useCallback(() => {
     setZoom((previous) => Math.max(previous - ZOOM_STEP, MIN_ZOOM));
   }, []);
-  const handleMoveEnd = React12.useCallback(
+  const handleMoveEnd = React9.useCallback(
     (position) => {
       setCenter(position.coordinates);
       setZoom(position.zoom);
     },
     []
   );
-  const handlePan = React12.useCallback((dx, dy) => {
+  const handlePan = React9.useCallback((dx, dy) => {
     setPanOffset((previous) => [previous[0] + dx, previous[1] + dy]);
   }, []);
-  const regionGroups = React12.useMemo(() => {
+  const regionGroups = React9.useMemo(() => {
     const grouped = /* @__PURE__ */ new Map();
     items.forEach((item) => {
       const code = getRegionCode(item);
@@ -13077,15 +12158,15 @@ function useGeoMapState({
       coordinates: regionCoordinates[code]
     })).sort((a, b) => b.items.length - a.items.length);
   }, [items, getRegionCode, regionCoordinates]);
-  const animationCodes = React12.useMemo(
+  const animationCodes = React9.useMemo(
     () => regionGroups.map((regionData) => regionData.code),
     [regionGroups]
   );
-  const animationSignature = React12.useMemo(
+  const animationSignature = React9.useMemo(
     () => animationCodes.join("|"),
     [animationCodes]
   );
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     if (animationCodes.length === 0) return;
     setAnimatedRegions(/* @__PURE__ */ new Set());
     const timers = [];
@@ -13097,14 +12178,14 @@ function useGeoMapState({
     });
     return () => timers.forEach(clearTimeout);
   }, [animationSignature]);
-  const getMarkerSize = React12.useCallback(
+  const getMarkerSize = React9.useCallback(
     (count) => {
       const baseSize = count >= 10 ? 14 : count >= 5 ? 11 : count >= 2 ? 8 : 6;
       return baseSize / Math.sqrt(zoom);
     },
     [zoom]
   );
-  const getFontSize = React12.useCallback(
+  const getFontSize = React9.useCallback(
     (markerSize) => {
       const baseSize = markerSize > 10 ? 10 : 8;
       const scaledSize = baseSize / Math.sqrt(zoom);
@@ -13156,10 +12237,10 @@ function GeoMapCanvasInner({
   projectionType = "mercator",
   ariaLabel = "Interactive map"
 }, ref) {
-  const [geoData, setGeoData] = React12.useState(null);
-  const svgRef = React12.useRef(null);
-  const dragState = React12.useRef(null);
-  React12.useEffect(() => {
+  const [geoData, setGeoData] = React9.useState(null);
+  const svgRef = React9.useRef(null);
+  const dragState = React9.useRef(null);
+  React9.useEffect(() => {
     let cancelled = false;
     async function loadGeoData() {
       try {
@@ -13175,7 +12256,7 @@ function GeoMapCanvasInner({
       cancelled = true;
     };
   }, [geoJsonUrl]);
-  const handleMouseDown = React12.useCallback(
+  const handleMouseDown = React9.useCallback(
     (event) => {
       if (event.button !== 0) return;
       dragState.current = {
@@ -13189,7 +12270,7 @@ function GeoMapCanvasInner({
     },
     []
   );
-  const handleMouseMove = React12.useCallback(
+  const handleMouseMove = React9.useCallback(
     (event) => {
       if (!dragState.current?.active || !svgRef.current) return;
       const totalDx = event.clientX - dragState.current.startX;
@@ -13209,12 +12290,12 @@ function GeoMapCanvasInner({
     },
     [zoom, onPan]
   );
-  const handleMouseUp = React12.useCallback(() => {
+  const handleMouseUp = React9.useCallback(() => {
     if (dragState.current) {
       dragState.current.active = false;
     }
   }, []);
-  const wasDragAction = React12.useCallback(() => {
+  const wasDragAction = React9.useCallback(() => {
     return dragState.current?.didDrag === true;
   }, []);
   const getLighterColor = (hexColor) => {
@@ -13223,38 +12304,38 @@ function GeoMapCanvasInner({
     const b = parseInt(hexColor.slice(5, 7), 16);
     return `rgba(${r}, ${g}, ${b}, 0.15)`;
   };
-  const lighterColors = React12.useMemo(() => {
-    const colors3 = /* @__PURE__ */ new Map();
+  const lighterColors = React9.useMemo(() => {
+    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 = React12.useMemo(() => {
+  const featureCollection = React9.useMemo(() => {
     if (!geoData) return null;
     return {
       type: "FeatureCollection",
       features: geoData.features
     };
   }, [geoData]);
-  const projection = React12.useMemo(() => {
+  const projection = React9.useMemo(() => {
     if (!featureCollection) return null;
     if (projectionType === "albersUsa") {
       return d3Geo.geoAlbersUsa();
     }
     return d3Geo.geoMercator().fitSize([VIEWBOX_WIDTH, VIEWBOX_HEIGHT], featureCollection);
   }, [featureCollection, projectionType]);
-  const pathGenerator = React12.useMemo(() => {
+  const pathGenerator = React9.useMemo(() => {
     if (!projection) return null;
     return d3Geo.geoPath(projection);
   }, [projection]);
-  const regionsWithItems = React12.useMemo(() => {
+  const regionsWithItems = React9.useMemo(() => {
     return new Set(regionGroups.map((regionData) => regionData.code));
   }, [regionGroups]);
-  const hasAnyActiveFilter = React12.useMemo(() => {
+  const hasAnyActiveFilter = React9.useMemo(() => {
     return regionGroups.some((regionData) => isRegionActive?.(regionData.code));
   }, [regionGroups, isRegionActive]);
-  const featureBounds = React12.useMemo(() => {
+  const featureBounds = React9.useMemo(() => {
     if (!pathGenerator || !geoData) return null;
     let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
     for (const feature of geoData.features) {
@@ -13273,7 +12354,7 @@ function GeoMapCanvasInner({
   const effectiveHeight = featureBounds?.height ?? (projectionType === "albersUsa" ? ALBERS_HEIGHT : VIEWBOX_HEIGHT);
   const baseX = featureBounds?.x ?? 0;
   const baseY = featureBounds?.y ?? 0;
-  const viewBoxParts = React12.useMemo(() => {
+  const viewBoxParts = React9.useMemo(() => {
     const width = effectiveWidth / zoom;
     const height = effectiveHeight / zoom;
     const x = baseX + (effectiveWidth - width) / 2 - panOffset[0];
@@ -13460,8 +12541,8 @@ function GeoMapCanvasInner({
     }
   );
 }
-var GeoMapCanvas = React12__namespace.default.forwardRef(GeoMapCanvasInner);
-var MapZoomControls = React12__namespace.default.forwardRef(
+var GeoMapCanvas = React9__namespace.default.forwardRef(GeoMapCanvasInner);
+var MapZoomControls = React9__namespace.default.forwardRef(
   ({ zoom, minZoom, maxZoom, onZoomIn, onZoomOut, labels }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -13533,7 +12614,7 @@ function InteractiveGeoMapInner({
     defaultCenter
   };
   const mapState = useGeoMapState(mapStateOptions);
-  const regionColorMap = React12.useMemo(() => {
+  const regionColorMap = React9.useMemo(() => {
     const colorMap = /* @__PURE__ */ new Map();
     for (const code of Object.keys(regionCoordinates)) {
       colorMap.set(code, getRegionColor(code));
@@ -13548,13 +12629,13 @@ function InteractiveGeoMapInner({
   const handleRegionClick = (code) => {
     onRegionToggle?.(code);
   };
-  const hoveredRegionData = React12.useMemo(() => {
+  const hoveredRegionData = React9.useMemo(() => {
     if (!mapState.hoveredRegion) return null;
     return mapState.regionGroups.find(
       (regionData) => regionData.code === mapState.hoveredRegion
     ) ?? null;
   }, [mapState.hoveredRegion, mapState.regionGroups]);
-  const counterText = React12.useMemo(() => {
+  const counterText = React9.useMemo(() => {
     if (!formatCounter) return null;
     const hasActiveFilter = isRegionActive && mapState.regionGroups.some(
       (regionData) => isRegionActive(regionData.code)
@@ -13616,9 +12697,9 @@ function InteractiveGeoMapInner({
     }
   );
 }
-var InteractiveGeoMap = React12__namespace.default.forwardRef(InteractiveGeoMapInner);
+var InteractiveGeoMap = React9__namespace.default.forwardRef(InteractiveGeoMapInner);
 var DEFAULT_LEGEND_COLOR = "#6366f1";
-var GeoMapLegend = React12__namespace.default.forwardRef(
+var GeoMapLegend = React9__namespace.default.forwardRef(
   ({ items, colorMap, getFlagUrl, getLabel, labels, maxItems = 5 }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -19802,7 +18883,7 @@ function getPageNumbers(currentPage, totalPages) {
   }
   return pages;
 }
-var PageHeader = React12.memo(function PageHeader2({
+var PageHeader = React9.memo(function PageHeader2({
   title,
   subtitle,
   size = "default",
@@ -19810,13 +18891,13 @@ var PageHeader = React12.memo(function PageHeader2({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx__default.default("mb-6 sm:mb-8", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx4__default.default("mb-6 sm:mb-8", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "h1",
           {
-            className: clsx__default.default(
+            className: clsx4__default.default(
               "font-bold text-slate-900 dark:text-slate-100 truncate",
               size === "large" ? "text-3xl" : "text-2xl"
             ),
@@ -19830,14 +18911,14 @@ var PageHeader = React12.memo(function PageHeader2({
     children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children })
   ] });
 });
-var PageSectionHeader = React12.memo(function PageSectionHeader2({
+var PageSectionHeader = React9.memo(function PageSectionHeader2({
   title,
   subtitle,
   actions,
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx__default.default("mb-4", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx4__default.default("mb-4", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg sm:text-xl font-semibold text-slate-900 dark:text-slate-100", children: title }),
@@ -19848,14 +18929,14 @@ var PageSectionHeader = React12.memo(function PageSectionHeader2({
     children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children })
   ] });
 });
-var CardSectionHeader = React12.memo(function CardSectionHeader2({
+var CardSectionHeader = React9.memo(function CardSectionHeader2({
   title,
   subtitle,
   actions,
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx__default.default("mb-3", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx4__default.default("mb-3", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base sm:text-lg font-medium text-slate-900 dark:text-slate-100", children: title }),
@@ -19867,11 +18948,11 @@ var CardSectionHeader = React12.memo(function CardSectionHeader2({
   ] });
 });
 var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsList = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.List,
   {
     ref,
-    className: clsx__default.default(
+    className: clsx4__default.default(
       "inline-flex h-9 items-center justify-center rounded-lg bg-muted/50 p-0.5 text-muted-foreground",
       className
     ),
@@ -19879,11 +18960,11 @@ var TabsList = React12__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsTrigger = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Trigger,
   {
     ref,
-    className: clsx__default.default(
+    className: clsx4__default.default(
       "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
     ),
@@ -19891,11 +18972,11 @@ var TabsTrigger = React12__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
-    className: clsx__default.default(
+    className: clsx4__default.default(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       className
     ),
@@ -19903,7 +18984,7 @@ var TabsContent = React12__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
-var ContactCard = React12__namespace.default.memo(function ContactCard2({
+var ContactCard = React9__namespace.default.memo(function ContactCard2({
   type,
   email,
   phone
@@ -19923,7 +19004,7 @@ var ContactCard = React12__namespace.default.memo(function ContactCard2({
     ] })
   ] });
 });
-var OfficeCard = React12__namespace.default.memo(function OfficeCard2({
+var OfficeCard = React9__namespace.default.memo(function OfficeCard2({
   city,
   address,
   postalCode
@@ -19936,7 +19017,7 @@ var OfficeCard = React12__namespace.default.memo(function OfficeCard2({
     ] })
   ] });
 });
-var ContactSection = React12__namespace.default.memo(
+var ContactSection = React9__namespace.default.memo(
   function ContactSection2({ title, subtitle, children }) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-10 py-16 lg:grid-cols-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -19947,11 +19028,11 @@ var ContactSection = React12__namespace.default.memo(
     ] });
   }
 );
-var Progress = React12__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Progress = React9__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ProgressPrimitive__namespace.Root,
   {
     ref,
-    className: clsx__default.default(
+    className: clsx4__default.default(
       "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
       className
     ),
@@ -19966,7 +19047,7 @@ var Progress = React12__namespace.forwardRef(({ className, value, ...props }, re
   }
 ));
 Progress.displayName = ProgressPrimitive__namespace.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"
@@ -20062,11 +19143,11 @@ function Switch2({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless5__namespace.Switch,
+    Headless3__namespace.Switch,
     {
       "data-slot": "control",
       ...props,
-      className: clsx__default.default(
+      className: clsx4__default.default(
         className,
         // Base styles
         "group relative isolate inline-flex h-6 w-10 cursor-default rounded-full p-[3px] sm:h-5 sm:w-8",
@@ -20087,13 +19168,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__ */ jsxRuntime.jsx(
         "span",
         {
           "aria-hidden": "true",
-          className: clsx__default.default(
+          className: clsx4__default.default(
             // Basic layout
             "pointer-events-none relative inline-block size-4.5 rounded-full sm:size-3.5",
             // Transition
@@ -20263,7 +19344,7 @@ function AppNavigation({
     signOut: signOutLabel = "Sign Out",
     actions: actionsLabel = "Actions"
   } = labels;
-  const dockResult = React12.useMemo(
+  const dockResult = React9.useMemo(
     () => buildDockActions(items, pathname, { navigate: onNavigate, openProfile: onOpenProfile, onSignOut }, {
       showDashboard: !!dashboardIcon,
       dashboardPath,
@@ -20291,30 +19372,30 @@ function AppNavigation({
       signOutLabel
     ]
   );
-  const launchpadItems = React12.useMemo(
+  const launchpadItems = React9.useMemo(
     () => buildLaunchpadItems(items, launchpadActionItems),
     [items, launchpadActionItems]
   );
-  const actionItemIds = React12.useMemo(
+  const actionItemIds = React9.useMemo(
     () => new Set((launchpadActionItems ?? []).map((item) => item.id)),
     [launchpadActionItems]
   );
-  const pageOrder = React12.useMemo(
+  const pageOrder = React9.useMemo(
     () => launchpadPageOrder ?? items.map((item) => item.id),
     [launchpadPageOrder, items]
   );
-  const flyoutNavItems = React12.useMemo(() => buildFlyoutNavItems(items), [items]);
-  const getAccentRgb = React12.useMemo(() => {
+  const flyoutNavItems = React9.useMemo(() => buildFlyoutNavItems(items), [items]);
+  const getAccentRgb = React9.useMemo(() => {
     const map = new Map(items.map((item) => [item.href, item.accentRgb]));
     return (href) => map.get(href) ?? "99, 102, 241";
   }, [items]);
-  const handleLaunchpadItemClick = React12.useMemo(
+  const handleLaunchpadItemClick = React9.useMemo(
     () => externalLaunchpadItemClick ?? ((item) => {
       onNavigate(item.href);
     }),
     [externalLaunchpadItemClick, onNavigate]
   );
-  const handleFlyoutNavigate = React12.useMemo(
+  const handleFlyoutNavigate = React9.useMemo(
     () => (href) => {
       onFlyoutClose?.();
       onNavigate(href);
@@ -20485,9 +19566,9 @@ function PlatformShell({
   onLanguage
 }) {
   const store = usePlatformShellStore();
-  const callbacksRef = React12.useRef({ onSignOut, onToggleTheme, onNavigate, onNotifications, onLanguage });
+  const callbacksRef = React9.useRef({ onSignOut, onToggleTheme, onNavigate, onNotifications, onLanguage });
   callbacksRef.current = { onSignOut, onToggleTheme, onNavigate, onNotifications, onLanguage };
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     store.registerCallbacks({
       onSignOut: () => callbacksRef.current.onSignOut(),
       onToggleTheme: () => callbacksRef.current.onToggleTheme?.(),
@@ -20496,11 +19577,11 @@ function PlatformShell({
       onLanguageChange: callbacksRef.current.onLanguage ? () => callbacksRef.current.onLanguage() : void 0
     });
   }, []);
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     store.setUser(user);
     store.setAuthStatus(authStatus);
   }, [user?.email, user?.role, authStatus]);
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     store.setPreferences({
       locale: labels.currentLocale ?? "en",
       localeFlag: labels.localeFlag,
@@ -20511,10 +19592,10 @@ function PlatformShell({
       dockEnabled: dockEnabled ?? true
     });
   }, [resolvedTheme, dockPosition, dockAutoHide, dockEnabled, labels.currentLocale]);
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     store.setNotificationCount(notificationCount ?? 0);
   }, [notificationCount]);
-  React12.useEffect(() => {
+  React9.useEffect(() => {
     store.setLabels(labels);
     store.setBranding(appName, appGradient);
   }, [appName, appGradient]);
@@ -20527,13 +19608,13 @@ function PlatformShell({
   const requestSignOut = store.requestSignOut;
   const cancelSignOut = store.cancelSignOut;
   const confirmSignOut = store.confirmSignOut;
-  const filteredItems = React12.useMemo(
+  const filteredItems = React9.useMemo(
     () => filterByPermission(items, user?.permissions ?? []),
     [items, user?.permissions]
   );
   const userName = usePlatformShellStore(selectUserName);
   const userInitial = usePlatformShellStore(selectUserInitial);
-  const launchpadUserProfile = React12.useMemo(() => {
+  const launchpadUserProfile = React9.useMemo(() => {
     if (!user) return null;
     return {
       name: user.name ?? void 0,
@@ -20546,7 +19627,7 @@ function PlatformShell({
   const storeNotifications = store.notificationCount;
   const storePrefs = store.preferences;
   const storeUser = store.user;
-  const builtInActionItems = React12.useMemo(() => {
+  const builtInActionItems = React9.useMemo(() => {
     const actions = [];
     actions.push({
       id: "__notifications",
@@ -20608,7 +19689,7 @@ function PlatformShell({
     });
     return actions;
   }, [storeLabels, storeNotifications, storePrefs.localeFlag, storePrefs.localeName, storePrefs.resolvedTheme, storeUser?.name, storeUser?.email]);
-  const allLaunchpadItems = React12.useMemo(
+  const allLaunchpadItems = React9.useMemo(
     () => [
       ...filteredItems.map((item) => ({ ...item, subtitle: "" })),
       ...launchpadActionItems ?? [],
@@ -20616,7 +19697,7 @@ function PlatformShell({
     ],
     [filteredItems, launchpadActionItems, builtInActionItems]
   );
-  const handleLaunchpadItemClick = React12.useCallback((item) => {
+  const handleLaunchpadItemClick = React9.useCallback((item) => {
     switch (item.id) {
       case "__notifications":
         store.openNotifications();
@@ -20637,12 +19718,12 @@ function PlatformShell({
         onNavigate(item.href);
     }
   }, [onNotifications, onLanguage, onToggleTheme, openProfile, requestSignOut, onNavigate]);
-  const flyoutNavItems = React12.useMemo(() => buildFlyoutNavItems(filteredItems), [filteredItems]);
-  const getAccentRgb = React12.useMemo(() => {
+  const flyoutNavItems = React9.useMemo(() => buildFlyoutNavItems(filteredItems), [filteredItems]);
+  const getAccentRgb = React9.useMemo(() => {
     const map = new Map(filteredItems.map((item) => [item.href, item.accentRgb]));
     return (href) => map.get(href) ?? "99, 102, 241";
   }, [filteredItems]);
-  const breadcrumbPages = React12.useMemo(() => {
+  const breadcrumbPages = React9.useMemo(() => {
     const segments = pathname.split("/").filter(Boolean);
     return segments.map((segment, index) => ({
       name: segment.charAt(0).toUpperCase() + segment.slice(1).replace(/-/g, " "),
@@ -20774,13 +19855,11 @@ 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__ */ jsxRuntime.jsx("div", { className: "px-4 py-6 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-7xl", children: /* @__PURE__ */ jsxRuntime.jsx(
-        React12.Suspense,
+      /* 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__ */ jsxRuntime.jsx("div", { className: "px-4 py-6 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+        React9.Suspense,
         {
           fallback: /* @__PURE__ */ jsxRuntime.jsx(
             BrandedLoader,
@@ -20878,10 +19957,10 @@ function createStubClient() {
     }
   );
 }
-var UiAuthContext = React12.createContext(null);
+var UiAuthContext = React9.createContext(null);
 var UiAuthProvider = UiAuthContext.Provider;
 function useAuth() {
-  const ctx = React12.useContext(UiAuthContext);
+  const ctx = React9.useContext(UiAuthContext);
   if (ctx) return ctx;
   return {
     user: null,
@@ -20898,10 +19977,10 @@ function useAuth() {
     logoutInFlight: false
   };
 }
-var UiPrefsContext = React12.createContext(null);
+var UiPrefsContext = React9.createContext(null);
 var UiPrefsProvider = UiPrefsContext.Provider;
 function usePlatformPreferences() {
-  const ctx = React12.useContext(UiPrefsContext);
+  const ctx = React9.useContext(UiPrefsContext);
   return ctx ?? {
     theme: "dark",
     resolvedTheme: "dark",
@@ -20928,13 +20007,13 @@ function useImpersonation() {
     }
   };
 }
-var UiSocialProvidersContext = React12.createContext({
+var UiSocialProvidersContext = React9.createContext({
   providers: [],
   loading: false
 });
 UiSocialProvidersContext.Provider;
 function useSocialProviders() {
-  return React12.useContext(UiSocialProvidersContext);
+  return React9.useContext(UiSocialProvidersContext);
 }
 
 exports.ARGENTINA_ACCENT_MAP = ARGENTINA_ACCENT_MAP;
@@ -20969,7 +20048,6 @@ exports.BRAZIL_STATE_PALETTES = BRAZIL_STATE_PALETTES;
 exports.BR_THEME_CONFIG = BR_THEME_CONFIG;
 exports.BackupCodeGrid = BackupCodeGrid;
 exports.BadRequestPage = BadRequestPage;
-exports.Badge = Badge;
 exports.BaseForm = BaseForm;
 exports.BentoCard = BentoCard;
 exports.BooleanFlagsPicker = BooleanFlagsPicker;
@@ -20977,7 +20055,6 @@ exports.BottomSafeArea = BottomSafeArea;
 exports.BrandFilterSkeleton = BrandFilterSkeleton;
 exports.BrandedLoader = BrandedLoader;
 exports.Breadcrumb = Breadcrumb;
-exports.Button = Button;
 exports.CANADA_ACCENT_MAP = CANADA_ACCENT_MAP;
 exports.CANADA_MACRO_REGIONS = CANADA_MACRO_REGIONS;
 exports.CANADA_MAP_CENTER = CANADA_MAP_CENTER;
@@ -21073,7 +20150,6 @@ exports.FieldGroup = FieldGroup;
 exports.Fieldset = Fieldset2;
 exports.FilterSectionHeader = FilterSectionHeader;
 exports.FilterTileButton = FilterTileButton;
-exports.FloatingActionButton = FloatingActionButton;
 exports.FlyoutMenu = FlyoutMenu;
 exports.FlyoutNavGrid = FlyoutNavGrid;
 exports.FlyoutQuickActions = FlyoutQuickActions;
@@ -21124,7 +20200,6 @@ exports.ITALY_MAP_CENTER = ITALY_MAP_CENTER;
 exports.ITALY_REGION_COORDINATES = ITALY_REGION_COORDINATES;
 exports.ITALY_REGION_PALETTES = ITALY_REGION_PALETTES;
 exports.IT_THEME_CONFIG = IT_THEME_CONFIG;
-exports.IconButton = IconButton;
 exports.ImageUpload = ImageUpload;
 exports.InfoPopover = InfoPopover;
 exports.InlineForm = InlineForm;
@@ -21337,7 +20412,6 @@ exports.ThemeToggle = ThemeToggle;
 exports.ThemeToggleCompact = ThemeToggleCompact;
 exports.TimePicker = TimePicker;
 exports.ToggleSwitch = ToggleSwitch;
-exports.TouchTarget = TouchTarget;
 exports.UK_ACCENT_MAP = UK_ACCENT_MAP;
 exports.UK_MACRO_REGIONS = UK_MACRO_REGIONS;
 exports.UK_MAP_CENTER = UK_MAP_CENTER;
@@ -21359,24 +20433,8 @@ exports.ZA_THEME_CONFIG = ZA_THEME_CONFIG;
 exports.buildDockActions = buildDockActions;
 exports.buildFlyoutNavItems = buildFlyoutNavItems;
 exports.buildLaunchpadItems = buildLaunchpadItems;
-exports.buttonPress = buttonPress;
-exports.buttonPressReduced = buttonPressReduced;
-exports.buttonTap = buttonTap;
-exports.cardHover = cardHover;
-exports.cardHoverReduced = cardHoverReduced;
-exports.cardPress = cardPress;
 exports.computeDomain = computeDomain;
 exports.computeSeries = computeSeries;
-exports.createMotionProps = createMotionProps;
-exports.duration = duration;
-exports.durationSeconds = durationSeconds;
-exports.durations = durations;
-exports.durationsReduced = durationsReduced;
-exports.ease = ease;
-exports.easeCss = easeCss;
-exports.easings = easings;
-exports.fadeOnly = fadeOnly;
-exports.fadeScale = fadeScale;
 exports.filterByPermission = filterByPermission;
 exports.formatAddress = formatAddress;
 exports.formatCurrency = formatCurrency;
@@ -21554,7 +20612,6 @@ exports.getThailandFlagUrl = getThailandFlagUrl;
 exports.getThailandGradient = getThailandGradient;
 exports.getThailandHexColor = getThailandHexColor;
 exports.getThailandPalette = getThailandPalette;
-exports.getTransition = getTransition;
 exports.getTurkeyAccent = getTurkeyAccent;
 exports.getTurkeyColors = getTurkeyColors;
 exports.getTurkeyFlagUrl = getTurkeyFlagUrl;
@@ -21573,8 +20630,6 @@ exports.getUsFlagUrl = getUsFlagUrl;
 exports.getUsGradient = getUsGradient;
 exports.getUsHexColor = getUsHexColor;
 exports.getUsPalette = getUsPalette;
-exports.getVariants = getVariants;
-exports.iosColors = iosColors;
 exports.isValidArgentinaProvince = isValidArgentinaProvince;
 exports.isValidAustraliaState = isValidAustraliaState;
 exports.isValidBrazilState = isValidBrazilState;
@@ -21606,13 +20661,6 @@ exports.isValidThailandProvince = isValidThailandProvince;
 exports.isValidTurkeyProvince = isValidTurkeyProvince;
 exports.isValidUKNation = isValidUKNation;
 exports.isValidUsState = isValidUsState;
-exports.listItem = listItem;
-exports.listItemReduced = listItemReduced;
-exports.motionTokens = motionTokens;
-exports.notificationBanner = notificationBanner;
-exports.notificationBannerReduced = notificationBannerReduced;
-exports.pageControlDot = pageControlDot;
-exports.prefersReducedMotion = prefersReducedMotion;
 exports.registerCountry = registerCountry;
 exports.registerSubdivisionTheme = registerSubdivisionTheme;
 exports.resolveGlassAccentRgb = resolveGlassAccentRgb;
@@ -21622,15 +20670,6 @@ exports.selectUserInitial = selectUserInitial;
 exports.selectUserName = selectUserName;
 exports.shimmerClass = shimmerClass;
 exports.shimmerWhiteClass = shimmerWhiteClass;
-exports.slideDown = slideDown;
-exports.slideRight = slideRight;
-exports.slideUp = slideUp;
-exports.spring = spring;
-exports.springPresets = springPresets;
-exports.springPresetsReduced = springPresetsReduced;
-exports.staggerContainer = staggerContainer;
-exports.swipeActionThreshold = swipeActionThreshold;
-exports.swipeConstraints = swipeConstraints;
 exports.useAuth = useAuth;
 exports.useGeoMapState = useGeoMapState;
 exports.useImpersonation = useImpersonation;
@@ -21642,5 +20681,5 @@ exports.useSocialProviders = useSocialProviders;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-GCYYGSHU.js.map
-//# sourceMappingURL=chunk-GCYYGSHU.js.map
+//# sourceMappingURL=chunk-R4EKPXX3.js.map
+//# sourceMappingURL=chunk-R4EKPXX3.js.map