@jcdecor/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,1868 @@
+"use client";
+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, t as l, u } from "./tokens-BBTJY6nq.js";
+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";
+export * from "@mantine/core";
+//#region src/theme/variantColorResolver.ts
+var pn = {
+	horizon: "primary",
+	blue: "primary",
+	evergreen: "success",
+	green: "success",
+	teal: "success",
+	electric: "warn",
+	yellow: "warn",
+	danger: "error",
+	red: "error",
+	obsidian: "neutral",
+	gray: "neutral",
+	dark: "neutral"
+}, mn = (e) => {
+	let { variant: t, theme: n } = e, r = e.color ?? n.primaryColor, i = Bt({
+		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 {
+		...P(e),
+		color: "var(--jc-on-filled)",
+		hoverColor: "var(--jc-on-filled)"
+	};
+	if (t === "outline") {
+		let t = P(e), r = P({
+			...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) 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 && pn[a]) {
+		let e = pn[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 P(e);
+}, hn = (e) => e === "xs" || e === "sm" || e === "md" || e === "lg" || e === "xl", gn = {
+	xs: {
+		height: "28px",
+		px: "10px",
+		fz: "12px",
+		inputFz: "12px"
+	},
+	sm: {
+		height: "32px",
+		px: "12px",
+		fz: "13px",
+		inputFz: "14px"
+	},
+	md: {
+		height: "40px",
+		px: "16px",
+		fz: o.button.size,
+		inputFz: "16px"
+	},
+	lg: {
+		height: "48px",
+		px: "20px",
+		fz: "16px",
+		inputFz: "16px"
+	},
+	xl: {
+		height: "56px",
+		px: "24px",
+		fz: "18px",
+		inputFz: "18px"
+	}
+}, _n = {
+	backgroundOpacity: .5,
+	blur: 2,
+	color: "#08154B"
+}, vn = {
+	button: "jc-buttons-button-149h8",
+	actionIcon: "jc-buttons-actionIcon-1ori4",
+	closeButton: "jc-buttons-closeButton-5uyy8"
+}, yn = {
+	Button: ve.extend({
+		classNames: { root: vn.button },
+		vars: (e, t) => {
+			if (!hn(t.size ?? "md")) return { root: {} };
+			let n = gn[t.size ?? "md"];
+			return { root: {
+				"--button-height": n.height,
+				"--button-padding-x": n.px,
+				"--button-fz": n.fz
+			} };
+		}
+	}),
+	ActionIcon: oe.extend({
+		defaultProps: { variant: "subtle" },
+		classNames: { root: vn.actionIcon }
+	}),
+	CloseButton: Te.extend({ classNames: { root: vn.closeButton } })
+}, B = {
+	dropdown: "jc-combobox-dropdown-17a97",
+	option: "jc-combobox-option-1si4t",
+	groupLabel: "jc-combobox-groupLabel-15fc7",
+	empty: "jc-combobox-empty-hyrl8",
+	search: "jc-combobox-search-1u7xm",
+	header: "jc-combobox-header-1p0fh",
+	footer: "jc-combobox-footer-1o83g",
+	pill: "jc-combobox-pill-1qg7v",
+	pillRemove: "jc-combobox-pillRemove-1ctiv",
+	cascaderColumn: "jc-combobox-cascaderColumn-d4mtr",
+	cascaderOption: "jc-combobox-cascaderOption-ituy4",
+	cascaderOverflow: "jc-combobox-cascaderOverflow-1rawy"
+}, bn = [
+	"Select",
+	"MultiSelect",
+	"Autocomplete",
+	"TagsInput",
+	"PillsInput",
+	"Cascader",
+	"TreeSelect",
+	"Combobox"
+], V = {
+	dropdown: B.dropdown,
+	option: B.option,
+	groupLabel: B.groupLabel,
+	empty: B.empty
+}, xn = {
+	Combobox: {
+		...V,
+		search: B.search,
+		header: B.header,
+		footer: B.footer
+	},
+	ComboboxPopover: {
+		...V,
+		search: B.search
+	},
+	Select: V,
+	Autocomplete: V,
+	MultiSelect: {
+		...V,
+		pill: B.pill
+	},
+	TagsInput: {
+		...V,
+		pill: B.pill
+	},
+	TreeSelect: {
+		...V,
+		pill: B.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" } : {},
+		classNames: t
+	}])),
+	Cascader: be.extend({
+		defaultProps: { size: "md" },
+		classNames: {
+			...V,
+			column: B.cascaderColumn,
+			columnOption: B.cascaderOption,
+			flatOption: B.option,
+			columnsOverflow: B.cascaderOverflow
+		}
+	}),
+	Pill: at.extend({ classNames: {
+		root: B.pill,
+		remove: B.pillRemove
+	} })
+}, H = {
+	badge: "jc-dataDisplay-badge-y32oj",
+	accordionItem: "jc-dataDisplay-accordionItem-1ojd4",
+	accordionControl: "jc-dataDisplay-accordionControl-1pgyb",
+	accordionLabel: "jc-dataDisplay-accordionLabel-two7l",
+	accordionChevron: "jc-dataDisplay-accordionChevron-1m0q3",
+	accordionContent: "jc-dataDisplay-accordionContent-1pgy2",
+	avatar: "jc-dataDisplay-avatar-1q26r",
+	dataList: "jc-dataDisplay-dataList-19i1v",
+	dataListLabel: "jc-dataDisplay-dataListLabel-g7pai",
+	dataListValue: "jc-dataDisplay-dataListValue-gd7g8",
+	indicator: "jc-dataDisplay-indicator-1jhk0",
+	kbd: "jc-dataDisplay-kbd-iqhii",
+	spoilerControl: "jc-dataDisplay-spoilerControl-1en0q",
+	timeline: "jc-dataDisplay-timeline-1glrj",
+	timelineItem: "jc-dataDisplay-timelineItem-1xxlx",
+	timelineBullet: "jc-dataDisplay-timelineBullet-7n3af",
+	timelineTitle: "jc-dataDisplay-timelineTitle-116d2"
+}, Cn = {
+	Accordion: ie.extend({
+		defaultProps: { chevronPosition: "right" },
+		classNames: {
+			item: H.accordionItem,
+			control: H.accordionControl,
+			label: H.accordionLabel,
+			chevron: H.accordionChevron,
+			content: H.accordionContent
+		}
+	}),
+	Avatar: fe.extend({
+		defaultProps: {
+			color: "horizon",
+			radius: "xl"
+		},
+		classNames: { root: H.avatar }
+	}),
+	BackgroundImage: pe.extend({ defaultProps: { radius: "md" } }),
+	Badge: me.extend({
+		defaultProps: {
+			variant: "light",
+			radius: "xl"
+		},
+		classNames: { root: H.badge },
+		vars: (e, t) => (t.size ?? "md") === "md" ? { root: {
+			"--badge-height": "24px",
+			"--badge-fz": "12px",
+			"--badge-padding-x": "8px"
+		} } : { root: {} }
+	}),
+	Card: ye.extend({ defaultProps: {
+		radius: "md",
+		padding: "lg",
+		shadow: "sm",
+		withBorder: !0
+	} }),
+	DataList: Ae.extend({ classNames: {
+		root: H.dataList,
+		itemLabel: H.dataListLabel,
+		itemValue: H.dataListValue
+	} }),
+	Image: ze.extend({ defaultProps: { radius: "md" } }),
+	Indicator: Be.extend({
+		defaultProps: { color: "danger" },
+		classNames: { indicator: H.indicator }
+	}),
+	Kbd: Ue.extend({ classNames: { root: H.kbd } }),
+	NumberFormatter: tt.extend({ defaultProps: {
+		thousandSeparator: ".",
+		decimalSeparator: ","
+	} }),
+	RollingNumber: ht.extend({ defaultProps: {
+		thousandSeparator: ".",
+		decimalSeparator: ","
+	} }),
+	Spoiler: Ct.extend({ classNames: { control: H.spoilerControl } }),
+	ThemeIcon: Ot.extend({ defaultProps: { radius: "md" } }),
+	Timeline: kt.extend({
+		defaultProps: {
+			bulletSize: 24,
+			lineWidth: 2
+		},
+		classNames: {
+			root: H.timeline,
+			item: H.timelineItem,
+			itemBullet: H.timelineBullet,
+			itemTitle: H.timelineTitle
+		}
+	})
+}, U = {
+	alert: "jc-feedback-alert-n3tf0",
+	alertTitle: "jc-feedback-alertTitle-1z68r",
+	alertMessage: "jc-feedback-alertMessage-jigev",
+	alertWrapper: "jc-feedback-alertWrapper-u3ubp",
+	notification: "jc-feedback-notification-16k5u",
+	notificationTitle: "jc-feedback-notificationTitle-1xh57",
+	notificationDescription: "jc-feedback-notificationDescription-vjen2",
+	notificationIcon: "jc-feedback-notificationIcon-rfugf",
+	progress: "jc-feedback-progress-j1f7j",
+	progressLabel: "jc-feedback-progressLabel-wds8t",
+	ringCurve: "jc-feedback-ringCurve-16jyl",
+	semiCircle: "jc-feedback-semiCircle-f8jo0",
+	semiCircleLabel: "jc-feedback-semiCircleLabel-1uy28",
+	skeleton: "jc-feedback-skeleton-1x4pg",
+	emptyIndicator: "jc-feedback-emptyIndicator-1r421",
+	emptyState: "jc-feedback-emptyState-nq4vc",
+	emptyTitle: "jc-feedback-emptyTitle-nqi0z",
+	emptyDescription: "jc-feedback-emptyDescription-1jfzf"
+}, wn = {
+	Notification: et.extend({
+		defaultProps: { radius: "md" },
+		classNames: {
+			root: U.notification,
+			title: U.notificationTitle,
+			description: U.notificationDescription,
+			icon: U.notificationIcon
+		}
+	}),
+	Alert: se.extend({
+		defaultProps: { variant: "light" },
+		classNames: {
+			root: U.alert,
+			wrapper: U.alertWrapper,
+			title: U.alertTitle,
+			message: U.alertMessage
+		}
+	}),
+	Loader: Ge.extend({ defaultProps: { type: "oval" } }),
+	Progress: ct.extend({
+		defaultProps: { radius: "xl" },
+		classNames: {
+			root: U.progress,
+			label: U.progressLabel
+		}
+	}),
+	RingProgress: mt.extend({ classNames: { curve: U.ringCurve } }),
+	SemiCircleProgress: vt.extend({ classNames: {
+		root: U.semiCircle,
+		label: U.semiCircleLabel
+	} }),
+	Skeleton: bt.extend({ classNames: { root: U.skeleton } }),
+	EmptyState: Pe.extend({ classNames: {
+		root: U.emptyState,
+		indicator: U.emptyIndicator,
+		title: U.emptyTitle,
+		description: U.emptyDescription
+	} })
+}, W = {
+	input: "jc-inputs-input-14fe0",
+	label: "jc-inputs-label-14gss",
+	description: "jc-inputs-description-h3o5l",
+	segmentedRoot: "jc-inputs-segmentedRoot-a1pin",
+	segmentedIndicator: "jc-inputs-segmentedIndicator-hur0q",
+	segmentedLabel: "jc-inputs-segmentedLabel-r8yuv",
+	nativeSelect: "jc-inputs-nativeSelect-x6pd6",
+	nativeSelectSection: "jc-inputs-nativeSelectSection-10qzx",
+	checkInput: "jc-inputs-checkInput-103g7",
+	selectCard: "jc-inputs-selectCard-hm0vp",
+	switchTrack: "jc-inputs-switchTrack-9mzum",
+	chipLabel: "jc-inputs-chipLabel-16nl7",
+	fieldset: "jc-inputs-fieldset-moaap",
+	fieldsetLegend: "jc-inputs-fieldsetLegend-1kql8",
+	pinInput: "jc-inputs-pinInput-uiey8",
+	sliderRoot: "jc-inputs-sliderRoot-1rast",
+	sliderThumb: "jc-inputs-sliderThumb-18hr1",
+	sliderLabel: "jc-inputs-sliderLabel-18d7t",
+	sliderMarkLabel: "jc-inputs-sliderMarkLabel-pr3dw",
+	angleRoot: "jc-inputs-angleRoot-veqfe",
+	angleThumb: "jc-inputs-angleThumb-1eb9s",
+	angleLabel: "jc-inputs-angleLabel-1e6qk",
+	rating: "jc-inputs-rating-1dsgs",
+	ratingStar: "jc-inputs-ratingStar-8k0na",
+	colorSlider: "jc-inputs-colorSlider-1pqmu",
+	colorSliderOverlay: "jc-inputs-colorSliderOverlay-f2qdi",
+	colorThumb: "jc-inputs-colorThumb-1u5u0",
+	colorSaturation: "jc-inputs-colorSaturation-wvgu3",
+	colorSwatch: "jc-inputs-colorSwatch-1pwjt"
+}, Tn = Object.fromEntries([
+	"InputBase",
+	"TextInput",
+	"PasswordInput",
+	"NumberInput",
+	"Textarea",
+	"JsonInput",
+	"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
+}, On = {
+	...Tn,
+	Input: Ve.extend({
+		defaultProps: { size: "md" },
+		classNames: { input: W.input },
+		vars: (e, t) => {
+			let n = t.size ?? "md";
+			return hn(n) ? { wrapper: {
+				"--input-height": gn[n].height,
+				"--input-fz": gn[n].inputFz
+			} } : { wrapper: {} };
+		}
+	}),
+	InputWrapper: He.extend({ classNames: {
+		label: W.label,
+		description: W.description
+	} }),
+	NativeSelect: Qe.extend({
+		defaultProps: { size: "md" },
+		classNames: {
+			input: W.nativeSelect,
+			section: W.nativeSelectSection
+		}
+	}),
+	Checkbox: xe.extend({
+		defaultProps: { radius: "xs" },
+		classNames: { input: W.checkInput }
+	}),
+	CheckboxIndicator: Ce.extend({
+		defaultProps: { radius: "xs" },
+		classNames: { indicator: W.checkInput }
+	}),
+	CheckboxCard: Se.extend({
+		defaultProps: { radius: "md" },
+		classNames: { card: W.selectCard }
+	}),
+	Radio: lt.extend({ classNames: { radio: W.checkInput } }),
+	RadioIndicator: dt.extend({ classNames: { indicator: W.checkInput } }),
+	RadioCard: ut.extend({
+		defaultProps: { radius: "md" },
+		classNames: { card: W.selectCard }
+	}),
+	Switch: Tt.extend({
+		defaultProps: { radius: "xl" },
+		classNames: { track: W.switchTrack }
+	}),
+	Chip: we.extend({
+		defaultProps: { variant: "outline" },
+		classNames: { label: W.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: _t.extend({
+		defaultProps: { radius: "sm" },
+		classNames: {
+			root: W.segmentedRoot,
+			indicator: W.segmentedIndicator,
+			label: W.segmentedLabel
+		}
+	}),
+	Fieldset: Fe.extend({
+		defaultProps: { radius: "md" },
+		classNames: {
+			root: W.fieldset,
+			legend: W.fieldsetLegend
+		}
+	}),
+	PinInput: ot.extend({
+		defaultProps: { size: "md" },
+		classNames: { input: W.pinInput },
+		vars: (e, t) => {
+			let n = t.size ?? "md";
+			return { root: hn(n) ? { "--pin-input-size": gn[n].height } : {} };
+		}
+	}),
+	Slider: xt.extend({ classNames: Dn }),
+	RangeSlider: ft.extend({ classNames: Dn }),
+	AngleSlider: ue.extend({ classNames: {
+		root: W.angleRoot,
+		thumb: W.angleThumb,
+		label: W.angleLabel
+	} }),
+	Rating: pt.extend({
+		defaultProps: { color: "electric.4" },
+		classNames: {
+			root: W.rating,
+			starSymbol: W.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
+	} }),
+	AlphaSlider: ce.extend({ classNames: En }),
+	HueSlider: Re.extend({ classNames: En })
+}, G = {
+	appShellMain: "jc-layout-appShellMain-wfqf1",
+	appShellNavbar: "jc-layout-appShellNavbar-1oy4v",
+	appShellAside: "jc-layout-appShellAside-axw4o",
+	appShellHeader: "jc-layout-appShellHeader-1m5oy",
+	appShellFooter: "jc-layout-appShellFooter-1ldcw",
+	container: "jc-layout-container-107f0",
+	splitter: "jc-layout-splitter-hn4up",
+	splitterHandle: "jc-layout-splitterHandle-1st37",
+	splitterThumb: "jc-layout-splitterThumb-g0wug"
+}, kn = {
+	AppShell: de.extend({ classNames: {
+		main: G.appShellMain,
+		navbar: G.appShellNavbar,
+		aside: G.appShellAside,
+		header: G.appShellHeader,
+		footer: G.appShellFooter
+	} }),
+	Container: ke.extend({ classNames: { root: G.container } }),
+	Splitter: St.extend({ classNames: {
+		root: G.splitter,
+		handle: G.splitterHandle,
+		thumb: G.splitterThumb
+	} })
+}, K = {
+	paper: "jc-misc-paper-9jp7c",
+	divider: "jc-misc-divider-1gqkk",
+	scrollbar: "jc-misc-scrollbar-1xic9",
+	scrollThumb: "jc-misc-scrollThumb-tc27a"
+}, An = {
+	Paper: it.extend({
+		defaultProps: { radius: "md" },
+		classNames: { root: K.paper }
+	}),
+	Divider: Me.extend({ classNames: { root: K.divider } }),
+	ScrollArea: gt.extend({ classNames: {
+		scrollbar: K.scrollbar,
+		thumb: K.scrollThumb
+	} })
+}, q = {
+	tabs: "jc-navigation-tabs-lccrk",
+	tab: "jc-navigation-tab-1881q",
+	anchor: "jc-navigation-anchor-193mr",
+	burger: "jc-navigation-burger-19osi",
+	navLink: "jc-navigation-navLink-kdnf5",
+	paginationControl: "jc-navigation-paginationControl-npz44",
+	stepper: "jc-navigation-stepper-vho87",
+	stepIcon: "jc-navigation-stepIcon-1gspe",
+	stepCompletedIcon: "jc-navigation-stepCompletedIcon-93fho",
+	stepLabel: "jc-navigation-stepLabel-31wcs",
+	stepDescription: "jc-navigation-stepDescription-1pyee",
+	tocControl: "jc-navigation-tocControl-10p5o",
+	tree: "jc-navigation-tree-lcd48",
+	treeLabel: "jc-navigation-treeLabel-1gd9n"
+}, jn = {
+	Tabs: Dt.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({
+		defaultProps: { variant: "light" },
+		classNames: { root: q.navLink }
+	}),
+	Pagination: rt.extend({
+		defaultProps: { radius: "sm" },
+		classNames: { control: q.paginationControl }
+	}),
+	Stepper: wt.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: {
+		root: q.tree,
+		label: q.treeLabel
+	} })
+}, J = {
+	dropdown: "jc-overlays-dropdown-12av7",
+	menuItem: "jc-overlays-menuItem-zgfwx",
+	menuLabel: "jc-overlays-menuLabel-xqbpi",
+	menuDivider: "jc-overlays-menuDivider-1ido1",
+	menubarRoot: "jc-overlays-menubarRoot-1snxm",
+	menubarTarget: "jc-overlays-menubarTarget-1qmvy",
+	floatingSurface: "jc-overlays-floatingSurface-6q1bm",
+	actionBarDivider: "jc-overlays-actionBarDivider-1twmz",
+	modalContent: "jc-overlays-modalContent-1hqwp",
+	modalHeader: "jc-overlays-modalHeader-vfr4o",
+	modalTitle: "jc-overlays-modalTitle-11uzk",
+	tooltip: "jc-overlays-tooltip-38e5a"
+}, Mn = {
+	dropdown: J.dropdown,
+	item: J.menuItem,
+	label: J.menuLabel,
+	divider: J.menuDivider
+}, Nn = {
+	Menu: Ye.extend({
+		defaultProps: {
+			shadow: "md",
+			radius: "sm"
+		},
+		classNames: Mn
+	}),
+	Menubar: Xe.extend({ classNames: {
+		root: J.menubarRoot,
+		target: J.menubarTarget
+	} }),
+	Popover: st.extend({
+		defaultProps: {
+			shadow: "md",
+			radius: "sm"
+		},
+		classNames: { dropdown: J.dropdown }
+	}),
+	HoverCard: Le.extend({
+		defaultProps: {
+			shadow: "md",
+			radius: "md"
+		},
+		classNames: { dropdown: J.dropdown }
+	}),
+	Tooltip: jt.extend({
+		defaultProps: {
+			radius: "sm",
+			withArrow: !0
+		},
+		classNames: { tooltip: J.tooltip }
+	}),
+	Modal: Ze.extend({
+		defaultProps: {
+			radius: "md",
+			centered: !0,
+			shadow: "lg",
+			overlayProps: _n
+		},
+		classNames: {
+			content: J.modalContent,
+			header: J.modalHeader,
+			title: J.modalTitle
+		}
+	}),
+	Drawer: Ne.extend({
+		defaultProps: {
+			shadow: "lg",
+			overlayProps: _n
+		},
+		classNames: {
+			content: J.modalContent,
+			header: J.modalHeader,
+			title: J.modalTitle
+		}
+	}),
+	Dialog: je.extend({
+		defaultProps: {
+			radius: "md",
+			shadow: "lg"
+		},
+		classNames: { root: J.floatingSurface }
+	}),
+	ActionBar: ae.extend({
+		defaultProps: {
+			radius: "md",
+			shadow: "lg"
+		},
+		classNames: {
+			root: J.floatingSurface,
+			divider: J.actionBarDivider
+		}
+	}),
+	FloatingWindow: Ie.extend({
+		defaultProps: {
+			radius: "md",
+			shadow: "lg",
+			withBorder: !0
+		},
+		classNames: { root: J.floatingSurface }
+	}),
+	Overlay: nt.extend({ defaultProps: { color: l.obsidian } }),
+	LoadingOverlay: Ke.extend({ defaultProps: { overlayProps: {
+		backgroundOpacity: .75,
+		blur: 1
+	} } })
+}, Y = {
+	table: "jc-typography-table-1uzsg",
+	th: "jc-typography-th-jowng",
+	thead: "jc-typography-thead-1uzwz",
+	tr: "jc-typography-tr-jowng",
+	title: "jc-typography-title-1uzxx",
+	code: "jc-typography-code-tnctp",
+	blockquote: "jc-typography-blockquote-h6jh3",
+	blockquoteIcon: "jc-typography-blockquoteIcon-1otdy",
+	blockquoteCite: "jc-typography-blockquoteCite-1ota9",
+	mark: "jc-typography-mark-tnixj",
+	list: "jc-typography-list-tnigi",
+	listItem: "jc-typography-listItem-yd73r",
+	listItemIcon: "jc-typography-listItemIcon-rsh18",
+	typography: "jc-typography-typography-1l9yf"
+}, Pn = [
+	void 0,
+	"yellow",
+	"electric"
+], Fn = {
+	Blockquote: he.extend({
+		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: Ee.extend({ classNames: { root: Y.code } }),
+	List: We.extend({
+		defaultProps: { spacing: "xs" },
+		classNames: {
+			root: Y.list,
+			item: Y.listItem,
+			itemIcon: Y.listItemIcon
+		}
+	}),
+	Mark: Je.extend({
+		classNames: { root: Y.mark },
+		vars: (e, t) => {
+			let n = Pn.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)`
+			} };
+		}
+	}),
+	Table: M.extend({
+		defaultProps: {
+			highlightOnHover: !0,
+			verticalSpacing: "sm",
+			horizontalSpacing: "sm"
+		},
+		classNames: {
+			table: Y.table,
+			th: Y.th,
+			thead: Y.thead,
+			tr: Y.tr
+		}
+	}),
+	Title: At.extend({ classNames: { root: Y.title } }),
+	Typography: Nt.extend({ classNames: { root: Y.typography } })
+}, In = {
+	...kn,
+	...On,
+	...Sn,
+	...yn,
+	...jn,
+	...wn,
+	...Nn,
+	...Cn,
+	...Fn,
+	...An
+}, X = o, Ln = Pt({
+	colors: d,
+	primaryColor: "horizon",
+	primaryShade: {
+		light: 6,
+		dark: 4
+	},
+	autoContrast: !0,
+	luminanceThreshold: .3,
+	white: "#FFFFFF",
+	black: "#1F2228",
+	variantColorResolver: mn,
+	fontFamily: a,
+	fontFamilyMonospace: "ui-monospace, 'JetBrains Mono', SFMono-Regular, Menlo, monospace",
+	headings: {
+		fontFamily: a,
+		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: t[4],
+		sm: t[8],
+		md: t[16],
+		lg: t[24],
+		xl: t[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: t,
+		grid: c,
+		typography: o,
+		chartPalette: s
+	},
+	components: In
+}), Rn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+function zn(t) {
+	return {
+		"--ds-bg": t.bg,
+		"--ds-surface": t.surface,
+		"--ds-surface-2": t.surface2,
+		"--ds-text": t.text,
+		"--ds-text-2": t.text2,
+		"--ds-text-3": t.text3,
+		"--ds-border": t.border,
+		"--ds-border-soft": t.borderSoft,
+		"--ds-primary": t.primary,
+		"--ds-primary-hover": t.primaryHover,
+		"--ds-primary-soft": t.primarySoft,
+		"--ds-accent": t.accent,
+		"--ds-link": t.link,
+		"--ds-success-bg": t.successBg,
+		"--ds-warn-bg": t.warnBg,
+		"--ds-error-bg": t.errorBg,
+		"--ds-shadow-sm": t.shadowSm,
+		"--ds-shadow-md": t.shadowMd,
+		"--ds-shadow-lg": t.shadowLg,
+		"--mantine-color-body": t.bg,
+		"--mantine-color-text": t.text,
+		"--mantine-color-dimmed": t.text3,
+		"--mantine-color-default": t.surface,
+		"--mantine-color-default-hover": t.surface2,
+		"--mantine-color-default-border": t.border,
+		"--mantine-color-anchor": t.link,
+		"--mantine-color-error": e.error,
+		"--mantine-color-success": e.success
+	};
+}
+function Bn() {
+	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(l).forEach((t) => {
+		e[`--dc-${t}`] = l[t];
+	}), Object.keys(r).forEach((t) => {
+		Object.entries(r[t]).forEach(([n, r]) => {
+			e[`--dc-${t}-${n}`] = r;
+		});
+	}), Object.entries(o).forEach(([t, n]) => {
+		e[`--type-${Rn(t)}`] = n.size;
+	}), Object.entries(t).forEach(([t, n]) => {
+		e[`--sp-${t}`] = n;
+	}), e;
+}
+var Vn = {
+	light: {
+		"--ds-tag-primary-bg": r.horizon[50],
+		"--ds-tag-primary-hover": r.horizon[100],
+		"--ds-tag-primary-color": r.horizon[700],
+		"--ds-tag-success-bg": r.evergreen[50],
+		"--ds-tag-success-hover": r.evergreen[100],
+		"--ds-tag-success-color": r.evergreen[700],
+		"--ds-tag-warn-bg": r.electric[50],
+		"--ds-tag-warn-hover": r.electric[100],
+		"--ds-tag-warn-color": r.electric[700],
+		"--ds-tag-error-bg": r.danger[50],
+		"--ds-tag-error-hover": r.danger[100],
+		"--ds-tag-error-color": r.danger[700],
+		"--ds-tag-neutral-bg": r.gray[100],
+		"--ds-tag-neutral-hover": r.gray[200],
+		"--ds-tag-neutral-color": r.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": r.horizon[300],
+		"--ds-tag-success-bg": "rgba(97,184,117,.14)",
+		"--ds-tag-success-hover": "rgba(97,184,117,.22)",
+		"--ds-tag-success-color": r.evergreen[300],
+		"--ds-tag-warn-bg": "rgba(247,215,89,.12)",
+		"--ds-tag-warn-hover": "rgba(247,215,89,.2)",
+		"--ds-tag-warn-color": r.electric[200],
+		"--ds-tag-error-bg": "rgba(255,108,90,.14)",
+		"--ds-tag-error-hover": "rgba(255,108,90,.22)",
+		"--ds-tag-error-color": r.danger[300],
+		"--ds-tag-neutral-bg": u.dark.surface2,
+		"--ds-tag-neutral-hover": u.dark.border,
+		"--ds-tag-neutral-color": u.dark.text2
+	}
+}, Hn = 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)`]
+])), Un = (e) => Object.fromEntries(e.map((e, t) => [`--jc-chart-${t + 1}`, e])), Wn = () => ({
+	variables: Bn(),
+	light: {
+		...zn(u.light),
+		...Vn.light,
+		...Un(i.light),
+		...Hn,
+		"--ds-success": e.success,
+		"--ds-warn": e.warn,
+		"--ds-error": e.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: {
+		...zn(u.dark),
+		...Vn.dark,
+		...Un(i.dark),
+		...Hn,
+		"--ds-success": r.evergreen[400],
+		"--ds-warn": r.electric[300],
+		"--ds-error": r.danger[400],
+		"--jc-on-filled": l.obsidian,
+		"--mantine-primary-color-contrast": l.obsidian,
+		"--jc-logo-shield": "#FFFFFF",
+		"--jc-logo-letters": "#FFFFFF",
+		"--jc-logo-wordmark": "#FFFFFF",
+		"--jc-art-primary": r.horizon[300],
+		"--jc-art-ink": u.dark.text,
+		"--jc-art-paper": u.dark.surface2,
+		"--mantine-color-error": r.danger[400],
+		"--mantine-color-success": r.evergreen[400]
+	}
+});
+//#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, {
+		theme: a,
+		defaultColorScheme: t,
+		cssVariablesResolver: n ?? Wn,
+		...i,
+		children: r
+	});
+}
+Gn.displayName = "@jcdecor/ui/JcProvider";
+//#endregion
+//#region src/components/Tag/Tag.tsx
+var Kn = {
+	primary: "horizon",
+	success: "evergreen",
+	warn: "electric",
+	error: "danger",
+	neutral: "obsidian"
+}, qn = {
+	primary: en,
+	success: Yt,
+	warn: Ut,
+	error: sn,
+	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],
+		variant: n,
+		leftSection: r ?? (t && a ? /* @__PURE__ */ R(a, {
+			size: 12,
+			stroke: 2.5
+		}) : void 0),
+		"data-tone": e,
+		...i
+	});
+}
+Jn.displayName = "@jcdecor/ui/Tag";
+var Yn = {
+	root: "jc-PromoBanner-root-343s0",
+	highlight: "jc-PromoBanner-highlight-19zvz",
+	content: "jc-PromoBanner-content-1vja6",
+	close: "jc-PromoBanner-close-p9u8f"
+}, Xn = {
+	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)"
+	}
+}, 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({
+		name: "PromoBanner",
+		classes: Yn,
+		props: t,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		attributes: c,
+		vars: s,
+		varsResolver: Zn
+	});
+	return b ? /* @__PURE__ */ z(A, {
+		role: "note",
+		...x("root"),
+		variant: l,
+		mod: {
+			radius: h !== void 0,
+			closable: f
+		},
+		..._,
+		children: [/* @__PURE__ */ z("span", {
+			...x("content"),
+			children: [
+				d,
+				/* @__PURE__ */ R("span", { children: g }),
+				u && /* @__PURE__ */ R("strong", {
+					...x("highlight"),
+					children: u
+				})
+			]
+		}), f && /* @__PURE__ */ R(Te, {
+			"aria-label": "Fechar",
+			size: "sm",
+			variant: "transparent",
+			...x("close"),
+			onClick: () => {
+				y(!1), m?.();
+			}
+		})]
+	}) : null;
+});
+Qn.classes = Yn, Qn.varsResolver = Zn, Qn.displayName = "@jcdecor/ui/PromoBanner";
+var $n = {
+	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({
+		name: "ContentCard",
+		classes: $n,
+		props: t,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		attributes: c,
+		vars: s
+	});
+	return /* @__PURE__ */ z(ye, {
+		...v("root"),
+		..._,
+		children: [
+			d && /* @__PURE__ */ R("div", {
+				...v("image"),
+				children: typeof d == "string" ? /* @__PURE__ */ R("img", {
+					src: d,
+					alt: f ?? "",
+					style: { height: p }
+				}) : d
+			}),
+			l && /* @__PURE__ */ R(m, {
+				...v("kicker"),
+				children: l
+			}),
+			u && /* @__PURE__ */ R("div", {
+				...v("title"),
+				children: u
+			}),
+			g && /* @__PURE__ */ R("div", {
+				...v("body"),
+				children: g
+			}),
+			h && /* @__PURE__ */ R("div", {
+				...v("actions"),
+				children: h
+			})
+		]
+	});
+});
+er.classes = $n, er.displayName = "@jcdecor/ui/ContentCard";
+var tr = {
+	root: "jc-KpiCard-root-18l3e",
+	header: "jc-KpiCard-header-akny9",
+	label: "jc-KpiCard-label-wh8eq",
+	icon: "jc-KpiCard-icon-18kxe",
+	value: "jc-KpiCard-value-wmqkg",
+	footer: "jc-KpiCard-footer-9sbx3",
+	delta: "jc-KpiCard-delta-wcwtp",
+	chart: "jc-KpiCard-chart-wcepv"
+};
+//#endregion
+//#region src/components/KpiCard/KpiCard.tsx
+function nr(e, t = !1) {
+	return e === void 0 || e === 0 || Number.isNaN(e) ? "flat" : e > 0 === t ? "down" : "up";
+}
+var rr = {
+	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);
+	return { root: {
+		"--kpi-delta-color": rr[i],
+		"--kpi-value-color": r && i !== "flat" ? rr[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({
+		name: "KpiCard",
+		classes: tr,
+		props: t,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		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, {
+		...x("root"),
+		...b,
+		children: [
+			/* @__PURE__ */ z("div", {
+				...x("header"),
+				children: [/* @__PURE__ */ R("span", {
+					...x("label"),
+					children: l
+				}), g && /* @__PURE__ */ R("span", {
+					...x("icon"),
+					children: g
+				})]
+			}),
+			v ? /* @__PURE__ */ R(bt, {
+				height: 32,
+				width: "60%",
+				mt: 4
+			}) : /* @__PURE__ */ R("div", {
+				...x("value"),
+				children: typeof u == "number" ? f(u) : u
+			}),
+			(d !== void 0 || p) && !v && /* @__PURE__ */ z("div", {
+				...x("footer"),
+				children: [d !== void 0 && /* @__PURE__ */ z("span", {
+					...x("delta"),
+					"data-tone": S,
+					children: [/* @__PURE__ */ R(C, {
+						size: 14,
+						stroke: 2.5
+					}), y(d, { signed: !0 })]
+				}), p && /* @__PURE__ */ R("span", { children: p })]
+			}),
+			_ && /* @__PURE__ */ R("div", {
+				...x("chart"),
+				children: _
+			})
+		]
+	});
+});
+Z.classes = tr, Z.varsResolver = ir, Z.displayName = "@jcdecor/ui/KpiCard";
+function ar({ cols: e = {
+	base: 1,
+	"440px": 2,
+	"880px": 4
+}, spacing: t = "md", type: n = "container", ...r }) {
+	return /* @__PURE__ */ R(yt, {
+		type: n,
+		cols: e,
+		spacing: t,
+		...r
+	});
+}
+ar.displayName = "@jcdecor/ui/KpiGroup";
+var or = {
+	root: "jc-TopNav-root-r96wh",
+	brand: "jc-TopNav-brand-1rbya",
+	links: "jc-TopNav-links-1rhar",
+	link: "jc-TopNav-link-r92y3",
+	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, {
+			variant: "dark",
+			size: 28
+		}),
+		brandHref: "/",
+		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({
+		name: "TopNav",
+		classes: or,
+		props: t,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		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 } : {
+			to: t.href,
+			href: t.href
+		};
+		return /* @__PURE__ */ R(i, {
+			...a,
+			...y("link"),
+			"data-active": t.active || void 0,
+			"aria-current": t.active ? "page" : void 0,
+			onClick: (n) => {
+				t.onClick?.(n), e?.();
+			},
+			children: 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, {
+		...y("root"),
+		mod: { collapse: m },
+		...h,
+		children: [
+			/* @__PURE__ */ R(x, {
+				...S,
+				...y("brand"),
+				children: l
+			}),
+			/* @__PURE__ */ R("nav", {
+				...y("links"),
+				"aria-label": "Principal",
+				children: b()
+			}),
+			/* @__PURE__ */ z("div", {
+				...y("right"),
+				children: [p, m && d.length > 0 && /* @__PURE__ */ R(_e, {
+					opened: g,
+					onClick: _,
+					size: "sm",
+					"aria-label": "Abrir menu",
+					...y("burger")
+				})]
+			})
+		]
+	}), m && d.length > 0 && /* @__PURE__ */ R(De, {
+		expanded: g,
+		children: /* @__PURE__ */ R("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",
+			fz: "sm",
+			separatorMargin: 6,
+			children: i.map((e, t) => e.href ? /* @__PURE__ */ R(le, {
+				component: a,
+				href: e.href,
+				...a !== "a" && { to: e.href },
+				fz: "sm",
+				children: e.label
+			}, t) : /* @__PURE__ */ R(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
+			})]
+		})]
+	});
+}
+cr.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) {
+	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) => {
+		i === void 0 && v(e), a?.(e), x(1);
+	}, C = (e) => {
+		!y || y.key !== e ? S({
+			key: e,
+			direction: "asc"
+		}) : y.direction === "asc" ? S({
+			key: e,
+			direction: "desc"
+		}) : S(null);
+	}, w = ln(() => {
+		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)));
+		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, {
+			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", {
+				type: "button",
+				className: Q.sortButton,
+				"data-sorted": n || void 0,
+				onClick: () => C(t),
+				children: [e.header, /* @__PURE__ */ R(r, {
+					size: 12,
+					stroke: 2.5,
+					opacity: n ? 1 : .5
+				})]
+			}) : 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, {
+		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, {
+		colSpan: e.length,
+		children: l ?? /* @__PURE__ */ R(Pe, {
+			py: "xl",
+			size: "sm",
+			icon: /* @__PURE__ */ R(Zt, { size: 22 }),
+			title: "Nenhum resultado",
+			description: "Não há dados para exibir com os filtros atuais."
+		})
+	}) }) : D.map((t, r) => /* @__PURE__ */ R(M.Tr, {
+		className: Q.row,
+		"data-clickable": u ? !0 : void 0,
+		onClick: u ? () => u(t, r) : void 0,
+		tabIndex: u ? 0 : void 0,
+		onKeyDown: u ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), u(t, r));
+		} : 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, {
+				className: e.numeric ? Q.num : void 0,
+				children: i
+			}, lr(e));
+		})
+	}, n ? n(t, r) : r)), /* @__PURE__ */ z(A, {
+		className: Q.wrapper,
+		"data-plain": d || void 0,
+		...g,
+		children: [/* @__PURE__ */ R(gt, {
+			type: "auto",
+			children: /* @__PURE__ */ z(M, {
+				striped: p,
+				stickyHeader: m,
+				...h,
+				children: [ee, /* @__PURE__ */ R(M.Tbody, { children: O })]
+			})
+		}), o && w.length > o && /* @__PURE__ */ z("div", {
+			className: Q.footer,
+			children: [/* @__PURE__ */ z("span", { children: [
+				f((E - 1) * o + 1),
+				"–",
+				f(Math.min(E * o, w.length)),
+				" de",
+				" ",
+				f(w.length)
+			] }), /* @__PURE__ */ R(rt, {
+				size: "sm",
+				total: T,
+				value: E,
+				onChange: x
+			})]
+		})]
+	});
+}
+dr.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, {
+		variant: n ?? "outline",
+		color: r,
+		size: i ?? "sm",
+		leftSection: /* @__PURE__ */ R(l, { size: 16 }),
+		onClick: c,
+		...a,
+		children: t
+	}) : /* @__PURE__ */ R(oe, {
+		variant: n ?? "subtle",
+		color: r,
+		size: i ?? "lg",
+		onClick: c,
+		"aria-label": t,
+		title: t,
+		...a,
+		children: /* @__PURE__ */ R(l, { size: 18 })
+	});
+}
+fr.displayName = "@jcdecor/ui/ThemeToggle";
+var $ = {
+	swatch: "jc-TokenSwatch-swatch-dd519",
+	color: "jc-TokenSwatch-color-1q1r0",
+	info: "jc-TokenSwatch-info-10dh3",
+	name: "jc-TokenSwatch-name-10dk0",
+	hex: "jc-TokenSwatch-hex-1azzn",
+	ramp: "jc-TokenSwatch-ramp-10dmk",
+	step: "jc-TokenSwatch-step-10dnl"
+};
+//#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, {
+		label: o.copied ? "Copiado!" : `Copiar ${s}`,
+		withArrow: !0,
+		children: /* @__PURE__ */ z("button", {
+			type: "button",
+			className: i ? `${$.swatch} ${i}` : $.swatch,
+			onClick: () => o.copy(s),
+			...a,
+			children: [/* @__PURE__ */ R("div", {
+				className: $.color,
+				style: { background: t }
+			}), /* @__PURE__ */ z("div", {
+				className: $.info,
+				children: [
+					/* @__PURE__ */ R("div", {
+						className: $.name,
+						children: e
+					}),
+					/* @__PURE__ */ R("div", {
+						className: $.hex,
+						children: t
+					}),
+					n && /* @__PURE__ */ R("div", {
+						className: $.hex,
+						children: n
+					})
+				]
+			})]
+		})
+	});
+}
+pr.displayName = "@jcdecor/ui/TokenSwatch";
+function mr({ steps: e, className: t, ...n }) {
+	let r = dn({ timeout: 1200 });
+	return /* @__PURE__ */ R("div", {
+		className: t ? `${$.ramp} ${t}` : $.ramp,
+		...n,
+		children: e.map((e) => /* @__PURE__ */ R(jt, {
+			label: r.copied ? "Copiado!" : e.value,
+			withArrow: !0,
+			children: /* @__PURE__ */ z("button", {
+				type: "button",
+				className: $.step,
+				style: {
+					background: e.value,
+					color: Rt(e.value) > .3 ? "var(--dc-obsidian)" : "#fff"
+				},
+				onClick: () => r.copy(e.value),
+				children: [e.label, e.derived ? "*" : ""]
+			})
+		}, e.label))
+	});
+}
+mr.displayName = "@jcdecor/ui/ColorRamp";
+//#endregion
+//#region src/components/PriceTag/PriceTag.tsx
+var hr = {
+	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, {
+		...o,
+		children: [
+			t !== void 0 && t > e && /* @__PURE__ */ R(N, {
+				fz: "xs",
+				c: "var(--ds-text-3)",
+				td: "line-through",
+				"aria-label": `Preço anterior ${b(t)}`,
+				children: b(t)
+			}),
+			/* @__PURE__ */ z(j, {
+				gap: 4,
+				align: "baseline",
+				wrap: "nowrap",
+				children: [/* @__PURE__ */ R(N, {
+					component: "span",
+					fz: hr[a],
+					fw: 700,
+					lh: 1.2,
+					c: "var(--ds-primary)",
+					style: { fontVariantNumeric: "tabular-nums" },
+					children: b(e)
+				}), i && /* @__PURE__ */ R(N, {
+					component: "span",
+					fz: "xs",
+					c: "var(--ds-text-3)",
+					fw: 500,
+					children: i
+				})]
+			}),
+			r !== void 0 && r > 0 && /* @__PURE__ */ z(N, {
+				fz: "xs",
+				fw: 600,
+				c: "var(--ds-tag-success-color)",
+				children: [
+					b(e * (1 - r / 100)),
+					" no Pix (",
+					r,
+					"% off)"
+				]
+			}),
+			n && n.count > 1 && /* @__PURE__ */ z(N, {
+				fz: "xs",
+				c: "var(--ds-text-2)",
+				children: [
+					"ou ",
+					n.count,
+					"x de ",
+					b(e / n.count),
+					n.interestFree === !1 ? "" : " sem juros"
+				]
+			})
+		]
+	});
+}
+gr.displayName = "@jcdecor/ui/PriceTag";
+var _r = {
+	root: "jc-ProductCard-root-bpw1v",
+	media: "jc-ProductCard-media-823r5",
+	badges: "jc-ProductCard-badges-vg75e",
+	favorite: "jc-ProductCard-favorite-h5p6t",
+	category: "jc-ProductCard-category-m5qfx",
+	name: "jc-ProductCard-name-bpt7h",
+	price: "jc-ProductCard-price-83zjb",
+	action: "jc-ProductCard-action-v0jdp"
+}, vr = F((e) => {
+	let t = I("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({
+		name: "ProductCard",
+		classes: _r,
+		props: t,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		attributes: c,
+		vars: s
+	}), k = m && m > p ? Math.round((1 - p / m) * 100) : 0, te = d ? D === "a" ? { href: d } : {
+		to: d,
+		href: d
+	} : {}, ne = d ? D : "div";
+	return /* @__PURE__ */ z(ye, {
+		...O("root"),
+		mod: { interactive: !!(d || T) },
+		...ee,
+		children: [
+			/* @__PURE__ */ z("div", {
+				...O("media"),
+				style: { "--product-ratio": String(E) },
+				children: [
+					/* @__PURE__ */ R("img", {
+						src: u,
+						alt: l,
+						loading: "lazy"
+					}),
+					/* @__PURE__ */ z("div", {
+						...O("badges"),
+						children: [y && k > 0 && /* @__PURE__ */ z(Jn, {
+							tone: "error",
+							variant: "filled",
+							children: [
+								"-",
+								k,
+								"%"
+							]
+						}), v?.map((e, t) => /* @__PURE__ */ R(cn, { children: e }, t))]
+					}),
+					C && /* @__PURE__ */ R(oe, {
+						...O("favorite"),
+						variant: "subtle",
+						color: S ? "danger" : "obsidian",
+						radius: "xl",
+						"aria-label": S ? "Remover dos favoritos" : "Adicionar aos favoritos",
+						"aria-pressed": S,
+						onClick: () => C(!S),
+						children: R(S ? $t : Qt, { size: 18 })
+					})
+				]
+			}),
+			f && /* @__PURE__ */ R("div", {
+				...O("category"),
+				children: f
+			}),
+			/* @__PURE__ */ R(ne, {
+				...te,
+				...O("name"),
+				children: l
+			}),
+			b !== void 0 && /* @__PURE__ */ z(j, {
+				gap: 6,
+				mb: "xs",
+				children: [/* @__PURE__ */ R(pt, {
+					value: b,
+					fractions: 2,
+					readOnly: !0,
+					size: "xs",
+					color: "electric.4"
+				}), x !== void 0 && /* @__PURE__ */ z(N, {
+					fz: "xs",
+					c: "var(--ds-text-3)",
+					children: [
+						"(",
+						x,
+						")"
+					]
+				})]
+			}),
+			/* @__PURE__ */ R(gr, {
+				...O("price"),
+				value: p,
+				oldValue: m,
+				installments: h,
+				pixDiscount: g,
+				unit: _
+			}),
+			T && /* @__PURE__ */ R(ve, {
+				...O("action"),
+				fullWidth: !0,
+				leftSection: /* @__PURE__ */ R(rn, { size: 18 }),
+				onClick: T,
+				children: w
+			})
+		]
+	});
+});
+vr.classes = _r, vr.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, {
+		p: "sm",
+		style: {
+			border: "2px dashed var(--ds-primary)",
+			borderRadius: "var(--ds-radius)",
+			background: "var(--ds-primary-soft)"
+		},
+		...a,
+		children: /* @__PURE__ */ z(j, {
+			justify: "space-between",
+			gap: "sm",
+			wrap: "nowrap",
+			children: [/* @__PURE__ */ z(j, {
+				gap: "sm",
+				wrap: "nowrap",
+				style: { minWidth: 0 },
+				children: [/* @__PURE__ */ R(on, {
+					size: 22,
+					color: "var(--ds-primary)",
+					style: { flexShrink: 0 }
+				}), /* @__PURE__ */ z("div", {
+					style: { minWidth: 0 },
+					children: [t && /* @__PURE__ */ R(N, {
+						fz: "xs",
+						c: "var(--ds-text-2)",
+						fw: 500,
+						children: t
+					}), /* @__PURE__ */ R(N, {
+						fw: 700,
+						fz: "lg",
+						lts: "0.08em",
+						c: "var(--ds-primary)",
+						ff: "monospace",
+						children: e
+					})]
+				})]
+			}), /* @__PURE__ */ R(ve, {
+				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 }),
+				onClick: () => {
+					o.copy(e), i?.(e);
+				},
+				children: o.copied ? r : n
+			})]
+		})
+	});
+}
+yr.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 };
+
+//# sourceMappingURL=index.js.map