@datatechsolutions/ui 2.7.129 → 2.7.131
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.
- package/dist/{chunk-ORFU4L3V.js → chunk-5NRV2PE4.js} +341 -17
- package/dist/chunk-5NRV2PE4.js.map +1 -0
- package/dist/{chunk-B42HOCUU.mjs → chunk-7WR44JRN.mjs} +3 -3
- package/dist/{chunk-B42HOCUU.mjs.map → chunk-7WR44JRN.mjs.map} +1 -1
- package/dist/{chunk-XAXP6HE6.mjs → chunk-7ZO5L4QH.mjs} +331 -18
- package/dist/chunk-7ZO5L4QH.mjs.map +1 -0
- package/dist/{chunk-JLH7CRDF.js → chunk-M6KOYLMA.js} +52 -52
- package/dist/{chunk-JLH7CRDF.js.map → chunk-M6KOYLMA.js.map} +1 -1
- package/dist/index.d.mts +69 -3
- package/dist/index.d.ts +69 -3
- package/dist/index.js +369 -325
- package/dist/index.mjs +1 -1
- package/dist/workflow/index.js +119 -119
- package/dist/workflow/index.mjs +3 -3
- package/dist/workflow/workflow-canvas.js +3 -3
- package/dist/workflow/workflow-canvas.mjs +2 -2
- package/package.json +1 -1
- package/dist/chunk-ORFU4L3V.js.map +0 -1
- package/dist/chunk-XAXP6HE6.mjs.map +0 -1
|
@@ -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
|
|
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
|
-
|
|
2622
|
-
|
|
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
|
|
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",
|
|
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
|
|
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",
|
|
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",
|
|
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
|
|
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 ?
|
|
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
|
|
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 ?
|
|
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
|
|
11695
|
+
const colors3 = /* @__PURE__ */ new Map();
|
|
11695
11696
|
regionColorMap.forEach((color, code) => {
|
|
11696
|
-
|
|
11697
|
+
colors3.set(code, getLighterColor(color));
|
|
11697
11698
|
});
|
|
11698
|
-
return
|
|
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-
|
|
13484
|
-
//# sourceMappingURL=chunk-
|
|
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
|