@countermeasure-platform/web-components 0.2.0

package/dist/react/primitives/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","names":[],"sources":["../../../src/react/primitives/sheet.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from './utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/60 backdrop-blur-sm',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background fixed z-50 flex flex-col gap-4 shadow-lg transition duration-300 ease-in-out outline-none',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-full max-w-lg border-l',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-full max-w-lg border-r',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 w-full border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 w-full border-t',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close\n          data-slot=\"sheet-close\"\n          className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\"\n        >\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex flex-col gap-1.5 px-6 pt-6', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'border-border-glass/50 flex items-center justify-end gap-2 border-t px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground text-lg font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-foreground-secondary text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger,\n}\n"],"mappings":";;;;;;AAMA,SAAS,EAAM,EAAE,GAAG,KAA4D;AAC9E,QAAO,kBAAC,GAAD;EAAsB,aAAU;EAAQ,GAAI;EAAS,CAAA;;AAG9D,SAAS,EAAa,EAAE,GAAG,KAA+D;AACxF,QAAO,kBAAC,GAAD;EAAyB,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAGzE,SAAS,EAAY,EAAE,GAAG,KAA8D;AACtF,QAAO,kBAAC,GAAD;EAAwB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGvE,SAAS,EAAW,EAAE,GAAG,KAA6D;AACpF,QAAO,kBAAC,GAAD;EAAuB,aAAU;EAAc,GAAI;EAAS,CAAA;;AAGrE,SAAS,EAAa,EACpB,cACA,GAAG,KACoD;AACvD,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,2KACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAa,EACpB,cACA,aACA,UAAO,SACP,GAAG,KAGF;AACD,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAgB,CAAA,EAChB,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,2GACA,gEACA,MAAS,WACP,kIACF,MAAS,UACP,+HACF,MAAS,SACP,4GACF,MAAS,YACP,qHACF,EACD;EACD,GAAI;YAfN,CAiBG,GACD,kBAAC,GAAD;GACE,aAAU;GACV,WAAU;aAFZ,CAIE,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA,EAC5B,kBAAC,QAAD;IAAM,WAAU;cAAU;IAAY,CAAA,CAChB;KACA;IACd,EAAA,CAAA;;AAIlB,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,mCAAmC,EAAU;EAC3D,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,iFACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAW,EAAE,cAAW,GAAG,KAA6D;AAC/F,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,yCAAyC,EAAU;EACjE,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAiB,EACxB,cACA,GAAG,KACwD;AAC3D,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,qCAAqC,EAAU;EAC7D,GAAI;EACJ,CAAA"}

package/dist/react/primitives/skeleton.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/react/primitives/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQrE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/react/primitives/skeleton.js

@@ -0,0 +1,15 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/react/primitives/skeleton.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "skeleton",
+		className: e("bg-accent animate-pulse rounded-md", n),
+		...r
+	});
+}
+//#endregion
+export { n as Skeleton };
+
+//# sourceMappingURL=skeleton.js.map

package/dist/react/primitives/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../src/react/primitives/skeleton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn('bg-accent animate-pulse rounded-md', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"],"mappings":";;;;AAIA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAsC;AACtE,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,sCAAsC,EAAU;EAC9D,GAAI;EACJ,CAAA"}

package/dist/react/primitives/slide-panel.d.ts

@@ -0,0 +1,28 @@
+export interface SlidePanelProps {
+    /** Whether the panel is open */
+    open: boolean;
+    /** Called when the panel should close */
+    onClose: () => void;
+    /** Panel title */
+    title?: string;
+    /** Icon to display next to title */
+    icon?: React.ReactNode;
+    /** Panel content */
+    children: React.ReactNode;
+    /** Side to slide from */
+    side?: 'left' | 'right';
+    /** Panel width */
+    width?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Whether to show backdrop */
+    showBackdrop?: boolean;
+    /** Additional class names for the panel */
+    className?: string;
+}
+/**
+ * SlidePanel
+ *
+ * A slide-in panel component that can appear from the left or right side of the screen.
+ * Includes a backdrop overlay and supports keyboard navigation (Escape to close).
+ */
+export declare function SlidePanel({ open, onClose, title, icon, children, side, width, showBackdrop, className, }: SlidePanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slide-panel.d.ts.map

package/dist/react/primitives/slide-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-panel.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/slide-panel.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,gCAAgC;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACvB,kBAAkB;IAClB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACjC,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AASD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAa,EACb,KAAY,EACZ,YAAmB,EACnB,SAAS,GACV,EAAE,eAAe,2CAwFjB"}

package/dist/react/primitives/slide-panel.js

@@ -0,0 +1,59 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { t } from "../../x-DCVjAtEF.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useCallback as a, useEffect as o } from "react";
+//#region src/react/primitives/slide-panel.tsx
+var s = {
+	sm: "w-64",
+	md: "w-80",
+	lg: "w-96",
+	xl: "w-[480px]"
+};
+function c({ open: c, onClose: l, title: u, icon: d, children: f, side: p = "left", width: m = "md", showBackdrop: h = !0, className: g }) {
+	let _ = a((e) => {
+		e.key === "Escape" && c && l();
+	}, [c, l]);
+	o(() => (document.addEventListener("keydown", _), () => document.removeEventListener("keydown", _)), [_]), o(() => (c ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+		document.body.style.overflow = "";
+	}), [c]);
+	let v = p === "left";
+	return /* @__PURE__ */ i(n, { children: [h && /* @__PURE__ */ r("div", {
+		className: e("fixed inset-0 z-40 bg-black/40 backdrop-blur-sm", "transition-opacity duration-300", c ? "opacity-100" : "pointer-events-none opacity-0"),
+		onClick: l,
+		onKeyDown: (e) => e.key === "Enter" && l(),
+		role: "button",
+		tabIndex: c ? 0 : -1,
+		"aria-label": "Close panel"
+	}), /* @__PURE__ */ i("div", {
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": u || "Side panel",
+		className: e("fixed inset-y-0 z-50", v ? "left-0" : "right-0", s[m], "bg-background-surface/95 backdrop-blur-xl", v ? "border-r" : "border-l", "border-border-default", "transform transition-transform duration-300 ease-out", c ? "translate-x-0" : v ? "-translate-x-full" : "translate-x-full", g),
+		children: [(u || d) && /* @__PURE__ */ i("div", {
+			className: "border-border-subtle flex items-center justify-between border-b px-5 py-4",
+			children: [/* @__PURE__ */ i("div", {
+				className: "flex items-center gap-2",
+				children: [d && /* @__PURE__ */ r("span", {
+					className: "text-accent-violet",
+					children: d
+				}), u && /* @__PURE__ */ r("h2", {
+					className: "text-foreground font-semibold",
+					children: u
+				})]
+			}), /* @__PURE__ */ r("button", {
+				type: "button",
+				onClick: l,
+				className: "rounded-lg p-1.5 transition-colors hover:bg-white/5",
+				"aria-label": "Close panel",
+				children: /* @__PURE__ */ r(t, { className: "text-foreground-muted h-4 w-4" })
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: "max-h-[calc(100vh-80px)] overflow-y-auto",
+			children: f
+		})]
+	})] });
+}
+//#endregion
+export { c as SlidePanel };
+
+//# sourceMappingURL=slide-panel.js.map

package/dist/react/primitives/slide-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-panel.js","names":[],"sources":["../../../src/react/primitives/slide-panel.tsx"],"sourcesContent":["import { useEffect, useCallback } from 'react'\nimport { X } from 'lucide-react'\nimport { cn } from './utils'\n\nexport interface SlidePanelProps {\n  /** Whether the panel is open */\n  open: boolean\n  /** Called when the panel should close */\n  onClose: () => void\n  /** Panel title */\n  title?: string\n  /** Icon to display next to title */\n  icon?: React.ReactNode\n  /** Panel content */\n  children: React.ReactNode\n  /** Side to slide from */\n  side?: 'left' | 'right'\n  /** Panel width */\n  width?: 'sm' | 'md' | 'lg' | 'xl'\n  /** Whether to show backdrop */\n  showBackdrop?: boolean\n  /** Additional class names for the panel */\n  className?: string\n}\n\nconst widthClasses = {\n  sm: 'w-64',\n  md: 'w-80',\n  lg: 'w-96',\n  xl: 'w-[480px]',\n}\n\n/**\n * SlidePanel\n *\n * A slide-in panel component that can appear from the left or right side of the screen.\n * Includes a backdrop overlay and supports keyboard navigation (Escape to close).\n */\nexport function SlidePanel({\n  open,\n  onClose,\n  title,\n  icon,\n  children,\n  side = 'left',\n  width = 'md',\n  showBackdrop = true,\n  className,\n}: SlidePanelProps) {\n  // Handle escape key\n  const handleEscape = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && open) {\n        onClose()\n      }\n    },\n    [open, onClose]\n  )\n\n  useEffect(() => {\n    document.addEventListener('keydown', handleEscape)\n    return () => document.removeEventListener('keydown', handleEscape)\n  }, [handleEscape])\n\n  // Prevent body scroll when open\n  useEffect(() => {\n    if (open) {\n      document.body.style.overflow = 'hidden'\n    } else {\n      document.body.style.overflow = ''\n    }\n    return () => {\n      document.body.style.overflow = ''\n    }\n  }, [open])\n\n  const isLeft = side === 'left'\n\n  return (\n    <>\n      {/* Backdrop */}\n      {showBackdrop && (\n        <div\n          className={cn(\n            'fixed inset-0 z-40 bg-black/40 backdrop-blur-sm',\n            'transition-opacity duration-300',\n            open ? 'opacity-100' : 'pointer-events-none opacity-0'\n          )}\n          onClick={onClose}\n          onKeyDown={e => e.key === 'Enter' && onClose()}\n          role=\"button\"\n          tabIndex={open ? 0 : -1}\n          aria-label=\"Close panel\"\n        />\n      )}\n\n      {/* Panel */}\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={title || 'Side panel'}\n        className={cn(\n          'fixed inset-y-0 z-50',\n          isLeft ? 'left-0' : 'right-0',\n          widthClasses[width],\n          'bg-background-surface/95 backdrop-blur-xl',\n          isLeft ? 'border-r' : 'border-l',\n          'border-border-default',\n          'transform transition-transform duration-300 ease-out',\n          open ? 'translate-x-0' : isLeft ? '-translate-x-full' : 'translate-x-full',\n          className\n        )}\n      >\n        {/* Header */}\n        {(title || icon) && (\n          <div className=\"border-border-subtle flex items-center justify-between border-b px-5 py-4\">\n            <div className=\"flex items-center gap-2\">\n              {icon && <span className=\"text-accent-violet\">{icon}</span>}\n              {title && <h2 className=\"text-foreground font-semibold\">{title}</h2>}\n            </div>\n            <button\n              type=\"button\"\n              onClick={onClose}\n              className=\"rounded-lg p-1.5 transition-colors hover:bg-white/5\"\n              aria-label=\"Close panel\"\n            >\n              <X className=\"text-foreground-muted h-4 w-4\" />\n            </button>\n          </div>\n        )}\n\n        {/* Content */}\n        <div className=\"max-h-[calc(100vh-80px)] overflow-y-auto\">{children}</div>\n      </div>\n    </>\n  )\n}\n"],"mappings":";;;;;AAyBA,IAAM,IAAe;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAQD,SAAgB,EAAW,EACzB,SACA,YACA,UACA,SACA,aACA,UAAO,QACP,WAAQ,MACR,kBAAe,IACf,gBACkB;CAElB,IAAM,IAAe,GAClB,MAAqB;AACpB,EAAI,EAAE,QAAQ,YAAY,KACxB,GAAS;IAGb,CAAC,GAAM,EAAQ,CAChB;AAQD,CANA,SACE,SAAS,iBAAiB,WAAW,EAAa,QACrC,SAAS,oBAAoB,WAAW,EAAa,GACjE,CAAC,EAAa,CAAC,EAGlB,SACM,IACF,SAAS,KAAK,MAAM,WAAW,WAE/B,SAAS,KAAK,MAAM,WAAW,UAEpB;AACX,WAAS,KAAK,MAAM,WAAW;KAEhC,CAAC,EAAK,CAAC;CAEV,IAAM,IAAS,MAAS;AAExB,QACE,kBAAA,GAAA,EAAA,UAAA,CAEG,KACC,kBAAC,OAAD;EACE,WAAW,EACT,mDACA,mCACA,IAAO,gBAAgB,gCACxB;EACD,SAAS;EACT,YAAW,MAAK,EAAE,QAAQ,WAAW,GAAS;EAC9C,MAAK;EACL,UAAU,IAAO,IAAI;EACrB,cAAW;EACX,CAAA,EAIJ,kBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,cAAY,KAAS;EACrB,WAAW,EACT,wBACA,IAAS,WAAW,WACpB,EAAa,IACb,6CACA,IAAS,aAAa,YACtB,yBACA,wDACA,IAAO,kBAAkB,IAAS,sBAAsB,oBACxD,EACD;YAdH,EAiBI,KAAS,MACT,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAQ,kBAAC,QAAD;KAAM,WAAU;eAAsB;KAAY,CAAA,EAC1D,KAAS,kBAAC,MAAD;KAAI,WAAU;eAAiC;KAAW,CAAA,CAChE;OACN,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;IACV,cAAW;cAEX,kBAAC,GAAD,EAAG,WAAU,iCAAkC,CAAA;IACxC,CAAA,CACL;MAIR,kBAAC,OAAD;GAAK,WAAU;GAA4C;GAAe,CAAA,CACtE;IACL,EAAA,CAAA"}

package/dist/react/primitives/slider.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

package/dist/react/primitives/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAoCnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/react/primitives/slider.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../slider-Dwau2Ktq.js";
+export { e as Slider };

package/dist/react/primitives/spinner.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+type SpinnerSize = 'sm' | 'md' | 'lg';
+interface SpinnerProps extends React.ComponentProps<'span'> {
+    /** Size of the spinner */
+    size?: SpinnerSize;
+}
+declare function Spinner({ className, size, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export { Spinner };
+export type { SpinnerProps, SpinnerSize };
+//# sourceMappingURL=spinner.d.ts.map

package/dist/react/primitives/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAErC,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;IACzD,0BAA0B;IAC1B,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAQD,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,IAAW,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAkBlE;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/react/primitives/spinner.js

@@ -0,0 +1,28 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import "react";
+//#region src/react/primitives/spinner.tsx
+var r = {
+	sm: "h-4 w-4 border-2",
+	md: "h-6 w-6 border-2",
+	lg: "h-8 w-8 border-[3px]"
+};
+function i({ className: i, size: a = "md", ...o }) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "spinner",
+		role: "status",
+		className: e("inline-flex items-center justify-center", i),
+		...o,
+		children: [/* @__PURE__ */ t("span", {
+			className: e("border-primary/30 border-t-primary animate-spin rounded-full", r[a]),
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ t("span", {
+			className: "sr-only",
+			children: "Loading..."
+		})]
+	});
+}
+//#endregion
+export { i as Spinner };
+
+//# sourceMappingURL=spinner.js.map

package/dist/react/primitives/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","names":[],"sources":["../../../src/react/primitives/spinner.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\ntype SpinnerSize = 'sm' | 'md' | 'lg'\n\ninterface SpinnerProps extends React.ComponentProps<'span'> {\n  /** Size of the spinner */\n  size?: SpinnerSize\n}\n\nconst sizeClasses: Record<SpinnerSize, string> = {\n  sm: 'h-4 w-4 border-2',\n  md: 'h-6 w-6 border-2',\n  lg: 'h-8 w-8 border-[3px]',\n}\n\nfunction Spinner({ className, size = 'md', ...props }: SpinnerProps) {\n  return (\n    <span\n      data-slot=\"spinner\"\n      role=\"status\"\n      className={cn('inline-flex items-center justify-center', className)}\n      {...props}\n    >\n      <span\n        className={cn(\n          'border-primary/30 border-t-primary animate-spin rounded-full',\n          sizeClasses[size]\n        )}\n        aria-hidden=\"true\"\n      />\n      <span className=\"sr-only\">Loading...</span>\n    </span>\n  )\n}\n\nexport { Spinner }\nexport type { SpinnerProps, SpinnerSize }\n"],"mappings":";;;;AAWA,IAAM,IAA2C;CAC/C,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAS,EAAQ,EAAE,cAAW,UAAO,MAAM,GAAG,KAAuB;AACnE,QACE,kBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,EAAG,2CAA2C,EAAU;EACnE,GAAI;YAJN,CAME,kBAAC,QAAD;GACE,WAAW,EACT,gEACA,EAAY,GACb;GACD,eAAY;GACZ,CAAA,EACF,kBAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC"}

package/dist/react/primitives/split-pane.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export type SplitOrientation = 'horizontal' | 'vertical';
+export interface SplitPaneProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    /** Layout orientation */
+    orientation?: SplitOrientation;
+    /** Default size of the first pane as a percentage (0-100) */
+    defaultSize?: number;
+    /** Minimum size of each pane in pixels */
+    minSize?: number;
+    /** Gutter (divider) width in pixels */
+    gutterSize?: number;
+    /** Callback fired during resize with first pane's size percentage */
+    onResize?: (size: number) => void;
+    /** The two panes as children */
+    children: [React.ReactNode, React.ReactNode];
+}
+declare function SplitPane({ className, orientation, defaultSize, minSize, gutterSize, onResize, children, ...props }: SplitPaneProps): import("react/jsx-runtime").JSX.Element;
+export { SplitPane };
+//# sourceMappingURL=split-pane.d.ts.map

package/dist/react/primitives/split-pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-pane.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/split-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAA;AAExD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnF,yBAAyB;IACzB,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,gCAAgC;IAChC,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CAC7C;AAMD,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,WAAgB,EAChB,OAAW,EACX,UAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,2CAuHhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/react/primitives/split-pane.js

@@ -0,0 +1,83 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as r from "react";
+//#region src/react/primitives/split-pane.tsx
+function i({ className: i, orientation: a = "horizontal", defaultSize: o = 50, minSize: s = 0, gutterSize: c = 4, onResize: l, children: u, ...d }) {
+	let [f, p] = r.useState(o), m = r.useRef(null), h = r.useRef(!1), g = r.useCallback((e) => {
+		e.preventDefault(), h.current = !0;
+		let t = (e) => {
+			if (!h.current || !m.current) return;
+			let t = m.current.getBoundingClientRect(), n;
+			if (a === "horizontal") {
+				let r = e.clientX - t.left;
+				n = t.width > 0 ? r / t.width * 100 : 50;
+			} else {
+				let r = e.clientY - t.top;
+				n = t.height > 0 ? r / t.height * 100 : 50;
+			}
+			let r = a === "horizontal" ? t.width : t.height, i = r > 0 ? s / r * 100 : 0, o = Math.max(i, Math.min(100 - i, n));
+			p(o), l?.(o);
+		}, n = () => {
+			h.current = !1, document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
+		};
+		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n);
+	}, [
+		a,
+		s,
+		l
+	]), _ = a === "horizontal", [v, y] = u;
+	return /* @__PURE__ */ n("div", {
+		ref: m,
+		"data-slot": "split-pane",
+		className: e("flex h-full w-full", _ ? "flex-row" : "flex-col", i),
+		...d,
+		children: [
+			/* @__PURE__ */ t("div", {
+				"data-slot": "split-pane-panel",
+				className: "overflow-auto",
+				style: {
+					[_ ? "width" : "height"]: `calc(${String(f)}% - ${String(c / 2)}px)`,
+					flexShrink: 0
+				},
+				children: v
+			}),
+			/* @__PURE__ */ t("div", {
+				"data-slot": "split-pane-gutter",
+				className: e("shrink-0 bg-border-glass transition-colors hover:bg-primary/40", _ ? "cursor-col-resize" : "cursor-row-resize"),
+				style: { [_ ? "width" : "height"]: `${String(c)}px` },
+				onMouseDown: g,
+				role: "separator",
+				"aria-orientation": a,
+				"aria-valuenow": Math.round(f),
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				tabIndex: 0,
+				onKeyDown: (e) => {
+					if (_ && e.key === "ArrowLeft" || !_ && e.key === "ArrowUp") {
+						e.preventDefault();
+						let t = Math.max(0, f - 2);
+						p(t), l?.(t);
+					}
+					if (_ && e.key === "ArrowRight" || !_ && e.key === "ArrowDown") {
+						e.preventDefault();
+						let t = Math.min(100, f + 2);
+						p(t), l?.(t);
+					}
+				}
+			}),
+			/* @__PURE__ */ t("div", {
+				"data-slot": "split-pane-panel",
+				className: "overflow-auto",
+				style: {
+					[_ ? "width" : "height"]: `calc(${String(100 - f)}% - ${String(c / 2)}px)`,
+					flexShrink: 0
+				},
+				children: y
+			})
+		]
+	});
+}
+//#endregion
+export { i as SplitPane };
+
+//# sourceMappingURL=split-pane.js.map

package/dist/react/primitives/split-pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-pane.js","names":[],"sources":["../../../src/react/primitives/split-pane.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type SplitOrientation = 'horizontal' | 'vertical'\n\nexport interface SplitPaneProps extends Omit<React.ComponentProps<'div'>, 'children'> {\n  /** Layout orientation */\n  orientation?: SplitOrientation\n  /** Default size of the first pane as a percentage (0-100) */\n  defaultSize?: number\n  /** Minimum size of each pane in pixels */\n  minSize?: number\n  /** Gutter (divider) width in pixels */\n  gutterSize?: number\n  /** Callback fired during resize with first pane's size percentage */\n  onResize?: (size: number) => void\n  /** The two panes as children */\n  children: [React.ReactNode, React.ReactNode]\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nfunction SplitPane({\n  className,\n  orientation = 'horizontal',\n  defaultSize = 50,\n  minSize = 0,\n  gutterSize = 4,\n  onResize,\n  children,\n  ...props\n}: SplitPaneProps) {\n  const [firstSize, setFirstSize] = React.useState(defaultSize)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const isDragging = React.useRef(false)\n\n  const handleMouseDown = React.useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault()\n      isDragging.current = true\n\n      const handleMouseMove = (event: MouseEvent) => {\n        if (!isDragging.current || !containerRef.current) return\n\n        const rect = containerRef.current.getBoundingClientRect()\n        let ratio: number\n\n        if (orientation === 'horizontal') {\n          const x = event.clientX - rect.left\n          ratio = rect.width > 0 ? (x / rect.width) * 100 : 50\n        } else {\n          const y = event.clientY - rect.top\n          ratio = rect.height > 0 ? (y / rect.height) * 100 : 50\n        }\n\n        // Enforce min sizes\n        const totalPx = orientation === 'horizontal' ? rect.width : rect.height\n        const minPercent = totalPx > 0 ? (minSize / totalPx) * 100 : 0\n        const clamped = Math.max(minPercent, Math.min(100 - minPercent, ratio))\n\n        setFirstSize(clamped)\n        onResize?.(clamped)\n      }\n\n      const handleMouseUp = () => {\n        isDragging.current = false\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n      }\n\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n    },\n    [orientation, minSize, onResize]\n  )\n\n  const isHorizontal = orientation === 'horizontal'\n  const [first, second] = children\n\n  return (\n    <div\n      ref={containerRef}\n      data-slot=\"split-pane\"\n      className={cn('flex h-full w-full', isHorizontal ? 'flex-row' : 'flex-col', className)}\n      {...props}\n    >\n      {/* First pane */}\n      <div\n        data-slot=\"split-pane-panel\"\n        className=\"overflow-auto\"\n        style={{\n          [isHorizontal ? 'width' : 'height']:\n            `calc(${String(firstSize)}% - ${String(gutterSize / 2)}px)`,\n          flexShrink: 0,\n        }}\n      >\n        {first}\n      </div>\n\n      {/* Gutter */}\n      <div\n        data-slot=\"split-pane-gutter\"\n        className={cn(\n          'shrink-0 bg-border-glass transition-colors hover:bg-primary/40',\n          isHorizontal ? 'cursor-col-resize' : 'cursor-row-resize'\n        )}\n        style={{\n          [isHorizontal ? 'width' : 'height']: `${String(gutterSize)}px`,\n        }}\n        onMouseDown={handleMouseDown}\n        role=\"separator\"\n        aria-orientation={orientation}\n        aria-valuenow={Math.round(firstSize)}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        tabIndex={0}\n        onKeyDown={e => {\n          const step = 2\n          if ((isHorizontal && e.key === 'ArrowLeft') || (!isHorizontal && e.key === 'ArrowUp')) {\n            e.preventDefault()\n            const next = Math.max(0, firstSize - step)\n            setFirstSize(next)\n            onResize?.(next)\n          }\n          if (\n            (isHorizontal && e.key === 'ArrowRight') ||\n            (!isHorizontal && e.key === 'ArrowDown')\n          ) {\n            e.preventDefault()\n            const next = Math.min(100, firstSize + step)\n            setFirstSize(next)\n            onResize?.(next)\n          }\n        }}\n      />\n\n      {/* Second pane */}\n      <div\n        data-slot=\"split-pane-panel\"\n        className=\"overflow-auto\"\n        style={{\n          [isHorizontal ? 'width' : 'height']:\n            `calc(${String(100 - firstSize)}% - ${String(gutterSize / 2)}px)`,\n          flexShrink: 0,\n        }}\n      >\n        {second}\n      </div>\n    </div>\n  )\n}\n\nexport { SplitPane }\n"],"mappings":";;;;AA6BA,SAAS,EAAU,EACjB,cACA,iBAAc,cACd,iBAAc,IACd,aAAU,GACV,gBAAa,GACb,aACA,aACA,GAAG,KACc;CACjB,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,EAAY,EACvD,IAAe,EAAM,OAAuB,KAAK,EACjD,IAAa,EAAM,OAAO,GAAM,EAEhC,IAAkB,EAAM,aAC3B,MAAwB;AAEvB,EADA,EAAE,gBAAgB,EAClB,EAAW,UAAU;EAErB,IAAM,KAAmB,MAAsB;AAC7C,OAAI,CAAC,EAAW,WAAW,CAAC,EAAa,QAAS;GAElD,IAAM,IAAO,EAAa,QAAQ,uBAAuB,EACrD;AAEJ,OAAI,MAAgB,cAAc;IAChC,IAAM,IAAI,EAAM,UAAU,EAAK;AAC/B,QAAQ,EAAK,QAAQ,IAAK,IAAI,EAAK,QAAS,MAAM;UAC7C;IACL,IAAM,IAAI,EAAM,UAAU,EAAK;AAC/B,QAAQ,EAAK,SAAS,IAAK,IAAI,EAAK,SAAU,MAAM;;GAItD,IAAM,IAAU,MAAgB,eAAe,EAAK,QAAQ,EAAK,QAC3D,IAAa,IAAU,IAAK,IAAU,IAAW,MAAM,GACvD,IAAU,KAAK,IAAI,GAAY,KAAK,IAAI,MAAM,GAAY,EAAM,CAAC;AAGvE,GADA,EAAa,EAAQ,EACrB,IAAW,EAAQ;KAGf,UAAsB;AAG1B,GAFA,EAAW,UAAU,IACrB,SAAS,oBAAoB,aAAa,EAAgB,EAC1D,SAAS,oBAAoB,WAAW,EAAc;;AAIxD,EADA,SAAS,iBAAiB,aAAa,EAAgB,EACvD,SAAS,iBAAiB,WAAW,EAAc;IAErD;EAAC;EAAa;EAAS;EAAS,CACjC,EAEK,IAAe,MAAgB,cAC/B,CAAC,GAAO,KAAU;AAExB,QACE,kBAAC,OAAD;EACE,KAAK;EACL,aAAU;EACV,WAAW,EAAG,sBAAsB,IAAe,aAAa,YAAY,EAAU;EACtF,GAAI;YAJN;GAOE,kBAAC,OAAD;IACE,aAAU;IACV,WAAU;IACV,OAAO;MACJ,IAAe,UAAU,WACxB,QAAQ,OAAO,EAAU,CAAC,MAAM,OAAO,IAAa,EAAE,CAAC;KACzD,YAAY;KACb;cAEA;IACG,CAAA;GAGN,kBAAC,OAAD;IACE,aAAU;IACV,WAAW,EACT,kEACA,IAAe,sBAAsB,oBACtC;IACD,OAAO,GACJ,IAAe,UAAU,WAAW,GAAG,OAAO,EAAW,CAAC,KAC5D;IACD,aAAa;IACb,MAAK;IACL,oBAAkB;IAClB,iBAAe,KAAK,MAAM,EAAU;IACpC,iBAAe;IACf,iBAAe;IACf,UAAU;IACV,YAAW,MAAK;AAEd,SAAK,KAAgB,EAAE,QAAQ,eAAiB,CAAC,KAAgB,EAAE,QAAQ,WAAY;AACrF,QAAE,gBAAgB;MAClB,IAAM,IAAO,KAAK,IAAI,GAAG,IAAY,EAAK;AAE1C,MADA,EAAa,EAAK,EAClB,IAAW,EAAK;;AAElB,SACG,KAAgB,EAAE,QAAQ,gBAC1B,CAAC,KAAgB,EAAE,QAAQ,aAC5B;AACA,QAAE,gBAAgB;MAClB,IAAM,IAAO,KAAK,IAAI,KAAK,IAAY,EAAK;AAE5C,MADA,EAAa,EAAK,EAClB,IAAW,EAAK;;;IAGpB,CAAA;GAGF,kBAAC,OAAD;IACE,aAAU;IACV,WAAU;IACV,OAAO;MACJ,IAAe,UAAU,WACxB,QAAQ,OAAO,MAAM,EAAU,CAAC,MAAM,OAAO,IAAa,EAAE,CAAC;KAC/D,YAAY;KACb;cAEA;IACG,CAAA;GACF"}

package/dist/react/primitives/stat-card.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export type TrendDirection = 'up' | 'down' | 'neutral';
+export interface TrendConfig {
+    direction: TrendDirection;
+    value: string;
+    label?: string;
+}
+declare const trendVariants: (props?: ({
+    direction?: "up" | "down" | "neutral" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface StatCardProps extends React.ComponentProps<'div'> {
+    label: string;
+    value: string | number;
+    trend?: TrendConfig;
+    icon?: React.ReactNode;
+}
+declare function StatCard({ className, label, value, trend, icon, ...props }: StatCardProps): import("react/jsx-runtime").JSX.Element;
+export { StatCard, trendVariants };
+//# sourceMappingURL=stat-card.d.ts.map

package/dist/react/primitives/stat-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;AAEtD,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,cAAc,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAMD,QAAA,MAAM,aAAa;;8EAWjB,CAAA;AA4DF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAsClF;AAED,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAA"}

package/dist/react/primitives/stat-card.js

@@ -0,0 +1,86 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { t } from "../../dist-BCCeHAQm.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import "react";
+//#region src/react/primitives/stat-card.tsx
+var i = t("inline-flex items-center gap-1 text-xs font-medium", {
+	variants: { direction: {
+		up: "text-accent-emerald",
+		down: "text-accent-rose",
+		neutral: "text-foreground-muted"
+	} },
+	defaultVariants: { direction: "neutral" }
+});
+function a({ direction: e }) {
+	let t = "size-3.5";
+	return e === "up" ? /* @__PURE__ */ n("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: t,
+		children: /* @__PURE__ */ n("path", { d: "m18 15-6-6-6 6" })
+	}) : e === "down" ? /* @__PURE__ */ n("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: t,
+		children: /* @__PURE__ */ n("path", { d: "m6 9 6 6 6-6" })
+	}) : /* @__PURE__ */ n("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: t,
+		children: /* @__PURE__ */ n("path", { d: "M5 12h14" })
+	});
+}
+function o({ className: t, label: o, value: s, trend: c, icon: l, ...u }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "stat-card",
+		className: e("flex flex-col gap-2 rounded-xl border border-border-glass bg-glass p-5 backdrop-blur-[20px]", "transition-all duration-300 hover:shadow-glow", t),
+		...u,
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ n("span", {
+					className: "text-xs font-medium tracking-wide text-foreground-secondary",
+					children: o
+				}), l != null && /* @__PURE__ */ n("span", {
+					"aria-hidden": "true",
+					className: "text-foreground-muted [&_svg]:size-4",
+					children: l
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "text-2xl font-bold tabular-nums tracking-tight text-foreground",
+				children: typeof s == "number" ? String(s) : s
+			}),
+			c !== void 0 && /* @__PURE__ */ r("div", {
+				className: i({ direction: c.direction }),
+				children: [
+					/* @__PURE__ */ n(a, { direction: c.direction }),
+					/* @__PURE__ */ n("span", { children: c.value }),
+					c.label !== void 0 && /* @__PURE__ */ n("span", {
+						className: "text-foreground-muted",
+						children: c.label
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { o as StatCard, i as trendVariants };
+
+//# sourceMappingURL=stat-card.js.map

package/dist/react/primitives/stat-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card.js","names":[],"sources":["../../../src/react/primitives/stat-card.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cva } from 'class-variance-authority'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\nexport type TrendDirection = 'up' | 'down' | 'neutral'\n\nexport interface TrendConfig {\n  direction: TrendDirection\n  value: string\n  label?: string\n}\n\n/* ------------------------------------------------------------------ */\n/*  Trend styling                                                      */\n/* ------------------------------------------------------------------ */\n\nconst trendVariants = cva('inline-flex items-center gap-1 text-xs font-medium', {\n  variants: {\n    direction: {\n      up: 'text-accent-emerald',\n      down: 'text-accent-rose',\n      neutral: 'text-foreground-muted',\n    },\n  },\n  defaultVariants: {\n    direction: 'neutral',\n  },\n})\n\n/* ------------------------------------------------------------------ */\n/*  Trend arrow icons                                                  */\n/* ------------------------------------------------------------------ */\n\nfunction TrendArrow({ direction }: { direction: TrendDirection }) {\n  const iconClass = 'size-3.5'\n  if (direction === 'up') {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={2}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={iconClass}\n      >\n        <path d=\"m18 15-6-6-6 6\" />\n      </svg>\n    )\n  }\n  if (direction === 'down') {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={2}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={iconClass}\n      >\n        <path d=\"m6 9 6 6 6-6\" />\n      </svg>\n    )\n  }\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={iconClass}\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  StatCard                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface StatCardProps extends React.ComponentProps<'div'> {\n  label: string\n  value: string | number\n  trend?: TrendConfig\n  icon?: React.ReactNode\n}\n\nfunction StatCard({ className, label, value, trend, icon, ...props }: StatCardProps) {\n  return (\n    <div\n      data-slot=\"stat-card\"\n      className={cn(\n        'flex flex-col gap-2 rounded-xl border border-border-glass bg-glass p-5 backdrop-blur-[20px]',\n        'transition-all duration-300 hover:shadow-glow',\n        className\n      )}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <span className=\"text-xs font-medium tracking-wide text-foreground-secondary\">{label}</span>\n        {icon !== undefined && icon !== null && (\n          <span aria-hidden=\"true\" className=\"text-foreground-muted [&_svg]:size-4\">\n            {icon}\n          </span>\n        )}\n      </div>\n\n      {/* Value */}\n      <div className=\"text-2xl font-bold tabular-nums tracking-tight text-foreground\">\n        {typeof value === 'number' ? String(value) : value}\n      </div>\n\n      {/* Trend */}\n      {trend !== undefined && (\n        <div className={trendVariants({ direction: trend.direction })}>\n          <TrendArrow direction={trend.direction} />\n          <span>{trend.value}</span>\n          {trend.label !== undefined && (\n            <span className=\"text-foreground-muted\">{trend.label}</span>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { StatCard, trendVariants }\n"],"mappings":";;;;;AAqBA,IAAM,IAAgB,EAAI,sDAAsD;CAC9E,UAAU,EACR,WAAW;EACT,IAAI;EACJ,MAAM;EACN,SAAS;EACV,EACF;CACD,iBAAiB,EACf,WAAW,WACZ;CACF,CAAC;AAMF,SAAS,EAAW,EAAE,gBAA4C;CAChE,IAAM,IAAY;AAiClB,QAhCI,MAAc,OAEd,kBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAa;EACb,eAAc;EACd,gBAAe;EACf,WAAW;YAEX,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;EACvB,CAAA,GAGN,MAAc,SAEd,kBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAa;EACb,eAAc;EACd,gBAAe;EACf,WAAW;YAEX,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;EACrB,CAAA,GAIR,kBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAa;EACb,eAAc;EACd,gBAAe;EACf,WAAW;YAEX,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;EACjB,CAAA;;AAeV,SAAS,EAAS,EAAE,cAAW,UAAO,UAAO,UAAO,SAAM,GAAG,KAAwB;AACnF,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,+FACA,iDACA,EACD;EACD,GAAI;YAPN;GAUE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAA+D;KAAa,CAAA,EAC3F,KAA+B,QAC9B,kBAAC,QAAD;KAAM,eAAY;KAAO,WAAU;eAChC;KACI,CAAA,CAEL;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACZ,OAAO,KAAU,WAAW,OAAO,EAAM,GAAG;IACzC,CAAA;GAGL,MAAU,KAAA,KACT,kBAAC,OAAD;IAAK,WAAW,EAAc,EAAE,WAAW,EAAM,WAAW,CAAC;cAA7D;KACE,kBAAC,GAAD,EAAY,WAAW,EAAM,WAAa,CAAA;KAC1C,kBAAC,QAAD,EAAA,UAAO,EAAM,OAAa,CAAA;KACzB,EAAM,UAAU,KAAA,KACf,kBAAC,QAAD;MAAM,WAAU;gBAAyB,EAAM;MAAa,CAAA;KAE1D;;GAEJ"}

package/dist/react/primitives/status-bar.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare function StatusBar({ className, children, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+interface StatusBarSectionProps extends React.ComponentProps<'div'> {
+    /** Which slot this section occupies */
+    position?: 'left' | 'center' | 'right';
+}
+declare function StatusBarSection({ className, position, ...props }: StatusBarSectionProps): import("react/jsx-runtime").JSX.Element;
+declare function StatusBarItem({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function StatusBarSeparator({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { StatusBar, StatusBarSection, StatusBarItem, StatusBarSeparator };
+//# sourceMappingURL=status-bar.d.ts.map

package/dist/react/primitives/status-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-bar.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/status-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAahF;AAMD,UAAU,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACjE,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACvC;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAe1F;AAMD,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW1E;AAMD,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ/E;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/react/primitives/status-bar.js

@@ -0,0 +1,38 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/react/primitives/status-bar.tsx
+function n({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "status-bar",
+		className: e("flex h-8 items-center justify-between border-t border-border-glass bg-glass px-3 text-xs backdrop-blur-[20px]", n),
+		...i,
+		children: r
+	});
+}
+function r({ className: n, position: r = "left", ...i }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "status-bar-section",
+		"data-position": r,
+		className: e("flex items-center gap-3", r === "left" && "mr-auto", r === "center" && "mx-auto", r === "right" && "ml-auto", n),
+		...i
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "status-bar-item",
+		className: e("flex items-center gap-1.5 text-foreground-secondary transition-colors hover:text-foreground", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "status-bar-separator",
+		className: e("h-3.5 w-px bg-border-glass", n),
+		...r
+	});
+}
+//#endregion
+export { n as StatusBar, i as StatusBarItem, r as StatusBarSection, a as StatusBarSeparator };
+
+//# sourceMappingURL=status-bar.js.map

package/dist/react/primitives/status-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-bar.js","names":[],"sources":["../../../src/react/primitives/status-bar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/* StatusBar                                                           */\n/* ------------------------------------------------------------------ */\n\nfunction StatusBar({ className, children, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"status-bar\"\n      className={cn(\n        'flex h-8 items-center justify-between border-t border-border-glass bg-glass px-3 text-xs backdrop-blur-[20px]',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* StatusBarSection                                                     */\n/* ------------------------------------------------------------------ */\n\ninterface StatusBarSectionProps extends React.ComponentProps<'div'> {\n  /** Which slot this section occupies */\n  position?: 'left' | 'center' | 'right'\n}\n\nfunction StatusBarSection({ className, position = 'left', ...props }: StatusBarSectionProps) {\n  return (\n    <div\n      data-slot=\"status-bar-section\"\n      data-position={position}\n      className={cn(\n        'flex items-center gap-3',\n        position === 'left' && 'mr-auto',\n        position === 'center' && 'mx-auto',\n        position === 'right' && 'ml-auto',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* StatusBarItem                                                       */\n/* ------------------------------------------------------------------ */\n\nfunction StatusBarItem({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"status-bar-item\"\n      className={cn(\n        'flex items-center gap-1.5 text-foreground-secondary transition-colors hover:text-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* StatusBarSeparator                                                   */\n/* ------------------------------------------------------------------ */\n\nfunction StatusBarSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"status-bar-separator\"\n      className={cn('h-3.5 w-px bg-border-glass', className)}\n      {...props}\n    />\n  )\n}\n\nexport { StatusBar, StatusBarSection, StatusBarItem, StatusBarSeparator }\n"],"mappings":";;;;AAQA,SAAS,EAAU,EAAE,cAAW,aAAU,GAAG,KAAsC;AACjF,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,iHACA,EACD;EACD,GAAI;EAEH;EACG,CAAA;;AAaV,SAAS,EAAiB,EAAE,cAAW,cAAW,QAAQ,GAAG,KAAgC;AAC3F,QACE,kBAAC,OAAD;EACE,aAAU;EACV,iBAAe;EACf,WAAW,EACT,2BACA,MAAa,UAAU,WACvB,MAAa,YAAY,WACzB,MAAa,WAAW,WACxB,EACD;EACD,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAc,EAAE,cAAW,GAAG,KAAsC;AAC3E,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,+FACA,EACD;EACD,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAmB,EAAE,cAAW,GAAG,KAAsC;AAChF,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,8BAA8B,EAAU;EACtD,GAAI;EACJ,CAAA"}

package/dist/react/primitives/stepper.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+type StepStatus = 'pending' | 'active' | 'complete' | 'error' | 'disabled';
+declare function Stepper({ className, orientation, children, ...props }: React.ComponentProps<'nav'> & {
+    orientation?: 'horizontal' | 'vertical';
+}): import("react/jsx-runtime").JSX.Element;
+declare function StepperItem({ className, step, label, description, status, isLast, icon, onClick, ...props }: React.ComponentProps<'li'> & {
+    step: number;
+    label: string;
+    description?: string;
+    status?: StepStatus;
+    isLast?: boolean;
+    icon?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export { Stepper, StepperItem, type StepStatus };
+//# sourceMappingURL=stepper.d.ts.map

package/dist/react/primitives/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/stepper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAA;AAU1E,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,WAA0B,EAC1B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,2CAYA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAkB,EAClB,MAAc,EACd,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,2CA0GA;AAED,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,UAAU,EAAE,CAAA"}