@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
|
@@ -23,6 +23,7 @@ var lucideReact = require('lucide-react');
|
|
|
23
23
|
var d3Geo = require('d3-geo');
|
|
24
24
|
var i18n = require('@datatechsolutions/shared-domain/i18n');
|
|
25
25
|
var TabsPrimitive = require('@radix-ui/react-tabs');
|
|
26
|
+
var ProgressPrimitive = require('@radix-ui/react-progress');
|
|
26
27
|
var zustand = require('zustand');
|
|
27
28
|
|
|
28
29
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -53,6 +54,7 @@ var HeroIcons__namespace = /*#__PURE__*/_interopNamespace(HeroIcons);
|
|
|
53
54
|
var Popover__namespace = /*#__PURE__*/_interopNamespace(Popover);
|
|
54
55
|
var Image__default = /*#__PURE__*/_interopDefault(Image);
|
|
55
56
|
var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
|
|
57
|
+
var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
|
|
56
58
|
|
|
57
59
|
var Link = React11.forwardRef(function Link2(props, ref) {
|
|
58
60
|
return /* @__PURE__ */ jsxRuntime.jsx(Headless6__namespace.DataInteractive, { children: /* @__PURE__ */ jsxRuntime.jsx(NextLink__default.default, { ...props, ref }) });
|
|
@@ -2638,7 +2640,7 @@ var colorClasses2 = {
|
|
|
2638
2640
|
};
|
|
2639
2641
|
function CircleSpinner({ size, color, className, ariaLabel }) {
|
|
2640
2642
|
const config = sizeConfig[size];
|
|
2641
|
-
const
|
|
2643
|
+
const colors3 = colorClasses2[color];
|
|
2642
2644
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2643
2645
|
"div",
|
|
2644
2646
|
{
|
|
@@ -2646,8 +2648,8 @@ function CircleSpinner({ size, color, className, ariaLabel }) {
|
|
|
2646
2648
|
"rounded-full animate-spin",
|
|
2647
2649
|
config.size,
|
|
2648
2650
|
config.border,
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
+
colors3.track,
|
|
2652
|
+
colors3.indicator,
|
|
2651
2653
|
className
|
|
2652
2654
|
),
|
|
2653
2655
|
role: "status",
|
|
@@ -2657,7 +2659,7 @@ function CircleSpinner({ size, color, className, ariaLabel }) {
|
|
|
2657
2659
|
}
|
|
2658
2660
|
function DotsSpinner({ size, color, className, ariaLabel }) {
|
|
2659
2661
|
const config = sizeConfig[size];
|
|
2660
|
-
const
|
|
2662
|
+
const colors3 = colorClasses2[color];
|
|
2661
2663
|
const dotVariants = {
|
|
2662
2664
|
initial: { scale: 0.8, opacity: 0.4 },
|
|
2663
2665
|
animate: { scale: 1, opacity: 1 }
|
|
@@ -2665,7 +2667,7 @@ function DotsSpinner({ size, color, className, ariaLabel }) {
|
|
|
2665
2667
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("flex items-center gap-1", className), role: "status", "aria-label": ariaLabel, children: [0, 1, 2].map((index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2666
2668
|
framerMotion.motion.div,
|
|
2667
2669
|
{
|
|
2668
|
-
className: clsx.clsx("rounded-full",
|
|
2670
|
+
className: clsx.clsx("rounded-full", colors3.dot),
|
|
2669
2671
|
style: {
|
|
2670
2672
|
width: config.dotSize,
|
|
2671
2673
|
height: config.dotSize
|
|
@@ -2685,12 +2687,12 @@ function DotsSpinner({ size, color, className, ariaLabel }) {
|
|
|
2685
2687
|
}
|
|
2686
2688
|
function PulseSpinner({ size, color, className, ariaLabel }) {
|
|
2687
2689
|
const config = sizeConfig[size];
|
|
2688
|
-
const
|
|
2690
|
+
const colors3 = colorClasses2[color];
|
|
2689
2691
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("relative", config.size, className), role: "status", "aria-label": ariaLabel, children: [
|
|
2690
2692
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2691
2693
|
framerMotion.motion.div,
|
|
2692
2694
|
{
|
|
2693
|
-
className: clsx.clsx("absolute inset-0 rounded-full",
|
|
2695
|
+
className: clsx.clsx("absolute inset-0 rounded-full", colors3.dot),
|
|
2694
2696
|
animate: {
|
|
2695
2697
|
scale: [1, 1.5, 1],
|
|
2696
2698
|
opacity: [0.7, 0, 0.7]
|
|
@@ -2702,7 +2704,7 @@ function PulseSpinner({ size, color, className, ariaLabel }) {
|
|
|
2702
2704
|
}
|
|
2703
2705
|
}
|
|
2704
2706
|
),
|
|
2705
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("absolute inset-0 rounded-full",
|
|
2707
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("absolute inset-0 rounded-full", colors3.dot) })
|
|
2706
2708
|
] });
|
|
2707
2709
|
}
|
|
2708
2710
|
function Spinner({
|
|
@@ -3128,7 +3130,7 @@ function PageIndicator({
|
|
|
3128
3130
|
}) {
|
|
3129
3131
|
const t = nextIntl.useTranslations("common");
|
|
3130
3132
|
const { dot, gap } = sizeConfig2[size];
|
|
3131
|
-
const
|
|
3133
|
+
const colors3 = variantConfig[variant];
|
|
3132
3134
|
const handleClick = (index) => {
|
|
3133
3135
|
if (onChange && index !== active) {
|
|
3134
3136
|
chunkUZ3CMNUJ_js.triggerHaptic("light");
|
|
@@ -3155,7 +3157,7 @@ function PageIndicator({
|
|
|
3155
3157
|
className: `
|
|
3156
3158
|
rounded-full transition-colors duration-200
|
|
3157
3159
|
${onChange ? "cursor-pointer" : "cursor-default"}
|
|
3158
|
-
${isActive ?
|
|
3160
|
+
${isActive ? colors3.active : colors3.inactive}
|
|
3159
3161
|
`,
|
|
3160
3162
|
style: {
|
|
3161
3163
|
width: dot,
|
|
@@ -3186,7 +3188,7 @@ function ExpandingPageIndicator({
|
|
|
3186
3188
|
activeWidth = 24
|
|
3187
3189
|
}) {
|
|
3188
3190
|
const t = nextIntl.useTranslations("common");
|
|
3189
|
-
const
|
|
3191
|
+
const colors3 = variantConfig[variant];
|
|
3190
3192
|
const handleClick = (index) => {
|
|
3191
3193
|
if (onChange && index !== active) {
|
|
3192
3194
|
chunkUZ3CMNUJ_js.triggerHaptic("light");
|
|
@@ -3212,7 +3214,7 @@ function ExpandingPageIndicator({
|
|
|
3212
3214
|
className: `
|
|
3213
3215
|
h-2 rounded-full transition-colors duration-200
|
|
3214
3216
|
${onChange ? "cursor-pointer" : "cursor-default"}
|
|
3215
|
-
${isActive ?
|
|
3217
|
+
${isActive ? colors3.active : colors3.inactive}
|
|
3216
3218
|
`,
|
|
3217
3219
|
animate: {
|
|
3218
3220
|
width: isActive ? activeWidth : 8,
|
|
@@ -11719,11 +11721,11 @@ function GeoMapCanvasInner({
|
|
|
11719
11721
|
return `rgba(${r}, ${g}, ${b}, 0.25)`;
|
|
11720
11722
|
};
|
|
11721
11723
|
const lighterColors = React11.useMemo(() => {
|
|
11722
|
-
const
|
|
11724
|
+
const colors3 = /* @__PURE__ */ new Map();
|
|
11723
11725
|
regionColorMap.forEach((color, code) => {
|
|
11724
|
-
|
|
11726
|
+
colors3.set(code, getLighterColor(color));
|
|
11725
11727
|
});
|
|
11726
|
-
return
|
|
11728
|
+
return colors3;
|
|
11727
11729
|
}, [regionColorMap]);
|
|
11728
11730
|
const featureCollection = React11.useMemo(() => {
|
|
11729
11731
|
if (!geoData) return null;
|
|
@@ -12773,6 +12775,318 @@ var TabsContent = React11__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
12773
12775
|
}
|
|
12774
12776
|
));
|
|
12775
12777
|
TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
|
|
12778
|
+
var ContactCard = React11__namespace.default.memo(function ContactCard2({
|
|
12779
|
+
type,
|
|
12780
|
+
email,
|
|
12781
|
+
phone
|
|
12782
|
+
}) {
|
|
12783
|
+
const t = nextIntl.useTranslations("contact");
|
|
12784
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl bg-gray-50 p-10", children: [
|
|
12785
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base/7 font-semibold text-gray-900", children: t(type) }),
|
|
12786
|
+
/* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-3 space-y-1 text-sm/6 text-gray-600", children: [
|
|
12787
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
12788
|
+
/* @__PURE__ */ jsxRuntime.jsx("dt", { className: "sr-only", children: "Email" }),
|
|
12789
|
+
/* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${email}`, className: "font-semibold text-blue-600", children: email }) })
|
|
12790
|
+
] }),
|
|
12791
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1", children: [
|
|
12792
|
+
/* @__PURE__ */ jsxRuntime.jsx("dt", { className: "sr-only", children: "Telefone" }),
|
|
12793
|
+
/* @__PURE__ */ jsxRuntime.jsx("dd", { children: phone })
|
|
12794
|
+
] })
|
|
12795
|
+
] })
|
|
12796
|
+
] });
|
|
12797
|
+
});
|
|
12798
|
+
var OfficeCard = React11__namespace.default.memo(function OfficeCard2({
|
|
12799
|
+
city,
|
|
12800
|
+
address,
|
|
12801
|
+
postalCode
|
|
12802
|
+
}) {
|
|
12803
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl bg-gray-50 p-10", children: [
|
|
12804
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base/7 font-semibold text-gray-900", children: city }),
|
|
12805
|
+
/* @__PURE__ */ jsxRuntime.jsxs("address", { className: "mt-3 space-y-1 text-sm/6 text-gray-600 not-italic", children: [
|
|
12806
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { children: address }),
|
|
12807
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { children: postalCode })
|
|
12808
|
+
] })
|
|
12809
|
+
] });
|
|
12810
|
+
});
|
|
12811
|
+
var ContactSection = React11__namespace.default.memo(
|
|
12812
|
+
function ContactSection2({ title, subtitle, children }) {
|
|
12813
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-10 py-16 lg:grid-cols-3", children: [
|
|
12814
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
12815
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-4xl font-semibold tracking-tight text-pretty text-gray-900", children: title }),
|
|
12816
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-base/7 text-gray-600", children: subtitle })
|
|
12817
|
+
] }),
|
|
12818
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:col-span-2 lg:gap-8", children })
|
|
12819
|
+
] });
|
|
12820
|
+
}
|
|
12821
|
+
);
|
|
12822
|
+
var Progress = React11__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
12823
|
+
ProgressPrimitive__namespace.Root,
|
|
12824
|
+
{
|
|
12825
|
+
ref,
|
|
12826
|
+
className: clsx__default.default(
|
|
12827
|
+
"relative h-4 w-full overflow-hidden rounded-full bg-secondary",
|
|
12828
|
+
className
|
|
12829
|
+
),
|
|
12830
|
+
...props,
|
|
12831
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
12832
|
+
ProgressPrimitive__namespace.Indicator,
|
|
12833
|
+
{
|
|
12834
|
+
className: "h-full w-full flex-1 bg-primary transition-all",
|
|
12835
|
+
style: { transform: `translateX(-${100 - (value || 0)}%)` }
|
|
12836
|
+
}
|
|
12837
|
+
)
|
|
12838
|
+
}
|
|
12839
|
+
));
|
|
12840
|
+
Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
|
|
12841
|
+
function DropdownButton({
|
|
12842
|
+
as = Button,
|
|
12843
|
+
...props
|
|
12844
|
+
}) {
|
|
12845
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Headless6__namespace.MenuButton, { as, ...props });
|
|
12846
|
+
}
|
|
12847
|
+
function DropdownMenu({
|
|
12848
|
+
anchor = "bottom",
|
|
12849
|
+
className,
|
|
12850
|
+
...props
|
|
12851
|
+
}) {
|
|
12852
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
12853
|
+
Headless6__namespace.MenuItems,
|
|
12854
|
+
{
|
|
12855
|
+
...props,
|
|
12856
|
+
transition: true,
|
|
12857
|
+
anchor,
|
|
12858
|
+
className: clsx__default.default(
|
|
12859
|
+
className,
|
|
12860
|
+
// Anchor positioning
|
|
12861
|
+
"[--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]",
|
|
12862
|
+
// Base styles
|
|
12863
|
+
"isolate w-max rounded-xl p-1",
|
|
12864
|
+
// Invisible border that is only visible in `forced-colors` mode for accessibility purposes
|
|
12865
|
+
"outline outline-transparent focus:outline-hidden",
|
|
12866
|
+
// Handle scrolling when menu won't fit in viewport
|
|
12867
|
+
"overflow-y-auto",
|
|
12868
|
+
// Popover background
|
|
12869
|
+
"bg-white/75 backdrop-blur-xl dark:bg-zinc-800/75",
|
|
12870
|
+
// Shadows
|
|
12871
|
+
"shadow-lg ring-1 ring-zinc-950/10 dark:ring-white/10 dark:ring-inset",
|
|
12872
|
+
// Define grid at the menu level if subgrid is supported
|
|
12873
|
+
"supports-[grid-template-columns:subgrid]:grid supports-[grid-template-columns:subgrid]:grid-cols-[auto_1fr_1.5rem_0.5rem_auto]",
|
|
12874
|
+
// Transitions
|
|
12875
|
+
"transition data-leave:duration-100 data-leave:ease-in data-closed:data-leave:opacity-0"
|
|
12876
|
+
)
|
|
12877
|
+
}
|
|
12878
|
+
);
|
|
12879
|
+
}
|
|
12880
|
+
function DropdownItem({
|
|
12881
|
+
className,
|
|
12882
|
+
...props
|
|
12883
|
+
}) {
|
|
12884
|
+
const classes = clsx__default.default(
|
|
12885
|
+
className,
|
|
12886
|
+
// Base styles
|
|
12887
|
+
"group cursor-default rounded-lg px-3.5 py-2.5 focus:outline-hidden sm:px-3 sm:py-1.5",
|
|
12888
|
+
// Text styles
|
|
12889
|
+
"text-left text-base/6 text-zinc-950 sm:text-sm/6 dark:text-white forced-colors:text-[CanvasText]",
|
|
12890
|
+
// Focus
|
|
12891
|
+
"data-focus:bg-blue-500 data-focus:text-white",
|
|
12892
|
+
// Disabled state
|
|
12893
|
+
"data-disabled:opacity-50",
|
|
12894
|
+
// Forced colors mode
|
|
12895
|
+
"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]",
|
|
12896
|
+
// Use subgrid when available but fallback to an explicit grid layout if not
|
|
12897
|
+
"col-span-full grid grid-cols-[auto_1fr_1.5rem_0.5rem_auto] items-center supports-[grid-template-columns:subgrid]:grid-cols-subgrid",
|
|
12898
|
+
// Icons
|
|
12899
|
+
"*: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",
|
|
12900
|
+
"*: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",
|
|
12901
|
+
// Avatar
|
|
12902
|
+
"*: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"
|
|
12903
|
+
);
|
|
12904
|
+
return "href" in props ? /* @__PURE__ */ jsxRuntime.jsx(Headless6__namespace.MenuItem, { as: Link, ...props, className: classes }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
12905
|
+
Headless6__namespace.MenuItem,
|
|
12906
|
+
{
|
|
12907
|
+
as: "button",
|
|
12908
|
+
type: "button",
|
|
12909
|
+
...props,
|
|
12910
|
+
className: classes
|
|
12911
|
+
}
|
|
12912
|
+
);
|
|
12913
|
+
}
|
|
12914
|
+
function DropdownDivider({
|
|
12915
|
+
className,
|
|
12916
|
+
...props
|
|
12917
|
+
}) {
|
|
12918
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
12919
|
+
Headless6__namespace.MenuSeparator,
|
|
12920
|
+
{
|
|
12921
|
+
...props,
|
|
12922
|
+
className: clsx__default.default(
|
|
12923
|
+
className,
|
|
12924
|
+
"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]"
|
|
12925
|
+
)
|
|
12926
|
+
}
|
|
12927
|
+
);
|
|
12928
|
+
}
|
|
12929
|
+
function DropdownLabel({
|
|
12930
|
+
className,
|
|
12931
|
+
...props
|
|
12932
|
+
}) {
|
|
12933
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
12934
|
+
"div",
|
|
12935
|
+
{
|
|
12936
|
+
...props,
|
|
12937
|
+
"data-slot": "label",
|
|
12938
|
+
className: clsx__default.default(className, "col-start-2 row-start-1"),
|
|
12939
|
+
...props
|
|
12940
|
+
}
|
|
12941
|
+
);
|
|
12942
|
+
}
|
|
12943
|
+
var colors2 = {
|
|
12944
|
+
"dark/zinc": [
|
|
12945
|
+
"[--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",
|
|
12946
|
+
"[--switch-ring:var(--color-zinc-950)]/90 [--switch-shadow:var(--color-black)]/10 [--switch:white] dark:[--switch-ring:var(--color-zinc-700)]/90"
|
|
12947
|
+
],
|
|
12948
|
+
"dark/white": [
|
|
12949
|
+
"[--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)]",
|
|
12950
|
+
"[--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)]"
|
|
12951
|
+
],
|
|
12952
|
+
dark: [
|
|
12953
|
+
"[--switch-bg-ring:var(--color-zinc-950)]/90 [--switch-bg:var(--color-zinc-900)] dark:[--switch-bg-ring:var(--color-white)]/15",
|
|
12954
|
+
"[--switch-ring:var(--color-zinc-950)]/90 [--switch-shadow:var(--color-black)]/10 [--switch:white]"
|
|
12955
|
+
],
|
|
12956
|
+
zinc: [
|
|
12957
|
+
"[--switch-bg-ring:var(--color-zinc-700)]/90 [--switch-bg:var(--color-zinc-600)] dark:[--switch-bg-ring:transparent]",
|
|
12958
|
+
"[--switch-shadow:var(--color-black)]/10 [--switch:white] [--switch-ring:var(--color-zinc-700)]/90"
|
|
12959
|
+
],
|
|
12960
|
+
white: [
|
|
12961
|
+
"[--switch-bg-ring:var(--color-black)]/15 [--switch-bg:white] dark:[--switch-bg-ring:transparent]",
|
|
12962
|
+
"[--switch-shadow:var(--color-black)]/10 [--switch-ring:transparent] [--switch:var(--color-zinc-950)]"
|
|
12963
|
+
],
|
|
12964
|
+
red: [
|
|
12965
|
+
"[--switch-bg-ring:var(--color-red-700)]/90 [--switch-bg:var(--color-red-600)] dark:[--switch-bg-ring:transparent]",
|
|
12966
|
+
"[--switch:white] [--switch-ring:var(--color-red-700)]/90 [--switch-shadow:var(--color-red-900)]/20"
|
|
12967
|
+
],
|
|
12968
|
+
orange: [
|
|
12969
|
+
"[--switch-bg-ring:var(--color-orange-600)]/90 [--switch-bg:var(--color-orange-500)] dark:[--switch-bg-ring:transparent]",
|
|
12970
|
+
"[--switch:white] [--switch-ring:var(--color-orange-600)]/90 [--switch-shadow:var(--color-orange-900)]/20"
|
|
12971
|
+
],
|
|
12972
|
+
amber: [
|
|
12973
|
+
"[--switch-bg-ring:var(--color-amber-500)]/80 [--switch-bg:var(--color-amber-400)] dark:[--switch-bg-ring:transparent]",
|
|
12974
|
+
"[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-amber-950)]"
|
|
12975
|
+
],
|
|
12976
|
+
yellow: [
|
|
12977
|
+
"[--switch-bg-ring:var(--color-yellow-400)]/80 [--switch-bg:var(--color-yellow-300)] dark:[--switch-bg-ring:transparent]",
|
|
12978
|
+
"[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-yellow-950)]"
|
|
12979
|
+
],
|
|
12980
|
+
lime: [
|
|
12981
|
+
"[--switch-bg-ring:var(--color-lime-400)]/80 [--switch-bg:var(--color-lime-300)] dark:[--switch-bg-ring:transparent]",
|
|
12982
|
+
"[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-lime-950)]"
|
|
12983
|
+
],
|
|
12984
|
+
green: [
|
|
12985
|
+
"[--switch-bg-ring:var(--color-green-700)]/90 [--switch-bg:var(--color-green-600)] dark:[--switch-bg-ring:transparent]",
|
|
12986
|
+
"[--switch:white] [--switch-ring:var(--color-green-700)]/90 [--switch-shadow:var(--color-green-900)]/20"
|
|
12987
|
+
],
|
|
12988
|
+
emerald: [
|
|
12989
|
+
"[--switch-bg-ring:var(--color-emerald-600)]/90 [--switch-bg:var(--color-emerald-500)] dark:[--switch-bg-ring:transparent]",
|
|
12990
|
+
"[--switch:white] [--switch-ring:var(--color-emerald-600)]/90 [--switch-shadow:var(--color-emerald-900)]/20"
|
|
12991
|
+
],
|
|
12992
|
+
teal: [
|
|
12993
|
+
"[--switch-bg-ring:var(--color-teal-700)]/90 [--switch-bg:var(--color-teal-600)] dark:[--switch-bg-ring:transparent]",
|
|
12994
|
+
"[--switch:white] [--switch-ring:var(--color-teal-700)]/90 [--switch-shadow:var(--color-teal-900)]/20"
|
|
12995
|
+
],
|
|
12996
|
+
cyan: [
|
|
12997
|
+
"[--switch-bg-ring:var(--color-cyan-400)]/80 [--switch-bg:var(--color-cyan-300)] dark:[--switch-bg-ring:transparent]",
|
|
12998
|
+
"[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-cyan-950)]"
|
|
12999
|
+
],
|
|
13000
|
+
sky: [
|
|
13001
|
+
"[--switch-bg-ring:var(--color-sky-600)]/80 [--switch-bg:var(--color-sky-500)] dark:[--switch-bg-ring:transparent]",
|
|
13002
|
+
"[--switch:white] [--switch-ring:var(--color-sky-600)]/80 [--switch-shadow:var(--color-sky-900)]/20"
|
|
13003
|
+
],
|
|
13004
|
+
blue: [
|
|
13005
|
+
"[--switch-bg-ring:var(--color-blue-700)]/90 [--switch-bg:var(--color-blue-600)] dark:[--switch-bg-ring:transparent]",
|
|
13006
|
+
"[--switch:white] [--switch-ring:var(--color-blue-700)]/90 [--switch-shadow:var(--color-blue-900)]/20"
|
|
13007
|
+
],
|
|
13008
|
+
indigo: [
|
|
13009
|
+
"[--switch-bg-ring:var(--color-indigo-600)]/90 [--switch-bg:var(--color-indigo-500)] dark:[--switch-bg-ring:transparent]",
|
|
13010
|
+
"[--switch:white] [--switch-ring:var(--color-indigo-600)]/90 [--switch-shadow:var(--color-indigo-900)]/20"
|
|
13011
|
+
],
|
|
13012
|
+
violet: [
|
|
13013
|
+
"[--switch-bg-ring:var(--color-violet-600)]/90 [--switch-bg:var(--color-violet-500)] dark:[--switch-bg-ring:transparent]",
|
|
13014
|
+
"[--switch:white] [--switch-ring:var(--color-violet-600)]/90 [--switch-shadow:var(--color-violet-900)]/20"
|
|
13015
|
+
],
|
|
13016
|
+
purple: [
|
|
13017
|
+
"[--switch-bg-ring:var(--color-purple-600)]/90 [--switch-bg:var(--color-purple-500)] dark:[--switch-bg-ring:transparent]",
|
|
13018
|
+
"[--switch:white] [--switch-ring:var(--color-purple-600)]/90 [--switch-shadow:var(--color-purple-900)]/20"
|
|
13019
|
+
],
|
|
13020
|
+
fuchsia: [
|
|
13021
|
+
"[--switch-bg-ring:var(--color-fuchsia-600)]/90 [--switch-bg:var(--color-fuchsia-500)] dark:[--switch-bg-ring:transparent]",
|
|
13022
|
+
"[--switch:white] [--switch-ring:var(--color-fuchsia-600)]/90 [--switch-shadow:var(--color-fuchsia-900)]/20"
|
|
13023
|
+
],
|
|
13024
|
+
pink: [
|
|
13025
|
+
"[--switch-bg-ring:var(--color-pink-600)]/90 [--switch-bg:var(--color-pink-500)] dark:[--switch-bg-ring:transparent]",
|
|
13026
|
+
"[--switch:white] [--switch-ring:var(--color-pink-600)]/90 [--switch-shadow:var(--color-pink-900)]/20"
|
|
13027
|
+
],
|
|
13028
|
+
rose: [
|
|
13029
|
+
"[--switch-bg-ring:var(--color-rose-600)]/90 [--switch-bg:var(--color-rose-500)] dark:[--switch-bg-ring:transparent]",
|
|
13030
|
+
"[--switch:white] [--switch-ring:var(--color-rose-600)]/90 [--switch-shadow:var(--color-rose-900)]/20"
|
|
13031
|
+
]
|
|
13032
|
+
};
|
|
13033
|
+
function Switch2({
|
|
13034
|
+
color = "dark/zinc",
|
|
13035
|
+
className,
|
|
13036
|
+
...props
|
|
13037
|
+
}) {
|
|
13038
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
13039
|
+
Headless6__namespace.Switch,
|
|
13040
|
+
{
|
|
13041
|
+
"data-slot": "control",
|
|
13042
|
+
...props,
|
|
13043
|
+
className: clsx__default.default(
|
|
13044
|
+
className,
|
|
13045
|
+
// Base styles
|
|
13046
|
+
"group relative isolate inline-flex h-6 w-10 cursor-default rounded-full p-[3px] sm:h-5 sm:w-8",
|
|
13047
|
+
// Transitions
|
|
13048
|
+
"transition duration-0 ease-in-out data-changing:duration-200",
|
|
13049
|
+
// Outline and background color in forced-colors mode so switch is still visible
|
|
13050
|
+
"forced-colors:outline forced-colors:[--switch-bg:Highlight] dark:forced-colors:[--switch-bg:Highlight]",
|
|
13051
|
+
// Unchecked
|
|
13052
|
+
"bg-zinc-200 ring-1 ring-black/5 ring-inset dark:bg-white/5 dark:ring-white/15",
|
|
13053
|
+
// Checked
|
|
13054
|
+
"data-checked:bg-(--switch-bg) data-checked:ring-(--switch-bg-ring) dark:data-checked:bg-(--switch-bg) dark:data-checked:ring-(--switch-bg-ring)",
|
|
13055
|
+
// Focus
|
|
13056
|
+
"focus:not-data-focus:outline-hidden data-focus:outline-2 data-focus:outline-offset-2 data-focus:outline-blue-500",
|
|
13057
|
+
// Hover
|
|
13058
|
+
"data-hover:ring-black/15 data-hover:data-checked:ring-(--switch-bg-ring)",
|
|
13059
|
+
"dark:data-hover:ring-white/25 dark:data-hover:data-checked:ring-(--switch-bg-ring)",
|
|
13060
|
+
// Disabled
|
|
13061
|
+
"data-disabled:bg-zinc-200 data-disabled:opacity-50 data-disabled:data-checked:bg-zinc-200 data-disabled:data-checked:ring-black/5",
|
|
13062
|
+
"dark:data-disabled:bg-white/15 dark:data-disabled:data-checked:bg-white/15 dark:data-disabled:data-checked:ring-white/15",
|
|
13063
|
+
// Color specific styles
|
|
13064
|
+
colors2[color]
|
|
13065
|
+
),
|
|
13066
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
13067
|
+
"span",
|
|
13068
|
+
{
|
|
13069
|
+
"aria-hidden": "true",
|
|
13070
|
+
className: clsx__default.default(
|
|
13071
|
+
// Basic layout
|
|
13072
|
+
"pointer-events-none relative inline-block size-4.5 rounded-full sm:size-3.5",
|
|
13073
|
+
// Transition
|
|
13074
|
+
"translate-x-0 transition duration-200 ease-in-out",
|
|
13075
|
+
// Invisible border so the switch is still visible in forced-colors mode
|
|
13076
|
+
"border border-transparent",
|
|
13077
|
+
// Unchecked
|
|
13078
|
+
"bg-white shadow-sm ring-1 ring-black/5",
|
|
13079
|
+
// Checked
|
|
13080
|
+
"group-data-checked:bg-(--switch) group-data-checked:shadow-(--switch-shadow) group-data-checked:ring-(--switch-ring)",
|
|
13081
|
+
"group-data-checked:translate-x-4 sm:group-data-checked:translate-x-3",
|
|
13082
|
+
// Disabled
|
|
13083
|
+
"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"
|
|
13084
|
+
)
|
|
13085
|
+
}
|
|
13086
|
+
)
|
|
13087
|
+
}
|
|
13088
|
+
);
|
|
13089
|
+
}
|
|
12776
13090
|
|
|
12777
13091
|
// src/lib/navigation.ts
|
|
12778
13092
|
function buildDockActions(items, pathname, handlers, options = {}) {
|
|
@@ -13559,6 +13873,8 @@ exports.CircularRefreshIndicator = CircularRefreshIndicator;
|
|
|
13559
13873
|
exports.Code = Code;
|
|
13560
13874
|
exports.CollapsibleGroupedList = CollapsibleGroupedList;
|
|
13561
13875
|
exports.CompactSegmentedControl = CompactSegmentedControl;
|
|
13876
|
+
exports.ContactCard = ContactCard;
|
|
13877
|
+
exports.ContactSection = ContactSection;
|
|
13562
13878
|
exports.Container = Container;
|
|
13563
13879
|
exports.ContextMenu = ContextMenu;
|
|
13564
13880
|
exports.CookieConsent = CookieConsent;
|
|
@@ -13583,6 +13899,11 @@ exports.DockContainer = DockContainer;
|
|
|
13583
13899
|
exports.DockSkeleton = DockSkeleton;
|
|
13584
13900
|
exports.DotRefreshIndicator = DotRefreshIndicator;
|
|
13585
13901
|
exports.Dropdown = Dropdown;
|
|
13902
|
+
exports.DropdownButton = DropdownButton;
|
|
13903
|
+
exports.DropdownDivider = DropdownDivider;
|
|
13904
|
+
exports.DropdownItem = DropdownItem;
|
|
13905
|
+
exports.DropdownLabel = DropdownLabel;
|
|
13906
|
+
exports.DropdownMenu = DropdownMenu;
|
|
13586
13907
|
exports.DropdownSelect = DropdownSelect;
|
|
13587
13908
|
exports.DynamicIsland = DynamicIsland;
|
|
13588
13909
|
exports.DynamicIslandConfirm = DynamicIslandConfirm;
|
|
@@ -13667,6 +13988,7 @@ exports.NotFoundPage = NotFoundPage;
|
|
|
13667
13988
|
exports.NotificationBadge = NotificationBadge;
|
|
13668
13989
|
exports.NotificationBellButton = NotificationBellButton;
|
|
13669
13990
|
exports.NotificationProvider = NotificationProvider;
|
|
13991
|
+
exports.OfficeCard = OfficeCard;
|
|
13670
13992
|
exports.OfflineState = OfflineState;
|
|
13671
13993
|
exports.OptionGrid = OptionGrid;
|
|
13672
13994
|
exports.OtpInput = OtpInput;
|
|
@@ -13687,6 +14009,7 @@ exports.PlusGridRow = PlusGridRow;
|
|
|
13687
14009
|
exports.PreferenceSection = PreferenceSection;
|
|
13688
14010
|
exports.PriceChangeBadge = PriceChangeBadge;
|
|
13689
14011
|
exports.ProfileIdentityCard = ProfileIdentityCard;
|
|
14012
|
+
exports.Progress = Progress;
|
|
13690
14013
|
exports.ProgressIndicator = ProgressIndicator;
|
|
13691
14014
|
exports.PullToRefreshContainer = PullToRefreshContainer;
|
|
13692
14015
|
exports.PullToRefreshIndicator = PullToRefreshIndicator;
|
|
@@ -13729,6 +14052,7 @@ exports.StepTimeline = StepTimeline;
|
|
|
13729
14052
|
exports.Strong = Strong;
|
|
13730
14053
|
exports.Subheading = Subheading;
|
|
13731
14054
|
exports.SwipeableRow = SwipeableRow;
|
|
14055
|
+
exports.Switch = Switch2;
|
|
13732
14056
|
exports.Table = Table;
|
|
13733
14057
|
exports.TableBody = TableBody;
|
|
13734
14058
|
exports.TableCell = TableCell;
|
|
@@ -13834,5 +14158,5 @@ exports.useGeoMapState = useGeoMapState;
|
|
|
13834
14158
|
exports.useNotifications = useNotifications;
|
|
13835
14159
|
exports.usePlatformShellStore = usePlatformShellStore;
|
|
13836
14160
|
exports.usePullToRefresh = usePullToRefresh;
|
|
13837
|
-
//# sourceMappingURL=chunk-
|
|
13838
|
-
//# sourceMappingURL=chunk-
|
|
14161
|
+
//# sourceMappingURL=chunk-5NRV2PE4.js.map
|
|
14162
|
+
//# sourceMappingURL=chunk-5NRV2PE4.js.map
|