@countermeasure-platform/web-components 0.2.0

package/dist/react/primitives/network-graph.js

@@ -0,0 +1,46 @@
+import { NetworkGraph as e } from "../../visualization/network-graph/index.js";
+import { t } from "../../utils-B7XIe3qq.js";
+import { jsx as n } from "react/jsx-runtime";
+import { useEffect as r, useRef as i } from "react";
+//#region src/react/primitives/network-graph.tsx
+function a({ nodes: a, edges: o, layout: s = "force", zoomable: c = !0, pannable: l = !0, nodeRadius: u, showLabels: d = !0, onNodeClick: f, onEdgeClick: p, className: m }) {
+	let h = i(null), g = i(null), _ = i(f);
+	_.current = f;
+	let v = i(p);
+	return v.current = p, r(() => {
+		let t = h.current;
+		if (!t) return;
+		let n = {
+			container: t,
+			nodes: a,
+			edges: o,
+			layout: s,
+			zoomable: c,
+			pannable: l,
+			showLabels: d,
+			onNodeClick: (e) => _.current?.(e),
+			onEdgeClick: (e) => v.current?.(e)
+		};
+		return u !== void 0 && (n.nodeRadius = u), g.current = new e(n), () => {
+			g.current?.destroy(), g.current = null;
+		};
+	}, [
+		c,
+		l,
+		u,
+		d
+	]), r(() => {
+		g.current && g.current.update(a, o);
+	}, [a, o]), r(() => {
+		g.current && g.current.setLayout(s);
+	}, [s]), /* @__PURE__ */ n("div", {
+		ref: h,
+		"data-slot": "network-graph",
+		className: t("relative h-full w-full overflow-hidden", m)
+	});
+}
+a.displayName = "NetworkGraph";
+//#endregion
+export { a as NetworkGraph };
+
+//# sourceMappingURL=network-graph.js.map

package/dist/react/primitives/network-graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"network-graph.js","names":[],"sources":["../../../src/react/primitives/network-graph.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport { cn } from './utils'\nimport { NetworkGraph as NetworkGraphVanilla } from '../../visualization/network-graph'\nimport type {\n  GraphNode,\n  GraphEdge,\n  NetworkGraphConfig,\n} from '../../visualization/network-graph/types'\n\nexport type { GraphNode, GraphEdge } from '../../visualization/network-graph/types'\n\nexport interface NetworkGraphProps {\n  nodes: GraphNode[]\n  edges: GraphEdge[]\n  layout?: 'force' | 'circular' | 'grid'\n  zoomable?: boolean\n  pannable?: boolean\n  nodeRadius?: number\n  showLabels?: boolean\n  onNodeClick?: (node: GraphNode) => void\n  onEdgeClick?: (edge: GraphEdge) => void\n  className?: string\n}\n\nfunction NetworkGraph({\n  nodes,\n  edges,\n  layout = 'force',\n  zoomable = true,\n  pannable = true,\n  nodeRadius,\n  showLabels = true,\n  onNodeClick,\n  onEdgeClick,\n  className,\n}: NetworkGraphProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const instanceRef = useRef<NetworkGraphVanilla | null>(null)\n\n  const onNodeClickRef = useRef(onNodeClick)\n  onNodeClickRef.current = onNodeClick\n  const onEdgeClickRef = useRef(onEdgeClick)\n  onEdgeClickRef.current = onEdgeClick\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n\n    const cfg: NetworkGraphConfig = {\n      container,\n      nodes,\n      edges,\n      layout,\n      zoomable,\n      pannable,\n      showLabels,\n      onNodeClick: node => onNodeClickRef.current?.(node),\n      onEdgeClick: edge => onEdgeClickRef.current?.(edge),\n    }\n    if (nodeRadius !== undefined) cfg.nodeRadius = nodeRadius\n\n    instanceRef.current = new NetworkGraphVanilla(cfg)\n\n    return () => {\n      instanceRef.current?.destroy()\n      instanceRef.current = null\n    }\n  }, [zoomable, pannable, nodeRadius, showLabels])\n\n  // Update data\n  useEffect(() => {\n    if (instanceRef.current) {\n      instanceRef.current.update(nodes, edges)\n    }\n  }, [nodes, edges])\n\n  // Update layout\n  useEffect(() => {\n    if (instanceRef.current) {\n      instanceRef.current.setLayout(layout)\n    }\n  }, [layout])\n\n  return (\n    <div\n      ref={containerRef}\n      data-slot=\"network-graph\"\n      className={cn('relative h-full w-full overflow-hidden', className)}\n    />\n  )\n}\nNetworkGraph.displayName = 'NetworkGraph'\n\nexport { NetworkGraph }\n"],"mappings":";;;;;AAyBA,SAAS,EAAa,EACpB,UACA,UACA,YAAS,SACT,cAAW,IACX,cAAW,IACX,eACA,gBAAa,IACb,gBACA,gBACA,gBACoB;CACpB,IAAM,IAAe,EAAuB,KAAK,EAC3C,IAAc,EAAmC,KAAK,EAEtD,IAAiB,EAAO,EAAY;AAC1C,GAAe,UAAU;CACzB,IAAM,IAAiB,EAAO,EAAY;AA0C1C,QAzCA,EAAe,UAAU,GAEzB,QAAgB;EACd,IAAM,IAAY,EAAa;AAC/B,MAAI,CAAC,EAAW;EAEhB,IAAM,IAA0B;GAC9B;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAa,MAAQ,EAAe,UAAU,EAAK;GACnD,cAAa,MAAQ,EAAe,UAAU,EAAK;GACpD;AAKD,SAJI,MAAe,KAAA,MAAW,EAAI,aAAa,IAE/C,EAAY,UAAU,IAAI,EAAoB,EAAI,QAErC;AAEX,GADA,EAAY,SAAS,SAAS,EAC9B,EAAY,UAAU;;IAEvB;EAAC;EAAU;EAAU;EAAY;EAAW,CAAC,EAGhD,QAAgB;AACd,EAAI,EAAY,WACd,EAAY,QAAQ,OAAO,GAAO,EAAM;IAEzC,CAAC,GAAO,EAAM,CAAC,EAGlB,QAAgB;AACd,EAAI,EAAY,WACd,EAAY,QAAQ,UAAU,EAAO;IAEtC,CAAC,EAAO,CAAC,EAGV,kBAAC,OAAD;EACE,KAAK;EACL,aAAU;EACV,WAAW,EAAG,0CAA0C,EAAU;EAClE,CAAA;;AAGN,EAAa,cAAc"}

package/dist/react/primitives/notification-center.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export type NotificationLevel = 'info' | 'success' | 'warning' | 'error';
+export interface NotificationItem {
+    id: string;
+    title: string;
+    description?: string;
+    level?: NotificationLevel;
+    timestamp: Date;
+    read?: boolean;
+    icon?: React.ReactNode;
+    action?: {
+        label: string;
+        onClick: (id: string) => void;
+    };
+}
+export interface NotificationCenterProps extends React.ComponentProps<'div'> {
+    notifications: NotificationItem[];
+    maxVisible?: number;
+    emptyMessage?: string;
+    onMarkRead?: (id: string) => void;
+    onMarkAllRead?: () => void;
+    onDismiss?: (id: string) => void;
+    onClearAll?: () => void;
+}
+declare function NotificationCenter({ className, notifications, maxVisible, emptyMessage, onMarkRead, onMarkAllRead, onDismiss, onClearAll, ...props }: NotificationCenterProps): import("react/jsx-runtime").JSX.Element;
+interface NotificationCenterItemProps {
+    item: NotificationItem;
+    onMarkRead?: ((id: string) => void) | undefined;
+    onDismiss?: ((id: string) => void) | undefined;
+}
+declare function NotificationCenterItem({ item, onMarkRead, onDismiss }: NotificationCenterItemProps): import("react/jsx-runtime").JSX.Element;
+export { NotificationCenter, NotificationCenterItem };
+//# sourceMappingURL=notification-center.d.ts.map

package/dist/react/primitives/notification-center.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-center.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/notification-center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAExE,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,SAAS,EAAE,IAAI,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;KAC9B,CAAA;CACF;AAwBD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC1E,aAAa,EAAE,gBAAgB,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,aAAa,EACb,UAAe,EACf,YAAiC,EACjC,UAAU,EACV,aAAa,EACb,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAkEzB;AAMD,UAAU,2BAA2B;IACnC,IAAI,EAAE,gBAAgB,CAAA;IACtB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/C,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CAC/C;AAED,iBAAS,sBAAsB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,2BAA2B,2CAkF3F;AAED,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/react/primitives/notification-center.js

@@ -0,0 +1,132 @@
+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/notification-center.tsx
+function r(e) {
+	let t = Date.now() - e.getTime(), n = Math.floor(t / 1e3), r = Math.floor(n / 60), i = Math.floor(r / 60), a = Math.floor(i / 24);
+	return n < 60 ? "Just now" : r < 60 ? `${String(r)}m ago` : i < 24 ? `${String(i)}h ago` : a < 7 ? `${String(a)}d ago` : e.toLocaleDateString();
+}
+function i({ className: r, notifications: i, maxVisible: o = 50, emptyMessage: s = "No notifications", onMarkRead: c, onMarkAllRead: l, onDismiss: u, onClearAll: d, ...f }) {
+	let p = i.slice(0, o), m = i.filter((e) => e.read !== !0).length;
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "notification-center",
+		role: "region",
+		"aria-label": "Notification center",
+		className: e("flex flex-col rounded-xl border border-border-glass bg-glass backdrop-blur-[20px]", "w-full max-w-sm overflow-hidden", r),
+		...f,
+		children: [/* @__PURE__ */ n("div", {
+			className: "flex items-center justify-between border-b border-border-glass px-4 py-3",
+			children: [/* @__PURE__ */ n("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ t("span", {
+					className: "text-sm font-semibold text-foreground",
+					children: "Notifications"
+				}), m > 0 && /* @__PURE__ */ t("span", {
+					"aria-label": `${String(m)} unread`,
+					className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-accent-rose px-1.5 text-[10px] font-bold text-white",
+					children: m
+				})]
+			}), /* @__PURE__ */ n("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ t("button", {
+					type: "button",
+					onClick: l,
+					className: "rounded-lg px-2 py-1 text-[11px] text-foreground-secondary transition-colors hover:bg-glass-hover hover:text-foreground",
+					children: "Mark all read"
+				}), /* @__PURE__ */ t("button", {
+					type: "button",
+					onClick: d,
+					className: "rounded-lg px-2 py-1 text-[11px] text-foreground-secondary transition-colors hover:bg-glass-hover hover:text-foreground",
+					children: "Clear all"
+				})]
+			})]
+		}), /* @__PURE__ */ t("div", {
+			role: "list",
+			className: "flex max-h-80 flex-col overflow-y-auto",
+			children: p.length === 0 ? /* @__PURE__ */ t("div", {
+				className: "flex items-center justify-center px-4 py-8 text-sm text-foreground-muted",
+				children: s
+			}) : p.map((e) => /* @__PURE__ */ t(a, {
+				item: e,
+				onMarkRead: c,
+				onDismiss: u
+			}, e.id))
+		})]
+	});
+}
+function a({ item: i, onMarkRead: a, onDismiss: o }) {
+	let s = i.level ?? "info";
+	return /* @__PURE__ */ n("div", {
+		role: "listitem",
+		"data-notification-id": i.id,
+		onClick: () => {
+			i.read !== !0 && a?.(i.id);
+		},
+		className: e("group flex gap-3 border-b border-border-glass px-4 py-3 transition-colors last:border-b-0", i.read !== !0 && "bg-primary/5 cursor-pointer", i.read === !0 && "opacity-70"),
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: "flex shrink-0 pt-0.5",
+				children: /* @__PURE__ */ t("span", {
+					"aria-hidden": "true",
+					className: e("inline-block size-2 rounded-full", {
+						"bg-accent-cyan": s === "info",
+						"bg-accent-emerald": s === "success",
+						"bg-accent-amber": s === "warning",
+						"bg-accent-rose": s === "error"
+					})
+				})
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-0.5",
+				children: [
+					/* @__PURE__ */ t("span", {
+						className: "text-sm font-medium text-foreground",
+						children: i.title
+					}),
+					i.description !== void 0 && /* @__PURE__ */ t("span", {
+						className: "truncate text-xs text-foreground-secondary",
+						title: i.description,
+						children: i.description
+					}),
+					/* @__PURE__ */ t("span", {
+						className: "text-[11px] text-foreground-muted",
+						children: r(i.timestamp)
+					})
+				]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex shrink-0 items-start gap-1",
+				children: [i.action !== void 0 && /* @__PURE__ */ t("button", {
+					type: "button",
+					onClick: (e) => {
+						e.stopPropagation(), i.action?.onClick(i.id);
+					},
+					className: "rounded-lg px-2 py-0.5 text-[11px] font-medium text-primary transition-colors hover:bg-primary/10",
+					children: i.action.label
+				}), /* @__PURE__ */ t("button", {
+					type: "button",
+					"aria-label": "Dismiss notification",
+					onClick: (e) => {
+						e.stopPropagation(), o?.(i.id);
+					},
+					className: "rounded-lg p-0.5 text-foreground-muted opacity-0 transition-all hover:bg-glass-hover hover:text-foreground group-hover:opacity-100",
+					children: /* @__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: "size-3.5",
+						children: [/* @__PURE__ */ t("path", { d: "m18 6-12 12" }), /* @__PURE__ */ t("path", { d: "m6 6 12 12" })]
+					})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { i as NotificationCenter, a as NotificationCenterItem };
+
+//# sourceMappingURL=notification-center.js.map

package/dist/react/primitives/notification-center.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-center.js","names":[],"sources":["../../../src/react/primitives/notification-center.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\nexport type NotificationLevel = 'info' | 'success' | 'warning' | 'error'\n\nexport interface NotificationItem {\n  id: string\n  title: string\n  description?: string\n  level?: NotificationLevel\n  timestamp: Date\n  read?: boolean\n  icon?: React.ReactNode\n  action?: {\n    label: string\n    onClick: (id: string) => void\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/*  Helpers                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction formatRelativeTime(date: Date): string {\n  const diff = Date.now() - date.getTime()\n  const seconds = Math.floor(diff / 1000)\n  const minutes = Math.floor(seconds / 60)\n  const hours = Math.floor(minutes / 60)\n  const days = Math.floor(hours / 24)\n\n  if (seconds < 60) return 'Just now'\n  if (minutes < 60) return `${String(minutes)}m ago`\n  if (hours < 24) return `${String(hours)}h ago`\n  if (days < 7) return `${String(days)}d ago`\n  return date.toLocaleDateString()\n}\n\n/* ------------------------------------------------------------------ */\n/*  NotificationCenter                                                 */\n/* ------------------------------------------------------------------ */\n\nexport interface NotificationCenterProps extends React.ComponentProps<'div'> {\n  notifications: NotificationItem[]\n  maxVisible?: number\n  emptyMessage?: string\n  onMarkRead?: (id: string) => void\n  onMarkAllRead?: () => void\n  onDismiss?: (id: string) => void\n  onClearAll?: () => void\n}\n\nfunction NotificationCenter({\n  className,\n  notifications,\n  maxVisible = 50,\n  emptyMessage = 'No notifications',\n  onMarkRead,\n  onMarkAllRead,\n  onDismiss,\n  onClearAll,\n  ...props\n}: NotificationCenterProps) {\n  const visible = notifications.slice(0, maxVisible)\n  const unreadCount = notifications.filter(n => n.read !== true).length\n\n  return (\n    <div\n      data-slot=\"notification-center\"\n      role=\"region\"\n      aria-label=\"Notification center\"\n      className={cn(\n        'flex flex-col rounded-xl border border-border-glass bg-glass backdrop-blur-[20px]',\n        'w-full max-w-sm overflow-hidden',\n        className\n      )}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"flex items-center justify-between border-b border-border-glass px-4 py-3\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-sm font-semibold text-foreground\">Notifications</span>\n          {unreadCount > 0 && (\n            <span\n              aria-label={`${String(unreadCount)} unread`}\n              className=\"inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-accent-rose px-1.5 text-[10px] font-bold text-white\"\n            >\n              {unreadCount}\n            </span>\n          )}\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <button\n            type=\"button\"\n            onClick={onMarkAllRead}\n            className=\"rounded-lg px-2 py-1 text-[11px] text-foreground-secondary transition-colors hover:bg-glass-hover hover:text-foreground\"\n          >\n            Mark all read\n          </button>\n          <button\n            type=\"button\"\n            onClick={onClearAll}\n            className=\"rounded-lg px-2 py-1 text-[11px] text-foreground-secondary transition-colors hover:bg-glass-hover hover:text-foreground\"\n          >\n            Clear all\n          </button>\n        </div>\n      </div>\n\n      {/* List */}\n      <div role=\"list\" className=\"flex max-h-80 flex-col overflow-y-auto\">\n        {visible.length === 0 ? (\n          <div className=\"flex items-center justify-center px-4 py-8 text-sm text-foreground-muted\">\n            {emptyMessage}\n          </div>\n        ) : (\n          visible.map(item => (\n            <NotificationCenterItem\n              key={item.id}\n              item={item}\n              onMarkRead={onMarkRead}\n              onDismiss={onDismiss}\n            />\n          ))\n        )}\n      </div>\n    </div>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  NotificationCenterItem                                             */\n/* ------------------------------------------------------------------ */\n\ninterface NotificationCenterItemProps {\n  item: NotificationItem\n  onMarkRead?: ((id: string) => void) | undefined\n  onDismiss?: ((id: string) => void) | undefined\n}\n\nfunction NotificationCenterItem({ item, onMarkRead, onDismiss }: NotificationCenterItemProps) {\n  const level = item.level ?? 'info'\n\n  return (\n    <div\n      role=\"listitem\"\n      data-notification-id={item.id}\n      onClick={() => {\n        if (item.read !== true) onMarkRead?.(item.id)\n      }}\n      className={cn(\n        'group flex gap-3 border-b border-border-glass px-4 py-3 transition-colors last:border-b-0',\n        item.read !== true && 'bg-primary/5 cursor-pointer',\n        item.read === true && 'opacity-70'\n      )}\n    >\n      {/* Level dot */}\n      <div className=\"flex shrink-0 pt-0.5\">\n        <span\n          aria-hidden=\"true\"\n          className={cn('inline-block size-2 rounded-full', {\n            'bg-accent-cyan': level === 'info',\n            'bg-accent-emerald': level === 'success',\n            'bg-accent-amber': level === 'warning',\n            'bg-accent-rose': level === 'error',\n          })}\n        />\n      </div>\n\n      {/* Content */}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{item.title}</span>\n        {item.description !== undefined && (\n          <span className=\"truncate text-xs text-foreground-secondary\" title={item.description}>\n            {item.description}\n          </span>\n        )}\n        <span className=\"text-[11px] text-foreground-muted\">\n          {formatRelativeTime(item.timestamp)}\n        </span>\n      </div>\n\n      {/* Actions */}\n      <div className=\"flex shrink-0 items-start gap-1\">\n        {item.action !== undefined && (\n          <button\n            type=\"button\"\n            onClick={e => {\n              e.stopPropagation()\n              item.action?.onClick(item.id)\n            }}\n            className=\"rounded-lg px-2 py-0.5 text-[11px] font-medium text-primary transition-colors hover:bg-primary/10\"\n          >\n            {item.action.label}\n          </button>\n        )}\n        <button\n          type=\"button\"\n          aria-label=\"Dismiss notification\"\n          onClick={e => {\n            e.stopPropagation()\n            onDismiss?.(item.id)\n          }}\n          className=\"rounded-lg p-0.5 text-foreground-muted opacity-0 transition-all hover:bg-glass-hover hover:text-foreground group-hover:opacity-100\"\n        >\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=\"size-3.5\"\n          >\n            <path d=\"m18 6-12 12\" />\n            <path d=\"m6 6 12 12\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  )\n}\n\nexport { NotificationCenter, NotificationCenterItem }\n"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare function Pagination({ className, ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+interface PaginationLinkProps extends React.ComponentProps<'button'> {
+    isActive?: boolean;
+}
+declare function PaginationLink({ className, isActive, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, };
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAUvE;AAMD,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ7E;AAMD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAE1E;AAMD,UAAU,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAiB7E;AAMD,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,2CAmBlF;AAMD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,2CAmB9E;AAMD,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAYhF;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,CAAA"}

package/dist/react/primitives/pagination.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../../pagination-Co5Y-NPF.js";
+export { o as Pagination, n as PaginationContent, i as PaginationEllipsis, t as PaginationItem, e as PaginationLink, r as PaginationNext, a as PaginationPrevious };

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface PopoverProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: React.ReactNode;
+}
+declare function Popover({ open: controlledOpen, defaultOpen, onOpenChange, children, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ className, ...props }: React.ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export interface PopoverContentProps extends React.ComponentProps<'div'> {
+    align?: 'start' | 'center' | 'end';
+    sideOffset?: number;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+}
+declare function PopoverContent({ className, align, sideOffset, side, children, ...props }: PopoverContentProps): React.ReactPortal | null;
+declare function PopoverClose({ className, onClick, ...props }: React.ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose };
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2B9B,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,iBAAS,OAAO,CAAC,EACf,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,QAAQ,GACT,EAAE,YAAY,2CAoBd;AAMD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,2CAiB9E;AAMD,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAE1E;AAMD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACtE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;CAC3C;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,IAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,4BAkHrB;AAMD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,2CAerF;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}

package/dist/react/primitives/popover.js

@@ -0,0 +1,142 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "react";
+import { createPortal as r } from "react-dom";
+//#region src/react/primitives/popover.tsx
+var i = n.createContext(null);
+function a() {
+	let e = n.useContext(i);
+	if (!e) throw Error("Popover compound components must be used within <Popover>");
+	return e;
+}
+function o({ open: e, defaultOpen: r = !1, onOpenChange: a, children: o }) {
+	let [s, c] = n.useState(r), l = e !== void 0, u = l ? e : s, d = n.useRef(null), f = n.useCallback((e) => {
+		let t = typeof e == "function" ? e(u) : e;
+		l || c(t), a?.(t);
+	}, [
+		u,
+		l,
+		a
+	]);
+	return /* @__PURE__ */ t(i.Provider, {
+		value: {
+			open: u,
+			setOpen: f,
+			triggerRef: d
+		},
+		children: o
+	});
+}
+function s({ className: e, ...n }) {
+	let { open: r, setOpen: i, triggerRef: o } = a();
+	return /* @__PURE__ */ t("button", {
+		ref: o,
+		"data-slot": "popover-trigger",
+		type: "button",
+		"aria-haspopup": "dialog",
+		"aria-expanded": r,
+		onClick: () => {
+			i((e) => !e);
+		},
+		className: e,
+		...n
+	});
+}
+function c({ className: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "popover-anchor",
+		className: e,
+		...n
+	});
+}
+function l({ className: i, align: o = "center", sideOffset: s = 8, side: c = "bottom", children: l, ...u }) {
+	let { open: d, setOpen: f, triggerRef: p } = a(), m = n.useRef(null), [h, g] = n.useState({
+		top: 0,
+		left: 0
+	});
+	if (n.useEffect(() => {
+		if (!d || !p.current) return;
+		let e = () => {
+			let e = p.current;
+			if (!e) return;
+			let t = e.getBoundingClientRect(), n = o === "start" ? t.left : o === "end" ? t.right : t.left + t.width / 2;
+			g((() => {
+				switch (c) {
+					case "top": return {
+						top: t.top - s,
+						left: n
+					};
+					case "left": return {
+						top: t.top + t.height / 2,
+						left: t.left - s
+					};
+					case "right": return {
+						top: t.top + t.height / 2,
+						left: t.right + s
+					};
+					default: return {
+						top: t.bottom + s,
+						left: n
+					};
+				}
+			})());
+		};
+		return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [
+		d,
+		c,
+		o,
+		s,
+		p
+	]), n.useEffect(() => {
+		if (!d) return;
+		let e = (e) => {
+			let t = e.target;
+			m.current && !m.current.contains(t) && p.current && !p.current.contains(t) && f(!1);
+		}, t = (e) => {
+			e.key === "Escape" && (e.preventDefault(), f(!1), p.current?.focus());
+		}, n = setTimeout(() => {
+			document.addEventListener("mousedown", e);
+		}, 0);
+		return document.addEventListener("keydown", t), () => {
+			clearTimeout(n), document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [
+		d,
+		f,
+		p
+	]), !d) return null;
+	let _ = c === "top" || c === "bottom" ? o === "start" ? "0%" : o === "end" ? "-100%" : "-50%" : c === "left" ? "-100%" : "0%", v = c === "left" || c === "right" ? "-50%" : c === "top" ? "-100%" : "0%";
+	return r(/* @__PURE__ */ t("div", {
+		ref: m,
+		"data-slot": "popover-content",
+		role: "dialog",
+		className: e("z-50 w-72 rounded-xl border border-border-glass bg-glass p-4 shadow-lg backdrop-blur-[20px]", "text-foreground outline-none", "animate-in fade-in-0 zoom-in-95", i),
+		style: {
+			position: "fixed",
+			top: h.top,
+			left: h.left,
+			transform: `translate(${_}, ${v})`
+		},
+		...u,
+		children: l
+	}), document.body);
+}
+function u({ className: e, onClick: n, ...r }) {
+	let { setOpen: i } = a();
+	return /* @__PURE__ */ t("button", {
+		"data-slot": "popover-close",
+		type: "button",
+		onClick: (e) => {
+			i(!1), n?.(e);
+		},
+		className: e,
+		...r
+	});
+}
+//#endregion
+export { o as Popover, c as PopoverAnchor, u as PopoverClose, l as PopoverContent, s as PopoverTrigger };
+
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":[],"sources":["../../../src/react/primitives/popover.tsx"],"sourcesContent":["import * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/*  Context                                                            */\n/* ------------------------------------------------------------------ */\n\ninterface PopoverContextValue {\n  open: boolean\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>\n  triggerRef: React.RefObject<HTMLButtonElement | null>\n}\n\nconst PopoverContext = React.createContext<PopoverContextValue | null>(null)\n\nfunction usePopoverContext() {\n  const ctx = React.useContext(PopoverContext)\n  if (!ctx) throw new Error('Popover compound components must be used within <Popover>')\n  return ctx\n}\n\n/* ------------------------------------------------------------------ */\n/*  Popover (Root)                                                     */\n/* ------------------------------------------------------------------ */\n\nexport interface PopoverProps {\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  children: React.ReactNode\n}\n\nfunction Popover({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n}: PopoverProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : uncontrolledOpen\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null)\n\n  const setOpen = React.useCallback(\n    (value: React.SetStateAction<boolean>) => {\n      const next = typeof value === 'function' ? value(open) : value\n      if (!isControlled) setUncontrolledOpen(next)\n      onOpenChange?.(next)\n    },\n    [open, isControlled, onOpenChange]\n  )\n\n  return (\n    <PopoverContext.Provider value={{ open, setOpen, triggerRef }}>\n      {children}\n    </PopoverContext.Provider>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  PopoverTrigger                                                     */\n/* ------------------------------------------------------------------ */\n\nfunction PopoverTrigger({ className, ...props }: React.ComponentProps<'button'>) {\n  const { open, setOpen, triggerRef } = usePopoverContext()\n\n  return (\n    <button\n      ref={triggerRef}\n      data-slot=\"popover-trigger\"\n      type=\"button\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={open}\n      onClick={() => {\n        setOpen(prev => !prev)\n      }}\n      className={className}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  PopoverAnchor                                                      */\n/* ------------------------------------------------------------------ */\n\nfunction PopoverAnchor({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"popover-anchor\" className={className} {...props} />\n}\n\n/* ------------------------------------------------------------------ */\n/*  PopoverContent                                                     */\n/* ------------------------------------------------------------------ */\n\nexport interface PopoverContentProps extends React.ComponentProps<'div'> {\n  align?: 'start' | 'center' | 'end'\n  sideOffset?: number\n  side?: 'top' | 'bottom' | 'left' | 'right'\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 8,\n  side = 'bottom',\n  children,\n  ...props\n}: PopoverContentProps) {\n  const { open, setOpen, triggerRef } = usePopoverContext()\n  const contentRef = React.useRef<HTMLDivElement>(null)\n  const [position, setPosition] = React.useState({ top: 0, left: 0 })\n\n  // Position the popover relative to the trigger\n  React.useEffect(() => {\n    if (!open || !triggerRef.current) return\n\n    const updatePosition = () => {\n      const trigger = triggerRef.current\n      if (!trigger) return\n      const rect = trigger.getBoundingClientRect()\n\n      const alignedLeft =\n        align === 'start' ? rect.left : align === 'end' ? rect.right : rect.left + rect.width / 2\n\n      const computed = (() => {\n        switch (side) {\n          case 'top':\n            return { top: rect.top - sideOffset, left: alignedLeft }\n          case 'left':\n            return { top: rect.top + rect.height / 2, left: rect.left - sideOffset }\n          case 'right':\n            return { top: rect.top + rect.height / 2, left: rect.right + sideOffset }\n          case 'bottom':\n          default:\n            return { top: rect.bottom + sideOffset, left: alignedLeft }\n        }\n      })()\n\n      setPosition(computed)\n    }\n\n    updatePosition()\n    window.addEventListener('scroll', updatePosition, true)\n    window.addEventListener('resize', updatePosition)\n    return () => {\n      window.removeEventListener('scroll', updatePosition, true)\n      window.removeEventListener('resize', updatePosition)\n    }\n  }, [open, side, align, sideOffset, triggerRef])\n\n  // Close on outside click\n  React.useEffect(() => {\n    if (!open) return\n    const handler = (e: MouseEvent) => {\n      const target = e.target as Node\n      if (\n        contentRef.current &&\n        !contentRef.current.contains(target) &&\n        triggerRef.current &&\n        !triggerRef.current.contains(target)\n      ) {\n        setOpen(false)\n      }\n    }\n    const keyHandler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        setOpen(false)\n        triggerRef.current?.focus()\n      }\n    }\n    // Delay to avoid closing from the same click that opened\n    const timer = setTimeout(() => {\n      document.addEventListener('mousedown', handler)\n    }, 0)\n    document.addEventListener('keydown', keyHandler)\n    return () => {\n      clearTimeout(timer)\n      document.removeEventListener('mousedown', handler)\n      document.removeEventListener('keydown', keyHandler)\n    }\n  }, [open, setOpen, triggerRef])\n\n  if (!open) return null\n\n  const translateX =\n    side === 'top' || side === 'bottom'\n      ? align === 'start'\n        ? '0%'\n        : align === 'end'\n          ? '-100%'\n          : '-50%'\n      : side === 'left'\n        ? '-100%'\n        : '0%'\n\n  const translateY = side === 'left' || side === 'right' ? '-50%' : side === 'top' ? '-100%' : '0%'\n\n  return createPortal(\n    <div\n      ref={contentRef}\n      data-slot=\"popover-content\"\n      role=\"dialog\"\n      className={cn(\n        'z-50 w-72 rounded-xl border border-border-glass bg-glass p-4 shadow-lg backdrop-blur-[20px]',\n        'text-foreground outline-none',\n        'animate-in fade-in-0 zoom-in-95',\n        className\n      )}\n      style={{\n        position: 'fixed',\n        top: position.top,\n        left: position.left,\n        transform: `translate(${translateX}, ${translateY})`,\n      }}\n      {...props}\n    >\n      {children}\n    </div>,\n    document.body\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  PopoverClose                                                       */\n/* ------------------------------------------------------------------ */\n\nfunction PopoverClose({ className, onClick, ...props }: React.ComponentProps<'button'>) {\n  const { setOpen } = usePopoverContext()\n\n  return (\n    <button\n      data-slot=\"popover-close\"\n      type=\"button\"\n      onClick={e => {\n        setOpen(false)\n        onClick?.(e)\n      }}\n      className={className}\n      {...props}\n    />\n  )\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose }\n"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export type ProgressSize = 'sm' | 'md' | 'lg';
+export interface ProgressProps extends React.ComponentProps<'div'> {
+    /** Progress value 0-100. Omit for indeterminate. */
+    value?: number | null;
+    /** Size variant. */
+    size?: ProgressSize;
+    /** Custom label text. Defaults to percentage. */
+    label?: string;
+    /** Show the label text beside the bar. */
+    showLabel?: boolean;
+    /** Custom color class applied to the indicator. */
+    indicatorClassName?: string;
+}
+declare function Progress({ className, value, size, label, showLabel, indicatorClassName, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+export interface CircularProgressProps extends React.ComponentProps<'div'> {
+    /** Progress value 0-100. Omit for indeterminate. */
+    value?: number | null;
+    size?: ProgressSize;
+    /** Custom label text. Defaults to percentage. */
+    label?: string;
+    /** Show the label text inside the circle. */
+    showLabel?: boolean;
+    /** Custom color class applied to the progress stroke. */
+    indicatorClassName?: string;
+}
+declare function CircularProgress({ className, value, size, label, showLabel, indicatorClassName, ...props }: CircularProgressProps): import("react/jsx-runtime").JSX.Element;
+export { Progress, CircularProgress };
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAmB7C,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAChE,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,oBAAoB;IACpB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,IAAW,EACX,KAAK,EACL,SAAiB,EACjB,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,aAAa,2CAmCf;AAeD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACxE,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAK,EACL,IAAW,EACX,KAAK,EACL,SAAiB,EACjB,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA2DvB;AAED,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/react/primitives/progress.js

@@ -0,0 +1,98 @@
+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/progress.tsx
+var i = 2 * Math.PI * 16, a = t("relative w-full overflow-hidden rounded-full bg-surface-secondary", {
+	variants: { size: {
+		sm: "h-1",
+		md: "h-2",
+		lg: "h-3"
+	} },
+	defaultVariants: { size: "md" }
+});
+function o({ className: t, value: i, size: o = "md", label: s, showLabel: c = !1, indicatorClassName: l, ...u }) {
+	let d = i == null, f = d ? 0 : Math.min(100, Math.max(0, i)), p = s ?? (d ? "" : `${String(f)}%`);
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "progress",
+		className: e("flex w-full items-center gap-3", t),
+		...u,
+		children: [/* @__PURE__ */ n("div", {
+			role: "progressbar",
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			"aria-valuenow": d ? void 0 : f,
+			className: a({ size: o }),
+			children: /* @__PURE__ */ n("div", {
+				"data-slot": "progress-indicator",
+				className: e("h-full rounded-full bg-primary transition-all duration-500 ease-out", d && "animate-progress-indeterminate w-1/3", l),
+				style: d ? void 0 : { width: `${String(f)}%` }
+			})
+		}), c && p && /* @__PURE__ */ n("span", {
+			className: "shrink-0 text-xs tabular-nums text-foreground-secondary",
+			children: p
+		})]
+	});
+}
+var s = {
+	sm: {
+		size: 28,
+		strokeWidth: 3,
+		textClass: "text-[8px]"
+	},
+	md: {
+		size: 40,
+		strokeWidth: 3,
+		textClass: "text-[10px]"
+	},
+	lg: {
+		size: 56,
+		strokeWidth: 4,
+		textClass: "text-xs"
+	}
+};
+function c({ className: t, value: a, size: o = "md", label: c, showLabel: l = !1, indicatorClassName: u, ...d }) {
+	let f = a == null, p = f ? 0 : Math.min(100, Math.max(0, a)), m = c ?? (f ? "" : `${String(p)}%`), h = f ? i * .75 : i * (1 - p / 100), g = s[o];
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "circular-progress",
+		role: "progressbar",
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": f ? void 0 : p,
+		className: e("relative inline-flex items-center justify-center", t),
+		style: {
+			width: g.size,
+			height: g.size
+		},
+		...d,
+		children: [/* @__PURE__ */ r("svg", {
+			viewBox: "0 0 36 36",
+			className: e("size-full -rotate-90", f && "animate-spin"),
+			children: [/* @__PURE__ */ n("circle", {
+				cx: "18",
+				cy: "18",
+				r: "16",
+				fill: "none",
+				strokeWidth: g.strokeWidth,
+				className: "stroke-surface-secondary"
+			}), /* @__PURE__ */ n("circle", {
+				cx: "18",
+				cy: "18",
+				r: "16",
+				fill: "none",
+				strokeWidth: g.strokeWidth,
+				strokeLinecap: "round",
+				strokeDasharray: i,
+				strokeDashoffset: h,
+				className: e("stroke-primary transition-[stroke-dashoffset] duration-500 ease-out", u)
+			})]
+		}), l && m && /* @__PURE__ */ n("span", {
+			className: e("absolute font-medium tabular-nums text-foreground-secondary", g.textClass),
+			children: m
+		})]
+	});
+}
+//#endregion
+export { c as CircularProgress, o as Progress };
+
+//# sourceMappingURL=progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":[],"sources":["../../../src/react/primitives/progress.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cva } from 'class-variance-authority'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/*  Constants                                                          */\n/* ------------------------------------------------------------------ */\n\nconst CIRCUMFERENCE = 2 * Math.PI * 16\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\nexport type ProgressSize = 'sm' | 'md' | 'lg'\n\n/* ------------------------------------------------------------------ */\n/*  Linear Progress                                                    */\n/* ------------------------------------------------------------------ */\n\nconst trackVariants = cva('relative w-full overflow-hidden rounded-full bg-surface-secondary', {\n  variants: {\n    size: {\n      sm: 'h-1',\n      md: 'h-2',\n      lg: 'h-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport interface ProgressProps extends React.ComponentProps<'div'> {\n  /** Progress value 0-100. Omit for indeterminate. */\n  value?: number | null\n  /** Size variant. */\n  size?: ProgressSize\n  /** Custom label text. Defaults to percentage. */\n  label?: string\n  /** Show the label text beside the bar. */\n  showLabel?: boolean\n  /** Custom color class applied to the indicator. */\n  indicatorClassName?: string\n}\n\nfunction Progress({\n  className,\n  value,\n  size = 'md',\n  label,\n  showLabel = false,\n  indicatorClassName,\n  ...props\n}: ProgressProps) {\n  const isIndeterminate = value === null || value === undefined\n  const clamped = isIndeterminate ? 0 : Math.min(100, Math.max(0, value))\n  const displayLabel = label ?? (isIndeterminate ? '' : `${String(clamped)}%`)\n\n  return (\n    <div\n      data-slot=\"progress\"\n      className={cn('flex w-full items-center gap-3', className)}\n      {...props}\n    >\n      <div\n        role=\"progressbar\"\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-valuenow={isIndeterminate ? undefined : clamped}\n        className={trackVariants({ size })}\n      >\n        <div\n          data-slot=\"progress-indicator\"\n          className={cn(\n            'h-full rounded-full bg-primary transition-all duration-500 ease-out',\n            isIndeterminate && 'animate-progress-indeterminate w-1/3',\n            indicatorClassName\n          )}\n          style={isIndeterminate ? undefined : { width: `${String(clamped)}%` }}\n        />\n      </div>\n      {showLabel && displayLabel && (\n        <span className=\"shrink-0 text-xs tabular-nums text-foreground-secondary\">\n          {displayLabel}\n        </span>\n      )}\n    </div>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  Circular Progress                                                  */\n/* ------------------------------------------------------------------ */\n\nconst circularSizes: Record<\n  ProgressSize,\n  { size: number; strokeWidth: number; textClass: string }\n> = {\n  sm: { size: 28, strokeWidth: 3, textClass: 'text-[8px]' },\n  md: { size: 40, strokeWidth: 3, textClass: 'text-[10px]' },\n  lg: { size: 56, strokeWidth: 4, textClass: 'text-xs' },\n}\n\nexport interface CircularProgressProps extends React.ComponentProps<'div'> {\n  /** Progress value 0-100. Omit for indeterminate. */\n  value?: number | null\n  size?: ProgressSize\n  /** Custom label text. Defaults to percentage. */\n  label?: string\n  /** Show the label text inside the circle. */\n  showLabel?: boolean\n  /** Custom color class applied to the progress stroke. */\n  indicatorClassName?: string\n}\n\nfunction CircularProgress({\n  className,\n  value,\n  size = 'md',\n  label,\n  showLabel = false,\n  indicatorClassName,\n  ...props\n}: CircularProgressProps) {\n  const isIndeterminate = value === null || value === undefined\n  const clamped = isIndeterminate ? 0 : Math.min(100, Math.max(0, value))\n  const displayLabel = label ?? (isIndeterminate ? '' : `${String(clamped)}%`)\n  const offset = isIndeterminate ? CIRCUMFERENCE * 0.75 : CIRCUMFERENCE * (1 - clamped / 100)\n  const dims = circularSizes[size]\n\n  return (\n    <div\n      data-slot=\"circular-progress\"\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={isIndeterminate ? undefined : clamped}\n      className={cn('relative inline-flex items-center justify-center', className)}\n      style={{ width: dims.size, height: dims.size }}\n      {...props}\n    >\n      <svg\n        viewBox=\"0 0 36 36\"\n        className={cn('size-full -rotate-90', isIndeterminate && 'animate-spin')}\n      >\n        {/* Background circle */}\n        <circle\n          cx=\"18\"\n          cy=\"18\"\n          r=\"16\"\n          fill=\"none\"\n          strokeWidth={dims.strokeWidth}\n          className=\"stroke-surface-secondary\"\n        />\n        {/* Progress circle */}\n        <circle\n          cx=\"18\"\n          cy=\"18\"\n          r=\"16\"\n          fill=\"none\"\n          strokeWidth={dims.strokeWidth}\n          strokeLinecap=\"round\"\n          strokeDasharray={CIRCUMFERENCE}\n          strokeDashoffset={offset}\n          className={cn(\n            'stroke-primary transition-[stroke-dashoffset] duration-500 ease-out',\n            indicatorClassName\n          )}\n        />\n      </svg>\n      {showLabel && displayLabel && (\n        <span\n          className={cn(\n            'absolute font-medium tabular-nums text-foreground-secondary',\n            dims.textClass\n          )}\n        >\n          {displayLabel}\n        </span>\n      )}\n    </div>\n  )\n}\n\nexport { Progress, CircularProgress }\n"],"mappings":";;;;;AASA,IAAM,IAAgB,IAAI,KAAK,KAAK,IAY9B,IAAgB,EAAI,qEAAqE;CAC7F,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAeF,SAAS,EAAS,EAChB,cACA,UACA,UAAO,MACP,UACA,eAAY,IACZ,uBACA,GAAG,KACa;CAChB,IAAM,IAAkB,KAAU,MAC5B,IAAU,IAAkB,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,EAAM,CAAC,EACjE,IAAe,MAAU,IAAkB,KAAK,GAAG,OAAO,EAAQ,CAAC;AAEzE,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,kCAAkC,EAAU;EAC1D,GAAI;YAHN,CAKE,kBAAC,OAAD;GACE,MAAK;GACL,iBAAe;GACf,iBAAe;GACf,iBAAe,IAAkB,KAAA,IAAY;GAC7C,WAAW,EAAc,EAAE,SAAM,CAAC;aAElC,kBAAC,OAAD;IACE,aAAU;IACV,WAAW,EACT,uEACA,KAAmB,wCACnB,EACD;IACD,OAAO,IAAkB,KAAA,IAAY,EAAE,OAAO,GAAG,OAAO,EAAQ,CAAC,IAAI;IACrE,CAAA;GACE,CAAA,EACL,KAAa,KACZ,kBAAC,QAAD;GAAM,WAAU;aACb;GACI,CAAA,CAEL;;;AAQV,IAAM,IAGF;CACF,IAAI;EAAE,MAAM;EAAI,aAAa;EAAG,WAAW;EAAc;CACzD,IAAI;EAAE,MAAM;EAAI,aAAa;EAAG,WAAW;EAAe;CAC1D,IAAI;EAAE,MAAM;EAAI,aAAa;EAAG,WAAW;EAAW;CACvD;AAcD,SAAS,EAAiB,EACxB,cACA,UACA,UAAO,MACP,UACA,eAAY,IACZ,uBACA,GAAG,KACqB;CACxB,IAAM,IAAkB,KAAU,MAC5B,IAAU,IAAkB,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,EAAM,CAAC,EACjE,IAAe,MAAU,IAAkB,KAAK,GAAG,OAAO,EAAQ,CAAC,KACnE,IAAS,IAAkB,IAAgB,MAAO,KAAiB,IAAI,IAAU,MACjF,IAAO,EAAc;AAE3B,QACE,kBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,iBAAe,IAAkB,KAAA,IAAY;EAC7C,WAAW,EAAG,oDAAoD,EAAU;EAC5E,OAAO;GAAE,OAAO,EAAK;GAAM,QAAQ,EAAK;GAAM;EAC9C,GAAI;YARN,CAUE,kBAAC,OAAD;GACE,SAAQ;GACR,WAAW,EAAG,wBAAwB,KAAmB,eAAe;aAF1E,CAKE,kBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,MAAK;IACL,aAAa,EAAK;IAClB,WAAU;IACV,CAAA,EAEF,kBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,MAAK;IACL,aAAa,EAAK;IAClB,eAAc;IACd,iBAAiB;IACjB,kBAAkB;IAClB,WAAW,EACT,uEACA,EACD;IACD,CAAA,CACE;MACL,KAAa,KACZ,kBAAC,QAAD;GACE,WAAW,EACT,+DACA,EAAK,UACN;aAEA;GACI,CAAA,CAEL"}

package/dist/react/primitives/radio-group.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/react/primitives/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAQvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAoBvD;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/dist/react/primitives/radio-group.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../../radio-group-70BFGDbL.js";
+export { t as RadioGroup, e as RadioGroupItem };