@jcdecor/ui 0.1.0 → 0.1.6

package/dist/index.js

@@ -3,14 +3,14 @@ import { a as e, d as t, f as n, l as r, n as i, o as a, p as o, r as s, s as c,
 import { t as d } from "./colors-C_5SHERN.js";
 import { a as f, c as p, d as m, f as h, i as g, l as _, n as v, o as y, r as b, s as x, t as S, u as C } from "./format-Cxmo46_A.js";
 import { a as w, c as T, i as E, l as D, n as ee, o as O, r as k, s as te, t as ne, u as re } from "./brand-CXtAwb1A.js";
-import { Accordion as ie, ActionBar as ae, ActionIcon as oe, Alert as se, AlphaSlider as ce, Anchor as le, AngleSlider as ue, AppShell as de, Avatar as fe, BackgroundImage as pe, Badge as me, Blockquote as he, Box as A, Breadcrumbs as ge, Burger as _e, Button as ve, Card as ye, Cascader as be, Checkbox as xe, CheckboxCard as Se, CheckboxIndicator as Ce, Chip as we, CloseButton as Te, Code as Ee, Collapse as De, ColorPicker as Oe, Container as ke, DataList as Ae, Dialog as je, Divider as Me, Drawer as Ne, EmptyState as Pe, Fieldset as Fe, FloatingWindow as Ie, Group as j, HoverCard as Le, HueSlider as Re, Image as ze, Indicator as Be, Input as Ve, InputWrapper as He, Kbd as Ue, List as We, Loader as Ge, LoadingOverlay as Ke, MantineProvider as qe, Mark as Je, Menu as Ye, Menubar as Xe, Modal as Ze, NativeSelect as Qe, NavLink as $e, Notification as et, NumberFormatter as tt, Overlay as nt, Pagination as rt, Paper as it, Pill as at, PinInput as ot, Popover as st, Progress as ct, Radio as lt, RadioCard as ut, RadioIndicator as dt, RangeSlider as ft, Rating as pt, RingProgress as mt, RollingNumber as ht, ScrollArea as gt, SegmentedControl as _t, SemiCircleProgress as vt, SimpleGrid as yt, Skeleton as bt, Slider as xt, Splitter as St, Spoiler as Ct, Stepper as wt, Switch as Tt, Table as M, TableOfContents as Et, Tabs as Dt, Text as N, ThemeIcon as Ot, Timeline as kt, Title as At, Tooltip as jt, Tree as Mt, Typography as Nt, createTheme as Pt, createVarsResolver as Ft, defaultVariantColorsResolver as P, factory as F, getRadius as It, getThemeColor as Lt, luminance as Rt, mergeThemeOverrides as zt, parseThemeColor as Bt, useComputedColorScheme as Vt, useMantineColorScheme as Ht, useProps as I, useStyles as L } from "@mantine/core";
-import { jsx as R, jsxs as z } from "react/jsx-runtime";
-import { IconAlertTriangle as Ut, IconArrowDown as Wt, IconArrowDownRight as Gt, IconArrowUp as Kt, IconArrowUpRight as qt, IconArrowsSort as Jt, IconCheck as Yt, IconCopy as Xt, IconDatabaseOff as Zt, IconHeart as Qt, IconHeartFilled as $t, IconInfoCircle as en, IconMinus as tn, IconMoon as nn, IconShoppingCart as rn, IconSun as an, IconTicket as on, IconX as sn } from "@tabler/icons-react";
-import { Fragment as cn, useMemo as ln, useState as un } from "react";
-import { useClipboard as dn, useDisclosure as fn } from "@mantine/hooks";
+import { Accordion as ie, ActionBar as ae, ActionIcon as oe, Alert as se, AlphaSlider as ce, Anchor as le, AngleSlider as ue, AppShell as de, Avatar as fe, BackgroundImage as pe, Badge as me, Blockquote as he, Box as A, Breadcrumbs as ge, Burger as _e, Button as j, Card as ve, Cascader as ye, Checkbox as be, CheckboxCard as xe, CheckboxIndicator as Se, Chip as Ce, CloseButton as we, Code as Te, Collapse as Ee, ColorPicker as De, Container as Oe, DataList as ke, Dialog as Ae, Divider as je, Drawer as Me, EmptyState as Ne, Fieldset as Pe, FloatingWindow as Fe, Group as M, HoverCard as Ie, HueSlider as Le, Image as Re, Indicator as ze, Input as Be, InputWrapper as Ve, Kbd as He, List as Ue, Loader as We, LoadingOverlay as Ge, MantineProvider as Ke, Mark as qe, Menu as Je, Menubar as Ye, Modal as Xe, NativeSelect as Ze, NavLink as Qe, Notification as $e, NumberFormatter as et, Overlay as tt, Pagination as nt, Paper as rt, Pill as it, PinInput as at, Popover as ot, Progress as st, Radio as ct, RadioCard as lt, RadioIndicator as ut, RangeSlider as dt, Rating as ft, RingProgress as pt, RollingNumber as mt, ScrollArea as ht, SegmentedControl as gt, SemiCircleProgress as _t, SimpleGrid as vt, Skeleton as yt, Slider as bt, Splitter as xt, Spoiler as St, Stepper as Ct, Switch as wt, Table as N, TableOfContents as Tt, Tabs as Et, Text as P, ThemeIcon as Dt, Timeline as Ot, Title as kt, Tooltip as At, Tree as jt, Typography as Mt, createTheme as Nt, createVarsResolver as Pt, defaultVariantColorsResolver as F, factory as I, getRadius as Ft, getThemeColor as It, luminance as Lt, mergeThemeOverrides as Rt, parseThemeColor as zt, rem as Bt, useComputedColorScheme as Vt, useMantineColorScheme as Ht, useProps as L, useStyles as R } from "@mantine/core";
+import { Fragment as Ut, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { IconAlertTriangle as Wt, IconArrowDown as Gt, IconArrowDownRight as Kt, IconArrowUp as qt, IconArrowUpRight as Jt, IconArrowsSort as Yt, IconCheck as Xt, IconCopy as Zt, IconDatabaseOff as Qt, IconHeart as $t, IconHeartFilled as en, IconInfoCircle as tn, IconMinus as nn, IconMoon as rn, IconShoppingCart as an, IconSun as on, IconTicket as sn, IconX as cn } from "@tabler/icons-react";
+import { Fragment as ln, useMemo as un, useState as dn } from "react";
+import { useClipboard as fn, useDisclosure as pn } from "@mantine/hooks";
 export * from "@mantine/core";
 //#region src/theme/variantColorResolver.ts
-var pn = {
+var mn = {
 	horizon: "primary",
 	blue: "primary",
 	evergreen: "success",
@@ -23,8 +23,8 @@ var pn = {
 	obsidian: "neutral",
 	gray: "neutral",
 	dark: "neutral"
-}, mn = (e) => {
-	let { variant: t, theme: n } = e, r = e.color ?? n.primaryColor, i = Bt({
+}, hn = (e) => {
+	let { variant: t, theme: n } = e, r = e.color ?? n.primaryColor, i = zt({
 		color: r,
 		theme: n
 	}), a = i.isThemeColor ? i.color : void 0;
@@ -36,12 +36,12 @@ var pn = {
 		border: "1px solid transparent"
 	};
 	if (t === "filled" && a && i.shade === void 0) return {
-		...P(e),
+		...F(e),
 		color: "var(--jc-on-filled)",
 		hoverColor: "var(--jc-on-filled)"
 	};
 	if (t === "outline") {
-		let t = P(e), r = P({
+		let t = F(e), r = F({
 			...e,
 			variant: "light"
 		}), i = !e.color || a === n.primaryColor;
@@ -59,8 +59,8 @@ var pn = {
 		hoverColor: "var(--ds-text)",
 		border: "1px solid transparent"
 	};
-	if (t === "light" && a && pn[a]) {
-		let e = pn[a];
+	if (t === "light" && a && mn[a]) {
+		let e = mn[a];
 		return {
 			background: `var(--ds-tag-${e}-bg)`,
 			hover: `var(--ds-tag-${e}-hover)`,
@@ -68,8 +68,8 @@ var pn = {
 			border: "1px solid transparent"
 		};
 	}
-	return P(e);
-}, hn = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "xl", gn = {
+	return F(e);
+}, gn = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "xl", _n = {
 	xs: {
 		height: "28px",
 		px: "10px",
@@ -100,20 +100,20 @@ var pn = {
 		fz: "18px",
 		inputFz: "18px"
 	}
-}, _n = {
+}, vn = {
 	backgroundOpacity: .5,
 	blur: 2,
 	color: "#08154B"
-}, vn = {
+}, yn = {
 	button: "jc-buttons-button-149h8",
 	actionIcon: "jc-buttons-actionIcon-1ori4",
 	closeButton: "jc-buttons-closeButton-5uyy8"
-}, yn = {
-	Button: ve.extend({
-		classNames: { root: vn.button },
+}, bn = {
+	Button: j.extend({
+		classNames: { root: yn.button },
 		vars: (e, t) => {
-			if (!hn(t.size ?? "md")) return { root: {} };
-			let n = gn[t.size ?? "md"];
+			if (!gn(t.size ?? "md")) return { root: {} };
+			let n = _n[t.size ?? "md"];
 			return { root: {
 				"--button-height": n.height,
 				"--button-padding-x": n.px,
@@ -123,10 +123,10 @@ var pn = {
 	}),
 	ActionIcon: oe.extend({
 		defaultProps: { variant: "subtle" },
-		classNames: { root: vn.actionIcon }
+		classNames: { root: yn.actionIcon }
 	}),
-	CloseButton: Te.extend({ classNames: { root: vn.closeButton } })
-}, B = {
+	CloseButton: we.extend({ classNames: { root: yn.closeButton } })
+}, V = {
 	dropdown: "jc-combobox-dropdown-17a97",
 	option: "jc-combobox-option-1si4t",
 	groupLabel: "jc-combobox-groupLabel-15fc7",
@@ -139,7 +139,7 @@ var pn = {
 	cascaderColumn: "jc-combobox-cascaderColumn-d4mtr",
 	cascaderOption: "jc-combobox-cascaderOption-ituy4",
 	cascaderOverflow: "jc-combobox-cascaderOverflow-1rawy"
-}, bn = [
+}, xn = [
 	"Select",
 	"MultiSelect",
 	"Autocomplete",
@@ -148,57 +148,57 @@ var pn = {
 	"Cascader",
 	"TreeSelect",
 	"Combobox"
-], V = {
-	dropdown: B.dropdown,
-	option: B.option,
-	groupLabel: B.groupLabel,
-	empty: B.empty
-}, xn = {
+], H = {
+	dropdown: V.dropdown,
+	option: V.option,
+	groupLabel: V.groupLabel,
+	empty: V.empty
+}, Sn = {
 	Combobox: {
-		...V,
-		search: B.search,
-		header: B.header,
-		footer: B.footer
+		...H,
+		search: V.search,
+		header: V.header,
+		footer: V.footer
 	},
 	ComboboxPopover: {
-		...V,
-		search: B.search
+		...H,
+		search: V.search
 	},
-	Select: V,
-	Autocomplete: V,
+	Select: H,
+	Autocomplete: H,
 	MultiSelect: {
-		...V,
-		pill: B.pill
+		...H,
+		pill: V.pill
 	},
 	TagsInput: {
-		...V,
-		pill: B.pill
+		...H,
+		pill: V.pill
 	},
 	TreeSelect: {
-		...V,
-		pill: B.pill
+		...H,
+		pill: V.pill
 	}
-}, Sn = {
-	...Object.fromEntries(bn.map((e) => [e, { defaultProps: { size: "md" } }])),
-	...Object.fromEntries(Object.entries(xn).map(([e, t]) => [e, {
-		defaultProps: bn.includes(e) ? { size: "md" } : {},
+}, Cn = {
+	...Object.fromEntries(xn.map((e) => [e, { defaultProps: { size: "md" } }])),
+	...Object.fromEntries(Object.entries(Sn).map(([e, t]) => [e, {
+		defaultProps: xn.includes(e) ? { size: "md" } : {},
 		classNames: t
 	}])),
-	Cascader: be.extend({
+	Cascader: ye.extend({
 		defaultProps: { size: "md" },
 		classNames: {
-			...V,
-			column: B.cascaderColumn,
-			columnOption: B.cascaderOption,
-			flatOption: B.option,
-			columnsOverflow: B.cascaderOverflow
+			...H,
+			column: V.cascaderColumn,
+			columnOption: V.cascaderOption,
+			flatOption: V.option,
+			columnsOverflow: V.cascaderOverflow
 		}
 	}),
-	Pill: at.extend({ classNames: {
-		root: B.pill,
-		remove: B.pillRemove
+	Pill: it.extend({ classNames: {
+		root: V.pill,
+		remove: V.pillRemove
 	} })
-}, H = {
+}, U = {
 	badge: "jc-dataDisplay-badge-y32oj",
 	accordionItem: "jc-dataDisplay-accordionItem-1ojd4",
 	accordionControl: "jc-dataDisplay-accordionControl-1pgyb",
@@ -216,15 +216,15 @@ var pn = {
 	timelineItem: "jc-dataDisplay-timelineItem-1xxlx",
 	timelineBullet: "jc-dataDisplay-timelineBullet-7n3af",
 	timelineTitle: "jc-dataDisplay-timelineTitle-116d2"
-}, Cn = {
+}, wn = {
 	Accordion: ie.extend({
 		defaultProps: { chevronPosition: "right" },
 		classNames: {
-			item: H.accordionItem,
-			control: H.accordionControl,
-			label: H.accordionLabel,
-			chevron: H.accordionChevron,
-			content: H.accordionContent
+			item: U.accordionItem,
+			control: U.accordionControl,
+			label: U.accordionLabel,
+			chevron: U.accordionChevron,
+			content: U.accordionContent
 		}
 	}),
 	Avatar: fe.extend({
@@ -232,7 +232,7 @@ var pn = {
 			color: "horizon",
 			radius: "xl"
 		},
-		classNames: { root: H.avatar }
+		classNames: { root: U.avatar }
 	}),
 	BackgroundImage: pe.extend({ defaultProps: { radius: "md" } }),
 	Badge: me.extend({
@@ -240,53 +240,53 @@ var pn = {
 			variant: "light",
 			radius: "xl"
 		},
-		classNames: { root: H.badge },
+		classNames: { root: U.badge },
 		vars: (e, t) => (t.size ?? "md") === "md" ? { root: {
 			"--badge-height": "24px",
 			"--badge-fz": "12px",
 			"--badge-padding-x": "8px"
 		} } : { root: {} }
 	}),
-	Card: ye.extend({ defaultProps: {
+	Card: ve.extend({ defaultProps: {
 		radius: "md",
 		padding: "lg",
 		shadow: "sm",
 		withBorder: !0
 	} }),
-	DataList: Ae.extend({ classNames: {
-		root: H.dataList,
-		itemLabel: H.dataListLabel,
-		itemValue: H.dataListValue
+	DataList: ke.extend({ classNames: {
+		root: U.dataList,
+		itemLabel: U.dataListLabel,
+		itemValue: U.dataListValue
 	} }),
-	Image: ze.extend({ defaultProps: { radius: "md" } }),
-	Indicator: Be.extend({
+	Image: Re.extend({ defaultProps: { radius: "md" } }),
+	Indicator: ze.extend({
 		defaultProps: { color: "danger" },
-		classNames: { indicator: H.indicator }
+		classNames: { indicator: U.indicator }
 	}),
-	Kbd: Ue.extend({ classNames: { root: H.kbd } }),
-	NumberFormatter: tt.extend({ defaultProps: {
+	Kbd: He.extend({ classNames: { root: U.kbd } }),
+	NumberFormatter: et.extend({ defaultProps: {
 		thousandSeparator: ".",
 		decimalSeparator: ","
 	} }),
-	RollingNumber: ht.extend({ defaultProps: {
+	RollingNumber: mt.extend({ defaultProps: {
 		thousandSeparator: ".",
 		decimalSeparator: ","
 	} }),
-	Spoiler: Ct.extend({ classNames: { control: H.spoilerControl } }),
-	ThemeIcon: Ot.extend({ defaultProps: { radius: "md" } }),
-	Timeline: kt.extend({
+	Spoiler: St.extend({ classNames: { control: U.spoilerControl } }),
+	ThemeIcon: Dt.extend({ defaultProps: { radius: "md" } }),
+	Timeline: Ot.extend({
 		defaultProps: {
 			bulletSize: 24,
 			lineWidth: 2
 		},
 		classNames: {
-			root: H.timeline,
-			item: H.timelineItem,
-			itemBullet: H.timelineBullet,
-			itemTitle: H.timelineTitle
+			root: U.timeline,
+			item: U.timelineItem,
+			itemBullet: U.timelineBullet,
+			itemTitle: U.timelineTitle
 		}
 	})
-}, U = {
+}, W = {
 	alert: "jc-feedback-alert-n3tf0",
 	alertTitle: "jc-feedback-alertTitle-1z68r",
 	alertMessage: "jc-feedback-alertMessage-jigev",
@@ -305,46 +305,46 @@ var pn = {
 	emptyState: "jc-feedback-emptyState-nq4vc",
 	emptyTitle: "jc-feedback-emptyTitle-nqi0z",
 	emptyDescription: "jc-feedback-emptyDescription-1jfzf"
-}, wn = {
-	Notification: et.extend({
+}, Tn = {
+	Notification: $e.extend({
 		defaultProps: { radius: "md" },
 		classNames: {
-			root: U.notification,
-			title: U.notificationTitle,
-			description: U.notificationDescription,
-			icon: U.notificationIcon
+			root: W.notification,
+			title: W.notificationTitle,
+			description: W.notificationDescription,
+			icon: W.notificationIcon
 		}
 	}),
 	Alert: se.extend({
 		defaultProps: { variant: "light" },
 		classNames: {
-			root: U.alert,
-			wrapper: U.alertWrapper,
-			title: U.alertTitle,
-			message: U.alertMessage
+			root: W.alert,
+			wrapper: W.alertWrapper,
+			title: W.alertTitle,
+			message: W.alertMessage
 		}
 	}),
-	Loader: Ge.extend({ defaultProps: { type: "oval" } }),
-	Progress: ct.extend({
+	Loader: We.extend({ defaultProps: { type: "oval" } }),
+	Progress: st.extend({
 		defaultProps: { radius: "xl" },
 		classNames: {
-			root: U.progress,
-			label: U.progressLabel
+			root: W.progress,
+			label: W.progressLabel
 		}
 	}),
-	RingProgress: mt.extend({ classNames: { curve: U.ringCurve } }),
-	SemiCircleProgress: vt.extend({ classNames: {
-		root: U.semiCircle,
-		label: U.semiCircleLabel
+	RingProgress: pt.extend({ classNames: { curve: W.ringCurve } }),
+	SemiCircleProgress: _t.extend({ classNames: {
+		root: W.semiCircle,
+		label: W.semiCircleLabel
 	} }),
-	Skeleton: bt.extend({ classNames: { root: U.skeleton } }),
-	EmptyState: Pe.extend({ classNames: {
-		root: U.emptyState,
-		indicator: U.emptyIndicator,
-		title: U.emptyTitle,
-		description: U.emptyDescription
+	Skeleton: yt.extend({ classNames: { root: W.skeleton } }),
+	EmptyState: Ne.extend({ classNames: {
+		root: W.emptyState,
+		indicator: W.emptyIndicator,
+		title: W.emptyTitle,
+		description: W.emptyDescription
 	} })
-}, W = {
+}, G = {
 	input: "jc-inputs-input-14fe0",
 	label: "jc-inputs-label-14gss",
 	description: "jc-inputs-description-h3o5l",
@@ -374,7 +374,7 @@ var pn = {
 	colorThumb: "jc-inputs-colorThumb-1u5u0",
 	colorSaturation: "jc-inputs-colorSaturation-wvgu3",
 	colorSwatch: "jc-inputs-colorSwatch-1pwjt"
-}, Tn = Object.fromEntries([
+}, En = Object.fromEntries([
 	"InputBase",
 	"TextInput",
 	"PasswordInput",
@@ -384,64 +384,64 @@ var pn = {
 	"ColorInput",
 	"FileInput",
 	"MaskInput"
-].map((e) => [e, { defaultProps: { size: "md" } }])), En = {
-	slider: W.colorSlider,
-	sliderOverlay: W.colorSliderOverlay,
-	thumb: W.colorThumb
-}, Dn = {
-	root: W.sliderRoot,
-	thumb: W.sliderThumb,
-	label: W.sliderLabel,
-	markLabel: W.sliderMarkLabel
+].map((e) => [e, { defaultProps: { size: "md" } }])), Dn = {
+	slider: G.colorSlider,
+	sliderOverlay: G.colorSliderOverlay,
+	thumb: G.colorThumb
 }, On = {
-	...Tn,
-	Input: Ve.extend({
+	root: G.sliderRoot,
+	thumb: G.sliderThumb,
+	label: G.sliderLabel,
+	markLabel: G.sliderMarkLabel
+}, kn = {
+	...En,
+	Input: Be.extend({
 		defaultProps: { size: "md" },
-		classNames: { input: W.input },
+		classNames: { input: G.input },
 		vars: (e, t) => {
 			let n = t.size ?? "md";
-			return hn(n) ? { wrapper: {
-				"--input-height": gn[n].height,
-				"--input-fz": gn[n].inputFz
+			return gn(n) ? { wrapper: {
+				"--input-height": _n[n].height,
+				"--input-fz": _n[n].inputFz
 			} } : { wrapper: {} };
 		}
 	}),
-	InputWrapper: He.extend({ classNames: {
-		label: W.label,
-		description: W.description
+	InputWrapper: Ve.extend({ classNames: {
+		label: G.label,
+		description: G.description
 	} }),
-	NativeSelect: Qe.extend({
+	NativeSelect: Ze.extend({
 		defaultProps: { size: "md" },
 		classNames: {
-			input: W.nativeSelect,
-			section: W.nativeSelectSection
+			input: G.nativeSelect,
+			section: G.nativeSelectSection
 		}
 	}),
-	Checkbox: xe.extend({
+	Checkbox: be.extend({
 		defaultProps: { radius: "xs" },
-		classNames: { input: W.checkInput }
+		classNames: { input: G.checkInput }
 	}),
-	CheckboxIndicator: Ce.extend({
+	CheckboxIndicator: Se.extend({
 		defaultProps: { radius: "xs" },
-		classNames: { indicator: W.checkInput }
+		classNames: { indicator: G.checkInput }
 	}),
-	CheckboxCard: Se.extend({
+	CheckboxCard: xe.extend({
 		defaultProps: { radius: "md" },
-		classNames: { card: W.selectCard }
+		classNames: { card: G.selectCard }
 	}),
-	Radio: lt.extend({ classNames: { radio: W.checkInput } }),
-	RadioIndicator: dt.extend({ classNames: { indicator: W.checkInput } }),
-	RadioCard: ut.extend({
+	Radio: ct.extend({ classNames: { radio: G.checkInput } }),
+	RadioIndicator: ut.extend({ classNames: { indicator: G.checkInput } }),
+	RadioCard: lt.extend({
 		defaultProps: { radius: "md" },
-		classNames: { card: W.selectCard }
+		classNames: { card: G.selectCard }
 	}),
-	Switch: Tt.extend({
+	Switch: wt.extend({
 		defaultProps: { radius: "xl" },
-		classNames: { track: W.switchTrack }
+		classNames: { track: G.switchTrack }
 	}),
-	Chip: we.extend({
+	Chip: Ce.extend({
 		defaultProps: { variant: "outline" },
-		classNames: { label: W.chipLabel },
+		classNames: { label: G.chipLabel },
 		vars: (e, t) => {
 			if (t.variant !== "outline") return { root: {} };
 			let n = e.variantColorResolver({
@@ -455,52 +455,52 @@ var pn = {
 			} };
 		}
 	}),
-	SegmentedControl: _t.extend({
+	SegmentedControl: gt.extend({
 		defaultProps: { radius: "sm" },
 		classNames: {
-			root: W.segmentedRoot,
-			indicator: W.segmentedIndicator,
-			label: W.segmentedLabel
+			root: G.segmentedRoot,
+			indicator: G.segmentedIndicator,
+			label: G.segmentedLabel
 		}
 	}),
-	Fieldset: Fe.extend({
+	Fieldset: Pe.extend({
 		defaultProps: { radius: "md" },
 		classNames: {
-			root: W.fieldset,
-			legend: W.fieldsetLegend
+			root: G.fieldset,
+			legend: G.fieldsetLegend
 		}
 	}),
-	PinInput: ot.extend({
+	PinInput: at.extend({
 		defaultProps: { size: "md" },
-		classNames: { input: W.pinInput },
+		classNames: { input: G.pinInput },
 		vars: (e, t) => {
 			let n = t.size ?? "md";
-			return { root: hn(n) ? { "--pin-input-size": gn[n].height } : {} };
+			return { root: gn(n) ? { "--pin-input-size": _n[n].height } : {} };
 		}
 	}),
-	Slider: xt.extend({ classNames: Dn }),
-	RangeSlider: ft.extend({ classNames: Dn }),
+	Slider: bt.extend({ classNames: On }),
+	RangeSlider: dt.extend({ classNames: On }),
 	AngleSlider: ue.extend({ classNames: {
-		root: W.angleRoot,
-		thumb: W.angleThumb,
-		label: W.angleLabel
+		root: G.angleRoot,
+		thumb: G.angleThumb,
+		label: G.angleLabel
 	} }),
-	Rating: pt.extend({
+	Rating: ft.extend({
 		defaultProps: { color: "electric.4" },
 		classNames: {
-			root: W.rating,
-			starSymbol: W.ratingStar
+			root: G.rating,
+			starSymbol: G.ratingStar
 		},
 		vars: (e, t) => ({ root: t.color === "electric.4" ? { "--rating-color": "var(--jc-rating-color)" } : {} })
 	}),
-	ColorPicker: Oe.extend({ classNames: {
-		...En,
-		saturation: W.colorSaturation,
-		swatch: W.colorSwatch
+	ColorPicker: De.extend({ classNames: {
+		...Dn,
+		saturation: G.colorSaturation,
+		swatch: G.colorSwatch
 	} }),
-	AlphaSlider: ce.extend({ classNames: En }),
-	HueSlider: Re.extend({ classNames: En })
-}, G = {
+	AlphaSlider: ce.extend({ classNames: Dn }),
+	HueSlider: Le.extend({ classNames: Dn })
+}, K = {
 	appShellMain: "jc-layout-appShellMain-wfqf1",
 	appShellNavbar: "jc-layout-appShellNavbar-1oy4v",
 	appShellAside: "jc-layout-appShellAside-axw4o",
@@ -510,34 +510,34 @@ var pn = {
 	splitter: "jc-layout-splitter-hn4up",
 	splitterHandle: "jc-layout-splitterHandle-1st37",
 	splitterThumb: "jc-layout-splitterThumb-g0wug"
-}, kn = {
+}, An = {
 	AppShell: de.extend({ classNames: {
-		main: G.appShellMain,
-		navbar: G.appShellNavbar,
-		aside: G.appShellAside,
-		header: G.appShellHeader,
-		footer: G.appShellFooter
+		main: K.appShellMain,
+		navbar: K.appShellNavbar,
+		aside: K.appShellAside,
+		header: K.appShellHeader,
+		footer: K.appShellFooter
 	} }),
-	Container: ke.extend({ classNames: { root: G.container } }),
-	Splitter: St.extend({ classNames: {
-		root: G.splitter,
-		handle: G.splitterHandle,
-		thumb: G.splitterThumb
+	Container: Oe.extend({ classNames: { root: K.container } }),
+	Splitter: xt.extend({ classNames: {
+		root: K.splitter,
+		handle: K.splitterHandle,
+		thumb: K.splitterThumb
 	} })
-}, K = {
+}, jn = {
 	paper: "jc-misc-paper-9jp7c",
 	divider: "jc-misc-divider-1gqkk",
 	scrollbar: "jc-misc-scrollbar-1xic9",
 	scrollThumb: "jc-misc-scrollThumb-tc27a"
-}, An = {
-	Paper: it.extend({
+}, Mn = {
+	Paper: rt.extend({
 		defaultProps: { radius: "md" },
-		classNames: { root: K.paper }
+		classNames: { root: jn.paper }
 	}),
-	Divider: Me.extend({ classNames: { root: K.divider } }),
-	ScrollArea: gt.extend({ classNames: {
-		scrollbar: K.scrollbar,
-		thumb: K.scrollThumb
+	Divider: je.extend({ classNames: { root: jn.divider } }),
+	ScrollArea: ht.extend({ classNames: {
+		scrollbar: jn.scrollbar,
+		thumb: jn.scrollThumb
 	} })
 }, q = {
 	tabs: "jc-navigation-tabs-lccrk",
@@ -554,30 +554,30 @@ var pn = {
 	tocControl: "jc-navigation-tocControl-10p5o",
 	tree: "jc-navigation-tree-lcd48",
 	treeLabel: "jc-navigation-treeLabel-1gd9n"
-}, jn = {
-	Tabs: Dt.extend({ classNames: {
+}, Nn = {
+	Tabs: Et.extend({ classNames: {
 		root: q.tabs,
 		tab: q.tab
 	} }),
 	Anchor: le.extend({ classNames: { root: q.anchor } }),
 	Burger: _e.extend({ classNames: { root: q.burger } }),
-	NavLink: $e.extend({
+	NavLink: Qe.extend({
 		defaultProps: { variant: "light" },
 		classNames: { root: q.navLink }
 	}),
-	Pagination: rt.extend({
+	Pagination: nt.extend({
 		defaultProps: { radius: "sm" },
 		classNames: { control: q.paginationControl }
 	}),
-	Stepper: wt.extend({ classNames: {
+	Stepper: Ct.extend({ classNames: {
 		root: q.stepper,
 		stepIcon: q.stepIcon,
 		stepCompletedIcon: q.stepCompletedIcon,
 		stepLabel: q.stepLabel,
 		stepDescription: q.stepDescription
 	} }),
-	TableOfContents: Et.extend({ classNames: { control: q.tocControl } }),
-	Tree: Mt.extend({ classNames: {
+	TableOfContents: Tt.extend({ classNames: { control: q.tocControl } }),
+	Tree: jt.extend({ classNames: {
 		root: q.tree,
 		label: q.treeLabel
 	} })
@@ -594,50 +594,50 @@ var pn = {
 	modalHeader: "jc-overlays-modalHeader-vfr4o",
 	modalTitle: "jc-overlays-modalTitle-11uzk",
 	tooltip: "jc-overlays-tooltip-38e5a"
-}, Mn = {
+}, Pn = {
 	dropdown: J.dropdown,
 	item: J.menuItem,
 	label: J.menuLabel,
 	divider: J.menuDivider
-}, Nn = {
-	Menu: Ye.extend({
+}, Fn = {
+	Menu: Je.extend({
 		defaultProps: {
 			shadow: "md",
 			radius: "sm"
 		},
-		classNames: Mn
+		classNames: Pn
 	}),
-	Menubar: Xe.extend({ classNames: {
+	Menubar: Ye.extend({ classNames: {
 		root: J.menubarRoot,
 		target: J.menubarTarget
 	} }),
-	Popover: st.extend({
+	Popover: ot.extend({
 		defaultProps: {
 			shadow: "md",
 			radius: "sm"
 		},
 		classNames: { dropdown: J.dropdown }
 	}),
-	HoverCard: Le.extend({
+	HoverCard: Ie.extend({
 		defaultProps: {
 			shadow: "md",
 			radius: "md"
 		},
 		classNames: { dropdown: J.dropdown }
 	}),
-	Tooltip: jt.extend({
+	Tooltip: At.extend({
 		defaultProps: {
 			radius: "sm",
 			withArrow: !0
 		},
 		classNames: { tooltip: J.tooltip }
 	}),
-	Modal: Ze.extend({
+	Modal: Xe.extend({
 		defaultProps: {
 			radius: "md",
 			centered: !0,
 			shadow: "lg",
-			overlayProps: _n
+			overlayProps: vn
 		},
 		classNames: {
 			content: J.modalContent,
@@ -645,10 +645,10 @@ var pn = {
 			title: J.modalTitle
 		}
 	}),
-	Drawer: Ne.extend({
+	Drawer: Me.extend({
 		defaultProps: {
 			shadow: "lg",
-			overlayProps: _n
+			overlayProps: vn
 		},
 		classNames: {
 			content: J.modalContent,
@@ -656,7 +656,7 @@ var pn = {
 			title: J.modalTitle
 		}
 	}),
-	Dialog: je.extend({
+	Dialog: Ae.extend({
 		defaultProps: {
 			radius: "md",
 			shadow: "lg"
@@ -673,7 +673,7 @@ var pn = {
 			divider: J.actionBarDivider
 		}
 	}),
-	FloatingWindow: Ie.extend({
+	FloatingWindow: Fe.extend({
 		defaultProps: {
 			radius: "md",
 			shadow: "lg",
@@ -681,8 +681,8 @@ var pn = {
 		},
 		classNames: { root: J.floatingSurface }
 	}),
-	Overlay: nt.extend({ defaultProps: { color: l.obsidian } }),
-	LoadingOverlay: Ke.extend({ defaultProps: { overlayProps: {
+	Overlay: tt.extend({ defaultProps: { color: l.obsidian } }),
+	LoadingOverlay: Ge.extend({ defaultProps: { overlayProps: {
 		backgroundOpacity: .75,
 		blur: 1
 	} } })
@@ -701,11 +701,11 @@ var pn = {
 	listItem: "jc-typography-listItem-yd73r",
 	listItemIcon: "jc-typography-listItemIcon-rsh18",
 	typography: "jc-typography-typography-1l9yf"
-}, Pn = [
+}, In = [
 	void 0,
 	"yellow",
 	"electric"
-], Fn = {
+], Ln = {
 	Blockquote: he.extend({
 		defaultProps: {
 			iconSize: 40,
@@ -722,8 +722,8 @@ var pn = {
 			"--bq-bg-dark": "var(--ds-primary-soft)"
 		} } : { root: {} }
 	}),
-	Code: Ee.extend({ classNames: { root: Y.code } }),
-	List: We.extend({
+	Code: Te.extend({ classNames: { root: Y.code } }),
+	List: Ue.extend({
 		defaultProps: { spacing: "xs" },
 		classNames: {
 			root: Y.list,
@@ -731,17 +731,17 @@ var pn = {
 			itemIcon: Y.listItemIcon
 		}
 	}),
-	Mark: Je.extend({
+	Mark: qe.extend({
 		classNames: { root: Y.mark },
 		vars: (e, t) => {
-			let n = Pn.includes(t.color), r = n ? "electric" : t.color;
+			let n = In.includes(t.color), r = n ? "electric" : t.color;
 			return { root: {
-				"--mark-bg-light": Lt(`${r}.${n ? 2 : 1}`, e),
-				"--mark-bg-dark": `color-mix(in srgb, ${Lt(`${r}.${n ? 3 : 4}`, e)} 32%, transparent)`
+				"--mark-bg-light": It(`${r}.${n ? 2 : 1}`, e),
+				"--mark-bg-dark": `color-mix(in srgb, ${It(`${r}.${n ? 3 : 4}`, e)} 32%, transparent)`
 			} };
 		}
 	}),
-	Table: M.extend({
+	Table: N.extend({
 		defaultProps: {
 			highlightOnHover: !0,
 			verticalSpacing: "sm",
@@ -754,20 +754,20 @@ var pn = {
 			tr: Y.tr
 		}
 	}),
-	Title: At.extend({ classNames: { root: Y.title } }),
-	Typography: Nt.extend({ classNames: { root: Y.typography } })
-}, In = {
+	Title: kt.extend({ classNames: { root: Y.title } }),
+	Typography: Mt.extend({ classNames: { root: Y.typography } })
+}, Rn = {
+	...An,
 	...kn,
-	...On,
-	...Sn,
-	...yn,
-	...jn,
-	...wn,
-	...Nn,
 	...Cn,
+	...bn,
+	...Nn,
+	...Tn,
 	...Fn,
-	...An
-}, X = o, Ln = Pt({
+	...wn,
+	...Ln,
+	...Mn
+}, X = o, zn = Nt({
 	colors: d,
 	primaryColor: "horizon",
 	primaryShade: {
@@ -778,7 +778,7 @@ var pn = {
 	luminanceThreshold: .3,
 	white: "#FFFFFF",
 	black: "#1F2228",
-	variantColorResolver: mn,
+	variantColorResolver: hn,
 	fontFamily: a,
 	fontFamilyMonospace: "ui-monospace, 'JetBrains Mono', SFMono-Regular, Menlo, monospace",
 	headings: {
@@ -874,9 +874,9 @@ var pn = {
 		typography: o,
 		chartPalette: s
 	},
-	components: In
-}), Rn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-function zn(t) {
+	components: Rn
+}), Bn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+function Vn(t) {
 	return {
 		"--ds-bg": t.bg,
 		"--ds-surface": t.surface,
@@ -908,7 +908,7 @@ function zn(t) {
 		"--mantine-color-success": e.success
 	};
 }
-function Bn() {
+function Hn() {
 	let e = {
 		"--font-body": "'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif",
 		"--ds-radius": "12px",
@@ -925,12 +925,12 @@ function Bn() {
 			e[`--dc-${t}-${n}`] = r;
 		});
 	}), Object.entries(o).forEach(([t, n]) => {
-		e[`--type-${Rn(t)}`] = n.size;
+		e[`--type-${Bn(t)}`] = n.size;
 	}), Object.entries(t).forEach(([t, n]) => {
 		e[`--sp-${t}`] = n;
 	}), e;
 }
-var Vn = {
+var Un = {
 	light: {
 		"--ds-tag-primary-bg": r.horizon[50],
 		"--ds-tag-primary-hover": r.horizon[100],
@@ -965,7 +965,7 @@ var Vn = {
 		"--ds-tag-neutral-hover": u.dark.border,
 		"--ds-tag-neutral-color": u.dark.text2
 	}
-}, Hn = Object.fromEntries(Object.entries({
+}, Wn = Object.fromEntries(Object.entries({
 	horizon: "primary",
 	blue: "primary",
 	evergreen: "success",
@@ -983,13 +983,13 @@ var Vn = {
 	[`--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)`]
-])), Un = (e) => Object.fromEntries(e.map((e, t) => [`--jc-chart-${t + 1}`, e])), Wn = () => ({
-	variables: Bn(),
+])), Gn = (e) => Object.fromEntries(e.map((e, t) => [`--jc-chart-${t + 1}`, e])), Kn = () => ({
+	variables: Hn(),
 	light: {
-		...zn(u.light),
-		...Vn.light,
-		...Un(i.light),
-		...Hn,
+		...Vn(u.light),
+		...Un.light,
+		...Gn(i.light),
+		...Wn,
 		"--ds-success": e.success,
 		"--ds-warn": e.warn,
 		"--ds-error": e.error,
@@ -1003,10 +1003,10 @@ var Vn = {
 		"--jc-art-paper": "#FFFFFF"
 	},
 	dark: {
-		...zn(u.dark),
-		...Vn.dark,
-		...Un(i.dark),
-		...Hn,
+		...Vn(u.dark),
+		...Un.dark,
+		...Gn(i.dark),
+		...Wn,
 		"--ds-success": r.evergreen[400],
 		"--ds-warn": r.electric[300],
 		"--ds-error": r.danger[400],
@@ -1024,38 +1024,38 @@ var Vn = {
 });
 //#endregion
 //#region src/provider/JcProvider.tsx
-function Gn({ theme: e, defaultColorScheme: t = "light", cssVariablesResolver: n, children: r, ...i }) {
-	let a = e ? zt(Ln, e) : Ln;
-	return /* @__PURE__ */ R(qe, {
+function qn({ theme: e, defaultColorScheme: t = "light", cssVariablesResolver: n, children: r, ...i }) {
+	let a = e ? Rt(zn, e) : zn;
+	return /* @__PURE__ */ z(Ke, {
 		theme: a,
 		defaultColorScheme: t,
-		cssVariablesResolver: n ?? Wn,
+		cssVariablesResolver: n ?? Kn,
 		...i,
 		children: r
 	});
 }
-Gn.displayName = "@jcdecor/ui/JcProvider";
+qn.displayName = "@jcdecor/ui/JcProvider";
 //#endregion
 //#region src/components/Tag/Tag.tsx
-var Kn = {
+var Jn = {
 	primary: "horizon",
 	success: "evergreen",
 	warn: "electric",
 	error: "danger",
 	neutral: "obsidian"
-}, qn = {
-	primary: en,
-	success: Yt,
-	warn: Ut,
-	error: sn,
+}, Yn = {
+	primary: tn,
+	success: Xt,
+	warn: Wt,
+	error: cn,
 	neutral: null
 };
-function Jn({ tone: e = "primary", withIcon: t = !1, variant: n = "light", leftSection: r, ...i }) {
-	let a = qn[e];
-	return /* @__PURE__ */ R(me, {
-		color: Kn[e],
+function Xn({ tone: e = "primary", withIcon: t = !1, variant: n = "light", leftSection: r, ...i }) {
+	let a = Yn[e];
+	return /* @__PURE__ */ z(me, {
+		color: Jn[e],
 		variant: n,
-		leftSection: r ?? (t && a ? /* @__PURE__ */ R(a, {
+		leftSection: r ?? (t && a ? /* @__PURE__ */ z(a, {
 			size: 12,
 			stroke: 2.5
 		}) : void 0),
@@ -1063,13 +1063,13 @@ function Jn({ tone: e = "primary", withIcon: t = !1, variant: n = "light", leftS
 		...i
 	});
 }
-Jn.displayName = "@jcdecor/ui/Tag";
-var Yn = {
+Xn.displayName = "@jcdecor/ui/Tag";
+var Zn = {
 	root: "jc-PromoBanner-root-343s0",
 	highlight: "jc-PromoBanner-highlight-19zvz",
 	content: "jc-PromoBanner-content-1vja6",
 	close: "jc-PromoBanner-close-p9u8f"
-}, Xn = {
+}, Qn = {
 	horizon: {
 		bg: "var(--dc-horizon-700)",
 		color: "#fff",
@@ -1085,15 +1085,15 @@ var Yn = {
 		color: "#fff",
 		highlight: "var(--dc-electric)"
 	}
-}, Zn = Ft((e, { variant: t = "horizon", radius: n }) => ({ root: {
-	"--banner-bg": Xn[t].bg,
-	"--banner-color": Xn[t].color,
-	"--banner-highlight": Xn[t].highlight,
-	"--banner-radius": n === void 0 ? void 0 : It(n)
-} })), Qn = F((e) => {
-	let t = I("PromoBanner", { variant: "horizon" }, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, attributes: c, variant: l, highlight: u, icon: d, withCloseButton: f, opened: p, onClose: m, radius: h, children: g, ..._ } = t, [v, y] = un(!0), b = p ?? v, x = L({
+}, $n = Pt((e, { variant: t = "horizon", radius: n }) => ({ root: {
+	"--banner-bg": Qn[t].bg,
+	"--banner-color": Qn[t].color,
+	"--banner-highlight": Qn[t].highlight,
+	"--banner-radius": n === void 0 ? void 0 : Ft(n)
+} })), er = I((e) => {
+	let t = L("PromoBanner", { variant: "horizon" }, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, attributes: c, variant: l, highlight: u, icon: d, withCloseButton: f, opened: p, onClose: m, radius: h, children: g, ..._ } = t, [v, y] = dn(!0), b = p ?? v, x = R({
 		name: "PromoBanner",
-		classes: Yn,
+		classes: Zn,
 		props: t,
 		className: r,
 		style: i,
@@ -1102,9 +1102,9 @@ var Yn = {
 		unstyled: o,
 		attributes: c,
 		vars: s,
-		varsResolver: Zn
+		varsResolver: $n
 	});
-	return b ? /* @__PURE__ */ z(A, {
+	return b ? /* @__PURE__ */ B(A, {
 		role: "note",
 		...x("root"),
 		variant: l,
@@ -1113,17 +1113,17 @@ var Yn = {
 			closable: f
 		},
 		..._,
-		children: [/* @__PURE__ */ z("span", {
+		children: [/* @__PURE__ */ B("span", {
 			...x("content"),
 			children: [
 				d,
-				/* @__PURE__ */ R("span", { children: g }),
-				u && /* @__PURE__ */ R("strong", {
+				/* @__PURE__ */ z("span", { children: g }),
+				u && /* @__PURE__ */ z("strong", {
 					...x("highlight"),
 					children: u
 				})
 			]
-		}), f && /* @__PURE__ */ R(Te, {
+		}), f && /* @__PURE__ */ z(we, {
 			"aria-label": "Fechar",
 			size: "sm",
 			variant: "transparent",
@@ -1134,18 +1134,18 @@ var Yn = {
 		})]
 	}) : null;
 });
-Qn.classes = Yn, Qn.varsResolver = Zn, Qn.displayName = "@jcdecor/ui/PromoBanner";
-var $n = {
+er.classes = Zn, er.varsResolver = $n, er.displayName = "@jcdecor/ui/PromoBanner";
+var tr = {
 	root: "jc-ContentCard-root-1dhn3",
 	image: "jc-ContentCard-image-16ej1",
 	kicker: "jc-ContentCard-kicker-10uay",
 	title: "jc-ContentCard-title-16kim",
 	body: "jc-ContentCard-body-1dhcv",
 	actions: "jc-ContentCard-actions-1xc1y"
-}, er = F((e) => {
-	let t = I("ContentCard", { imageHeight: 180 }, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, attributes: c, kicker: l, title: u, image: d, imageAlt: f, imageHeight: p, actions: h, children: g, ..._ } = t, v = L({
+}, nr = I((e) => {
+	let t = L("ContentCard", { imageHeight: 180 }, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, attributes: c, kicker: l, title: u, image: d, imageAlt: f, imageHeight: p, actions: h, children: g, ..._ } = t, v = R({
 		name: "ContentCard",
-		classes: $n,
+		classes: tr,
 		props: t,
 		className: r,
 		style: i,
@@ -1155,39 +1155,39 @@ var $n = {
 		attributes: c,
 		vars: s
 	});
-	return /* @__PURE__ */ z(ye, {
+	return /* @__PURE__ */ B(ve, {
 		...v("root"),
 		..._,
 		children: [
-			d && /* @__PURE__ */ R("div", {
+			d && /* @__PURE__ */ z("div", {
 				...v("image"),
-				children: typeof d == "string" ? /* @__PURE__ */ R("img", {
+				children: typeof d == "string" ? /* @__PURE__ */ z("img", {
 					src: d,
 					alt: f ?? "",
 					style: { height: p }
 				}) : d
 			}),
-			l && /* @__PURE__ */ R(m, {
+			l && /* @__PURE__ */ z(m, {
 				...v("kicker"),
 				children: l
 			}),
-			u && /* @__PURE__ */ R("div", {
+			u && /* @__PURE__ */ z("div", {
 				...v("title"),
 				children: u
 			}),
-			g && /* @__PURE__ */ R("div", {
+			g && /* @__PURE__ */ z("div", {
 				...v("body"),
 				children: g
 			}),
-			h && /* @__PURE__ */ R("div", {
+			h && /* @__PURE__ */ z("div", {
 				...v("actions"),
 				children: h
 			})
 		]
 	});
 });
-er.classes = $n, er.displayName = "@jcdecor/ui/ContentCard";
-var tr = {
+nr.classes = tr, nr.displayName = "@jcdecor/ui/ContentCard";
+var rr = {
 	root: "jc-KpiCard-root-18l3e",
 	header: "jc-KpiCard-header-akny9",
 	label: "jc-KpiCard-label-wh8eq",
@@ -1199,23 +1199,23 @@ var tr = {
 };
 //#endregion
 //#region src/components/KpiCard/KpiCard.tsx
-function nr(e, t = !1) {
+function ir(e, t = !1) {
 	return e === void 0 || e === 0 || Number.isNaN(e) ? "flat" : e > 0 === t ? "down" : "up";
 }
-var rr = {
+var ar = {
 	up: "var(--ds-success)",
 	down: "var(--ds-error)",
 	flat: "var(--ds-text-3)"
-}, ir = Ft((e, { delta: t, invertDelta: n, colorValue: r }) => {
-	let i = nr(t, n);
+}, or = Pt((e, { delta: t, invertDelta: n, colorValue: r }) => {
+	let i = ir(t, n);
 	return { root: {
-		"--kpi-delta-color": rr[i],
-		"--kpi-value-color": r && i !== "flat" ? rr[i] : void 0
+		"--kpi-delta-color": ar[i],
+		"--kpi-value-color": r && i !== "flat" ? ar[i] : void 0
 	} };
-}), Z = F((e) => {
-	let t = I("KpiCard", {}, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, attributes: c, label: l, value: u, delta: d, deltaLabel: p, invertDelta: m, colorValue: h, icon: g, chart: _, loading: v, ...b } = t, x = L({
+}), Z = I((e) => {
+	let t = L("KpiCard", {}, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, attributes: c, label: l, value: u, delta: d, deltaLabel: p, invertDelta: m, colorValue: h, icon: g, chart: _, loading: v, ...b } = t, x = R({
 		name: "KpiCard",
-		classes: tr,
+		classes: rr,
 		props: t,
 		className: r,
 		style: i,
@@ -1224,73 +1224,75 @@ var rr = {
 		unstyled: o,
 		attributes: c,
 		vars: s,
-		varsResolver: ir
-	}), S = nr(d, m), C = d === void 0 || d === 0 ? tn : d > 0 ? qt : Gt;
-	return /* @__PURE__ */ z(A, {
+		varsResolver: or
+	}), S = ir(d, m), C = d === void 0 || d === 0 ? nn : d > 0 ? Jt : Kt;
+	return /* @__PURE__ */ B(A, {
 		...x("root"),
 		...b,
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				...x("header"),
-				children: [/* @__PURE__ */ R("span", {
+				children: [/* @__PURE__ */ z("span", {
 					...x("label"),
 					children: l
-				}), g && /* @__PURE__ */ R("span", {
+				}), g && /* @__PURE__ */ z("span", {
 					...x("icon"),
 					children: g
 				})]
 			}),
-			v ? /* @__PURE__ */ R(bt, {
+			v ? /* @__PURE__ */ z(yt, {
 				height: 32,
 				width: "60%",
 				mt: 4
-			}) : /* @__PURE__ */ R("div", {
+			}) : /* @__PURE__ */ z("div", {
 				...x("value"),
 				children: typeof u == "number" ? f(u) : u
 			}),
-			(d !== void 0 || p) && !v && /* @__PURE__ */ z("div", {
+			(d !== void 0 || p) && !v && /* @__PURE__ */ B("div", {
 				...x("footer"),
-				children: [d !== void 0 && /* @__PURE__ */ z("span", {
+				children: [d !== void 0 && /* @__PURE__ */ B("span", {
 					...x("delta"),
 					"data-tone": S,
-					children: [/* @__PURE__ */ R(C, {
+					children: [/* @__PURE__ */ z(C, {
 						size: 14,
 						stroke: 2.5
 					}), y(d, { signed: !0 })]
-				}), p && /* @__PURE__ */ R("span", { children: p })]
+				}), p && /* @__PURE__ */ z("span", { children: p })]
 			}),
-			_ && /* @__PURE__ */ R("div", {
+			_ && /* @__PURE__ */ z("div", {
 				...x("chart"),
 				children: _
 			})
 		]
 	});
 });
-Z.classes = tr, Z.varsResolver = ir, Z.displayName = "@jcdecor/ui/KpiCard";
-function ar({ cols: e = {
+Z.classes = rr, Z.varsResolver = or, Z.displayName = "@jcdecor/ui/KpiCard";
+function sr({ cols: e = {
 	base: 1,
 	"440px": 2,
 	"880px": 4
 }, spacing: t = "md", type: n = "container", ...r }) {
-	return /* @__PURE__ */ R(yt, {
+	return /* @__PURE__ */ z(vt, {
 		type: n,
 		cols: e,
 		spacing: t,
 		...r
 	});
 }
-ar.displayName = "@jcdecor/ui/KpiGroup";
-var or = {
+sr.displayName = "@jcdecor/ui/KpiGroup";
+var cr = {
 	root: "jc-TopNav-root-r96wh",
 	brand: "jc-TopNav-brand-1rbya",
 	links: "jc-TopNav-links-1rhar",
 	link: "jc-TopNav-link-r92y3",
+	linkSection: "jc-TopNav-linkSection-ynemx",
+	linkLabel: "jc-TopNav-linkLabel-n7k1n",
 	right: "jc-TopNav-right-1rkld",
 	burger: "jc-TopNav-burger-19ifr",
 	mobileLinks: "jc-TopNav-mobileLinks-dspnw"
-}, sr = F((e) => {
-	let t = I("TopNav", {
-		brand: /* @__PURE__ */ R(k, {
+}, lr = I((e) => {
+	let t = L("TopNav", {
+		brand: /* @__PURE__ */ z(k, {
 			variant: "dark",
 			size: 28
 		}),
@@ -1298,9 +1300,9 @@ var or = {
 		links: [],
 		linkComponent: "a",
 		collapseOnMobile: !0
-	}, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, attributes: c, brand: l, brandHref: u, links: d, linkComponent: f = "a", rightSection: p, collapseOnMobile: m, ...h } = t, [g, { toggle: _, close: v }] = fn(!1), y = L({
+	}, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, attributes: c, brand: l, brandHref: u, links: d, linkComponent: f = "a", rightSection: p, collapseOnMobile: m, ...h } = t, [g, { toggle: _, close: v }] = pn(!1), y = R({
 		name: "TopNav",
-		classes: or,
+		classes: cr,
 		props: t,
 		className: r,
 		style: i,
@@ -1310,42 +1312,62 @@ var or = {
 		attributes: c,
 		vars: s
 	}), b = (e) => d.map((t, n) => {
-		let r = !t.href, i = r ? "button" : f, a = r ? { type: "button" } : f === "a" ? { href: t.href } : {
+		let r = !t.href || t.disabled, i = r ? "button" : f, a = r ? {
+			type: "button",
+			disabled: t.disabled || void 0
+		} : f === "a" ? { href: t.href } : {
 			to: t.href,
 			href: t.href
 		};
-		return /* @__PURE__ */ R(i, {
+		return /* @__PURE__ */ z(i, {
 			...a,
 			...y("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?.());
 			},
-			children: t.label
+			children: t.leftSection || t.rightSection ? /* @__PURE__ */ B(Ut, { children: [
+				t.leftSection && /* @__PURE__ */ z("span", {
+					...y("linkSection"),
+					"data-position": "left",
+					children: t.leftSection
+				}),
+				t.label !== void 0 && t.label !== null && t.label !== "" && /* @__PURE__ */ z("span", {
+					...y("linkLabel"),
+					children: t.label
+				}),
+				t.rightSection && /* @__PURE__ */ z("span", {
+					...y("linkSection"),
+					"data-position": "right",
+					children: t.rightSection
+				})
+			] }) : t.label
 		}, n);
 	}), x = u === null ? "span" : f, S = u === null ? {} : f === "a" ? { href: u } : {
 		to: u,
 		href: u
 	};
-	return /* @__PURE__ */ z("header", { children: [/* @__PURE__ */ z(A, {
+	return /* @__PURE__ */ B("header", { children: [/* @__PURE__ */ B(A, {
 		...y("root"),
 		mod: { collapse: m },
 		...h,
 		children: [
-			/* @__PURE__ */ R(x, {
+			/* @__PURE__ */ z(x, {
 				...S,
 				...y("brand"),
 				children: l
 			}),
-			/* @__PURE__ */ R("nav", {
+			/* @__PURE__ */ z("nav", {
 				...y("links"),
 				"aria-label": "Principal",
 				children: b()
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				...y("right"),
-				children: [p, m && d.length > 0 && /* @__PURE__ */ R(_e, {
+				children: [p, m && d.length > 0 && /* @__PURE__ */ z(_e, {
 					opened: g,
 					onClick: _,
 					size: "sm",
@@ -1354,95 +1376,127 @@ var or = {
 				})]
 			})
 		]
-	}), m && d.length > 0 && /* @__PURE__ */ R(De, {
+	}), m && d.length > 0 && /* @__PURE__ */ z(Ee, {
 		expanded: g,
-		children: /* @__PURE__ */ R("nav", {
+		children: /* @__PURE__ */ z("nav", {
 			...y("mobileLinks"),
 			"aria-label": "Principal (mobile)",
 			children: b(v)
 		})
 	})] });
 });
-sr.classes = or, sr.displayName = "@jcdecor/ui/TopNav";
-//#endregion
-//#region src/components/PageHeader/PageHeader.tsx
-function cr({ kicker: e, title: t, description: n, actions: r, breadcrumbs: i, linkComponent: a = "a", size: o = "headline", ...s }) {
-	return /* @__PURE__ */ z(A, {
-		mb: "xl",
-		...s,
-		children: [i && i.length > 0 && /* @__PURE__ */ R(ge, {
-			mb: "sm",
+lr.classes = cr, lr.displayName = "@jcdecor/ui/TopNav";
+var ur = {
+	root: "jc-PageHeader-root-1a6dm",
+	breadcrumbs: "jc-PageHeader-breadcrumbs-kti8b",
+	header: "jc-PageHeader-header-1c38j",
+	main: "jc-PageHeader-main-1a6a5",
+	icon: "jc-PageHeader-icon-1a67m",
+	body: "jc-PageHeader-body-1a63e",
+	kicker: "jc-PageHeader-kicker-1dkm0",
+	title: "jc-PageHeader-title-awh5g",
+	description: "jc-PageHeader-description-1s6i7",
+	actions: "jc-PageHeader-actions-11svw"
+}, dr = {
+	linkComponent: "a",
+	size: "headline"
+}, fr = I((e) => {
+	let t = L("PageHeader", dr, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, attributes: c, kicker: l, title: u, description: d, icon: f, iconSize: p, actions: g, breadcrumbs: _, linkComponent: v = "a", size: y, ...b } = t, x = R({
+		name: "PageHeader",
+		classes: ur,
+		props: t,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		attributes: c,
+		vars: s,
+		varsResolver: (e, { iconSize: t }) => ({ root: { "--page-header-icon-size": t === void 0 ? void 0 : typeof t == "number" ? Bt(t) : t } })
+	});
+	return /* @__PURE__ */ B(A, {
+		...x("root"),
+		...b,
+		children: [_ && _.length > 0 && /* @__PURE__ */ z(ge, {
+			...x("breadcrumbs"),
 			fz: "sm",
 			separatorMargin: 6,
-			children: i.map((e, t) => e.href ? /* @__PURE__ */ R(le, {
-				component: a,
+			children: _.map((e, t) => e.href ? /* @__PURE__ */ z(le, {
+				component: v,
 				href: e.href,
-				...a !== "a" && { to: e.href },
+				...v !== "a" && { to: e.href },
 				fz: "sm",
 				children: e.label
-			}, t) : /* @__PURE__ */ R(A, {
+			}, t) : /* @__PURE__ */ z(A, {
 				component: "span",
 				c: "var(--ds-text-3)",
 				fz: "sm",
 				children: e.label
 			}, t))
-		}), /* @__PURE__ */ z(j, {
-			justify: "space-between",
-			align: "flex-end",
-			gap: "md",
-			wrap: "wrap",
-			children: [/* @__PURE__ */ z("div", {
-				style: {
-					flex: "1 1 320px",
-					minWidth: 0
-				},
-				children: [
-					e && /* @__PURE__ */ R(m, { children: e }),
-					o === "display" ? /* @__PURE__ */ R(C, {
-						component: "h1",
-						size: "lg",
-						fz: "var(--type-display-sm)",
-						lh: 1.15,
-						mt: 8,
-						children: t
-					}) : /* @__PURE__ */ R(C, {
-						component: "h1",
-						size: "lg",
-						mt: e ? 8 : 0,
-						children: t
-					}),
-					n && /* @__PURE__ */ R(h, {
-						component: "div",
-						size: "lg",
-						c: "var(--ds-text-2)",
-						maw: 640,
-						mt: 8,
-						children: n
-					})
-				]
-			}), r && /* @__PURE__ */ R(j, {
-				gap: "sm",
-				children: r
+		}), /* @__PURE__ */ B("div", {
+			...x("header"),
+			children: [/* @__PURE__ */ B("div", {
+				...x("main"),
+				children: [f && /* @__PURE__ */ z("div", {
+					...x("icon"),
+					"aria-hidden": !0,
+					children: f
+				}), /* @__PURE__ */ B("div", {
+					...x("body"),
+					children: [
+						l && /* @__PURE__ */ z(m, {
+							...x("kicker"),
+							children: l
+						}),
+						y === "display" ? /* @__PURE__ */ z(C, {
+							component: "h1",
+							size: "lg",
+							fz: "var(--type-display-sm)",
+							lh: 1.15,
+							mt: 8,
+							...x("title"),
+							children: u
+						}) : /* @__PURE__ */ z(C, {
+							component: "h1",
+							size: "lg",
+							mt: l ? 8 : 0,
+							...x("title"),
+							children: u
+						}),
+						d && /* @__PURE__ */ z(h, {
+							component: "div",
+							size: "lg",
+							c: "var(--ds-text-2)",
+							maw: 640,
+							mt: 8,
+							...x("description"),
+							children: d
+						})
+					]
+				})]
+			}), g && /* @__PURE__ */ z("div", {
+				...x("actions"),
+				children: g
 			})]
 		})]
 	});
-}
-cr.displayName = "@jcdecor/ui/PageHeader";
+});
+fr.classes = ur, fr.displayName = "@jcdecor/ui/PageHeader";
 var Q = {
 	wrapper: "jc-DataTable-wrapper-1irlf",
 	num: "jc-DataTable-num-73qhh",
 	sortButton: "jc-DataTable-sortButton-vnopd",
 	row: "jc-DataTable-row-73qkb",
 	footer: "jc-DataTable-footer-ngrsx"
-}, lr = (e) => e.id ?? e.key ?? "";
-function ur(e, t) {
+}, pr = (e) => e.id ?? e.key ?? "";
+function mr(e, t) {
 	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""), "pt-BR", {
 		numeric: !0,
 		sensitivity: "base"
 	});
 }
-function dr({ columns: e, data: t, rowKey: n, initialSort: r, sort: i, onSortChange: a, pageSize: o, loading: s, loadingRows: c = 5, empty: l, onRowClick: u, plain: d, striped: p, stickyHeader: m, tableProps: h, ...g }) {
-	let [_, v] = un(r ?? null), y = i === void 0 ? _ : i, [b, x] = un(1), S = (e) => {
+function hr({ columns: e, data: t, rowKey: n, initialSort: r, sort: i, onSortChange: a, pageSize: o, loading: s, loadingRows: c = 5, empty: l, onRowClick: u, plain: d, striped: p, stickyHeader: m, tableProps: h, ...g }) {
+	let [_, v] = dn(r ?? null), y = i === void 0 ? _ : i, [b, x] = dn(1), S = (e) => {
 		i === void 0 && v(e), a?.(e), x(1);
 	}, C = (e) => {
 		!y || y.key !== e ? S({
@@ -1452,26 +1506,26 @@ function dr({ columns: e, data: t, rowKey: n, initialSort: r, sort: i, onSortCha
 			key: e,
 			direction: "desc"
 		}) : S(null);
-	}, w = ln(() => {
+	}, w = un(() => {
 		if (!y) return t;
-		let n = e.find((e) => lr(e) === y.key), r = n?.sortValue ?? ((e) => n?.key ? e[n.key] : void 0), i = [...t].sort((e, t) => ur(r(e), r(t)));
+		let n = e.find((e) => pr(e) === y.key), r = n?.sortValue ?? ((e) => n?.key ? e[n.key] : void 0), i = [...t].sort((e, t) => mr(r(e), r(t)));
 		return y.direction === "desc" ? i.reverse() : i;
 	}, [
 		t,
 		y,
 		e
-	]), T = o ? Math.max(1, Math.ceil(w.length / o)) : 1, E = Math.min(b, T), D = o ? w.slice((E - 1) * o, E * o) : w, ee = /* @__PURE__ */ R(M.Thead, { children: /* @__PURE__ */ R(M.Tr, { children: e.map((e) => {
-		let t = lr(e), n = y?.key === t, r = n ? y.direction === "asc" ? Kt : Wt : Jt;
-		return /* @__PURE__ */ R(M.Th, {
+	]), T = o ? Math.max(1, Math.ceil(w.length / o)) : 1, E = Math.min(b, T), D = o ? w.slice((E - 1) * o, E * o) : w, ee = /* @__PURE__ */ z(N.Thead, { children: /* @__PURE__ */ z(N.Tr, { children: e.map((e) => {
+		let t = pr(e), n = y?.key === t, r = n ? y.direction === "asc" ? qt : Gt : Yt;
+		return /* @__PURE__ */ z(N.Th, {
 			className: e.numeric ? Q.num : void 0,
 			style: { width: e.width },
 			"aria-sort": n ? y.direction === "asc" ? "ascending" : "descending" : void 0,
-			children: e.sortable ? /* @__PURE__ */ z("button", {
+			children: e.sortable ? /* @__PURE__ */ B("button", {
 				type: "button",
 				className: Q.sortButton,
 				"data-sorted": n || void 0,
 				onClick: () => C(t),
-				children: [e.header, /* @__PURE__ */ R(r, {
+				children: [e.header, /* @__PURE__ */ z(r, {
 					size: 12,
 					stroke: 2.5,
 					opacity: n ? 1 : .5
@@ -1479,20 +1533,20 @@ function dr({ columns: e, data: t, rowKey: n, initialSort: r, sort: i, onSortCha
 			}) : e.header
 		}, t);
 	}) }) }), O;
-	return O = s ? Array.from({ length: c }, (t, n) => /* @__PURE__ */ R(M.Tr, { children: e.map((e) => /* @__PURE__ */ R(M.Td, { children: /* @__PURE__ */ R(bt, {
+	return O = s ? Array.from({ length: c }, (t, n) => /* @__PURE__ */ z(N.Tr, { children: e.map((e) => /* @__PURE__ */ z(N.Td, { children: /* @__PURE__ */ z(yt, {
 		height: 14,
 		width: e.numeric ? "50%" : "80%",
 		ml: e.numeric ? "auto" : 0
-	}) }, lr(e))) }, n)) : D.length === 0 ? /* @__PURE__ */ R(M.Tr, { children: /* @__PURE__ */ R(M.Td, {
+	}) }, pr(e))) }, n)) : D.length === 0 ? /* @__PURE__ */ z(N.Tr, { children: /* @__PURE__ */ z(N.Td, {
 		colSpan: e.length,
-		children: l ?? /* @__PURE__ */ R(Pe, {
+		children: l ?? /* @__PURE__ */ z(Ne, {
 			py: "xl",
 			size: "sm",
-			icon: /* @__PURE__ */ R(Zt, { size: 22 }),
+			icon: /* @__PURE__ */ z(Qt, { size: 22 }),
 			title: "Nenhum resultado",
 			description: "Não há dados para exibir com os filtros atuais."
 		})
-	}) }) : D.map((t, r) => /* @__PURE__ */ R(M.Tr, {
+	}) }) : D.map((t, r) => /* @__PURE__ */ z(N.Tr, {
 		className: Q.row,
 		"data-clickable": u ? !0 : void 0,
 		onClick: u ? () => u(t, r) : void 0,
@@ -1502,33 +1556,33 @@ function dr({ columns: e, data: t, rowKey: n, initialSort: r, sort: i, onSortCha
 		} : void 0,
 		children: e.map((e) => {
 			let n = e.key ? t[e.key] : void 0, i = e.render ? e.render(t, r) : e.numeric && typeof n == "number" ? f(n, e.format) : n;
-			return /* @__PURE__ */ R(M.Td, {
+			return /* @__PURE__ */ z(N.Td, {
 				className: e.numeric ? Q.num : void 0,
 				children: i
-			}, lr(e));
+			}, pr(e));
 		})
-	}, n ? n(t, r) : r)), /* @__PURE__ */ z(A, {
+	}, n ? n(t, r) : r)), /* @__PURE__ */ B(A, {
 		className: Q.wrapper,
 		"data-plain": d || void 0,
 		...g,
-		children: [/* @__PURE__ */ R(gt, {
+		children: [/* @__PURE__ */ z(ht, {
 			type: "auto",
-			children: /* @__PURE__ */ z(M, {
+			children: /* @__PURE__ */ B(N, {
 				striped: p,
 				stickyHeader: m,
 				...h,
-				children: [ee, /* @__PURE__ */ R(M.Tbody, { children: O })]
+				children: [ee, /* @__PURE__ */ z(N.Tbody, { children: O })]
 			})
-		}), o && w.length > o && /* @__PURE__ */ z("div", {
+		}), o && w.length > o && /* @__PURE__ */ B("div", {
 			className: Q.footer,
-			children: [/* @__PURE__ */ z("span", { children: [
+			children: [/* @__PURE__ */ B("span", { children: [
 				f((E - 1) * o + 1),
 				"–",
 				f(Math.min(E * o, w.length)),
 				" de",
 				" ",
 				f(w.length)
-			] }), /* @__PURE__ */ R(rt, {
+			] }), /* @__PURE__ */ z(nt, {
 				size: "sm",
 				total: T,
 				value: E,
@@ -1537,20 +1591,20 @@ function dr({ columns: e, data: t, rowKey: n, initialSort: r, sort: i, onSortCha
 		})]
 	});
 }
-dr.displayName = "@jcdecor/ui/DataTable";
+hr.displayName = "@jcdecor/ui/DataTable";
 //#endregion
 //#region src/components/ThemeToggle/ThemeToggle.tsx
-function fr({ as: e = "icon", label: t = "Alternar tema", variant: n, color: r, size: i, ...a }) {
-	let { setColorScheme: o } = Ht(), s = Vt("light", { getInitialValueInEffect: !0 }), c = () => o(s === "dark" ? "light" : "dark"), l = s === "dark" ? an : nn;
-	return e === "button" ? /* @__PURE__ */ R(ve, {
+function gr({ as: e = "icon", label: t = "Alternar tema", variant: n, color: r, size: i, ...a }) {
+	let { setColorScheme: o } = Ht(), s = Vt("light", { getInitialValueInEffect: !0 }), c = () => o(s === "dark" ? "light" : "dark"), l = s === "dark" ? on : rn;
+	return e === "button" ? /* @__PURE__ */ z(j, {
 		variant: n ?? "outline",
 		color: r,
 		size: i ?? "sm",
-		leftSection: /* @__PURE__ */ R(l, { size: 16 }),
+		leftSection: /* @__PURE__ */ z(l, { size: 16 }),
 		onClick: c,
 		...a,
 		children: t
-	}) : /* @__PURE__ */ R(oe, {
+	}) : /* @__PURE__ */ z(oe, {
 		variant: n ?? "subtle",
 		color: r,
 		size: i ?? "lg",
@@ -1558,10 +1612,10 @@ function fr({ as: e = "icon", label: t = "Alternar tema", variant: n, color: r,
 		"aria-label": t,
 		title: t,
 		...a,
-		children: /* @__PURE__ */ R(l, { size: 18 })
+		children: /* @__PURE__ */ z(l, { size: 18 })
 	});
 }
-fr.displayName = "@jcdecor/ui/ThemeToggle";
+gr.displayName = "@jcdecor/ui/ThemeToggle";
 var $ = {
 	swatch: "jc-TokenSwatch-swatch-dd519",
 	color: "jc-TokenSwatch-color-1q1r0",
@@ -1573,31 +1627,31 @@ var $ = {
 };
 //#endregion
 //#region src/components/TokenSwatch/TokenSwatch.tsx
-function pr({ name: e, value: t, cssVar: n, copy: r = "value", className: i, ...a }) {
-	let o = dn({ timeout: 1200 }), s = r === "cssVar" && n ? `var(${n})` : t;
-	return /* @__PURE__ */ R(jt, {
+function _r({ name: e, value: t, cssVar: n, copy: r = "value", className: i, ...a }) {
+	let o = fn({ timeout: 1200 }), s = r === "cssVar" && n ? `var(${n})` : t;
+	return /* @__PURE__ */ z(At, {
 		label: o.copied ? "Copiado!" : `Copiar ${s}`,
 		withArrow: !0,
-		children: /* @__PURE__ */ z("button", {
+		children: /* @__PURE__ */ B("button", {
 			type: "button",
 			className: i ? `${$.swatch} ${i}` : $.swatch,
 			onClick: () => o.copy(s),
 			...a,
-			children: [/* @__PURE__ */ R("div", {
+			children: [/* @__PURE__ */ z("div", {
 				className: $.color,
 				style: { background: t }
-			}), /* @__PURE__ */ z("div", {
+			}), /* @__PURE__ */ B("div", {
 				className: $.info,
 				children: [
-					/* @__PURE__ */ R("div", {
+					/* @__PURE__ */ z("div", {
 						className: $.name,
 						children: e
 					}),
-					/* @__PURE__ */ R("div", {
+					/* @__PURE__ */ z("div", {
 						className: $.hex,
 						children: t
 					}),
-					n && /* @__PURE__ */ R("div", {
+					n && /* @__PURE__ */ z("div", {
 						className: $.hex,
 						children: n
 					})
@@ -1606,21 +1660,21 @@ function pr({ name: e, value: t, cssVar: n, copy: r = "value", className: i, ...
 		})
 	});
 }
-pr.displayName = "@jcdecor/ui/TokenSwatch";
-function mr({ steps: e, className: t, ...n }) {
-	let r = dn({ timeout: 1200 });
-	return /* @__PURE__ */ R("div", {
+_r.displayName = "@jcdecor/ui/TokenSwatch";
+function vr({ steps: e, className: t, ...n }) {
+	let r = fn({ timeout: 1200 });
+	return /* @__PURE__ */ z("div", {
 		className: t ? `${$.ramp} ${t}` : $.ramp,
 		...n,
-		children: e.map((e) => /* @__PURE__ */ R(jt, {
+		children: e.map((e) => /* @__PURE__ */ z(At, {
 			label: r.copied ? "Copiado!" : e.value,
 			withArrow: !0,
-			children: /* @__PURE__ */ z("button", {
+			children: /* @__PURE__ */ B("button", {
 				type: "button",
 				className: $.step,
 				style: {
 					background: e.value,
-					color: Rt(e.value) > .3 ? "var(--dc-obsidian)" : "#fff"
+					color: Lt(e.value) > .3 ? "var(--dc-obsidian)" : "#fff"
 				},
 				onClick: () => r.copy(e.value),
 				children: [e.label, e.derived ? "*" : ""]
@@ -1628,38 +1682,38 @@ function mr({ steps: e, className: t, ...n }) {
 		}, e.label))
 	});
 }
-mr.displayName = "@jcdecor/ui/ColorRamp";
+vr.displayName = "@jcdecor/ui/ColorRamp";
 //#endregion
 //#region src/components/PriceTag/PriceTag.tsx
-var hr = {
+var yr = {
 	sm: "var(--type-subheadline-lg)",
 	md: "var(--type-headline-sm)",
 	lg: "var(--type-headline-lg)"
 };
-function gr({ value: e, oldValue: t, installments: n, pixDiscount: r, unit: i, size: a = "md", ...o }) {
-	return /* @__PURE__ */ z(A, {
+function br({ value: e, oldValue: t, installments: n, pixDiscount: r, unit: i, size: a = "md", ...o }) {
+	return /* @__PURE__ */ B(A, {
 		...o,
 		children: [
-			t !== void 0 && t > e && /* @__PURE__ */ R(N, {
+			t !== void 0 && t > e && /* @__PURE__ */ z(P, {
 				fz: "xs",
 				c: "var(--ds-text-3)",
 				td: "line-through",
 				"aria-label": `Preço anterior ${b(t)}`,
 				children: b(t)
 			}),
-			/* @__PURE__ */ z(j, {
+			/* @__PURE__ */ B(M, {
 				gap: 4,
 				align: "baseline",
 				wrap: "nowrap",
-				children: [/* @__PURE__ */ R(N, {
+				children: [/* @__PURE__ */ z(P, {
 					component: "span",
-					fz: hr[a],
+					fz: yr[a],
 					fw: 700,
 					lh: 1.2,
 					c: "var(--ds-primary)",
 					style: { fontVariantNumeric: "tabular-nums" },
 					children: b(e)
-				}), i && /* @__PURE__ */ R(N, {
+				}), i && /* @__PURE__ */ z(P, {
 					component: "span",
 					fz: "xs",
 					c: "var(--ds-text-3)",
@@ -1667,7 +1721,7 @@ function gr({ value: e, oldValue: t, installments: n, pixDiscount: r, unit: i, s
 					children: i
 				})]
 			}),
-			r !== void 0 && r > 0 && /* @__PURE__ */ z(N, {
+			r !== void 0 && r > 0 && /* @__PURE__ */ B(P, {
 				fz: "xs",
 				fw: 600,
 				c: "var(--ds-tag-success-color)",
@@ -1678,7 +1732,7 @@ function gr({ value: e, oldValue: t, installments: n, pixDiscount: r, unit: i, s
 					"% off)"
 				]
 			}),
-			n && n.count > 1 && /* @__PURE__ */ z(N, {
+			n && n.count > 1 && /* @__PURE__ */ B(P, {
 				fz: "xs",
 				c: "var(--ds-text-2)",
 				children: [
@@ -1692,8 +1746,8 @@ function gr({ value: e, oldValue: t, installments: n, pixDiscount: r, unit: i, s
 		]
 	});
 }
-gr.displayName = "@jcdecor/ui/PriceTag";
-var _r = {
+br.displayName = "@jcdecor/ui/PriceTag";
+var xr = {
 	root: "jc-ProductCard-root-bpw1v",
 	media: "jc-ProductCard-media-823r5",
 	badges: "jc-ProductCard-badges-vg75e",
@@ -1702,15 +1756,15 @@ var _r = {
 	name: "jc-ProductCard-name-bpt7h",
 	price: "jc-ProductCard-price-83zjb",
 	action: "jc-ProductCard-action-v0jdp"
-}, vr = F((e) => {
-	let t = I("ProductCard", {
+}, Sr = I((e) => {
+	let t = L("ProductCard", {
 		showDiscount: !0,
 		actionLabel: "Comprar",
 		imageRatio: 1,
 		linkComponent: "a"
-	}, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, attributes: c, name: l, image: u, href: d, category: f, price: p, oldPrice: m, installments: h, pixDiscount: g, unit: _, badges: v, showDiscount: y, rating: b, reviews: x, favorite: S, onFavoriteChange: C, actionLabel: w, onAction: T, imageRatio: E, linkComponent: D = "a", ...ee } = t, O = L({
+	}, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, attributes: c, name: l, image: u, href: d, category: f, price: p, oldPrice: m, installments: h, pixDiscount: g, unit: _, badges: v, showDiscount: y, rating: b, reviews: x, favorite: S, onFavoriteChange: C, actionLabel: w, onAction: T, imageRatio: E, linkComponent: D = "a", ...ee } = t, O = R({
 		name: "ProductCard",
-		classes: _r,
+		classes: xr,
 		props: t,
 		className: r,
 		style: i,
@@ -1723,23 +1777,23 @@ var _r = {
 		to: d,
 		href: d
 	} : {}, ne = d ? D : "div";
-	return /* @__PURE__ */ z(ye, {
+	return /* @__PURE__ */ B(ve, {
 		...O("root"),
 		mod: { interactive: !!(d || T) },
 		...ee,
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				...O("media"),
 				style: { "--product-ratio": String(E) },
 				children: [
-					/* @__PURE__ */ R("img", {
+					/* @__PURE__ */ z("img", {
 						src: u,
 						alt: l,
 						loading: "lazy"
 					}),
-					/* @__PURE__ */ z("div", {
+					/* @__PURE__ */ B("div", {
 						...O("badges"),
-						children: [y && k > 0 && /* @__PURE__ */ z(Jn, {
+						children: [y && k > 0 && /* @__PURE__ */ B(Xn, {
 							tone: "error",
 							variant: "filled",
 							children: [
@@ -1747,9 +1801,9 @@ var _r = {
 								k,
 								"%"
 							]
-						}), v?.map((e, t) => /* @__PURE__ */ R(cn, { children: e }, t))]
+						}), v?.map((e, t) => /* @__PURE__ */ z(ln, { children: e }, t))]
 					}),
-					C && /* @__PURE__ */ R(oe, {
+					C && /* @__PURE__ */ z(oe, {
 						...O("favorite"),
 						variant: "subtle",
 						color: S ? "danger" : "obsidian",
@@ -1757,29 +1811,29 @@ var _r = {
 						"aria-label": S ? "Remover dos favoritos" : "Adicionar aos favoritos",
 						"aria-pressed": S,
 						onClick: () => C(!S),
-						children: R(S ? $t : Qt, { size: 18 })
+						children: z(S ? en : $t, { size: 18 })
 					})
 				]
 			}),
-			f && /* @__PURE__ */ R("div", {
+			f && /* @__PURE__ */ z("div", {
 				...O("category"),
 				children: f
 			}),
-			/* @__PURE__ */ R(ne, {
+			/* @__PURE__ */ z(ne, {
 				...te,
 				...O("name"),
 				children: l
 			}),
-			b !== void 0 && /* @__PURE__ */ z(j, {
+			b !== void 0 && /* @__PURE__ */ B(M, {
 				gap: 6,
 				mb: "xs",
-				children: [/* @__PURE__ */ R(pt, {
+				children: [/* @__PURE__ */ z(ft, {
 					value: b,
 					fractions: 2,
 					readOnly: !0,
 					size: "xs",
 					color: "electric.4"
-				}), x !== void 0 && /* @__PURE__ */ z(N, {
+				}), x !== void 0 && /* @__PURE__ */ B(P, {
 					fz: "xs",
 					c: "var(--ds-text-3)",
 					children: [
@@ -1789,7 +1843,7 @@ var _r = {
 					]
 				})]
 			}),
-			/* @__PURE__ */ R(gr, {
+			/* @__PURE__ */ z(br, {
 				...O("price"),
 				value: p,
 				oldValue: m,
@@ -1797,22 +1851,22 @@ var _r = {
 				pixDiscount: g,
 				unit: _
 			}),
-			T && /* @__PURE__ */ R(ve, {
+			T && /* @__PURE__ */ z(j, {
 				...O("action"),
 				fullWidth: !0,
-				leftSection: /* @__PURE__ */ R(rn, { size: 18 }),
+				leftSection: /* @__PURE__ */ z(an, { size: 18 }),
 				onClick: T,
 				children: w
 			})
 		]
 	});
 });
-vr.classes = _r, vr.displayName = "@jcdecor/ui/ProductCard";
+Sr.classes = xr, Sr.displayName = "@jcdecor/ui/ProductCard";
 //#endregion
 //#region src/components/CouponCode/CouponCode.tsx
-function yr({ code: e, description: t, copyLabel: n = "Copiar", copiedLabel: r = "Copiado!", onCopy: i, ...a }) {
-	let o = dn({ timeout: 1600 });
-	return /* @__PURE__ */ R(A, {
+function Cr({ code: e, description: t, copyLabel: n = "Copiar", copiedLabel: r = "Copiado!", onCopy: i, ...a }) {
+	let o = fn({ timeout: 1600 });
+	return /* @__PURE__ */ z(A, {
 		p: "sm",
 		style: {
 			border: "2px dashed var(--ds-primary)",
@@ -1820,26 +1874,26 @@ function yr({ code: e, description: t, copyLabel: n = "Copiar", copiedLabel: r =
 			background: "var(--ds-primary-soft)"
 		},
 		...a,
-		children: /* @__PURE__ */ z(j, {
+		children: /* @__PURE__ */ B(M, {
 			justify: "space-between",
 			gap: "sm",
 			wrap: "nowrap",
-			children: [/* @__PURE__ */ z(j, {
+			children: [/* @__PURE__ */ B(M, {
 				gap: "sm",
 				wrap: "nowrap",
 				style: { minWidth: 0 },
-				children: [/* @__PURE__ */ R(on, {
+				children: [/* @__PURE__ */ z(sn, {
 					size: 22,
 					color: "var(--ds-primary)",
 					style: { flexShrink: 0 }
-				}), /* @__PURE__ */ z("div", {
+				}), /* @__PURE__ */ B("div", {
 					style: { minWidth: 0 },
-					children: [t && /* @__PURE__ */ R(N, {
+					children: [t && /* @__PURE__ */ z(P, {
 						fz: "xs",
 						c: "var(--ds-text-2)",
 						fw: 500,
 						children: t
-					}), /* @__PURE__ */ R(N, {
+					}), /* @__PURE__ */ z(P, {
 						fw: 700,
 						fz: "lg",
 						lts: "0.08em",
@@ -1848,11 +1902,11 @@ function yr({ code: e, description: t, copyLabel: n = "Copiar", copiedLabel: r =
 						children: e
 					})]
 				})]
-			}), /* @__PURE__ */ R(ve, {
+			}), /* @__PURE__ */ z(j, {
 				size: "sm",
 				variant: o.copied ? "filled" : "outline",
 				color: o.copied ? "evergreen" : void 0,
-				leftSection: o.copied ? /* @__PURE__ */ R(Yt, { size: 16 }) : /* @__PURE__ */ R(Xt, { size: 16 }),
+				leftSection: o.copied ? /* @__PURE__ */ z(Xt, { size: 16 }) : /* @__PURE__ */ z(Zt, { size: 16 }),
 				onClick: () => {
 					o.copy(e), i?.(e);
 				},
@@ -1861,8 +1915,8 @@ function yr({ code: e, description: t, copyLabel: n = "Copiar", copiedLabel: r =
 		})
 	});
 }
-yr.displayName = "@jcdecor/ui/CouponCode";
+Cr.displayName = "@jcdecor/ui/CouponCode";
 //#endregion
-export { ne as Collaborator, mr as ColorRamp, er as ContentCard, yr as CouponCode, dr as DataTable, p as Disclaimer, _ as Display, ee as GreekFrame, C as Headline, k as JcLogo, E as JcLogoAlt, Gn as JcProvider, m as Kicker, Z as KpiCard, ar as KpiGroup, S as LOCALE, cr as PageHeader, gr as PriceTag, vr as ProductCard, Qn as PromoBanner, w as SpartanHelmet, h as Subheadline, Jn as Tag, fr as ThemeToggle, pr as TokenSwatch, sr as TopNav, O as altLogoPaths, te as collaboratorPaths, v as formatCompact, b as formatCurrency, g as formatDate, f as formatNumber, y as formatPercent, x as formatTime, nr as getDeltaTone, T as greekFramePaths, d as jcColors, Wn as jcCssVariablesResolver, Ln as jcTheme, mn as jcVariantColorResolver, D as logoPaths, re as spartanPaths, n as tokens };
+export { ne as Collaborator, vr as ColorRamp, nr as ContentCard, Cr as CouponCode, hr as DataTable, p as Disclaimer, _ as Display, ee as GreekFrame, C as Headline, k as JcLogo, E as JcLogoAlt, qn as JcProvider, m as Kicker, Z as KpiCard, sr as KpiGroup, S as LOCALE, fr as PageHeader, br as PriceTag, Sr as ProductCard, er as PromoBanner, w as SpartanHelmet, h as Subheadline, Xn as Tag, gr as ThemeToggle, _r as TokenSwatch, lr as TopNav, O as altLogoPaths, te as collaboratorPaths, v as formatCompact, b as formatCurrency, g as formatDate, f as formatNumber, y as formatPercent, x as formatTime, ir as getDeltaTone, T as greekFramePaths, d as jcColors, Kn as jcCssVariablesResolver, zn as jcTheme, hn as jcVariantColorResolver, D as logoPaths, re as spartanPaths, n as tokens };
 
 //# sourceMappingURL=index.js.map