@jcdecor/vue 0.1.0

package/dist/index.js

@@ -0,0 +1,2239 @@
+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";
+export * from "@mantine-vue/core";
+//#region src/theme/variantColorResolver.ts
+var tr = {
+	horizon: "primary",
+	blue: "primary",
+	evergreen: "success",
+	green: "success",
+	teal: "success",
+	electric: "warn",
+	yellow: "warn",
+	danger: "error",
+	red: "error",
+	obsidian: "neutral",
+	gray: "neutral",
+	dark: "neutral"
+}, nr = (e) => {
+	let { variant: t, theme: n } = e, r = e.color ?? n.primaryColor, i = mn({
+		color: r,
+		theme: n
+	}), a = i.isThemeColor ? i.color : void 0;
+	if (t === "accent" || t === "filled" && (a === "electric" || a === "yellow") && i.shade === void 0) return {
+		background: "var(--mantine-color-electric-3)",
+		hover: "color-mix(in oklch, var(--mantine-color-electric-3), var(--mantine-color-electric-4) 40%)",
+		color: "var(--mantine-color-obsidian-6)",
+		hoverColor: "var(--mantine-color-obsidian-6)",
+		border: "1px solid transparent"
+	};
+	if (t === "filled" && a && i.shade === void 0) return {
+		...ln(e),
+		color: "var(--jc-on-filled)",
+		hoverColor: "var(--jc-on-filled)"
+	};
+	if (t === "outline") {
+		let t = ln(e), r = ln({
+			...e,
+			variant: "light"
+		}), i = !e.color || a === n.primaryColor;
+		return {
+			...t,
+			hover: i ? "var(--ds-primary-soft)" : r.background,
+			color: i ? "var(--ds-primary)" : t.color,
+			border: i ? "1px solid var(--ds-primary)" : t.border
+		};
+	}
+	if (t === "subtle" && (!e.color || e.color === n.primaryColor)) 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];
+		return {
+			background: `var(--ds-tag-${e}-bg)`,
+			hover: `var(--ds-tag-${e}-hover)`,
+			color: `var(--ds-tag-${e}-color)`,
+			border: "1px solid transparent"
+		};
+	}
+	return ln(e);
+};
+//#endregion
+//#region src/theme/components/types.ts
+function B(e, t) {
+	return t;
+}
+//#endregion
+//#region src/theme/controls.ts
+var rr = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "xl", ir = {
+	xs: {
+		height: "28px",
+		px: "10px",
+		fz: "12px",
+		inputFz: "12px"
+	},
+	sm: {
+		height: "32px",
+		px: "12px",
+		fz: "13px",
+		inputFz: "14px"
+	},
+	md: {
+		height: "40px",
+		px: "16px",
+		fz: h.button.size,
+		inputFz: "16px"
+	},
+	lg: {
+		height: "48px",
+		px: "20px",
+		fz: "16px",
+		inputFz: "16px"
+	},
+	xl: {
+		height: "56px",
+		px: "24px",
+		fz: "18px",
+		inputFz: "18px"
+	}
+}, ar = {
+	backgroundOpacity: .5,
+	blur: 2,
+	color: "#08154B"
+}, or = {
+	button: "jc-buttons-button-ydj2o",
+	actionIcon: "jc-buttons-actionIcon-1mbg4",
+	closeButton: "jc-buttons-closeButton-12dbk"
+}, sr = {
+	Button: B(ze, {
+		classNames: { root: or.button },
+		vars: (e, t) => {
+			if (!rr(t.size ?? "md")) return { root: {} };
+			let n = ir[t.size ?? "md"];
+			return { root: {
+				"--button-height": n.height,
+				"--button-padding-x": n.px,
+				"--button-fz": n.fz
+			} };
+		}
+	}),
+	ActionIcon: B(Oe, {
+		defaultProps: { variant: "subtle" },
+		classNames: { root: or.actionIcon }
+	}),
+	CloseButton: B(Ke, { classNames: { root: or.closeButton } })
+}, V = {
+	dropdown: "jc-combobox-dropdown-ovija",
+	option: "jc-combobox-option-o1xsu",
+	groupLabel: "jc-combobox-groupLabel-10mqk",
+	empty: "jc-combobox-empty-c2tf9",
+	search: "jc-combobox-search-prqlj",
+	header: "jc-combobox-header-kk8gv",
+	footer: "jc-combobox-footer-jrwfp",
+	pill: "jc-combobox-pill-1a7yw",
+	pillRemove: "jc-combobox-pillRemove-180x8",
+	cascaderColumn: "jc-combobox-cascaderColumn-42vci",
+	cascaderOption: "jc-combobox-cascaderOption-9s3gv",
+	cascaderOverflow: "jc-combobox-cascaderOverflow-x0429"
+}, cr = [
+	"Select",
+	"MultiSelect",
+	"Autocomplete",
+	"TagsInput",
+	"PillsInput",
+	"Cascader",
+	"TreeSelect",
+	"Combobox"
+], H = {
+	dropdown: V.dropdown,
+	option: V.option,
+	groupLabel: V.groupLabel,
+	empty: V.empty
+}, lr = {
+	Combobox: {
+		...H,
+		search: V.search,
+		header: V.header,
+		footer: V.footer
+	},
+	ComboboxPopover: {
+		...H,
+		search: V.search
+	},
+	Select: H,
+	Autocomplete: H,
+	MultiSelect: {
+		...H,
+		pill: V.pill
+	},
+	TagsInput: {
+		...H,
+		pill: V.pill
+	},
+	TreeSelect: {
+		...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" } : {},
+		classNames: t
+	}])),
+	Cascader: B(Ve, {
+		defaultProps: { size: "md" },
+		classNames: {
+			...H,
+			column: V.cascaderColumn,
+			columnOption: V.cascaderOption,
+			flatOption: V.option,
+			columnsOverflow: V.cascaderOverflow
+		}
+	}),
+	Pill: B(Et, { classNames: {
+		root: V.pill,
+		remove: V.pillRemove
+	} })
+}, U = {
+	badge: "jc-dataDisplay-badge-foc0t",
+	accordionItem: "jc-dataDisplay-accordionItem-u8k7a",
+	accordionControl: "jc-dataDisplay-accordionControl-1gfm0",
+	accordionLabel: "jc-dataDisplay-accordionLabel-e08r8",
+	accordionChevron: "jc-dataDisplay-accordionChevron-1czds",
+	accordionContent: "jc-dataDisplay-accordionContent-1gflq",
+	avatar: "jc-dataDisplay-avatar-1nm4r",
+	dataList: "jc-dataDisplay-dataList-12xng",
+	dataListLabel: "jc-dataDisplay-dataListLabel-1ky0f",
+	dataListValue: "jc-dataDisplay-dataListValue-1l3il",
+	indicator: "jc-dataDisplay-indicator-1t0gz",
+	kbd: "jc-dataDisplay-kbd-1dbej",
+	spoilerControl: "jc-dataDisplay-spoilerControl-yqlai",
+	timeline: "jc-dataDisplay-timeline-1a1d4",
+	timelineItem: "jc-dataDisplay-timelineItem-2ia8c",
+	timelineBullet: "jc-dataDisplay-timelineBullet-1qrrw",
+	timelineTitle: "jc-dataDisplay-timelineTitle-6vk5j"
+}, dr = {
+	Accordion: B(Ee, {
+		defaultProps: { chevronPosition: "right" },
+		classNames: {
+			item: U.accordionItem,
+			control: U.accordionControl,
+			label: U.accordionLabel,
+			chevron: U.accordionChevron,
+			content: U.accordionContent
+		}
+	}),
+	Avatar: B(Ne, {
+		defaultProps: {
+			color: "horizon",
+			radius: "xl"
+		},
+		classNames: { root: U.avatar }
+	}),
+	BackgroundImage: B(Pe, { defaultProps: { radius: "md" } }),
+	Badge: B(Fe, {
+		defaultProps: {
+			variant: "light",
+			radius: "xl"
+		},
+		classNames: { root: U.badge },
+		vars: (e, t) => (t.size ?? "md") === "md" ? { root: {
+			"--badge-height": "24px",
+			"--badge-fz": "12px",
+			"--badge-padding-x": "8px"
+		} } : { root: {} }
+	}),
+	Card: B(Be, { defaultProps: {
+		radius: "md",
+		padding: "lg",
+		shadow: "sm",
+		withBorder: !0
+	} }),
+	DataList: B(Ze, { classNames: {
+		root: U.dataList,
+		itemLabel: U.dataListLabel,
+		itemValue: U.dataListValue
+	} }),
+	Image: B(ot, { defaultProps: { radius: "md" } }),
+	Indicator: B(st, {
+		defaultProps: { color: "danger" },
+		classNames: { indicator: U.indicator }
+	}),
+	Kbd: B(ut, { classNames: { root: U.kbd } }),
+	NumberFormatter: B(St, { defaultProps: {
+		thousandSeparator: ".",
+		decimalSeparator: ","
+	} }),
+	RollingNumber: B(It, { defaultProps: {
+		thousandSeparator: ".",
+		decimalSeparator: ","
+	} }),
+	Spoiler: B(Wt, { classNames: { control: U.spoilerControl } }),
+	ThemeIcon: B(tn, { defaultProps: { radius: "md" } }),
+	Timeline: B(nn, {
+		defaultProps: {
+			bulletSize: 24,
+			lineWidth: 2
+		},
+		classNames: {
+			root: U.timeline,
+			item: U.timelineItem,
+			itemBullet: U.timelineBullet,
+			itemTitle: U.timelineTitle
+		}
+	})
+}, W = {
+	alert: "jc-feedback-alert-h7v92",
+	alertTitle: "jc-feedback-alertTitle-1w7oo",
+	alertMessage: "jc-feedback-alertMessage-t1ddb",
+	alertWrapper: "jc-feedback-alertWrapper-13mra",
+	notification: "jc-feedback-notification-1g32t",
+	notificationTitle: "jc-feedback-notificationTitle-1hkpr",
+	notificationDescription: "jc-feedback-notificationDescription-12b15",
+	notificationIcon: "jc-feedback-notificationIcon-1w65l",
+	progress: "jc-feedback-progress-mojt0",
+	progressLabel: "jc-feedback-progressLabel-17jpo",
+	ringCurve: "jc-feedback-ringCurve-143wl",
+	semiCircle: "jc-feedback-semiCircle-afy1b",
+	semiCircleLabel: "jc-feedback-semiCircleLabel-1yjul",
+	skeleton: "jc-feedback-skeleton-1epys",
+	emptyIndicator: "jc-feedback-emptyIndicator-1i2ak",
+	emptyState: "jc-feedback-emptyState-ixj8n",
+	emptyTitle: "jc-feedback-emptyTitle-ixwea",
+	emptyDescription: "jc-feedback-emptyDescription-p56id"
+}, fr = {
+	Notification: B(xt, {
+		defaultProps: { radius: "md" },
+		classNames: {
+			root: W.notification,
+			title: W.notificationTitle,
+			description: W.notificationDescription,
+			icon: W.notificationIcon
+		}
+	}),
+	Alert: B(ke, {
+		defaultProps: { variant: "light" },
+		classNames: {
+			root: W.alert,
+			wrapper: W.alertWrapper,
+			title: W.alertTitle,
+			message: W.alertMessage
+		}
+	}),
+	Loader: B(ft, { defaultProps: { type: "oval" } }),
+	Progress: B(kt, {
+		defaultProps: { radius: "xl" },
+		classNames: {
+			root: W.progress,
+			label: W.progressLabel
+		}
+	}),
+	RingProgress: B(Ft, { classNames: { curve: W.ringCurve } }),
+	SemiCircleProgress: B(zt, { classNames: {
+		root: W.semiCircle,
+		label: W.semiCircleLabel
+	} }),
+	Skeleton: B(Vt, { classNames: { root: W.skeleton } }),
+	EmptyState: B(tt, { classNames: {
+		root: W.emptyState,
+		indicator: W.emptyIndicator,
+		title: W.emptyTitle,
+		description: W.emptyDescription
+	} })
+}, G = {
+	input: "jc-inputs-input-x12vc",
+	label: "jc-inputs-label-x2hnj",
+	description: "jc-inputs-description-enm5y",
+	segmentedRoot: "jc-inputs-segmentedRoot-3hb3b",
+	segmentedIndicator: "jc-inputs-segmentedIndicator-1ml25",
+	segmentedLabel: "jc-inputs-segmentedLabel-10rvt",
+	nativeSelect: "jc-inputs-nativeSelect-se3qh",
+	nativeSelectSection: "jc-inputs-nativeSelectSection-kukh0",
+	checkInput: "jc-inputs-checkInput-hopjk",
+	selectCard: "jc-inputs-selectCard-1y8e9",
+	switchTrack: "jc-inputs-switchTrack-76xuz",
+	chipLabel: "jc-inputs-chipLabel-1v9km",
+	fieldset: "jc-inputs-fieldset-1h97c",
+	fieldsetLegend: "jc-inputs-fieldsetLegend-1u9i7",
+	pinInput: "jc-inputs-pinInput-1p3bz",
+	sliderRoot: "jc-inputs-sliderRoot-18w25",
+	sliderThumb: "jc-inputs-sliderThumb-161p2",
+	sliderLabel: "jc-inputs-sliderLabel-15x5u",
+	sliderMarkLabel: "jc-inputs-sliderMarkLabel-10x0t",
+	angleRoot: "jc-inputs-angleRoot-1k0pu",
+	angleThumb: "jc-inputs-angleThumb-vwj4a",
+	angleLabel: "jc-inputs-angleLabel-vrzwd",
+	rating: "jc-inputs-rating-xk7t1",
+	ratingStar: "jc-inputs-ratingStar-1p6e1",
+	colorSlider: "jc-inputs-colorSlider-1nakv",
+	colorSliderOverlay: "jc-inputs-colorSliderOverlay-1jt1i",
+	colorThumb: "jc-inputs-colorThumb-1br3d",
+	colorSaturation: "jc-inputs-colorSaturation-181ea",
+	colorSwatch: "jc-inputs-colorSwatch-1nght"
+}, pr = Object.fromEntries([
+	"InputBase",
+	"TextInput",
+	"PasswordInput",
+	"NumberInput",
+	"Textarea",
+	"JsonInput",
+	"ColorInput",
+	"FileInput",
+	"MaskInput"
+].map((e) => [e, { defaultProps: { size: "md" } }])), mr = {
+	slider: G.colorSlider,
+	sliderOverlay: G.colorSliderOverlay,
+	thumb: G.colorThumb
+}, hr = {
+	root: G.sliderRoot,
+	thumb: G.sliderThumb,
+	label: G.sliderLabel,
+	markLabel: G.sliderMarkLabel
+}, gr = {
+	...pr,
+	Input: B(ct, {
+		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
+			} } : { wrapper: {} };
+		}
+	}),
+	InputWrapper: B(lt, { classNames: {
+		label: G.label,
+		description: G.description
+	} }),
+	NativeSelect: B(yt, {
+		defaultProps: { size: "md" },
+		classNames: {
+			input: G.nativeSelect,
+			section: G.nativeSelectSection
+		}
+	}),
+	Checkbox: B(He, {
+		defaultProps: { radius: "xs" },
+		classNames: { input: G.checkInput }
+	}),
+	CheckboxIndicator: B(We, {
+		defaultProps: { radius: "xs" },
+		classNames: { indicator: G.checkInput }
+	}),
+	CheckboxCard: B(Ue, {
+		defaultProps: { radius: "md" },
+		classNames: { card: G.selectCard }
+	}),
+	Radio: B(At, { classNames: { radio: G.checkInput } }),
+	RadioIndicator: B(Mt, { classNames: { indicator: G.checkInput } }),
+	RadioCard: B(jt, {
+		defaultProps: { radius: "md" },
+		classNames: { card: G.selectCard }
+	}),
+	Switch: B(Kt, {
+		defaultProps: { radius: "xl" },
+		classNames: { track: G.switchTrack }
+	}),
+	Chip: B(Ge, {
+		defaultProps: { variant: "outline" },
+		classNames: { label: G.chipLabel },
+		vars: (e, t) => {
+			if (t.variant !== "outline") return { root: {} };
+			let n = e.variantColorResolver({
+				color: t.color || e.primaryColor,
+				theme: e,
+				variant: "light"
+			});
+			return { root: {
+				"--chip-bg": n.hover,
+				"--chip-hover": n.hover
+			} };
+		}
+	}),
+	SegmentedControl: B(Rt, {
+		defaultProps: { radius: "sm" },
+		classNames: {
+			root: G.segmentedRoot,
+			indicator: G.segmentedIndicator,
+			label: G.segmentedLabel
+		}
+	}),
+	Fieldset: B(nt, {
+		defaultProps: { radius: "md" },
+		classNames: {
+			root: G.fieldset,
+			legend: G.fieldsetLegend
+		}
+	}),
+	PinInput: B(Dt, {
+		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 } : {} };
+		}
+	}),
+	Slider: B(Ht, { classNames: hr }),
+	RangeSlider: B(Nt, { classNames: hr }),
+	AngleSlider: B(Me, { classNames: {
+		root: G.angleRoot,
+		thumb: G.angleThumb,
+		label: G.angleLabel
+	} }),
+	Rating: B(Pt, {
+		defaultProps: { color: "electric.4" },
+		classNames: {
+			root: G.rating,
+			starSymbol: G.ratingStar
+		},
+		vars: (e, t) => ({ root: t.color === "electric.4" ? { "--rating-color": "var(--jc-rating-color)" } : {} })
+	}),
+	ColorPicker: B(Ye, { classNames: {
+		...mr,
+		saturation: G.colorSaturation,
+		swatch: G.colorSwatch
+	} }),
+	AlphaSlider: B(Ae, { classNames: mr }),
+	HueSlider: B(at, { classNames: mr })
+}, K = {
+	appShellMain: "jc-layout-appShellMain-rn4sc",
+	appShellNavbar: "jc-layout-appShellNavbar-1yh1t",
+	appShellAside: "jc-layout-appShellAside-4dhpc",
+	appShellHeader: "jc-layout-appShellHeader-1volw",
+	appShellFooter: "jc-layout-appShellFooter-1uw9v",
+	container: "jc-layout-container-1otef",
+	splitter: "jc-layout-splitter-1c81w",
+	splitterHandle: "jc-layout-splitterHandle-3aw4b",
+	splitterThumb: "jc-layout-splitterThumb-9gif3"
+}, _r = {
+	AppShell: { classNames: {
+		main: K.appShellMain,
+		navbar: K.appShellNavbar,
+		aside: K.appShellAside,
+		header: K.appShellHeader,
+		footer: K.appShellFooter
+	} },
+	Container: B(Xe, { classNames: { root: K.container } }),
+	Splitter: B(Ut, { classNames: {
+		root: K.splitter,
+		handle: K.splitterHandle,
+		thumb: K.splitterThumb
+	} })
+}, vr = {
+	paper: "jc-misc-paper-ylgp1",
+	divider: "jc-misc-divider-19c9f",
+	scrollbar: "jc-misc-scrollbar-1rme3",
+	scrollThumb: "jc-misc-scrollThumb-1hy1m"
+}, yr = {
+	Paper: B(Tt, {
+		defaultProps: { radius: "md" },
+		classNames: { root: vr.paper }
+	}),
+	Divider: B($e, { classNames: { root: vr.divider } }),
+	ScrollArea: B(Lt, { classNames: {
+		scrollbar: vr.scrollbar,
+		thumb: vr.scrollThumb
+	} })
+}, q = {
+	tabs: "jc-navigation-tabs-1fx9s",
+	tab: "jc-navigation-tab-12c3k",
+	anchor: "jc-navigation-anchor-qow42",
+	burger: "jc-navigation-burger-ra1uf",
+	navLink: "jc-navigation-navLink-hxlfi",
+	paginationControl: "jc-navigation-paginationControl-eomsf",
+	stepper: "jc-navigation-stepper-t1m8k",
+	stepIcon: "jc-navigation-stepIcon-1c03s",
+	stepCompletedIcon: "jc-navigation-stepCompletedIcon-235zk",
+	stepLabel: "jc-navigation-stepLabel-1vilz",
+	stepDescription: "jc-navigation-stepDescription-1a1yx",
+	tocControl: "jc-navigation-tocControl-1a82m",
+	tree: "jc-navigation-tree-1fxa5",
+	treeLabel: "jc-navigation-treeLabel-19sv8"
+}, br = {
+	Tabs: B(en, { classNames: {
+		root: q.tabs,
+		tab: q.tab
+	} }),
+	Anchor: B(je, { classNames: { root: q.anchor } }),
+	Burger: B(Re, { classNames: { root: q.burger } }),
+	NavLink: B(bt, {
+		defaultProps: { variant: "light" },
+		classNames: { root: q.navLink }
+	}),
+	Pagination: B(wt, {
+		defaultProps: { radius: "sm" },
+		classNames: { control: q.paginationControl }
+	}),
+	Stepper: B(Gt, { 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: {
+		root: q.tree,
+		label: q.treeLabel
+	} })
+}, J = {
+	dropdown: "jc-overlays-dropdown-jw4jb",
+	menuItem: "jc-overlays-menuItem-h1p96",
+	menuLabel: "jc-overlays-menuLabel-va9pv",
+	menuDivider: "jc-overlays-menuDivider-1bt9m",
+	menubarRoot: "jc-overlays-menubarRoot-1m3j7",
+	menubarTarget: "jc-overlays-menubarTarget-2rpcd",
+	floatingSurface: "jc-overlays-floatingSurface-abtom",
+	actionBarDivider: "jc-overlays-actionBarDivider-zlu32",
+	modalContent: "jc-overlays-modalContent-1r9tn",
+	modalHeader: "jc-overlays-modalHeader-ovcpc",
+	modalTitle: "jc-overlays-modalTitle-x2dy5",
+	tooltip: "jc-overlays-tooltip-rudkb"
+}, xr = {
+	dropdown: J.dropdown,
+	item: J.menuItem,
+	label: J.menuLabel,
+	divider: J.menuDivider
+}, Sr = {
+	Menu: B(gt, {
+		defaultProps: {
+			shadow: "md",
+			radius: "sm"
+		},
+		classNames: xr
+	}),
+	Menubar: B(_t, { classNames: {
+		root: J.menubarRoot,
+		target: J.menubarTarget
+	} }),
+	Popover: B(Ot, {
+		defaultProps: {
+			shadow: "md",
+			radius: "sm"
+		},
+		classNames: { dropdown: J.dropdown }
+	}),
+	HoverCard: B(it, {
+		defaultProps: {
+			shadow: "md",
+			radius: "md"
+		},
+		classNames: { dropdown: J.dropdown }
+	}),
+	Tooltip: B(an, {
+		defaultProps: {
+			radius: "sm",
+			withArrow: !0
+		},
+		classNames: { tooltip: J.tooltip }
+	}),
+	Modal: B(vt, {
+		defaultProps: {
+			radius: "md",
+			centered: !0,
+			shadow: "lg",
+			overlayProps: ar
+		},
+		classNames: {
+			content: J.modalContent,
+			header: J.modalHeader,
+			title: J.modalTitle
+		}
+	}),
+	Drawer: B(et, {
+		defaultProps: {
+			shadow: "lg",
+			overlayProps: ar
+		},
+		classNames: {
+			content: J.modalContent,
+			header: J.modalHeader,
+			title: J.modalTitle
+		}
+	}),
+	Dialog: B(Qe, {
+		defaultProps: {
+			radius: "md",
+			shadow: "lg"
+		},
+		classNames: { root: J.floatingSurface }
+	}),
+	ActionBar: B(De, {
+		defaultProps: {
+			radius: "md",
+			shadow: "lg"
+		},
+		classNames: {
+			root: J.floatingSurface,
+			divider: J.actionBarDivider
+		}
+	}),
+	FloatingWindow: B(rt, {
+		defaultProps: {
+			radius: "md",
+			shadow: "lg",
+			withBorder: !0
+		},
+		classNames: { root: J.floatingSurface }
+	}),
+	Overlay: B(Ct, { defaultProps: { color: g.obsidian } }),
+	LoadingOverlay: B(pt, { defaultProps: { overlayProps: {
+		backgroundOpacity: .75,
+		blur: 1
+	} } })
+}, Y = {
+	table: "jc-typography-table-kknto",
+	th: "jc-typography-th-3gnnz",
+	thead: "jc-typography-thead-kkscj",
+	tr: "jc-typography-tr-3gnnz",
+	title: "jc-typography-title-kktax",
+	code: "jc-typography-code-1o89v",
+	blockquote: "jc-typography-blockquote-qpgfj",
+	blockquoteIcon: "jc-typography-blockquoteIcon-uil1s",
+	blockquoteCite: "jc-typography-blockquoteCite-uihcf",
+	mark: "jc-typography-mark-1o8fy",
+	list: "jc-typography-list-1o8fh",
+	listItem: "jc-typography-listItem-tklh3",
+	listItemIcon: "jc-typography-listItemIcon-iqpjy",
+	typography: "jc-typography-typography-1usve"
+}, Cr = [
+	void 0,
+	"yellow",
+	"electric"
+], wr = {
+	Blockquote: B(Ie, {
+		defaultProps: {
+			iconSize: 40,
+			radius: "sm"
+		},
+		classNames: {
+			root: Y.blockquote,
+			icon: Y.blockquoteIcon,
+			cite: Y.blockquoteCite
+		},
+		vars: (e, t) => !t.color || t.color === "horizon" || t.color === "blue" ? { root: {
+			"--bq-bd": "var(--ds-primary)",
+			"--bq-bg-light": "var(--ds-primary-soft)",
+			"--bq-bg-dark": "var(--ds-primary-soft)"
+		} } : { root: {} }
+	}),
+	Code: B(qe, { classNames: { root: Y.code } }),
+	List: B(dt, {
+		defaultProps: { spacing: "xs" },
+		classNames: {
+			root: Y.list,
+			item: Y.listItem,
+			itemIcon: Y.listItemIcon
+		}
+	}),
+	Mark: B(ht, {
+		classNames: { root: Y.mark },
+		vars: (e, t) => {
+			let n = Cr.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)`
+			} };
+		}
+	}),
+	Table: B(qt, {
+		defaultProps: {
+			highlightOnHover: !0,
+			verticalSpacing: "sm",
+			horizontalSpacing: "sm"
+		},
+		classNames: {
+			table: Y.table,
+			th: Y.th,
+			thead: Y.thead,
+			tr: Y.tr
+		}
+	}),
+	Title: B(rn, { classNames: { root: Y.title } }),
+	Typography: B(sn, { classNames: { root: Y.typography } })
+}, Tr = {
+	..._r,
+	...gr,
+	...ur,
+	...sr,
+	...br,
+	...fr,
+	...Sr,
+	...dr,
+	...wr,
+	...yr
+}, X = h, Er = {
+	colors: v,
+	primaryColor: "horizon",
+	primaryShade: {
+		light: 6,
+		dark: 4
+	},
+	autoContrast: !0,
+	luminanceThreshold: .3,
+	white: "#FFFFFF",
+	black: "#1F2228",
+	variantColorResolver: nr,
+	fontFamily: ne,
+	fontFamilyMonospace: "ui-monospace, 'JetBrains Mono', SFMono-Regular, Menlo, monospace",
+	headings: {
+		fontFamily: ne,
+		fontWeight: "600",
+		textWrap: "balance",
+		sizes: {
+			h1: {
+				fontSize: X.displaySm.size,
+				fontWeight: "700",
+				lineHeight: String(X.displaySm.lineHeight)
+			},
+			h2: {
+				fontSize: X.headlineLg.size,
+				fontWeight: "600",
+				lineHeight: String(X.headlineLg.lineHeight)
+			},
+			h3: {
+				fontSize: X.headlineMd.size,
+				fontWeight: "600",
+				lineHeight: String(X.headlineMd.lineHeight)
+			},
+			h4: {
+				fontSize: X.headlineSm.size,
+				fontWeight: "600",
+				lineHeight: String(X.headlineSm.lineHeight)
+			},
+			h5: {
+				fontSize: "18px",
+				fontWeight: "600",
+				lineHeight: "1.45"
+			},
+			h6: {
+				fontSize: "16px",
+				fontWeight: "600",
+				lineHeight: "1.5"
+			}
+		}
+	},
+	fontSizes: {
+		xs: X.disclaimer.size,
+		sm: X.subheadlineSm.size,
+		md: X.subheadlineRg.size,
+		lg: X.subheadlineLg.size,
+		xl: X.headlineSm.size
+	},
+	lineHeights: {
+		xs: "1.33",
+		sm: "1.43",
+		md: "1.5",
+		lg: "1.55",
+		xl: "1.4"
+	},
+	spacing: {
+		xs: p[4],
+		sm: p[8],
+		md: p[16],
+		lg: p[24],
+		xl: p[32]
+	},
+	radius: {
+		xs: "4px",
+		sm: "8px",
+		md: "12px",
+		lg: "16px",
+		xl: "99px"
+	},
+	defaultRadius: "sm",
+	shadows: {
+		xs: "0 1px 2px rgba(31,34,40,.06)",
+		sm: "var(--ds-shadow-sm)",
+		md: "var(--ds-shadow-md)",
+		lg: "var(--ds-shadow-lg)",
+		xl: "0 24px 56px rgba(31,34,40,.18)"
+	},
+	breakpoints: {
+		xs: "36em",
+		sm: "48em",
+		md: "64em",
+		lg: "85.375em",
+		xl: "96em"
+	},
+	focusRing: "auto",
+	cursorType: "pointer",
+	defaultGradient: {
+		from: "horizon.6",
+		to: "horizon.4",
+		deg: 135
+	},
+	other: {
+		spacing: p,
+		grid: ie,
+		typography: h,
+		chartPalette: re
+	},
+	components: Tr
+}, Dr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+function Or(e) {
+	return {
+		"--ds-bg": e.bg,
+		"--ds-surface": e.surface,
+		"--ds-surface-2": e.surface2,
+		"--ds-text": e.text,
+		"--ds-text-2": e.text2,
+		"--ds-text-3": e.text3,
+		"--ds-border": e.border,
+		"--ds-border-soft": e.borderSoft,
+		"--ds-primary": e.primary,
+		"--ds-primary-hover": e.primaryHover,
+		"--ds-primary-soft": e.primarySoft,
+		"--ds-accent": e.accent,
+		"--ds-link": e.link,
+		"--ds-success-bg": e.successBg,
+		"--ds-warn-bg": e.warnBg,
+		"--ds-error-bg": e.errorBg,
+		"--ds-shadow-sm": e.shadowSm,
+		"--ds-shadow-md": e.shadowMd,
+		"--ds-shadow-lg": e.shadowLg,
+		"--mantine-color-body": e.bg,
+		"--mantine-color-text": e.text,
+		"--mantine-color-dimmed": e.text3,
+		"--mantine-color-default": e.surface,
+		"--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
+	};
+}
+function kr() {
+	let e = {
+		"--font-body": "'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif",
+		"--ds-radius": "12px",
+		"--ds-radius-sm": "8px",
+		"--ds-radius-lg": "16px",
+		"--grid-gap": "24px",
+		"--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]) => {
+			e[`--dc-${t}-${n}`] = r;
+		});
+	}), Object.entries(h).forEach(([t, n]) => {
+		e[`--type-${Dr(t)}`] = n.size;
+	}), Object.entries(p).forEach(([t, n]) => {
+		e[`--sp-${t}`] = n;
+	}), e;
+}
+var Ar = {
+	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]
+	},
+	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-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-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-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
+	}
+}, jr = Object.fromEntries(Object.entries({
+	horizon: "primary",
+	blue: "primary",
+	evergreen: "success",
+	green: "success",
+	teal: "success",
+	electric: "warn",
+	yellow: "warn",
+	danger: "error",
+	red: "error",
+	obsidian: "neutral",
+	indigo: "neutral",
+	gray: "neutral",
+	dark: "neutral"
+}).flatMap(([e, t]) => [
+	[`--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(),
+	light: {
+		...Or(_.light),
+		...Ar.light,
+		...Mr(te.light),
+		...jr,
+		"--ds-success": f.success,
+		"--ds-warn": f.warn,
+		"--ds-error": f.error,
+		"--jc-on-filled": "#FFFFFF",
+		"--mantine-primary-color-contrast": "#FFFFFF",
+		"--jc-logo-shield": "#0E36E3",
+		"--jc-logo-letters": "#0E36E3",
+		"--jc-logo-wordmark": "#0E36E3",
+		"--jc-art-primary": "#2A2758",
+		"--jc-art-ink": "#0C0C0C",
+		"--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,
+		"--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]
+	}
+}), Pr = "mantine-color-scheme-value", Fr = (e) => e === "light" || e === "dark" || e === "auto";
+function Ir(e) {
+	try {
+		let t = typeof window < "u" ? window.localStorage.getItem(e) : null;
+		return Fr(t) ? t : void 0;
+	} catch {
+		return;
+	}
+}
+var Lr = A({
+	name: "JcColorSchemePersistence",
+	props: { storageKey: {
+		type: String,
+		required: !0
+	} },
+	setup(e) {
+		let { colorScheme: t } = gn();
+		return Mn(t, (t) => {
+			try {
+				window.localStorage.setItem(e.storageKey, t);
+			} catch {}
+		}), () => null;
+	}
+}), Rr = A({
+	name: "JcProvider",
+	inheritAttrs: !1,
+	props: {
+		theme: {
+			type: Object,
+			default: void 0
+		},
+		defaultColorScheme: {
+			type: String,
+			default: "light"
+		},
+		forceColorScheme: {
+			type: String,
+			default: void 0
+		},
+		cssVariablesResolver: {
+			type: Function,
+			default: void 0
+		},
+		colorSchemeStorageKey: {
+			type: [String, Boolean],
+			default: Pr
+		}
+	},
+	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, {
+			...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?.()]);
+	}
+}), zr = {
+	primary: "horizon",
+	success: "evergreen",
+	warn: "electric",
+	error: "danger",
+	neutral: "obsidian"
+}, Br = {
+	primary: Gn,
+	success: Bn,
+	warn: Pn,
+	error: Zn,
+	neutral: null
+}, Vr = A({
+	name: "Tag",
+	inheritAttrs: !1,
+	props: {
+		tone: {
+			type: String,
+			default: "primary"
+		},
+		withIcon: {
+			type: Boolean,
+			default: !1
+		},
+		variant: {
+			type: String,
+			default: "light"
+		}
+	},
+	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, {
+				size: 12,
+				stroke: 2.5
+			}) : void 0);
+			return M(Fe, {
+				color: zr[e.tone],
+				variant: e.variant,
+				"data-tone": e.tone,
+				...t
+			}, {
+				...n,
+				...a && { leftSection: a }
+			});
+		};
+	}
+});
+//#endregion
+//#region src/utils/vue.ts
+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);
+	}
+	return !0;
+}
+function Q(e, t) {
+	let n = C(e, t);
+	return Z(n) ? n : void 0;
+}
+function Hr() {
+	let e = wn();
+	return (t) => {
+		let n = e?.vnode.props;
+		return n ? !!(n[kn(t)] || n[kn(Sn(t))]) : !1;
+	};
+}
+var Ur = {
+	type: null,
+	default: void 0
+}, Wr = {
+	horizon: {
+		bg: "var(--dc-horizon-700)",
+		color: "#fff",
+		highlight: "var(--dc-electric)"
+	},
+	electric: {
+		bg: "var(--dc-electric)",
+		color: "var(--dc-obsidian)",
+		highlight: "var(--dc-horizon-700)"
+	},
+	obsidian: {
+		bg: "var(--dc-obsidian)",
+		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 = {
+	root: "jc-PromoBanner-root-ea180",
+	highlight: "jc-PromoBanner-highlight-1ead9",
+	content: "jc-PromoBanner-content-118h9",
+	close: "jc-PromoBanner-close-g82r6"
+}, qr = un(/* @__PURE__ */ A({
+	name: "PromoBanner",
+	inheritAttrs: !1,
+	__name: "PromoBanner",
+	props: {
+		variant: { default: void 0 },
+		highlight: { default: void 0 },
+		icon: { default: void 0 },
+		withCloseButton: {
+			type: Boolean,
+			default: void 0
+		},
+		opened: {
+			type: Boolean,
+			default: void 0
+		},
+		radius: { default: void 0 },
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		vars: { default: void 0 },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	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({
+			value: () => o.opened,
+			defaultValue: !0,
+			onChange: (e) => r("update:opened", e)
+		}), l = vn({
+			name: "PromoBanner",
+			classes: Kr,
+			props: o,
+			get className() {
+				return i.class;
+			},
+			get style() {
+				return i.style;
+			},
+			get classNames() {
+				return o.classNames;
+			},
+			get styles() {
+				return o.styles;
+			},
+			get vars() {
+				return o.vars;
+			},
+			get unstyled() {
+				return o.unstyled;
+			},
+			varsResolver: Gr
+		}), 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({
+			key: 0,
+			role: "note"
+		}, {
+			...R(i),
+			...R(l)("root")
+		}, {
+			variant: R(o).variant,
+			mod: [{
+				radius: R(o).radius !== void 0,
+				closable: R(o).withCloseButton
+			}, R(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({
+				key: 0,
+				"aria-label": "Fechar",
+				size: "sm",
+				variant: "transparent"
+			}, R(l)("close"), { onClick: f }), null, 16)) : E("", !0)]),
+			_: 3
+		}, 16, ["variant", "mod"])) : E("", !0);
+	}
+}), {
+	classes: Kr,
+	varsResolver: Gr
+}), Jr = {
+	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({
+	name: "ContentCard",
+	inheritAttrs: !1,
+	__name: "ContentCard",
+	props: {
+		kicker: { default: void 0 },
+		title: { default: void 0 },
+		image: { default: void 0 },
+		imageAlt: { default: void 0 },
+		imageHeight: { default: void 0 },
+		actions: { default: void 0 },
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		vars: { default: void 0 },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	setup(e) {
+		let t = e, n = An(), r = jn(), i = _n("ContentCard", { imageHeight: 180 }, t), a = vn({
+			name: "ContentCard",
+			classes: Jr,
+			props: i,
+			get className() {
+				return n.class;
+			},
+			get style() {
+				return n.style;
+			},
+			get classNames() {
+				return i.classNames;
+			},
+			get styles() {
+				return i.styles;
+			},
+			get vars() {
+				return i.vars;
+			},
+			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")
+		})), {
+			default: z(() => [
+				d() || R(Z)(f()) ? (F(), D("div", P(N({ key: 0 }, R(a)("image"))), [d() ? (F(), D("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)))]),
+					_: 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)
+			]),
+			_: 1
+		}, 16));
+	}
+}), { classes: Jr });
+//#endregion
+//#region src/components/KpiCard/KpiCard.vars.ts
+function Zr(e, t = !1) {
+	return e === void 0 || e === 0 || Number.isNaN(e) ? "flat" : e > 0 === t ? "down" : "up";
+}
+var Qr = {
+	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);
+	return { root: {
+		"--kpi-delta-color": Qr[i],
+		"--kpi-value-color": r && i !== "flat" ? Qr[i] : void 0
+	} };
+}), ei = {
+	root: "jc-KpiCard-root-12p58",
+	header: "jc-KpiCard-header-z6ndb",
+	label: "jc-KpiCard-label-1r25g",
+	icon: "jc-KpiCard-icon-12oz8",
+	value: "jc-KpiCard-value-1r7nl",
+	footer: "jc-KpiCard-footer-yebc4",
+	delta: "jc-KpiCard-delta-1qxtv",
+	chart: "jc-KpiCard-chart-1qxbr"
+}, ti = ["data-tone"], ni = { key: 1 }, ri = /* @__PURE__ */ A({
+	name: "KpiCard",
+	inheritAttrs: !1,
+	__name: "KpiCard",
+	props: {
+		label: { default: void 0 },
+		value: { default: void 0 },
+		delta: { default: void 0 },
+		deltaLabel: { default: void 0 },
+		invertDelta: {
+			type: Boolean,
+			default: void 0
+		},
+		colorValue: {
+			type: Boolean,
+			default: void 0
+		},
+		icon: { default: void 0 },
+		chart: { default: void 0 },
+		loading: {
+			type: Boolean,
+			default: void 0
+		},
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		vars: { default: void 0 },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	setup(e) {
+		let t = e, n = An(), r = jn(), i = _n("KpiCard", {}, t), a = vn({
+			name: "KpiCard",
+			classes: ei,
+			props: i,
+			get className() {
+				return n.class;
+			},
+			get style() {
+				return n.style;
+			},
+			get classNames() {
+				return i.classNames;
+			},
+			get styles() {
+				return i.styles;
+			},
+			get vars() {
+				return i.vars;
+			},
+			get unstyled() {
+				return i.unstyled;
+			},
+			varsResolver: $r
+		}), 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")
+		})), {
+			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), {
+					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()), {
+					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)
+			]),
+			_: 1
+		}, 16));
+	}
+}), ii = A({
+	name: "KpiGroup",
+	inheritAttrs: !1,
+	props: {
+		cols: {
+			type: [Number, Object],
+			default: () => ({
+				base: 1,
+				"440px": 2,
+				"880px": 4
+			})
+		},
+		spacing: {
+			type: [
+				String,
+				Number,
+				Object
+			],
+			default: "md"
+		},
+		type: {
+			type: String,
+			default: "container"
+		}
+	},
+	setup(e, { attrs: t, slots: n }) {
+		return () => M(Bt, {
+			type: e.type,
+			cols: e.cols,
+			spacing: e.spacing,
+			...t
+		}, n);
+	}
+}), ai = un(ri, {
+	classes: ei,
+	varsResolver: $r
+}), oi = A({
+	name: "PageHeader",
+	inheritAttrs: !1,
+	props: {
+		kicker: Ur,
+		title: Ur,
+		description: Ur,
+		actions: Ur,
+		breadcrumbs: {
+			type: Array,
+			default: void 0
+		},
+		linkComponent: {
+			type: [
+				String,
+				Object,
+				Function
+			],
+			default: "a"
+		},
+		size: {
+			type: String,
+			default: "headline"
+		}
+	},
+	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",
+				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, {
+					component: "h1",
+					size: "lg",
+					fz: "var(--type-display-sm)",
+					lh: 1.15,
+					mt: 8
+				}, () => i) : M(he, {
+					component: "h1",
+					size: "lg",
+					mt: r === void 0 ? 0 : 8
+				}, () => i),
+				a === void 0 ? null : M(se, {
+					component: "div",
+					size: "lg",
+					c: "var(--ds-text-2)",
+					maw: 640,
+					mt: 8
+				}, () => a)
+			]), o === void 0 ? null : M(x, { gap: "sm" }, () => o)])]);
+		};
+	}
+}), si = {
+	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) {
+	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({
+		value: () => e.sort,
+		defaultValue: e.initialSort ?? null,
+		onChange: (e) => {
+			r("update:sort", e), r("sort-change", e);
+		}
+	}), o = Dn(1), s = (e) => {
+		a(e), o.value = 1;
+	}, c = (e) => {
+		let t = i.value;
+		!t || t.key !== e ? s({
+			key: e,
+			direction: "asc"
+		}) : t.direction === "asc" ? s({
+			key: e,
+			direction: "desc"
+		}) : s(null);
+	}, l = w(() => {
+		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)));
+		return t.direction === "desc" ? a.reverse() : a;
+	}), u = Hr();
+	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, {
+				key: t,
+				class: e.numeric ? si.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", {
+				type: "button",
+				class: si.sortButton,
+				"data-sorted": r || void 0,
+				onClick: () => c(t)
+			}, [a, M(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, {
+			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, {
+				py: "xl",
+				size: "sm",
+				icon: () => M(Hn, { size: 22 }),
+				title: "Nenhum resultado",
+				description: "Não há dados para exibir com os filtros atuais."
+			})));
+		} else y = _.map((t, i) => M($t, {
+			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) => {
+				(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({
+				row: t,
+				index: i
+			}) : e.render ? e.render(t, i) : e.numeric && typeof o == "number" ? ae(o, e.format) : o;
+			return M(Xt, {
+				key: r,
+				class: e.numeric ? si.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, {
+			size: "sm",
+			total: ie,
+			modelValue: g,
+			"onUpdate:modelValue": (e) => {
+				o.value = e;
+			}
+		})]) : null]);
+	};
+}, {
+	name: "DataTable",
+	inheritAttrs: !1,
+	props: [
+		"columns",
+		"data",
+		"rowKey",
+		"initialSort",
+		"sort",
+		"pageSize",
+		"loading",
+		"loadingRows",
+		"empty",
+		"plain",
+		"striped",
+		"stickyHeader",
+		"tableProps"
+	],
+	emits: [
+		"update:sort",
+		"sort-change",
+		"row-click"
+	]
+}), di = A({
+	name: "ThemeToggle",
+	inheritAttrs: !1,
+	props: {
+		as: {
+			type: String,
+			default: "icon"
+		},
+		label: {
+			type: String,
+			default: "Alternar tema"
+		},
+		variant: {
+			type: String,
+			default: void 0
+		},
+		color: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: [String, Number],
+			default: void 0
+		}
+	},
+	setup(e, { attrs: t }) {
+		let { setColorScheme: n } = gn(), r = hn("light", { getInitialValueInEffect: !0 }), i = () => n(r.value === "dark" ? "light" : "dark");
+		return () => {
+			let n = r.value === "dark" ? Yn : qn;
+			return e.as === "button" ? M(ze, {
+				variant: e.variant ?? "outline",
+				color: e.color,
+				size: e.size ?? "sm",
+				leftSection: () => M(n, { size: 16 }),
+				onClick: i,
+				...t
+			}, () => e.label) : M(Oe, {
+				variant: e.variant ?? "subtle",
+				color: e.color,
+				size: e.size ?? "lg",
+				onClick: i,
+				"aria-label": e.label,
+				title: e.label,
+				...t
+			}, () => M(n, { size: 18 }));
+		};
+	}
+}), $ = {
+	swatch: "jc-TokenSwatch-swatch-gyxea",
+	color: "jc-TokenSwatch-color-1gzzi",
+	info: "jc-TokenSwatch-info-1bjej",
+	name: "jc-TokenSwatch-name-1bjhg",
+	hex: "jc-TokenSwatch-hex-1kiwm",
+	ramp: "jc-TokenSwatch-ramp-1bjk0",
+	step: "jc-TokenSwatch-step-1bjl1"
+}, fi = A({
+	name: "TokenSwatch",
+	inheritAttrs: !1,
+	props: {
+		name: {
+			type: String,
+			required: !0
+		},
+		value: {
+			type: String,
+			required: !0
+		},
+		cssVar: {
+			type: String,
+			default: void 0
+		},
+		copy: {
+			type: String,
+			default: "value"
+		}
+	},
+	setup(e, { attrs: t }) {
+		let r = Qn({ 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}`,
+				withArrow: !0
+			}, () => M("button", N({
+				type: "button",
+				class: $.swatch,
+				onClick: () => r.copy(i)
+			}, t), [M("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
+			])]));
+		};
+	}
+}), pi = A({
+	name: "ColorRamp",
+	inheritAttrs: !1,
+	props: { steps: {
+		type: Array,
+		required: !0
+	} },
+	setup(e, { attrs: t }) {
+		let r = Qn({ timeout: 1200 });
+		return () => M("div", N({ class: $.ramp }, t), e.steps.map((e) => M(n, {
+			key: e.label,
+			label: r.copied.value ? "Copiado!" : e.value,
+			withArrow: !0
+		}, () => M("button", {
+			type: "button",
+			class: $.step,
+			style: {
+				background: e.value,
+				color: pn(e.value) > .3 ? "var(--dc-obsidian)" : "#fff"
+			},
+			onClick: () => r.copy(e.value)
+		}, `${e.label}${e.derived ? "*" : ""}`))));
+	}
+}), mi = {
+	sm: "var(--type-subheadline-lg)",
+	md: "var(--type-headline-sm)",
+	lg: "var(--type-headline-lg)"
+}, hi = A({
+	name: "PriceTag",
+	inheritAttrs: !1,
+	props: {
+		value: {
+			type: Number,
+			required: !0
+		},
+		oldValue: {
+			type: Number,
+			default: void 0
+		},
+		installments: {
+			type: Object,
+			default: void 0
+		},
+		pixDiscount: {
+			type: Number,
+			default: void 0
+		},
+		unit: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: String,
+			default: "md"
+		}
+	},
+	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, {
+					fz: "xs",
+					c: "var(--ds-text-3)",
+					td: "line-through",
+					"aria-label": `Preço anterior ${fe(r)}`
+				}, () => fe(r)) : null,
+				M(x, {
+					gap: 4,
+					align: "baseline",
+					wrap: "nowrap"
+				}, () => [M(S, {
+					component: "span",
+					fz: mi[s],
+					fw: 700,
+					lh: 1.2,
+					c: "var(--ds-primary)",
+					style: { fontVariantNumeric: "tabular-nums" }
+				}, () => fe(n)), o ? M(S, {
+					component: "span",
+					fz: "xs",
+					c: "var(--ds-text-3)",
+					fw: 500
+				}, () => o) : null]),
+				a !== void 0 && a > 0 ? M(S, {
+					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, {
+					fz: "xs",
+					c: "var(--ds-text-2)"
+				}, () => `ou ${i.count}x de ${fe(n / i.count)}${i.interestFree === !1 ? "" : " sem juros"}`) : null
+			]);
+		};
+	}
+}), gi = {
+	root: "jc-ProductCard-root-mvthw",
+	media: "jc-ProductCard-media-1y1gb",
+	badges: "jc-ProductCard-badges-z1zie",
+	favorite: "jc-ProductCard-favorite-199qf",
+	category: "jc-ProductCard-category-1jquc",
+	name: "jc-ProductCard-name-mvqni",
+	price: "jc-ProductCard-price-1y3c4",
+	action: "jc-ProductCard-action-ymbqp"
+}, _i = ["src", "alt"], vi = un(/* @__PURE__ */ A({
+	name: "ProductCard",
+	inheritAttrs: !1,
+	__name: "ProductCard",
+	props: {
+		name: {},
+		image: {},
+		href: { default: void 0 },
+		category: { default: void 0 },
+		price: {},
+		oldPrice: { default: void 0 },
+		installments: { default: void 0 },
+		pixDiscount: { default: void 0 },
+		unit: { default: void 0 },
+		badges: { default: void 0 },
+		showDiscount: {
+			type: Boolean,
+			default: void 0
+		},
+		rating: { default: void 0 },
+		reviews: { default: void 0 },
+		favorite: {
+			type: Boolean,
+			default: void 0
+		},
+		actionLabel: { default: void 0 },
+		imageRatio: { default: void 0 },
+		linkComponent: { default: void 0 },
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		vars: { default: void 0 },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["update:favorite", "action"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = An(), a = jn(), o = Hr(), s = _n("ProductCard", {
+			showDiscount: !0,
+			actionLabel: "Comprar",
+			imageRatio: 1,
+			linkComponent: "a"
+		}, n), c = vn({
+			name: "ProductCard",
+			classes: gi,
+			props: s,
+			get className() {
+				return i.class;
+			},
+			get style() {
+				return i.style;
+			},
+			get classNames() {
+				return s.classNames;
+			},
+			get styles() {
+				return s.styles;
+			},
+			get vars() {
+				return s.vars;
+			},
+			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 = () => {
+			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] }), {
+			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,
+						loading: "lazy"
+					}, null, 8, _i),
+					O("div", P(j(R(c)("badges"))), [R(s).showDiscount && l() > 0 ? (F(), T(R(Vr), {
+						key: 0,
+						tone: "error",
+						variant: "filled"
+					}, {
+						default: z(() => [Cn("-" + L(l()) + "%", 1)]),
+						_: 1
+					})) : E("", !0), (F(), T(I(m)))], 16),
+					d() ? (F(), T(R(Oe), N({ key: 0 }, R(c)("favorite"), {
+						variant: "subtle",
+						color: R(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)
+					}), {
+						default: z(() => [R(s).favorite ? (F(), T(R(Wn), {
+							key: 0,
+							size: 18
+						})) : (F(), T(R(Un), {
+							key: 1,
+							size: 18
+						}))]),
+						_: 1
+					}, 16, [
+						"color",
+						"aria-label",
+						"aria-pressed"
+					])) : E("", !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")
+				})), {
+					default: z(() => [Cn(L(R(s).name), 1)]),
+					_: 1
+				}, 16)),
+				R(s).rating === void 0 ? E("", !0) : (F(), T(R(x), {
+					key: 1,
+					gap: 6,
+					mb: "xs"
+				}, {
+					default: z(() => [k(R(Pt), {
+						"model-value": R(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), {
+						key: 0,
+						fz: "xs",
+						c: "var(--ds-text-3)"
+					}, {
+						default: z(() => [Cn("(" + L(R(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
+				}), null, 16, [
+					"value",
+					"old-value",
+					"installments",
+					"pix-discount",
+					"unit"
+				]),
+				f() ? (F(), T(R(ze), N({ key: 2 }, R(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)]),
+					_: 1
+				}, 16)) : E("", !0)
+			]),
+			_: 1
+		}, 16, ["mod"]));
+	}
+}), { classes: gi }), yi = A({
+	name: "CouponCode",
+	inheritAttrs: !1,
+	props: {
+		code: {
+			type: String,
+			required: !0
+		},
+		description: Ur,
+		copyLabel: {
+			type: String,
+			default: "Copiar"
+		},
+		copiedLabel: {
+			type: String,
+			default: "Copiado!"
+		}
+	},
+	emits: { copy: (e) => !0 },
+	setup(e, { attrs: t, slots: n, emit: r }) {
+		let i = Qn({ timeout: 1600 });
+		return () => {
+			let a = i.copied.value, o = Q(e.description, n.description);
+			return M(b, {
+				p: "sm",
+				style: {
+					border: "2px dashed var(--ds-primary)",
+					borderRadius: "var(--ds-radius)",
+					background: "var(--ds-primary-soft)"
+				},
+				...t
+			}, () => M(x, {
+				justify: "space-between",
+				gap: "sm",
+				wrap: "nowrap"
+			}, () => [M(x, {
+				gap: "sm",
+				wrap: "nowrap",
+				style: { minWidth: 0 }
+			}, () => [M(Xn, {
+				size: 22,
+				color: "var(--ds-primary)",
+				style: { flexShrink: 0 }
+			}), M("div", { style: { minWidth: 0 } }, [o === void 0 ? null : M(S, {
+				fz: "xs",
+				c: "var(--ds-text-2)",
+				fw: 500
+			}, () => o), M(S, {
+				fw: 700,
+				fz: "lg",
+				lts: "0.08em",
+				c: "var(--ds-primary)",
+				ff: "monospace"
+			}, () => e.code)])]), M(ze, {
+				size: "sm",
+				variant: a ? "filled" : "outline",
+				color: a ? "evergreen" : void 0,
+				leftSection: () => M(a ? Bn : Vn, { size: 16 }),
+				onClick: () => {
+					i.copy(e.code), r("copy", e.code);
+				}
+			}, () => a ? e.copiedLabel : e.copyLabel)]));
+		};
+	}
+}), bi = {
+	root: "jc-TopNav-root-juvro",
+	brand: "jc-TopNav-brand-1b3pb",
+	links: "jc-TopNav-links-1b91r",
+	link: "jc-TopNav-link-jurt9",
+	right: "jc-TopNav-right-1bcce",
+	burger: "jc-TopNav-burger-13mhl",
+	mobileLinks: "jc-TopNav-mobileLinks-90417"
+}, xi = un(/* @__PURE__ */ A({
+	name: "TopNav",
+	inheritAttrs: !1,
+	__name: "TopNav",
+	props: {
+		classNames: { default: void 0 },
+		styles: { default: void 0 },
+		vars: { default: void 0 },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		brand: { default: void 0 },
+		brandHref: { default: void 0 },
+		links: { default: void 0 },
+		linkComponent: { default: void 0 },
+		rightSection: { default: void 0 },
+		collapseOnMobile: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	setup(e) {
+		let t = e, n = jn(), r = An(), i = _n("TopNav", {
+			brand: () => M(Se, {
+				variant: "dark",
+				size: 28
+			}),
+			brandHref: "/",
+			links: [],
+			linkComponent: "a",
+			collapseOnMobile: !0
+		}, t), [a, { toggle: o, close: s }] = $n(!1), c = vn({
+			name: "TopNav",
+			classes: bi,
+			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;
+			}
+		}), l = (e) => e.node;
+		l.props = ["node"];
+		let u = w(() => 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, {
+				key: n,
+				...a,
+				...c("link"),
+				"data-active": t.active || void 0,
+				"aria-current": t.active ? "page" : void 0,
+				onClick: (n) => {
+					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 }), {
+			default: z(() => [
+				(F(), T(I(te.value), P(j({
+					...ne.value,
+					...R(c)("brand")
+				})), {
+					default: z(() => [k(l, { node: ee.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({
+					key: 0,
+					opened: R(a),
+					size: "sm",
+					"aria-label": "Abrir menu"
+				}, R(c)("burger"), { onClick: R(o) }), null, 16, ["opened", "onClick"])) : E("", !0)], 16)
+			]),
+			_: 1
+		}, 16, ["mod"]), h.value ? (F(), T(R(Je), {
+			key: 0,
+			expanded: R(a)
+		}, {
+			default: z(() => [O("nav", N(R(c)("mobileLinks"), { "aria-label": "Principal (mobile)" }), [k(l, { node: p(R(s)) }, null, 8, ["node"])], 16)]),
+			_: 1
+		}, 8, ["expanded"])) : E("", !0)]));
+	}
+}), { classes: bi });
+//#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 };
+
+//# sourceMappingURL=index.js.map