@jcdecor/vue 0.1.0 → 0.1.6

package/dist/index.js

@@ -1,16 +1,16 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./themeDefaults-Ckd05FUY.js";
-import { a as f, d as p, f as ee, l as m, n as te, o as ne, p as h, r as re, s as ie, t as g, u as _ } from "./tokens-CDSk_JkY.js";
-import { t as v } from "./colors-DUSEhAuo.js";
-import { a as ae, c as oe, d as y, f as se, i as ce, l as le, n as ue, o as de, r as fe, s as pe, t as me, u as he } from "./format-D40SMATK.js";
-import { a as ge, c as _e, i as ve, l as ye, n as be, o as xe, r as Se, s as Ce, t as we, u as Te } from "./brand-CeSffe5P.js";
-import { Accordion as Ee, ActionBar as De, ActionIcon as Oe, Alert as ke, AlphaSlider as Ae, Anchor as je, AngleSlider as Me, Avatar as Ne, BackgroundImage as Pe, Badge as Fe, Blockquote as Ie, Box as b, Breadcrumbs as Le, Burger as Re, Button as ze, Card as Be, Cascader as Ve, Checkbox as He, CheckboxCard as Ue, CheckboxIndicator as We, Chip as Ge, CloseButton as Ke, Code as qe, Collapse as Je, ColorPicker as Ye, Container as Xe, DataList as Ze, Dialog as Qe, Divider as $e, Drawer as et, EmptyState as tt, Fieldset as nt, FloatingWindow as rt, Group as x, HoverCard as it, HueSlider as at, Image as ot, Indicator as st, Input as ct, InputWrapper as lt, Kbd as ut, List as dt, Loader as ft, LoadingOverlay as pt, MantineProvider as mt, Mark as ht, Menu as gt, Menubar as _t, Modal as vt, NativeSelect as yt, NavLink as bt, Notification as xt, NumberFormatter as St, Overlay as Ct, Pagination as wt, Paper as Tt, Pill as Et, PinInput as Dt, Popover as Ot, Progress as kt, Radio as At, RadioCard as jt, RadioIndicator as Mt, RangeSlider as Nt, Rating as Pt, RingProgress as Ft, RollingNumber as It, ScrollArea as Lt, SegmentedControl as Rt, SemiCircleProgress as zt, SimpleGrid as Bt, Skeleton as Vt, Slider as Ht, Splitter as Ut, Spoiler as Wt, Stepper as Gt, Switch as Kt, Table as qt, TableOfContents as Jt, TableTbody as Yt, TableTd as Xt, TableTh as Zt, TableThead as Qt, TableTr as $t, Tabs as en, Text as S, ThemeIcon as tn, Timeline as nn, Title as rn, Tooltip as an, Tree as on, Typography as sn, createVarsResolver as cn, defaultVariantColorsResolver as ln, factory as un, getRadius as dn, getThemeColor as fn, luminance as pn, parseThemeColor as mn, resolveNode as C, useComputedColorScheme as hn, useMantineColorScheme as gn, useProps as _n, useStyles as vn } from "@mantine-vue/core";
-import { Comment as yn, Fragment as bn, Text as xn, camelize as Sn, computed as w, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createTextVNode as Cn, createVNode as k, defineComponent as A, getCurrentInstance as wn, guardReactiveProps as j, h as M, isVNode as Tn, mergeProps as N, normalizeProps as P, normalizeStyle as En, openBlock as F, ref as Dn, renderSlot as On, resolveDynamicComponent as I, toDisplayString as L, toHandlerKey as kn, unref as R, useAttrs as An, useSlots as jn, watch as Mn, withCtx as z } from "vue";
-import { deepMerge as Nn } from "@mantine-vue/utils";
-import { IconAlertTriangle as Pn, IconArrowDown as Fn, IconArrowDownRight as In, IconArrowUp as Ln, IconArrowUpRight as Rn, IconArrowsSort as zn, IconCheck as Bn, IconCopy as Vn, IconDatabaseOff as Hn, IconHeart as Un, IconHeartFilled as Wn, IconInfoCircle as Gn, IconMinus as Kn, IconMoon as qn, IconShoppingCart as Jn, IconSun as Yn, IconTicket as Xn, IconX as Zn } from "@tabler/icons-vue";
-import { useClipboard as Qn, useDisclosure as $n, useUncontrolled as er } from "@mantine-vue/hooks";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p as ee, r as te, s as ne, t as re, u as ie, v as p, y as m } from "./themeDefaults-C4raY1h-.js";
+import { a as h, d as g, f as ae, l as _, n as oe, o as se, p as ce, r as le, s as ue, t as de, u as v } from "./tokens-CDSk_JkY.js";
+import { t as fe } from "./colors-DUSEhAuo.js";
+import { a as pe, c as me, d as he, f as ge, i as _e, l as ve, n as ye, o as be, r as xe, s as Se, t as Ce, u as we } from "./format-D40SMATK.js";
+import { a as Te, c as Ee, i as De, l as Oe, n as ke, o as Ae, r as je, s as Me, t as Ne, u as Pe } from "./brand-CeSffe5P.js";
+import { Accordion as Fe, ActionBar as Ie, ActionIcon as Le, Alert as Re, AlphaSlider as ze, Anchor as Be, AngleSlider as Ve, Avatar as He, BackgroundImage as Ue, Badge as We, Blockquote as Ge, Box as y, Breadcrumbs as Ke, Burger as qe, Button as Je, Card as Ye, Cascader as Xe, Checkbox as Ze, CheckboxCard as Qe, CheckboxIndicator as $e, Chip as et, CloseButton as tt, Code as nt, Collapse as rt, ColorPicker as it, Container as at, DataList as ot, Dialog as st, Divider as ct, Drawer as lt, EmptyState as ut, Fieldset as dt, FloatingWindow as ft, Group as pt, HoverCard as mt, HueSlider as ht, Image as gt, Indicator as _t, Input as vt, InputWrapper as yt, Kbd as bt, List as xt, Loader as St, LoadingOverlay as Ct, MantineProvider as wt, Mark as Tt, Menu as Et, Menubar as Dt, Modal as Ot, NativeSelect as kt, NavLink as At, Notification as jt, NumberFormatter as Mt, Overlay as Nt, Pagination as Pt, Paper as Ft, Pill as It, PinInput as Lt, Popover as Rt, Progress as zt, Radio as Bt, RadioCard as Vt, RadioIndicator as Ht, RangeSlider as Ut, Rating as Wt, RingProgress as Gt, RollingNumber as Kt, ScrollArea as qt, SegmentedControl as Jt, SemiCircleProgress as Yt, SimpleGrid as Xt, Skeleton as Zt, Slider as Qt, Splitter as $t, Spoiler as en, Stepper as tn, Switch as nn, Table as rn, TableOfContents as an, TableTbody as on, TableTd as sn, TableTh as cn, TableThead as ln, TableTr as un, Tabs as dn, Text as b, ThemeIcon as fn, Timeline as pn, Title as mn, Tooltip as hn, Transition as gn, Tree as _n, Typography as vn, createVarsResolver as yn, defaultVariantColorsResolver as bn, factory as xn, getRadius as Sn, getThemeColor as Cn, luminance as wn, parseThemeColor as Tn, rem as En, resolveNode as x, useComputedColorScheme as Dn, useMantineColorScheme as On, useProps as kn, useStyles as An } from "@mantine-vue/core";
+import { Comment as jn, Fragment as Mn, Text as Nn, camelize as Pn, computed as S, createBlock as C, createCommentVNode as w, createElementBlock as T, createElementVNode as E, createTextVNode as Fn, createVNode as D, defineComponent as O, getCurrentInstance as In, guardReactiveProps as k, h as A, isVNode as Ln, mergeProps as j, normalizeProps as M, normalizeStyle as Rn, openBlock as N, ref as zn, renderSlot as Bn, resolveDynamicComponent as P, toDisplayString as F, toHandlerKey as Vn, unref as I, useAttrs as L, useSlots as R, watch as Hn, withCtx as z } from "vue";
+import { deepMerge as Un } from "@mantine-vue/utils";
+import { IconAlertTriangle as Wn, IconArrowDown as Gn, IconArrowDownRight as Kn, IconArrowUp as qn, IconArrowUpRight as Jn, IconArrowsSort as Yn, IconCheck as Xn, IconCopy as Zn, IconDatabaseOff as Qn, IconHeart as $n, IconHeartFilled as er, IconInfoCircle as tr, IconMinus as nr, IconMoon as rr, IconShoppingCart as ir, IconSun as ar, IconTicket as or, IconX as sr } from "@tabler/icons-vue";
+import { useClipboard as cr, useDisclosure as lr, useUncontrolled as ur } from "@mantine-vue/hooks";
 export * from "@mantine-vue/core";
 //#region src/theme/variantColorResolver.ts
-var tr = {
+var dr = {
 	horizon: "primary",
 	blue: "primary",
 	evergreen: "success",
@@ -23,8 +23,8 @@ var tr = {
 	obsidian: "neutral",
 	gray: "neutral",
 	dark: "neutral"
-}, nr = (e) => {
-	let { variant: t, theme: n } = e, r = e.color ?? n.primaryColor, i = mn({
+}, fr = (e) => {
+	let { variant: t, theme: n } = e, r = e.color ?? n.primaryColor, i = Tn({
 		color: r,
 		theme: n
 	}), a = i.isThemeColor ? i.color : void 0;
@@ -36,12 +36,12 @@ var tr = {
 		border: "1px solid transparent"
 	};
 	if (t === "filled" && a && i.shade === void 0) return {
-		...ln(e),
+		...bn(e),
 		color: "var(--jc-on-filled)",
 		hoverColor: "var(--jc-on-filled)"
 	};
 	if (t === "outline") {
-		let t = ln(e), r = ln({
+		let t = bn(e), r = bn({
 			...e,
 			variant: "light"
 		}), i = !e.color || a === n.primaryColor;
@@ -52,15 +52,15 @@ var tr = {
 			border: i ? "1px solid var(--ds-primary)" : t.border
 		};
 	}
-	if (t === "subtle" && (!e.color || e.color === n.primaryColor)) return {
+	if (t === "subtle" && !e.color) return {
 		background: "transparent",
 		hover: "var(--ds-surface-2)",
 		color: "var(--ds-text-2)",
 		hoverColor: "var(--ds-text)",
 		border: "1px solid transparent"
 	};
-	if (t === "light" && a && tr[a]) {
-		let e = tr[a];
+	if (t === "light" && a && dr[a]) {
+		let e = dr[a];
 		return {
 			background: `var(--ds-tag-${e}-bg)`,
 			hover: `var(--ds-tag-${e}-hover)`,
@@ -68,7 +68,7 @@ var tr = {
 			border: "1px solid transparent"
 		};
 	}
-	return ln(e);
+	return bn(e);
 };
 //#endregion
 //#region src/theme/components/types.ts
@@ -77,7 +77,7 @@ function B(e, t) {
 }
 //#endregion
 //#region src/theme/controls.ts
-var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "xl", ir = {
+var pr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "xl", mr = {
 	xs: {
 		height: "28px",
 		px: "10px",
@@ -93,7 +93,7 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 	md: {
 		height: "40px",
 		px: "16px",
-		fz: h.button.size,
+		fz: ce.button.size,
 		inputFz: "16px"
 	},
 	lg: {
@@ -108,20 +108,20 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 		fz: "18px",
 		inputFz: "18px"
 	}
-}, ar = {
+}, hr = {
 	backgroundOpacity: .5,
 	blur: 2,
 	color: "#08154B"
-}, or = {
+}, gr = {
 	button: "jc-buttons-button-ydj2o",
 	actionIcon: "jc-buttons-actionIcon-1mbg4",
 	closeButton: "jc-buttons-closeButton-12dbk"
-}, sr = {
-	Button: B(ze, {
-		classNames: { root: or.button },
+}, _r = {
+	Button: B(Je, {
+		classNames: { root: gr.button },
 		vars: (e, t) => {
-			if (!rr(t.size ?? "md")) return { root: {} };
-			let n = ir[t.size ?? "md"];
+			if (!pr(t.size ?? "md")) return { root: {} };
+			let n = mr[t.size ?? "md"];
 			return { root: {
 				"--button-height": n.height,
 				"--button-padding-x": n.px,
@@ -129,11 +129,11 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			} };
 		}
 	}),
-	ActionIcon: B(Oe, {
+	ActionIcon: B(Le, {
 		defaultProps: { variant: "subtle" },
-		classNames: { root: or.actionIcon }
+		classNames: { root: gr.actionIcon }
 	}),
-	CloseButton: B(Ke, { classNames: { root: or.closeButton } })
+	CloseButton: B(tt, { classNames: { root: gr.closeButton } })
 }, V = {
 	dropdown: "jc-combobox-dropdown-ovija",
 	option: "jc-combobox-option-o1xsu",
@@ -147,7 +147,7 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 	cascaderColumn: "jc-combobox-cascaderColumn-42vci",
 	cascaderOption: "jc-combobox-cascaderOption-9s3gv",
 	cascaderOverflow: "jc-combobox-cascaderOverflow-x0429"
-}, cr = [
+}, vr = [
 	"Select",
 	"MultiSelect",
 	"Autocomplete",
@@ -161,7 +161,7 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 	option: V.option,
 	groupLabel: V.groupLabel,
 	empty: V.empty
-}, lr = {
+}, yr = {
 	Combobox: {
 		...H,
 		search: V.search,
@@ -186,13 +186,13 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 		...H,
 		pill: V.pill
 	}
-}, ur = {
-	...Object.fromEntries(cr.map((e) => [e, { defaultProps: { size: "md" } }])),
-	...Object.fromEntries(Object.entries(lr).map(([e, t]) => [e, {
-		defaultProps: cr.includes(e) ? { size: "md" } : {},
+}, br = {
+	...Object.fromEntries(vr.map((e) => [e, { defaultProps: { size: "md" } }])),
+	...Object.fromEntries(Object.entries(yr).map(([e, t]) => [e, {
+		defaultProps: vr.includes(e) ? { size: "md" } : {},
 		classNames: t
 	}])),
-	Cascader: B(Ve, {
+	Cascader: B(Xe, {
 		defaultProps: { size: "md" },
 		classNames: {
 			...H,
@@ -202,7 +202,7 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			columnsOverflow: V.cascaderOverflow
 		}
 	}),
-	Pill: B(Et, { classNames: {
+	Pill: B(It, { classNames: {
 		root: V.pill,
 		remove: V.pillRemove
 	} })
@@ -224,8 +224,8 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 	timelineItem: "jc-dataDisplay-timelineItem-2ia8c",
 	timelineBullet: "jc-dataDisplay-timelineBullet-1qrrw",
 	timelineTitle: "jc-dataDisplay-timelineTitle-6vk5j"
-}, dr = {
-	Accordion: B(Ee, {
+}, xr = {
+	Accordion: B(Fe, {
 		defaultProps: { chevronPosition: "right" },
 		classNames: {
 			item: U.accordionItem,
@@ -235,15 +235,15 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			content: U.accordionContent
 		}
 	}),
-	Avatar: B(Ne, {
+	Avatar: B(He, {
 		defaultProps: {
 			color: "horizon",
 			radius: "xl"
 		},
 		classNames: { root: U.avatar }
 	}),
-	BackgroundImage: B(Pe, { defaultProps: { radius: "md" } }),
-	Badge: B(Fe, {
+	BackgroundImage: B(Ue, { defaultProps: { radius: "md" } }),
+	Badge: B(We, {
 		defaultProps: {
 			variant: "light",
 			radius: "xl"
@@ -255,34 +255,34 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			"--badge-padding-x": "8px"
 		} } : { root: {} }
 	}),
-	Card: B(Be, { defaultProps: {
+	Card: B(Ye, { defaultProps: {
 		radius: "md",
 		padding: "lg",
 		shadow: "sm",
 		withBorder: !0
 	} }),
-	DataList: B(Ze, { classNames: {
+	DataList: B(ot, { classNames: {
 		root: U.dataList,
 		itemLabel: U.dataListLabel,
 		itemValue: U.dataListValue
 	} }),
-	Image: B(ot, { defaultProps: { radius: "md" } }),
-	Indicator: B(st, {
+	Image: B(gt, { defaultProps: { radius: "md" } }),
+	Indicator: B(_t, {
 		defaultProps: { color: "danger" },
 		classNames: { indicator: U.indicator }
 	}),
-	Kbd: B(ut, { classNames: { root: U.kbd } }),
-	NumberFormatter: B(St, { defaultProps: {
+	Kbd: B(bt, { classNames: { root: U.kbd } }),
+	NumberFormatter: B(Mt, { defaultProps: {
 		thousandSeparator: ".",
 		decimalSeparator: ","
 	} }),
-	RollingNumber: B(It, { defaultProps: {
+	RollingNumber: B(Kt, { defaultProps: {
 		thousandSeparator: ".",
 		decimalSeparator: ","
 	} }),
-	Spoiler: B(Wt, { classNames: { control: U.spoilerControl } }),
-	ThemeIcon: B(tn, { defaultProps: { radius: "md" } }),
-	Timeline: B(nn, {
+	Spoiler: B(en, { classNames: { control: U.spoilerControl } }),
+	ThemeIcon: B(fn, { defaultProps: { radius: "md" } }),
+	Timeline: B(pn, {
 		defaultProps: {
 			bulletSize: 24,
 			lineWidth: 2
@@ -313,8 +313,8 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 	emptyState: "jc-feedback-emptyState-ixj8n",
 	emptyTitle: "jc-feedback-emptyTitle-ixwea",
 	emptyDescription: "jc-feedback-emptyDescription-p56id"
-}, fr = {
-	Notification: B(xt, {
+}, Sr = {
+	Notification: B(jt, {
 		defaultProps: { radius: "md" },
 		classNames: {
 			root: W.notification,
@@ -323,7 +323,7 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			icon: W.notificationIcon
 		}
 	}),
-	Alert: B(ke, {
+	Alert: B(Re, {
 		defaultProps: { variant: "light" },
 		classNames: {
 			root: W.alert,
@@ -332,21 +332,21 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			message: W.alertMessage
 		}
 	}),
-	Loader: B(ft, { defaultProps: { type: "oval" } }),
-	Progress: B(kt, {
+	Loader: B(St, { defaultProps: { type: "oval" } }),
+	Progress: B(zt, {
 		defaultProps: { radius: "xl" },
 		classNames: {
 			root: W.progress,
 			label: W.progressLabel
 		}
 	}),
-	RingProgress: B(Ft, { classNames: { curve: W.ringCurve } }),
-	SemiCircleProgress: B(zt, { classNames: {
+	RingProgress: B(Gt, { classNames: { curve: W.ringCurve } }),
+	SemiCircleProgress: B(Yt, { classNames: {
 		root: W.semiCircle,
 		label: W.semiCircleLabel
 	} }),
-	Skeleton: B(Vt, { classNames: { root: W.skeleton } }),
-	EmptyState: B(tt, { classNames: {
+	Skeleton: B(Zt, { classNames: { root: W.skeleton } }),
+	EmptyState: B(ut, { classNames: {
 		root: W.emptyState,
 		indicator: W.emptyIndicator,
 		title: W.emptyTitle,
@@ -382,7 +382,7 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 	colorThumb: "jc-inputs-colorThumb-1br3d",
 	colorSaturation: "jc-inputs-colorSaturation-181ea",
 	colorSwatch: "jc-inputs-colorSwatch-1nght"
-}, pr = Object.fromEntries([
+}, Cr = Object.fromEntries([
 	"InputBase",
 	"TextInput",
 	"PasswordInput",
@@ -392,62 +392,62 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 	"ColorInput",
 	"FileInput",
 	"MaskInput"
-].map((e) => [e, { defaultProps: { size: "md" } }])), mr = {
+].map((e) => [e, { defaultProps: { size: "md" } }])), wr = {
 	slider: G.colorSlider,
 	sliderOverlay: G.colorSliderOverlay,
 	thumb: G.colorThumb
-}, hr = {
+}, Tr = {
 	root: G.sliderRoot,
 	thumb: G.sliderThumb,
 	label: G.sliderLabel,
 	markLabel: G.sliderMarkLabel
-}, gr = {
-	...pr,
-	Input: B(ct, {
+}, Er = {
+	...Cr,
+	Input: B(vt, {
 		defaultProps: { size: "md" },
 		classNames: { input: G.input },
 		vars: (e, t) => {
 			let n = t.size ?? "md";
-			return rr(n) ? { wrapper: {
-				"--input-height": ir[n].height,
-				"--input-fz": ir[n].inputFz
+			return pr(n) ? { wrapper: {
+				"--input-height": mr[n].height,
+				"--input-fz": mr[n].inputFz
 			} } : { wrapper: {} };
 		}
 	}),
-	InputWrapper: B(lt, { classNames: {
+	InputWrapper: B(yt, { classNames: {
 		label: G.label,
 		description: G.description
 	} }),
-	NativeSelect: B(yt, {
+	NativeSelect: B(kt, {
 		defaultProps: { size: "md" },
 		classNames: {
 			input: G.nativeSelect,
 			section: G.nativeSelectSection
 		}
 	}),
-	Checkbox: B(He, {
+	Checkbox: B(Ze, {
 		defaultProps: { radius: "xs" },
 		classNames: { input: G.checkInput }
 	}),
-	CheckboxIndicator: B(We, {
+	CheckboxIndicator: B($e, {
 		defaultProps: { radius: "xs" },
 		classNames: { indicator: G.checkInput }
 	}),
-	CheckboxCard: B(Ue, {
+	CheckboxCard: B(Qe, {
 		defaultProps: { radius: "md" },
 		classNames: { card: G.selectCard }
 	}),
-	Radio: B(At, { classNames: { radio: G.checkInput } }),
-	RadioIndicator: B(Mt, { classNames: { indicator: G.checkInput } }),
-	RadioCard: B(jt, {
+	Radio: B(Bt, { classNames: { radio: G.checkInput } }),
+	RadioIndicator: B(Ht, { classNames: { indicator: G.checkInput } }),
+	RadioCard: B(Vt, {
 		defaultProps: { radius: "md" },
 		classNames: { card: G.selectCard }
 	}),
-	Switch: B(Kt, {
+	Switch: B(nn, {
 		defaultProps: { radius: "xl" },
 		classNames: { track: G.switchTrack }
 	}),
-	Chip: B(Ge, {
+	Chip: B(et, {
 		defaultProps: { variant: "outline" },
 		classNames: { label: G.chipLabel },
 		vars: (e, t) => {
@@ -463,7 +463,7 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			} };
 		}
 	}),
-	SegmentedControl: B(Rt, {
+	SegmentedControl: B(Jt, {
 		defaultProps: { radius: "sm" },
 		classNames: {
 			root: G.segmentedRoot,
@@ -471,29 +471,29 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			label: G.segmentedLabel
 		}
 	}),
-	Fieldset: B(nt, {
+	Fieldset: B(dt, {
 		defaultProps: { radius: "md" },
 		classNames: {
 			root: G.fieldset,
 			legend: G.fieldsetLegend
 		}
 	}),
-	PinInput: B(Dt, {
+	PinInput: B(Lt, {
 		defaultProps: { size: "md" },
 		classNames: { input: G.pinInput },
 		vars: (e, t) => {
 			let n = t.size ?? "md";
-			return { root: rr(n) ? { "--pin-input-size": ir[n].height } : {} };
+			return { root: pr(n) ? { "--pin-input-size": mr[n].height } : {} };
 		}
 	}),
-	Slider: B(Ht, { classNames: hr }),
-	RangeSlider: B(Nt, { classNames: hr }),
-	AngleSlider: B(Me, { classNames: {
+	Slider: B(Qt, { classNames: Tr }),
+	RangeSlider: B(Ut, { classNames: Tr }),
+	AngleSlider: B(Ve, { classNames: {
 		root: G.angleRoot,
 		thumb: G.angleThumb,
 		label: G.angleLabel
 	} }),
-	Rating: B(Pt, {
+	Rating: B(Wt, {
 		defaultProps: { color: "electric.4" },
 		classNames: {
 			root: G.rating,
@@ -501,13 +501,13 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 		},
 		vars: (e, t) => ({ root: t.color === "electric.4" ? { "--rating-color": "var(--jc-rating-color)" } : {} })
 	}),
-	ColorPicker: B(Ye, { classNames: {
-		...mr,
+	ColorPicker: B(it, { classNames: {
+		...wr,
 		saturation: G.colorSaturation,
 		swatch: G.colorSwatch
 	} }),
-	AlphaSlider: B(Ae, { classNames: mr }),
-	HueSlider: B(at, { classNames: mr })
+	AlphaSlider: B(ze, { classNames: wr }),
+	HueSlider: B(ht, { classNames: wr })
 }, K = {
 	appShellMain: "jc-layout-appShellMain-rn4sc",
 	appShellNavbar: "jc-layout-appShellNavbar-1yh1t",
@@ -518,7 +518,7 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 	splitter: "jc-layout-splitter-1c81w",
 	splitterHandle: "jc-layout-splitterHandle-3aw4b",
 	splitterThumb: "jc-layout-splitterThumb-9gif3"
-}, _r = {
+}, Dr = {
 	AppShell: { classNames: {
 		main: K.appShellMain,
 		navbar: K.appShellNavbar,
@@ -526,26 +526,26 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 		header: K.appShellHeader,
 		footer: K.appShellFooter
 	} },
-	Container: B(Xe, { classNames: { root: K.container } }),
-	Splitter: B(Ut, { classNames: {
+	Container: B(at, { classNames: { root: K.container } }),
+	Splitter: B($t, { classNames: {
 		root: K.splitter,
 		handle: K.splitterHandle,
 		thumb: K.splitterThumb
 	} })
-}, vr = {
+}, Or = {
 	paper: "jc-misc-paper-ylgp1",
 	divider: "jc-misc-divider-19c9f",
 	scrollbar: "jc-misc-scrollbar-1rme3",
 	scrollThumb: "jc-misc-scrollThumb-1hy1m"
-}, yr = {
-	Paper: B(Tt, {
+}, kr = {
+	Paper: B(Ft, {
 		defaultProps: { radius: "md" },
-		classNames: { root: vr.paper }
+		classNames: { root: Or.paper }
 	}),
-	Divider: B($e, { classNames: { root: vr.divider } }),
-	ScrollArea: B(Lt, { classNames: {
-		scrollbar: vr.scrollbar,
-		thumb: vr.scrollThumb
+	Divider: B(ct, { classNames: { root: Or.divider } }),
+	ScrollArea: B(qt, { classNames: {
+		scrollbar: Or.scrollbar,
+		thumb: Or.scrollThumb
 	} })
 }, q = {
 	tabs: "jc-navigation-tabs-1fx9s",
@@ -562,30 +562,30 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 	tocControl: "jc-navigation-tocControl-1a82m",
 	tree: "jc-navigation-tree-1fxa5",
 	treeLabel: "jc-navigation-treeLabel-19sv8"
-}, br = {
-	Tabs: B(en, { classNames: {
+}, Ar = {
+	Tabs: B(dn, { classNames: {
 		root: q.tabs,
 		tab: q.tab
 	} }),
-	Anchor: B(je, { classNames: { root: q.anchor } }),
-	Burger: B(Re, { classNames: { root: q.burger } }),
-	NavLink: B(bt, {
+	Anchor: B(Be, { classNames: { root: q.anchor } }),
+	Burger: B(qe, { classNames: { root: q.burger } }),
+	NavLink: B(At, {
 		defaultProps: { variant: "light" },
 		classNames: { root: q.navLink }
 	}),
-	Pagination: B(wt, {
+	Pagination: B(Pt, {
 		defaultProps: { radius: "sm" },
 		classNames: { control: q.paginationControl }
 	}),
-	Stepper: B(Gt, { classNames: {
+	Stepper: B(tn, { classNames: {
 		root: q.stepper,
 		stepIcon: q.stepIcon,
 		stepCompletedIcon: q.stepCompletedIcon,
 		stepLabel: q.stepLabel,
 		stepDescription: q.stepDescription
 	} }),
-	TableOfContents: B(Jt, { classNames: { control: q.tocControl } }),
-	Tree: B(on, { classNames: {
+	TableOfContents: B(an, { classNames: { control: q.tocControl } }),
+	Tree: B(_n, { classNames: {
 		root: q.tree,
 		label: q.treeLabel
 	} })
@@ -602,50 +602,50 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 	modalHeader: "jc-overlays-modalHeader-ovcpc",
 	modalTitle: "jc-overlays-modalTitle-x2dy5",
 	tooltip: "jc-overlays-tooltip-rudkb"
-}, xr = {
+}, jr = {
 	dropdown: J.dropdown,
 	item: J.menuItem,
 	label: J.menuLabel,
 	divider: J.menuDivider
-}, Sr = {
-	Menu: B(gt, {
+}, Mr = {
+	Menu: B(Et, {
 		defaultProps: {
 			shadow: "md",
 			radius: "sm"
 		},
-		classNames: xr
+		classNames: jr
 	}),
-	Menubar: B(_t, { classNames: {
+	Menubar: B(Dt, { classNames: {
 		root: J.menubarRoot,
 		target: J.menubarTarget
 	} }),
-	Popover: B(Ot, {
+	Popover: B(Rt, {
 		defaultProps: {
 			shadow: "md",
 			radius: "sm"
 		},
 		classNames: { dropdown: J.dropdown }
 	}),
-	HoverCard: B(it, {
+	HoverCard: B(mt, {
 		defaultProps: {
 			shadow: "md",
 			radius: "md"
 		},
 		classNames: { dropdown: J.dropdown }
 	}),
-	Tooltip: B(an, {
+	Tooltip: B(hn, {
 		defaultProps: {
 			radius: "sm",
 			withArrow: !0
 		},
 		classNames: { tooltip: J.tooltip }
 	}),
-	Modal: B(vt, {
+	Modal: B(Ot, {
 		defaultProps: {
 			radius: "md",
 			centered: !0,
 			shadow: "lg",
-			overlayProps: ar
+			overlayProps: hr
 		},
 		classNames: {
 			content: J.modalContent,
@@ -653,10 +653,10 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			title: J.modalTitle
 		}
 	}),
-	Drawer: B(et, {
+	Drawer: B(lt, {
 		defaultProps: {
 			shadow: "lg",
-			overlayProps: ar
+			overlayProps: hr
 		},
 		classNames: {
 			content: J.modalContent,
@@ -664,14 +664,14 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			title: J.modalTitle
 		}
 	}),
-	Dialog: B(Qe, {
+	Dialog: B(st, {
 		defaultProps: {
 			radius: "md",
 			shadow: "lg"
 		},
 		classNames: { root: J.floatingSurface }
 	}),
-	ActionBar: B(De, {
+	ActionBar: B(Ie, {
 		defaultProps: {
 			radius: "md",
 			shadow: "lg"
@@ -681,7 +681,7 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			divider: J.actionBarDivider
 		}
 	}),
-	FloatingWindow: B(rt, {
+	FloatingWindow: B(ft, {
 		defaultProps: {
 			radius: "md",
 			shadow: "lg",
@@ -689,8 +689,8 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 		},
 		classNames: { root: J.floatingSurface }
 	}),
-	Overlay: B(Ct, { defaultProps: { color: g.obsidian } }),
-	LoadingOverlay: B(pt, { defaultProps: { overlayProps: {
+	Overlay: B(Nt, { defaultProps: { color: de.obsidian } }),
+	LoadingOverlay: B(Ct, { defaultProps: { overlayProps: {
 		backgroundOpacity: .75,
 		blur: 1
 	} } })
@@ -709,12 +709,12 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 	listItem: "jc-typography-listItem-tklh3",
 	listItemIcon: "jc-typography-listItemIcon-iqpjy",
 	typography: "jc-typography-typography-1usve"
-}, Cr = [
+}, Nr = [
 	void 0,
 	"yellow",
 	"electric"
-], wr = {
-	Blockquote: B(Ie, {
+], Pr = {
+	Blockquote: B(Ge, {
 		defaultProps: {
 			iconSize: 40,
 			radius: "sm"
@@ -730,8 +730,8 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			"--bq-bg-dark": "var(--ds-primary-soft)"
 		} } : { root: {} }
 	}),
-	Code: B(qe, { classNames: { root: Y.code } }),
-	List: B(dt, {
+	Code: B(nt, { classNames: { root: Y.code } }),
+	List: B(xt, {
 		defaultProps: { spacing: "xs" },
 		classNames: {
 			root: Y.list,
@@ -739,17 +739,17 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			itemIcon: Y.listItemIcon
 		}
 	}),
-	Mark: B(ht, {
+	Mark: B(Tt, {
 		classNames: { root: Y.mark },
 		vars: (e, t) => {
-			let n = Cr.includes(t.color), r = n ? "electric" : t.color;
+			let n = Nr.includes(t.color), r = n ? "electric" : t.color;
 			return { root: {
-				"--mark-bg-light": fn(`${r}.${n ? 2 : 1}`, e),
-				"--mark-bg-dark": `color-mix(in srgb, ${fn(`${r}.${n ? 3 : 4}`, e)} 32%, transparent)`
+				"--mark-bg-light": Cn(`${r}.${n ? 2 : 1}`, e),
+				"--mark-bg-dark": `color-mix(in srgb, ${Cn(`${r}.${n ? 3 : 4}`, e)} 32%, transparent)`
 			} };
 		}
 	}),
-	Table: B(qt, {
+	Table: B(rn, {
 		defaultProps: {
 			highlightOnHover: !0,
 			verticalSpacing: "sm",
@@ -762,21 +762,21 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 			tr: Y.tr
 		}
 	}),
-	Title: B(rn, { classNames: { root: Y.title } }),
-	Typography: B(sn, { classNames: { root: Y.typography } })
-}, Tr = {
-	..._r,
-	...gr,
-	...ur,
-	...sr,
+	Title: B(mn, { classNames: { root: Y.title } }),
+	Typography: B(vn, { classNames: { root: Y.typography } })
+}, Fr = {
+	...Dr,
+	...Er,
 	...br,
-	...fr,
+	..._r,
+	...Ar,
 	...Sr,
-	...dr,
-	...wr,
-	...yr
-}, X = h, Er = {
-	colors: v,
+	...Mr,
+	...xr,
+	...Pr,
+	...kr
+}, X = ce, Ir = {
+	colors: fe,
 	primaryColor: "horizon",
 	primaryShade: {
 		light: 6,
@@ -786,11 +786,11 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 	luminanceThreshold: .3,
 	white: "#FFFFFF",
 	black: "#1F2228",
-	variantColorResolver: nr,
-	fontFamily: ne,
+	variantColorResolver: fr,
+	fontFamily: se,
 	fontFamilyMonospace: "ui-monospace, 'JetBrains Mono', SFMono-Regular, Menlo, monospace",
 	headings: {
-		fontFamily: ne,
+		fontFamily: se,
 		fontWeight: "600",
 		textWrap: "balance",
 		sizes: {
@@ -841,11 +841,11 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 		xl: "1.4"
 	},
 	spacing: {
-		xs: p[4],
-		sm: p[8],
-		md: p[16],
-		lg: p[24],
-		xl: p[32]
+		xs: g[4],
+		sm: g[8],
+		md: g[16],
+		lg: g[24],
+		xl: g[32]
 	},
 	radius: {
 		xs: "4px",
@@ -877,14 +877,14 @@ var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "x
 		deg: 135
 	},
 	other: {
-		spacing: p,
-		grid: ie,
-		typography: h,
-		chartPalette: re
+		spacing: g,
+		grid: ue,
+		typography: ce,
+		chartPalette: le
 	},
-	components: Tr
-}, Dr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-function Or(e) {
+	components: Fr
+}, Lr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+function Rr(e) {
 	return {
 		"--ds-bg": e.bg,
 		"--ds-surface": e.surface,
@@ -912,11 +912,11 @@ function Or(e) {
 		"--mantine-color-default-hover": e.surface2,
 		"--mantine-color-default-border": e.border,
 		"--mantine-color-anchor": e.link,
-		"--mantine-color-error": f.error,
-		"--mantine-color-success": f.success
+		"--mantine-color-error": h.error,
+		"--mantine-color-success": h.success
 	};
 }
-function kr() {
+function zr() {
 	let e = {
 		"--font-body": "'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif",
 		"--ds-radius": "12px",
@@ -926,54 +926,54 @@ function kr() {
 		"--grid-margin": "64px",
 		"--grid-max": "1224px"
 	};
-	return Object.keys(g).forEach((t) => {
-		e[`--dc-${t}`] = g[t];
-	}), Object.keys(m).forEach((t) => {
-		Object.entries(m[t]).forEach(([n, r]) => {
+	return Object.keys(de).forEach((t) => {
+		e[`--dc-${t}`] = de[t];
+	}), Object.keys(_).forEach((t) => {
+		Object.entries(_[t]).forEach(([n, r]) => {
 			e[`--dc-${t}-${n}`] = r;
 		});
-	}), Object.entries(h).forEach(([t, n]) => {
-		e[`--type-${Dr(t)}`] = n.size;
-	}), Object.entries(p).forEach(([t, n]) => {
+	}), Object.entries(ce).forEach(([t, n]) => {
+		e[`--type-${Lr(t)}`] = n.size;
+	}), Object.entries(g).forEach(([t, n]) => {
 		e[`--sp-${t}`] = n;
 	}), e;
 }
-var Ar = {
+var Br = {
 	light: {
-		"--ds-tag-primary-bg": m.horizon[50],
-		"--ds-tag-primary-hover": m.horizon[100],
-		"--ds-tag-primary-color": m.horizon[700],
-		"--ds-tag-success-bg": m.evergreen[50],
-		"--ds-tag-success-hover": m.evergreen[100],
-		"--ds-tag-success-color": m.evergreen[700],
-		"--ds-tag-warn-bg": m.electric[50],
-		"--ds-tag-warn-hover": m.electric[100],
-		"--ds-tag-warn-color": m.electric[700],
-		"--ds-tag-error-bg": m.danger[50],
-		"--ds-tag-error-hover": m.danger[100],
-		"--ds-tag-error-color": m.danger[700],
-		"--ds-tag-neutral-bg": m.gray[100],
-		"--ds-tag-neutral-hover": m.gray[200],
-		"--ds-tag-neutral-color": m.gray[700]
+		"--ds-tag-primary-bg": _.horizon[50],
+		"--ds-tag-primary-hover": _.horizon[100],
+		"--ds-tag-primary-color": _.horizon[700],
+		"--ds-tag-success-bg": _.evergreen[50],
+		"--ds-tag-success-hover": _.evergreen[100],
+		"--ds-tag-success-color": _.evergreen[700],
+		"--ds-tag-warn-bg": _.electric[50],
+		"--ds-tag-warn-hover": _.electric[100],
+		"--ds-tag-warn-color": _.electric[700],
+		"--ds-tag-error-bg": _.danger[50],
+		"--ds-tag-error-hover": _.danger[100],
+		"--ds-tag-error-color": _.danger[700],
+		"--ds-tag-neutral-bg": _.gray[100],
+		"--ds-tag-neutral-hover": _.gray[200],
+		"--ds-tag-neutral-color": _.gray[700]
 	},
 	dark: {
 		"--ds-tag-primary-bg": "rgba(110,159,255,.14)",
 		"--ds-tag-primary-hover": "rgba(110,159,255,.22)",
-		"--ds-tag-primary-color": m.horizon[300],
+		"--ds-tag-primary-color": _.horizon[300],
 		"--ds-tag-success-bg": "rgba(97,184,117,.14)",
 		"--ds-tag-success-hover": "rgba(97,184,117,.22)",
-		"--ds-tag-success-color": m.evergreen[300],
+		"--ds-tag-success-color": _.evergreen[300],
 		"--ds-tag-warn-bg": "rgba(247,215,89,.12)",
 		"--ds-tag-warn-hover": "rgba(247,215,89,.2)",
-		"--ds-tag-warn-color": m.electric[200],
+		"--ds-tag-warn-color": _.electric[200],
 		"--ds-tag-error-bg": "rgba(255,108,90,.14)",
 		"--ds-tag-error-hover": "rgba(255,108,90,.22)",
-		"--ds-tag-error-color": m.danger[300],
-		"--ds-tag-neutral-bg": _.dark.surface2,
-		"--ds-tag-neutral-hover": _.dark.border,
-		"--ds-tag-neutral-color": _.dark.text2
+		"--ds-tag-error-color": _.danger[300],
+		"--ds-tag-neutral-bg": v.dark.surface2,
+		"--ds-tag-neutral-hover": v.dark.border,
+		"--ds-tag-neutral-color": v.dark.text2
 	}
-}, jr = Object.fromEntries(Object.entries({
+}, Vr = Object.fromEntries(Object.entries({
 	horizon: "primary",
 	blue: "primary",
 	evergreen: "success",
@@ -991,16 +991,16 @@ var Ar = {
 	[`--mantine-color-${e}-light`, `var(--ds-tag-${t}-bg)`],
 	[`--mantine-color-${e}-light-hover`, `var(--ds-tag-${t}-hover)`],
 	[`--mantine-color-${e}-light-color`, `var(--ds-tag-${t}-color)`]
-])), Mr = (e) => Object.fromEntries(e.map((e, t) => [`--jc-chart-${t + 1}`, e])), Nr = () => ({
-	variables: kr(),
+])), Hr = (e) => Object.fromEntries(e.map((e, t) => [`--jc-chart-${t + 1}`, e])), Ur = () => ({
+	variables: zr(),
 	light: {
-		...Or(_.light),
-		...Ar.light,
-		...Mr(te.light),
-		...jr,
-		"--ds-success": f.success,
-		"--ds-warn": f.warn,
-		"--ds-error": f.error,
+		...Rr(v.light),
+		...Br.light,
+		...Hr(oe.light),
+		...Vr,
+		"--ds-success": h.success,
+		"--ds-warn": h.warn,
+		"--ds-error": h.error,
 		"--jc-on-filled": "#FFFFFF",
 		"--mantine-primary-color-contrast": "#FFFFFF",
 		"--jc-logo-shield": "#0E36E3",
@@ -1011,48 +1011,48 @@ var Ar = {
 		"--jc-art-paper": "#FFFFFF"
 	},
 	dark: {
-		...Or(_.dark),
-		...Ar.dark,
-		...Mr(te.dark),
-		...jr,
-		"--ds-success": m.evergreen[400],
-		"--ds-warn": m.electric[300],
-		"--ds-error": m.danger[400],
-		"--jc-on-filled": g.obsidian,
-		"--mantine-primary-color-contrast": g.obsidian,
+		...Rr(v.dark),
+		...Br.dark,
+		...Hr(oe.dark),
+		...Vr,
+		"--ds-success": _.evergreen[400],
+		"--ds-warn": _.electric[300],
+		"--ds-error": _.danger[400],
+		"--jc-on-filled": de.obsidian,
+		"--mantine-primary-color-contrast": de.obsidian,
 		"--jc-logo-shield": "#FFFFFF",
 		"--jc-logo-letters": "#FFFFFF",
 		"--jc-logo-wordmark": "#FFFFFF",
-		"--jc-art-primary": m.horizon[300],
-		"--jc-art-ink": _.dark.text,
-		"--jc-art-paper": _.dark.surface2,
-		"--mantine-color-error": m.danger[400],
-		"--mantine-color-success": m.evergreen[400]
+		"--jc-art-primary": _.horizon[300],
+		"--jc-art-ink": v.dark.text,
+		"--jc-art-paper": v.dark.surface2,
+		"--mantine-color-error": _.danger[400],
+		"--mantine-color-success": _.evergreen[400]
 	}
-}), Pr = "mantine-color-scheme-value", Fr = (e) => e === "light" || e === "dark" || e === "auto";
-function Ir(e) {
+}), Wr = "mantine-color-scheme-value", Gr = (e) => e === "light" || e === "dark" || e === "auto";
+function Kr(e) {
 	try {
 		let t = typeof window < "u" ? window.localStorage.getItem(e) : null;
-		return Fr(t) ? t : void 0;
+		return Gr(t) ? t : void 0;
 	} catch {
 		return;
 	}
 }
-var Lr = A({
+var qr = O({
 	name: "JcColorSchemePersistence",
 	props: { storageKey: {
 		type: String,
 		required: !0
 	} },
 	setup(e) {
-		let { colorScheme: t } = gn();
-		return Mn(t, (t) => {
+		let { colorScheme: t } = On();
+		return Hn(t, (t) => {
 			try {
 				window.localStorage.setItem(e.storageKey, t);
 			} catch {}
 		}), () => null;
 	}
-}), Rr = A({
+}), Jr = O({
 	name: "JcProvider",
 	inheritAttrs: !1,
 	props: {
@@ -1074,32 +1074,32 @@ var Lr = A({
 		},
 		colorSchemeStorageKey: {
 			type: [String, Boolean],
-			default: Pr
+			default: Wr
 		}
 	},
 	setup(e, { attrs: t, slots: n }) {
-		let r = w(() => e.theme ? Nn(Er, e.theme) : Er), i = e.colorSchemeStorageKey ? Ir(e.colorSchemeStorageKey) : void 0;
-		return () => M(mt, {
+		let r = S(() => e.theme ? Un(Ir, e.theme) : Ir), i = e.colorSchemeStorageKey ? Kr(e.colorSchemeStorageKey) : void 0;
+		return () => A(wt, {
 			...t,
 			theme: r.value,
 			defaultColorScheme: i ?? e.defaultColorScheme,
 			forceColorScheme: e.forceColorScheme,
-			cssVariablesResolver: e.cssVariablesResolver ?? Nr
-		}, () => [e.colorSchemeStorageKey ? M(Lr, { storageKey: e.colorSchemeStorageKey }) : null, n.default?.()]);
+			cssVariablesResolver: e.cssVariablesResolver ?? Ur
+		}, () => [e.colorSchemeStorageKey ? A(qr, { storageKey: e.colorSchemeStorageKey }) : null, n.default?.()]);
 	}
-}), zr = {
+}), Yr = {
 	primary: "horizon",
 	success: "evergreen",
 	warn: "electric",
 	error: "danger",
 	neutral: "obsidian"
-}, Br = {
-	primary: Gn,
-	success: Bn,
-	warn: Pn,
-	error: Zn,
+}, Xr = {
+	primary: tr,
+	success: Xn,
+	warn: Wn,
+	error: sr,
 	neutral: null
-}, Vr = A({
+}, Zr = O({
 	name: "Tag",
 	inheritAttrs: !1,
 	props: {
@@ -1118,12 +1118,12 @@ var Lr = A({
 	},
 	setup(e, { attrs: t, slots: n }) {
 		return () => {
-			let r = Br[e.tone], i = n.leftSection || t.leftSection !== void 0 || t["left-section"] !== void 0, a = n.leftSection ?? (!i && e.withIcon && r ? () => M(r, {
+			let r = Xr[e.tone], i = n.leftSection || t.leftSection !== void 0 || t["left-section"] !== void 0, a = n.leftSection ?? (!i && e.withIcon && r ? () => A(r, {
 				size: 12,
 				stroke: 2.5
 			}) : void 0);
-			return M(Fe, {
-				color: zr[e.tone],
+			return A(We, {
+				color: Yr[e.tone],
 				variant: e.variant,
 				"data-tone": e.tone,
 				...t
@@ -1139,28 +1139,28 @@ var Lr = A({
 function Z(e) {
 	if (e == null || e === !1 || e === !0 || e === "") return !1;
 	if (Array.isArray(e)) return e.some((e) => Z(e));
-	if (Tn(e)) {
-		if (e.type === yn) return !1;
-		if (e.type === xn) return typeof e.children == "string" && e.children.trim() !== "";
-		if (e.type === bn) return Z(e.children);
+	if (Ln(e)) {
+		if (e.type === jn) return !1;
+		if (e.type === Nn) return typeof e.children == "string" && e.children.trim() !== "";
+		if (e.type === Mn) return Z(e.children);
 	}
 	return !0;
 }
 function Q(e, t) {
-	let n = C(e, t);
+	let n = x(e, t);
 	return Z(n) ? n : void 0;
 }
-function Hr() {
-	let e = wn();
+function Qr() {
+	let e = In();
 	return (t) => {
 		let n = e?.vnode.props;
-		return n ? !!(n[kn(t)] || n[kn(Sn(t))]) : !1;
+		return n ? !!(n[Vn(t)] || n[Vn(Pn(t))]) : !1;
 	};
 }
-var Ur = {
+var $r = {
 	type: null,
 	default: void 0
-}, Wr = {
+}, ei = {
 	horizon: {
 		bg: "var(--dc-horizon-700)",
 		color: "#fff",
@@ -1176,17 +1176,17 @@ var Ur = {
 		color: "#fff",
 		highlight: "var(--dc-electric)"
 	}
-}, Gr = cn((e, { variant: t = "horizon", radius: n }) => ({ root: {
-	"--banner-bg": Wr[t].bg,
-	"--banner-color": Wr[t].color,
-	"--banner-highlight": Wr[t].highlight,
-	"--banner-radius": n === void 0 ? void 0 : dn(n)
-} })), Kr = {
+}, ti = yn((e, { variant: t = "horizon", radius: n }) => ({ root: {
+	"--banner-bg": ei[t].bg,
+	"--banner-color": ei[t].color,
+	"--banner-highlight": ei[t].highlight,
+	"--banner-radius": n === void 0 ? void 0 : Sn(n)
+} })), ni = {
 	root: "jc-PromoBanner-root-ea180",
 	highlight: "jc-PromoBanner-highlight-1ead9",
 	content: "jc-PromoBanner-content-118h9",
 	close: "jc-PromoBanner-close-g82r6"
-}, qr = un(/* @__PURE__ */ A({
+}, ri = xn(/* @__PURE__ */ O({
 	name: "PromoBanner",
 	inheritAttrs: !1,
 	__name: "PromoBanner",
@@ -1213,13 +1213,13 @@ var Ur = {
 	},
 	emits: ["close", "update:opened"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = An(), a = jn(), o = _n("PromoBanner", { variant: "horizon" }, n), [s, c] = er({
+		let n = e, r = t, i = L(), a = R(), o = kn("PromoBanner", { variant: "horizon" }, n), [s, c] = ur({
 			value: () => o.opened,
 			defaultValue: !0,
 			onChange: (e) => r("update:opened", e)
-		}), l = vn({
+		}), l = An({
 			name: "PromoBanner",
-			classes: Kr,
+			classes: ni,
 			props: o,
 			get className() {
 				return i.class;
@@ -1239,48 +1239,48 @@ var Ur = {
 			get unstyled() {
 				return o.unstyled;
 			},
-			varsResolver: Gr
+			varsResolver: ti
 		}), u = () => Q(o.icon, a.icon), d = () => Q(o.highlight, a.highlight);
 		function f() {
 			c(!1), r("close");
 		}
-		return (e, t) => R(s) ? (F(), T(R(b), N({
+		return (e, t) => I(s) ? (N(), C(I(y), j({
 			key: 0,
 			role: "note"
 		}, {
-			...R(i),
-			...R(l)("root")
+			...I(i),
+			...I(l)("root")
 		}, {
-			variant: R(o).variant,
+			variant: I(o).variant,
 			mod: [{
-				radius: R(o).radius !== void 0,
-				closable: R(o).withCloseButton
-			}, R(i).mod]
+				radius: I(o).radius !== void 0,
+				closable: I(o).withCloseButton
+			}, I(i).mod]
 		}), {
-			default: z(() => [O("span", P(j(R(l)("content"))), [
-				(F(), T(I(u))),
-				O("span", null, [On(e.$slots, "default")]),
-				R(Z)(d()) ? (F(), D("strong", P(N({ key: 0 }, R(l)("highlight"))), [(F(), T(I(d)))], 16)) : E("", !0)
-			], 16), R(o).withCloseButton ? (F(), T(R(Ke), N({
+			default: z(() => [E("span", M(k(I(l)("content"))), [
+				(N(), C(P(u))),
+				E("span", null, [Bn(e.$slots, "default")]),
+				I(Z)(d()) ? (N(), T("strong", M(j({ key: 0 }, I(l)("highlight"))), [(N(), C(P(d)))], 16)) : w("", !0)
+			], 16), I(o).withCloseButton ? (N(), C(I(tt), j({
 				key: 0,
 				"aria-label": "Fechar",
 				size: "sm",
 				variant: "transparent"
-			}, R(l)("close"), { onClick: f }), null, 16)) : E("", !0)]),
+			}, I(l)("close"), { onClick: f }), null, 16)) : w("", !0)]),
 			_: 3
-		}, 16, ["variant", "mod"])) : E("", !0);
+		}, 16, ["variant", "mod"])) : w("", !0);
 	}
 }), {
-	classes: Kr,
-	varsResolver: Gr
-}), Jr = {
+	classes: ni,
+	varsResolver: ti
+}), ii = {
 	root: "jc-ContentCard-root-1onkj",
 	image: "jc-ContentCard-image-xcrki",
 	kicker: "jc-ContentCard-kicker-14g3b",
 	title: "jc-ContentCard-title-xir5a",
 	body: "jc-ContentCard-body-1onab",
 	actions: "jc-ContentCard-actions-13191"
-}, Yr = ["src", "alt"], Xr = un(/* @__PURE__ */ A({
+}, ai = ["src", "alt"], oi = xn(/* @__PURE__ */ O({
 	name: "ContentCard",
 	inheritAttrs: !1,
 	__name: "ContentCard",
@@ -1300,9 +1300,9 @@ var Ur = {
 		}
 	},
 	setup(e) {
-		let t = e, n = An(), r = jn(), i = _n("ContentCard", { imageHeight: 180 }, t), a = vn({
+		let t = e, n = L(), r = R(), i = kn("ContentCard", { imageHeight: 180 }, t), a = An({
 			name: "ContentCard",
-			classes: Jr,
+			classes: ii,
 			props: i,
 			get className() {
 				return n.class;
@@ -1322,46 +1322,46 @@ var Ur = {
 			get unstyled() {
 				return i.unstyled;
 			}
-		}), o = () => Q(i.kicker, r.kicker), s = () => Q(i.title, r.title), c = () => Q(i.actions, r.actions), l = () => Q(void 0, r.default), d = () => !r.image && typeof i.image == "string" && i.image ? i.image : void 0, f = () => Q(i.image, r.image);
-		return (e, t) => (F(), T(R(u), P(j({
-			...R(n),
-			...R(a)("root")
+		}), o = () => Q(i.kicker, r.kicker), s = () => Q(i.title, r.title), c = () => Q(i.actions, r.actions), l = () => Q(void 0, r.default), u = () => !r.image && typeof i.image == "string" && i.image ? i.image : void 0, f = () => Q(i.image, r.image);
+		return (e, t) => (N(), C(I(d), M(k({
+			...I(n),
+			...I(a)("root")
 		})), {
 			default: z(() => [
-				d() || R(Z)(f()) ? (F(), D("div", P(N({ key: 0 }, R(a)("image"))), [d() ? (F(), D("img", {
+				u() || I(Z)(f()) ? (N(), T("div", M(j({ key: 0 }, I(a)("image"))), [u() ? (N(), T("img", {
 					key: 0,
-					src: d(),
-					alt: R(i).imageAlt ?? "",
-					style: En({ height: `${R(i).imageHeight}px` })
-				}, null, 12, Yr)) : (F(), T(I(f), { key: 1 }))], 16)) : E("", !0),
-				R(Z)(o()) ? (F(), T(R(y), P(N({ key: 1 }, R(a)("kicker"))), {
-					default: z(() => [(F(), T(I(o)))]),
+					src: u(),
+					alt: I(i).imageAlt ?? "",
+					style: Rn({ height: `${I(i).imageHeight}px` })
+				}, null, 12, ai)) : (N(), C(P(f), { key: 1 }))], 16)) : w("", !0),
+				I(Z)(o()) ? (N(), C(I(he), M(j({ key: 1 }, I(a)("kicker"))), {
+					default: z(() => [(N(), C(P(o)))]),
 					_: 1
-				}, 16)) : E("", !0),
-				R(Z)(s()) ? (F(), D("div", P(N({ key: 2 }, R(a)("title"))), [(F(), T(I(s)))], 16)) : E("", !0),
-				R(Z)(l()) ? (F(), D("div", P(N({ key: 3 }, R(a)("body"))), [(F(), T(I(l)))], 16)) : E("", !0),
-				R(Z)(c()) ? (F(), D("div", P(N({ key: 4 }, R(a)("actions"))), [(F(), T(I(c)))], 16)) : E("", !0)
+				}, 16)) : w("", !0),
+				I(Z)(s()) ? (N(), T("div", M(j({ key: 2 }, I(a)("title"))), [(N(), C(P(s)))], 16)) : w("", !0),
+				I(Z)(l()) ? (N(), T("div", M(j({ key: 3 }, I(a)("body"))), [(N(), C(P(l)))], 16)) : w("", !0),
+				I(Z)(c()) ? (N(), T("div", M(j({ key: 4 }, I(a)("actions"))), [(N(), C(P(c)))], 16)) : w("", !0)
 			]),
 			_: 1
 		}, 16));
 	}
-}), { classes: Jr });
+}), { classes: ii });
 //#endregion
 //#region src/components/KpiCard/KpiCard.vars.ts
-function Zr(e, t = !1) {
+function si(e, t = !1) {
 	return e === void 0 || e === 0 || Number.isNaN(e) ? "flat" : e > 0 === t ? "down" : "up";
 }
-var Qr = {
+var ci = {
 	up: "var(--ds-success)",
 	down: "var(--ds-error)",
 	flat: "var(--ds-text-3)"
-}, $r = cn((e, { delta: t, invertDelta: n, colorValue: r }) => {
-	let i = Zr(t, n);
+}, li = yn((e, { delta: t, invertDelta: n, colorValue: r }) => {
+	let i = si(t, n);
 	return { root: {
-		"--kpi-delta-color": Qr[i],
-		"--kpi-value-color": r && i !== "flat" ? Qr[i] : void 0
+		"--kpi-delta-color": ci[i],
+		"--kpi-value-color": r && i !== "flat" ? ci[i] : void 0
 	} };
-}), ei = {
+}), ui = {
 	root: "jc-KpiCard-root-12p58",
 	header: "jc-KpiCard-header-z6ndb",
 	label: "jc-KpiCard-label-1r25g",
@@ -1370,7 +1370,7 @@ var Qr = {
 	footer: "jc-KpiCard-footer-yebc4",
 	delta: "jc-KpiCard-delta-1qxtv",
 	chart: "jc-KpiCard-chart-1qxbr"
-}, ti = ["data-tone"], ni = { key: 1 }, ri = /* @__PURE__ */ A({
+}, di = ["data-tone"], fi = { key: 1 }, pi = /* @__PURE__ */ O({
 	name: "KpiCard",
 	inheritAttrs: !1,
 	__name: "KpiCard",
@@ -1402,9 +1402,9 @@ var Qr = {
 		}
 	},
 	setup(e) {
-		let t = e, n = An(), r = jn(), i = _n("KpiCard", {}, t), a = vn({
+		let t = e, n = L(), r = R(), i = kn("KpiCard", {}, t), a = An({
 			name: "KpiCard",
-			classes: ei,
+			classes: ui,
 			props: i,
 			get className() {
 				return n.class;
@@ -1424,33 +1424,33 @@ var Qr = {
 			get unstyled() {
 				return i.unstyled;
 			},
-			varsResolver: $r
+			varsResolver: li
 		}), o = () => Q(i.label, r.label), s = () => {
 			let e = Q(i.value, r.value);
-			return typeof e == "number" ? ae(e) : e;
-		}, c = () => Q(i.deltaLabel, r.deltaLabel), l = () => Q(i.icon, r.icon), u = () => Q(i.chart, r.chart), d = () => Zr(i.delta, i.invertDelta), f = () => i.delta === void 0 || i.delta === 0 ? Kn : i.delta > 0 ? Rn : In;
-		return (e, t) => (F(), T(R(b), P(j({
-			...R(n),
-			...R(a)("root")
+			return typeof e == "number" ? pe(e) : e;
+		}, c = () => Q(i.deltaLabel, r.deltaLabel), l = () => Q(i.icon, r.icon), u = () => Q(i.chart, r.chart), d = () => si(i.delta, i.invertDelta), f = () => i.delta === void 0 || i.delta === 0 ? nr : i.delta > 0 ? Jn : Kn;
+		return (e, t) => (N(), C(I(y), M(k({
+			...I(n),
+			...I(a)("root")
 		})), {
 			default: z(() => [
-				O("div", P(j(R(a)("header"))), [O("span", P(j(R(a)("label"))), [(F(), T(I(o)))], 16), R(Z)(l()) ? (F(), D("span", P(N({ key: 0 }, R(a)("icon"))), [(F(), T(I(l)))], 16)) : E("", !0)], 16),
-				R(i).loading ? (F(), T(R(Vt), {
+				E("div", M(k(I(a)("header"))), [E("span", M(k(I(a)("label"))), [(N(), C(P(o)))], 16), I(Z)(l()) ? (N(), T("span", M(j({ key: 0 }, I(a)("icon"))), [(N(), C(P(l)))], 16)) : w("", !0)], 16),
+				I(i).loading ? (N(), C(I(Zt), {
 					key: 0,
 					height: 32,
 					width: "60%",
 					mt: 4
-				})) : (F(), D("div", P(N({ key: 1 }, R(a)("value"))), [(F(), T(I(s)))], 16)),
-				(R(i).delta !== void 0 || R(Z)(c())) && !R(i).loading ? (F(), D("div", P(N({ key: 2 }, R(a)("footer"))), [R(i).delta === void 0 ? E("", !0) : (F(), D("span", N({ key: 0 }, R(a)("delta"), { "data-tone": d() }), [(F(), T(I(f()), {
+				})) : (N(), T("div", M(j({ key: 1 }, I(a)("value"))), [(N(), C(P(s)))], 16)),
+				(I(i).delta !== void 0 || I(Z)(c())) && !I(i).loading ? (N(), T("div", M(j({ key: 2 }, I(a)("footer"))), [I(i).delta === void 0 ? w("", !0) : (N(), T("span", j({ key: 0 }, I(a)("delta"), { "data-tone": d() }), [(N(), C(P(f()), {
 					size: 14,
 					stroke: "2.5"
-				})), Cn(" " + L(R(de)(R(i).delta, { signed: !0 })), 1)], 16, ti)), R(Z)(c()) ? (F(), D("span", ni, [(F(), T(I(c)))])) : E("", !0)], 16)) : E("", !0),
-				R(Z)(u()) ? (F(), D("div", P(N({ key: 3 }, R(a)("chart"))), [(F(), T(I(u)))], 16)) : E("", !0)
+				})), Fn(" " + F(I(be)(I(i).delta, { signed: !0 })), 1)], 16, di)), I(Z)(c()) ? (N(), T("span", fi, [(N(), C(P(c)))])) : w("", !0)], 16)) : w("", !0),
+				I(Z)(u()) ? (N(), T("div", M(j({ key: 3 }, I(a)("chart"))), [(N(), C(P(u)))], 16)) : w("", !0)
 			]),
 			_: 1
 		}, 16));
 	}
-}), ii = A({
+}), mi = O({
 	name: "KpiGroup",
 	inheritAttrs: !1,
 	props: {
@@ -1476,192 +1476,244 @@ var Qr = {
 		}
 	},
 	setup(e, { attrs: t, slots: n }) {
-		return () => M(Bt, {
+		return () => A(Xt, {
 			type: e.type,
 			cols: e.cols,
 			spacing: e.spacing,
 			...t
 		}, n);
 	}
-}), ai = un(ri, {
-	classes: ei,
-	varsResolver: $r
-}), oi = A({
+}), hi = xn(pi, {
+	classes: ui,
+	varsResolver: li
+}), gi = yn((e, { iconSize: t }) => ({ root: { "--page-header-icon-size": t === void 0 ? void 0 : typeof t == "number" ? En(t) : t } })), _i = {
+	root: "jc-PageHeader-root-13lz7",
+	breadcrumbs: "jc-PageHeader-breadcrumbs-p3zii",
+	header: "jc-PageHeader-header-1n95z",
+	main: "jc-PageHeader-main-13lvp",
+	icon: "jc-PageHeader-icon-13lt7",
+	body: "jc-PageHeader-body-13loz",
+	kicker: "jc-PageHeader-kicker-1oqjg",
+	title: "jc-PageHeader-title-kfe3w",
+	description: "jc-PageHeader-description-1wgzh",
+	actions: "jc-PageHeader-actions-sr4fm"
+}, vi = xn(/* @__PURE__ */ O({
 	name: "PageHeader",
 	inheritAttrs: !1,
+	__name: "PageHeader",
 	props: {
-		kicker: Ur,
-		title: Ur,
-		description: Ur,
-		actions: Ur,
-		breadcrumbs: {
-			type: Array,
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		vars: { default: void 0 },
+		unstyled: {
+			type: Boolean,
 			default: void 0
 		},
-		linkComponent: {
-			type: [
-				String,
-				Object,
-				Function
-			],
-			default: "a"
-		},
-		size: {
-			type: String,
-			default: "headline"
-		}
+		kicker: { default: void 0 },
+		title: { default: void 0 },
+		description: { default: void 0 },
+		icon: { default: void 0 },
+		iconSize: { default: void 0 },
+		actions: { default: void 0 },
+		breadcrumbs: { default: void 0 },
+		linkComponent: { default: void 0 },
+		size: { default: void 0 }
 	},
-	setup(e, { attrs: t, slots: n }) {
-		return () => {
-			let r = Q(e.kicker, n.kicker), i = C(e.title, n.title), a = Q(e.description, n.description), o = Q(e.actions, n.actions), { breadcrumbs: s, linkComponent: c } = e;
-			return M(b, {
-				mb: "xl",
-				...t
-			}, () => [s && s.length > 0 ? M(Le, {
-				mb: "sm",
+	setup(e) {
+		let t = e, n = R(), r = L(), i = kn("PageHeader", {
+			linkComponent: "a",
+			size: "headline"
+		}, t), a = An({
+			name: "PageHeader",
+			classes: _i,
+			props: i,
+			get className() {
+				return r.class;
+			},
+			get style() {
+				return r.style;
+			},
+			get classNames() {
+				return i.classNames;
+			},
+			get styles() {
+				return i.styles;
+			},
+			get vars() {
+				return i.vars;
+			},
+			get unstyled() {
+				return i.unstyled;
+			},
+			varsResolver: gi
+		}), o = (e) => e.node;
+		o.props = ["node"];
+		let s = S(() => i.linkComponent ?? "a"), c = S(() => Q(i.kicker, n.kicker)), l = S(() => x(i.title, n.title)), u = S(() => Q(i.description, n.description)), d = S(() => Q(i.icon, n.icon)), f = S(() => Q(i.actions, n.actions)), ee = S(() => {
+			let { class: e, style: t, ...n } = r;
+			return n;
+		}), te = (e, t) => e.href ? A(Be, {
+			key: t,
+			component: s.value,
+			href: e.href,
+			...s.value !== "a" && { to: e.href },
+			fz: "sm"
+		}, () => x(e.label)) : A(y, {
+			key: t,
+			component: "span",
+			c: "var(--ds-text-3)",
+			fz: "sm"
+		}, () => x(e.label));
+		return (e, t) => (N(), C(I(y), M(k({
+			...ee.value,
+			...I(a)("root")
+		})), {
+			default: z(() => [I(i).breadcrumbs && I(i).breadcrumbs.length > 0 ? (N(), C(I(Ke), j({ key: 0 }, I(a)("breadcrumbs"), {
 				fz: "sm",
-				separatorMargin: 6
-			}, () => s.map((e, t) => e.href ? M(je, {
-				key: t,
-				component: c,
-				href: e.href,
-				...c !== "a" && { to: e.href },
-				fz: "sm"
-			}, () => C(e.label)) : M(b, {
-				key: t,
-				component: "span",
-				c: "var(--ds-text-3)",
-				fz: "sm"
-			}, () => C(e.label)))) : null, M(x, {
-				justify: "space-between",
-				align: "flex-end",
-				gap: "md",
-				wrap: "wrap"
-			}, () => [M("div", { style: {
-				flex: "1 1 320px",
-				minWidth: 0
-			} }, [
-				r === void 0 ? null : M(y, null, () => r),
-				e.size === "display" ? M(he, {
+				"separator-margin": 6
+			}), {
+				default: z(() => [D(o, { node: I(i).breadcrumbs.map(te) }, null, 8, ["node"])]),
+				_: 1
+			}, 16)) : w("", !0), E("div", M(k(I(a)("header"))), [E("div", M(k(I(a)("main"))), [d.value === void 0 ? w("", !0) : (N(), T("div", j({ key: 0 }, I(a)("icon"), { "aria-hidden": "true" }), [D(o, { node: d.value }, null, 8, ["node"])], 16)), E("div", M(k(I(a)("body"))), [
+				c.value === void 0 ? w("", !0) : (N(), C(I(he), M(j({ key: 0 }, I(a)("kicker"))), {
+					default: z(() => [D(o, { node: c.value }, null, 8, ["node"])]),
+					_: 1
+				}, 16)),
+				I(i).size === "display" ? (N(), C(I(we), j({
+					key: 1,
 					component: "h1",
 					size: "lg",
 					fz: "var(--type-display-sm)",
 					lh: 1.15,
 					mt: 8
-				}, () => i) : M(he, {
+				}, I(a)("title")), {
+					default: z(() => [D(o, { node: l.value }, null, 8, ["node"])]),
+					_: 1
+				}, 16)) : (N(), C(I(we), j({
+					key: 2,
 					component: "h1",
 					size: "lg",
-					mt: r === void 0 ? 0 : 8
-				}, () => i),
-				a === void 0 ? null : M(se, {
+					mt: c.value === void 0 ? 0 : 8
+				}, I(a)("title")), {
+					default: z(() => [D(o, { node: l.value }, null, 8, ["node"])]),
+					_: 1
+				}, 16, ["mt"])),
+				u.value === void 0 ? w("", !0) : (N(), C(I(ge), j({
+					key: 3,
 					component: "div",
 					size: "lg",
 					c: "var(--ds-text-2)",
 					maw: 640,
 					mt: 8
-				}, () => a)
-			]), o === void 0 ? null : M(x, { gap: "sm" }, () => o)])]);
-		};
+				}, I(a)("description")), {
+					default: z(() => [D(o, { node: u.value }, null, 8, ["node"])]),
+					_: 1
+				}, 16))
+			], 16)], 16), f.value === void 0 ? w("", !0) : (N(), T("div", M(j({ key: 0 }, I(a)("actions"))), [D(o, { node: f.value }, null, 8, ["node"])], 16))], 16)]),
+			_: 1
+		}, 16));
 	}
-}), si = {
+}), {
+	classes: _i,
+	varsResolver: gi
+}), yi = {
 	wrapper: "jc-DataTable-wrapper-1saie",
 	num: "jc-DataTable-num-1nq3v",
 	sortButton: "jc-DataTable-sortButton-z9h2e",
 	row: "jc-DataTable-row-1nq3y",
 	footer: "jc-DataTable-footer-gwddl"
-}, ci = (e) => e.id ?? e.key ?? "";
-function li(e, t) {
+}, bi = (e) => e.id ?? e.key ?? "";
+function xi(e, t) {
 	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""), "pt-BR", {
 		numeric: !0,
 		sensitivity: "base"
 	});
 }
-var ui = A((e, { attrs: t, slots: n, emit: r }) => {
-	let [i, a] = er({
+var Si = O((e, { attrs: t, slots: n, emit: r }) => {
+	let [i, a] = ur({
 		value: () => e.sort,
 		defaultValue: e.initialSort ?? null,
 		onChange: (e) => {
 			r("update:sort", e), r("sort-change", e);
 		}
-	}), o = Dn(1), s = (e) => {
+	}), o = zn(1), c = (e) => {
 		a(e), o.value = 1;
-	}, c = (e) => {
+	}, l = (e) => {
 		let t = i.value;
-		!t || t.key !== e ? s({
+		!t || t.key !== e ? c({
 			key: e,
 			direction: "asc"
-		}) : t.direction === "asc" ? s({
+		}) : t.direction === "asc" ? c({
 			key: e,
 			direction: "desc"
-		}) : s(null);
-	}, l = w(() => {
+		}) : c(null);
+	}, u = S(() => {
 		let t = i.value;
 		if (!t) return e.data;
-		let n = e.columns.find((e) => ci(e) === t.key), r = n?.sortValue ?? ((e) => n?.key ? e[n.key] : void 0), a = [...e.data].sort((e, t) => li(r(e), r(t)));
+		let n = e.columns.find((e) => bi(e) === t.key), r = n?.sortValue ?? ((e) => n?.key ? e[n.key] : void 0), a = [...e.data].sort((e, t) => xi(r(e), r(t)));
 		return t.direction === "desc" ? a.reverse() : a;
-	}), u = Hr();
+	}), d = Qr();
 	return () => {
-		let { columns: a, pageSize: s, loading: f, plain: p, striped: ee, stickyHeader: m, tableProps: te } = e, ne = e.loadingRows ?? 5, h = i.value, re = l.value.length, ie = s ? Math.max(1, Math.ceil(re / s)) : 1, g = Math.min(o.value, ie), _ = s ? l.value.slice((g - 1) * s, g * s) : l.value, v = u("row-click"), oe = M(Qt, null, () => M($t, null, () => a.map((e) => {
-			let t = ci(e), r = h?.key === t, i = r ? h.direction === "asc" ? Ln : Fn : zn, a = C(e.header, n[`header-${t}`]);
-			return M(Zt, {
+		let { columns: a, pageSize: c, loading: f, plain: ee, striped: te, stickyHeader: ne, tableProps: re } = e, ie = e.loadingRows ?? 5, p = i.value, m = u.value.length, h = c ? Math.max(1, Math.ceil(m / c)) : 1, g = Math.min(o.value, h), ae = c ? u.value.slice((g - 1) * c, g * c) : u.value, _ = d("row-click"), oe = A(ln, null, () => A(un, null, () => a.map((e) => {
+			let t = bi(e), r = p?.key === t, i = r ? p.direction === "asc" ? qn : Gn : Yn, a = x(e.header, n[`header-${t}`]);
+			return A(cn, {
 				key: t,
-				class: e.numeric ? si.num : void 0,
+				class: e.numeric ? yi.num : void 0,
 				style: { width: typeof e.width == "number" ? `${e.width}px` : e.width },
-				"aria-sort": r ? h.direction === "asc" ? "ascending" : "descending" : void 0
-			}, () => e.sortable ? M("button", {
+				"aria-sort": r ? p.direction === "asc" ? "ascending" : "descending" : void 0
+			}, () => e.sortable ? A("button", {
 				type: "button",
-				class: si.sortButton,
+				class: yi.sortButton,
 				"data-sorted": r || void 0,
-				onClick: () => c(t)
-			}, [a, M(i, {
+				onClick: () => l(t)
+			}, [a, A(i, {
 				size: 12,
 				stroke: "2.5",
 				opacity: r ? 1 : .5
 			})]) : a);
-		}))), y;
-		if (f) y = Array.from({ length: ne }, (e, t) => M($t, { key: t }, () => a.map((e) => M(Xt, { key: ci(e) }, () => M(Vt, {
+		}))), se;
+		if (f) se = Array.from({ length: ie }, (e, t) => A(un, { key: t }, () => a.map((e) => A(sn, { key: bi(e) }, () => A(Zt, {
 			height: 14,
 			width: e.numeric ? "50%" : "80%",
 			ml: e.numeric ? "auto" : 0
 		})))));
-		else if (_.length === 0) {
-			let t = C(e.empty, n.empty);
-			y = M($t, null, () => M(Xt, { colspan: a.length }, () => t ?? M(tt, {
+		else if (ae.length === 0) {
+			let t = x(e.empty, n.empty);
+			se = A(un, null, () => A(sn, { colspan: a.length }, () => t ?? A(ut, {
 				py: "xl",
 				size: "sm",
-				icon: () => M(Hn, { size: 22 }),
+				icon: () => A(Qn, { size: 22 }),
 				title: "Nenhum resultado",
 				description: "Não há dados para exibir com os filtros atuais."
 			})));
-		} else y = _.map((t, i) => M($t, {
+		} else se = ae.map((t, i) => A(un, {
 			key: e.rowKey ? e.rowKey(t, i) : i,
-			class: si.row,
-			"data-clickable": v ? !0 : void 0,
-			tabindex: v ? 0 : void 0,
-			onClick: v ? () => r("row-click", t, i) : void 0,
-			onKeydown: v ? (e) => {
+			class: yi.row,
+			"data-clickable": _ ? !0 : void 0,
+			tabindex: _ ? 0 : void 0,
+			onClick: _ ? () => r("row-click", t, i) : void 0,
+			onKeydown: _ ? (e) => {
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), r("row-click", t, i));
 			} : void 0
 		}, () => a.map((e) => {
-			let r = ci(e), a = n[`cell-${r}`], o = e.key ? t[e.key] : void 0, s = a ? a({
+			let r = bi(e), a = n[`cell-${r}`], o = e.key ? t[e.key] : void 0, s = a ? a({
 				row: t,
 				index: i
-			}) : e.render ? e.render(t, i) : e.numeric && typeof o == "number" ? ae(o, e.format) : o;
-			return M(Xt, {
+			}) : e.render ? e.render(t, i) : e.numeric && typeof o == "number" ? pe(o, e.format) : o;
+			return A(sn, {
 				key: r,
-				class: e.numeric ? si.num : void 0
+				class: e.numeric ? yi.num : void 0
 			}, () => s);
 		})));
-		return M(b, N({
-			class: si.wrapper,
-			"data-plain": p || void 0
-		}, t), () => [M(Lt, { type: "auto" }, () => M(d, {
-			striped: ee,
-			stickyHeader: m,
-			...te
-		}, () => [oe, M(Yt, null, () => y)])), s && re > s ? M("div", { class: si.footer }, [M("span", `${ae((g - 1) * s + 1)}–${ae(Math.min(g * s, re))} de ${ae(re)}`), M(wt, {
+		return A(y, j({
+			class: yi.wrapper,
+			"data-plain": ee || void 0
+		}, t), () => [A(qt, { type: "auto" }, () => A(s, {
+			striped: te,
+			stickyHeader: ne,
+			...re
+		}, () => [oe, A(on, null, () => se)])), c && m > c ? A("div", { class: yi.footer }, [A("span", `${pe((g - 1) * c + 1)}–${pe(Math.min(g * c, m))} de ${pe(m)}`), A(Pt, {
 			size: "sm",
-			total: ie,
+			total: h,
 			modelValue: g,
 			"onUpdate:modelValue": (e) => {
 				o.value = e;
@@ -1691,7 +1743,7 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 		"sort-change",
 		"row-click"
 	]
-}), di = A({
+}), Ci = O({
 	name: "ThemeToggle",
 	inheritAttrs: !1,
 	props: {
@@ -1717,17 +1769,17 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 		}
 	},
 	setup(e, { attrs: t }) {
-		let { setColorScheme: n } = gn(), r = hn("light", { getInitialValueInEffect: !0 }), i = () => n(r.value === "dark" ? "light" : "dark");
+		let { setColorScheme: n } = On(), r = Dn("light", { getInitialValueInEffect: !0 }), i = () => n(r.value === "dark" ? "light" : "dark");
 		return () => {
-			let n = r.value === "dark" ? Yn : qn;
-			return e.as === "button" ? M(ze, {
+			let n = r.value === "dark" ? ar : rr;
+			return e.as === "button" ? A(Je, {
 				variant: e.variant ?? "outline",
 				color: e.color,
 				size: e.size ?? "sm",
-				leftSection: () => M(n, { size: 16 }),
+				leftSection: () => A(n, { size: 16 }),
 				onClick: i,
 				...t
-			}, () => e.label) : M(Oe, {
+			}, () => e.label) : A(Le, {
 				variant: e.variant ?? "subtle",
 				color: e.color,
 				size: e.size ?? "lg",
@@ -1735,7 +1787,7 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 				"aria-label": e.label,
 				title: e.label,
 				...t
-			}, () => M(n, { size: 18 }));
+			}, () => A(n, { size: 18 }));
 		};
 	}
 }), $ = {
@@ -1746,7 +1798,7 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 	hex: "jc-TokenSwatch-hex-1kiwm",
 	ramp: "jc-TokenSwatch-ramp-1bjk0",
 	step: "jc-TokenSwatch-step-1bjl1"
-}, fi = A({
+}, wi = O({
 	name: "TokenSwatch",
 	inheritAttrs: !1,
 	props: {
@@ -1768,27 +1820,27 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 		}
 	},
 	setup(e, { attrs: t }) {
-		let r = Qn({ timeout: 1200 });
+		let n = cr({ timeout: 1200 });
 		return () => {
-			let i = e.copy === "cssVar" && e.cssVar ? `var(${e.cssVar})` : e.value;
-			return M(n, {
-				label: r.copied.value ? "Copiado!" : `Copiar ${i}`,
+			let r = e.copy === "cssVar" && e.cssVar ? `var(${e.cssVar})` : e.value;
+			return A(p, {
+				label: n.copied.value ? "Copiado!" : `Copiar ${r}`,
 				withArrow: !0
-			}, () => M("button", N({
+			}, () => A("button", j({
 				type: "button",
 				class: $.swatch,
-				onClick: () => r.copy(i)
-			}, t), [M("div", {
+				onClick: () => n.copy(r)
+			}, t), [A("div", {
 				class: $.color,
 				style: { background: e.value }
-			}), M("div", { class: $.info }, [
-				M("div", { class: $.name }, e.name),
-				M("div", { class: $.hex }, e.value),
-				e.cssVar ? M("div", { class: $.hex }, e.cssVar) : null
+			}), A("div", { class: $.info }, [
+				A("div", { class: $.name }, e.name),
+				A("div", { class: $.hex }, e.value),
+				e.cssVar ? A("div", { class: $.hex }, e.cssVar) : null
 			])]));
 		};
 	}
-}), pi = A({
+}), Ti = O({
 	name: "ColorRamp",
 	inheritAttrs: !1,
 	props: { steps: {
@@ -1796,26 +1848,26 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 		required: !0
 	} },
 	setup(e, { attrs: t }) {
-		let r = Qn({ timeout: 1200 });
-		return () => M("div", N({ class: $.ramp }, t), e.steps.map((e) => M(n, {
+		let n = cr({ timeout: 1200 });
+		return () => A("div", j({ class: $.ramp }, t), e.steps.map((e) => A(p, {
 			key: e.label,
-			label: r.copied.value ? "Copiado!" : e.value,
+			label: n.copied.value ? "Copiado!" : e.value,
 			withArrow: !0
-		}, () => M("button", {
+		}, () => A("button", {
 			type: "button",
 			class: $.step,
 			style: {
 				background: e.value,
-				color: pn(e.value) > .3 ? "var(--dc-obsidian)" : "#fff"
+				color: wn(e.value) > .3 ? "var(--dc-obsidian)" : "#fff"
 			},
-			onClick: () => r.copy(e.value)
+			onClick: () => n.copy(e.value)
 		}, `${e.label}${e.derived ? "*" : ""}`))));
 	}
-}), mi = {
+}), Ei = {
 	sm: "var(--type-subheadline-lg)",
 	md: "var(--type-headline-sm)",
 	lg: "var(--type-headline-lg)"
-}, hi = A({
+}, Di = O({
 	name: "PriceTag",
 	inheritAttrs: !1,
 	props: {
@@ -1847,43 +1899,43 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 	setup(e, { attrs: t }) {
 		return () => {
 			let { value: n, oldValue: r, installments: i, pixDiscount: a, unit: o, size: s } = e;
-			return M(b, t, () => [
-				r !== void 0 && r > n ? M(S, {
+			return A(y, t, () => [
+				r !== void 0 && r > n ? A(b, {
 					fz: "xs",
 					c: "var(--ds-text-3)",
 					td: "line-through",
-					"aria-label": `Preço anterior ${fe(r)}`
-				}, () => fe(r)) : null,
-				M(x, {
+					"aria-label": `Preço anterior ${xe(r)}`
+				}, () => xe(r)) : null,
+				A(pt, {
 					gap: 4,
 					align: "baseline",
 					wrap: "nowrap"
-				}, () => [M(S, {
+				}, () => [A(b, {
 					component: "span",
-					fz: mi[s],
+					fz: Ei[s],
 					fw: 700,
 					lh: 1.2,
 					c: "var(--ds-primary)",
 					style: { fontVariantNumeric: "tabular-nums" }
-				}, () => fe(n)), o ? M(S, {
+				}, () => xe(n)), o ? A(b, {
 					component: "span",
 					fz: "xs",
 					c: "var(--ds-text-3)",
 					fw: 500
 				}, () => o) : null]),
-				a !== void 0 && a > 0 ? M(S, {
+				a !== void 0 && a > 0 ? A(b, {
 					fz: "xs",
 					fw: 600,
 					c: "var(--ds-tag-success-color)"
-				}, () => `${fe(n * (1 - a / 100))} no Pix (${a}% off)`) : null,
-				i && i.count > 1 ? M(S, {
+				}, () => `${xe(n * (1 - a / 100))} no Pix (${a}% off)`) : null,
+				i && i.count > 1 ? A(b, {
 					fz: "xs",
 					c: "var(--ds-text-2)"
-				}, () => `ou ${i.count}x de ${fe(n / i.count)}${i.interestFree === !1 ? "" : " sem juros"}`) : null
+				}, () => `ou ${i.count}x de ${xe(n / i.count)}${i.interestFree === !1 ? "" : " sem juros"}`) : null
 			]);
 		};
 	}
-}), gi = {
+}), Oi = {
 	root: "jc-ProductCard-root-mvthw",
 	media: "jc-ProductCard-media-1y1gb",
 	badges: "jc-ProductCard-badges-z1zie",
@@ -1892,7 +1944,7 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 	name: "jc-ProductCard-name-mvqni",
 	price: "jc-ProductCard-price-1y3c4",
 	action: "jc-ProductCard-action-ymbqp"
-}, _i = ["src", "alt"], vi = un(/* @__PURE__ */ A({
+}, ki = ["src", "alt"], Ai = xn(/* @__PURE__ */ O({
 	name: "ProductCard",
 	inheritAttrs: !1,
 	__name: "ProductCard",
@@ -1930,14 +1982,14 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 	},
 	emits: ["update:favorite", "action"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = An(), a = jn(), o = Hr(), s = _n("ProductCard", {
+		let n = e, r = t, i = L(), a = R(), o = Qr(), s = kn("ProductCard", {
 			showDiscount: !0,
 			actionLabel: "Comprar",
 			imageRatio: 1,
 			linkComponent: "a"
-		}, n), c = vn({
+		}, n), c = An({
 			name: "ProductCard",
-			classes: gi,
+			classes: Oi,
 			props: s,
 			get className() {
 				return i.class;
@@ -1957,44 +2009,44 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 			get unstyled() {
 				return s.unstyled;
 			}
-		}), l = () => s.oldPrice && s.oldPrice > s.price ? Math.round((1 - s.price / s.oldPrice) * 100) : 0, d = () => s.favorite !== void 0 || o("update:favorite"), f = () => o("action"), p = () => {
+		}), l = () => s.oldPrice && s.oldPrice > s.price ? Math.round((1 - s.price / s.oldPrice) * 100) : 0, u = () => s.favorite !== void 0 || o("update:favorite"), f = () => o("action"), ee = () => {
 			let e = s.linkComponent ?? "a";
 			return s.href ? e === "a" ? { href: s.href } : {
 				to: s.href,
 				href: s.href
 			} : {};
-		}, ee = () => s.href ? s.linkComponent ?? "a" : "div", m = () => [...(s.badges ?? []).map((e) => C(e)), a.badges?.()];
-		return (e, t) => (F(), T(R(u), N({
-			...R(i),
-			...R(c)("root")
-		}, { mod: [{ interactive: !!(R(s).href || f()) }, R(i).mod] }), {
+		}, te = () => s.href ? s.linkComponent ?? "a" : "div", ne = () => [...(s.badges ?? []).map((e) => x(e)), a.badges?.()];
+		return (e, t) => (N(), C(I(d), j({
+			...I(i),
+			...I(c)("root")
+		}, { mod: [{ interactive: !!(I(s).href || f()) }, I(i).mod] }), {
 			default: z(() => [
-				O("div", P(j(R(c)("media", { style: { "--product-ratio": String(R(s).imageRatio) } }))), [
-					O("img", {
-						src: R(s).image,
-						alt: R(s).name,
+				E("div", M(k(I(c)("media", { style: { "--product-ratio": String(I(s).imageRatio) } }))), [
+					E("img", {
+						src: I(s).image,
+						alt: I(s).name,
 						loading: "lazy"
-					}, null, 8, _i),
-					O("div", P(j(R(c)("badges"))), [R(s).showDiscount && l() > 0 ? (F(), T(R(Vr), {
+					}, null, 8, ki),
+					E("div", M(k(I(c)("badges"))), [I(s).showDiscount && l() > 0 ? (N(), C(I(Zr), {
 						key: 0,
 						tone: "error",
 						variant: "filled"
 					}, {
-						default: z(() => [Cn("-" + L(l()) + "%", 1)]),
+						default: z(() => [Fn("-" + F(l()) + "%", 1)]),
 						_: 1
-					})) : E("", !0), (F(), T(I(m)))], 16),
-					d() ? (F(), T(R(Oe), N({ key: 0 }, R(c)("favorite"), {
+					})) : w("", !0), (N(), C(P(ne)))], 16),
+					u() ? (N(), C(I(Le), j({ key: 0 }, I(c)("favorite"), {
 						variant: "subtle",
-						color: R(s).favorite ? "danger" : "obsidian",
+						color: I(s).favorite ? "danger" : "obsidian",
 						radius: "xl",
-						"aria-label": R(s).favorite ? "Remover dos favoritos" : "Adicionar aos favoritos",
-						"aria-pressed": !!R(s).favorite,
-						onClick: t[0] ||= (e) => r("update:favorite", !R(s).favorite)
+						"aria-label": I(s).favorite ? "Remover dos favoritos" : "Adicionar aos favoritos",
+						"aria-pressed": !!I(s).favorite,
+						onClick: t[0] ||= (e) => r("update:favorite", !I(s).favorite)
 					}), {
-						default: z(() => [R(s).favorite ? (F(), T(R(Wn), {
+						default: z(() => [I(s).favorite ? (N(), C(I(er), {
 							key: 0,
 							size: 18
-						})) : (F(), T(R(Un), {
+						})) : (N(), C(I($n), {
 							key: 1,
 							size: 18
 						}))]),
@@ -2003,43 +2055,43 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 						"color",
 						"aria-label",
 						"aria-pressed"
-					])) : E("", !0)
+					])) : w("", !0)
 				], 16),
-				R(s).category ? (F(), D("div", P(N({ key: 0 }, R(c)("category"))), L(R(s).category), 17)) : E("", !0),
-				(F(), T(I(ee()), P(j({
-					...p(),
-					...R(c)("name")
+				I(s).category ? (N(), T("div", M(j({ key: 0 }, I(c)("category"))), F(I(s).category), 17)) : w("", !0),
+				(N(), C(P(te()), M(k({
+					...ee(),
+					...I(c)("name")
 				})), {
-					default: z(() => [Cn(L(R(s).name), 1)]),
+					default: z(() => [Fn(F(I(s).name), 1)]),
 					_: 1
 				}, 16)),
-				R(s).rating === void 0 ? E("", !0) : (F(), T(R(x), {
+				I(s).rating === void 0 ? w("", !0) : (N(), C(I(pt), {
 					key: 1,
 					gap: 6,
 					mb: "xs"
 				}, {
-					default: z(() => [k(R(Pt), {
-						"model-value": R(s).rating,
+					default: z(() => [D(I(Wt), {
+						"model-value": I(s).rating,
 						fractions: 2,
 						"read-only": "",
 						size: "xs",
 						color: "electric.4"
-					}, null, 8, ["model-value"]), R(s).reviews === void 0 ? E("", !0) : (F(), T(R(S), {
+					}, null, 8, ["model-value"]), I(s).reviews === void 0 ? w("", !0) : (N(), C(I(b), {
 						key: 0,
 						fz: "xs",
 						c: "var(--ds-text-3)"
 					}, {
-						default: z(() => [Cn("(" + L(R(s).reviews) + ")", 1)]),
+						default: z(() => [Fn("(" + F(I(s).reviews) + ")", 1)]),
 						_: 1
 					}))]),
 					_: 1
 				})),
-				k(R(hi), N(R(c)("price"), {
-					value: R(s).price,
-					"old-value": R(s).oldPrice,
-					installments: R(s).installments,
-					"pix-discount": R(s).pixDiscount,
-					unit: R(s).unit
+				D(I(Di), j(I(c)("price"), {
+					value: I(s).price,
+					"old-value": I(s).oldPrice,
+					installments: I(s).installments,
+					"pix-discount": I(s).pixDiscount,
+					unit: I(s).unit
 				}), null, 16, [
 					"value",
 					"old-value",
@@ -2047,19 +2099,19 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 					"pix-discount",
 					"unit"
 				]),
-				f() ? (F(), T(R(ze), N({ key: 2 }, R(c)("action"), {
+				f() ? (N(), C(I(Je), j({ key: 2 }, I(c)("action"), {
 					"full-width": "",
 					onClick: t[1] ||= (e) => r("action", e)
 				}), {
-					leftSection: z(() => [k(R(Jn), { size: 18 })]),
-					default: z(() => [Cn(" " + L(R(s).actionLabel), 1)]),
+					leftSection: z(() => [D(I(ir), { size: 18 })]),
+					default: z(() => [Fn(" " + F(I(s).actionLabel), 1)]),
 					_: 1
-				}, 16)) : E("", !0)
+				}, 16)) : w("", !0)
 			]),
 			_: 1
 		}, 16, ["mod"]));
 	}
-}), { classes: gi }), yi = A({
+}), { classes: Oi }), ji = O({
 	name: "CouponCode",
 	inheritAttrs: !1,
 	props: {
@@ -2067,7 +2119,7 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 			type: String,
 			required: !0
 		},
-		description: Ur,
+		description: $r,
 		copyLabel: {
 			type: String,
 			default: "Copiar"
@@ -2079,10 +2131,10 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 	},
 	emits: { copy: (e) => !0 },
 	setup(e, { attrs: t, slots: n, emit: r }) {
-		let i = Qn({ timeout: 1600 });
+		let i = cr({ timeout: 1600 });
 		return () => {
 			let a = i.copied.value, o = Q(e.description, n.description);
-			return M(b, {
+			return A(y, {
 				p: "sm",
 				style: {
 					border: "2px dashed var(--ds-primary)",
@@ -2090,48 +2142,50 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 					background: "var(--ds-primary-soft)"
 				},
 				...t
-			}, () => M(x, {
+			}, () => A(pt, {
 				justify: "space-between",
 				gap: "sm",
 				wrap: "nowrap"
-			}, () => [M(x, {
+			}, () => [A(pt, {
 				gap: "sm",
 				wrap: "nowrap",
 				style: { minWidth: 0 }
-			}, () => [M(Xn, {
+			}, () => [A(or, {
 				size: 22,
 				color: "var(--ds-primary)",
 				style: { flexShrink: 0 }
-			}), M("div", { style: { minWidth: 0 } }, [o === void 0 ? null : M(S, {
+			}), A("div", { style: { minWidth: 0 } }, [o === void 0 ? null : A(b, {
 				fz: "xs",
 				c: "var(--ds-text-2)",
 				fw: 500
-			}, () => o), M(S, {
+			}, () => o), A(b, {
 				fw: 700,
 				fz: "lg",
 				lts: "0.08em",
 				c: "var(--ds-primary)",
 				ff: "monospace"
-			}, () => e.code)])]), M(ze, {
+			}, () => e.code)])]), A(Je, {
 				size: "sm",
 				variant: a ? "filled" : "outline",
 				color: a ? "evergreen" : void 0,
-				leftSection: () => M(a ? Bn : Vn, { size: 16 }),
+				leftSection: () => A(a ? Xn : Zn, { size: 16 }),
 				onClick: () => {
 					i.copy(e.code), r("copy", e.code);
 				}
 			}, () => a ? e.copiedLabel : e.copyLabel)]));
 		};
 	}
-}), bi = {
+}), Mi = {
 	root: "jc-TopNav-root-juvro",
 	brand: "jc-TopNav-brand-1b3pb",
 	links: "jc-TopNav-links-1b91r",
 	link: "jc-TopNav-link-jurt9",
+	linkSection: "jc-TopNav-linkSection-tut08",
+	linkLabel: "jc-TopNav-linkLabel-4stdx",
 	right: "jc-TopNav-right-1bcce",
 	burger: "jc-TopNav-burger-13mhl",
 	mobileLinks: "jc-TopNav-mobileLinks-90417"
-}, xi = un(/* @__PURE__ */ A({
+}, Ni = xn(/* @__PURE__ */ O({
 	name: "TopNav",
 	inheritAttrs: !1,
 	__name: "TopNav",
@@ -2154,8 +2208,8 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 		}
 	},
 	setup(e) {
-		let t = e, n = jn(), r = An(), i = _n("TopNav", {
-			brand: () => M(Se, {
+		let t = e, n = R(), r = L(), i = kn("TopNav", {
+			brand: () => A(je, {
 				variant: "dark",
 				size: 28
 			}),
@@ -2163,9 +2217,9 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 			links: [],
 			linkComponent: "a",
 			collapseOnMobile: !0
-		}, t), [a, { toggle: o, close: s }] = $n(!1), c = vn({
+		}, t), [a, { toggle: o, close: s }] = lr(!1), c = An({
 			name: "TopNav",
-			classes: bi,
+			classes: Mi,
 			props: i,
 			get className() {
 				return r.class;
@@ -2187,53 +2241,68 @@ var ui = A((e, { attrs: t, slots: n, emit: r }) => {
 			}
 		}), l = (e) => e.node;
 		l.props = ["node"];
-		let u = w(() => i.linkComponent ?? "a"), d = (e) => u.value === "a" ? { href: e } : {
+		let u = S(() => i.linkComponent ?? "a"), d = (e) => u.value === "a" ? { href: e } : {
 			to: e,
 			href: e
-		}, f = (e, t) => typeof e == "string" ? t : { default: () => t }, p = (e) => (i.links ?? []).map((t, n) => {
-			let r = !t.href, i = r ? "button" : u.value, a = r ? { type: "button" } : d(t.href);
-			return M(i, {
+		}, f = (e, t) => typeof e == "string" ? t : { default: () => t }, ee = (e) => (i.links ?? []).map((t, n) => {
+			let r = !t.href || t.disabled, i = r ? "button" : u.value, a = r ? {
+				type: "button",
+				disabled: t.disabled || void 0
+			} : d(t.href), o = t.label !== void 0 && t.label !== null && t.label !== "", s = t.leftSection == null && t.rightSection == null ? x(t.label) : [
+				t.leftSection == null ? null : A("span", {
+					...c("linkSection"),
+					"data-position": "left"
+				}, [x(t.leftSection)]),
+				o ? A("span", c("linkLabel"), [x(t.label)]) : null,
+				t.rightSection == null ? null : A("span", {
+					...c("linkSection"),
+					"data-position": "right"
+				}, [x(t.rightSection)])
+			];
+			return A(i, {
 				key: n,
 				...a,
 				...c("link"),
 				"data-active": t.active || void 0,
+				"data-disabled": t.disabled || void 0,
 				"aria-current": t.active ? "page" : void 0,
+				"aria-label": t["aria-label"],
 				onClick: (n) => {
-					t.onClick?.(n), e?.();
+					t.disabled || (t.onClick?.(n), e?.());
 				}
-			}, f(i, C(t.label)));
-		}), ee = w(() => C(i.brand, n.brand)), m = w(() => C(i.rightSection, n.rightSection)), te = w(() => i.brandHref === null ? "span" : u.value), ne = w(() => i.brandHref === null ? {} : d(i.brandHref ?? "/")), h = w(() => !!i.collapseOnMobile && (i.links ?? []).length > 0), re = w(() => [{ collapse: i.collapseOnMobile }, r.mod]);
-		return (e, t) => (F(), D("header", null, [k(R(b), N({
-			...R(r),
-			...R(c)("root")
-		}, { mod: re.value }), {
+			}, f(i, s));
+		}), te = S(() => x(i.brand, n.brand)), ne = S(() => x(i.rightSection, n.rightSection)), re = S(() => i.brandHref === null ? "span" : u.value), ie = S(() => i.brandHref === null ? {} : d(i.brandHref ?? "/")), p = S(() => !!i.collapseOnMobile && (i.links ?? []).length > 0), m = S(() => [{ collapse: i.collapseOnMobile }, r.mod]);
+		return (e, t) => (N(), T("header", null, [D(I(y), j({
+			...I(r),
+			...I(c)("root")
+		}, { mod: m.value }), {
 			default: z(() => [
-				(F(), T(I(te.value), P(j({
-					...ne.value,
-					...R(c)("brand")
+				(N(), C(P(re.value), M(k({
+					...ie.value,
+					...I(c)("brand")
 				})), {
-					default: z(() => [k(l, { node: ee.value }, null, 8, ["node"])]),
+					default: z(() => [D(l, { node: te.value }, null, 8, ["node"])]),
 					_: 1
 				}, 16)),
-				O("nav", N(R(c)("links"), { "aria-label": "Principal" }), [k(l, { node: p() }, null, 8, ["node"])], 16),
-				O("div", P(j(R(c)("right"))), [k(l, { node: m.value }, null, 8, ["node"]), h.value ? (F(), T(R(Re), N({
+				E("nav", j(I(c)("links"), { "aria-label": "Principal" }), [D(l, { node: ee() }, null, 8, ["node"])], 16),
+				E("div", M(k(I(c)("right"))), [D(l, { node: ne.value }, null, 8, ["node"]), p.value ? (N(), C(I(qe), j({
 					key: 0,
-					opened: R(a),
+					opened: I(a),
 					size: "sm",
 					"aria-label": "Abrir menu"
-				}, R(c)("burger"), { onClick: R(o) }), null, 16, ["opened", "onClick"])) : E("", !0)], 16)
+				}, I(c)("burger"), { onClick: I(o) }), null, 16, ["opened", "onClick"])) : w("", !0)], 16)
 			]),
 			_: 1
-		}, 16, ["mod"]), h.value ? (F(), T(R(Je), {
+		}, 16, ["mod"]), p.value ? (N(), C(I(rt), {
 			key: 0,
-			expanded: R(a)
+			expanded: I(a)
 		}, {
-			default: z(() => [O("nav", N(R(c)("mobileLinks"), { "aria-label": "Principal (mobile)" }), [k(l, { node: p(R(s)) }, null, 8, ["node"])], 16)]),
+			default: z(() => [E("nav", j(I(c)("mobileLinks"), { "aria-label": "Principal (mobile)" }), [D(l, { node: ee(I(s)) }, null, 8, ["node"])], 16)]),
 			_: 1
-		}, 8, ["expanded"])) : E("", !0)]));
+		}, 8, ["expanded"])) : w("", !0)]));
 	}
-}), { classes: bi });
+}), { classes: Mi });
 //#endregion
-export { Pr as COLOR_SCHEME_STORAGE_KEY, u as Card, o as Cascader, c as CheckboxIndicator, we as Collaborator, pi as ColorRamp, i as Combobox, Xr as ContentCard, yi as CouponCode, ui as DataTable, oe as Disclaimer, le as Display, e as FileInput, s as FloatingWindow, be as GreekFrame, he as Headline, Se as JcLogo, ve as JcLogoAlt, Rr as JcProvider, y as Kicker, ai as KpiCard, ii as KpiGroup, me as LOCALE, l as NumberFormatter, t as NumberInput, oi as PageHeader, a as PillsInput, hi as PriceTag, vi as ProductCard, qr as PromoBanner, ge as SpartanHelmet, se as Subheadline, d as Table, Vr as Tag, di as ThemeToggle, fi as TokenSwatch, n as Tooltip, xi as TopNav, xe as altLogoPaths, Ce as collaboratorPaths, ue as formatCompact, fe as formatCurrency, ce as formatDate, ae as formatNumber, de as formatPercent, pe as formatTime, Zr as getDeltaTone, _e as greekFramePaths, v as jcColors, Nr as jcCssVariablesResolver, Er as jcTheme, nr as jcVariantColorResolver, ye as logoPaths, Te as spartanPaths, ee as tokens, r as withThemeDefaults };
+export { re as Autocomplete, Wr as COLOR_SCHEME_STORAGE_KEY, d as Card, te as Cascader, c as CheckboxIndicator, Ne as Collaborator, Ti as ColorRamp, t as Combobox, oi as ContentCard, ji as CouponCode, Si as DataTable, me as Disclaimer, ve as Display, f as FileInput, ne as FloatingWindow, ke as GreekFrame, we as Headline, je as JcLogo, De as JcLogoAlt, Jr as JcProvider, he as Kicker, hi as KpiCard, mi as KpiGroup, Ce as LOCALE, gn as MantineTransition, r as MultiSelect, l as NativeSelect, ie as NumberFormatter, i as NumberInput, vi as PageHeader, a as PillsInput, Di as PriceTag, Ai as ProductCard, ri as PromoBanner, ee as RollingNumber, u as Select, Te as SpartanHelmet, ge as Subheadline, s as Table, Zr as Tag, o as TagsInput, Ci as ThemeToggle, e as Timeline, wi as TokenSwatch, p as Tooltip, Ni as TopNav, m as TreeSelect, Ae as altLogoPaths, Me as collaboratorPaths, ye as formatCompact, xe as formatCurrency, _e as formatDate, pe as formatNumber, be as formatPercent, Se as formatTime, si as getDeltaTone, Ee as greekFramePaths, fe as jcColors, Ur as jcCssVariablesResolver, Ir as jcTheme, fr as jcVariantColorResolver, Oe as logoPaths, Pe as spartanPaths, ae as tokens, n as withThemeDefaults };
 
 //# sourceMappingURL=index.js.map