@datatechsolutions/ui 2.7.129 → 2.7.130

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.
@@ -24,6 +24,7 @@ import { CalendarIcon, ChevronLeftIcon as ChevronLeftIcon$2, ChevronRightIcon as
24
24
  import { geoAlbersUsa, geoMercator, geoPath } from 'd3-geo';
25
25
  export { LOCALE_FLAGS } from '@datatechsolutions/shared-domain/i18n';
26
26
  import * as TabsPrimitive from '@radix-ui/react-tabs';
27
+ import * as ProgressPrimitive from '@radix-ui/react-progress';
27
28
  import { create } from 'zustand';
28
29
 
29
30
  var Link = forwardRef(function Link2(props, ref) {
@@ -2610,7 +2611,7 @@ var colorClasses2 = {
2610
2611
  };
2611
2612
  function CircleSpinner({ size, color, className, ariaLabel }) {
2612
2613
  const config = sizeConfig[size];
2613
- const colors2 = colorClasses2[color];
2614
+ const colors3 = colorClasses2[color];
2614
2615
  return /* @__PURE__ */ jsx(
2615
2616
  "div",
2616
2617
  {
@@ -2618,8 +2619,8 @@ function CircleSpinner({ size, color, className, ariaLabel }) {
2618
2619
  "rounded-full animate-spin",
2619
2620
  config.size,
2620
2621
  config.border,
2621
- colors2.track,
2622
- colors2.indicator,
2622
+ colors3.track,
2623
+ colors3.indicator,
2623
2624
  className
2624
2625
  ),
2625
2626
  role: "status",
@@ -2629,7 +2630,7 @@ function CircleSpinner({ size, color, className, ariaLabel }) {
2629
2630
  }
2630
2631
  function DotsSpinner({ size, color, className, ariaLabel }) {
2631
2632
  const config = sizeConfig[size];
2632
- const colors2 = colorClasses2[color];
2633
+ const colors3 = colorClasses2[color];
2633
2634
  const dotVariants = {
2634
2635
  initial: { scale: 0.8, opacity: 0.4 },
2635
2636
  animate: { scale: 1, opacity: 1 }
@@ -2637,7 +2638,7 @@ function DotsSpinner({ size, color, className, ariaLabel }) {
2637
2638
  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(
2638
2639
  motion.div,
2639
2640
  {
2640
- className: clsx$1("rounded-full", colors2.dot),
2641
+ className: clsx$1("rounded-full", colors3.dot),
2641
2642
  style: {
2642
2643
  width: config.dotSize,
2643
2644
  height: config.dotSize
@@ -2657,12 +2658,12 @@ function DotsSpinner({ size, color, className, ariaLabel }) {
2657
2658
  }
2658
2659
  function PulseSpinner({ size, color, className, ariaLabel }) {
2659
2660
  const config = sizeConfig[size];
2660
- const colors2 = colorClasses2[color];
2661
+ const colors3 = colorClasses2[color];
2661
2662
  return /* @__PURE__ */ jsxs("div", { className: clsx$1("relative", config.size, className), role: "status", "aria-label": ariaLabel, children: [
2662
2663
  /* @__PURE__ */ jsx(
2663
2664
  motion.div,
2664
2665
  {
2665
- className: clsx$1("absolute inset-0 rounded-full", colors2.dot),
2666
+ className: clsx$1("absolute inset-0 rounded-full", colors3.dot),
2666
2667
  animate: {
2667
2668
  scale: [1, 1.5, 1],
2668
2669
  opacity: [0.7, 0, 0.7]
@@ -2674,7 +2675,7 @@ function PulseSpinner({ size, color, className, ariaLabel }) {
2674
2675
  }
2675
2676
  }
2676
2677
  ),
2677
- /* @__PURE__ */ jsx("div", { className: clsx$1("absolute inset-0 rounded-full", colors2.dot) })
2678
+ /* @__PURE__ */ jsx("div", { className: clsx$1("absolute inset-0 rounded-full", colors3.dot) })
2678
2679
  ] });
2679
2680
  }
2680
2681
  function Spinner({
@@ -3100,7 +3101,7 @@ function PageIndicator({
3100
3101
  }) {
3101
3102
  const t = useTranslations("common");
3102
3103
  const { dot, gap } = sizeConfig2[size];
3103
- const colors2 = variantConfig[variant];
3104
+ const colors3 = variantConfig[variant];
3104
3105
  const handleClick = (index) => {
3105
3106
  if (onChange && index !== active) {
3106
3107
  triggerHaptic("light");
@@ -3127,7 +3128,7 @@ function PageIndicator({
3127
3128
  className: `
3128
3129
  rounded-full transition-colors duration-200
3129
3130
  ${onChange ? "cursor-pointer" : "cursor-default"}
3130
- ${isActive ? colors2.active : colors2.inactive}
3131
+ ${isActive ? colors3.active : colors3.inactive}
3131
3132
  `,
3132
3133
  style: {
3133
3134
  width: dot,
@@ -3158,7 +3159,7 @@ function ExpandingPageIndicator({
3158
3159
  activeWidth = 24
3159
3160
  }) {
3160
3161
  const t = useTranslations("common");
3161
- const colors2 = variantConfig[variant];
3162
+ const colors3 = variantConfig[variant];
3162
3163
  const handleClick = (index) => {
3163
3164
  if (onChange && index !== active) {
3164
3165
  triggerHaptic("light");
@@ -3184,7 +3185,7 @@ function ExpandingPageIndicator({
3184
3185
  className: `
3185
3186
  h-2 rounded-full transition-colors duration-200
3186
3187
  ${onChange ? "cursor-pointer" : "cursor-default"}
3187
- ${isActive ? colors2.active : colors2.inactive}
3188
+ ${isActive ? colors3.active : colors3.inactive}
3188
3189
  `,
3189
3190
  animate: {
3190
3191
  width: isActive ? activeWidth : 8,
@@ -11691,11 +11692,11 @@ function GeoMapCanvasInner({
11691
11692
  return `rgba(${r}, ${g}, ${b}, 0.25)`;
11692
11693
  };
11693
11694
  const lighterColors = useMemo(() => {
11694
- const colors2 = /* @__PURE__ */ new Map();
11695
+ const colors3 = /* @__PURE__ */ new Map();
11695
11696
  regionColorMap.forEach((color, code) => {
11696
- colors2.set(code, getLighterColor(color));
11697
+ colors3.set(code, getLighterColor(color));
11697
11698
  });
11698
- return colors2;
11699
+ return colors3;
11699
11700
  }, [regionColorMap]);
11700
11701
  const featureCollection = useMemo(() => {
11701
11702
  if (!geoData) return null;
@@ -12745,6 +12746,318 @@ var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
12745
12746
  }
12746
12747
  ));
12747
12748
  TabsContent.displayName = TabsPrimitive.Content.displayName;
12749
+ var ContactCard = React11__default.memo(function ContactCard2({
12750
+ type,
12751
+ email,
12752
+ phone
12753
+ }) {
12754
+ const t = useTranslations("contact");
12755
+ return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-gray-50 p-10", children: [
12756
+ /* @__PURE__ */ jsx("h3", { className: "text-base/7 font-semibold text-gray-900", children: t(type) }),
12757
+ /* @__PURE__ */ jsxs("dl", { className: "mt-3 space-y-1 text-sm/6 text-gray-600", children: [
12758
+ /* @__PURE__ */ jsxs("div", { children: [
12759
+ /* @__PURE__ */ jsx("dt", { className: "sr-only", children: "Email" }),
12760
+ /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("a", { href: `mailto:${email}`, className: "font-semibold text-blue-600", children: email }) })
12761
+ ] }),
12762
+ /* @__PURE__ */ jsxs("div", { className: "mt-1", children: [
12763
+ /* @__PURE__ */ jsx("dt", { className: "sr-only", children: "Telefone" }),
12764
+ /* @__PURE__ */ jsx("dd", { children: phone })
12765
+ ] })
12766
+ ] })
12767
+ ] });
12768
+ });
12769
+ var OfficeCard = React11__default.memo(function OfficeCard2({
12770
+ city,
12771
+ address,
12772
+ postalCode
12773
+ }) {
12774
+ return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-gray-50 p-10", children: [
12775
+ /* @__PURE__ */ jsx("h3", { className: "text-base/7 font-semibold text-gray-900", children: city }),
12776
+ /* @__PURE__ */ jsxs("address", { className: "mt-3 space-y-1 text-sm/6 text-gray-600 not-italic", children: [
12777
+ /* @__PURE__ */ jsx("p", { children: address }),
12778
+ /* @__PURE__ */ jsx("p", { children: postalCode })
12779
+ ] })
12780
+ ] });
12781
+ });
12782
+ var ContactSection = React11__default.memo(
12783
+ function ContactSection2({ title, subtitle, children }) {
12784
+ return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-10 py-16 lg:grid-cols-3", children: [
12785
+ /* @__PURE__ */ jsxs("div", { children: [
12786
+ /* @__PURE__ */ jsx("h2", { className: "text-4xl font-semibold tracking-tight text-pretty text-gray-900", children: title }),
12787
+ /* @__PURE__ */ jsx("p", { className: "mt-4 text-base/7 text-gray-600", children: subtitle })
12788
+ ] }),
12789
+ /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:col-span-2 lg:gap-8", children })
12790
+ ] });
12791
+ }
12792
+ );
12793
+ var Progress = React11.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
12794
+ ProgressPrimitive.Root,
12795
+ {
12796
+ ref,
12797
+ className: clsx(
12798
+ "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
12799
+ className
12800
+ ),
12801
+ ...props,
12802
+ children: /* @__PURE__ */ jsx(
12803
+ ProgressPrimitive.Indicator,
12804
+ {
12805
+ className: "h-full w-full flex-1 bg-primary transition-all",
12806
+ style: { transform: `translateX(-${100 - (value || 0)}%)` }
12807
+ }
12808
+ )
12809
+ }
12810
+ ));
12811
+ Progress.displayName = ProgressPrimitive.Root.displayName;
12812
+ function DropdownButton({
12813
+ as = Button,
12814
+ ...props
12815
+ }) {
12816
+ return /* @__PURE__ */ jsx(Headless6.MenuButton, { as, ...props });
12817
+ }
12818
+ function DropdownMenu({
12819
+ anchor = "bottom",
12820
+ className,
12821
+ ...props
12822
+ }) {
12823
+ return /* @__PURE__ */ jsx(
12824
+ Headless6.MenuItems,
12825
+ {
12826
+ ...props,
12827
+ transition: true,
12828
+ anchor,
12829
+ className: clsx(
12830
+ className,
12831
+ // Anchor positioning
12832
+ "[--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]",
12833
+ // Base styles
12834
+ "isolate w-max rounded-xl p-1",
12835
+ // Invisible border that is only visible in `forced-colors` mode for accessibility purposes
12836
+ "outline outline-transparent focus:outline-hidden",
12837
+ // Handle scrolling when menu won't fit in viewport
12838
+ "overflow-y-auto",
12839
+ // Popover background
12840
+ "bg-white/75 backdrop-blur-xl dark:bg-zinc-800/75",
12841
+ // Shadows
12842
+ "shadow-lg ring-1 ring-zinc-950/10 dark:ring-white/10 dark:ring-inset",
12843
+ // Define grid at the menu level if subgrid is supported
12844
+ "supports-[grid-template-columns:subgrid]:grid supports-[grid-template-columns:subgrid]:grid-cols-[auto_1fr_1.5rem_0.5rem_auto]",
12845
+ // Transitions
12846
+ "transition data-leave:duration-100 data-leave:ease-in data-closed:data-leave:opacity-0"
12847
+ )
12848
+ }
12849
+ );
12850
+ }
12851
+ function DropdownItem({
12852
+ className,
12853
+ ...props
12854
+ }) {
12855
+ const classes = clsx(
12856
+ className,
12857
+ // Base styles
12858
+ "group cursor-default rounded-lg px-3.5 py-2.5 focus:outline-hidden sm:px-3 sm:py-1.5",
12859
+ // Text styles
12860
+ "text-left text-base/6 text-zinc-950 sm:text-sm/6 dark:text-white forced-colors:text-[CanvasText]",
12861
+ // Focus
12862
+ "data-focus:bg-blue-500 data-focus:text-white",
12863
+ // Disabled state
12864
+ "data-disabled:opacity-50",
12865
+ // Forced colors mode
12866
+ "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]",
12867
+ // Use subgrid when available but fallback to an explicit grid layout if not
12868
+ "col-span-full grid grid-cols-[auto_1fr_1.5rem_0.5rem_auto] items-center supports-[grid-template-columns:subgrid]:grid-cols-subgrid",
12869
+ // Icons
12870
+ "*: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",
12871
+ "*: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",
12872
+ // Avatar
12873
+ "*: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"
12874
+ );
12875
+ return "href" in props ? /* @__PURE__ */ jsx(Headless6.MenuItem, { as: Link, ...props, className: classes }) : /* @__PURE__ */ jsx(
12876
+ Headless6.MenuItem,
12877
+ {
12878
+ as: "button",
12879
+ type: "button",
12880
+ ...props,
12881
+ className: classes
12882
+ }
12883
+ );
12884
+ }
12885
+ function DropdownDivider({
12886
+ className,
12887
+ ...props
12888
+ }) {
12889
+ return /* @__PURE__ */ jsx(
12890
+ Headless6.MenuSeparator,
12891
+ {
12892
+ ...props,
12893
+ className: clsx(
12894
+ className,
12895
+ "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]"
12896
+ )
12897
+ }
12898
+ );
12899
+ }
12900
+ function DropdownLabel({
12901
+ className,
12902
+ ...props
12903
+ }) {
12904
+ return /* @__PURE__ */ jsx(
12905
+ "div",
12906
+ {
12907
+ ...props,
12908
+ "data-slot": "label",
12909
+ className: clsx(className, "col-start-2 row-start-1"),
12910
+ ...props
12911
+ }
12912
+ );
12913
+ }
12914
+ var colors2 = {
12915
+ "dark/zinc": [
12916
+ "[--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",
12917
+ "[--switch-ring:var(--color-zinc-950)]/90 [--switch-shadow:var(--color-black)]/10 [--switch:white] dark:[--switch-ring:var(--color-zinc-700)]/90"
12918
+ ],
12919
+ "dark/white": [
12920
+ "[--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)]",
12921
+ "[--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)]"
12922
+ ],
12923
+ dark: [
12924
+ "[--switch-bg-ring:var(--color-zinc-950)]/90 [--switch-bg:var(--color-zinc-900)] dark:[--switch-bg-ring:var(--color-white)]/15",
12925
+ "[--switch-ring:var(--color-zinc-950)]/90 [--switch-shadow:var(--color-black)]/10 [--switch:white]"
12926
+ ],
12927
+ zinc: [
12928
+ "[--switch-bg-ring:var(--color-zinc-700)]/90 [--switch-bg:var(--color-zinc-600)] dark:[--switch-bg-ring:transparent]",
12929
+ "[--switch-shadow:var(--color-black)]/10 [--switch:white] [--switch-ring:var(--color-zinc-700)]/90"
12930
+ ],
12931
+ white: [
12932
+ "[--switch-bg-ring:var(--color-black)]/15 [--switch-bg:white] dark:[--switch-bg-ring:transparent]",
12933
+ "[--switch-shadow:var(--color-black)]/10 [--switch-ring:transparent] [--switch:var(--color-zinc-950)]"
12934
+ ],
12935
+ red: [
12936
+ "[--switch-bg-ring:var(--color-red-700)]/90 [--switch-bg:var(--color-red-600)] dark:[--switch-bg-ring:transparent]",
12937
+ "[--switch:white] [--switch-ring:var(--color-red-700)]/90 [--switch-shadow:var(--color-red-900)]/20"
12938
+ ],
12939
+ orange: [
12940
+ "[--switch-bg-ring:var(--color-orange-600)]/90 [--switch-bg:var(--color-orange-500)] dark:[--switch-bg-ring:transparent]",
12941
+ "[--switch:white] [--switch-ring:var(--color-orange-600)]/90 [--switch-shadow:var(--color-orange-900)]/20"
12942
+ ],
12943
+ amber: [
12944
+ "[--switch-bg-ring:var(--color-amber-500)]/80 [--switch-bg:var(--color-amber-400)] dark:[--switch-bg-ring:transparent]",
12945
+ "[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-amber-950)]"
12946
+ ],
12947
+ yellow: [
12948
+ "[--switch-bg-ring:var(--color-yellow-400)]/80 [--switch-bg:var(--color-yellow-300)] dark:[--switch-bg-ring:transparent]",
12949
+ "[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-yellow-950)]"
12950
+ ],
12951
+ lime: [
12952
+ "[--switch-bg-ring:var(--color-lime-400)]/80 [--switch-bg:var(--color-lime-300)] dark:[--switch-bg-ring:transparent]",
12953
+ "[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-lime-950)]"
12954
+ ],
12955
+ green: [
12956
+ "[--switch-bg-ring:var(--color-green-700)]/90 [--switch-bg:var(--color-green-600)] dark:[--switch-bg-ring:transparent]",
12957
+ "[--switch:white] [--switch-ring:var(--color-green-700)]/90 [--switch-shadow:var(--color-green-900)]/20"
12958
+ ],
12959
+ emerald: [
12960
+ "[--switch-bg-ring:var(--color-emerald-600)]/90 [--switch-bg:var(--color-emerald-500)] dark:[--switch-bg-ring:transparent]",
12961
+ "[--switch:white] [--switch-ring:var(--color-emerald-600)]/90 [--switch-shadow:var(--color-emerald-900)]/20"
12962
+ ],
12963
+ teal: [
12964
+ "[--switch-bg-ring:var(--color-teal-700)]/90 [--switch-bg:var(--color-teal-600)] dark:[--switch-bg-ring:transparent]",
12965
+ "[--switch:white] [--switch-ring:var(--color-teal-700)]/90 [--switch-shadow:var(--color-teal-900)]/20"
12966
+ ],
12967
+ cyan: [
12968
+ "[--switch-bg-ring:var(--color-cyan-400)]/80 [--switch-bg:var(--color-cyan-300)] dark:[--switch-bg-ring:transparent]",
12969
+ "[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-cyan-950)]"
12970
+ ],
12971
+ sky: [
12972
+ "[--switch-bg-ring:var(--color-sky-600)]/80 [--switch-bg:var(--color-sky-500)] dark:[--switch-bg-ring:transparent]",
12973
+ "[--switch:white] [--switch-ring:var(--color-sky-600)]/80 [--switch-shadow:var(--color-sky-900)]/20"
12974
+ ],
12975
+ blue: [
12976
+ "[--switch-bg-ring:var(--color-blue-700)]/90 [--switch-bg:var(--color-blue-600)] dark:[--switch-bg-ring:transparent]",
12977
+ "[--switch:white] [--switch-ring:var(--color-blue-700)]/90 [--switch-shadow:var(--color-blue-900)]/20"
12978
+ ],
12979
+ indigo: [
12980
+ "[--switch-bg-ring:var(--color-indigo-600)]/90 [--switch-bg:var(--color-indigo-500)] dark:[--switch-bg-ring:transparent]",
12981
+ "[--switch:white] [--switch-ring:var(--color-indigo-600)]/90 [--switch-shadow:var(--color-indigo-900)]/20"
12982
+ ],
12983
+ violet: [
12984
+ "[--switch-bg-ring:var(--color-violet-600)]/90 [--switch-bg:var(--color-violet-500)] dark:[--switch-bg-ring:transparent]",
12985
+ "[--switch:white] [--switch-ring:var(--color-violet-600)]/90 [--switch-shadow:var(--color-violet-900)]/20"
12986
+ ],
12987
+ purple: [
12988
+ "[--switch-bg-ring:var(--color-purple-600)]/90 [--switch-bg:var(--color-purple-500)] dark:[--switch-bg-ring:transparent]",
12989
+ "[--switch:white] [--switch-ring:var(--color-purple-600)]/90 [--switch-shadow:var(--color-purple-900)]/20"
12990
+ ],
12991
+ fuchsia: [
12992
+ "[--switch-bg-ring:var(--color-fuchsia-600)]/90 [--switch-bg:var(--color-fuchsia-500)] dark:[--switch-bg-ring:transparent]",
12993
+ "[--switch:white] [--switch-ring:var(--color-fuchsia-600)]/90 [--switch-shadow:var(--color-fuchsia-900)]/20"
12994
+ ],
12995
+ pink: [
12996
+ "[--switch-bg-ring:var(--color-pink-600)]/90 [--switch-bg:var(--color-pink-500)] dark:[--switch-bg-ring:transparent]",
12997
+ "[--switch:white] [--switch-ring:var(--color-pink-600)]/90 [--switch-shadow:var(--color-pink-900)]/20"
12998
+ ],
12999
+ rose: [
13000
+ "[--switch-bg-ring:var(--color-rose-600)]/90 [--switch-bg:var(--color-rose-500)] dark:[--switch-bg-ring:transparent]",
13001
+ "[--switch:white] [--switch-ring:var(--color-rose-600)]/90 [--switch-shadow:var(--color-rose-900)]/20"
13002
+ ]
13003
+ };
13004
+ function Switch2({
13005
+ color = "dark/zinc",
13006
+ className,
13007
+ ...props
13008
+ }) {
13009
+ return /* @__PURE__ */ jsx(
13010
+ Headless6.Switch,
13011
+ {
13012
+ "data-slot": "control",
13013
+ ...props,
13014
+ className: clsx(
13015
+ className,
13016
+ // Base styles
13017
+ "group relative isolate inline-flex h-6 w-10 cursor-default rounded-full p-[3px] sm:h-5 sm:w-8",
13018
+ // Transitions
13019
+ "transition duration-0 ease-in-out data-changing:duration-200",
13020
+ // Outline and background color in forced-colors mode so switch is still visible
13021
+ "forced-colors:outline forced-colors:[--switch-bg:Highlight] dark:forced-colors:[--switch-bg:Highlight]",
13022
+ // Unchecked
13023
+ "bg-zinc-200 ring-1 ring-black/5 ring-inset dark:bg-white/5 dark:ring-white/15",
13024
+ // Checked
13025
+ "data-checked:bg-(--switch-bg) data-checked:ring-(--switch-bg-ring) dark:data-checked:bg-(--switch-bg) dark:data-checked:ring-(--switch-bg-ring)",
13026
+ // Focus
13027
+ "focus:not-data-focus:outline-hidden data-focus:outline-2 data-focus:outline-offset-2 data-focus:outline-blue-500",
13028
+ // Hover
13029
+ "data-hover:ring-black/15 data-hover:data-checked:ring-(--switch-bg-ring)",
13030
+ "dark:data-hover:ring-white/25 dark:data-hover:data-checked:ring-(--switch-bg-ring)",
13031
+ // Disabled
13032
+ "data-disabled:bg-zinc-200 data-disabled:opacity-50 data-disabled:data-checked:bg-zinc-200 data-disabled:data-checked:ring-black/5",
13033
+ "dark:data-disabled:bg-white/15 dark:data-disabled:data-checked:bg-white/15 dark:data-disabled:data-checked:ring-white/15",
13034
+ // Color specific styles
13035
+ colors2[color]
13036
+ ),
13037
+ children: /* @__PURE__ */ jsx(
13038
+ "span",
13039
+ {
13040
+ "aria-hidden": "true",
13041
+ className: clsx(
13042
+ // Basic layout
13043
+ "pointer-events-none relative inline-block size-4.5 rounded-full sm:size-3.5",
13044
+ // Transition
13045
+ "translate-x-0 transition duration-200 ease-in-out",
13046
+ // Invisible border so the switch is still visible in forced-colors mode
13047
+ "border border-transparent",
13048
+ // Unchecked
13049
+ "bg-white shadow-sm ring-1 ring-black/5",
13050
+ // Checked
13051
+ "group-data-checked:bg-(--switch) group-data-checked:shadow-(--switch-shadow) group-data-checked:ring-(--switch-ring)",
13052
+ "group-data-checked:translate-x-4 sm:group-data-checked:translate-x-3",
13053
+ // Disabled
13054
+ "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"
13055
+ )
13056
+ }
13057
+ )
13058
+ }
13059
+ );
13060
+ }
12748
13061
 
12749
13062
  // src/lib/navigation.ts
12750
13063
  function buildDockActions(items, pathname, handlers, options = {}) {
@@ -13479,6 +13792,6 @@ function PlatformShell({
13479
13792
  ] });
13480
13793
  }
13481
13794
 
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
13795
+ 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, 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, DropdownDivider, DropdownItem, DropdownLabel, DropdownMenu, 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, OfficeCard, OfflineState, OptionGrid, OtpInput, PageEmptyState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, 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, SelectableChipPicker, SelectableListPicker, SelectableOptionsGrid, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsDialog, SettingsModal, Sheet, SocialLoginButtons, SortableTableHeader, Spinner, Stat, StatCard, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepNavigationButtons, StepTimeline, Strong, Subheading, SwipeableRow, Switch2 as Switch, 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 };
13796
+ //# sourceMappingURL=chunk-7ZO5L4QH.mjs.map
13797
+ //# sourceMappingURL=chunk-7ZO5L4QH.mjs.map