@hexclave/dashboard-ui-components 1.0.0

package/dist/esm/components/tabs.js

@@ -0,0 +1,111 @@
+"use client";
+
+import { Spinner, cn } from "@hexclave/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { useGlassmorphicDefault } from "./card.js";
+
+//#region src/components/tabs.tsx
+const tabSizeClasses = new Map([["sm", {
+	button: "px-3 py-2 text-xs",
+	badge: "text-[10px] px-1.5 py-0.5"
+}], ["md", {
+	button: "px-4 py-3 text-sm",
+	badge: "text-xs px-1.5 py-0.5"
+}]]);
+const gradientClasses = new Map([
+	["blue", {
+		activeText: "text-blue-700 dark:text-blue-400",
+		activeBadge: "bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-400",
+		underline: "bg-blue-700 dark:bg-blue-400"
+	}],
+	["cyan", {
+		activeText: "text-cyan-700 dark:text-cyan-300",
+		activeBadge: "bg-cyan-100 dark:bg-cyan-900/30 text-cyan-700 dark:text-cyan-300",
+		underline: "bg-cyan-600 dark:bg-cyan-400"
+	}],
+	["purple", {
+		activeText: "text-purple-700 dark:text-purple-300",
+		activeBadge: "bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-300",
+		underline: "bg-purple-600 dark:bg-purple-400"
+	}],
+	["green", {
+		activeText: "text-emerald-700 dark:text-emerald-300",
+		activeBadge: "bg-emerald-100 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-300",
+		underline: "bg-emerald-600 dark:bg-emerald-400"
+	}],
+	["orange", {
+		activeText: "text-amber-700 dark:text-amber-300",
+		activeBadge: "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300",
+		underline: "bg-amber-600 dark:bg-amber-400"
+	}],
+	["default", {
+		activeText: "text-foreground",
+		activeBadge: "bg-foreground/10 text-foreground",
+		underline: "bg-foreground/80"
+	}]
+]);
+function getMapValueOrThrow(map, key, mapName) {
+	const value = map.get(key);
+	if (!value) throw new Error(`Missing ${mapName} entry for key "${String(key)}"`);
+	return value;
+}
+function DesignCategoryTabs({ categories, selectedCategory, onSelect, showBadge = true, size = "sm", glassmorphic: glassmorphicProp, gradient = "blue", trailing, className, ...props }) {
+	const glassmorphic = useGlassmorphicDefault(glassmorphicProp);
+	const sizeClass = getMapValueOrThrow(tabSizeClasses, size, "tabSizeClasses");
+	const gradientClass = getMapValueOrThrow(gradientClasses, gradient, "gradientClasses");
+	const [loadingCategoryId, setLoadingCategoryId] = useState(null);
+	const handleSelect = (categoryId) => {
+		const result = onSelect(categoryId);
+		if (result && typeof result.then === "function") {
+			setLoadingCategoryId(categoryId);
+			runAsynchronouslyWithAlert(Promise.resolve(result).finally(() => setLoadingCategoryId(null)));
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex w-full min-w-0 items-center gap-2", glassmorphic ? "rounded-xl bg-black/[0.08] dark:bg-white/[0.04] p-1 backdrop-blur-sm" : "border-b border-gray-300 dark:border-gray-800", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn("flex min-h-0 min-w-0 flex-1 items-center gap-1 overflow-x-auto flex-nowrap [&::-webkit-scrollbar]:hidden"),
+			children: categories.map((category) => {
+				const isActive = selectedCategory === category.id;
+				const badgeValue = category.badgeCount ?? category.count;
+				const shouldShowBadge = showBadge && badgeValue !== void 0;
+				return /* @__PURE__ */ jsxs("button", {
+					onClick: () => handleSelect(category.id),
+					disabled: loadingCategoryId !== null,
+					className: cn("font-medium transition-all duration-150 hover:transition-none relative flex flex-shrink-0 items-center justify-center gap-2 whitespace-nowrap", "hover:text-gray-900 dark:hover:text-gray-100", sizeClass.button, glassmorphic ? "rounded-lg" : "", isActive ? cn(gradientClass.activeText, glassmorphic && "bg-background shadow-sm ring-1 ring-black/[0.12] dark:ring-white/[0.06]") : "text-gray-700 dark:text-gray-400"),
+					children: [
+						loadingCategoryId === category.id && /* @__PURE__ */ jsx(Spinner, {
+							size: 12,
+							className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none"
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: cn("flex items-center gap-2", loadingCategoryId === category.id && "invisible"),
+							children: [
+								category.icon && /* @__PURE__ */ jsx(category.icon, {
+									className: "h-4 w-4 shrink-0",
+									"aria-hidden": true
+								}),
+								category.label,
+								shouldShowBadge && /* @__PURE__ */ jsx("span", {
+									className: cn("rounded-full", sizeClass.badge, isActive ? gradientClass.activeBadge : "bg-gray-200 dark:bg-gray-800 text-gray-600 dark:text-gray-400"),
+									children: badgeValue
+								})
+							]
+						}),
+						!glassmorphic && isActive && /* @__PURE__ */ jsx("div", { className: cn("absolute bottom-0 left-0 right-0 h-0.5", gradientClass.underline) })
+					]
+				}, category.id);
+			})
+		}), trailing != null ? /* @__PURE__ */ jsx("div", {
+			className: "flex shrink-0 items-center",
+			children: trailing
+		}) : null]
+	});
+}
+
+//#endregion
+export { DesignCategoryTabs };
+//# sourceMappingURL=tabs.js.map

package/dist/esm/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":[],"sources":["../../../src/components/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type ReactNode } from \"react\";\nimport { cn, Spinner } from \"@stackframe/stack-ui\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { useGlassmorphicDefault } from \"./card\";\n\ntype DesignTabsSize = \"sm\" | \"md\";\ntype DesignTabsGradient = \"blue\" | \"cyan\" | \"purple\" | \"green\" | \"orange\" | \"default\";\n\nexport type DesignCategoryTabItem = {\n  id: string,\n  label: string,\n  count?: number,\n  badgeCount?: number,\n  icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>,\n};\n\nexport type DesignCategoryTabsProps = Omit<React.ComponentProps<\"div\">, \"onSelect\"> & {\n  categories: DesignCategoryTabItem[],\n  selectedCategory: string,\n  onSelect: (id: string) => void | Promise<void>,\n  showBadge?: boolean,\n  size?: DesignTabsSize,\n  glassmorphic?: boolean,\n  gradient?: DesignTabsGradient,\n  /** Renders inside the tab bar after the tab buttons (not a tab). */\n  trailing?: ReactNode,\n};\n\ntype TabSizeClass = {\n  button: string,\n  badge: string,\n};\n\ntype GradientClass = {\n  activeText: string,\n  activeBadge: string,\n  underline: string,\n};\n\nconst tabSizeClasses = new Map<DesignTabsSize, TabSizeClass>([\n  [\"sm\", { button: \"px-3 py-2 text-xs\", badge: \"text-[10px] px-1.5 py-0.5\" }],\n  [\"md\", { button: \"px-4 py-3 text-sm\", badge: \"text-xs px-1.5 py-0.5\" }],\n]);\n\nconst gradientClasses = new Map<DesignTabsGradient, GradientClass>([\n  [\n    \"blue\",\n    {\n      activeText: \"text-blue-700 dark:text-blue-400\",\n      activeBadge: \"bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-400\",\n      underline: \"bg-blue-700 dark:bg-blue-400\",\n    },\n  ],\n  [\n    \"cyan\",\n    {\n      activeText: \"text-cyan-700 dark:text-cyan-300\",\n      activeBadge: \"bg-cyan-100 dark:bg-cyan-900/30 text-cyan-700 dark:text-cyan-300\",\n      underline: \"bg-cyan-600 dark:bg-cyan-400\",\n    },\n  ],\n  [\n    \"purple\",\n    {\n      activeText: \"text-purple-700 dark:text-purple-300\",\n      activeBadge: \"bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-300\",\n      underline: \"bg-purple-600 dark:bg-purple-400\",\n    },\n  ],\n  [\n    \"green\",\n    {\n      activeText: \"text-emerald-700 dark:text-emerald-300\",\n      activeBadge: \"bg-emerald-100 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-300\",\n      underline: \"bg-emerald-600 dark:bg-emerald-400\",\n    },\n  ],\n  [\n    \"orange\",\n    {\n      activeText: \"text-amber-700 dark:text-amber-300\",\n      activeBadge: \"bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300\",\n      underline: \"bg-amber-600 dark:bg-amber-400\",\n    },\n  ],\n  [\n    \"default\",\n    {\n      activeText: \"text-foreground\",\n      activeBadge: \"bg-foreground/10 text-foreground\",\n      underline: \"bg-foreground/80\",\n    },\n  ],\n]);\n\nfunction getMapValueOrThrow<TKey, TValue>(map: Map<TKey, TValue>, key: TKey, mapName: string) {\n  const value = map.get(key);\n  if (!value) {\n    throw new Error(`Missing ${mapName} entry for key \"${String(key)}\"`);\n  }\n  return value;\n}\n\nexport function DesignCategoryTabs({\n  categories,\n  selectedCategory,\n  onSelect,\n  showBadge = true,\n  size = \"sm\",\n  glassmorphic: glassmorphicProp,\n  gradient = \"blue\",\n  trailing,\n  className,\n  ...props\n}: DesignCategoryTabsProps) {\n  const glassmorphic = useGlassmorphicDefault(glassmorphicProp);\n  const sizeClass = getMapValueOrThrow(tabSizeClasses, size, \"tabSizeClasses\");\n  const gradientClass = getMapValueOrThrow(gradientClasses, gradient, \"gradientClasses\");\n  const [loadingCategoryId, setLoadingCategoryId] = useState<string | null>(null);\n\n  const handleSelect = (categoryId: string) => {\n    const result = onSelect(categoryId);\n    if (result && typeof (result as Promise<void>).then === \"function\") {\n      setLoadingCategoryId(categoryId);\n      runAsynchronouslyWithAlert(\n        Promise.resolve(result).finally(() => setLoadingCategoryId(null))\n      );\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex w-full min-w-0 items-center gap-2\",\n        glassmorphic\n          ? \"rounded-xl bg-black/[0.08] dark:bg-white/[0.04] p-1 backdrop-blur-sm\"\n          : \"border-b border-gray-300 dark:border-gray-800\",\n        className\n      )}\n      {...props}\n    >\n      <div\n        className={cn(\n          \"flex min-h-0 min-w-0 flex-1 items-center gap-1 overflow-x-auto flex-nowrap [&::-webkit-scrollbar]:hidden\",\n        )}\n      >\n        {categories.map((category) => {\n          const isActive = selectedCategory === category.id;\n          const badgeValue = category.badgeCount ?? category.count;\n          const shouldShowBadge = showBadge && badgeValue !== undefined;\n\n          return (\n            <button\n              key={category.id}\n              onClick={() => handleSelect(category.id)}\n              disabled={loadingCategoryId !== null}\n              className={cn(\n                \"font-medium transition-all duration-150 hover:transition-none relative flex flex-shrink-0 items-center justify-center gap-2 whitespace-nowrap\",\n                \"hover:text-gray-900 dark:hover:text-gray-100\",\n                sizeClass.button,\n                glassmorphic ? \"rounded-lg\" : \"\",\n                isActive\n                  ? cn(\n                    gradientClass.activeText,\n                    glassmorphic && \"bg-background shadow-sm ring-1 ring-black/[0.12] dark:ring-white/[0.06]\"\n                  )\n                  : \"text-gray-700 dark:text-gray-400\"\n              )}\n            >\n              {loadingCategoryId === category.id && (\n                <Spinner\n                  size={12}\n                  className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none\"\n                />\n              )}\n              <span className={cn(\n                \"flex items-center gap-2\",\n                loadingCategoryId === category.id && \"invisible\"\n              )}>\n                {category.icon && (\n                  <category.icon className=\"h-4 w-4 shrink-0\" aria-hidden />\n                )}\n                {category.label}\n                {shouldShowBadge && (\n                  <span\n                    className={cn(\n                      \"rounded-full\",\n                      sizeClass.badge,\n                      isActive\n                        ? gradientClass.activeBadge\n                        : \"bg-gray-200 dark:bg-gray-800 text-gray-600 dark:text-gray-400\"\n                    )}\n                  >\n                    {badgeValue}\n                  </span>\n                )}\n              </span>\n              {!glassmorphic && isActive && (\n                <div className={cn(\"absolute bottom-0 left-0 right-0 h-0.5\", gradientClass.underline)} />\n              )}\n            </button>\n          );\n        })}\n      </div>\n      {trailing != null ? (\n        <div className=\"flex shrink-0 items-center\">\n          {trailing}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAyCA,MAAM,iBAAiB,IAAI,IAAkC,CAC3D,CAAC,MAAM;CAAE,QAAQ;CAAqB,OAAO;CAA6B,CAAC,EAC3E,CAAC,MAAM;CAAE,QAAQ;CAAqB,OAAO;CAAyB,CAAC,CACxE,CAAC;AAEF,MAAM,kBAAkB,IAAI,IAAuC;CACjE,CACE,QACA;EACE,YAAY;EACZ,aAAa;EACb,WAAW;EACZ,CACF;CACD,CACE,QACA;EACE,YAAY;EACZ,aAAa;EACb,WAAW;EACZ,CACF;CACD,CACE,UACA;EACE,YAAY;EACZ,aAAa;EACb,WAAW;EACZ,CACF;CACD,CACE,SACA;EACE,YAAY;EACZ,aAAa;EACb,WAAW;EACZ,CACF;CACD,CACE,UACA;EACE,YAAY;EACZ,aAAa;EACb,WAAW;EACZ,CACF;CACD,CACE,WACA;EACE,YAAY;EACZ,aAAa;EACb,WAAW;EACZ,CACF;CACF,CAAC;AAEF,SAAS,mBAAiC,KAAwB,KAAW,SAAiB;CAC5F,MAAM,QAAQ,IAAI,IAAI,IAAI;AAC1B,KAAI,CAAC,MACH,OAAM,IAAI,MAAM,WAAW,QAAQ,kBAAkB,OAAO,IAAI,CAAC,GAAG;AAEtE,QAAO;;AAGT,SAAgB,mBAAmB,EACjC,YACA,kBACA,UACA,YAAY,MACZ,OAAO,MACP,cAAc,kBACd,WAAW,QACX,UACA,WACA,GAAG,SACuB;CAC1B,MAAM,eAAe,uBAAuB,iBAAiB;CAC7D,MAAM,YAAY,mBAAmB,gBAAgB,MAAM,iBAAiB;CAC5E,MAAM,gBAAgB,mBAAmB,iBAAiB,UAAU,kBAAkB;CACtF,MAAM,CAAC,mBAAmB,wBAAwB,SAAwB,KAAK;CAE/E,MAAM,gBAAgB,eAAuB;EAC3C,MAAM,SAAS,SAAS,WAAW;AACnC,MAAI,UAAU,OAAQ,OAAyB,SAAS,YAAY;AAClE,wBAAqB,WAAW;AAChC,8BACE,QAAQ,QAAQ,OAAO,CAAC,cAAc,qBAAqB,KAAK,CAAC,CAClE;;;AAIL,QACE,qBAAC;EACC,WAAW,GACT,0CACA,eACI,yEACA,iDACJ,UACD;EACD,GAAI;aAEJ,oBAAC;GACC,WAAW,GACT,2GACD;aAEA,WAAW,KAAK,aAAa;IAC5B,MAAM,WAAW,qBAAqB,SAAS;IAC/C,MAAM,aAAa,SAAS,cAAc,SAAS;IACnD,MAAM,kBAAkB,aAAa,eAAe;AAEpD,WACE,qBAAC;KAEC,eAAe,aAAa,SAAS,GAAG;KACxC,UAAU,sBAAsB;KAChC,WAAW,GACT,iJACA,gDACA,UAAU,QACV,eAAe,eAAe,IAC9B,WACI,GACA,cAAc,YACd,gBAAgB,0EACjB,GACC,mCACL;;MAEA,sBAAsB,SAAS,MAC9B,oBAAC;OACC,MAAM;OACN,WAAU;QACV;MAEJ,qBAAC;OAAK,WAAW,GACf,2BACA,sBAAsB,SAAS,MAAM,YACtC;;QACE,SAAS,QACR,oBAAC,SAAS;SAAK,WAAU;SAAmB;UAAc;QAE3D,SAAS;QACT,mBACC,oBAAC;SACC,WAAW,GACT,gBACA,UAAU,OACV,WACI,cAAc,cACd,gEACL;mBAEA;UACI;;QAEJ;MACN,CAAC,gBAAgB,YAChB,oBAAC,SAAI,WAAW,GAAG,0CAA0C,cAAc,UAAU,GAAI;;OA7CtF,SAAS,GA+CP;KAEX;IACE,EACL,YAAY,OACX,oBAAC;GAAI,WAAU;aACZ;IACG,GACJ;GACA"}

package/dist/esm/index.d.ts

@@ -0,0 +1,24 @@
+import { DesignAlert, DesignAlertProps } from "./components/alert";
+import { DesignBadge, DesignBadgeColor, DesignBadgeContentMode, DesignBadgeProps, DesignBadgeSize } from "./components/badge";
+import { DesignButton, DesignButtonProps, DesignOriginalButtonProps } from "./components/button";
+import { DesignCard, DesignCardProps, DesignCardTint, DesignCardTintProps, useGlassmorphicDefault, useInsideDesignCard } from "./components/card";
+import { CursorBlastEffect, CursorBlastEffectProps } from "./components/cursor-blast-effect";
+import { DesignDialog, DesignDialogClose, DesignDialogDescription, DesignDialogProps, DesignDialogRoot, DesignDialogSize, DesignDialogTitle, DesignDialogTrigger, DesignDialogVariant } from "./components/dialog";
+import { DesignEditMode, useDesignEditMode } from "./components/edit-mode";
+import { DesignInput, DesignInputProps } from "./components/input";
+import { DesignPillToggle, DesignPillToggleOption, DesignPillToggleProps } from "./components/pill-toggle";
+import { DesignSeparator, DesignSeparatorProps } from "./components/separator";
+import { DesignSkeleton, DesignSkeletonProps } from "./components/skeleton";
+import { DesignTable, DesignTableBody, DesignTableCell, DesignTableHead, DesignTableHeader, DesignTableRow } from "./components/table";
+import { DesignCategoryTabItem, DesignCategoryTabs, DesignCategoryTabsProps } from "./components/tabs";
+import { DESIGN_CHART_AXIS_TICK_STYLE, DESIGN_CHART_COLORS, DESIGN_CHART_GRID_COLOR, DesignChartColorEntry, DesignChartColorName, getDesignChartColor } from "./components/chart-theme";
+import { DesignChartConfig, DesignChartContainer, DesignChartStyle, getPayloadConfigFromPayload, useDesignChart } from "./components/chart-container";
+import { DesignChartTooltip, DesignChartTooltipContent } from "./components/chart-tooltip";
+import { DesignChartLegendContent } from "./components/chart-legend";
+import { DesignChartCard, DesignChartCardProps } from "./components/chart-card";
+import { DesignMetricCard, DesignMetricCardProps, DesignMetricCardTrend } from "./components/metric-card";
+import { DesignProgressBar, DesignProgressBarProps } from "./components/progress-bar";
+import { DesignEmptyState, DesignEmptyStateProps } from "./components/empty-state";
+export * from "./components/analytics-chart";
+export * from "./components/data-grid";
+export { CursorBlastEffect, type CursorBlastEffectProps, DESIGN_CHART_AXIS_TICK_STYLE, DESIGN_CHART_COLORS, DESIGN_CHART_GRID_COLOR, DesignAlert, type DesignAlertProps, DesignBadge, type DesignBadgeColor, type DesignBadgeContentMode, type DesignBadgeProps, type DesignBadgeSize, DesignButton, type DesignButtonProps, DesignCard, type DesignCardProps, DesignCardTint, type DesignCardTintProps, type DesignCategoryTabItem, DesignCategoryTabs, type DesignCategoryTabsProps, DesignChartCard, type DesignChartCardProps, type DesignChartColorEntry, type DesignChartColorName, type DesignChartConfig, DesignChartContainer, DesignChartLegendContent, DesignChartStyle, DesignChartTooltip, DesignChartTooltipContent, DesignDialog, DesignDialogClose, DesignDialogDescription, type DesignDialogProps, DesignDialogRoot, type DesignDialogSize, DesignDialogTitle, DesignDialogTrigger, type DesignDialogVariant, DesignEditMode, DesignEmptyState, type DesignEmptyStateProps, DesignInput, type DesignInputProps, DesignMetricCard, type DesignMetricCardProps, type DesignMetricCardTrend, type DesignOriginalButtonProps, DesignPillToggle, type DesignPillToggleOption, type DesignPillToggleProps, DesignProgressBar, type DesignProgressBarProps, DesignSeparator, type DesignSeparatorProps, DesignSkeleton, type DesignSkeletonProps, DesignTable, DesignTableBody, DesignTableCell, DesignTableHead, DesignTableHeader, DesignTableRow, getDesignChartColor, getPayloadConfigFromPayload, useDesignChart, useDesignEditMode, useGlassmorphicDefault, useInsideDesignCard };

package/dist/esm/index.js

@@ -0,0 +1,27 @@
+import { DesignAlert } from "./components/alert.js";
+import { DesignBadge } from "./components/badge.js";
+import { DesignButton } from "./components/button.js";
+import { DesignCard, DesignCardTint, useGlassmorphicDefault, useInsideDesignCard } from "./components/card.js";
+import { CursorBlastEffect } from "./components/cursor-blast-effect.js";
+import { DesignDialog, DesignDialogClose, DesignDialogDescription, DesignDialogRoot, DesignDialogTitle, DesignDialogTrigger } from "./components/dialog.js";
+import { DesignEditMode, useDesignEditMode } from "./components/edit-mode.js";
+import { DesignInput } from "./components/input.js";
+import { DesignPillToggle } from "./components/pill-toggle.js";
+import { DesignSeparator } from "./components/separator.js";
+import { DesignSkeleton } from "./components/skeleton.js";
+import { DesignTable, DesignTableBody, DesignTableCell, DesignTableHead, DesignTableHeader, DesignTableRow } from "./components/table.js";
+import { DesignCategoryTabs } from "./components/tabs.js";
+import { DESIGN_CHART_AXIS_TICK_STYLE, DESIGN_CHART_COLORS, DESIGN_CHART_GRID_COLOR, getDesignChartColor } from "./components/chart-theme.js";
+import { DesignChartContainer, DesignChartStyle, getPayloadConfigFromPayload, useDesignChart } from "./components/chart-container.js";
+import { DesignChartTooltip, DesignChartTooltipContent } from "./components/chart-tooltip.js";
+import { DesignChartLegendContent } from "./components/chart-legend.js";
+import { DesignChartCard } from "./components/chart-card.js";
+import { DesignMetricCard } from "./components/metric-card.js";
+import { DesignProgressBar } from "./components/progress-bar.js";
+import { DesignEmptyState } from "./components/empty-state.js";
+
+export * from "./components/analytics-chart/index.js"
+
+export * from "./components/data-grid/index.js"
+
+export { CursorBlastEffect, DESIGN_CHART_AXIS_TICK_STYLE, DESIGN_CHART_COLORS, DESIGN_CHART_GRID_COLOR, DesignAlert, DesignBadge, DesignButton, DesignCard, DesignCardTint, DesignCategoryTabs, DesignChartCard, DesignChartContainer, DesignChartLegendContent, DesignChartStyle, DesignChartTooltip, DesignChartTooltipContent, DesignDialog, DesignDialogClose, DesignDialogDescription, DesignDialogRoot, DesignDialogTitle, DesignDialogTrigger, DesignEditMode, DesignEmptyState, DesignInput, DesignMetricCard, DesignPillToggle, DesignProgressBar, DesignSeparator, DesignSkeleton, DesignTable, DesignTableBody, DesignTableCell, DesignTableHead, DesignTableHeader, DesignTableRow, getDesignChartColor, getPayloadConfigFromPayload, useDesignChart, useDesignEditMode, useGlassmorphicDefault, useInsideDesignCard };

package/dist/index.d.ts

@@ -0,0 +1,37 @@
+import { DesignAlert, DesignAlertProps } from "./components/alert.js";
+import { ANALYTICS_CHART_DEFAULT_STRINGS, AnalyticsChartStrings, resolveAnalyticsChartStrings } from "./components/analytics-chart/strings.js";
+import { AnalyticsChartAnnotationsLayer, AnalyticsChartAreaLayer, AnalyticsChartBarLayer, AnalyticsChartDataLayer, AnalyticsChartDelta, AnalyticsChartLayer, AnalyticsChartLayerType, AnalyticsChartLayers, AnalyticsChartLineLayer, AnalyticsChartPalette, AnalyticsChartPieProps, AnalyticsChartPieState, AnalyticsChartSegmentRamp, AnalyticsChartSeries, AnalyticsChartState, AnalyticsChartStrokeStyle, AnalyticsChartTimeseriesState, AnalyticsChartView, Annotation, FormatKind, FormatKindCurrency, FormatKindDatetime, FormatKindDuration, FormatKindNumeric, FormatKindPercent, FormatKindShort, FormatKindType, Point, pointValue } from "./components/analytics-chart/types.js";
+import { AnalyticsChartTooltipContext, AnalyticsChartTooltipLayerView, AnalyticsChartTooltipSegmentRow, DefaultAnalyticsChartTooltip, DefaultAnalyticsChartTooltipProps, TrendPill } from "./components/analytics-chart/default-analytics-chart-tooltip.js";
+import { AnalyticsChart, AnalyticsChartProps, Margin } from "./components/analytics-chart/analytics-chart.js";
+import { DEFAULT_FORMAT_KIND, FORMAT_KIND_TYPES, formatDelta, formatValue } from "./components/analytics-chart/format.js";
+import { ANALYTICS_CHART_DEFAULT_PALETTE, buildRampColors, buildSegmentThemeMap, resolveAnalyticsChartPalette } from "./components/analytics-chart/palette.js";
+import { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_STATE, EMPTY_MATRIX, EMPTY_SERIES, ResolvedDataLayerStyle, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, resolveDataLayerStyle, setLayerById } from "./components/analytics-chart/state.js";
+import { DesignBadge, DesignBadgeColor, DesignBadgeContentMode, DesignBadgeProps, DesignBadgeSize } from "./components/badge.js";
+import { DesignButton, DesignButtonProps, DesignOriginalButtonProps } from "./components/button.js";
+import { DesignCard, DesignCardProps, DesignCardTint, DesignCardTintProps, useGlassmorphicDefault, useInsideDesignCard } from "./components/card.js";
+import { DesignChartCard, DesignChartCardProps } from "./components/chart-card.js";
+import { DesignChartConfig, DesignChartContainer, DesignChartStyle, getPayloadConfigFromPayload, useDesignChart } from "./components/chart-container.js";
+import { DesignChartLegendContent } from "./components/chart-legend.js";
+import { DESIGN_CHART_AXIS_TICK_STYLE, DESIGN_CHART_COLORS, DESIGN_CHART_GRID_COLOR, DesignChartColorEntry, DesignChartColorName, getDesignChartColor } from "./components/chart-theme.js";
+import { DesignChartTooltip, DesignChartTooltipContent } from "./components/chart-tooltip.js";
+import { CursorBlastEffect, CursorBlastEffectProps } from "./components/cursor-blast-effect.js";
+import { DataGridCallbacks, DataGridCellContext, DataGridColumnAlign, DataGridColumnDef, DataGridColumnPin, DataGridColumnPinning, DataGridColumnType, DataGridColumnVisibility, DataGridDataPaginationMode, DataGridDataSource, DataGridDateDisplay, DataGridDateFormat, DataGridFetchParams, DataGridFetchResult, DataGridFooterContext, DataGridHeaderContext, DataGridPaginationMode, DataGridPaginationModel, DataGridProps, DataGridSelectOption, DataGridSelectionMode, DataGridSelectionModel, DataGridSortItem, DataGridSortModel, DataGridState, DataGridStrings, DataGridToolbarContext, RowId } from "./components/data-grid/types.js";
+import { DEFAULT_COL_WIDTH, DEFAULT_MAX_COL_WIDTH, clampColumnWidth, getEffectiveMaxWidth, getEffectiveMinWidth } from "./components/data-grid/data-grid-sizing.js";
+import { DataGridToolbar } from "./components/data-grid/data-grid-toolbar.js";
+import { DataGrid, isDataGridInteractiveRowClickTarget } from "./components/data-grid/data-grid.js";
+import { UseDataSourceResult, useDataSource } from "./components/data-grid/use-data-source.js";
+import { useDataGridUrlState } from "./components/data-grid/use-url-state.js";
+import { applyQuickSearch, buildRowComparator, createDefaultDataGridState, defaultFormatAbsolute, defaultFormatRelative, defaultMatchRow, defaultParseDate, exportToCsv, formatGridDate, paginateRows, resolveColumnValue } from "./components/data-grid/state.js";
+import { DATA_GRID_DEFAULT_STRINGS, resolveDataGridStrings } from "./components/data-grid/strings.js";
+import { DesignDialog, DesignDialogClose, DesignDialogDescription, DesignDialogProps, DesignDialogRoot, DesignDialogSize, DesignDialogTitle, DesignDialogTrigger, DesignDialogVariant } from "./components/dialog.js";
+import { DesignEditMode, useDesignEditMode } from "./components/edit-mode.js";
+import { DesignEmptyState, DesignEmptyStateProps } from "./components/empty-state.js";
+import { DesignInput, DesignInputProps } from "./components/input.js";
+import { DesignMetricCard, DesignMetricCardProps, DesignMetricCardTrend } from "./components/metric-card.js";
+import { DesignPillToggle, DesignPillToggleOption, DesignPillToggleProps } from "./components/pill-toggle.js";
+import { DesignProgressBar, DesignProgressBarProps } from "./components/progress-bar.js";
+import { DesignSeparator, DesignSeparatorProps } from "./components/separator.js";
+import { DesignSkeleton, DesignSkeletonProps } from "./components/skeleton.js";
+import { DesignTable, DesignTableBody, DesignTableCell, DesignTableHead, DesignTableHeader, DesignTableRow } from "./components/table.js";
+import { DesignCategoryTabItem, DesignCategoryTabs, DesignCategoryTabsProps } from "./components/tabs.js";
+export { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_PALETTE, ANALYTICS_CHART_DEFAULT_STATE, ANALYTICS_CHART_DEFAULT_STRINGS, AnalyticsChart, AnalyticsChartAnnotationsLayer, AnalyticsChartAreaLayer, AnalyticsChartBarLayer, AnalyticsChartDataLayer, AnalyticsChartDelta, AnalyticsChartLayer, AnalyticsChartLayerType, AnalyticsChartLayers, AnalyticsChartLineLayer, AnalyticsChartPalette, AnalyticsChartPieProps, AnalyticsChartPieState, AnalyticsChartProps, AnalyticsChartSegmentRamp, AnalyticsChartSeries, AnalyticsChartState, AnalyticsChartStrings, AnalyticsChartStrokeStyle, AnalyticsChartTimeseriesState, AnalyticsChartTooltipContext, AnalyticsChartTooltipLayerView, AnalyticsChartTooltipSegmentRow, AnalyticsChartView, Annotation, CursorBlastEffect, type CursorBlastEffectProps, DATA_GRID_DEFAULT_STRINGS, DEFAULT_COL_WIDTH, DEFAULT_FORMAT_KIND, DEFAULT_MAX_COL_WIDTH, DESIGN_CHART_AXIS_TICK_STYLE, DESIGN_CHART_COLORS, DESIGN_CHART_GRID_COLOR, DataGrid, DataGridCallbacks, DataGridCellContext, DataGridColumnAlign, DataGridColumnDef, DataGridColumnPin, DataGridColumnPinning, DataGridColumnType, DataGridColumnVisibility, DataGridDataPaginationMode, DataGridDataSource, DataGridDateDisplay, DataGridDateFormat, DataGridFetchParams, DataGridFetchResult, DataGridFooterContext, DataGridHeaderContext, DataGridPaginationMode, DataGridPaginationModel, DataGridProps, DataGridSelectOption, DataGridSelectionMode, DataGridSelectionModel, DataGridSortItem, DataGridSortModel, DataGridState, DataGridStrings, DataGridToolbar, DataGridToolbarContext, DefaultAnalyticsChartTooltip, DefaultAnalyticsChartTooltipProps, DesignAlert, type DesignAlertProps, DesignBadge, type DesignBadgeColor, type DesignBadgeContentMode, type DesignBadgeProps, type DesignBadgeSize, DesignButton, type DesignButtonProps, DesignCard, type DesignCardProps, DesignCardTint, type DesignCardTintProps, type DesignCategoryTabItem, DesignCategoryTabs, type DesignCategoryTabsProps, DesignChartCard, type DesignChartCardProps, type DesignChartColorEntry, type DesignChartColorName, type DesignChartConfig, DesignChartContainer, DesignChartLegendContent, DesignChartStyle, DesignChartTooltip, DesignChartTooltipContent, DesignDialog, DesignDialogClose, DesignDialogDescription, type DesignDialogProps, DesignDialogRoot, type DesignDialogSize, DesignDialogTitle, DesignDialogTrigger, type DesignDialogVariant, DesignEditMode, DesignEmptyState, type DesignEmptyStateProps, DesignInput, type DesignInputProps, DesignMetricCard, type DesignMetricCardProps, type DesignMetricCardTrend, type DesignOriginalButtonProps, DesignPillToggle, type DesignPillToggleOption, type DesignPillToggleProps, DesignProgressBar, type DesignProgressBarProps, DesignSeparator, type DesignSeparatorProps, DesignSkeleton, type DesignSkeletonProps, DesignTable, DesignTableBody, DesignTableCell, DesignTableHead, DesignTableHeader, DesignTableRow, EMPTY_MATRIX, EMPTY_SERIES, FORMAT_KIND_TYPES, FormatKind, FormatKindCurrency, FormatKindDatetime, FormatKindDuration, FormatKindNumeric, FormatKindPercent, FormatKindShort, FormatKindType, Margin, Point, ResolvedDataLayerStyle, RowId, STROKE_DASHARRAY, TrendPill, UseDataSourceResult, applyQuickSearch, buildRampColors, buildRowComparator, buildSegmentThemeMap, clampColumnWidth, computeLocalInProgressIdx, createDefaultDataGridState, defaultFormatAbsolute, defaultFormatRelative, defaultMatchRow, defaultParseDate, exportToCsv, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, formatDelta, formatGridDate, formatValue, getDesignChartColor, getEffectiveMaxWidth, getEffectiveMinWidth, getPayloadConfigFromPayload, isAnalyticsChartDataLayer, isDataGridInteractiveRowClickTarget, isTimeseriesState, paginateRows, patchLayerById, pointValue, resolveAnalyticsChartPalette, resolveAnalyticsChartStrings, resolveColumnValue, resolveDataGridStrings, resolveDataLayerStyle, setLayerById, useDataGridUrlState, useDataSource, useDesignChart, useDesignEditMode, useGlassmorphicDefault, useInsideDesignCard };

package/dist/index.js

@@ -0,0 +1,291 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('./chunk-BE-pF4vm.js');
+let __components_alert_js = require("./components/alert.js");
+let __components_badge_js = require("./components/badge.js");
+let __components_button_js = require("./components/button.js");
+let __components_card_js = require("./components/card.js");
+let __components_cursor_blast_effect_js = require("./components/cursor-blast-effect.js");
+let __components_dialog_js = require("./components/dialog.js");
+let __components_edit_mode_js = require("./components/edit-mode.js");
+let __components_input_js = require("./components/input.js");
+let __components_pill_toggle_js = require("./components/pill-toggle.js");
+let __components_separator_js = require("./components/separator.js");
+let __components_skeleton_js = require("./components/skeleton.js");
+let __components_table_js = require("./components/table.js");
+let __components_tabs_js = require("./components/tabs.js");
+let __components_chart_theme_js = require("./components/chart-theme.js");
+let __components_chart_container_js = require("./components/chart-container.js");
+let __components_chart_tooltip_js = require("./components/chart-tooltip.js");
+let __components_chart_legend_js = require("./components/chart-legend.js");
+let __components_chart_card_js = require("./components/chart-card.js");
+let __components_metric_card_js = require("./components/metric-card.js");
+let __components_progress_bar_js = require("./components/progress-bar.js");
+let __components_empty_state_js = require("./components/empty-state.js");
+
+Object.defineProperty(exports, 'CursorBlastEffect', {
+  enumerable: true,
+  get: function () {
+    return __components_cursor_blast_effect_js.CursorBlastEffect;
+  }
+});
+Object.defineProperty(exports, 'DESIGN_CHART_AXIS_TICK_STYLE', {
+  enumerable: true,
+  get: function () {
+    return __components_chart_theme_js.DESIGN_CHART_AXIS_TICK_STYLE;
+  }
+});
+Object.defineProperty(exports, 'DESIGN_CHART_COLORS', {
+  enumerable: true,
+  get: function () {
+    return __components_chart_theme_js.DESIGN_CHART_COLORS;
+  }
+});
+Object.defineProperty(exports, 'DESIGN_CHART_GRID_COLOR', {
+  enumerable: true,
+  get: function () {
+    return __components_chart_theme_js.DESIGN_CHART_GRID_COLOR;
+  }
+});
+Object.defineProperty(exports, 'DesignAlert', {
+  enumerable: true,
+  get: function () {
+    return __components_alert_js.DesignAlert;
+  }
+});
+Object.defineProperty(exports, 'DesignBadge', {
+  enumerable: true,
+  get: function () {
+    return __components_badge_js.DesignBadge;
+  }
+});
+Object.defineProperty(exports, 'DesignButton', {
+  enumerable: true,
+  get: function () {
+    return __components_button_js.DesignButton;
+  }
+});
+Object.defineProperty(exports, 'DesignCard', {
+  enumerable: true,
+  get: function () {
+    return __components_card_js.DesignCard;
+  }
+});
+Object.defineProperty(exports, 'DesignCardTint', {
+  enumerable: true,
+  get: function () {
+    return __components_card_js.DesignCardTint;
+  }
+});
+Object.defineProperty(exports, 'DesignCategoryTabs', {
+  enumerable: true,
+  get: function () {
+    return __components_tabs_js.DesignCategoryTabs;
+  }
+});
+Object.defineProperty(exports, 'DesignChartCard', {
+  enumerable: true,
+  get: function () {
+    return __components_chart_card_js.DesignChartCard;
+  }
+});
+Object.defineProperty(exports, 'DesignChartContainer', {
+  enumerable: true,
+  get: function () {
+    return __components_chart_container_js.DesignChartContainer;
+  }
+});
+Object.defineProperty(exports, 'DesignChartLegendContent', {
+  enumerable: true,
+  get: function () {
+    return __components_chart_legend_js.DesignChartLegendContent;
+  }
+});
+Object.defineProperty(exports, 'DesignChartStyle', {
+  enumerable: true,
+  get: function () {
+    return __components_chart_container_js.DesignChartStyle;
+  }
+});
+Object.defineProperty(exports, 'DesignChartTooltip', {
+  enumerable: true,
+  get: function () {
+    return __components_chart_tooltip_js.DesignChartTooltip;
+  }
+});
+Object.defineProperty(exports, 'DesignChartTooltipContent', {
+  enumerable: true,
+  get: function () {
+    return __components_chart_tooltip_js.DesignChartTooltipContent;
+  }
+});
+Object.defineProperty(exports, 'DesignDialog', {
+  enumerable: true,
+  get: function () {
+    return __components_dialog_js.DesignDialog;
+  }
+});
+Object.defineProperty(exports, 'DesignDialogClose', {
+  enumerable: true,
+  get: function () {
+    return __components_dialog_js.DesignDialogClose;
+  }
+});
+Object.defineProperty(exports, 'DesignDialogDescription', {
+  enumerable: true,
+  get: function () {
+    return __components_dialog_js.DesignDialogDescription;
+  }
+});
+Object.defineProperty(exports, 'DesignDialogRoot', {
+  enumerable: true,
+  get: function () {
+    return __components_dialog_js.DesignDialogRoot;
+  }
+});
+Object.defineProperty(exports, 'DesignDialogTitle', {
+  enumerable: true,
+  get: function () {
+    return __components_dialog_js.DesignDialogTitle;
+  }
+});
+Object.defineProperty(exports, 'DesignDialogTrigger', {
+  enumerable: true,
+  get: function () {
+    return __components_dialog_js.DesignDialogTrigger;
+  }
+});
+Object.defineProperty(exports, 'DesignEditMode', {
+  enumerable: true,
+  get: function () {
+    return __components_edit_mode_js.DesignEditMode;
+  }
+});
+Object.defineProperty(exports, 'DesignEmptyState', {
+  enumerable: true,
+  get: function () {
+    return __components_empty_state_js.DesignEmptyState;
+  }
+});
+Object.defineProperty(exports, 'DesignInput', {
+  enumerable: true,
+  get: function () {
+    return __components_input_js.DesignInput;
+  }
+});
+Object.defineProperty(exports, 'DesignMetricCard', {
+  enumerable: true,
+  get: function () {
+    return __components_metric_card_js.DesignMetricCard;
+  }
+});
+Object.defineProperty(exports, 'DesignPillToggle', {
+  enumerable: true,
+  get: function () {
+    return __components_pill_toggle_js.DesignPillToggle;
+  }
+});
+Object.defineProperty(exports, 'DesignProgressBar', {
+  enumerable: true,
+  get: function () {
+    return __components_progress_bar_js.DesignProgressBar;
+  }
+});
+Object.defineProperty(exports, 'DesignSeparator', {
+  enumerable: true,
+  get: function () {
+    return __components_separator_js.DesignSeparator;
+  }
+});
+Object.defineProperty(exports, 'DesignSkeleton', {
+  enumerable: true,
+  get: function () {
+    return __components_skeleton_js.DesignSkeleton;
+  }
+});
+Object.defineProperty(exports, 'DesignTable', {
+  enumerable: true,
+  get: function () {
+    return __components_table_js.DesignTable;
+  }
+});
+Object.defineProperty(exports, 'DesignTableBody', {
+  enumerable: true,
+  get: function () {
+    return __components_table_js.DesignTableBody;
+  }
+});
+Object.defineProperty(exports, 'DesignTableCell', {
+  enumerable: true,
+  get: function () {
+    return __components_table_js.DesignTableCell;
+  }
+});
+Object.defineProperty(exports, 'DesignTableHead', {
+  enumerable: true,
+  get: function () {
+    return __components_table_js.DesignTableHead;
+  }
+});
+Object.defineProperty(exports, 'DesignTableHeader', {
+  enumerable: true,
+  get: function () {
+    return __components_table_js.DesignTableHeader;
+  }
+});
+Object.defineProperty(exports, 'DesignTableRow', {
+  enumerable: true,
+  get: function () {
+    return __components_table_js.DesignTableRow;
+  }
+});
+Object.defineProperty(exports, 'getDesignChartColor', {
+  enumerable: true,
+  get: function () {
+    return __components_chart_theme_js.getDesignChartColor;
+  }
+});
+Object.defineProperty(exports, 'getPayloadConfigFromPayload', {
+  enumerable: true,
+  get: function () {
+    return __components_chart_container_js.getPayloadConfigFromPayload;
+  }
+});
+Object.defineProperty(exports, 'useDesignChart', {
+  enumerable: true,
+  get: function () {
+    return __components_chart_container_js.useDesignChart;
+  }
+});
+Object.defineProperty(exports, 'useDesignEditMode', {
+  enumerable: true,
+  get: function () {
+    return __components_edit_mode_js.useDesignEditMode;
+  }
+});
+Object.defineProperty(exports, 'useGlassmorphicDefault', {
+  enumerable: true,
+  get: function () {
+    return __components_card_js.useGlassmorphicDefault;
+  }
+});
+Object.defineProperty(exports, 'useInsideDesignCard', {
+  enumerable: true,
+  get: function () {
+    return __components_card_js.useInsideDesignCard;
+  }
+});
+var __components_analytics_chart_index_js = require("./components/analytics-chart/index.js");
+Object.keys(__components_analytics_chart_index_js).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return __components_analytics_chart_index_js[k]; }
+  });
+});
+
+var __components_data_grid_index_js = require("./components/data-grid/index.js");
+Object.keys(__components_data_grid_index_js).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return __components_data_grid_index_js[k]; }
+  });
+});

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@hexclave/dashboard-ui-components",
+  "version": "1.0.0",
+  "repository": "https://github.com/hexclave/hexclave",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "README.md",
+    "dist",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": {
+        "default": "./dist/esm/index.js"
+      },
+      "require": {
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "peerDependencies": {
+    "@types/react": ">=19.0.0",
+    "@types/react-dom": ">=19.0.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "recharts": ">=2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    },
+    "recharts": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@phosphor-icons/react": "^2.1.7",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.3",
+    "@react-hook/resize-observer": "^2.0.2",
+    "@hexclave/shared": "1.0.0",
+    "@hexclave/ui": "1.0.0",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.0",
+    "class-variance-authority": "^0.7.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "esbuild": "^0.24.0",
+    "react": "^19.0.1",
+    "react-dom": "^19.0.1",
+    "recharts": "^2.14.1",
+    "rimraf": "^5.0.10"
+  },
+  "scripts": {
+    "build": "rimraf dist && tsdown && pnpm run build-iife && pnpm run copy-iife",
+    "typecheck": "tsc --noEmit",
+    "clean": "rimraf dist && rimraf node_modules",
+    "dev": "tsdown --watch --onSuccess 'pnpm run build-iife && pnpm run copy-iife'",
+    "build-iife": "tsx scripts/build-iife.ts",
+    "copy-iife": "tsx scripts/copy-iife.ts",
+    "lint": "eslint --ext .tsx,.ts ."
+  }
+}