@datatechsolutions/ui 2.7.128 → 2.7.129

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,17 +1,17 @@
1
1
  "use client";
2
2
  import { triggerHaptic } from './chunk-D2JF6C3E.mjs';
3
- import * as Headless11 from '@headlessui/react';
3
+ import * as Headless6 from '@headlessui/react';
4
4
  import { Button as Button$1, Transition, Dialog, TransitionChild, DialogPanel, DialogTitle, DialogBackdrop, Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/react';
5
5
  import clsx, { clsx as clsx$1 } from 'clsx';
6
6
  import * as React11 from 'react';
7
- import React11__default, { forwardRef, useId, useState, useCallback, createContext, memo, useMemo, useRef, useEffect, Fragment as Fragment$1, useContext, Suspense } from 'react';
7
+ import React11__default, { forwardRef, useId, useState, useCallback, createContext, memo, useRef, useEffect, Fragment as Fragment$1, useMemo, useContext, Suspense } from 'react';
8
8
  import { AnimatePresence, motion, useMotionValue, useTransform, animate, useInView, useSpring } from 'framer-motion';
9
9
  import NextLink from 'next/link';
10
10
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
11
11
  import { useTranslations, useLocale } from 'next-intl';
12
- import { ChevronDownIcon, CheckCircleIcon, EyeSlashIcon as EyeSlashIcon$1, EyeIcon as EyeIcon$1, XMarkIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, EllipsisVerticalIcon, ClipboardDocumentIcon as ClipboardDocumentIcon$1, ArrowDownTrayIcon } from '@heroicons/react/20/solid';
12
+ import { ChevronDownIcon, CheckCircleIcon, EyeSlashIcon, EyeIcon, XMarkIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, EllipsisVerticalIcon, ClipboardDocumentIcon as ClipboardDocumentIcon$1, ArrowDownTrayIcon } from '@heroicons/react/20/solid';
13
13
  import * as HeroIcons from '@heroicons/react/24/outline';
14
- import { PlusIcon, MinusIcon, EyeSlashIcon, EyeIcon, MapIcon, XMarkIcon as XMarkIcon$1, ClockIcon, BuildingStorefrontIcon, MagnifyingGlassIcon, InformationCircleIcon, ArrowTrendingUpIcon, ArrowTrendingDownIcon, ChevronUpIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUpDownIcon, DocumentMagnifyingGlassIcon, ShieldExclamationIcon, ServerStackIcon, WifiIcon, ExclamationTriangleIcon, ArrowPathIcon, FolderOpenIcon, BellIcon, TrashIcon, ExclamationCircleIcon, CheckCircleIcon as CheckCircleIcon$1, CheckIcon as CheckIcon$1, ClipboardDocumentCheckIcon, ClipboardDocumentIcon, CalendarDaysIcon, ChevronLeftIcon as ChevronLeftIcon$1, ChevronRightIcon as ChevronRightIcon$1, FunnelIcon, BeakerIcon, WrenchScrewdriverIcon, EyeDropperIcon, MoonIcon as MoonIcon$1, SunIcon as SunIcon$1, UserCircleIcon, ArrowRightOnRectangleIcon, LanguageIcon, Squares2X2Icon, PlusCircleIcon, GlobeAltIcon, XCircleIcon, LockClosedIcon, UserIcon } from '@heroicons/react/24/outline';
14
+ import { PlusIcon, MinusIcon, MapIcon, XMarkIcon as XMarkIcon$1, ClockIcon, BuildingStorefrontIcon, MagnifyingGlassIcon, InformationCircleIcon, ArrowTrendingUpIcon, ArrowTrendingDownIcon, ChevronUpIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUpDownIcon, DocumentMagnifyingGlassIcon, ShieldExclamationIcon, ServerStackIcon, WifiIcon, ExclamationTriangleIcon, ArrowPathIcon, FolderOpenIcon, BellIcon, TrashIcon, ExclamationCircleIcon, CheckCircleIcon as CheckCircleIcon$1, CheckIcon as CheckIcon$1, ClipboardDocumentCheckIcon, ClipboardDocumentIcon, CalendarDaysIcon, ChevronLeftIcon as ChevronLeftIcon$1, ChevronRightIcon as ChevronRightIcon$1, FunnelIcon, BeakerIcon, WrenchScrewdriverIcon, EyeDropperIcon, MoonIcon as MoonIcon$1, SunIcon as SunIcon$1, UserCircleIcon, ArrowRightOnRectangleIcon, LanguageIcon, Squares2X2Icon, PlusCircleIcon, GlobeAltIcon, XCircleIcon, LockClosedIcon, UserIcon } from '@heroicons/react/24/outline';
15
15
  import * as Popover from '@radix-ui/react-popover';
16
16
  import { createPortal } from 'react-dom';
17
17
  import { startOfDay, startOfMonth, endOfMonth, eachDayOfInterval, getDay, subMonths, addMonths, isAfter, format, isSameDay, isSameMonth, parse } from 'date-fns';
@@ -23,12 +23,11 @@ import Image from 'next/image';
23
23
  import { CalendarIcon, ChevronLeftIcon as ChevronLeftIcon$2, ChevronRightIcon as ChevronRightIcon$2 } from 'lucide-react';
24
24
  import { geoAlbersUsa, geoMercator, geoPath } from 'd3-geo';
25
25
  export { LOCALE_FLAGS } from '@datatechsolutions/shared-domain/i18n';
26
- import * as ProgressPrimitive from '@radix-ui/react-progress';
27
26
  import * as TabsPrimitive from '@radix-ui/react-tabs';
28
27
  import { create } from 'zustand';
29
28
 
30
29
  var Link = forwardRef(function Link2(props, ref) {
31
- return /* @__PURE__ */ jsx(Headless11.DataInteractive, { children: /* @__PURE__ */ jsx(NextLink, { ...props, ref }) });
30
+ return /* @__PURE__ */ jsx(Headless6.DataInteractive, { children: /* @__PURE__ */ jsx(NextLink, { ...props, ref }) });
32
31
  });
33
32
 
34
33
  // src/lib/animations.ts
@@ -996,7 +995,7 @@ var Input = forwardRef(
996
995
  onClick: togglePassword,
997
996
  className: "p-1 rounded-full text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
998
997
  "aria-label": showPassword ? t("hidePassword") : t("showPassword"),
999
- children: showPassword ? /* @__PURE__ */ jsx(EyeSlashIcon$1, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(EyeIcon$1, { className: "h-5 w-5" })
998
+ children: showPassword ? /* @__PURE__ */ jsx(EyeSlashIcon, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "h-5 w-5" })
1000
999
  }
1001
1000
  ) }),
1002
1001
  /* @__PURE__ */ jsx(AnimatePresence, { children: showClearButton && /* @__PURE__ */ jsx(
@@ -2611,7 +2610,7 @@ var colorClasses2 = {
2611
2610
  };
2612
2611
  function CircleSpinner({ size, color, className, ariaLabel }) {
2613
2612
  const config = sizeConfig[size];
2614
- const colors3 = colorClasses2[color];
2613
+ const colors2 = colorClasses2[color];
2615
2614
  return /* @__PURE__ */ jsx(
2616
2615
  "div",
2617
2616
  {
@@ -2619,8 +2618,8 @@ function CircleSpinner({ size, color, className, ariaLabel }) {
2619
2618
  "rounded-full animate-spin",
2620
2619
  config.size,
2621
2620
  config.border,
2622
- colors3.track,
2623
- colors3.indicator,
2621
+ colors2.track,
2622
+ colors2.indicator,
2624
2623
  className
2625
2624
  ),
2626
2625
  role: "status",
@@ -2630,7 +2629,7 @@ function CircleSpinner({ size, color, className, ariaLabel }) {
2630
2629
  }
2631
2630
  function DotsSpinner({ size, color, className, ariaLabel }) {
2632
2631
  const config = sizeConfig[size];
2633
- const colors3 = colorClasses2[color];
2632
+ const colors2 = colorClasses2[color];
2634
2633
  const dotVariants = {
2635
2634
  initial: { scale: 0.8, opacity: 0.4 },
2636
2635
  animate: { scale: 1, opacity: 1 }
@@ -2638,7 +2637,7 @@ function DotsSpinner({ size, color, className, ariaLabel }) {
2638
2637
  return /* @__PURE__ */ jsx("div", { className: clsx$1("flex items-center gap-1", className), role: "status", "aria-label": ariaLabel, children: [0, 1, 2].map((index) => /* @__PURE__ */ jsx(
2639
2638
  motion.div,
2640
2639
  {
2641
- className: clsx$1("rounded-full", colors3.dot),
2640
+ className: clsx$1("rounded-full", colors2.dot),
2642
2641
  style: {
2643
2642
  width: config.dotSize,
2644
2643
  height: config.dotSize
@@ -2658,12 +2657,12 @@ function DotsSpinner({ size, color, className, ariaLabel }) {
2658
2657
  }
2659
2658
  function PulseSpinner({ size, color, className, ariaLabel }) {
2660
2659
  const config = sizeConfig[size];
2661
- const colors3 = colorClasses2[color];
2660
+ const colors2 = colorClasses2[color];
2662
2661
  return /* @__PURE__ */ jsxs("div", { className: clsx$1("relative", config.size, className), role: "status", "aria-label": ariaLabel, children: [
2663
2662
  /* @__PURE__ */ jsx(
2664
2663
  motion.div,
2665
2664
  {
2666
- className: clsx$1("absolute inset-0 rounded-full", colors3.dot),
2665
+ className: clsx$1("absolute inset-0 rounded-full", colors2.dot),
2667
2666
  animate: {
2668
2667
  scale: [1, 1.5, 1],
2669
2668
  opacity: [0.7, 0, 0.7]
@@ -2675,7 +2674,7 @@ function PulseSpinner({ size, color, className, ariaLabel }) {
2675
2674
  }
2676
2675
  }
2677
2676
  ),
2678
- /* @__PURE__ */ jsx("div", { className: clsx$1("absolute inset-0 rounded-full", colors3.dot) })
2677
+ /* @__PURE__ */ jsx("div", { className: clsx$1("absolute inset-0 rounded-full", colors2.dot) })
2679
2678
  ] });
2680
2679
  }
2681
2680
  function Spinner({
@@ -2906,10 +2905,10 @@ function TagBadge({
2906
2905
  value,
2907
2906
  size = "sm",
2908
2907
  className = "",
2909
- styles: styles3 = {},
2908
+ styles: styles2 = {},
2910
2909
  fallbackStyle = DEFAULT_FALLBACK_STYLE
2911
2910
  }) {
2912
- const style = styles3[value] ?? fallbackStyle;
2911
+ const style = styles2[value] ?? fallbackStyle;
2913
2912
  const sizeClass = SIZE_CLASSES[size];
2914
2913
  return /* @__PURE__ */ jsx(
2915
2914
  "span",
@@ -2987,7 +2986,7 @@ function SegmentedControl({
2987
2986
  (seg) => typeof seg === "string" ? { value: seg, label: seg } : seg
2988
2987
  );
2989
2988
  const selectedIndex = normalizedSegments.findIndex((seg) => seg.value === value);
2990
- const styles3 = sizeStyles2[size];
2989
+ const styles2 = sizeStyles2[size];
2991
2990
  useEffect(() => {
2992
2991
  if (containerRef.current && selectedIndex >= 0) {
2993
2992
  const container = containerRef.current;
@@ -3015,7 +3014,7 @@ function SegmentedControl({
3015
3014
  className: `
3016
3015
  relative inline-flex items-center rounded-xl
3017
3016
  bg-gray-100 dark:bg-gray-800
3018
- ${styles3.container}
3017
+ ${styles2.container}
3019
3018
  ${fullWidth ? "w-full" : ""}
3020
3019
  ${disabled ? "opacity-50 pointer-events-none" : ""}
3021
3020
  `,
@@ -3042,7 +3041,7 @@ function SegmentedControl({
3042
3041
  className: `
3043
3042
  relative z-10 flex items-center justify-center gap-1.5
3044
3043
  font-medium rounded-lg transition-colors duration-150
3045
- ${styles3.segment}
3044
+ ${styles2.segment}
3046
3045
  ${fullWidth ? "flex-1" : ""}
3047
3046
  ${isSelected ? "text-gray-900 dark:text-white" : "text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"}
3048
3047
  `,
@@ -3101,7 +3100,7 @@ function PageIndicator({
3101
3100
  }) {
3102
3101
  const t = useTranslations("common");
3103
3102
  const { dot, gap } = sizeConfig2[size];
3104
- const colors3 = variantConfig[variant];
3103
+ const colors2 = variantConfig[variant];
3105
3104
  const handleClick = (index) => {
3106
3105
  if (onChange && index !== active) {
3107
3106
  triggerHaptic("light");
@@ -3128,7 +3127,7 @@ function PageIndicator({
3128
3127
  className: `
3129
3128
  rounded-full transition-colors duration-200
3130
3129
  ${onChange ? "cursor-pointer" : "cursor-default"}
3131
- ${isActive ? colors3.active : colors3.inactive}
3130
+ ${isActive ? colors2.active : colors2.inactive}
3132
3131
  `,
3133
3132
  style: {
3134
3133
  width: dot,
@@ -3159,7 +3158,7 @@ function ExpandingPageIndicator({
3159
3158
  activeWidth = 24
3160
3159
  }) {
3161
3160
  const t = useTranslations("common");
3162
- const colors3 = variantConfig[variant];
3161
+ const colors2 = variantConfig[variant];
3163
3162
  const handleClick = (index) => {
3164
3163
  if (onChange && index !== active) {
3165
3164
  triggerHaptic("light");
@@ -3185,7 +3184,7 @@ function ExpandingPageIndicator({
3185
3184
  className: `
3186
3185
  h-2 rounded-full transition-colors duration-200
3187
3186
  ${onChange ? "cursor-pointer" : "cursor-default"}
3188
- ${isActive ? colors3.active : colors3.inactive}
3187
+ ${isActive ? colors2.active : colors2.inactive}
3189
3188
  `,
3190
3189
  animate: {
3191
3190
  width: isActive ? activeWidth : 8,
@@ -4881,7 +4880,7 @@ function DynamicIslandNotification({
4881
4880
  position = "right"
4882
4881
  }) {
4883
4882
  const [state, setState] = useState("idle");
4884
- const styles3 = variantStyles[variant];
4883
+ const styles2 = variantStyles[variant];
4885
4884
  useEffect(() => {
4886
4885
  if (show) {
4887
4886
  setState("expanded");
@@ -4906,12 +4905,12 @@ function DynamicIslandNotification({
4906
4905
  position,
4907
4906
  idleContent: (
4908
4907
  // Idle: Colored icon pill
4909
- /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: icon && /* @__PURE__ */ jsx("div", { className: `h-6 w-6 rounded-full ${styles3.iconBg} flex items-center justify-center`, children: /* @__PURE__ */ jsx("div", { className: "h-4 w-4 text-white", children: icon }) }) })
4908
+ /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: icon && /* @__PURE__ */ jsx("div", { className: `h-6 w-6 rounded-full ${styles2.iconBg} flex items-center justify-center`, children: /* @__PURE__ */ jsx("div", { className: "h-4 w-4 text-white", children: icon }) }) })
4910
4909
  ),
4911
4910
  compactContent: (
4912
4911
  // Compact: Colored icon + title + message preview
4913
4912
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 w-full", children: [
4914
- icon && /* @__PURE__ */ jsx("div", { className: `h-8 w-8 rounded-full ${styles3.iconBg} flex items-center justify-center shrink-0`, children: /* @__PURE__ */ jsx("div", { className: "h-5 w-5 text-white", children: icon }) }),
4913
+ icon && /* @__PURE__ */ jsx("div", { className: `h-8 w-8 rounded-full ${styles2.iconBg} flex items-center justify-center shrink-0`, children: /* @__PURE__ */ jsx("div", { className: "h-5 w-5 text-white", children: icon }) }),
4915
4914
  /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
4916
4915
  /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold truncate", children: title }),
4917
4916
  message && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 truncate", children: message })
@@ -4921,9 +4920,9 @@ function DynamicIslandNotification({
4921
4920
  expandedContent: (
4922
4921
  // Expanded: Full notification with colored icon background
4923
4922
  /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-4 px-5 w-full h-full`, children: [
4924
- icon && /* @__PURE__ */ jsx("div", { className: `h-14 w-14 rounded-2xl ${styles3.iconBg} flex items-center justify-center shrink-0 ${styles3.glow}`, children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 text-white", children: icon }) }),
4923
+ icon && /* @__PURE__ */ jsx("div", { className: `h-14 w-14 rounded-2xl ${styles2.iconBg} flex items-center justify-center shrink-0 ${styles2.glow}`, children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 text-white", children: icon }) }),
4925
4924
  /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
4926
- appName && /* @__PURE__ */ jsx("p", { className: `text-[11px] uppercase tracking-wide font-medium ${styles3.accentColor}`, children: appName }),
4925
+ appName && /* @__PURE__ */ jsx("p", { className: `text-[11px] uppercase tracking-wide font-medium ${styles2.accentColor}`, children: appName }),
4927
4926
  /* @__PURE__ */ jsx("p", { className: "text-[15px] font-semibold leading-tight", children: title }),
4928
4927
  message && /* @__PURE__ */ jsx("p", { className: "text-[13px] text-gray-400 mt-0.5 truncate", children: message })
4929
4928
  ] })
@@ -5444,16 +5443,16 @@ function Dialog4({
5444
5443
  children,
5445
5444
  ...props
5446
5445
  }) {
5447
- return /* @__PURE__ */ jsxs(Headless11.Dialog, { ...props, children: [
5446
+ return /* @__PURE__ */ jsxs(Headless6.Dialog, { ...props, children: [
5448
5447
  /* @__PURE__ */ jsx(
5449
- Headless11.DialogBackdrop,
5448
+ Headless6.DialogBackdrop,
5450
5449
  {
5451
5450
  transition: true,
5452
5451
  className: "fixed inset-0 flex w-screen justify-center overflow-y-auto bg-zinc-950/25 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-zinc-950/50"
5453
5452
  }
5454
5453
  ),
5455
5454
  /* @__PURE__ */ jsx("div", { className: "fixed inset-0 w-screen overflow-y-auto pt-6 sm:pt-0", children: /* @__PURE__ */ jsx("div", { className: "grid min-h-full grid-rows-[1fr_auto] justify-items-center sm:grid-rows-[1fr_auto_3fr] sm:p-4", children: /* @__PURE__ */ jsx(
5456
- Headless11.DialogPanel,
5455
+ Headless6.DialogPanel,
5457
5456
  {
5458
5457
  transition: true,
5459
5458
  className: clsx(
@@ -5472,7 +5471,7 @@ function DialogTitle3({
5472
5471
  ...props
5473
5472
  }) {
5474
5473
  return /* @__PURE__ */ jsx(
5475
- Headless11.DialogTitle,
5474
+ Headless6.DialogTitle,
5476
5475
  {
5477
5476
  ...props,
5478
5477
  className: clsx(
@@ -5487,7 +5486,7 @@ function DialogDescription({
5487
5486
  ...props
5488
5487
  }) {
5489
5488
  return /* @__PURE__ */ jsx(
5490
- Headless11.Description,
5489
+ Headless6.Description,
5491
5490
  {
5492
5491
  as: Text,
5493
5492
  ...props,
@@ -8557,7 +8556,7 @@ var AvatarButton = forwardRef(function AvatarButton2({
8557
8556
  if (typeof props.href === "string") {
8558
8557
  return /* @__PURE__ */ jsx(Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Avatar, { src, square, initials, alt }) }) });
8559
8558
  }
8560
- return /* @__PURE__ */ jsx(Headless11.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Avatar, { src, square, initials, alt }) }) });
8559
+ return /* @__PURE__ */ jsx(Headless6.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Avatar, { src, square, initials, alt }) }) });
8561
8560
  });
8562
8561
  var colors = {
8563
8562
  red: "bg-red-500/15 text-red-700 group-data-hover:bg-red-500/25 dark:bg-red-500/10 dark:text-red-400 dark:group-data-hover:bg-red-500/20",
@@ -8605,7 +8604,7 @@ forwardRef(function BadgeButton2({
8605
8604
  if (typeof props.href === "string") {
8606
8605
  return /* @__PURE__ */ jsx(Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Badge, { color, children }) }) });
8607
8606
  }
8608
- return /* @__PURE__ */ jsx(Headless11.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Badge, { color, children }) }) });
8607
+ return /* @__PURE__ */ jsx(Headless6.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Badge, { color, children }) }) });
8609
8608
  });
8610
8609
  function Breadcrumb({ pages, actions, centerContent, dashboardPath = "/dashboard" }) {
8611
8610
  const t = useTranslations("common");
@@ -8777,7 +8776,7 @@ function Divider({
8777
8776
  );
8778
8777
  }
8779
8778
  function Dropdown(props) {
8780
- return /* @__PURE__ */ jsx(Headless11.Menu, { ...props });
8779
+ return /* @__PURE__ */ jsx(Headless6.Menu, { ...props });
8781
8780
  }
8782
8781
  function DynamicIslandConfirm({
8783
8782
  open,
@@ -9818,7 +9817,7 @@ function Fieldset2({
9818
9817
  ...props
9819
9818
  }) {
9820
9819
  return /* @__PURE__ */ jsx(
9821
- Headless11.Fieldset,
9820
+ Headless6.Fieldset,
9822
9821
  {
9823
9822
  ...props,
9824
9823
  className: clsx(
@@ -9833,7 +9832,7 @@ function Legend2({
9833
9832
  ...props
9834
9833
  }) {
9835
9834
  return /* @__PURE__ */ jsx(
9836
- Headless11.Legend,
9835
+ Headless6.Legend,
9837
9836
  {
9838
9837
  "data-slot": "legend",
9839
9838
  ...props,
@@ -9862,7 +9861,7 @@ function Field2({
9862
9861
  ...props
9863
9862
  }) {
9864
9863
  return /* @__PURE__ */ jsx(
9865
- Headless11.Field,
9864
+ Headless6.Field,
9866
9865
  {
9867
9866
  ...props,
9868
9867
  className: clsx(
@@ -9882,7 +9881,7 @@ function Label2({
9882
9881
  ...props
9883
9882
  }) {
9884
9883
  return /* @__PURE__ */ jsx(
9885
- Headless11.Label,
9884
+ Headless6.Label,
9886
9885
  {
9887
9886
  "data-slot": "label",
9888
9887
  ...props,
@@ -9898,7 +9897,7 @@ function Description4({
9898
9897
  ...props
9899
9898
  }) {
9900
9899
  return /* @__PURE__ */ jsx(
9901
- Headless11.Description,
9900
+ Headless6.Description,
9902
9901
  {
9903
9902
  "data-slot": "description",
9904
9903
  ...props,
@@ -9914,7 +9913,7 @@ function ErrorMessage({
9914
9913
  ...props
9915
9914
  }) {
9916
9915
  return /* @__PURE__ */ jsx(
9917
- Headless11.Description,
9916
+ Headless6.Description,
9918
9917
  {
9919
9918
  "data-slot": "error",
9920
9919
  ...props,
@@ -11692,11 +11691,11 @@ function GeoMapCanvasInner({
11692
11691
  return `rgba(${r}, ${g}, ${b}, 0.25)`;
11693
11692
  };
11694
11693
  const lighterColors = useMemo(() => {
11695
- const colors3 = /* @__PURE__ */ new Map();
11694
+ const colors2 = /* @__PURE__ */ new Map();
11696
11695
  regionColorMap.forEach((color, code) => {
11697
- colors3.set(code, getLighterColor(color));
11696
+ colors2.set(code, getLighterColor(color));
11698
11697
  });
11699
- return colors3;
11698
+ return colors2;
11700
11699
  }, [regionColorMap]);
11701
11700
  const featureCollection = useMemo(() => {
11702
11701
  if (!geoData) return null;
@@ -12543,1249 +12542,6 @@ var getUsGradient = (state, direction) => getSubdivisionGradient("US", state, di
12543
12542
  var getUsColors = (state) => getSubdivisionColors("US", state);
12544
12543
  var getUsAccent = (state) => getSubdivisionAccent("US", state);
12545
12544
  var isValidUsState = (state) => isValidSubdivision("US", state);
12546
- var Link4 = forwardRef(function Link5(props, ref) {
12547
- return /* @__PURE__ */ jsx(NextLink, { ref, ...props });
12548
- });
12549
- var styles2 = {
12550
- base: [
12551
- "relative inline-flex items-center justify-center gap-x-2 rounded-xl text-sm font-semibold",
12552
- "px-3.5 py-2.5 transition-all duration-200",
12553
- "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-indigo-400 dark:focus:ring-offset-slate-900",
12554
- "disabled:opacity-50 disabled:pointer-events-none",
12555
- "[&>svg]:size-4 [&>svg]:shrink-0"
12556
- ],
12557
- solid: ["liquid-button-primary rounded-xl"],
12558
- outline: [
12559
- "liquid-button rounded-xl"
12560
- ],
12561
- plain: [
12562
- "border-transparent text-slate-700 hover:bg-white/30 dark:hover:bg-white/[0.08]",
12563
- "dark:text-slate-300"
12564
- ],
12565
- colors: {
12566
- "dark/zinc": [
12567
- "bg-slate-900/80 text-white backdrop-blur-xl border border-white/10 hover:bg-slate-800/80"
12568
- ],
12569
- light: [
12570
- "bg-white/60 text-slate-900 backdrop-blur-xl border border-white/30 hover:bg-white/80 dark:bg-white/10 dark:text-white dark:border-white/20 dark:hover:bg-white/20"
12571
- ],
12572
- "dark/white": [
12573
- "bg-slate-900/80 text-white backdrop-blur-xl border border-white/10 hover:bg-slate-800/80 dark:bg-white/90 dark:text-slate-900 dark:border-white/30 dark:hover:bg-white/80"
12574
- ],
12575
- dark: [
12576
- "bg-slate-900/80 text-white backdrop-blur-xl border border-white/10 hover:bg-slate-800/80"
12577
- ],
12578
- white: [
12579
- "bg-white/60 text-slate-900 backdrop-blur-xl border border-white/30 hover:bg-white/80"
12580
- ],
12581
- zinc: [
12582
- "bg-slate-600/80 text-white backdrop-blur-xl border border-white/10 hover:bg-slate-700/80"
12583
- ],
12584
- indigo: [
12585
- "bg-indigo-500/80 text-white backdrop-blur-xl border border-indigo-400/30 hover:bg-indigo-600/80"
12586
- ],
12587
- cyan: [
12588
- "bg-cyan-300/80 text-cyan-950 backdrop-blur-xl border border-cyan-200/30 hover:bg-cyan-400/80"
12589
- ],
12590
- red: [
12591
- "bg-red-600/80 text-white backdrop-blur-xl border border-red-500/30 hover:bg-red-700/80"
12592
- ],
12593
- orange: [
12594
- "bg-orange-500/80 text-white backdrop-blur-xl border border-orange-400/30 hover:bg-orange-600/80"
12595
- ],
12596
- amber: [
12597
- "bg-amber-400/80 text-amber-950 backdrop-blur-xl border border-amber-300/30 hover:bg-amber-500/80"
12598
- ],
12599
- yellow: [
12600
- "bg-yellow-300/80 text-yellow-950 backdrop-blur-xl border border-yellow-200/30 hover:bg-yellow-400/80"
12601
- ],
12602
- lime: [
12603
- "bg-lime-300/80 text-lime-950 backdrop-blur-xl border border-lime-200/30 hover:bg-lime-400/80"
12604
- ],
12605
- green: [
12606
- "bg-green-600/80 text-white backdrop-blur-xl border border-green-500/30 hover:bg-green-700/80"
12607
- ],
12608
- emerald: [
12609
- "bg-emerald-600/80 text-white backdrop-blur-xl border border-emerald-500/30 hover:bg-emerald-700/80"
12610
- ],
12611
- teal: [
12612
- "bg-teal-600/80 text-white backdrop-blur-xl border border-teal-500/30 hover:bg-teal-700/80"
12613
- ],
12614
- sky: [
12615
- "bg-sky-500/80 text-white backdrop-blur-xl border border-sky-400/30 hover:bg-sky-600/80"
12616
- ],
12617
- blue: [
12618
- "bg-blue-600/80 text-white backdrop-blur-xl border border-blue-500/30 hover:bg-blue-700/80"
12619
- ],
12620
- brand: [
12621
- "bg-brand-600/80 text-white backdrop-blur-xl border border-brand-500/30 hover:bg-brand-700/80"
12622
- ],
12623
- accent: [
12624
- "bg-accent/80 text-accent-foreground backdrop-blur-xl border border-accent/30 hover:bg-accent/70"
12625
- ],
12626
- violet: [
12627
- "bg-violet-500/80 text-white backdrop-blur-xl border border-violet-400/30 hover:bg-violet-600/80"
12628
- ],
12629
- purple: [
12630
- "bg-purple-500/80 text-white backdrop-blur-xl border border-purple-400/30 hover:bg-purple-600/80"
12631
- ],
12632
- fuchsia: [
12633
- "bg-fuchsia-500/80 text-white backdrop-blur-xl border border-fuchsia-400/30 hover:bg-fuchsia-600/80"
12634
- ],
12635
- pink: [
12636
- "bg-pink-500/80 text-white backdrop-blur-xl border border-pink-400/30 hover:bg-pink-600/80"
12637
- ],
12638
- rose: [
12639
- "bg-rose-500/80 text-white backdrop-blur-xl border border-rose-400/30 hover:bg-rose-600/80"
12640
- ]
12641
- }
12642
- };
12643
- var Button6 = forwardRef(function Button7({
12644
- color,
12645
- outline,
12646
- plain,
12647
- className,
12648
- children,
12649
- loading,
12650
- "aria-label": ariaLabel,
12651
- "aria-describedby": ariaDescribedBy,
12652
- "aria-busy": ariaBusy,
12653
- ...props
12654
- }, ref) {
12655
- const classes = clsx(
12656
- className,
12657
- styles2.base,
12658
- outline ? styles2.outline : plain ? styles2.plain : clsx(styles2.solid, styles2.colors[color ?? "brand"])
12659
- );
12660
- const accessibilityProps = {
12661
- "aria-label": ariaLabel,
12662
- "aria-describedby": ariaDescribedBy,
12663
- "aria-busy": ariaBusy || loading,
12664
- ...loading && { disabled: true }
12665
- };
12666
- return "href" in props ? /* @__PURE__ */ jsx(
12667
- Link4,
12668
- {
12669
- ...props,
12670
- ...accessibilityProps,
12671
- className: classes,
12672
- ref,
12673
- children: /* @__PURE__ */ jsxs(TouchTarget2, { children: [
12674
- loading && /* @__PURE__ */ jsx(
12675
- "span",
12676
- {
12677
- className: "animate-spin inline-block size-4 border-2 border-current border-t-transparent rounded-full mr-2",
12678
- "aria-hidden": "true"
12679
- }
12680
- ),
12681
- children
12682
- ] })
12683
- }
12684
- ) : /* @__PURE__ */ jsx(
12685
- Headless11.Button,
12686
- {
12687
- ...props,
12688
- ...accessibilityProps,
12689
- className: classes,
12690
- ref,
12691
- children: /* @__PURE__ */ jsxs(TouchTarget2, { children: [
12692
- loading && /* @__PURE__ */ jsx(
12693
- "span",
12694
- {
12695
- className: "animate-spin inline-block size-4 border-2 border-current border-t-transparent rounded-full mr-2",
12696
- "aria-hidden": "true"
12697
- }
12698
- ),
12699
- children
12700
- ] })
12701
- }
12702
- );
12703
- });
12704
- function TouchTarget2({ children }) {
12705
- return /* @__PURE__ */ jsxs(Fragment, { children: [
12706
- /* @__PURE__ */ jsx(
12707
- "span",
12708
- {
12709
- className: "absolute top-1/2 left-1/2 size-[max(100%,2.75rem)] -translate-x-1/2 -translate-y-1/2 pointer-fine:hidden",
12710
- "aria-hidden": "true"
12711
- }
12712
- ),
12713
- children
12714
- ] });
12715
- }
12716
- function InputGroup({
12717
- children
12718
- }) {
12719
- return /* @__PURE__ */ jsx(
12720
- "span",
12721
- {
12722
- "data-slot": "control",
12723
- className: clsx(
12724
- "relative isolate block",
12725
- "has-[[data-slot=icon]:first-child]:[&_input]:pl-10 has-[[data-slot=icon]:last-child]:[&_input]:pr-10 sm:has-[[data-slot=icon]:first-child]:[&_input]:pl-8 sm:has-[[data-slot=icon]:last-child]:[&_input]:pr-8",
12726
- "*:data-[slot=icon]:pointer-events-none *:data-[slot=icon]:absolute *:data-[slot=icon]:top-3 *:data-[slot=icon]:z-10 *:data-[slot=icon]:size-5 sm:*:data-[slot=icon]:top-2.5 sm:*:data-[slot=icon]:size-4",
12727
- "[&>[data-slot=icon]:first-child]:left-3 sm:[&>[data-slot=icon]:first-child]:left-2.5 [&>[data-slot=icon]:last-child]:right-3 sm:[&>[data-slot=icon]:last-child]:right-2.5",
12728
- "*:data-[slot=icon]:text-slate-500"
12729
- ),
12730
- children
12731
- }
12732
- );
12733
- }
12734
- var dateTypes = ["date", "datetime-local", "month", "time", "week"];
12735
- forwardRef(function Input4({
12736
- className,
12737
- "aria-label": ariaLabel,
12738
- "aria-describedby": ariaDescribedBy,
12739
- "aria-invalid": ariaInvalid,
12740
- "aria-required": ariaRequired,
12741
- required,
12742
- invalid,
12743
- ...props
12744
- }, ref) {
12745
- return /* @__PURE__ */ jsx(
12746
- "span",
12747
- {
12748
- "data-slot": "control",
12749
- className: clsx([
12750
- className,
12751
- // Basic layout
12752
- "relative block w-full",
12753
- // Focus ring
12754
- "after:pointer-events-none after:absolute after:inset-0 after:rounded-xl after:ring-transparent after:ring-inset sm:focus-within:after:ring-2 sm:focus-within:after:ring-indigo-500",
12755
- // Disabled state
12756
- "has-data-disabled:opacity-50"
12757
- ]),
12758
- children: /* @__PURE__ */ jsx(
12759
- Headless11.Input,
12760
- {
12761
- ref,
12762
- ...props,
12763
- "aria-label": ariaLabel,
12764
- "aria-describedby": ariaDescribedBy,
12765
- "aria-invalid": ariaInvalid || invalid,
12766
- "aria-required": ariaRequired || required,
12767
- style: {
12768
- ...props.style,
12769
- // Override autofill with CSS custom properties
12770
- "--autofill-bg": "white",
12771
- "--autofill-color": "black"
12772
- },
12773
- className: clsx([
12774
- // Date classes
12775
- props.type && dateTypes.includes(props.type) && [
12776
- "[&::-webkit-datetime-edit-fields-wrapper]:p-0",
12777
- "[&::-webkit-date-and-time-value]:min-h-[1.5em]",
12778
- "[&::-webkit-datetime-edit]:inline-flex",
12779
- "[&::-webkit-datetime-edit]:p-0",
12780
- "[&::-webkit-datetime-edit-year-field]:p-0",
12781
- "[&::-webkit-datetime-edit-month-field]:p-0",
12782
- "[&::-webkit-datetime-edit-day-field]:p-0",
12783
- "[&::-webkit-datetime-edit-hour-field]:p-0",
12784
- "[&::-webkit-datetime-edit-minute-field]:p-0",
12785
- "[&::-webkit-datetime-edit-second-field]:p-0",
12786
- "[&::-webkit-datetime-edit-millisecond-field]:p-0",
12787
- "[&::-webkit-datetime-edit-meridiem-field]:p-0"
12788
- ],
12789
- // Basic layout
12790
- "relative block w-full appearance-none rounded-xl px-3 py-2.5",
12791
- // Typography
12792
- "text-sm text-slate-900 dark:text-white placeholder:text-slate-400 dark:placeholder:text-slate-500",
12793
- // Border
12794
- "border border-white/50 data-hover:border-white/70 dark:border-white/10 dark:data-hover:border-white/20",
12795
- // Background color — glass surface
12796
- "liquid-surface",
12797
- // Hide default focus styles
12798
- "focus:outline-none",
12799
- // Invalid state
12800
- "data-invalid:border-red-500 data-invalid:data-hover:border-red-500 dark:data-invalid:border-red-500 dark:data-invalid:data-hover:border-red-500",
12801
- // Disabled state
12802
- "data-disabled:border-white/30 dark:data-disabled:border-white/15 dark:data-disabled:bg-white/2.5 dark:data-hover:data-disabled:border-white/15",
12803
- // System icons
12804
- "dark:scheme-dark",
12805
- // Autofill override styles
12806
- "[&:-webkit-autofill]:!shadow-[inset_0_0_0_1000px_white] [&:-webkit-autofill]:!text-black",
12807
- "[&:-webkit-autofill:hover]:!shadow-[inset_0_0_0_1000px_white] [&:-webkit-autofill:hover]:!text-black",
12808
- "[&:-webkit-autofill:focus]:!shadow-[inset_0_0_0_1000px_white] [&:-webkit-autofill:focus]:!text-black",
12809
- "[&:-webkit-autofill:active]:!shadow-[inset_0_0_0_1000px_white] [&:-webkit-autofill:active]:!text-black",
12810
- "dark:[&:-webkit-autofill]:!shadow-[inset_0_0_0_1000px_rgb(15,23,42)] dark:[&:-webkit-autofill]:!text-slate-200",
12811
- "dark:[&:-webkit-autofill:hover]:!shadow-[inset_0_0_0_1000px_rgb(15,23,42)] dark:[&:-webkit-autofill:hover]:!text-slate-200",
12812
- "dark:[&:-webkit-autofill:focus]:!shadow-[inset_0_0_0_1000px_rgb(15,23,42)] dark:[&:-webkit-autofill:focus]:!text-slate-200",
12813
- "dark:[&:-webkit-autofill:active]:!shadow-[inset_0_0_0_1000px_rgb(15,23,42)] dark:[&:-webkit-autofill:active]:!text-slate-200"
12814
- ])
12815
- }
12816
- )
12817
- }
12818
- );
12819
- });
12820
- var SelectContent = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
12821
- var SelectItem = ({
12822
- children,
12823
- value
12824
- }) => /* @__PURE__ */ jsx("option", { value, children });
12825
- var SelectTrigger = ({
12826
- children,
12827
- className
12828
- }) => /* @__PURE__ */ jsx("div", { className, children });
12829
- var SelectValue = ({ placeholder }) => /* @__PURE__ */ jsx("span", { children: placeholder });
12830
- forwardRef(function Select4({
12831
- className,
12832
- multiple,
12833
- ...props
12834
- }, ref) {
12835
- return /* @__PURE__ */ jsxs(
12836
- "span",
12837
- {
12838
- "data-slot": "control",
12839
- className: clsx([
12840
- className,
12841
- // Basic layout
12842
- "group relative block w-full",
12843
- // Background color + shadow applied to inset pseudo element, so shadow blends with border in light mode
12844
- "before:absolute before:inset-px before:rounded-lg before:bg-white before:shadow-sm",
12845
- // Background color is moved to control and shadow is removed in dark mode so hide `before` pseudo
12846
- "dark:before:hidden",
12847
- // Focus ring
12848
- "after:pointer-events-none after:absolute after:inset-0 after:rounded-lg after:ring-transparent after:ring-inset has-data-focus:after:ring-2 has-data-focus:after:ring-blue-500",
12849
- // Disabled state
12850
- "has-data-disabled:opacity-50 has-data-disabled:before:bg-zinc-950/5 has-data-disabled:before:shadow-none"
12851
- ]),
12852
- children: [
12853
- /* @__PURE__ */ jsx(
12854
- Headless11.Select,
12855
- {
12856
- ref,
12857
- multiple,
12858
- ...props,
12859
- className: clsx([
12860
- // Basic layout
12861
- "relative block w-full appearance-none rounded-lg py-2.5 sm:py-1.5",
12862
- // Horizontal padding
12863
- multiple ? "px-3.5 sm:px-3" : "pr-10 pl-3.5 sm:pr-9 sm:pl-3",
12864
- // Options (multi-select)
12865
- "[&_optgroup]:font-semibold",
12866
- // Typography
12867
- "text-base/6 text-zinc-950 dark:text-zinc-100 placeholder:text-zinc-500 dark:placeholder:text-zinc-400 sm:text-sm/6",
12868
- // Border
12869
- "border border-zinc-950/10 data-hover:border-zinc-950/20 dark:border-white/10 dark:data-hover:border-white/20",
12870
- // Background color
12871
- "bg-transparent dark:bg-white/5 dark:*:bg-zinc-800",
12872
- // Hide default focus styles
12873
- "focus:outline-none",
12874
- // Invalid state
12875
- "data-invalid:border-red-500 data-invalid:data-hover:border-red-500 dark:data-invalid:border-red-600 dark:data-invalid:data-hover:border-red-600",
12876
- // Disabled state
12877
- "data-disabled:border-zinc-950/20 data-disabled:opacity-100 dark:data-disabled:border-white/15 dark:data-disabled:bg-white/2.5 dark:data-hover:data-disabled:border-white/15"
12878
- ])
12879
- }
12880
- ),
12881
- !multiple && /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ jsxs(
12882
- "svg",
12883
- {
12884
- className: "size-5 stroke-zinc-500 group-has-data-disabled:stroke-zinc-600 sm:size-4 dark:stroke-zinc-400 forced-colors:stroke-[CanvasText]",
12885
- viewBox: "0 0 16 16",
12886
- "aria-hidden": "true",
12887
- fill: "none",
12888
- children: [
12889
- /* @__PURE__ */ jsx(
12890
- "path",
12891
- {
12892
- d: "M5.75 10.75L8 13L10.25 10.75",
12893
- strokeWidth: 1.5,
12894
- strokeLinecap: "round",
12895
- strokeLinejoin: "round"
12896
- }
12897
- ),
12898
- /* @__PURE__ */ jsx(
12899
- "path",
12900
- {
12901
- d: "M10.25 5.25L8 3L5.75 5.25",
12902
- strokeWidth: 1.5,
12903
- strokeLinecap: "round",
12904
- strokeLinejoin: "round"
12905
- }
12906
- )
12907
- ]
12908
- }
12909
- ) })
12910
- ]
12911
- }
12912
- );
12913
- });
12914
- var Label3 = React11__default.forwardRef(
12915
- ({ children, className = "", required = false, ...props }, ref) => {
12916
- return /* @__PURE__ */ jsxs(
12917
- "label",
12918
- {
12919
- ref,
12920
- className: `block text-sm font-medium text-slate-800 dark:text-slate-200 ${className}`,
12921
- ...props,
12922
- children: [
12923
- children,
12924
- required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-1", children: "*" })
12925
- ]
12926
- }
12927
- );
12928
- }
12929
- );
12930
- Label3.displayName = "Label";
12931
- function SwitchGroup({
12932
- className,
12933
- ...props
12934
- }) {
12935
- return /* @__PURE__ */ jsx(
12936
- "div",
12937
- {
12938
- "data-slot": "control",
12939
- ...props,
12940
- className: clsx(
12941
- className,
12942
- // Basic groups
12943
- "space-y-3 **:data-[slot=label]:font-normal",
12944
- // With descriptions
12945
- "has-data-[slot=description]:space-y-6 has-data-[slot=description]:**:data-[slot=label]:font-medium"
12946
- )
12947
- }
12948
- );
12949
- }
12950
- function SwitchField({
12951
- className,
12952
- ...props
12953
- }) {
12954
- return /* @__PURE__ */ jsx(
12955
- Headless11.Field,
12956
- {
12957
- "data-slot": "field",
12958
- ...props,
12959
- className: clsx(
12960
- className,
12961
- // Base layout
12962
- "grid grid-cols-[1fr_auto] gap-x-8 gap-y-1 sm:grid-cols-[1fr_auto]",
12963
- // Control layout
12964
- "*:data-[slot=control]:col-start-2 *:data-[slot=control]:self-start sm:*:data-[slot=control]:mt-0.5",
12965
- // Label layout
12966
- "*:data-[slot=label]:col-start-1 *:data-[slot=label]:row-start-1",
12967
- // Description layout
12968
- "*:data-[slot=description]:col-start-1 *:data-[slot=description]:row-start-2",
12969
- // With description
12970
- "has-data-[slot=description]:**:data-[slot=label]:font-medium"
12971
- )
12972
- }
12973
- );
12974
- }
12975
- var colors2 = {
12976
- "dark/zinc": [
12977
- "[--switch-bg-ring:var(--color-zinc-950)]/90 [--switch-bg:var(--color-zinc-900)] dark:[--switch-bg-ring:transparent] dark:[--switch-bg:var(--color-white)]/25",
12978
- "[--switch-ring:var(--color-zinc-950)]/90 [--switch-shadow:var(--color-black)]/10 [--switch:white] dark:[--switch-ring:var(--color-zinc-700)]/90"
12979
- ],
12980
- "dark/white": [
12981
- "[--switch-bg-ring:var(--color-zinc-950)]/90 [--switch-bg:var(--color-zinc-900)] dark:[--switch-bg-ring:transparent] dark:[--switch-bg:var(--color-white)]",
12982
- "[--switch-ring:var(--color-zinc-950)]/90 [--switch-shadow:var(--color-black)]/10 [--switch:white] dark:[--switch-ring:transparent] dark:[--switch:var(--color-zinc-900)]"
12983
- ],
12984
- dark: [
12985
- "[--switch-bg-ring:var(--color-zinc-950)]/90 [--switch-bg:var(--color-zinc-900)] dark:[--switch-bg-ring:var(--color-white)]/15",
12986
- "[--switch-ring:var(--color-zinc-950)]/90 [--switch-shadow:var(--color-black)]/10 [--switch:white]"
12987
- ],
12988
- zinc: [
12989
- "[--switch-bg-ring:var(--color-zinc-700)]/90 [--switch-bg:var(--color-zinc-600)] dark:[--switch-bg-ring:transparent]",
12990
- "[--switch-shadow:var(--color-black)]/10 [--switch:white] [--switch-ring:var(--color-zinc-700)]/90"
12991
- ],
12992
- white: [
12993
- "[--switch-bg-ring:var(--color-black)]/15 [--switch-bg:white] dark:[--switch-bg-ring:transparent]",
12994
- "[--switch-shadow:var(--color-black)]/10 [--switch-ring:transparent] [--switch:var(--color-zinc-950)]"
12995
- ],
12996
- red: [
12997
- "[--switch-bg-ring:var(--color-red-700)]/90 [--switch-bg:var(--color-red-600)] dark:[--switch-bg-ring:transparent]",
12998
- "[--switch:white] [--switch-ring:var(--color-red-700)]/90 [--switch-shadow:var(--color-red-900)]/20"
12999
- ],
13000
- orange: [
13001
- "[--switch-bg-ring:var(--color-orange-600)]/90 [--switch-bg:var(--color-orange-500)] dark:[--switch-bg-ring:transparent]",
13002
- "[--switch:white] [--switch-ring:var(--color-orange-600)]/90 [--switch-shadow:var(--color-orange-900)]/20"
13003
- ],
13004
- amber: [
13005
- "[--switch-bg-ring:var(--color-amber-500)]/80 [--switch-bg:var(--color-amber-400)] dark:[--switch-bg-ring:transparent]",
13006
- "[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-amber-950)]"
13007
- ],
13008
- yellow: [
13009
- "[--switch-bg-ring:var(--color-yellow-400)]/80 [--switch-bg:var(--color-yellow-300)] dark:[--switch-bg-ring:transparent]",
13010
- "[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-yellow-950)]"
13011
- ],
13012
- lime: [
13013
- "[--switch-bg-ring:var(--color-lime-400)]/80 [--switch-bg:var(--color-lime-300)] dark:[--switch-bg-ring:transparent]",
13014
- "[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-lime-950)]"
13015
- ],
13016
- green: [
13017
- "[--switch-bg-ring:var(--color-green-700)]/90 [--switch-bg:var(--color-green-600)] dark:[--switch-bg-ring:transparent]",
13018
- "[--switch:white] [--switch-ring:var(--color-green-700)]/90 [--switch-shadow:var(--color-green-900)]/20"
13019
- ],
13020
- emerald: [
13021
- "[--switch-bg-ring:var(--color-emerald-600)]/90 [--switch-bg:var(--color-emerald-500)] dark:[--switch-bg-ring:transparent]",
13022
- "[--switch:white] [--switch-ring:var(--color-emerald-600)]/90 [--switch-shadow:var(--color-emerald-900)]/20"
13023
- ],
13024
- teal: [
13025
- "[--switch-bg-ring:var(--color-teal-700)]/90 [--switch-bg:var(--color-teal-600)] dark:[--switch-bg-ring:transparent]",
13026
- "[--switch:white] [--switch-ring:var(--color-teal-700)]/90 [--switch-shadow:var(--color-teal-900)]/20"
13027
- ],
13028
- cyan: [
13029
- "[--switch-bg-ring:var(--color-cyan-400)]/80 [--switch-bg:var(--color-cyan-300)] dark:[--switch-bg-ring:transparent]",
13030
- "[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-cyan-950)]"
13031
- ],
13032
- sky: [
13033
- "[--switch-bg-ring:var(--color-sky-600)]/80 [--switch-bg:var(--color-sky-500)] dark:[--switch-bg-ring:transparent]",
13034
- "[--switch:white] [--switch-ring:var(--color-sky-600)]/80 [--switch-shadow:var(--color-sky-900)]/20"
13035
- ],
13036
- blue: [
13037
- "[--switch-bg-ring:var(--color-blue-700)]/90 [--switch-bg:var(--color-blue-600)] dark:[--switch-bg-ring:transparent]",
13038
- "[--switch:white] [--switch-ring:var(--color-blue-700)]/90 [--switch-shadow:var(--color-blue-900)]/20"
13039
- ],
13040
- indigo: [
13041
- "[--switch-bg-ring:var(--color-indigo-600)]/90 [--switch-bg:var(--color-indigo-500)] dark:[--switch-bg-ring:transparent]",
13042
- "[--switch:white] [--switch-ring:var(--color-indigo-600)]/90 [--switch-shadow:var(--color-indigo-900)]/20"
13043
- ],
13044
- violet: [
13045
- "[--switch-bg-ring:var(--color-violet-600)]/90 [--switch-bg:var(--color-violet-500)] dark:[--switch-bg-ring:transparent]",
13046
- "[--switch:white] [--switch-ring:var(--color-violet-600)]/90 [--switch-shadow:var(--color-violet-900)]/20"
13047
- ],
13048
- purple: [
13049
- "[--switch-bg-ring:var(--color-purple-600)]/90 [--switch-bg:var(--color-purple-500)] dark:[--switch-bg-ring:transparent]",
13050
- "[--switch:white] [--switch-ring:var(--color-purple-600)]/90 [--switch-shadow:var(--color-purple-900)]/20"
13051
- ],
13052
- fuchsia: [
13053
- "[--switch-bg-ring:var(--color-fuchsia-600)]/90 [--switch-bg:var(--color-fuchsia-500)] dark:[--switch-bg-ring:transparent]",
13054
- "[--switch:white] [--switch-ring:var(--color-fuchsia-600)]/90 [--switch-shadow:var(--color-fuchsia-900)]/20"
13055
- ],
13056
- pink: [
13057
- "[--switch-bg-ring:var(--color-pink-600)]/90 [--switch-bg:var(--color-pink-500)] dark:[--switch-bg-ring:transparent]",
13058
- "[--switch:white] [--switch-ring:var(--color-pink-600)]/90 [--switch-shadow:var(--color-pink-900)]/20"
13059
- ],
13060
- rose: [
13061
- "[--switch-bg-ring:var(--color-rose-600)]/90 [--switch-bg:var(--color-rose-500)] dark:[--switch-bg-ring:transparent]",
13062
- "[--switch:white] [--switch-ring:var(--color-rose-600)]/90 [--switch-shadow:var(--color-rose-900)]/20"
13063
- ]
13064
- };
13065
- function Switch2({
13066
- color = "dark/zinc",
13067
- className,
13068
- ...props
13069
- }) {
13070
- return /* @__PURE__ */ jsx(
13071
- Headless11.Switch,
13072
- {
13073
- "data-slot": "control",
13074
- ...props,
13075
- className: clsx(
13076
- className,
13077
- // Base styles
13078
- "group relative isolate inline-flex h-6 w-10 cursor-default rounded-full p-[3px] sm:h-5 sm:w-8",
13079
- // Transitions
13080
- "transition duration-0 ease-in-out data-changing:duration-200",
13081
- // Outline and background color in forced-colors mode so switch is still visible
13082
- "forced-colors:outline forced-colors:[--switch-bg:Highlight] dark:forced-colors:[--switch-bg:Highlight]",
13083
- // Unchecked
13084
- "bg-zinc-200 ring-1 ring-black/5 ring-inset dark:bg-white/5 dark:ring-white/15",
13085
- // Checked
13086
- "data-checked:bg-(--switch-bg) data-checked:ring-(--switch-bg-ring) dark:data-checked:bg-(--switch-bg) dark:data-checked:ring-(--switch-bg-ring)",
13087
- // Focus
13088
- "focus:not-data-focus:outline-hidden data-focus:outline-2 data-focus:outline-offset-2 data-focus:outline-blue-500",
13089
- // Hover
13090
- "data-hover:ring-black/15 data-hover:data-checked:ring-(--switch-bg-ring)",
13091
- "dark:data-hover:ring-white/25 dark:data-hover:data-checked:ring-(--switch-bg-ring)",
13092
- // Disabled
13093
- "data-disabled:bg-zinc-200 data-disabled:opacity-50 data-disabled:data-checked:bg-zinc-200 data-disabled:data-checked:ring-black/5",
13094
- "dark:data-disabled:bg-white/15 dark:data-disabled:data-checked:bg-white/15 dark:data-disabled:data-checked:ring-white/15",
13095
- // Color specific styles
13096
- colors2[color]
13097
- ),
13098
- children: /* @__PURE__ */ jsx(
13099
- "span",
13100
- {
13101
- "aria-hidden": "true",
13102
- className: clsx(
13103
- // Basic layout
13104
- "pointer-events-none relative inline-block size-4.5 rounded-full sm:size-3.5",
13105
- // Transition
13106
- "translate-x-0 transition duration-200 ease-in-out",
13107
- // Invisible border so the switch is still visible in forced-colors mode
13108
- "border border-transparent",
13109
- // Unchecked
13110
- "bg-white shadow-sm ring-1 ring-black/5",
13111
- // Checked
13112
- "group-data-checked:bg-(--switch) group-data-checked:shadow-(--switch-shadow) group-data-checked:ring-(--switch-ring)",
13113
- "group-data-checked:translate-x-4 sm:group-data-checked:translate-x-3",
13114
- // Disabled
13115
- "group-data-checked:group-data-disabled:bg-white group-data-checked:group-data-disabled:shadow-sm group-data-checked:group-data-disabled:ring-black/5"
13116
- )
13117
- }
13118
- )
13119
- }
13120
- );
13121
- }
13122
- function DropdownButton({
13123
- as = Button6,
13124
- ...props
13125
- }) {
13126
- return /* @__PURE__ */ jsx(Headless11.MenuButton, { as, ...props });
13127
- }
13128
- function DropdownMenu({
13129
- anchor = "bottom",
13130
- className,
13131
- ...props
13132
- }) {
13133
- return /* @__PURE__ */ jsx(
13134
- Headless11.MenuItems,
13135
- {
13136
- ...props,
13137
- transition: true,
13138
- anchor,
13139
- className: clsx(
13140
- className,
13141
- // Anchor positioning
13142
- "[--anchor-gap:--spacing(2)] [--anchor-padding:--spacing(1)] data-[anchor~=end]:[--anchor-offset:6px] data-[anchor~=start]:[--anchor-offset:-6px] sm:data-[anchor~=end]:[--anchor-offset:4px] sm:data-[anchor~=start]:[--anchor-offset:-4px]",
13143
- // Base styles
13144
- "isolate w-max rounded-xl p-1",
13145
- // Invisible border that is only visible in `forced-colors` mode for accessibility purposes
13146
- "outline outline-transparent focus:outline-hidden",
13147
- // Handle scrolling when menu won't fit in viewport
13148
- "overflow-y-auto",
13149
- // Popover background
13150
- "bg-white/75 backdrop-blur-xl dark:bg-zinc-800/75",
13151
- // Shadows
13152
- "shadow-lg ring-1 ring-zinc-950/10 dark:ring-white/10 dark:ring-inset",
13153
- // Define grid at the menu level if subgrid is supported
13154
- "supports-[grid-template-columns:subgrid]:grid supports-[grid-template-columns:subgrid]:grid-cols-[auto_1fr_1.5rem_0.5rem_auto]",
13155
- // Transitions
13156
- "transition data-leave:duration-100 data-leave:ease-in data-closed:data-leave:opacity-0"
13157
- )
13158
- }
13159
- );
13160
- }
13161
- function DropdownItem({
13162
- className,
13163
- ...props
13164
- }) {
13165
- const classes = clsx(
13166
- className,
13167
- // Base styles
13168
- "group cursor-default rounded-lg px-3.5 py-2.5 focus:outline-hidden sm:px-3 sm:py-1.5",
13169
- // Text styles
13170
- "text-left text-base/6 text-zinc-950 sm:text-sm/6 dark:text-white forced-colors:text-[CanvasText]",
13171
- // Focus
13172
- "data-focus:bg-blue-500 data-focus:text-white",
13173
- // Disabled state
13174
- "data-disabled:opacity-50",
13175
- // Forced colors mode
13176
- "forced-color-adjust-none forced-colors:data-focus:bg-[Highlight] forced-colors:data-focus:text-[HighlightText] forced-colors:data-focus:*:data-[slot=icon]:text-[HighlightText]",
13177
- // Use subgrid when available but fallback to an explicit grid layout if not
13178
- "col-span-full grid grid-cols-[auto_1fr_1.5rem_0.5rem_auto] items-center supports-[grid-template-columns:subgrid]:grid-cols-subgrid",
13179
- // Icons
13180
- "*:data-[slot=icon]:col-start-1 *:data-[slot=icon]:row-start-1 *:data-[slot=icon]:mr-2.5 *:data-[slot=icon]:-ml-0.5 *:data-[slot=icon]:size-5 sm:*:data-[slot=icon]:mr-2 sm:*:data-[slot=icon]:size-4",
13181
- "*:data-[slot=icon]:text-zinc-500 data-focus:*:data-[slot=icon]:text-white dark:*:data-[slot=icon]:text-zinc-400 dark:data-focus:*:data-[slot=icon]:text-white",
13182
- // Avatar
13183
- "*:data-[slot=avatar]:mr-2.5 *:data-[slot=avatar]:-ml-1 *:data-[slot=avatar]:size-6 sm:*:data-[slot=avatar]:mr-2 sm:*:data-[slot=avatar]:size-5"
13184
- );
13185
- return "href" in props ? /* @__PURE__ */ jsx(Headless11.MenuItem, { as: Link4, ...props, className: classes }) : /* @__PURE__ */ jsx(
13186
- Headless11.MenuItem,
13187
- {
13188
- as: "button",
13189
- type: "button",
13190
- ...props,
13191
- className: classes
13192
- }
13193
- );
13194
- }
13195
- function DropdownHeader({
13196
- className,
13197
- ...props
13198
- }) {
13199
- return /* @__PURE__ */ jsx(
13200
- "div",
13201
- {
13202
- ...props,
13203
- className: clsx(className, "col-span-5 px-3.5 pt-2.5 pb-1 sm:px-3")
13204
- }
13205
- );
13206
- }
13207
- function DropdownSection({
13208
- className,
13209
- ...props
13210
- }) {
13211
- return /* @__PURE__ */ jsx(
13212
- Headless11.MenuSection,
13213
- {
13214
- ...props,
13215
- className: clsx(
13216
- className,
13217
- // Define grid at the section level instead of the item level if subgrid is supported
13218
- "col-span-full supports-[grid-template-columns:subgrid]:grid supports-[grid-template-columns:subgrid]:grid-cols-[auto_1fr_1.5rem_0.5rem_auto]"
13219
- )
13220
- }
13221
- );
13222
- }
13223
- function DropdownHeading({
13224
- className,
13225
- ...props
13226
- }) {
13227
- return /* @__PURE__ */ jsx(
13228
- Headless11.MenuHeading,
13229
- {
13230
- ...props,
13231
- className: clsx(
13232
- className,
13233
- "col-span-full grid grid-cols-[1fr_auto] gap-x-12 px-3.5 pt-2 pb-1 text-sm/5 font-medium text-zinc-500 sm:px-3 sm:text-xs/5 dark:text-zinc-400"
13234
- )
13235
- }
13236
- );
13237
- }
13238
- function DropdownDivider({
13239
- className,
13240
- ...props
13241
- }) {
13242
- return /* @__PURE__ */ jsx(
13243
- Headless11.MenuSeparator,
13244
- {
13245
- ...props,
13246
- className: clsx(
13247
- className,
13248
- "col-span-full mx-3.5 my-1 h-px border-0 bg-zinc-950/5 sm:mx-3 dark:bg-white/10 forced-colors:bg-[CanvasText]"
13249
- )
13250
- }
13251
- );
13252
- }
13253
- function DropdownLabel({
13254
- className,
13255
- ...props
13256
- }) {
13257
- return /* @__PURE__ */ jsx(
13258
- "div",
13259
- {
13260
- ...props,
13261
- "data-slot": "label",
13262
- className: clsx(className, "col-start-2 row-start-1"),
13263
- ...props
13264
- }
13265
- );
13266
- }
13267
- function DropdownDescription({
13268
- className,
13269
- ...props
13270
- }) {
13271
- return /* @__PURE__ */ jsx(
13272
- Headless11.Description,
13273
- {
13274
- "data-slot": "description",
13275
- ...props,
13276
- className: clsx(
13277
- className,
13278
- "col-span-2 col-start-2 row-start-2 text-sm/5 text-zinc-500 group-data-focus:text-white sm:text-xs/5 dark:text-zinc-400 forced-colors:group-data-focus:text-[HighlightText]"
13279
- )
13280
- }
13281
- );
13282
- }
13283
- function DropdownShortcut({
13284
- keys,
13285
- className,
13286
- ...props
13287
- }) {
13288
- return /* @__PURE__ */ jsx(
13289
- Headless11.Description,
13290
- {
13291
- as: "kbd",
13292
- ...props,
13293
- className: clsx(
13294
- className,
13295
- "col-start-5 row-start-1 flex justify-self-end"
13296
- ),
13297
- children: (Array.isArray(keys) ? keys : keys.split("")).map((char, index) => /* @__PURE__ */ jsx(
13298
- "kbd",
13299
- {
13300
- className: clsx([
13301
- "min-w-[2ch] text-center font-sans text-zinc-400 capitalize group-data-focus:text-white forced-colors:group-data-focus:text-[HighlightText]",
13302
- // Make sure key names that are longer than one character (like "Tab") have extra space
13303
- index > 0 && char.length > 1 && "pl-1"
13304
- ]),
13305
- children: char
13306
- },
13307
- index
13308
- ))
13309
- }
13310
- );
13311
- }
13312
- var Card2 = memo(function Card3({
13313
- children,
13314
- className,
13315
- padding = "md",
13316
- variant = "default",
13317
- hover = false,
13318
- loading = false,
13319
- onClick
13320
- }) {
13321
- const paddingClasses = {
13322
- none: "",
13323
- sm: "p-3 sm:p-4",
13324
- md: "p-4 sm:p-6",
13325
- lg: "p-6 sm:p-8"
13326
- };
13327
- const variantClasses2 = {
13328
- default: "liquid-surface border border-white/30 dark:border-white/10",
13329
- elevated: "liquid-surface-strong border border-white/30 dark:border-white/10",
13330
- outlined: "bg-transparent border-2 border-white/30 dark:border-white/10 backdrop-blur-sm",
13331
- flat: "liquid-surface"
13332
- };
13333
- const hoverClasses = hover || onClick ? "hover:shadow-md transition-shadow duration-200" : "";
13334
- const clickableClasses = onClick ? "cursor-pointer" : "";
13335
- const loadingClasses = loading ? "opacity-75 pointer-events-none" : "";
13336
- return /* @__PURE__ */ jsx(
13337
- "div",
13338
- {
13339
- role: onClick ? "button" : void 0,
13340
- tabIndex: onClick ? 0 : void 0,
13341
- className: clsx(
13342
- "rounded-2xl",
13343
- variantClasses2[variant],
13344
- paddingClasses[padding],
13345
- hoverClasses,
13346
- clickableClasses,
13347
- loadingClasses,
13348
- className
13349
- ),
13350
- onClick,
13351
- onKeyDown: onClick ? (e) => {
13352
- if (e.key === "Enter" || e.key === " ") {
13353
- e.preventDefault();
13354
- onClick();
13355
- }
13356
- } : void 0,
13357
- children
13358
- }
13359
- );
13360
- });
13361
- var CardHeader2 = memo(function CardHeader3({
13362
- title,
13363
- subtitle,
13364
- actions,
13365
- className,
13366
- children
13367
- }) {
13368
- return /* @__PURE__ */ jsxs("div", { className: clsx("mb-4", className), children: [
13369
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2", children: [
13370
- /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
13371
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-slate-900 dark:text-slate-100 truncate", children: title }),
13372
- subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-slate-600 dark:text-slate-400 line-clamp-2", children: subtitle })
13373
- ] }),
13374
- actions && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-center gap-2", children: actions })
13375
- ] }),
13376
- children && /* @__PURE__ */ jsx("div", { className: "mt-3", children })
13377
- ] });
13378
- });
13379
- var CardTitle2 = memo(function CardTitle3({
13380
- children,
13381
- className
13382
- }) {
13383
- return /* @__PURE__ */ jsx(
13384
- "h3",
13385
- {
13386
- className: clsx(
13387
- "text-lg font-semibold text-slate-900 dark:text-slate-100",
13388
- className
13389
- ),
13390
- children
13391
- }
13392
- );
13393
- });
13394
- var CardDescription2 = memo(function CardDescription3({
13395
- children,
13396
- className
13397
- }) {
13398
- return /* @__PURE__ */ jsx("p", { className: clsx("text-sm text-slate-600 dark:text-slate-400", className), children });
13399
- });
13400
- var CardContent2 = memo(function CardContent3({
13401
- children,
13402
- className
13403
- }) {
13404
- return /* @__PURE__ */ jsx("div", { className: clsx("text-slate-600 dark:text-slate-400", className), children });
13405
- });
13406
- var CardFooter2 = memo(function CardFooter3({
13407
- children,
13408
- className,
13409
- justify = "end"
13410
- }) {
13411
- const justifyClasses = {
13412
- start: "justify-start",
13413
- center: "justify-center",
13414
- end: "justify-end",
13415
- between: "justify-between"
13416
- };
13417
- return /* @__PURE__ */ jsx(
13418
- "div",
13419
- {
13420
- className: clsx(
13421
- "mt-4 pt-4 border-t border-white/30 dark:border-white/10 flex items-center gap-2",
13422
- justifyClasses[justify],
13423
- className
13424
- ),
13425
- children
13426
- }
13427
- );
13428
- });
13429
- var StatCard2 = memo(function StatCard3({
13430
- title,
13431
- value,
13432
- subtitle,
13433
- icon,
13434
- trend,
13435
- loading = false,
13436
- className
13437
- }) {
13438
- const trendColors = {
13439
- up: "text-green-600 dark:text-green-400",
13440
- down: "text-red-600 dark:text-red-400",
13441
- neutral: "text-slate-600 dark:text-slate-400"
13442
- };
13443
- return /* @__PURE__ */ jsx(Card2, { variant: "elevated", hover: true, className, loading, children: /* @__PURE__ */ jsxs("div", { className: "flex items-start", children: [
13444
- icon && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 mr-4", children: /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-lg bg-white/20 dark:bg-white/[0.08] flex items-center justify-center", children: icon }) }),
13445
- /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
13446
- /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-slate-600 dark:text-slate-400 truncate", children: title }),
13447
- /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-baseline", children: [
13448
- /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-slate-900 dark:text-slate-100", children: loading ? "..." : value }),
13449
- trend && !loading && /* @__PURE__ */ jsxs(
13450
- "div",
13451
- {
13452
- className: clsx(
13453
- "ml-2 flex items-center text-sm",
13454
- trendColors[trend.direction]
13455
- ),
13456
- children: [
13457
- /* @__PURE__ */ jsx("span", { children: trend.direction === "up" ? "\u2197" : trend.direction === "down" ? "\u2198" : "\u2192" }),
13458
- /* @__PURE__ */ jsxs("span", { className: "ml-1", children: [
13459
- trend.value,
13460
- "%"
13461
- ] })
13462
- ]
13463
- }
13464
- )
13465
- ] }),
13466
- subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-slate-600 dark:text-slate-400", children: subtitle }),
13467
- trend && !loading && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-slate-500 dark:text-slate-500", children: trend.label })
13468
- ] })
13469
- ] }) });
13470
- });
13471
- var Progress = React11.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
13472
- ProgressPrimitive.Root,
13473
- {
13474
- ref,
13475
- className: clsx(
13476
- "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
13477
- className
13478
- ),
13479
- ...props,
13480
- children: /* @__PURE__ */ jsx(
13481
- ProgressPrimitive.Indicator,
13482
- {
13483
- className: "h-full w-full flex-1 bg-primary transition-all",
13484
- style: { transform: `translateX(-${100 - (value || 0)}%)` }
13485
- }
13486
- )
13487
- }
13488
- ));
13489
- Progress.displayName = ProgressPrimitive.Root.displayName;
13490
- function validatePasswordStrength(password) {
13491
- return {
13492
- minLength: password.length >= 8,
13493
- hasUppercase: /[A-Z]/.test(password),
13494
- hasLowercase: /[a-z]/.test(password),
13495
- hasNumber: /\d/.test(password),
13496
- hasSpecial: /[!@#$%^&*()_+\-=]/.test(password)
13497
- };
13498
- }
13499
- function RequirementCheck({
13500
- met,
13501
- label
13502
- }) {
13503
- return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1.5 text-xs", children: [
13504
- /* @__PURE__ */ jsx(
13505
- "span",
13506
- {
13507
- className: `flex-shrink-0 w-3.5 h-3.5 rounded-full flex items-center justify-center text-[10px] font-bold ${met ? "bg-emerald-500 text-white" : "bg-slate-200 dark:bg-slate-700 text-slate-400 dark:text-slate-500"}`,
13508
- children: met ? "\u2713" : ""
13509
- }
13510
- ),
13511
- /* @__PURE__ */ jsx(
13512
- "span",
13513
- {
13514
- className: met ? "text-emerald-600 dark:text-emerald-400" : "text-slate-500 dark:text-slate-400",
13515
- children: label
13516
- }
13517
- )
13518
- ] });
13519
- }
13520
- var PasswordInput2 = forwardRef(
13521
- function PasswordInput3({ className = "", variant = "default", showStrength = false, onChange, ...props }, ref) {
13522
- const [showPassword, setShowPassword] = useState(false);
13523
- const [internalValue, setInternalValue] = useState("");
13524
- const t = useTranslations();
13525
- const handleChange = (e) => {
13526
- setInternalValue(e.target.value);
13527
- onChange?.(e);
13528
- };
13529
- const strength = useMemo(
13530
- () => validatePasswordStrength(internalValue),
13531
- [internalValue]
13532
- );
13533
- const metCount = useMemo(() => {
13534
- const checks = Object.values(strength);
13535
- return checks.filter(Boolean).length;
13536
- }, [strength]);
13537
- const strengthLevel = useMemo(() => {
13538
- if (metCount <= 2) return "weak";
13539
- if (metCount <= 4) return "medium";
13540
- return "strong";
13541
- }, [metCount]);
13542
- const strengthBarColor = {
13543
- weak: "bg-red-500",
13544
- medium: "bg-amber-500",
13545
- strong: "bg-emerald-500"
13546
- }[strengthLevel];
13547
- const strengthBarWidth = {
13548
- weak: "w-1/3",
13549
- medium: "w-2/3",
13550
- strong: "w-full"
13551
- }[strengthLevel];
13552
- const baseInputClasses = variant === "apple" ? "w-full px-4 py-3 pr-12 text-[17px] bg-white/60 dark:bg-white/10 backdrop-blur-xl border border-white/30 dark:border-white/20 text-slate-900 dark:text-white placeholder-slate-400 dark:placeholder-slate-500 rounded-xl focus:outline-none focus:ring-2 focus:ring-indigo-500 transition-all" : "w-full px-4 py-3.5 pr-12 text-base rounded-xl border transition-all duration-300 bg-white/60 dark:bg-white/10 backdrop-blur-xl border-white/30 dark:border-white/20 text-slate-900 dark:text-white placeholder-slate-400 dark:placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent";
13553
- const buttonClasses = variant === "apple" ? "absolute top-1/2 -translate-y-1/2 right-3 p-1.5 hover:bg-white/30 dark:hover:bg-white/[0.08] rounded-lg transition-colors" : "absolute top-1/2 -translate-y-1/2 right-3 p-2 hover:bg-white/30 dark:hover:bg-white/[0.08] rounded-lg transition-all duration-200";
13554
- const iconClasses = variant === "apple" ? "h-5 w-5 text-slate-400 dark:text-slate-400" : "h-5 w-5 text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-200";
13555
- return /* @__PURE__ */ jsxs("div", { children: [
13556
- /* @__PURE__ */ jsxs("div", { className: "relative", children: [
13557
- /* @__PURE__ */ jsx(
13558
- "input",
13559
- {
13560
- ref,
13561
- type: showPassword ? "text" : "password",
13562
- className: `${baseInputClasses} ${className}`,
13563
- onChange: handleChange,
13564
- ...props
13565
- }
13566
- ),
13567
- /* @__PURE__ */ jsx(
13568
- "button",
13569
- {
13570
- type: "button",
13571
- onClick: () => setShowPassword(!showPassword),
13572
- className: buttonClasses,
13573
- "aria-label": showPassword ? t("aria.hidePassword") : t("aria.showPassword"),
13574
- children: showPassword ? /* @__PURE__ */ jsx(EyeSlashIcon, { className: iconClasses }) : /* @__PURE__ */ jsx(EyeIcon, { className: iconClasses })
13575
- }
13576
- )
13577
- ] }),
13578
- showStrength && internalValue.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-2", children: [
13579
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
13580
- /* @__PURE__ */ jsx("div", { className: "flex-1 h-1.5 bg-slate-200 dark:bg-slate-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
13581
- "div",
13582
- {
13583
- className: `h-full rounded-full transition-all duration-300 ${strengthBarColor} ${strengthBarWidth}`
13584
- }
13585
- ) }),
13586
- /* @__PURE__ */ jsx(
13587
- "span",
13588
- {
13589
- className: `text-xs font-medium ${strengthLevel === "weak" ? "text-red-500" : strengthLevel === "medium" ? "text-amber-500" : "text-emerald-500"}`,
13590
- children: t(`login.passwordStrength.${strengthLevel}`)
13591
- }
13592
- )
13593
- ] }),
13594
- /* @__PURE__ */ jsxs("ul", { className: "space-y-1", children: [
13595
- /* @__PURE__ */ jsx(
13596
- RequirementCheck,
13597
- {
13598
- met: strength.minLength,
13599
- label: t("login.passwordRequirements.minLength")
13600
- }
13601
- ),
13602
- /* @__PURE__ */ jsx(
13603
- RequirementCheck,
13604
- {
13605
- met: strength.hasUppercase,
13606
- label: t("login.passwordRequirements.uppercase")
13607
- }
13608
- ),
13609
- /* @__PURE__ */ jsx(
13610
- RequirementCheck,
13611
- {
13612
- met: strength.hasLowercase,
13613
- label: t("login.passwordRequirements.lowercase")
13614
- }
13615
- ),
13616
- /* @__PURE__ */ jsx(
13617
- RequirementCheck,
13618
- {
13619
- met: strength.hasNumber,
13620
- label: t("login.passwordRequirements.number")
13621
- }
13622
- ),
13623
- /* @__PURE__ */ jsx(
13624
- RequirementCheck,
13625
- {
13626
- met: strength.hasSpecial,
13627
- label: t("login.passwordRequirements.special")
13628
- }
13629
- )
13630
- ] })
13631
- ] })
13632
- ] });
13633
- }
13634
- );
13635
- var Tabs = TabsPrimitive.Root;
13636
- var TabsList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
13637
- TabsPrimitive.List,
13638
- {
13639
- ref,
13640
- className: clsx(
13641
- "inline-flex h-9 items-center justify-center rounded-lg bg-muted/50 p-0.5 text-muted-foreground",
13642
- className
13643
- ),
13644
- ...props
13645
- }
13646
- ));
13647
- TabsList.displayName = TabsPrimitive.List.displayName;
13648
- var TabsTrigger = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
13649
- TabsPrimitive.Trigger,
13650
- {
13651
- ref,
13652
- className: clsx(
13653
- "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",
13654
- className
13655
- ),
13656
- ...props
13657
- }
13658
- ));
13659
- TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
13660
- var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
13661
- TabsPrimitive.Content,
13662
- {
13663
- ref,
13664
- className: clsx(
13665
- "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
13666
- className
13667
- ),
13668
- ...props
13669
- }
13670
- ));
13671
- TabsContent.displayName = TabsPrimitive.Content.displayName;
13672
- var SliderInput = ({
13673
- id,
13674
- label,
13675
- value,
13676
- onChange,
13677
- min,
13678
- max,
13679
- step,
13680
- suffix = "",
13681
- tooltip,
13682
- formatDisplay,
13683
- showValue = true
13684
- }) => {
13685
- const tAria = useTranslations("aria");
13686
- const tCommon = useTranslations("common");
13687
- const [showTooltip, setShowTooltip] = useState(false);
13688
- const safeValue = typeof value === "number" && !isNaN(value) ? value : min;
13689
- const percentage = (safeValue - min) / (max - min) * 100;
13690
- const displayValue = formatDisplay ? formatDisplay(safeValue) : safeValue.toFixed(step < 1 ? 2 : 0);
13691
- return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
13692
- /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
13693
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
13694
- /* @__PURE__ */ jsx(
13695
- "label",
13696
- {
13697
- htmlFor: id,
13698
- className: "text-sm font-medium text-zinc-700 dark:text-zinc-300",
13699
- children: label
13700
- }
13701
- ),
13702
- tooltip && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
13703
- /* @__PURE__ */ jsx(
13704
- "button",
13705
- {
13706
- type: "button",
13707
- onMouseEnter: () => setShowTooltip(true),
13708
- onMouseLeave: () => setShowTooltip(false),
13709
- className: "w-4 h-4 rounded-full bg-zinc-200 dark:bg-zinc-700 text-zinc-600 dark:text-zinc-400 text-xs flex items-center justify-center hover:bg-zinc-300 dark:hover:bg-zinc-600 transition-colors",
13710
- "aria-label": tAria("info"),
13711
- children: "?"
13712
- }
13713
- ),
13714
- showTooltip && /* @__PURE__ */ jsxs("div", { className: "absolute left-6 top-0 z-10 w-64 p-3 bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 text-xs rounded-lg shadow-lg", children: [
13715
- tooltip,
13716
- /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-2 -translate-x-1 w-2 h-2 bg-zinc-900 dark:bg-zinc-100 rotate-45" })
13717
- ] })
13718
- ] })
13719
- ] }),
13720
- showValue && /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: [
13721
- displayValue,
13722
- suffix
13723
- ] })
13724
- ] }),
13725
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
13726
- /* @__PURE__ */ jsx("div", { className: "flex-1 relative", children: /* @__PURE__ */ jsx(
13727
- "input",
13728
- {
13729
- id,
13730
- type: "range",
13731
- min,
13732
- max,
13733
- step,
13734
- value: safeValue,
13735
- onChange: (e) => onChange(Number(e.target.value)),
13736
- className: "w-full h-2 bg-zinc-200 dark:bg-zinc-700 rounded-lg appearance-none cursor-pointer slider-thumb",
13737
- "aria-label": label,
13738
- style: {
13739
- background: `linear-gradient(to right, rgb(59 130 246) 0%, rgb(59 130 246) ${percentage}%, rgb(228 228 231) ${percentage}%, rgb(228 228 231) 100%)`
13740
- }
13741
- }
13742
- ) }),
13743
- /* @__PURE__ */ jsx(
13744
- "input",
13745
- {
13746
- type: "number",
13747
- min,
13748
- max,
13749
- step,
13750
- value: safeValue,
13751
- onChange: (e) => onChange(Number(e.target.value)),
13752
- className: "w-24 px-3 py-1.5 text-sm border border-zinc-300 dark:border-zinc-600 rounded-md bg-white dark:bg-zinc-800 text-zinc-900 dark:text-zinc-100 focus:ring-2 focus:ring-blue-500 focus:border-transparent",
13753
- "aria-label": `${label} (${tCommon("number")})`
13754
- }
13755
- )
13756
- ] }),
13757
- /* @__PURE__ */ jsx("style", { children: `
13758
- .slider-thumb::-webkit-slider-thumb {
13759
- appearance: none;
13760
- width: 18px;
13761
- height: 18px;
13762
- border-radius: 50%;
13763
- background: rgb(59 130 246);
13764
- cursor: pointer;
13765
- border: 2px solid white;
13766
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
13767
- }
13768
-
13769
- .slider-thumb::-moz-range-thumb {
13770
- width: 18px;
13771
- height: 18px;
13772
- border-radius: 50%;
13773
- background: rgb(59 130 246);
13774
- cursor: pointer;
13775
- border: 2px solid white;
13776
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
13777
- }
13778
-
13779
- .slider-thumb::-webkit-slider-thumb:hover {
13780
- background: rgb(37 99 235);
13781
- }
13782
-
13783
- .slider-thumb::-moz-range-thumb:hover {
13784
- background: rgb(37 99 235);
13785
- }
13786
- ` })
13787
- ] });
13788
- };
13789
12545
  function DataPagination({
13790
12546
  pagination,
13791
12547
  onUpdate,
@@ -13888,50 +12644,6 @@ function getPageNumbers(currentPage, totalPages) {
13888
12644
  }
13889
12645
  return pages;
13890
12646
  }
13891
- var ContactCard = React11__default.memo(function ContactCard2({
13892
- type,
13893
- email,
13894
- phone
13895
- }) {
13896
- const t = useTranslations("contact");
13897
- return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-gray-50 p-10", children: [
13898
- /* @__PURE__ */ jsx("h3", { className: "text-base/7 font-semibold text-gray-900", children: t(type) }),
13899
- /* @__PURE__ */ jsxs("dl", { className: "mt-3 space-y-1 text-sm/6 text-gray-600", children: [
13900
- /* @__PURE__ */ jsxs("div", { children: [
13901
- /* @__PURE__ */ jsx("dt", { className: "sr-only", children: "Email" }),
13902
- /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("a", { href: `mailto:${email}`, className: "font-semibold text-blue-600", children: email }) })
13903
- ] }),
13904
- /* @__PURE__ */ jsxs("div", { className: "mt-1", children: [
13905
- /* @__PURE__ */ jsx("dt", { className: "sr-only", children: "Telefone" }),
13906
- /* @__PURE__ */ jsx("dd", { children: phone })
13907
- ] })
13908
- ] })
13909
- ] });
13910
- });
13911
- var OfficeCard = React11__default.memo(function OfficeCard2({
13912
- city,
13913
- address,
13914
- postalCode
13915
- }) {
13916
- return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-gray-50 p-10", children: [
13917
- /* @__PURE__ */ jsx("h3", { className: "text-base/7 font-semibold text-gray-900", children: city }),
13918
- /* @__PURE__ */ jsxs("address", { className: "mt-3 space-y-1 text-sm/6 text-gray-600 not-italic", children: [
13919
- /* @__PURE__ */ jsx("p", { children: address }),
13920
- /* @__PURE__ */ jsx("p", { children: postalCode })
13921
- ] })
13922
- ] });
13923
- });
13924
- var ContactSection = React11__default.memo(
13925
- function ContactSection2({ title, subtitle, children }) {
13926
- return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-10 py-16 lg:grid-cols-3", children: [
13927
- /* @__PURE__ */ jsxs("div", { children: [
13928
- /* @__PURE__ */ jsx("h2", { className: "text-4xl font-semibold tracking-tight text-pretty text-gray-900", children: title }),
13929
- /* @__PURE__ */ jsx("p", { className: "mt-4 text-base/7 text-gray-600", children: subtitle })
13930
- ] }),
13931
- /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:col-span-2 lg:gap-8", children })
13932
- ] });
13933
- }
13934
- );
13935
12647
  var PageHeader = memo(function PageHeader2({
13936
12648
  title,
13937
12649
  subtitle,
@@ -13996,68 +12708,43 @@ var CardSectionHeader = memo(function CardSectionHeader2({
13996
12708
  children && /* @__PURE__ */ jsx("div", { className: "mt-2", children })
13997
12709
  ] });
13998
12710
  });
13999
- var MetricCard2 = ({
14000
- title,
14001
- value,
14002
- subtitle,
14003
- tooltip,
14004
- className = "",
14005
- children
14006
- }) => {
14007
- const [showTooltip, setShowTooltip] = useState(false);
14008
- return /* @__PURE__ */ jsxs(
14009
- "div",
14010
- {
14011
- className: `liquid-surface rounded-2xl border border-white/30 dark:border-white/10 p-5 hover:bg-white/40 dark:hover:bg-white/[0.08] transition-colors ${className}`,
14012
- children: [
14013
- /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-3", children: [
14014
- /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-slate-500 dark:text-slate-400", children: title }),
14015
- tooltip && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
14016
- /* @__PURE__ */ jsx(
14017
- "button",
14018
- {
14019
- type: "button",
14020
- onMouseEnter: () => setShowTooltip(true),
14021
- onMouseLeave: () => setShowTooltip(false),
14022
- className: "w-4 h-4 rounded-full bg-white/30 dark:bg-white/10 text-slate-600 dark:text-slate-400 text-xs flex items-center justify-center hover:bg-white/40 dark:hover:bg-white/[0.08] transition-colors",
14023
- "aria-label": "Info",
14024
- children: "?"
14025
- }
14026
- ),
14027
- showTooltip && /* @__PURE__ */ jsxs("div", { className: "absolute right-0 top-6 z-10 w-64 p-3 liquid-surface-strong text-slate-900 dark:text-slate-100 text-xs rounded-lg", children: [
14028
- tooltip,
14029
- /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-0 -translate-y-1 w-2 h-2 bg-white/60 dark:bg-white/20 rotate-45" })
14030
- ] })
14031
- ] })
14032
- ] }),
14033
- children ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
14034
- /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold text-slate-900 dark:text-slate-100 mb-1", children: value }),
14035
- subtitle && /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: subtitle })
14036
- ] })
14037
- ]
14038
- }
14039
- );
14040
- };
14041
- var MetricTooltip = ({ text }) => {
14042
- const [show, setShow] = useState(false);
14043
- return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
14044
- /* @__PURE__ */ jsx(
14045
- "button",
14046
- {
14047
- type: "button",
14048
- onMouseEnter: () => setShow(true),
14049
- onMouseLeave: () => setShow(false),
14050
- className: "w-4 h-4 rounded-full bg-white/30 dark:bg-white/10 text-slate-600 dark:text-slate-400 text-xs flex items-center justify-center hover:bg-white/40 dark:hover:bg-white/[0.08] transition-colors",
14051
- "aria-label": "Info",
14052
- children: "?"
14053
- }
12711
+ var Tabs = TabsPrimitive.Root;
12712
+ var TabsList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
12713
+ TabsPrimitive.List,
12714
+ {
12715
+ ref,
12716
+ className: clsx(
12717
+ "inline-flex h-9 items-center justify-center rounded-lg bg-muted/50 p-0.5 text-muted-foreground",
12718
+ className
14054
12719
  ),
14055
- show && /* @__PURE__ */ jsxs("div", { className: "absolute right-0 top-6 z-10 w-64 p-3 liquid-surface-strong text-slate-900 dark:text-slate-100 text-xs rounded-lg", children: [
14056
- text,
14057
- /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-0 -translate-y-1 w-2 h-2 bg-white/60 dark:bg-white/20 rotate-45" })
14058
- ] })
14059
- ] });
14060
- };
12720
+ ...props
12721
+ }
12722
+ ));
12723
+ TabsList.displayName = TabsPrimitive.List.displayName;
12724
+ var TabsTrigger = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
12725
+ TabsPrimitive.Trigger,
12726
+ {
12727
+ ref,
12728
+ className: clsx(
12729
+ "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",
12730
+ className
12731
+ ),
12732
+ ...props
12733
+ }
12734
+ ));
12735
+ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
12736
+ var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
12737
+ TabsPrimitive.Content,
12738
+ {
12739
+ ref,
12740
+ className: clsx(
12741
+ "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
12742
+ className
12743
+ ),
12744
+ ...props
12745
+ }
12746
+ ));
12747
+ TabsContent.displayName = TabsPrimitive.Content.displayName;
14061
12748
 
14062
12749
  // src/lib/navigation.ts
14063
12750
  function buildDockActions(items, pathname, handlers, options = {}) {
@@ -14792,6 +13479,6 @@ function PlatformShell({
14792
13479
  ] });
14793
13480
  }
14794
13481
 
14795
- export { ActionMenu, ActionSheet, ActiveFilterChips, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, AppShell, ArchiveSwipeAction, AuthLayout, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, BadRequestPage, Badge, BaseForm, BentoCard, BooleanFlagsPicker, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, Button, Card, Card2, CardActionMenu, CardContent, CardContent2, CardDescription, CardDescription2, CardDivider, CardFooter, CardFooter2, CardGridSkeleton, CardHeader, CardHeader2, CardSectionHeader, CardTitle, CardTitle2, CategoryBadge, CategoryTab, CategoryTabs, ChipPicker, CircularRefreshIndicator, Code, CollapsibleGroupedList, CompactSegmentedControl, ContactCard, ContactSection, Container, ContextMenu, CookieConsent, CopyableId, CountPill, CreateActionButton, DashboardProgressShell, DataPagination, DatePicker, DeleteSwipeAction, Description4 as Description, DetailsPopover, DevModeBanner, Dialog4 as Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle3 as DialogTitle, Divider, Dock, DockContainer, DockSkeleton, DotRefreshIndicator, Dropdown, DropdownButton, DropdownDescription, DropdownDivider, DropdownHeader, DropdownHeading, DropdownItem, DropdownLabel, DropdownMenu, DropdownSection, DropdownSelect, DropdownShortcut, DynamicIsland, DynamicIslandConfirm, DynamicIslandNotification, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, EntityDrawer, ErrorMessage, ErrorState, ExpandableHistoryList, ExpandingPageIndicator, FUEL_PRICE_LOADER, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field2 as Field, FieldGroup, Fieldset2 as Fieldset, FilterBadge, FilterPill, FilterSectionHeader, FilterTileButton, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, FormActionsRow, FormCheckbox, FormField, FormGrid, FormInput, FormModal, FormPriceInput, FormSection, FormSelect, FormTextarea, FormToggle, GeoMapCanvas, GeoMapLegend, GlassModal, Gradient, GradientBackground, GrowthIndicator, Heading, HeroPanel, HeroSection, IconButton, InfoPopover, InlineForm, InlineSpinner, Input, InputGroup, InteractiveGeoMap, ItemSummary, KORI_ERP_LOADER, Label2 as Label, Label3 as Label2, LabeledToggle, LanguageSwitcher, LaunchpadGrid, Lead, Legend2 as Legend, Link4 as Link, LiquidFilterInput, ListCard, ListCardItem, ListItem, LoadingOverlay, ManagementPageLayout, ManagementSurface, MapZoomControls, MetricCard, MetricCard2, MetricTooltip, MonthPicker, MultiColumnPicker, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, NotificationBadge, NotificationBellButton, NotificationProvider, OfficeCard, OfflineState, OptionGrid, OtpInput, PageEmptyState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, PasswordInput2, PasswordStrengthMeter, Pill, PlatformShell, PlusGrid, PlusGridItem, PlusGridRow, PreferenceSection, PriceChangeBadge, ProfileIdentityCard, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, RegionFilterSkeleton, RoleBadge, SafeArea, SafeAreaSpacer, SafeAreaView, SearchBar, SearchFilterToolbar, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, SelectableChipPicker, SelectableListPicker, SelectableOptionsGrid, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsDialog, SettingsModal, Sheet, SliderInput, SocialLoginButtons, SortableTableHeader, Spinner, Stat, StatCard, StatCard2, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepNavigationButtons, StepTimeline, Strong, Subheading, SwipeableRow, Switch2 as Switch, SwitchField, SwitchGroup, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, TagBadge, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, ToggleSwitch, TouchTarget, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, UserAvatar, UserMobileInfo, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, createMotionProps, durations, durationsReduced, easings, fadeOnly, fadeScale, filterByPermission, formatCurrency, formatDate, formatPercentage, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getTransition, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, iosColors, isValidBrazilState, isValidSubdivision, isValidUsState, listItem, listItemReduced, notificationBanner, notificationBannerReduced, pageControlDot, prefersReducedMotion, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, springPresets, springPresetsReduced, staggerContainer, swipeActionThreshold, swipeConstraints, useGeoMapState, useNotifications, usePlatformShellStore, usePullToRefresh };
14796
- //# sourceMappingURL=chunk-RWNHZ7FV.mjs.map
14797
- //# sourceMappingURL=chunk-RWNHZ7FV.mjs.map
13482
+ export { ActionMenu, ActionSheet, ActiveFilterChips, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, AppShell, ArchiveSwipeAction, AuthLayout, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, BadRequestPage, Badge, BaseForm, BentoCard, BooleanFlagsPicker, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, Button, Card, CardActionMenu, CardContent, CardDescription, CardDivider, CardFooter, CardGridSkeleton, CardHeader, CardSectionHeader, CardTitle, CategoryBadge, CategoryTab, CategoryTabs, ChipPicker, CircularRefreshIndicator, Code, CollapsibleGroupedList, CompactSegmentedControl, Container, ContextMenu, CookieConsent, CopyableId, CountPill, CreateActionButton, DashboardProgressShell, DataPagination, DatePicker, DeleteSwipeAction, Description4 as Description, DetailsPopover, DevModeBanner, Dialog4 as Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle3 as DialogTitle, Divider, Dock, DockContainer, DockSkeleton, DotRefreshIndicator, Dropdown, DropdownSelect, DynamicIsland, DynamicIslandConfirm, DynamicIslandNotification, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, EntityDrawer, ErrorMessage, ErrorState, ExpandableHistoryList, ExpandingPageIndicator, FUEL_PRICE_LOADER, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field2 as Field, FieldGroup, Fieldset2 as Fieldset, FilterBadge, FilterPill, FilterSectionHeader, FilterTileButton, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, FormActionsRow, FormCheckbox, FormField, FormGrid, FormInput, FormModal, FormPriceInput, FormSection, FormSelect, FormTextarea, FormToggle, GeoMapCanvas, GeoMapLegend, GlassModal, Gradient, GradientBackground, GrowthIndicator, Heading, HeroPanel, HeroSection, IconButton, InfoPopover, InlineForm, InlineSpinner, Input, InteractiveGeoMap, ItemSummary, KORI_ERP_LOADER, Label2 as Label, LabeledToggle, LanguageSwitcher, LaunchpadGrid, Lead, Legend2 as Legend, LiquidFilterInput, ListCard, ListCardItem, ListItem, LoadingOverlay, ManagementPageLayout, ManagementSurface, MapZoomControls, MetricCard, MonthPicker, MultiColumnPicker, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, NotificationBadge, NotificationBellButton, NotificationProvider, OfflineState, OptionGrid, OtpInput, PageEmptyState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, PasswordStrengthMeter, Pill, PlatformShell, PlusGrid, PlusGridItem, PlusGridRow, PreferenceSection, PriceChangeBadge, ProfileIdentityCard, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, RegionFilterSkeleton, RoleBadge, SafeArea, SafeAreaSpacer, SafeAreaView, SearchBar, SearchFilterToolbar, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectableChipPicker, SelectableListPicker, SelectableOptionsGrid, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsDialog, SettingsModal, Sheet, SocialLoginButtons, SortableTableHeader, Spinner, Stat, StatCard, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepNavigationButtons, StepTimeline, Strong, Subheading, SwipeableRow, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, TagBadge, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, ToggleSwitch, TouchTarget, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, UserAvatar, UserMobileInfo, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, createMotionProps, durations, durationsReduced, easings, fadeOnly, fadeScale, filterByPermission, formatCurrency, formatDate, formatPercentage, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getTransition, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, iosColors, isValidBrazilState, isValidSubdivision, isValidUsState, listItem, listItemReduced, notificationBanner, notificationBannerReduced, pageControlDot, prefersReducedMotion, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, springPresets, springPresetsReduced, staggerContainer, swipeActionThreshold, swipeConstraints, useGeoMapState, useNotifications, usePlatformShellStore, usePullToRefresh };
13483
+ //# sourceMappingURL=chunk-XAXP6HE6.mjs.map
13484
+ //# sourceMappingURL=chunk-XAXP6HE6.mjs.map