erp-pro-ui 0.2.4 → 0.2.6

package/dist/index.cjs

@@ -2,56 +2,60 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("./chunks/chunk-B_GkZjkl.cjs");
 const require_theme = require("./chunks/theme-D6B-FaoE.cjs");
 const require_utils = require("./chunks/utils-LRbEQHYs.cjs");
-const require_charts = require("./chunks/charts-BmIV-mJy.cjs");
-const require_truncated_text = require("./chunks/truncated-text-BIXqNfOL.cjs");
-const require_icons = require("./chunks/icons-CRanVZB1.cjs");
-const require_accordion = require("./chunks/accordion-CmB6EidC.cjs");
-const require_alert = require("./chunks/alert-C5KEeQqh.cjs");
-const require_animated_content = require("./chunks/animated-content-CLsFnjgr.cjs");
-const require_background_gradient_animation = require("./chunks/background-gradient-animation-CiNdmA61.cjs");
-const require_button = require("./chunks/button-C4MXPxsC.cjs");
-const require_HoverBorderGradient = require("./chunks/HoverBorderGradient-9pfvBoHR.cjs");
-const require_button_hover_border_gradient = require("./chunks/button-hover-border-gradient-ssmwU5-U.cjs");
-const require_DropdownMenu = require("./chunks/DropdownMenu-BDrNYO-D.cjs");
-const require_select = require("./chunks/select-bZ9WqLOc.cjs");
-const require_calendar = require("./chunks/calendar-CQJgQ5H_.cjs");
-const require_card = require("./chunks/card-RrT68nvu.cjs");
-const require_carousel = require("./chunks/carousel-Cv0m1Pp5.cjs");
-const require_sidebar = require("./chunks/sidebar-Kkr45nuN.cjs");
-const require_typography = require("./chunks/typography-LwwY_MOy.cjs");
-const require_ascii_text = require("./chunks/ascii-text-BFnpVur6.cjs");
-const require_chroma_grid = require("./chunks/chroma-grid-DcZ9f4Ui.cjs");
-const require_gradual_blur = require("./chunks/gradual-blur-C6NOnjTw.cjs");
+const require_charts = require("./chunks/charts-COx3IbI2.cjs");
+const require_truncated_text = require("./chunks/truncated-text-CswjmrHZ.cjs");
+const require_icons = require("./chunks/icons-ub9iu-JG.cjs");
+const require_EllipsisVerticalIcon = require("./chunks/EllipsisVerticalIcon-BJw3MNkg.cjs");
+const require_accordion = require("./chunks/accordion-Bj3Sj0mC.cjs");
+const require_alert = require("./chunks/alert-BBA4Sh4e.cjs");
+const require_animated_content = require("./chunks/animated-content-B3wbiWQI.cjs");
+const require_background_gradient_animation = require("./chunks/background-gradient-animation-1LZY3DYT.cjs");
+const require_button = require("./chunks/button-uD87K76W.cjs");
+const require_HoverBorderGradient = require("./chunks/HoverBorderGradient-DMMyr2L3.cjs");
+const require_button_hover_border_gradient = require("./chunks/button-hover-border-gradient-DGZqd8je.cjs");
+const require_DropdownMenu = require("./chunks/DropdownMenu-yh04burS.cjs");
+const require_select = require("./chunks/select-zFFyNmlY.cjs");
+const require_calendar = require("./chunks/calendar-DCkikZYb.cjs");
+const require_card = require("./chunks/card-Cuud0jIt.cjs");
+const require_dashboard_cards = require("./chunks/dashboard-cards-DNWJPKRu.cjs");
+const require_Tooltip = require("./chunks/Tooltip-nnaiqJTT.cjs");
+const require_Drawer = require("./chunks/Drawer-D72Xi2Gq.cjs");
+const require_event_calendar = require("./chunks/event-calendar-Bljd_7PI.cjs");
+const require_checkbox = require("./chunks/checkbox-CDknzh89.cjs");
+const require_input = require("./chunks/input-DMTwz27q.cjs");
+const require_switch = require("./chunks/switch-BbFl5b4t.cjs");
+const require_textarea = require("./chunks/textarea-U_JeSWI3.cjs");
+const require_carousel = require("./chunks/carousel-xHkrV_pt.cjs");
+const require_sidebar = require("./chunks/sidebar-Cq7UbKJT.cjs");
+const require_typography = require("./chunks/typography-CFIiYk1d.cjs");
+const require_ascii_text = require("./chunks/ascii-text-KwVE41Hw.cjs");
+const require_chroma_grid = require("./chunks/chroma-grid-Bp55pKEm.cjs");
+const require_gradual_blur = require("./chunks/gradual-blur-BNYVlqb1.cjs");
 require("./hover-border-gradient.cjs");
-const require_splash_cursor = require("./chunks/splash-cursor-BqG7ClsJ.cjs");
-const require_spotlight_card = require("./chunks/spotlight-card-BmsqC7wm.cjs");
-const require_SunToMoonButton = require("./chunks/SunToMoonButton-jS4BJD9q.cjs");
-const require_sun_to_moon_button = require("./chunks/sun-to-moon-button-PwgTPsTW.cjs");
-const require_checkbox = require("./chunks/checkbox-D8ivRZ1x.cjs");
-const require_chip = require("./chunks/chip-B0YzBwkz.cjs");
-const require_progress_bar = require("./chunks/progress-bar-CYaBO_lS.cjs");
-const require_color_palette = require("./chunks/color-palette-pLh6En3n.cjs");
-const require_combobox = require("./chunks/combobox-CtNrGmuR.cjs");
-const require_input = require("./chunks/input-DkCPyWXi.cjs");
-const require_Tooltip = require("./chunks/Tooltip-DD30yj3A.cjs");
-const require_data_table = require("./chunks/data-table-fAEuevPn.cjs");
-const require_multi_select_combobox = require("./chunks/multi-select-combobox-C0DoDzxQ.cjs");
-const require_switch = require("./chunks/switch-X3l8xnle.cjs");
-const require_date_picker = require("./chunks/date-picker-qpUZMtZC.cjs");
-const require_dialog = require("./chunks/dialog-J2ZTSTpL.cjs");
-const require_drawer = require("./chunks/drawer-D07dGN6R.cjs");
-const require_form = require("./chunks/form-X6Vyaavl.cjs");
-const require_hover_card = require("./chunks/hover-card--rplmsA_.cjs");
-const require_label = require("./chunks/label-BKzqfAAq.cjs");
-const require_loading = require("./chunks/loading-BiM4mKh6.cjs");
-const require_otp_input = require("./chunks/otp-input-CkhV-sGl.cjs");
-const require_password_strength_meter = require("./chunks/password-strength-meter-DCi_BP7e.cjs");
-const require_radio = require("./chunks/radio-zx9xEW_C.cjs");
-const require_skeleton = require("./chunks/skeleton-DCBGLNAZ.cjs");
-const require_stepper = require("./chunks/stepper-DepvEGfr.cjs");
-const require_textarea = require("./chunks/textarea-CGRl2hrM.cjs");
-const require_toast = require("./chunks/toast-DiFgv3IL.cjs");
-const require_spinners = require("./chunks/spinners-C9acUulz.cjs");
+const require_splash_cursor = require("./chunks/splash-cursor-CQ6_HwHV.cjs");
+const require_spotlight_card = require("./chunks/spotlight-card-COfSD7ns.cjs");
+const require_SunToMoonButton = require("./chunks/SunToMoonButton-gX4Kk_5B.cjs");
+const require_sun_to_moon_button = require("./chunks/sun-to-moon-button-lt-1vmWm.cjs");
+const require_chip = require("./chunks/chip-sfQlzrbo.cjs");
+const require_progress_bar = require("./chunks/progress-bar-FfdFVvTT.cjs");
+const require_color_palette = require("./chunks/color-palette-Duud5Iqq.cjs");
+const require_combobox = require("./chunks/combobox-C3a2iogC.cjs");
+const require_data_table = require("./chunks/data-table-BZEiSZI2.cjs");
+const require_multi_select_combobox = require("./chunks/multi-select-combobox-CFJGq1hn.cjs");
+const require_date_picker = require("./chunks/date-picker-_EVYpGga.cjs");
+const require_dialog = require("./chunks/dialog-i9LdkXmF.cjs");
+require("./drawer.cjs");
+const require_form = require("./chunks/form-DGwdlSW2.cjs");
+const require_hover_card = require("./chunks/hover-card-Dp6Y2h2J.cjs");
+const require_label = require("./chunks/label-B5Ugq0Nk.cjs");
+const require_loading = require("./chunks/loading-DZKJc3e7.cjs");
+const require_otp_input = require("./chunks/otp-input-B5-tuc0q.cjs");
+const require_password_strength_meter = require("./chunks/password-strength-meter-_o1T1HLO.cjs");
+const require_radio = require("./chunks/radio-wagafWwx.cjs");
+const require_skeleton = require("./chunks/skeleton-DWvVc17T.cjs");
+const require_stepper = require("./chunks/stepper-CTteR-Kj.cjs");
+const require_toast = require("./chunks/toast-2yq4Q7-q.cjs");
+const require_spinners = require("./chunks/spinners-DBAJliAj.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/effects/border-beam/BorderBeam.tsx
@@ -70,282 +74,6 @@ 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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "10",
-			height: "10",
-			viewBox: "0 0 10 10",
-			fill: "none",
-			"aria-hidden": "true",
-			children: isUp ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M5 8V2M5 2L2 5M5 2L8 5",
-				stroke: "currentColor",
-				strokeWidth: "1.5",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M5 2V8M5 8L2 5M5 8L8 5",
-				stroke: "currentColor",
-				strokeWidth: "1.5",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			})
-		})]
-	});
-};
-var MenuButton = ({ onClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
-	variant: "tertiary",
-	size: "small",
-	className: "shrink-0 p-0.5! text-ds-3",
-	"aria-label": "More options",
-	onClick,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.EllipsisVerticalIcon, {
-		width: 18,
-		height: 18
-	})
-});
-var LegendDots = ({ items }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	className: "flex items-center gap-3",
-	children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		className: "flex items-center gap-1.5 text-xs text-ds-2",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.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 = require_utils.mergeClassNames("rounded-lg border border-ds-border-3/80 bg-ds-surface-1", className);
-	if (size === "sm") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.mergeClassNames(base, "flex flex-col gap-7 p-5"),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-start justify-between gap-2",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-sm font-semibold text-ds-1",
-					children: title
-				}), badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendBadge, {
-					value: badge.value,
-					direction: badge.direction
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuButton, { onClick: onMenuClick })]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-2xl font-bold tracking-tight text-ds-1 leading-none",
-				children: value
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-[10px] text-ds-3 mt-1",
-				children: dateRange
-			})]
-		})]
-	});
-	if (size === "md") {
-		const metricBlock = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex flex-col gap-1 min-w-0",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-3xl font-bold tracking-tight text-ds-1 leading-none",
-				children: value
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-[10px] text-ds-3 mt-1",
-				children: dateRange
-			})]
-		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_utils.mergeClassNames(base, "flex flex-col gap-3 p-5"),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-start justify-between gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "text-sm font-semibold text-ds-1",
-						children: title
-					}), badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendBadge, {
-						value: badge.value,
-						direction: badge.direction
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuButton, { onClick: onMenuClick })]
-			}), chartPosition === "bottom" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [metricBlock, chart && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_utils.mergeClassNames("w-full pt-3", chartClassName),
-				children: chart
-			})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-end justify-between gap-3",
-				children: [metricBlock, chart && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_utils.mergeClassNames("h-[46px] w-[155px] shrink-0 overflow-hidden", chartClassName),
-					children: chart
-				})]
-			})]
-		});
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.mergeClassNames(base, "flex flex-col p-5"),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex flex-wrap items-start justify-between gap-x-6 gap-y-2 mb-4",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex flex-col gap-1.5",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "text-sm font-semibold text-ds-1",
-							children: title
-						}), badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendBadge, {
-							value: badge.value,
-							direction: badge.direction
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "text-3xl font-bold tracking-tight text-ds-1 leading-none",
-						children: value
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "text-xs text-ds-3",
-						children: dateRange
-					})
-				]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-4 ms-auto",
-				children: [legend && legend.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LegendDots, { items: legend }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuButton, { onClick: onMenuClick })]
-			})]
-		}), chart && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_utils.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__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.mergeClassNames("flex flex-col gap-4 rounded-2xl border border-ds-border-2 bg-ds-surface-1 p-5", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex flex-wrap items-start justify-between gap-x-6 gap-y-2",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex flex-col gap-0.5",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-sm font-semibold text-ds-color-fg",
-					children: title
-				}), dateRange && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-xs text-ds-color-fg-subtle",
-					children: dateRange
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-4 ms-auto",
-				children: [legend && legend.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "flex items-center gap-3",
-					children: legend.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "flex items-center gap-1.5 text-xs text-ds-color-fg-muted",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
-					variant: "tertiary",
-					size: "small",
-					className: "shrink-0 p-0.5! text-ds-color-fg-subtle",
-					"aria-label": "More options",
-					onClick: onMenuClick,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.EllipsisVerticalIcon, {
-						width: 18,
-						height: 18
-					})
-				})]
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "w-full",
-			children
-		})]
-	});
-};
-//#endregion
-//#region src/components/data-display/dashboard-cards/TopProductsCard.tsx
-var RankBadge = ({ rank }) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("img", {
-		src,
-		alt,
-		className: "h-11 w-11 shrink-0 rounded-md object-contain bg-ds-color-bg-utility p-1"
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.mergeClassNames("flex flex-col rounded-lg border border-ds-border-3/80 bg-ds-surface-1 p-5", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "mb-4 flex items-center justify-between",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-sm font-semibold text-ds-color-fg",
-				children: title
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
-				variant: "tertiary",
-				size: "small",
-				className: "shrink-0 p-0.5! text-ds-color-fg-subtle",
-				"aria-label": "More options",
-				onClick: onMenuClick,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.EllipsisVerticalIcon, {
-					width: 18,
-					height: 18
-				})
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-			className: "flex flex-col divide-y divide-ds-border-2",
-			role: "list",
-			children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				className: "flex items-center gap-3 py-3 first:pt-0 last:pb-0",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProductImage, {
-						src: item.image,
-						alt: item.name
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex min-w-0 flex-1 flex-col gap-0.5",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "truncate text-sm font-semibold text-ds-color-fg",
-							children: item.name
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "truncate text-xs text-ds-color-fg-subtle",
-							children: [
-								item.category,
-								" · ",
-								item.soldCount.toLocaleString(),
-								" sold"
-							]
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.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) {
@@ -527,6 +255,7 @@ function Tabs({ items, value, defaultValue, onValueChange, dir = "auto", classNa
 	});
 }
 //#endregion
+exports.ALL_LABELS = require_event_calendar.ALL_LABELS;
 exports.ASCIIText = require_ascii_text.ASCIIText;
 exports.Accordion = require_accordion.Accordion;
 exports.ActivityIcon = require_icons.ActivityIcon;
@@ -554,7 +283,7 @@ exports.ButtonHoverBorderGradient = require_button_hover_border_gradient.ButtonH
 exports.Calendar = require_calendar.Calendar;
 exports.Card = require_card.Card;
 exports.Carousel = require_carousel.Carousel;
-exports.ChartCard = ChartCard;
+exports.ChartCard = require_dashboard_cards.ChartCard;
 exports.CheckCircleIcon = require_icons.CheckCircleIcon;
 exports.CheckIcon = require_icons.CheckIcon;
 exports.Checkbox = require_checkbox.Checkbox;
@@ -576,13 +305,19 @@ exports.Combobox = require_combobox.Combobox;
 exports.DashboardSidebarShell = require_sidebar.DashboardSidebarShell;
 exports.DataTable = require_data_table.DataTable;
 exports.DatePicker = require_date_picker.DatePicker;
+exports.DeviceSalesCard = require_dashboard_cards.DeviceSalesCard;
 exports.Dialog = require_dialog.Dialog;
 exports.Dots = require_loading.Dots;
 exports.DragIcon = require_icons.DragIcon;
-exports.Drawer = require_drawer.Drawer;
+exports.Drawer = require_Drawer.Drawer;
 exports.DropdownMenu = require_DropdownMenu.DropdownMenu;
+exports.EVENT_LABEL_CONFIG = require_event_calendar.EVENT_LABEL_CONFIG;
+exports.EarningReportsTabsCard = require_dashboard_cards.EarningReportsTabsCard;
+exports.EarningsCard = require_dashboard_cards.EarningsCard;
 exports.EllipsisIcon = require_icons.EllipsisIcon;
-exports.EllipsisVerticalIcon = require_icons.EllipsisVerticalIcon;
+exports.EllipsisVerticalIcon = require_EllipsisVerticalIcon.EllipsisVerticalIcon;
+exports.EventCalendar = require_event_calendar.EventCalendar;
+exports.ExpensesCard = require_dashboard_cards.ExpensesCard;
 exports.EyeIcon = require_icons.EyeIcon;
 exports.EyeOffIcon = require_icons.EyeOffIcon;
 exports.FilterButton = require_data_table.FilterButton;
@@ -601,6 +336,7 @@ exports.HamburgerIcon = require_sidebar.HamburgerIcon;
 exports.HomeIcon = require_icons.HomeIcon;
 exports.HoverBorderGradient = require_HoverBorderGradient.HoverBorderGradient;
 exports.HoverCard = require_hover_card.HoverCard;
+exports.IncomeExpenseCard = require_dashboard_cards.IncomeExpenseCard;
 exports.InfoCircleIcon = require_icons.InfoCircleIcon;
 exports.Input = require_input.Input;
 exports.InputGroup = require_form.InputGroup;
@@ -624,12 +360,15 @@ exports.Pulse = require_loading.Pulse;
 exports.QuestionCircleIcon = require_icons.QuestionCircleIcon;
 exports.Radio = require_radio.Radio;
 exports.RefreshIcon = require_icons.RefreshIcon;
+exports.RevenueGrowthCard = require_dashboard_cards.RevenueGrowthCard;
 exports.Ring = require_loading.Ring;
 exports.RingLoaderIcon = require_icons.RingLoaderIcon;
+exports.SalesOverviewCard = require_dashboard_cards.SalesOverviewCard;
 exports.SearchIcon = require_icons.SearchIcon;
 exports.Select = require_select.Select;
 exports.SelectionIcon = require_icons.SelectionIcon;
 exports.SettingsIcon = require_icons.SettingsIcon;
+exports.ShipmentStatisticsCard = require_dashboard_cards.ShipmentStatisticsCard;
 exports.ShoppingCartIcon = require_icons.ShoppingCartIcon;
 exports.Sidebar = require_sidebar.Sidebar;
 exports.SidebarLinks = require_sidebar.SidebarLinks;
@@ -648,14 +387,16 @@ exports.SplashCursor = require_splash_cursor.SplashCursor;
 exports.SplitChip = require_chip.SplitChip;
 exports.SpotlightCard = require_spotlight_card.SpotlightCard;
 exports.StackedBarChart = require_charts.StackedBarChart;
-exports.StatCard = StatCard;
+exports.StatCard = require_dashboard_cards.StatCard;
 exports.StatusDotChip = require_chip.StatusDotChip;
 exports.Stepper = require_stepper.Stepper;
 exports.StepperSteps = require_stepper.StepperSteps;
 exports.StepperStepsNavigation = require_stepper.StepperSteps;
 exports.StepperWizard = require_stepper.StepperWizard;
 exports.StepperWizardStep = require_stepper.StepperWizardStep;
+exports.StockAvailabilityCard = require_dashboard_cards.StockAvailabilityCard;
 exports.SunToMoonButton = require_SunToMoonButton.SunToMoonButton;
+exports.SupportTrackerCard = require_dashboard_cards.SupportTrackerCard;
 exports.Switch = require_switch.Switch;
 exports.Table = require_data_table.Table;
 exports.TableBody = require_data_table.TableBody;
@@ -674,11 +415,14 @@ exports.ThinBreakdownBar = require_charts.ThinBreakdownBar;
 exports.ToastItem = require_toast.ToastItem;
 exports.ToastProvider = require_toast.ToastProvider;
 exports.Tooltip = require_Tooltip.Tooltip;
-exports.TopProductsCard = TopProductsCard;
+exports.TopProductsCard = require_dashboard_cards.TopProductsCard;
+exports.TopicsCard = require_dashboard_cards.TopicsCard;
 exports.TrashIcon = require_icons.TrashIcon;
 exports.TruncatedText = require_truncated_text.TruncatedText;
 exports.Typography = require_typography.Typography;
 exports.UserIcon = require_icons.UserIcon;
+exports.VehicleConditionCard = require_dashboard_cards.VehicleConditionCard;
+exports.VehiclesOverviewCard = require_dashboard_cards.VehiclesOverviewCard;
 exports.Wave = require_loading.Wave;
 exports.XCircleIcon = require_icons.XCircleIcon;
 exports.ZapIcon = require_icons.ZapIcon;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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  Fragment,\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,\n  animation = \"slide\",\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    if (animation === \"slide\") {\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 ?? 300,\n          easing: \"cubic-bezier(0.42, 1, 0.36, 1)\",\n        },\n      );\n    } else if (animation === \"fade\") {\n      panel.animate(\n        [{ opacity: 0 }, { opacity: 1 }],\n        {\n          duration: animationDurationMs ?? 360,\n          easing: \"cubic-bezier(0.42, 1, 0.36, 1)\",\n        },\n      );\n    } else if (animation === \"rise\") {\n      panel.animate(\n        [\n          { opacity: 0, transform: \"translateY(14px)\" },\n          { opacity: 1, transform: \"translateY(0px)\" },\n        ],\n        {\n          duration: animationDurationMs ?? 420,\n          easing: \"cubic-bezier(0.534, 1, 0.3, 1)\",\n        },\n      );\n    }\n\n    previousIndexRef.current = activeIndex;\n  }, [activeIndex, animationDurationMs, animation, 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-10\",\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        <Fragment key={activeItem?.id}>\n          {activeItem?.content}\n        </Fragment>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","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  Fragment,\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,\n  animation = \"slide\",\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    if (animation === \"slide\") {\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 ?? 300,\n          easing: \"cubic-bezier(0.42, 1, 0.36, 1)\",\n        },\n      );\n    } else if (animation === \"fade\") {\n      panel.animate(\n        [{ opacity: 0 }, { opacity: 1 }],\n        {\n          duration: animationDurationMs ?? 360,\n          easing: \"cubic-bezier(0.42, 1, 0.36, 1)\",\n        },\n      );\n    } else if (animation === \"rise\") {\n      panel.animate(\n        [\n          { opacity: 0, transform: \"translateY(14px)\" },\n          { opacity: 1, transform: \"translateY(0px)\" },\n        ],\n        {\n          duration: animationDurationMs ?? 420,\n          easing: \"cubic-bezier(0.534, 1, 0.3, 1)\",\n        },\n      );\n    }\n\n    previousIndexRef.current = activeIndex;\n  }, [activeIndex, animationDurationMs, animation, 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-10\",\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        <Fragment key={activeItem?.id}>\n          {activeItem?.content}\n        </Fragment>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -15,8 +15,11 @@ export type { ButtonProps } from './components/forms/button';
 export { ButtonHoverBorderGradient } from './components/effects/button-hover-border-gradient';
 export { Calendar } from './components/forms/calendar';
 export { Card } from './components/data-display/card';
-export { StatCard, ChartCard, TopProductsCard } from './components/data-display/dashboard-cards';
-export type { StatCardProps, StatCardSize, StatCardLegendItem, ChartCardProps, ChartCardLegendItem, TopProductsCardProps, TopProductItem, } from './components/data-display/dashboard-cards';
+export { StatCard, ChartCard, TopProductsCard, EarningsCard, SupportTrackerCard, SalesOverviewCard, RevenueGrowthCard, EarningReportsTabsCard, TopicsCard, ShipmentStatisticsCard, VehicleConditionCard, VehiclesOverviewCard, StockAvailabilityCard, ExpensesCard, IncomeExpenseCard, DeviceSalesCard, } from './components/data-display/dashboard-cards';
+export type { StatCardProps, StatCardSize, StatCardLegendItem, ChartCardProps, ChartCardLegendItem, TopProductsCardProps, TopProductItem, EarningsCardProps, EarningsCardSize, EarningsMetric, WeeklyBarPoint, SupportTrackerCardProps, SupportItem, SalesOverviewCardProps, SalesMetric, RevenueGrowthCardProps, RevenueGrowthBarPoint, EarningReportsTabsCardProps, EarningTab, EarningTabBarPoint, TopicsCardProps, TopicItem, ShipmentStatisticsCardProps, ShipmentDataPoint, VehicleConditionCardProps, VehicleConditionItem, VehiclesOverviewCardProps, VehiclesOverviewItem, StockAvailabilityCardProps, StockItem, ExpensesCardProps, ExpenseItem, TopExpenseItem, IncomeExpenseCardProps, IncomeExpenseDataPoint, IncomeExpenseBadge, DeviceSalesCardProps, DeviceSalesChannel, DeviceSalesBrandRow, } from './components/data-display/dashboard-cards';
+export { EventCalendar } from './components/data-display/event-calendar';
+export type { EventCalendarProps, CalendarEvent, CalendarView, EventLabel, } from './components/data-display/event-calendar';
+export { EVENT_LABEL_CONFIG, ALL_LABELS } from './components/data-display/event-calendar';
 export { Carousel } from './components/navigation/carousel';
 export { Sidebar, SidebarLinks, NavLink, HamburgerIcon, DashboardSidebarShell, } from './components/navigation/sidebar';
 export { Tabs } from './components/navigation/tabs';