@countermeasure-platform/web-components 0.2.0

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

@@ -0,0 +1,44 @@
+/**
+ * RippleContainer - Component to render ripple effects
+ *
+ * Use with the useRipple hook for Material-style button ripples.
+ *
+ * @example
+ * ```tsx
+ * import { useRipple, RippleContainer } from '@countermeasure/web-components/react/primitives/ripple'
+ *
+ * function Button({ children }) {
+ *   const { ripples, onPointerDown, onAnimationEnd } = useRipple()
+ *   return (
+ *     <button onPointerDown={onPointerDown} className="relative overflow-hidden">
+ *       {children}
+ *       <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />
+ *     </button>
+ *   )
+ * }
+ * ```
+ */
+interface Ripple {
+    id: number;
+    x: number;
+    y: number;
+    size: number;
+}
+interface UseRippleReturn {
+    /** Array of active ripples to render */
+    ripples: Ripple[];
+    /** Handler to attach to onPointerDown */
+    onPointerDown: (event: React.PointerEvent<HTMLElement>) => void;
+    /** Handler to remove completed ripples */
+    onAnimationEnd: (id: number) => void;
+}
+export declare function useRipple(duration?: number): UseRippleReturn;
+interface RippleContainerProps {
+    ripples: Ripple[];
+    onAnimationEnd: (id: number) => void;
+    color?: string;
+    duration?: number;
+}
+export declare function RippleContainer({ ripples, onAnimationEnd, color, duration, }: RippleContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ripple.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/ripple.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AA6BH,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;CACb;AAED,UAAU,eAAe;IACvB,wCAAwC;IACxC,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,yCAAyC;IACzC,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC/D,0CAA0C;IAC1C,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAED,wBAAgB,SAAS,CAAC,QAAQ,SAAM,GAAG,eAAe,CA4CzD;AAID,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,cAAc,EACd,KAAkC,EAClC,QAAc,GACf,EAAE,oBAAoB,2CAoBtB"}

package/dist/react/primitives/ripple.js

@@ -0,0 +1,63 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useCallback as t, useEffect as n, useRef as r, useState as i, useSyncExternalStore as a } from "react";
+//#region src/react/primitives/ripple.tsx
+var o = "(prefers-reduced-motion: reduce)";
+function s() {
+	return typeof window > "u" ? !1 : window.matchMedia(o).matches;
+}
+function c() {
+	return !1;
+}
+function l(e) {
+	let t = window.matchMedia(o);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function u() {
+	return a(l, s, c);
+}
+function d(e = 600) {
+	let [a, o] = i([]), s = u(), c = r(0), l = t((e) => {
+		if (s) return;
+		let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top, i = Math.max(t.width, t.height) * 2, a = {
+			id: c.current++,
+			x: n,
+			y: r,
+			size: i
+		};
+		o((e) => [...e, a]);
+	}, [s]), d = t((e) => {
+		o((t) => t.filter((t) => t.id !== e));
+	}, []);
+	return n(() => {
+		if (a.length === 0) return;
+		let t = setTimeout(() => {
+			o((e) => e.slice(1));
+		}, e + 100);
+		return () => clearTimeout(t);
+	}, [a.length, e]), {
+		ripples: a,
+		onPointerDown: l,
+		onAnimationEnd: d
+	};
+}
+function f({ ripples: t, onAnimationEnd: n, color: r = "rgba(255, 255, 255, 0.3)", duration: i = 600 }) {
+	return /* @__PURE__ */ e("span", {
+		className: "pointer-events-none absolute inset-0 overflow-hidden",
+		children: t.map((t) => /* @__PURE__ */ e("span", {
+			className: "animate-ripple absolute rounded-full",
+			style: {
+				left: t.x - t.size / 2,
+				top: t.y - t.size / 2,
+				width: t.size,
+				height: t.size,
+				backgroundColor: r,
+				animationDuration: `${i}ms`
+			},
+			onAnimationEnd: () => n(t.id)
+		}, t.id))
+	});
+}
+//#endregion
+export { f as RippleContainer, d as useRipple };
+
+//# sourceMappingURL=ripple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.js","names":[],"sources":["../../../src/react/primitives/ripple.tsx"],"sourcesContent":["/**\n * RippleContainer - Component to render ripple effects\n *\n * Use with the useRipple hook for Material-style button ripples.\n *\n * @example\n * ```tsx\n * import { useRipple, RippleContainer } from '@countermeasure/web-components/react/primitives/ripple'\n *\n * function Button({ children }) {\n *   const { ripples, onPointerDown, onAnimationEnd } = useRipple()\n *   return (\n *     <button onPointerDown={onPointerDown} className=\"relative overflow-hidden\">\n *       {children}\n *       <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n *     </button>\n *   )\n * }\n * ```\n */\n\nimport { useState, useCallback, useRef, useEffect, useSyncExternalStore } from 'react'\n\n// --- Inlined useReducedMotion hook ---\n\nconst REDUCED_MOTION_QUERY = '(prefers-reduced-motion: reduce)'\n\nfunction getSnapshot(): boolean {\n  if (typeof window === 'undefined') return false\n  return window.matchMedia(REDUCED_MOTION_QUERY).matches\n}\n\nfunction getServerSnapshot(): boolean {\n  return false\n}\n\nfunction subscribe(callback: () => void): () => void {\n  const mediaQuery = window.matchMedia(REDUCED_MOTION_QUERY)\n  mediaQuery.addEventListener('change', callback)\n  return () => mediaQuery.removeEventListener('change', callback)\n}\n\nfunction useReducedMotion(): boolean {\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n}\n\n// --- Inlined useRipple hook ---\n\ninterface Ripple {\n  id: number\n  x: number\n  y: number\n  size: number\n}\n\ninterface UseRippleReturn {\n  /** Array of active ripples to render */\n  ripples: Ripple[]\n  /** Handler to attach to onPointerDown */\n  onPointerDown: (event: React.PointerEvent<HTMLElement>) => void\n  /** Handler to remove completed ripples */\n  onAnimationEnd: (id: number) => void\n}\n\nexport function useRipple(duration = 600): UseRippleReturn {\n  const [ripples, setRipples] = useState<Ripple[]>([])\n  const prefersReducedMotion = useReducedMotion()\n  const nextId = useRef(0)\n\n  const onPointerDown = useCallback(\n    (event: React.PointerEvent<HTMLElement>) => {\n      if (prefersReducedMotion) return\n\n      const target = event.currentTarget\n      const rect = target.getBoundingClientRect()\n\n      const x = event.clientX - rect.left\n      const y = event.clientY - rect.top\n\n      const size = Math.max(rect.width, rect.height) * 2\n\n      const newRipple: Ripple = {\n        id: nextId.current++,\n        x,\n        y,\n        size,\n      }\n\n      setRipples(prev => [...prev, newRipple])\n    },\n    [prefersReducedMotion]\n  )\n\n  const onAnimationEnd = useCallback((id: number) => {\n    setRipples(prev => prev.filter(r => r.id !== id))\n  }, [])\n\n  useEffect(() => {\n    if (ripples.length === 0) return\n\n    const cleanup = setTimeout(() => {\n      setRipples(prev => prev.slice(1))\n    }, duration + 100)\n\n    return () => clearTimeout(cleanup)\n  }, [ripples.length, duration])\n\n  return { ripples, onPointerDown, onAnimationEnd }\n}\n\n// --- RippleContainer component ---\n\ninterface RippleContainerProps {\n  ripples: Ripple[]\n  onAnimationEnd: (id: number) => void\n  color?: string\n  duration?: number\n}\n\nexport function RippleContainer({\n  ripples,\n  onAnimationEnd,\n  color = 'rgba(255, 255, 255, 0.3)',\n  duration = 600,\n}: RippleContainerProps) {\n  return (\n    <span className=\"pointer-events-none absolute inset-0 overflow-hidden\">\n      {ripples.map(ripple => (\n        <span\n          key={ripple.id}\n          className=\"animate-ripple absolute rounded-full\"\n          style={{\n            left: ripple.x - ripple.size / 2,\n            top: ripple.y - ripple.size / 2,\n            width: ripple.size,\n            height: ripple.size,\n            backgroundColor: color,\n            animationDuration: `${duration}ms`,\n          }}\n          onAnimationEnd={() => onAnimationEnd(ripple.id)}\n        />\n      ))}\n    </span>\n  )\n}\n"],"mappings":";;;AAyBA,IAAM,IAAuB;AAE7B,SAAS,IAAuB;AAE9B,QADI,OAAO,SAAW,MAAoB,KACnC,OAAO,WAAW,EAAqB,CAAC;;AAGjD,SAAS,IAA6B;AACpC,QAAO;;AAGT,SAAS,EAAU,GAAkC;CACnD,IAAM,IAAa,OAAO,WAAW,EAAqB;AAE1D,QADA,EAAW,iBAAiB,UAAU,EAAS,QAClC,EAAW,oBAAoB,UAAU,EAAS;;AAGjE,SAAS,IAA4B;AACnC,QAAO,EAAqB,GAAW,GAAa,EAAkB;;AAqBxE,SAAgB,EAAU,IAAW,KAAsB;CACzD,IAAM,CAAC,GAAS,KAAc,EAAmB,EAAE,CAAC,EAC9C,IAAuB,GAAkB,EACzC,IAAS,EAAO,EAAE,EAElB,IAAgB,GACnB,MAA2C;AAC1C,MAAI,EAAsB;EAG1B,IAAM,IADS,EAAM,cACD,uBAAuB,EAErC,IAAI,EAAM,UAAU,EAAK,MACzB,IAAI,EAAM,UAAU,EAAK,KAEzB,IAAO,KAAK,IAAI,EAAK,OAAO,EAAK,OAAO,GAAG,GAE3C,IAAoB;GACxB,IAAI,EAAO;GACX;GACA;GACA;GACD;AAED,KAAW,MAAQ,CAAC,GAAG,GAAM,EAAU,CAAC;IAE1C,CAAC,EAAqB,CACvB,EAEK,IAAiB,GAAa,MAAe;AACjD,KAAW,MAAQ,EAAK,QAAO,MAAK,EAAE,OAAO,EAAG,CAAC;IAChD,EAAE,CAAC;AAYN,QAVA,QAAgB;AACd,MAAI,EAAQ,WAAW,EAAG;EAE1B,IAAM,IAAU,iBAAiB;AAC/B,MAAW,MAAQ,EAAK,MAAM,EAAE,CAAC;KAChC,IAAW,IAAI;AAElB,eAAa,aAAa,EAAQ;IACjC,CAAC,EAAQ,QAAQ,EAAS,CAAC,EAEvB;EAAE;EAAS;EAAe;EAAgB;;AAYnD,SAAgB,EAAgB,EAC9B,YACA,mBACA,WAAQ,4BACR,cAAW,OACY;AACvB,QACE,kBAAC,QAAD;EAAM,WAAU;YACb,EAAQ,KAAI,MACX,kBAAC,QAAD;GAEE,WAAU;GACV,OAAO;IACL,MAAM,EAAO,IAAI,EAAO,OAAO;IAC/B,KAAK,EAAO,IAAI,EAAO,OAAO;IAC9B,OAAO,EAAO;IACd,QAAQ,EAAO;IACf,iBAAiB;IACjB,mBAAmB,GAAG,EAAS;IAChC;GACD,sBAAsB,EAAe,EAAO,GAAG;GAC/C,EAXK,EAAO,GAWZ,CACF;EACG,CAAA"}

package/dist/react/primitives/rule-editor.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export interface RuleCondition {
+    id: string;
+    field: string;
+    operator: string;
+    value: string | number | boolean;
+    type?: 'string' | 'number' | 'boolean' | 'date';
+}
+export interface RuleGroup {
+    id: string;
+    logic: 'AND' | 'OR';
+    conditions: (RuleCondition | RuleGroup)[];
+}
+export interface FieldDefinition {
+    name: string;
+    label: string;
+    type: 'string' | 'number' | 'boolean' | 'date';
+    operators?: string[];
+}
+export interface RuleEditorProps extends Omit<React.ComponentProps<'div'>, 'onChange'> {
+    rules: RuleGroup;
+    fields: FieldDefinition[];
+    onChange?: (rules: RuleGroup) => void;
+    maxDepth?: number;
+}
+declare function RuleEditor({ rules, fields, onChange, maxDepth, className, ...props }: RuleEditorProps): import("react/jsx-runtime").JSX.Element;
+declare namespace RuleEditor {
+    var displayName: string;
+}
+export { RuleEditor };
+//# sourceMappingURL=rule-editor.d.ts.map

package/dist/react/primitives/rule-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rule-editor.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/rule-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;CAChD;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,UAAU,EAAE,CAAC,aAAa,GAAG,SAAS,CAAC,EAAE,CAAA;CAC1C;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAC9C,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACpF,KAAK,EAAE,SAAS,CAAA;IAChB,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAyTD,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CA2BjB;kBAlCQ,UAAU;;;AAqCnB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/react/primitives/rule-editor.js

@@ -0,0 +1,261 @@
+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/rule-editor.tsx
+var i = {
+	string: [
+		"equals",
+		"not equals",
+		"contains",
+		"starts with",
+		"ends with",
+		"is empty",
+		"is not empty"
+	],
+	number: [
+		"equals",
+		"not equals",
+		"greater than",
+		"less than",
+		"greater or equal",
+		"less or equal",
+		"between"
+	],
+	boolean: ["equals", "not equals"],
+	date: [
+		"equals",
+		"before",
+		"after",
+		"between",
+		"in last",
+		"is empty"
+	]
+};
+function a(e) {
+	return "logic" in e && "conditions" in e;
+}
+var o = 0;
+function s() {
+	return o++, `rule-${Date.now()}-${o}`;
+}
+function c(e) {
+	return e.operators && e.operators.length > 0 ? e.operators : i[e.type] ?? ["equals"];
+}
+function l(e) {
+	return e === "number" ? 0 : e === "boolean" ? !0 : e === "date" ? (/* @__PURE__ */ new Date()).toISOString().split("T")[0] ?? "" : "";
+}
+function u(e) {
+	return {
+		id: e.id,
+		logic: e.logic,
+		conditions: e.conditions.map((e) => a(e) ? u(e) : { ...e })
+	};
+}
+function d({ condition: e, fields: r, onChange: i, onRemove: a }) {
+	let o = r.find((t) => t.name === e.field), s = o ? c(o) : ["equals"], u = (t) => {
+		let n = r.find((e) => e.name === t);
+		if (!n) return;
+		let a = c(n);
+		i({
+			...e,
+			field: t,
+			type: n.type,
+			operator: a[0] ?? "equals",
+			value: l(n.type)
+		});
+	};
+	return /* @__PURE__ */ n("div", {
+		className: "bg-glass border-border-glass flex items-center gap-2 rounded-md border p-2 backdrop-blur-[20px]",
+		children: [
+			/* @__PURE__ */ t("span", {
+				className: "text-foreground-secondary cursor-grab text-sm",
+				title: "Drag to reorder",
+				children: "≡"
+			}),
+			/* @__PURE__ */ t("select", {
+				className: "bg-surface-secondary text-foreground rounded px-2 py-1 text-sm outline-none",
+				value: e.field,
+				onChange: (e) => u(e.target.value),
+				children: r.map((e) => /* @__PURE__ */ t("option", {
+					value: e.name,
+					children: e.label
+				}, e.name))
+			}),
+			/* @__PURE__ */ t("select", {
+				className: "bg-surface-secondary text-foreground rounded px-2 py-1 text-sm outline-none",
+				value: e.operator,
+				onChange: (t) => i({
+					...e,
+					operator: t.target.value
+				}),
+				children: s.map((e) => /* @__PURE__ */ t("option", {
+					value: e,
+					children: e
+				}, e))
+			}),
+			e.type === "boolean" ? /* @__PURE__ */ n("select", {
+				className: "bg-surface-secondary text-foreground rounded px-2 py-1 text-sm outline-none",
+				value: String(e.value),
+				onChange: (t) => i({
+					...e,
+					value: t.target.value === "true"
+				}),
+				children: [/* @__PURE__ */ t("option", {
+					value: "true",
+					children: "true"
+				}), /* @__PURE__ */ t("option", {
+					value: "false",
+					children: "false"
+				})]
+			}) : e.type === "number" ? /* @__PURE__ */ t("input", {
+				type: "number",
+				className: "bg-surface-secondary text-foreground w-24 rounded px-2 py-1 text-sm outline-none",
+				value: String(e.value),
+				onChange: (t) => {
+					let n = Number(t.target.value);
+					i({
+						...e,
+						value: Number.isNaN(n) ? 0 : n
+					});
+				}
+			}) : e.type === "date" ? /* @__PURE__ */ t("input", {
+				type: "date",
+				className: "bg-surface-secondary text-foreground rounded px-2 py-1 text-sm outline-none",
+				value: String(e.value),
+				onChange: (t) => i({
+					...e,
+					value: t.target.value
+				})
+			}) : /* @__PURE__ */ t("input", {
+				type: "text",
+				className: "bg-surface-secondary text-foreground placeholder:text-foreground-secondary min-w-[120px] rounded px-2 py-1 text-sm outline-none",
+				placeholder: "Enter value...",
+				value: String(e.value),
+				onChange: (t) => i({
+					...e,
+					value: t.target.value
+				})
+			}),
+			/* @__PURE__ */ t("button", {
+				onClick: a,
+				className: "text-foreground-secondary hover:text-accent-rose ml-auto text-sm transition-colors",
+				title: "Remove condition",
+				children: "×"
+			})
+		]
+	});
+}
+function f({ group: r, fields: i, depth: o, maxDepth: u, onChange: p, onRemove: m }) {
+	let h = () => {
+		p({
+			...r,
+			logic: r.logic === "AND" ? "OR" : "AND"
+		});
+	}, g = () => {
+		let e = i[0];
+		if (!e) return;
+		let t = c(e), n = {
+			id: s(),
+			field: e.name,
+			operator: t[0] ?? "equals",
+			value: l(e.type),
+			type: e.type
+		};
+		p({
+			...r,
+			conditions: [...r.conditions, n]
+		});
+	}, _ = () => {
+		let e = {
+			id: s(),
+			logic: "AND",
+			conditions: []
+		};
+		p({
+			...r,
+			conditions: [...r.conditions, e]
+		});
+	}, v = (e, t) => {
+		let n = [...r.conditions];
+		n[e] = t, p({
+			...r,
+			conditions: n
+		});
+	}, y = (e) => {
+		let t = r.conditions.filter((t, n) => n !== e);
+		p({
+			...r,
+			conditions: t
+		});
+	};
+	return /* @__PURE__ */ n("div", {
+		className: e("rounded-lg border p-3", o === 0 ? "border-border-glass bg-glass backdrop-blur-[20px]" : "border-border-glass/50 bg-surface-secondary/30"),
+		children: [/* @__PURE__ */ n("div", {
+			className: "mb-2 flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ t("button", {
+					onClick: h,
+					className: e("rounded px-2.5 py-1 text-xs font-bold transition-colors", r.logic === "AND" ? "bg-accent-cyan/20 text-accent-cyan" : "bg-accent-violet/20 text-accent-violet"),
+					children: r.logic
+				}),
+				/* @__PURE__ */ t("button", {
+					onClick: g,
+					className: "bg-surface-secondary text-foreground-secondary hover:text-foreground rounded px-2 py-1 text-xs transition-colors",
+					children: "+ Condition"
+				}),
+				o < u - 1 && /* @__PURE__ */ t("button", {
+					onClick: _,
+					className: "bg-surface-secondary text-foreground-secondary hover:text-foreground rounded px-2 py-1 text-xs transition-colors",
+					children: "+ Group"
+				}),
+				m && /* @__PURE__ */ t("button", {
+					onClick: m,
+					className: "text-foreground-secondary hover:text-accent-rose ml-auto text-sm transition-colors",
+					title: "Remove group",
+					children: "×"
+				})
+			]
+		}), /* @__PURE__ */ t("div", {
+			className: "flex flex-col gap-2",
+			children: r.conditions.map((e, n) => a(e) ? /* @__PURE__ */ t(f, {
+				group: e,
+				fields: i,
+				depth: o + 1,
+				maxDepth: u,
+				onChange: (e) => v(n, e),
+				onRemove: () => y(n)
+			}, e.id) : /* @__PURE__ */ t(d, {
+				condition: e,
+				fields: i,
+				onChange: (e) => v(n, e),
+				onRemove: () => y(n)
+			}, e.id))
+		})]
+	});
+}
+function p({ rules: n, fields: i, onChange: a, maxDepth: o = 3, className: s, ...c }) {
+	let [l, d] = r.useState(() => u(n));
+	r.useEffect(() => {
+		d(u(n));
+	}, [n]);
+	let p = r.useCallback((e) => {
+		d(e), a?.(u(e));
+	}, [a]);
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "rule-editor",
+		className: e(s),
+		...c,
+		children: /* @__PURE__ */ t(f, {
+			group: l,
+			fields: i,
+			depth: 0,
+			maxDepth: o,
+			onChange: p
+		})
+	});
+}
+p.displayName = "RuleEditor";
+//#endregion
+export { p as RuleEditor };
+
+//# sourceMappingURL=rule-editor.js.map

package/dist/react/primitives/rule-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rule-editor.js","names":[],"sources":["../../../src/react/primitives/rule-editor.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface RuleCondition {\n  id: string\n  field: string\n  operator: string\n  value: string | number | boolean\n  type?: 'string' | 'number' | 'boolean' | 'date'\n}\n\nexport interface RuleGroup {\n  id: string\n  logic: 'AND' | 'OR'\n  conditions: (RuleCondition | RuleGroup)[]\n}\n\nexport interface FieldDefinition {\n  name: string\n  label: string\n  type: 'string' | 'number' | 'boolean' | 'date'\n  operators?: string[]\n}\n\nexport interface RuleEditorProps extends Omit<React.ComponentProps<'div'>, 'onChange'> {\n  rules: RuleGroup\n  fields: FieldDefinition[]\n  onChange?: (rules: RuleGroup) => void\n  maxDepth?: number\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_OPERATORS: Record<string, string[]> = {\n  string: [\n    'equals',\n    'not equals',\n    'contains',\n    'starts with',\n    'ends with',\n    'is empty',\n    'is not empty',\n  ],\n  number: [\n    'equals',\n    'not equals',\n    'greater than',\n    'less than',\n    'greater or equal',\n    'less or equal',\n    'between',\n  ],\n  boolean: ['equals', 'not equals'],\n  date: ['equals', 'before', 'after', 'between', 'in last', 'is empty'],\n}\n\nfunction isRuleGroup(item: RuleCondition | RuleGroup): item is RuleGroup {\n  return 'logic' in item && 'conditions' in item\n}\n\nlet idCounter = 0\nfunction randomId(): string {\n  idCounter++\n  return `rule-${Date.now()}-${idCounter}`\n}\n\nfunction getOperatorsForField(field: FieldDefinition): string[] {\n  if (field.operators && field.operators.length > 0) return field.operators\n  return DEFAULT_OPERATORS[field.type] ?? ['equals']\n}\n\nfunction getDefaultValue(type: string): string | number | boolean {\n  if (type === 'number') return 0\n  if (type === 'boolean') return true\n  if (type === 'date') return new Date().toISOString().split('T')[0] ?? ''\n  return ''\n}\n\nfunction cloneGroup(group: RuleGroup): RuleGroup {\n  return {\n    id: group.id,\n    logic: group.logic,\n    conditions: group.conditions.map(item => (isRuleGroup(item) ? cloneGroup(item) : { ...item })),\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Condition row\n// ---------------------------------------------------------------------------\n\ninterface ConditionRowProps {\n  condition: RuleCondition\n  fields: FieldDefinition[]\n  onChange: (updated: RuleCondition) => void\n  onRemove: () => void\n}\n\nfunction ConditionRow({ condition, fields, onChange, onRemove }: ConditionRowProps) {\n  const fieldDef = fields.find(f => f.name === condition.field)\n  const operators = fieldDef ? getOperatorsForField(fieldDef) : ['equals']\n\n  const handleFieldChange = (fieldName: string) => {\n    const newFieldDef = fields.find(f => f.name === fieldName)\n    if (!newFieldDef) return\n    const ops = getOperatorsForField(newFieldDef)\n    onChange({\n      ...condition,\n      field: fieldName,\n      type: newFieldDef.type,\n      operator: ops[0] ?? 'equals',\n      value: getDefaultValue(newFieldDef.type),\n    })\n  }\n\n  return (\n    <div className=\"bg-glass border-border-glass flex items-center gap-2 rounded-md border p-2 backdrop-blur-[20px]\">\n      {/* Drag handle */}\n      <span className=\"text-foreground-secondary cursor-grab text-sm\" title=\"Drag to reorder\">\n        {'\\u2261'}\n      </span>\n\n      {/* Field select */}\n      <select\n        className=\"bg-surface-secondary text-foreground rounded px-2 py-1 text-sm outline-none\"\n        value={condition.field}\n        onChange={e => handleFieldChange(e.target.value)}\n      >\n        {fields.map(f => (\n          <option key={f.name} value={f.name}>\n            {f.label}\n          </option>\n        ))}\n      </select>\n\n      {/* Operator select */}\n      <select\n        className=\"bg-surface-secondary text-foreground rounded px-2 py-1 text-sm outline-none\"\n        value={condition.operator}\n        onChange={e => onChange({ ...condition, operator: e.target.value })}\n      >\n        {operators.map(op => (\n          <option key={op} value={op}>\n            {op}\n          </option>\n        ))}\n      </select>\n\n      {/* Value input */}\n      {condition.type === 'boolean' ? (\n        <select\n          className=\"bg-surface-secondary text-foreground rounded px-2 py-1 text-sm outline-none\"\n          value={String(condition.value)}\n          onChange={e => onChange({ ...condition, value: e.target.value === 'true' })}\n        >\n          <option value=\"true\">true</option>\n          <option value=\"false\">false</option>\n        </select>\n      ) : condition.type === 'number' ? (\n        <input\n          type=\"number\"\n          className=\"bg-surface-secondary text-foreground w-24 rounded px-2 py-1 text-sm outline-none\"\n          value={String(condition.value)}\n          onChange={e => {\n            const parsed = Number(e.target.value)\n            onChange({ ...condition, value: Number.isNaN(parsed) ? 0 : parsed })\n          }}\n        />\n      ) : condition.type === 'date' ? (\n        <input\n          type=\"date\"\n          className=\"bg-surface-secondary text-foreground rounded px-2 py-1 text-sm outline-none\"\n          value={String(condition.value)}\n          onChange={e => onChange({ ...condition, value: e.target.value })}\n        />\n      ) : (\n        <input\n          type=\"text\"\n          className=\"bg-surface-secondary text-foreground placeholder:text-foreground-secondary min-w-[120px] rounded px-2 py-1 text-sm outline-none\"\n          placeholder=\"Enter value...\"\n          value={String(condition.value)}\n          onChange={e => onChange({ ...condition, value: e.target.value })}\n        />\n      )}\n\n      {/* Remove button */}\n      <button\n        onClick={onRemove}\n        className=\"text-foreground-secondary hover:text-accent-rose ml-auto text-sm transition-colors\"\n        title=\"Remove condition\"\n      >\n        {'\\u00D7'}\n      </button>\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Group component\n// ---------------------------------------------------------------------------\n\ninterface RuleGroupComponentProps {\n  group: RuleGroup\n  fields: FieldDefinition[]\n  depth: number\n  maxDepth: number\n  onChange: (updated: RuleGroup) => void\n  onRemove?: () => void\n}\n\nfunction RuleGroupComponent({\n  group,\n  fields,\n  depth,\n  maxDepth,\n  onChange,\n  onRemove,\n}: RuleGroupComponentProps) {\n  const toggleLogic = () => {\n    onChange({ ...group, logic: group.logic === 'AND' ? 'OR' : 'AND' })\n  }\n\n  const addCondition = () => {\n    const firstField = fields[0]\n    if (!firstField) return\n    const ops = getOperatorsForField(firstField)\n    const newCondition: RuleCondition = {\n      id: randomId(),\n      field: firstField.name,\n      operator: ops[0] ?? 'equals',\n      value: getDefaultValue(firstField.type),\n      type: firstField.type,\n    }\n    onChange({\n      ...group,\n      conditions: [...group.conditions, newCondition],\n    })\n  }\n\n  const addGroup = () => {\n    const newGroup: RuleGroup = {\n      id: randomId(),\n      logic: 'AND',\n      conditions: [],\n    }\n    onChange({\n      ...group,\n      conditions: [...group.conditions, newGroup],\n    })\n  }\n\n  const updateItem = (index: number, updated: RuleCondition | RuleGroup) => {\n    const newConditions = [...group.conditions]\n    newConditions[index] = updated\n    onChange({ ...group, conditions: newConditions })\n  }\n\n  const removeItem = (index: number) => {\n    const newConditions = group.conditions.filter((_, i) => i !== index)\n    onChange({ ...group, conditions: newConditions })\n  }\n\n  return (\n    <div\n      className={cn(\n        'rounded-lg border p-3',\n        depth === 0\n          ? 'border-border-glass bg-glass backdrop-blur-[20px]'\n          : 'border-border-glass/50 bg-surface-secondary/30'\n      )}\n    >\n      {/* Header */}\n      <div className=\"mb-2 flex items-center gap-2\">\n        <button\n          onClick={toggleLogic}\n          className={cn(\n            'rounded px-2.5 py-1 text-xs font-bold transition-colors',\n            group.logic === 'AND'\n              ? 'bg-accent-cyan/20 text-accent-cyan'\n              : 'bg-accent-violet/20 text-accent-violet'\n          )}\n        >\n          {group.logic}\n        </button>\n        <button\n          onClick={addCondition}\n          className=\"bg-surface-secondary text-foreground-secondary hover:text-foreground rounded px-2 py-1 text-xs transition-colors\"\n        >\n          + Condition\n        </button>\n        {depth < maxDepth - 1 && (\n          <button\n            onClick={addGroup}\n            className=\"bg-surface-secondary text-foreground-secondary hover:text-foreground rounded px-2 py-1 text-xs transition-colors\"\n          >\n            + Group\n          </button>\n        )}\n        {onRemove && (\n          <button\n            onClick={onRemove}\n            className=\"text-foreground-secondary hover:text-accent-rose ml-auto text-sm transition-colors\"\n            title=\"Remove group\"\n          >\n            {'\\u00D7'}\n          </button>\n        )}\n      </div>\n\n      {/* Conditions */}\n      <div className=\"flex flex-col gap-2\">\n        {group.conditions.map((item, index) =>\n          isRuleGroup(item) ? (\n            <RuleGroupComponent\n              key={item.id}\n              group={item}\n              fields={fields}\n              depth={depth + 1}\n              maxDepth={maxDepth}\n              onChange={updated => updateItem(index, updated)}\n              onRemove={() => removeItem(index)}\n            />\n          ) : (\n            <ConditionRow\n              key={item.id}\n              condition={item}\n              fields={fields}\n              onChange={updated => updateItem(index, updated)}\n              onRemove={() => removeItem(index)}\n            />\n          )\n        )}\n      </div>\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// RuleEditor\n// ---------------------------------------------------------------------------\n\nfunction RuleEditor({\n  rules,\n  fields,\n  onChange,\n  maxDepth = 3,\n  className,\n  ...props\n}: RuleEditorProps) {\n  const [currentRules, setCurrentRules] = React.useState(() => cloneGroup(rules))\n\n  // Sync with external rules prop\n  React.useEffect(() => {\n    setCurrentRules(cloneGroup(rules))\n  }, [rules])\n\n  const handleChange = React.useCallback(\n    (updated: RuleGroup) => {\n      setCurrentRules(updated)\n      onChange?.(cloneGroup(updated))\n    },\n    [onChange]\n  )\n\n  return (\n    <div data-slot=\"rule-editor\" className={cn(className)} {...props}>\n      <RuleGroupComponent\n        group={currentRules}\n        fields={fields}\n        depth={0}\n        maxDepth={maxDepth}\n        onChange={handleChange}\n      />\n    </div>\n  )\n}\nRuleEditor.displayName = 'RuleEditor'\n\nexport { RuleEditor }\n"],"mappings":"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"}

package/dist/react/primitives/scroll-area.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/react/primitives/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiBvD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAmBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA"}

package/dist/react/primitives/scroll-area.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../../scroll-area-DSx2nCB7.js";
+export { t as ScrollArea, e as ScrollBar };

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

@@ -0,0 +1,45 @@
+import * as React from 'react';
+export interface SearchResult {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+    description?: string;
+    group?: string;
+}
+export interface CommandEntry {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    group?: string;
+    keybinding?: string;
+    handler: () => void;
+}
+export interface SearchProps extends Omit<React.ComponentProps<'input'>, 'onSelect'> {
+    /** Callback invoked on search submit (Enter key) */
+    onSearch?: (query: string) => void;
+    /** Async suggest function for typeahead */
+    suggest?: (query: string) => Promise<SearchResult[]> | SearchResult[];
+    /** Callback when a suggestion is selected */
+    onSelect?: (result: SearchResult) => void;
+    /** Debounce delay in ms */
+    debounceMs?: number;
+    /** Show clear button */
+    clearable?: boolean;
+}
+declare function Search({ className, onSearch, suggest, onSelect, debounceMs, clearable, value: controlledValue, onChange, ...props }: SearchProps): import("react/jsx-runtime").JSX.Element;
+export interface CommandPaletteProps {
+    /** Whether the palette is open */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Available commands */
+    commands: CommandEntry[];
+    /** Input placeholder */
+    placeholder?: string;
+    /** Global keyboard shortcut (e.g. 'ctrl+k') */
+    keybinding?: string;
+}
+declare function CommandPalette({ open: controlledOpen, onOpenChange, commands, placeholder, keybinding, }: CommandPaletteProps): import("react/jsx-runtime").JSX.Element | null;
+export { Search, CommandPalette };
+//# sourceMappingURL=search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAMD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IAClF,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,2CAA2C;IAC3C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC,GAAG,YAAY,EAAE,CAAA;IACrE,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAgB,EAChB,SAAgB,EAChB,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAqOb;AA4CD,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,yBAAyB;IACzB,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,iBAAS,cAAc,CAAC,EACtB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,QAAQ,EACR,WAAiC,EACjC,UAAqB,GACtB,EAAE,mBAAmB,kDA0LrB;AAwCD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}