erp-pro-ui 0.1.8 → 0.2.0

package/dist/index.mjs

@@ -1,57 +1,57 @@
 import { n as useThemeContext, t as ThemeProvider } from "./chunks/theme-koPrLKQv.mjs";
-import { n as mergeClassNames, r as generateUniqueKey, t as validateEmail } from "./chunks/utils-ati1KkDb.mjs";
-import { a as ThinBreakdownBar, c as NeonLineChart, d as getChartPalette, i as AreaChart, l as chartColorTokens, n as PositiveNegativeBarChart, o as StackedBarChart, r as BarChart, s as MiniNeonSparkline, t as PieChart, u as getChartColorVar } from "./chunks/charts-C-Qee_JY.mjs";
-import { t as TruncatedText } from "./chunks/truncated-text-DTgks5yS.mjs";
+import { n as mergeClassNames, r as generateUniqueKey, t as validateEmail } from "./chunks/utils-7S0u48mU.mjs";
+import { a as ThinBreakdownBar, c as NeonLineChart, d as getChartPalette, i as AreaChart, l as chartColorTokens, n as PositiveNegativeBarChart, o as StackedBarChart, r as BarChart, s as MiniNeonSparkline, t as PieChart, u as getChartColorVar } from "./chunks/charts-DkVu0rFc.mjs";
+import { t as TruncatedText } from "./chunks/truncated-text-C9t9o9IA.mjs";
 import { A as ChevronUpIcon, B as BriefcaseBusinessIcon, C as EyeOffIcon, D as ArrowUpDownIcon, E as EllipsisIcon, F as ArrowLeftIcon, G as ShoppingCartIcon, H as SearchIcon, I as ArrowUpIcon, J as CheckIcon, K as HomeIcon, L as ArrowDownIcon, M as ChevronLeftIcon, N as ChevronDownIcon, O as ChevronsRightIcon, P as ArrowRightIcon, R as TrashIcon, S as BellIcon, T as EllipsisVerticalIcon, U as PackageIcon, V as UserIcon, W as SettingsIcon, _ as AlertTriangleIcon, a as RefreshIcon, b as DragIcon, c as MailIcon, d as FilterXIcon, f as FilterProfileIcon, g as AudioWaveIcon, h as CheckCircleIcon, i as RingLoaderIcon, j as ChevronRightIcon, k as ChevronsLeftIcon, l as LoaderIcon, m as ColumnsIcon, n as XCircleIcon, o as QuestionCircleIcon, p as FilterIcon, q as CloseIcon, r as SelectionIcon, s as PlayIcon, t as ZapIcon, u as InfoCircleIcon, v as AlertCircleIcon, w as EyeIcon, x as FullScreenIcon, y as CircleIcon, z as ActivityIcon } from "./chunks/icons-bx3nrxNv.mjs";
 import { t as Accordion } from "./chunks/accordion-6zxJUYXr.mjs";
 import { t as Alert } from "./chunks/alert-XVmYJgds.mjs";
 import { t as AnimatedContent } from "./chunks/animated-content-bK6xp-vc.mjs";
-import { n as BackgroundGradientAnimation } from "./chunks/background-gradient-animation-DpKJ3ecq.mjs";
-import { t as Button } from "./chunks/button-DddUhuR-.mjs";
-import { t as HoverBorderGradient } from "./chunks/HoverBorderGradient-CduqqQgX.mjs";
-import { t as ButtonHoverBorderGradient } from "./chunks/button-hover-border-gradient-DFppVRI4.mjs";
-import { t as DropdownMenu } from "./chunks/DropdownMenu-C17Zqu_E.mjs";
-import { t as Select } from "./chunks/select-D0GOBB-b.mjs";
-import { t as Calendar } from "./chunks/calendar-BOBm3dFA.mjs";
+import { n as BackgroundGradientAnimation } from "./chunks/background-gradient-animation-BR9wx6Z8.mjs";
+import { t as Button } from "./chunks/button-A6UTvrOu.mjs";
+import { t as HoverBorderGradient } from "./chunks/HoverBorderGradient-NbdXeLgC.mjs";
+import { t as ButtonHoverBorderGradient } from "./chunks/button-hover-border-gradient-DnFvjNNw.mjs";
+import { t as DropdownMenu } from "./chunks/DropdownMenu-BtTOri-A.mjs";
+import { t as Select } from "./chunks/select-CUaSNR09.mjs";
+import { t as Calendar } from "./chunks/calendar-5XzPqKbE.mjs";
 import { t as Card } from "./chunks/card-BId1_zHw.mjs";
-import { t as Carousel } from "./chunks/carousel-DUqOaYvs.mjs";
-import { a as HamburgerIcon, i as NavLink, n as Sidebar, r as SidebarLinks, t as DashboardSidebarShell } from "./chunks/sidebar-BrOLz89T.mjs";
-import { t as Typography } from "./chunks/typography-C_IanU4b.mjs";
-import { t as ASCIIText } from "./chunks/ascii-text-OBwVLFDC.mjs";
-import { t as ChromaGrid } from "./chunks/chroma-grid-DlY9hIRI.mjs";
-import { t as GradualBlur } from "./chunks/gradual-blur-BR06yO3Y.mjs";
+import { t as Carousel } from "./chunks/carousel-Dd4rp-jr.mjs";
+import { a as HamburgerIcon, i as NavLink, n as Sidebar, r as SidebarLinks, t as DashboardSidebarShell } from "./chunks/sidebar-DYEDFV2u.mjs";
+import { t as Typography } from "./chunks/typography-Ct-jDJP3.mjs";
+import { t as ASCIIText } from "./chunks/ascii-text-Bdy4C5rU.mjs";
+import { t as ChromaGrid } from "./chunks/chroma-grid-opB2DBtS.mjs";
+import { t as GradualBlur } from "./chunks/gradual-blur-DXfxpCdB.mjs";
 import "./hover-border-gradient.mjs";
-import { t as SplashCursor } from "./chunks/splash-cursor-CDHTm5vA.mjs";
-import { t as SpotlightCard } from "./chunks/spotlight-card-D0uTxfPZ.mjs";
+import { t as SplashCursor } from "./chunks/splash-cursor-N4FdnkOa.mjs";
+import { t as SpotlightCard } from "./chunks/spotlight-card-D9Z3nTmb.mjs";
 import { t as SunToMoonButton } from "./chunks/SunToMoonButton-BkEfkElJ.mjs";
-import { t as ThemeSwitcherButtons } from "./chunks/sun-to-moon-button-DcRX0obV.mjs";
+import { t as ThemeSwitcherButtons } from "./chunks/sun-to-moon-button-BJtBEaa3.mjs";
 import { t as Checkbox } from "./chunks/checkbox-3aB7XC9_.mjs";
-import { n as StatusDotChip, r as Chip, t as SplitChip } from "./chunks/chip-BFg3DJx6.mjs";
-import { n as ProgressBar, t as CircularProgress } from "./chunks/progress-bar-C9O0tuZf.mjs";
-import { t as ColorPalette } from "./chunks/color-palette-DnX1sODj.mjs";
-import { t as Combobox } from "./chunks/combobox-Bcwi33Qx.mjs";
-import { n as InputState, t as Input } from "./chunks/input-Dox16Ozo.mjs";
-import { a as FilterButton, c as TableBody, d as TableContainer, f as TableFooter, h as TableRow, i as ColumnToggle, l as TableCaption, m as TableHeader, n as FilterProfile, o as FilterDropdown, p as TableHead, s as Table, t as DataTable, u as TableCell } from "./chunks/data-table-Biom5rvs.mjs";
-import { t as Tooltip } from "./chunks/tooltip-CmB8xKOF.mjs";
-import { t as MultiSelectCombobox } from "./chunks/multi-select-combobox-BrFtvCrS.mjs";
-import { t as Switch } from "./chunks/switch-C1gKE0m0.mjs";
-import { t as DatePicker } from "./chunks/date-picker-CXGwnrLr.mjs";
+import { n as StatusDotChip, r as Chip, t as SplitChip } from "./chunks/chip-CqcdcSs2.mjs";
+import { n as ProgressBar, t as CircularProgress } from "./chunks/progress-bar-DQ5ZKk2Y.mjs";
+import { a as brandGroup, c as surfaceGroup, i as borderGroup, l as textGroup, n as accentGroup, o as defaultGroups, r as accentScaleGroup, s as statusGroup, t as ColorPalette } from "./chunks/color-palette-C3lesasJ.mjs";
+import { t as Combobox } from "./chunks/combobox-B6yk5U82.mjs";
+import { n as InputState, t as Input } from "./chunks/input-Bqo9Q5zF.mjs";
+import { t as Tooltip } from "./chunks/Tooltip-DK3B879v.mjs";
+import { a as FilterButton, c as TableBody, d as TableContainer, f as TableFooter, h as TableRow, i as ColumnToggle, l as TableCaption, m as TableHeader, n as FilterProfile, o as FilterDropdown, p as TableHead, s as Table, t as DataTable, u as TableCell } from "./chunks/data-table-Dtf6lKpp.mjs";
+import { t as MultiSelectCombobox } from "./chunks/multi-select-combobox-Do23ZfOQ.mjs";
+import { t as Switch } from "./chunks/switch-iPsN1NS2.mjs";
+import { t as DatePicker } from "./chunks/date-picker-BmQ0rgwH.mjs";
 import { t as Dialog } from "./chunks/dialog-CanVyiAD.mjs";
-import { t as Drawer } from "./chunks/drawer-BJsBK6cP.mjs";
-import { i as FormField, n as FormActions, o as FormSection, s as InputGroup, t as Form } from "./chunks/form-CvNNjA1i.mjs";
+import { t as Drawer } from "./chunks/drawer-DaoAXL-w.mjs";
+import { i as FormField, n as FormActions, o as FormSection, s as InputGroup, t as Form } from "./chunks/form-CtZ6U-_B.mjs";
 import { t as HoverCard } from "./chunks/hover-card-C88rU-nW.mjs";
-import { t as Label } from "./chunks/label-C1Ekt3j2.mjs";
+import { t as Label } from "./chunks/label-Drxg0cG2.mjs";
 import { a as Pulse, c as Spinner, i as Loading, l as Wave, n as Bounce, o as Ring, r as Dots, s as Skeleton, t as Bars } from "./chunks/loading-Dtosnb4A.mjs";
 import { t as OTPInput } from "./chunks/otp-input-JOysxKfD.mjs";
-import { t as PasswordStrengthMeter } from "./chunks/password-strength-meter-BEx94cfy.mjs";
-import { t as Radio } from "./chunks/radio-C7Eg3FEp.mjs";
-import { a as SkeletonImage, c as SkeletonTableRow, i as SkeletonCard, l as SkeletonText, n as SkeletonAvatar, o as SkeletonListItem, r as SkeletonButton, s as SkeletonMetricCard, t as Skeleton$1 } from "./chunks/skeleton-BdijDxP6.mjs";
-import { i as Stepper, n as StepperWizardStep, r as StepperSteps, t as StepperWizard } from "./chunks/stepper-BMKxjCdm.mjs";
-import { t as Textarea } from "./chunks/textarea-BY5-J9No.mjs";
+import { t as PasswordStrengthMeter } from "./chunks/password-strength-meter-BsvqQBAg.mjs";
+import { t as Radio } from "./chunks/radio-CuiM_gDv.mjs";
+import { a as SkeletonImage, c as SkeletonTableRow, i as SkeletonCard, l as SkeletonText, n as SkeletonAvatar, o as SkeletonListItem, r as SkeletonButton, s as SkeletonMetricCard, t as Skeleton$1 } from "./chunks/skeleton-nH1eAN96.mjs";
+import { i as Stepper, n as StepperWizardStep, r as StepperSteps, t as StepperWizard } from "./chunks/stepper-Jv5OS1nY.mjs";
+import { t as Textarea } from "./chunks/textarea-Bdo-Trvi.mjs";
 import { a as useToast, n as ToastProvider, t as ToastItem } from "./chunks/toast-BcBidy5n.mjs";
 import { t as Audio } from "./chunks/spinners-g6_Up5Rb.mjs";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/effects/border-beam/BorderBeam.tsx
 function BorderBeam({ className = "", size = 200, duration = 15, anchor = 90, borderWidth = .5, colorFrom = "var(--ds-color-accent)", colorTo = "var(--ds-color-accent-hover)", delay = 0 }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -68,6 +68,282 @@ function BorderBeam({ className = "", size = 200, duration = 15, anchor = 90, bo
 	});
 }
 //#endregion
+//#region src/components/data-display/dashboard-cards/StatCard.tsx
+var TrendBadge = ({ value, direction }) => {
+	const isUp = direction === "up";
+	const color = isUp ? "var(--ds-color-success)" : "var(--ds-color-danger)";
+	return /* @__PURE__ */ jsxs("span", {
+		className: "inline-flex items-center gap-1 rounded-sm border px-1 py-0.5 text-[11px] font-semibold leading-none",
+		style: {
+			color,
+			borderColor: color,
+			backgroundColor: isUp ? "var(--ds-color-success-subtle)" : "var(--ds-color-danger-subtle)"
+		},
+		"aria-label": `${value} ${isUp ? "increase" : "decrease"}`,
+		children: [value, /* @__PURE__ */ jsx("svg", {
+			width: "10",
+			height: "10",
+			viewBox: "0 0 10 10",
+			fill: "none",
+			"aria-hidden": "true",
+			children: isUp ? /* @__PURE__ */ jsx("path", {
+				d: "M5 8V2M5 2L2 5M5 2L8 5",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}) : /* @__PURE__ */ jsx("path", {
+				d: "M5 2V8M5 8L2 5M5 8L8 5",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})]
+	});
+};
+var MenuButton = ({ onClick }) => /* @__PURE__ */ jsx(Button, {
+	variant: "tertiary",
+	size: "small",
+	className: "shrink-0 p-0.5! text-ds-3",
+	"aria-label": "More options",
+	onClick,
+	children: /* @__PURE__ */ jsx(EllipsisVerticalIcon, {
+		width: 18,
+		height: 18
+	})
+});
+var LegendDots = ({ items }) => /* @__PURE__ */ jsx("div", {
+	className: "flex items-center gap-3",
+	children: items.map((item) => /* @__PURE__ */ jsxs("span", {
+		className: "flex items-center gap-1.5 text-xs text-ds-2",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "inline-block h-2.5 w-2.5 shrink-0 rounded-full",
+			style: { backgroundColor: item.color },
+			"aria-hidden": "true"
+		}), item.label]
+	}, item.label))
+});
+var StatCard = ({ size = "md", title, badge, value, dateRange, chart, chartPosition = "side", chartClassName, legend, className, onMenuClick }) => {
+	const base = mergeClassNames("rounded-lg border border-ds-border-3/80 bg-ds-surface-1", className);
+	if (size === "sm") return /* @__PURE__ */ jsxs("div", {
+		className: mergeClassNames(base, "flex flex-col gap-7 p-5"),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-start justify-between gap-2",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-sm font-semibold text-ds-1",
+					children: title
+				}), badge && /* @__PURE__ */ jsx(TrendBadge, {
+					value: badge.value,
+					direction: badge.direction
+				})]
+			}), /* @__PURE__ */ jsx(MenuButton, { onClick: onMenuClick })]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-2xl font-bold tracking-tight text-ds-1 leading-none",
+				children: value
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-[10px] text-ds-3 mt-1",
+				children: dateRange
+			})]
+		})]
+	});
+	if (size === "md") {
+		const metricBlock = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1 min-w-0",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-3xl font-bold tracking-tight text-ds-1 leading-none",
+				children: value
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-[10px] text-ds-3 mt-1",
+				children: dateRange
+			})]
+		});
+		return /* @__PURE__ */ jsxs("div", {
+			className: mergeClassNames(base, "flex flex-col gap-3 p-5"),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-sm font-semibold text-ds-1",
+						children: title
+					}), badge && /* @__PURE__ */ jsx(TrendBadge, {
+						value: badge.value,
+						direction: badge.direction
+					})]
+				}), /* @__PURE__ */ jsx(MenuButton, { onClick: onMenuClick })]
+			}), chartPosition === "bottom" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [metricBlock, chart && /* @__PURE__ */ jsx("div", {
+				className: mergeClassNames("w-full pt-3", chartClassName),
+				children: chart
+			})] }) : /* @__PURE__ */ jsxs("div", {
+				className: "flex items-end justify-between gap-3",
+				children: [metricBlock, chart && /* @__PURE__ */ jsx("div", {
+					className: mergeClassNames("h-[46px] w-[155px] shrink-0 overflow-hidden", chartClassName),
+					children: chart
+				})]
+			})]
+		});
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: mergeClassNames(base, "flex flex-col p-5"),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-start justify-between gap-x-6 gap-y-2 mb-4",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1.5",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-sm font-semibold text-ds-1",
+							children: title
+						}), badge && /* @__PURE__ */ jsx(TrendBadge, {
+							value: badge.value,
+							direction: badge.direction
+						})]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-3xl font-bold tracking-tight text-ds-1 leading-none",
+						children: value
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-xs text-ds-3",
+						children: dateRange
+					})
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4 ms-auto",
+				children: [legend && legend.length > 0 && /* @__PURE__ */ jsx(LegendDots, { items: legend }), /* @__PURE__ */ jsx(MenuButton, { onClick: onMenuClick })]
+			})]
+		}), chart && /* @__PURE__ */ jsx("div", {
+			className: mergeClassNames("border-t border-ds-border-2 pt-4 w-full", chartClassName),
+			children: chart
+		})]
+	});
+};
+//#endregion
+//#region src/components/data-display/dashboard-cards/ChartCard.tsx
+var ChartCard = ({ title, dateRange, legend, className, onMenuClick, children }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: mergeClassNames("flex flex-col gap-4 rounded-2xl border border-ds-border-2 bg-ds-surface-1 p-5", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-start justify-between gap-x-6 gap-y-2",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-0.5",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-sm font-semibold text-ds-color-fg",
+					children: title
+				}), dateRange && /* @__PURE__ */ jsx("span", {
+					className: "text-xs text-ds-color-fg-subtle",
+					children: dateRange
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4 ms-auto",
+				children: [legend && legend.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: "flex items-center gap-3",
+					children: legend.map((item) => /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1.5 text-xs text-ds-color-fg-muted",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "inline-block h-2.5 w-2.5 rounded-full shrink-0",
+							style: { backgroundColor: item.color },
+							"aria-hidden": "true"
+						}), item.label]
+					}, item.label))
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "tertiary",
+					size: "small",
+					className: "shrink-0 p-0.5! text-ds-color-fg-subtle",
+					"aria-label": "More options",
+					onClick: onMenuClick,
+					children: /* @__PURE__ */ jsx(EllipsisVerticalIcon, {
+						width: 18,
+						height: 18
+					})
+				})]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "w-full",
+			children
+		})]
+	});
+};
+//#endregion
+//#region src/components/data-display/dashboard-cards/TopProductsCard.tsx
+var RankBadge = ({ rank }) => /* @__PURE__ */ jsx("span", {
+	className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md border text-xs font-semibold  border-ds-border-3/80 ",
+	style: {
+		borderColor: "var(--ds-color-accent)",
+		color: "var(--ds-color-accent)"
+	},
+	"aria-label": `Rank ${rank}`,
+	children: rank
+});
+var ProductImage = ({ src, alt }) => {
+	if (src) return /* @__PURE__ */ jsx("img", {
+		src,
+		alt,
+		className: "h-11 w-11 shrink-0 rounded-md object-contain bg-ds-color-bg-utility p-1"
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-md bg-ds-color-bg-utility text-ds-color-fg-subtle text-lg",
+		"aria-hidden": "true",
+		children: "□"
+	});
+};
+var TopProductsCard = ({ title = "Top Products", items, className, onMenuClick }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: mergeClassNames("flex flex-col rounded-lg border border-ds-border-3/80 bg-ds-surface-1 p-5", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "mb-4 flex items-center justify-between",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-sm font-semibold text-ds-color-fg",
+				children: title
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "tertiary",
+				size: "small",
+				className: "shrink-0 p-0.5! text-ds-color-fg-subtle",
+				"aria-label": "More options",
+				onClick: onMenuClick,
+				children: /* @__PURE__ */ jsx(EllipsisVerticalIcon, {
+					width: 18,
+					height: 18
+				})
+			})]
+		}), /* @__PURE__ */ jsx("ul", {
+			className: "flex flex-col divide-y divide-ds-border-2",
+			role: "list",
+			children: items.map((item) => /* @__PURE__ */ jsxs("li", {
+				className: "flex items-center gap-3 py-3 first:pt-0 last:pb-0",
+				children: [
+					/* @__PURE__ */ jsx(ProductImage, {
+						src: item.image,
+						alt: item.name
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex min-w-0 flex-1 flex-col gap-0.5",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "truncate text-sm font-semibold text-ds-color-fg",
+							children: item.name
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "truncate text-xs text-ds-color-fg-subtle",
+							children: [
+								item.category,
+								" · ",
+								item.soldCount.toLocaleString(),
+								" sold"
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsx(RankBadge, { rank: item.rank })
+				]
+			}, item.id))
+		})]
+	});
+};
+//#endregion
 //#region src/components/navigation/tabs/Tabs.tsx
 var rtlLanguages = /^(ar|fa|ur|he)(-|$)/i;
 function resolveDirection(direction) {
@@ -233,6 +509,6 @@ function Tabs({ items, value, defaultValue, onValueChange, dir = "auto", classNa
 	});
 }
 //#endregion
-export { ASCIIText, Accordion, ActivityIcon, Alert, AlertCircleIcon, AlertTriangleIcon, AnimatedContent, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpDownIcon, ArrowUpIcon, Audio, AudioWaveIcon, BackgroundGradientAnimation, BarChart, Bars, BellIcon, BorderBeam, Bounce, BriefcaseBusinessIcon, Button, ButtonHoverBorderGradient, Calendar, Card, Carousel, CheckCircleIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, ChromaGrid, CircleIcon, CircularProgress, CloseIcon, ColorPalette, ColumnToggle, ColumnsIcon, Combobox, DashboardSidebarShell, DataTable, DatePicker, Dialog, Dots, DragIcon, Drawer, DropdownMenu, EllipsisIcon, EllipsisVerticalIcon, EyeIcon, EyeOffIcon, FilterButton, FilterDropdown, FilterIcon, FilterProfile, FilterProfileIcon, FilterXIcon, Form, FormActions, FormField, FormSection, FullScreenIcon, GradualBlur, HamburgerIcon, HomeIcon, HoverBorderGradient, HoverCard, InfoCircleIcon, Input, InputGroup, InputState, Label, LoaderIcon, Loading, MailIcon, MiniNeonSparkline, MultiSelectCombobox, NavLink, NeonLineChart, OTPInput, PackageIcon, PasswordStrengthMeter, PieChart, PlayIcon, PositiveNegativeBarChart, ProgressBar, Pulse, QuestionCircleIcon, Radio, RefreshIcon, Ring, RingLoaderIcon, SearchIcon, Select, SelectionIcon, SettingsIcon, ShoppingCartIcon, Sidebar, SidebarLinks, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, Skeleton$1 as SkeletonComponent, SkeletonImage, SkeletonListItem, SkeletonMetricCard, SkeletonTableRow, SkeletonText, Spinner, SplashCursor, SplitChip, SpotlightCard, StackedBarChart, StatusDotChip, Stepper, StepperSteps, StepperSteps as StepperStepsNavigation, StepperWizard, StepperWizardStep, SunToMoonButton, Switch, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow, Tabs, Textarea, ThemeProvider, ThemeSwitcherButtons, ThinBreakdownBar, ToastItem, ToastProvider, Tooltip, TrashIcon, TruncatedText, Typography, UserIcon, Wave, XCircleIcon, ZapIcon, chartColorTokens, generateUniqueKey, getChartColorVar, getChartPalette, mergeClassNames, useThemeContext, useToast, validateEmail };
+export { ASCIIText, Accordion, ActivityIcon, Alert, AlertCircleIcon, AlertTriangleIcon, AnimatedContent, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpDownIcon, ArrowUpIcon, Audio, AudioWaveIcon, BackgroundGradientAnimation, BarChart, Bars, BellIcon, BorderBeam, Bounce, BriefcaseBusinessIcon, Button, ButtonHoverBorderGradient, Calendar, Card, Carousel, ChartCard, CheckCircleIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, ChromaGrid, CircleIcon, CircularProgress, CloseIcon, ColorPalette, ColumnToggle, ColumnsIcon, Combobox, DashboardSidebarShell, DataTable, DatePicker, Dialog, Dots, DragIcon, Drawer, DropdownMenu, EllipsisIcon, EllipsisVerticalIcon, EyeIcon, EyeOffIcon, FilterButton, FilterDropdown, FilterIcon, FilterProfile, FilterProfileIcon, FilterXIcon, Form, FormActions, FormField, FormSection, FullScreenIcon, GradualBlur, HamburgerIcon, HomeIcon, HoverBorderGradient, HoverCard, InfoCircleIcon, Input, InputGroup, InputState, Label, LoaderIcon, Loading, MailIcon, MiniNeonSparkline, MultiSelectCombobox, NavLink, NeonLineChart, OTPInput, PackageIcon, PasswordStrengthMeter, PieChart, PlayIcon, PositiveNegativeBarChart, ProgressBar, Pulse, QuestionCircleIcon, Radio, RefreshIcon, Ring, RingLoaderIcon, SearchIcon, Select, SelectionIcon, SettingsIcon, ShoppingCartIcon, Sidebar, SidebarLinks, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, Skeleton$1 as SkeletonComponent, SkeletonImage, SkeletonListItem, SkeletonMetricCard, SkeletonTableRow, SkeletonText, Spinner, SplashCursor, SplitChip, SpotlightCard, StackedBarChart, StatCard, StatusDotChip, Stepper, StepperSteps, StepperSteps as StepperStepsNavigation, StepperWizard, StepperWizardStep, SunToMoonButton, Switch, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow, Tabs, Textarea, ThemeProvider, ThemeSwitcherButtons, ThinBreakdownBar, ToastItem, ToastProvider, Tooltip, TopProductsCard, TrashIcon, TruncatedText, Typography, UserIcon, Wave, XCircleIcon, ZapIcon, accentGroup, accentScaleGroup, borderGroup, brandGroup, chartColorTokens, defaultGroups, generateUniqueKey, getChartColorVar, getChartPalette, mergeClassNames, statusGroup, surfaceGroup, textGroup, useThemeContext, useToast, validateEmail };
 
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../src/components/effects/border-beam/BorderBeam.tsx","../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\nexport interface BorderBeamProps {\n  className?: string;\n  size?: number;\n  duration?: number;\n  borderWidth?: number;\n  anchor?: number;\n  colorFrom?: string;\n  colorTo?: string;\n  delay?: number;\n}\n\nexport function BorderBeam({\n  className = \"\",\n  size = 200,\n  duration = 15,\n  anchor = 90,\n  borderWidth = 0.5,\n  colorFrom = \"var(--ds-color-accent)\",\n  colorTo = \"var(--ds-color-accent-hover)\",\n  delay = 0,\n}: BorderBeamProps) {\n  return (\n    <div\n      style={\n        {\n          \"--size\": `${size}px`,\n          \"--duration\": `${duration}s`,\n          \"--anchor\": `${anchor}`,\n          \"--border-width\": `${borderWidth}px`,\n          \"--beam-color-from\": colorFrom,\n          \"--beam-color-to\": colorTo,\n          \"--delay\": `-${delay}s`,\n        } as CSSProperties\n      }\n      className={`border-beam ${className}`}\n    />\n  );\n}\n","import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { TabsDirection, TabsItem, TabsProps } from \"./types\";\n\nconst rtlLanguages = /^(ar|fa|ur|he)(-|$)/i;\n\nfunction resolveDirection(\n  direction: TabsDirection,\n): Exclude<TabsDirection, \"auto\"> {\n  if (direction !== \"auto\") {\n    return direction;\n  }\n\n  if (typeof document === \"undefined\") {\n    return \"ltr\";\n  }\n\n  const explicitDirection =\n    document.documentElement.getAttribute(\"dir\") ?? undefined;\n\n  if (explicitDirection === \"rtl\" || explicitDirection === \"ltr\") {\n    return explicitDirection;\n  }\n\n  if (\n    typeof navigator !== \"undefined\" &&\n    rtlLanguages.test(navigator.language)\n  ) {\n    return \"rtl\";\n  }\n\n  return \"ltr\";\n}\n\nfunction getFirstEnabledId(items: readonly TabsItem[]): string {\n  const fallback = items.find((item) => !item.disabled) ?? items[0];\n  return fallback?.id ?? \"\";\n}\n\nexport function Tabs({\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  dir = \"auto\",\n  className,\n  listClassName,\n  triggerClassName,\n  panelClassName,\n  animationDurationMs = 220,\n}: TabsProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const tabSlotRefs = useRef<Record<string, HTMLDivElement | null>>({});\n  const panelRef = useRef<HTMLDivElement>(null);\n  const isControlled = value !== undefined;\n\n  const fallbackId = useMemo(() => getFirstEnabledId(items), [items]);\n  const [internalValue, setInternalValue] = useState<string>(\n    defaultValue ?? fallbackId,\n  );\n  const rawActiveId = isControlled ? value : internalValue;\n  const activeId = items.some((item) => item.id === rawActiveId)\n    ? rawActiveId\n    : fallbackId;\n\n  const activeIndex = useMemo(\n    () =>\n      Math.max(\n        items.findIndex((item) => item.id === activeId),\n        0,\n      ),\n    [items, activeId],\n  );\n\n  const previousIndexRef = useRef(activeIndex);\n  const [indicator, setIndicator] = useState<{\n    left: number;\n    width: number;\n  } | null>(null);\n\n  const getEffectiveDirection = useCallback(() => {\n    if (dir !== \"auto\") {\n      return dir;\n    }\n\n    if (typeof window !== \"undefined\" && listRef.current) {\n      const cssDirection = window.getComputedStyle(listRef.current).direction;\n      if (cssDirection === \"rtl\" || cssDirection === \"ltr\") {\n        return cssDirection;\n      }\n    }\n\n    return resolveDirection(\"auto\");\n  }, [dir]);\n\n  useEffect(() => {\n    const previousIndex = previousIndexRef.current;\n    if (activeIndex === previousIndex) {\n      return;\n    }\n\n    const panel = panelRef.current;\n    if (!panel) {\n      previousIndexRef.current = activeIndex;\n      return;\n    }\n\n    const indexDelta = activeIndex - previousIndex;\n    const logicalDirection = indexDelta >= 0 ? 1 : -1;\n    const visualDirection =\n      getEffectiveDirection() === \"rtl\" ? -logicalDirection : logicalDirection;\n    const fromX = visualDirection > 0 ? -14 : 14;\n\n    panel.animate(\n      [\n        { opacity: 0, transform: `translateX(${fromX}px)` },\n        { opacity: 1, transform: \"translateX(0px)\" },\n      ],\n      {\n        duration: animationDurationMs,\n        easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\n      },\n    );\n\n    previousIndexRef.current = activeIndex;\n  }, [activeIndex, animationDurationMs, getEffectiveDirection]);\n\n  const activeItem = items[activeIndex] ?? items[0];\n\n  useLayoutEffect(() => {\n    const updateIndicator = () => {\n      const selectedSlot = tabSlotRefs.current[activeItem?.id ?? \"\"];\n      if (!selectedSlot) {\n        setIndicator(null);\n        return;\n      }\n\n      setIndicator({\n        left: selectedSlot.offsetLeft,\n        width: selectedSlot.offsetWidth,\n      });\n    };\n\n    updateIndicator();\n    window.addEventListener(\"resize\", updateIndicator);\n    return () => window.removeEventListener(\"resize\", updateIndicator);\n  }, [activeItem?.id, items.length]);\n\n  const setValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n    onValueChange?.(nextValue);\n  };\n\n  const moveBy = (delta: number) => {\n    if (items.length === 0) {\n      return;\n    }\n\n    let probe = activeIndex;\n    for (let step = 0; step < items.length; step++) {\n      probe = (probe + delta + items.length) % items.length;\n      const candidate = items[probe];\n      if (!candidate?.disabled) {\n        setValue(candidate.id);\n        return;\n      }\n    }\n  };\n\n  return (\n    <div\n      ref={rootRef}\n      dir={dir === \"auto\" ? undefined : dir}\n      className={mergeClassNames(\"w-full\", className)}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-orientation=\"horizontal\"\n        className={mergeClassNames(\n          \"relative flex h-9 w-full items-center gap-0 overflow-hidden rounded-lg border border-ds-border-3 bg-ds-surface-2 p-1\",\n          listClassName,\n        )}\n      >\n        {items.length > 0 && indicator ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute bottom-1 top-1 rounded-md border border-ds-border-accent/45 bg-ds-accent shadow-[0_1px_3px_rgba(0,0,0,0.1),0_1px_2px_rgba(0,0,0,0.06)] transition-transform duration-300 ease-out\"\n            style={{\n              width: `${indicator.width}px`,\n              transform: `translateX(${indicator.left}px)`,\n              left: 0,\n            }}\n          />\n        ) : null}\n        {items.map((item) => {\n          const selected = item.id === activeItem?.id;\n          return (\n            <div\n              key={item.id}\n              ref={(node) => {\n                tabSlotRefs.current[item.id] = node;\n              }}\n              className=\"relative z-10 h-full min-w-0 flex-1\"\n            >\n              <Button\n                role=\"tab\"\n                id={`tab-${item.id}`}\n                aria-selected={selected}\n                aria-controls={`tabpanel-${item.id}`}\n                tabIndex={selected ? 0 : -1}\n                disabled={item.disabled}\n                variant=\"tertiary\"\n                size=\"small\"\n                className={mergeClassNames(\n                  \"h-full w-full rounded-md px-3 py-1 text-base font-normal leading-[22px] transition-colors duration-200\",\n                  \"outline-none focus-visible:ring-2 focus-visible:ring-ds-focus/60\",\n                  selected ? \"text-ds-on-accent\" : \"text-ds-2 hover:text-ds-1\",\n                  item.disabled && \"cursor-not-allowed opacity-55\",\n                  triggerClassName,\n                )}\n                onClick={() => {\n                  if (!item.disabled) {\n                    setValue(item.id);\n                  }\n                }}\n                onKeyDown={(event) => {\n                  if (event.key === \"ArrowRight\") {\n                    event.preventDefault();\n                    moveBy(getEffectiveDirection() === \"rtl\" ? -1 : 1);\n                  }\n\n                  if (event.key === \"ArrowLeft\") {\n                    event.preventDefault();\n                    moveBy(getEffectiveDirection() === \"rtl\" ? 1 : -1);\n                  }\n\n                  if (event.key === \"Home\") {\n                    event.preventDefault();\n                    const first = items.find((candidate) => !candidate.disabled);\n                    if (first) {\n                      setValue(first.id);\n                    }\n                  }\n\n                  if (event.key === \"End\") {\n                    event.preventDefault();\n                    const reversed = [...items].reverse();\n                    const last = reversed.find(\n                      (candidate) => !candidate.disabled,\n                    );\n                    if (last) {\n                      setValue(last.id);\n                    }\n                  }\n                }}\n              >\n                {item.label}\n              </Button>\n            </div>\n          );\n        })}\n      </div>\n\n      <div\n        ref={panelRef}\n        role=\"tabpanel\"\n        id={`tabpanel-${activeItem?.id ?? \"\"}`}\n        aria-labelledby={`tab-${activeItem?.id ?? \"\"}`}\n        className={mergeClassNames(\"mt-2 w-full\", panelClassName)}\n      >\n        {activeItem?.content}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/components/effects/border-beam/BorderBeam.tsx","../src/components/data-display/dashboard-cards/StatCard.tsx","../src/components/data-display/dashboard-cards/ChartCard.tsx","../src/components/data-display/dashboard-cards/TopProductsCard.tsx","../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\nexport interface BorderBeamProps {\n  className?: string;\n  size?: number;\n  duration?: number;\n  borderWidth?: number;\n  anchor?: number;\n  colorFrom?: string;\n  colorTo?: string;\n  delay?: number;\n}\n\nexport function BorderBeam({\n  className = \"\",\n  size = 200,\n  duration = 15,\n  anchor = 90,\n  borderWidth = 0.5,\n  colorFrom = \"var(--ds-color-accent)\",\n  colorTo = \"var(--ds-color-accent-hover)\",\n  delay = 0,\n}: BorderBeamProps) {\n  return (\n    <div\n      style={\n        {\n          \"--size\": `${size}px`,\n          \"--duration\": `${duration}s`,\n          \"--anchor\": `${anchor}`,\n          \"--border-width\": `${borderWidth}px`,\n          \"--beam-color-from\": colorFrom,\n          \"--beam-color-to\": colorTo,\n          \"--delay\": `-${delay}s`,\n        } as CSSProperties\n      }\n      className={`border-beam ${className}`}\n    />\n  );\n}\n","\"use client\";\n\nimport type { FC, ReactNode } from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport { EllipsisVerticalIcon } from \"../../icons/EllipsisVerticalIcon\";\nimport { mergeClassNames } from \"../../../utils\";\n\n// ---------------------------------------------------------------------------\n// Internal: TrendBadge\n// ---------------------------------------------------------------------------\n\ninterface TrendBadgeProps {\n  value: string;\n  direction: \"up\" | \"down\";\n}\n\nconst TrendBadge: FC<TrendBadgeProps> = ({ value, direction }) => {\n  const isUp = direction === \"up\";\n  const color = isUp ? \"var(--ds-color-success)\" : \"var(--ds-color-danger)\";\n  const bg = isUp ? \"var(--ds-color-success-subtle)\" : \"var(--ds-color-danger-subtle)\";\n\n  return (\n    <span\n      className=\"inline-flex items-center gap-1 rounded-sm border px-1 py-0.5 text-[11px] font-semibold leading-none\"\n      style={{ color, borderColor: color, backgroundColor: bg }}\n      aria-label={`${value} ${isUp ? \"increase\" : \"decrease\"}`}\n    >\n      {value}\n      <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\n        {isUp ? (\n          <path d=\"M5 8V2M5 2L2 5M5 2L8 5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        ) : (\n          <path d=\"M5 2V8M5 8L2 5M5 8L8 5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        )}\n      </svg>\n   \n    </span>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Internal: MenuButton\n// ---------------------------------------------------------------------------\n\nconst MenuButton: FC<{ onClick?: () => void }> = ({ onClick }) => (\n  <Button\n    variant=\"tertiary\"\n    size=\"small\"\n    className=\"shrink-0 p-0.5! text-ds-3\"\n    aria-label=\"More options\"\n    onClick={onClick}\n  >\n    <EllipsisVerticalIcon width={18} height={18} />\n  </Button>\n);\n\n// ---------------------------------------------------------------------------\n// Internal: LegendDot\n// ---------------------------------------------------------------------------\n\nconst LegendDots: FC<{ items: { label: string; color: string }[] }> = ({ items }) => (\n  <div className=\"flex items-center gap-3\">\n    {items.map((item) => (\n      <span key={item.label} className=\"flex items-center gap-1.5 text-xs text-ds-2\">\n        <span\n          className=\"inline-block h-2.5 w-2.5 shrink-0 rounded-full\"\n          style={{ backgroundColor: item.color }}\n          aria-hidden=\"true\"\n        />\n        {item.label}\n      </span>\n    ))}\n  </div>\n);\n\n// ---------------------------------------------------------------------------\n// Public types\n// ---------------------------------------------------------------------------\n\nexport type StatCardSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface StatCardLegendItem {\n  label: string;\n  color: string;\n}\n\nexport interface StatCardProps {\n  /** Layout size:\n   *  - \"sm\"  → 2-col  — metric only, no chart\n   *  - \"md\"  → 4-col  — metric + compact chart on the right (default)\n   *  - \"lg\"  → 12-col — metric header + full-width chart below\n   */\n  size?: StatCardSize;\n  title: string;\n  badge?: TrendBadgeProps;\n  value: ReactNode;\n  dateRange: string;\n  /** Chart content (any chart component). Ignored when size=\"sm\".\n   *  For \"md\" position is controlled by chartPosition.\n   *  For \"lg\" the chart spans full card width below a divider. */\n  chart?: ReactNode;\n  /** Controls where the chart renders in size=\"md\".\n   *  - \"side\"   (default) — compact chart to the right of the metric.\n   *  - \"bottom\" — full-width chart below the metric (good for bar/line/area charts). */\n  chartPosition?: \"side\" | \"bottom\";\n  /** Override the chart container's size/style.\n   *  \"md\" side:   overrides the side-zone div (default: h-[68px] w-[180px] shrink-0 overflow-hidden).\n   *  \"md\" bottom: overrides the bottom chart div (default: w-full pt-3).\n   *  \"lg\":        overrides the chart wrapper div (default: border-t border-ds-border-2 pt-4 w-full). */\n  chartClassName?: string;\n  /** Legend items shown in the header. Only visible when size=\"lg\". */\n  legend?: StatCardLegendItem[];\n  className?: string;\n  onMenuClick?: () => void;\n}\n\n// ---------------------------------------------------------------------------\n// StatCard\n// ---------------------------------------------------------------------------\n\nexport const StatCard: FC<StatCardProps> = ({\n  size = \"md\",\n  title,\n  badge,\n  value,\n  dateRange,\n  chart,\n  chartPosition = \"side\",\n  chartClassName,\n  legend,\n  className,\n  onMenuClick,\n}) => {\n  const base = mergeClassNames(\n    \"rounded-lg border border-ds-border-3/80 bg-ds-surface-1\",\n    className,\n  );\n\n  // ── sm: 2-col, metric only ───────────────────────────────────────────────\n  if (size === \"sm\") {\n    return (\n      <div className={mergeClassNames(base, \"flex flex-col gap-7 p-5\")}>\n        <div className=\"flex items-start justify-between gap-2\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <span className=\"text-sm font-semibold text-ds-1\">{title}</span>\n            {badge && <TrendBadge value={badge.value} direction={badge.direction} />}\n          </div>\n          <MenuButton onClick={onMenuClick} />\n        </div>\n        <div className=\"flex flex-col gap-1\">\n          <p className=\"text-2xl font-bold tracking-tight text-ds-1 leading-none\">\n            {value}\n          </p>\n          <p className=\"text-[10px] text-ds-3 mt-1\">{dateRange}</p>\n        </div>\n      </div>\n    );\n  }\n\n  // ── md: 4-col, metric + chart ────────────────────────────────────────────\n  if (size === \"md\") {\n    const metricBlock = (\n      <div className=\"flex flex-col gap-1 min-w-0\">\n        <p className=\"text-3xl font-bold tracking-tight text-ds-1 leading-none\">\n          {value}\n        </p>\n        <p className=\"text-[10px] text-ds-3 mt-1\">{dateRange}</p>\n      </div>\n    );\n\n    return (\n      <div className={mergeClassNames(base, \"flex flex-col gap-3 p-5\")}>\n        <div className=\"flex items-start justify-between gap-2\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <span className=\"text-sm font-semibold text-ds-1\">{title}</span>\n            {badge && <TrendBadge value={badge.value} direction={badge.direction} />}\n          </div>\n          <MenuButton onClick={onMenuClick} />\n        </div>\n\n        {chartPosition === \"bottom\" ? (\n          <>\n            {metricBlock}\n            {chart && (\n              <div className={mergeClassNames(\"w-full pt-3\", chartClassName)}>\n                {chart}\n              </div>\n            )}\n          </>\n        ) : (\n          <div className=\"flex items-end justify-between gap-3\">\n            {metricBlock}\n            {chart && (\n              <div className={mergeClassNames(\"h-[46px] w-[155px] shrink-0 overflow-hidden\", chartClassName)}>\n                {chart}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // ── lg: 12-col, header + full-width chart ────────────────────────────────\n  return (\n    <div className={mergeClassNames(base, \"flex flex-col p-5\")}>\n      {/* Header row */}\n      <div className=\"flex flex-wrap items-start justify-between gap-x-6 gap-y-2 mb-4\">\n        <div className=\"flex flex-col gap-1.5\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <span className=\"text-sm font-semibold text-ds-1\">{title}</span>\n            {badge && <TrendBadge value={badge.value} direction={badge.direction} />}\n          </div>\n          <p className=\"text-3xl font-bold tracking-tight text-ds-1 leading-none\">\n            {value}\n          </p>\n          <p className=\"text-xs text-ds-3\">{dateRange}</p>\n        </div>\n        <div className=\"flex items-center gap-4 ms-auto\">\n          {legend && legend.length > 0 && <LegendDots items={legend} />}\n          <MenuButton onClick={onMenuClick} />\n        </div>\n      </div>\n\n      {/* Chart area */}\n      {chart && (\n        <div className={mergeClassNames(\"border-t border-ds-border-2 pt-4 w-full\", chartClassName)}>\n          {chart}\n        </div>\n      )}\n    </div>\n  );\n};\n","\"use client\";\n\nimport type { FC, ReactNode } from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport { EllipsisVerticalIcon } from \"../../icons/EllipsisVerticalIcon\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport interface ChartCardLegendItem {\n  label: string;\n  color: string;\n}\n\nexport interface ChartCardProps {\n  title: string;\n  dateRange?: string;\n  legend?: ChartCardLegendItem[];\n  className?: string;\n  onMenuClick?: () => void;\n  children: ReactNode;\n}\n\nexport const ChartCard: FC<ChartCardProps> = ({\n  title,\n  dateRange,\n  legend,\n  className,\n  onMenuClick,\n  children,\n}) => {\n  return (\n    <div\n      className={mergeClassNames(\n        \"flex flex-col gap-4 rounded-2xl border border-ds-border-2 bg-ds-surface-1 p-5\",\n        className,\n      )}\n    >\n      <div className=\"flex flex-wrap items-start justify-between gap-x-6 gap-y-2\">\n        <div className=\"flex flex-col gap-0.5\">\n          <span className=\"text-sm font-semibold text-ds-color-fg\">\n            {title}\n          </span>\n          {dateRange && (\n            <span className=\"text-xs text-ds-color-fg-subtle\">{dateRange}</span>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-4 ms-auto\">\n          {legend && legend.length > 0 && (\n            <div className=\"flex items-center gap-3\">\n              {legend.map((item) => (\n                <span\n                  key={item.label}\n                  className=\"flex items-center gap-1.5 text-xs text-ds-color-fg-muted\"\n                >\n                  <span\n                    className=\"inline-block h-2.5 w-2.5 rounded-full shrink-0\"\n                    style={{ backgroundColor: item.color }}\n                    aria-hidden=\"true\"\n                  />\n                  {item.label}\n                </span>\n              ))}\n            </div>\n          )}\n          <Button\n            variant=\"tertiary\"\n            size=\"small\"\n            className=\"shrink-0 p-0.5! text-ds-color-fg-subtle\"\n            aria-label=\"More options\"\n            onClick={onMenuClick}\n          >\n            <EllipsisVerticalIcon width={18} height={18} />\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"w-full\">{children}</div>\n    </div>\n  );\n};\n","\"use client\";\n\nimport type { FC } from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport { EllipsisVerticalIcon } from \"../../icons/EllipsisVerticalIcon\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport interface TopProductItem {\n  id: string | number;\n  name: string;\n  category: string;\n  soldCount: number;\n  image?: string;\n  rank: number;\n}\n\nexport interface TopProductsCardProps {\n  title?: string;\n  items: TopProductItem[];\n  className?: string;\n  onMenuClick?: () => void;\n}\n\nconst RankBadge: FC<{ rank: number }> = ({ rank }) => (\n  <span\n    className=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md border text-xs font-semibold  border-ds-border-3/80 \"\n    style={{\n      borderColor: \"var(--ds-color-accent)\",\n      color: \"var(--ds-color-accent)\",\n    }}\n    aria-label={`Rank ${rank}`}\n  >\n    {rank}\n  </span>\n);\n\nconst ProductImage: FC<{ src?: string; alt: string }> = ({ src, alt }) => {\n  if (src) {\n    return (\n      <img\n        src={src}\n        alt={alt}\n        className=\"h-11 w-11 shrink-0 rounded-md object-contain bg-ds-color-bg-utility p-1\"\n      />\n    );\n  }\n  return (\n    <div\n      className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-md bg-ds-color-bg-utility text-ds-color-fg-subtle text-lg\"\n      aria-hidden=\"true\"\n    >\n      □\n    </div>\n  );\n};\n\nexport const TopProductsCard: FC<TopProductsCardProps> = ({\n  title = \"Top Products\",\n  items,\n  className,\n  onMenuClick,\n}) => {\n  return (\n    <div\n      className={mergeClassNames(\n        \"flex flex-col rounded-lg border border-ds-border-3/80 bg-ds-surface-1 p-5\",\n        className,\n      )}\n    >\n      <div className=\"mb-4 flex items-center justify-between\">\n        <span className=\"text-sm font-semibold text-ds-color-fg\">{title}</span>\n        <Button\n          variant=\"tertiary\"\n          size=\"small\"\n          className=\"shrink-0 p-0.5! text-ds-color-fg-subtle\"\n          aria-label=\"More options\"\n          onClick={onMenuClick}\n        >\n          <EllipsisVerticalIcon width={18} height={18} />\n        </Button>\n      </div>\n\n      <ul className=\"flex flex-col divide-y divide-ds-border-2\" role=\"list\">\n        {items.map((item) => (\n          <li\n            key={item.id}\n            className=\"flex items-center gap-3 py-3 first:pt-0 last:pb-0\"\n          >\n            <ProductImage src={item.image} alt={item.name} />\n\n            <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n              <span className=\"truncate text-sm font-semibold text-ds-color-fg\">\n                {item.name}\n              </span>\n              <span className=\"truncate text-xs text-ds-color-fg-subtle\">\n                {item.category} · {item.soldCount.toLocaleString()} sold\n              </span>\n            </div>\n\n            <RankBadge rank={item.rank} />\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n","import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { TabsDirection, TabsItem, TabsProps } from \"./types\";\n\nconst rtlLanguages = /^(ar|fa|ur|he)(-|$)/i;\n\nfunction resolveDirection(\n  direction: TabsDirection,\n): Exclude<TabsDirection, \"auto\"> {\n  if (direction !== \"auto\") {\n    return direction;\n  }\n\n  if (typeof document === \"undefined\") {\n    return \"ltr\";\n  }\n\n  const explicitDirection =\n    document.documentElement.getAttribute(\"dir\") ?? undefined;\n\n  if (explicitDirection === \"rtl\" || explicitDirection === \"ltr\") {\n    return explicitDirection;\n  }\n\n  if (\n    typeof navigator !== \"undefined\" &&\n    rtlLanguages.test(navigator.language)\n  ) {\n    return \"rtl\";\n  }\n\n  return \"ltr\";\n}\n\nfunction getFirstEnabledId(items: readonly TabsItem[]): string {\n  const fallback = items.find((item) => !item.disabled) ?? items[0];\n  return fallback?.id ?? \"\";\n}\n\nexport function Tabs({\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  dir = \"auto\",\n  className,\n  listClassName,\n  triggerClassName,\n  panelClassName,\n  animationDurationMs = 220,\n}: TabsProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const tabSlotRefs = useRef<Record<string, HTMLDivElement | null>>({});\n  const panelRef = useRef<HTMLDivElement>(null);\n  const isControlled = value !== undefined;\n\n  const fallbackId = useMemo(() => getFirstEnabledId(items), [items]);\n  const [internalValue, setInternalValue] = useState<string>(\n    defaultValue ?? fallbackId,\n  );\n  const rawActiveId = isControlled ? value : internalValue;\n  const activeId = items.some((item) => item.id === rawActiveId)\n    ? rawActiveId\n    : fallbackId;\n\n  const activeIndex = useMemo(\n    () =>\n      Math.max(\n        items.findIndex((item) => item.id === activeId),\n        0,\n      ),\n    [items, activeId],\n  );\n\n  const previousIndexRef = useRef(activeIndex);\n  const [indicator, setIndicator] = useState<{\n    left: number;\n    width: number;\n  } | null>(null);\n\n  const getEffectiveDirection = useCallback(() => {\n    if (dir !== \"auto\") {\n      return dir;\n    }\n\n    if (typeof window !== \"undefined\" && listRef.current) {\n      const cssDirection = window.getComputedStyle(listRef.current).direction;\n      if (cssDirection === \"rtl\" || cssDirection === \"ltr\") {\n        return cssDirection;\n      }\n    }\n\n    return resolveDirection(\"auto\");\n  }, [dir]);\n\n  useEffect(() => {\n    const previousIndex = previousIndexRef.current;\n    if (activeIndex === previousIndex) {\n      return;\n    }\n\n    const panel = panelRef.current;\n    if (!panel) {\n      previousIndexRef.current = activeIndex;\n      return;\n    }\n\n    const indexDelta = activeIndex - previousIndex;\n    const logicalDirection = indexDelta >= 0 ? 1 : -1;\n    const visualDirection =\n      getEffectiveDirection() === \"rtl\" ? -logicalDirection : logicalDirection;\n    const fromX = visualDirection > 0 ? -14 : 14;\n\n    panel.animate(\n      [\n        { opacity: 0, transform: `translateX(${fromX}px)` },\n        { opacity: 1, transform: \"translateX(0px)\" },\n      ],\n      {\n        duration: animationDurationMs,\n        easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\n      },\n    );\n\n    previousIndexRef.current = activeIndex;\n  }, [activeIndex, animationDurationMs, getEffectiveDirection]);\n\n  const activeItem = items[activeIndex] ?? items[0];\n\n  useLayoutEffect(() => {\n    const updateIndicator = () => {\n      const selectedSlot = tabSlotRefs.current[activeItem?.id ?? \"\"];\n      if (!selectedSlot) {\n        setIndicator(null);\n        return;\n      }\n\n      setIndicator({\n        left: selectedSlot.offsetLeft,\n        width: selectedSlot.offsetWidth,\n      });\n    };\n\n    updateIndicator();\n    window.addEventListener(\"resize\", updateIndicator);\n    return () => window.removeEventListener(\"resize\", updateIndicator);\n  }, [activeItem?.id, items.length]);\n\n  const setValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n    onValueChange?.(nextValue);\n  };\n\n  const moveBy = (delta: number) => {\n    if (items.length === 0) {\n      return;\n    }\n\n    let probe = activeIndex;\n    for (let step = 0; step < items.length; step++) {\n      probe = (probe + delta + items.length) % items.length;\n      const candidate = items[probe];\n      if (!candidate?.disabled) {\n        setValue(candidate.id);\n        return;\n      }\n    }\n  };\n\n  return (\n    <div\n      ref={rootRef}\n      dir={dir === \"auto\" ? undefined : dir}\n      className={mergeClassNames(\"w-full\", className)}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-orientation=\"horizontal\"\n        className={mergeClassNames(\n          \"relative flex h-9 w-full items-center gap-0 overflow-hidden rounded-lg border border-ds-border-3 bg-ds-surface-2 p-1\",\n          listClassName,\n        )}\n      >\n        {items.length > 0 && indicator ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute bottom-1 top-1 rounded-md border border-ds-border-accent/45 bg-ds-accent shadow-[0_1px_3px_rgba(0,0,0,0.1),0_1px_2px_rgba(0,0,0,0.06)] transition-transform duration-300 ease-out\"\n            style={{\n              width: `${indicator.width}px`,\n              transform: `translateX(${indicator.left}px)`,\n              left: 0,\n            }}\n          />\n        ) : null}\n        {items.map((item) => {\n          const selected = item.id === activeItem?.id;\n          return (\n            <div\n              key={item.id}\n              ref={(node) => {\n                tabSlotRefs.current[item.id] = node;\n              }}\n              className=\"relative z-10 h-full min-w-0 flex-1\"\n            >\n              <Button\n                role=\"tab\"\n                id={`tab-${item.id}`}\n                aria-selected={selected}\n                aria-controls={`tabpanel-${item.id}`}\n                tabIndex={selected ? 0 : -1}\n                disabled={item.disabled}\n                variant=\"tertiary\"\n                size=\"small\"\n                className={mergeClassNames(\n                  \"h-full w-full rounded-md px-3 py-1 text-base font-normal leading-[22px] transition-colors duration-200\",\n                  \"outline-none focus-visible:ring-2 focus-visible:ring-ds-focus/60\",\n                  selected ? \"text-ds-on-accent\" : \"text-ds-2 hover:text-ds-1\",\n                  item.disabled && \"cursor-not-allowed opacity-55\",\n                  triggerClassName,\n                )}\n                onClick={() => {\n                  if (!item.disabled) {\n                    setValue(item.id);\n                  }\n                }}\n                onKeyDown={(event) => {\n                  if (event.key === \"ArrowRight\") {\n                    event.preventDefault();\n                    moveBy(getEffectiveDirection() === \"rtl\" ? -1 : 1);\n                  }\n\n                  if (event.key === \"ArrowLeft\") {\n                    event.preventDefault();\n                    moveBy(getEffectiveDirection() === \"rtl\" ? 1 : -1);\n                  }\n\n                  if (event.key === \"Home\") {\n                    event.preventDefault();\n                    const first = items.find((candidate) => !candidate.disabled);\n                    if (first) {\n                      setValue(first.id);\n                    }\n                  }\n\n                  if (event.key === \"End\") {\n                    event.preventDefault();\n                    const reversed = [...items].reverse();\n                    const last = reversed.find(\n                      (candidate) => !candidate.disabled,\n                    );\n                    if (last) {\n                      setValue(last.id);\n                    }\n                  }\n                }}\n              >\n                {item.label}\n              </Button>\n            </div>\n          );\n        })}\n      </div>\n\n      <div\n        ref={panelRef}\n        role=\"tabpanel\"\n        id={`tabpanel-${activeItem?.id ?? \"\"}`}\n        aria-labelledby={`tab-${activeItem?.id ?? \"\"}`}\n        className={mergeClassNames(\"mt-2 w-full\", panelClassName)}\n      >\n        {activeItem?.content}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/input.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_input = require("./chunks/input-T4OlFhBc.cjs");
+const require_input = require("./chunks/input-DkCPyWXi.cjs");
 exports.Input = require_input.Input;
 exports.InputState = require_input.InputState;

package/dist/input.mjs

@@ -1,2 +1,2 @@
-import { n as InputState, t as Input } from "./chunks/input-Dox16Ozo.mjs";
+import { n as InputState, t as Input } from "./chunks/input-Bqo9Q5zF.mjs";
 export { Input, InputState };

package/dist/label.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_label = require("./chunks/label-CxmbGh0l.cjs");
+const require_label = require("./chunks/label-BKzqfAAq.cjs");
 exports.Label = require_label.Label;

package/dist/label.mjs

@@ -1,2 +1,2 @@
-import { t as Label } from "./chunks/label-C1Ekt3j2.mjs";
+import { t as Label } from "./chunks/label-Drxg0cG2.mjs";
 export { Label };

package/dist/multi-select-combobox.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_multi_select_combobox = require("./chunks/multi-select-combobox-BzqYLVpV.cjs");
+const require_multi_select_combobox = require("./chunks/multi-select-combobox-C0DoDzxQ.cjs");
 exports.MultiSelectCombobox = require_multi_select_combobox.MultiSelectCombobox;

package/dist/multi-select-combobox.mjs

@@ -1,2 +1,2 @@
-import { t as MultiSelectCombobox } from "./chunks/multi-select-combobox-BrFtvCrS.mjs";
+import { t as MultiSelectCombobox } from "./chunks/multi-select-combobox-Do23ZfOQ.mjs";
 export { MultiSelectCombobox };

package/dist/password-strength-meter.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_password_strength_meter = require("./chunks/password-strength-meter-BNnmSgLh.cjs");
+const require_password_strength_meter = require("./chunks/password-strength-meter-DCi_BP7e.cjs");
 exports.PasswordStrengthMeter = require_password_strength_meter.PasswordStrengthMeter;

package/dist/password-strength-meter.mjs

@@ -1,2 +1,2 @@
-import { t as PasswordStrengthMeter } from "./chunks/password-strength-meter-BEx94cfy.mjs";
+import { t as PasswordStrengthMeter } from "./chunks/password-strength-meter-BsvqQBAg.mjs";
 export { PasswordStrengthMeter };

package/dist/progress-bar.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_progress_bar = require("./chunks/progress-bar-DS8KZ7eO.cjs");
+const require_progress_bar = require("./chunks/progress-bar-CYaBO_lS.cjs");
 exports.CircularProgress = require_progress_bar.CircularProgress;
 exports.ProgressBar = require_progress_bar.ProgressBar;

package/dist/progress-bar.mjs

@@ -1,2 +1,2 @@
-import { n as ProgressBar, t as CircularProgress } from "./chunks/progress-bar-C9O0tuZf.mjs";
+import { n as ProgressBar, t as CircularProgress } from "./chunks/progress-bar-DQ5ZKk2Y.mjs";
 export { CircularProgress, ProgressBar };

package/dist/radio.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_radio = require("./chunks/radio-BiD1ofmq.cjs");
+const require_radio = require("./chunks/radio-zx9xEW_C.cjs");
 exports.Radio = require_radio.Radio;

package/dist/radio.mjs

@@ -1,2 +1,2 @@
-import { t as Radio } from "./chunks/radio-C7Eg3FEp.mjs";
+import { t as Radio } from "./chunks/radio-CuiM_gDv.mjs";
 export { Radio };

package/dist/select.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_select = require("./chunks/select-CORFYTvs.cjs");
+const require_select = require("./chunks/select-bZ9WqLOc.cjs");
 exports.Select = require_select.Select;

package/dist/select.mjs

@@ -1,2 +1,2 @@
-import { t as Select } from "./chunks/select-D0GOBB-b.mjs";
+import { t as Select } from "./chunks/select-CUaSNR09.mjs";
 export { Select };

package/dist/sidebar.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_sidebar = require("./chunks/sidebar-D9D651F6.cjs");
+const require_sidebar = require("./chunks/sidebar-Kkr45nuN.cjs");
 exports.DashboardSidebarShell = require_sidebar.DashboardSidebarShell;
 exports.HamburgerIcon = require_sidebar.HamburgerIcon;
 exports.NavLink = require_sidebar.NavLink;

package/dist/sidebar.mjs

@@ -1,2 +1,2 @@
-import { a as HamburgerIcon, i as NavLink, n as Sidebar, r as SidebarLinks, t as DashboardSidebarShell } from "./chunks/sidebar-BrOLz89T.mjs";
+import { a as HamburgerIcon, i as NavLink, n as Sidebar, r as SidebarLinks, t as DashboardSidebarShell } from "./chunks/sidebar-DYEDFV2u.mjs";
 export { DashboardSidebarShell, HamburgerIcon, NavLink, Sidebar, SidebarLinks };

package/dist/skeleton.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_skeleton = require("./chunks/skeleton-wQOE-pRg.cjs");
+const require_skeleton = require("./chunks/skeleton-DCBGLNAZ.cjs");
 exports.Skeleton = require_skeleton.Skeleton;
 exports.SkeletonAvatar = require_skeleton.SkeletonAvatar;
 exports.SkeletonButton = require_skeleton.SkeletonButton;