@neuronection/assistant-ui 0.1.0 → 0.3.0

package/dist/chunk-RU3DEF2O.js

@@ -0,0 +1,186 @@
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/marquee/Marquee.tsx
+function rectsIntersect(a, b) {
+  return a.left < b.right && b.left < a.right && a.top < b.bottom && b.top < a.bottom;
+}
+function marqueeRect(startX, startY, currentX, currentY) {
+  return {
+    left: Math.min(startX, currentX),
+    top: Math.min(startY, currentY),
+    right: Math.max(startX, currentX),
+    bottom: Math.max(startY, currentY)
+  };
+}
+function hitTestIds(container, marquee) {
+  const hits = [];
+  const elements = container.querySelectorAll("[data-selectable-id]");
+  for (const element of elements) {
+    const box = element.getBoundingClientRect();
+    const itemRect = {
+      left: box.left,
+      top: box.top,
+      right: box.right,
+      bottom: box.bottom
+    };
+    if (rectsIntersect(marquee, itemRect)) {
+      const id = element.getAttribute("data-selectable-id");
+      if (id !== null) {
+        hits.push(id);
+      }
+    }
+  }
+  return hits;
+}
+var DRAG_THRESHOLD = 4;
+var INTERACTIVE_SELECTOR = "button, input, textarea, select, a, [data-selectable-id], [data-no-marquee]";
+function useMarquee({
+  enabled,
+  containerRef,
+  getBaseSelection,
+  onSelect
+}) {
+  const [band, setBand] = React.useState(null);
+  const startRef = React.useRef(null);
+  const armedRef = React.useRef(false);
+  const getBaseRef = React.useRef(getBaseSelection);
+  getBaseRef.current = getBaseSelection;
+  const onSelectRef = React.useRef(onSelect);
+  onSelectRef.current = onSelect;
+  React.useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    const container = containerRef.current;
+    if (container === null) {
+      return;
+    }
+    const onMouseDown = (event) => {
+      if (event.button !== 0) {
+        return;
+      }
+      const target = event.target;
+      if (target !== null && target.closest(INTERACTIVE_SELECTOR) !== null) {
+        return;
+      }
+      const base = event.ctrlKey || event.metaKey ? new Set(getBaseRef.current()) : /* @__PURE__ */ new Set();
+      startRef.current = { x: event.clientX, y: event.clientY, base };
+      armedRef.current = false;
+    };
+    const onMouseMove = (event) => {
+      const start = startRef.current;
+      if (start === null) {
+        return;
+      }
+      const rect = marqueeRect(start.x, start.y, event.clientX, event.clientY);
+      if (!armedRef.current) {
+        if (rect.right - rect.left < DRAG_THRESHOLD && rect.bottom - rect.top < DRAG_THRESHOLD) {
+          return;
+        }
+        armedRef.current = true;
+        onSelectRef.current([...start.base], "start");
+      }
+      setBand(rect);
+      const containerNow = containerRef.current;
+      if (containerNow !== null) {
+        const hits = hitTestIds(containerNow, rect);
+        onSelectRef.current([.../* @__PURE__ */ new Set([...start.base, ...hits])], "drag");
+      }
+    };
+    const finish = (event) => {
+      const start = startRef.current;
+      if (start === null) {
+        return;
+      }
+      startRef.current = null;
+      setBand(null);
+      if (armedRef.current) {
+        const containerNow = containerRef.current;
+        if (containerNow !== null) {
+          const rect = marqueeRect(start.x, start.y, event.clientX, event.clientY);
+          const hits = hitTestIds(containerNow, rect);
+          onSelectRef.current([.../* @__PURE__ */ new Set([...start.base, ...hits])], "end");
+        }
+        return;
+      }
+      if (!event.ctrlKey && !event.metaKey) {
+        onSelectRef.current([], "end");
+      }
+    };
+    const onKey = (event) => {
+      if (event.key === "Escape" && startRef.current !== null) {
+        const start = startRef.current;
+        startRef.current = null;
+        setBand(null);
+        onSelectRef.current([...start.base], "end");
+      }
+    };
+    container.addEventListener("mousedown", onMouseDown);
+    window.addEventListener("mousemove", onMouseMove);
+    window.addEventListener("mouseup", finish);
+    window.addEventListener("keydown", onKey);
+    return () => {
+      container.removeEventListener("mousedown", onMouseDown);
+      window.removeEventListener("mousemove", onMouseMove);
+      window.removeEventListener("mouseup", finish);
+      window.removeEventListener("keydown", onKey);
+    };
+  }, [enabled, containerRef]);
+  return { band };
+}
+function MarqueeBand({ band }) {
+  if (band === null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-as": "marquee-band",
+      className: "pointer-events-none fixed z-40 rounded-[calc(var(--as-radius-sm)-2px)] border border-[var(--as-primary)] bg-[var(--as-primary)]/10",
+      style: {
+        left: band.left,
+        top: band.top,
+        width: band.right - band.left,
+        height: band.bottom - band.top
+      },
+      "aria-hidden": true
+    }
+  );
+}
+var MarqueeSurface = React.forwardRef(
+  function MarqueeSurface2({ children, selection, clearBlocked, className, ...props }, ref) {
+    const paneRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => paneRef.current);
+    const { band } = useMarquee({
+      enabled: true,
+      containerRef: paneRef,
+      getBaseSelection: () => selection.selected,
+      onSelect: (ids) => selection.set(ids)
+    });
+    React.useEffect(() => {
+      const onKey = (event) => {
+        if (clearBlocked?.() ?? false) {
+          return;
+        }
+        const target = event.target;
+        if (target instanceof Element && target.closest('input, textarea, select, [contenteditable="true"]') !== null) {
+          return;
+        }
+        if (event.key === "Escape") {
+          selection.clear();
+        }
+      };
+      window.addEventListener("keydown", onKey);
+      return () => window.removeEventListener("keydown", onKey);
+    }, [clearBlocked, selection]);
+    return /* @__PURE__ */ jsxs("div", { ref: paneRef, "data-marquee-surface": "", "data-as": "marquee-surface", className, ...props, children: [
+      children,
+      /* @__PURE__ */ jsx(MarqueeBand, { band })
+    ] });
+  }
+);
+
+export { MarqueeBand, MarqueeSurface, hitTestIds, marqueeRect, rectsIntersect, useMarquee };
+//# sourceMappingURL=chunk-RU3DEF2O.js.map
+//# sourceMappingURL=chunk-RU3DEF2O.js.map

package/dist/chunk-RU3DEF2O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/marquee/Marquee.tsx"],"names":["MarqueeSurface"],"mappings":"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","file":"chunk-RU3DEF2O.js","sourcesContent":["import * as React from 'react'\n\nexport interface Rect {\n  left: number\n  top: number\n  right: number\n  bottom: number\n}\n\nexport function rectsIntersect(a: Rect, b: Rect): boolean {\n  return a.left < b.right && b.left < a.right && a.top < b.bottom && b.top < a.bottom\n}\n\nexport function marqueeRect(\n  startX: number,\n  startY: number,\n  currentX: number,\n  currentY: number,\n): Rect {\n  return {\n    left: Math.min(startX, currentX),\n    top: Math.min(startY, currentY),\n    right: Math.max(startX, currentX),\n    bottom: Math.max(startY, currentY),\n  }\n}\n\nexport function hitTestIds(container: HTMLElement, marquee: Rect): string[] {\n  const hits: string[] = []\n  const elements = container.querySelectorAll<HTMLElement>('[data-selectable-id]')\n  for (const element of elements) {\n    const box = element.getBoundingClientRect()\n    const itemRect: Rect = {\n      left: box.left,\n      top: box.top,\n      right: box.right,\n      bottom: box.bottom,\n    }\n    if (rectsIntersect(marquee, itemRect)) {\n      const id = element.getAttribute('data-selectable-id')\n      if (id !== null) {\n        hits.push(id)\n      }\n    }\n  }\n  return hits\n}\n\nconst DRAG_THRESHOLD = 4\n\nconst INTERACTIVE_SELECTOR =\n  'button, input, textarea, select, a, [data-selectable-id], [data-no-marquee]'\n\nexport type MarqueePhase = 'start' | 'drag' | 'end'\n\nexport interface UseMarqueeOptions {\n  enabled: boolean\n  containerRef: { current: HTMLElement | null }\n  getBaseSelection: () => Set<string>\n  onSelect: (ids: string[], phase: MarqueePhase) => void\n}\n\nexport function useMarquee({\n  enabled,\n  containerRef,\n  getBaseSelection,\n  onSelect,\n}: UseMarqueeOptions): { band: Rect | null } {\n  const [band, setBand] = React.useState<Rect | null>(null)\n  const startRef = React.useRef<{ x: number; y: number; base: Set<string> } | null>(null)\n  const armedRef = React.useRef(false)\n  const getBaseRef = React.useRef(getBaseSelection)\n  getBaseRef.current = getBaseSelection\n  const onSelectRef = React.useRef(onSelect)\n  onSelectRef.current = onSelect\n\n  React.useEffect(() => {\n    if (!enabled) {\n      return\n    }\n    const container = containerRef.current\n    if (container === null) {\n      return\n    }\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (event.button !== 0) {\n        return\n      }\n      const target = event.target as Element | null\n      if (target !== null && target.closest(INTERACTIVE_SELECTOR) !== null) {\n        return\n      }\n      const base =\n        event.ctrlKey || event.metaKey\n          ? new Set(getBaseRef.current())\n          : new Set<string>()\n      startRef.current = { x: event.clientX, y: event.clientY, base }\n      armedRef.current = false\n    }\n\n    const onMouseMove = (event: MouseEvent) => {\n      const start = startRef.current\n      if (start === null) {\n        return\n      }\n      const rect = marqueeRect(start.x, start.y, event.clientX, event.clientY)\n      if (!armedRef.current) {\n        if (\n          rect.right - rect.left < DRAG_THRESHOLD &&\n          rect.bottom - rect.top < DRAG_THRESHOLD\n        ) {\n          return\n        }\n        armedRef.current = true\n        onSelectRef.current([...start.base], 'start')\n      }\n      setBand(rect)\n      const containerNow = containerRef.current\n      if (containerNow !== null) {\n        const hits = hitTestIds(containerNow, rect)\n        onSelectRef.current([...new Set([...start.base, ...hits])], 'drag')\n      }\n    }\n\n    const finish = (event: MouseEvent) => {\n      const start = startRef.current\n      if (start === null) {\n        return\n      }\n      startRef.current = null\n      setBand(null)\n      if (armedRef.current) {\n        const containerNow = containerRef.current\n        if (containerNow !== null) {\n          const rect = marqueeRect(start.x, start.y, event.clientX, event.clientY)\n          const hits = hitTestIds(containerNow, rect)\n          onSelectRef.current([...new Set([...start.base, ...hits])], 'end')\n        }\n        return\n      }\n      if (!event.ctrlKey && !event.metaKey) {\n        onSelectRef.current([], 'end')\n      }\n    }\n\n    const onKey = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && startRef.current !== null) {\n        const start = startRef.current\n        startRef.current = null\n        setBand(null)\n        onSelectRef.current([...start.base], 'end')\n      }\n    }\n\n    container.addEventListener('mousedown', onMouseDown)\n    window.addEventListener('mousemove', onMouseMove)\n    window.addEventListener('mouseup', finish)\n    window.addEventListener('keydown', onKey)\n    return () => {\n      container.removeEventListener('mousedown', onMouseDown)\n      window.removeEventListener('mousemove', onMouseMove)\n      window.removeEventListener('mouseup', finish)\n      window.removeEventListener('keydown', onKey)\n    }\n  }, [enabled, containerRef])\n\n  return { band }\n}\n\nexport function MarqueeBand({ band }: { band: Rect | null }) {\n  if (band === null) {\n    return null\n  }\n  return (\n    <div\n      data-as=\"marquee-band\"\n      className=\"pointer-events-none fixed z-40 rounded-[calc(var(--as-radius-sm)-2px)] border border-[var(--as-primary)] bg-[var(--as-primary)]/10\"\n      style={{\n        left: band.left,\n        top: band.top,\n        width: band.right - band.left,\n        height: band.bottom - band.top,\n      }}\n      aria-hidden\n    />\n  )\n}\n\nexport interface MarqueeSelection {\n  selected: Set<string>\n  set: (ids: string[]) => void\n  clear: () => void\n}\n\nexport interface MarqueeSurfaceProps extends React.ComponentProps<'div'> {\n  children: React.ReactNode\n  selection: MarqueeSelection\n  clearBlocked?: () => boolean\n}\n\nexport const MarqueeSurface = React.forwardRef<HTMLDivElement, MarqueeSurfaceProps>(\n  function MarqueeSurface({ children, selection, clearBlocked, className, ...props }, ref) {\n    const paneRef = React.useRef<HTMLDivElement | null>(null)\n    React.useImperativeHandle(ref, () => paneRef.current as HTMLDivElement)\n    const { band } = useMarquee({\n      enabled: true,\n      containerRef: paneRef,\n      getBaseSelection: () => selection.selected,\n      onSelect: (ids) => selection.set(ids),\n    })\n    React.useEffect(() => {\n      const onKey = (event: KeyboardEvent) => {\n        if (clearBlocked?.() ?? false) {\n          return\n        }\n        const target = event.target\n        if (\n          target instanceof Element &&\n          target.closest('input, textarea, select, [contenteditable=\"true\"]') !== null\n        ) {\n          return\n        }\n        if (event.key === 'Escape') {\n          selection.clear()\n        }\n      }\n      window.addEventListener('keydown', onKey)\n      return () => window.removeEventListener('keydown', onKey)\n    }, [clearBlocked, selection])\n    return (\n      <div ref={paneRef} data-marquee-surface=\"\" data-as=\"marquee-surface\" className={className} {...props}>\n        {children}\n        <MarqueeBand band={band} />\n      </div>\n    )\n  },\n)\n"]}

package/dist/{chunk-NQQNTK6L.js → chunk-SKTLC2XY.js}

@@ -35,5 +35,5 @@ var Badge = React.forwardRef(function Badge2({ className, variant, ...props }, r
 });
 
 export { Badge, badgeVariants };
-//# sourceMappingURL=chunk-NQQNTK6L.js.map
-//# sourceMappingURL=chunk-NQQNTK6L.js.map
+//# sourceMappingURL=chunk-SKTLC2XY.js.map
+//# sourceMappingURL=chunk-SKTLC2XY.js.map

package/dist/{chunk-NQQNTK6L.js.map → chunk-SKTLC2XY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/badge/Badge.tsx"],"names":["Badge"],"mappings":";;;;;AAIA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,qGAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,uEAAA;AAAA,QACT,SAAA,EACE,2EAAA;AAAA,QACF,OAAA,EAAS,+CAAA;AAAA,QACT,OAAA,EAAS,uEAAA;AAAA,QACT,OAAA,EAAS,uEAAA;AAAA,QACT,MAAA,EAAQ,qEAAA;AAAA,QACR,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAMO,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA,CAAwC,SAASA,MAAAA,CAC1E,EAAE,WAAW,OAAA,EAAS,GAAG,KAAA,EAAM,EAC/B,GAAA,EACA;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAQ,OAAA;AAAA,MACR,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,SAAA,EAAW,CAAC,CAAA;AAAA,MAClD,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC","file":"chunk-NQQNTK6L.js","sourcesContent":["import * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\nconst badgeVariants = cva(\n  'inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs font-medium [&_svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'border-transparent bg-[var(--as-primary)] text-[var(--as-primary-fg)]',\n        secondary:\n          'border-transparent bg-[var(--as-secondary)] text-[var(--as-secondary-fg)]',\n        outline: 'border-[var(--as-border)] text-[var(--as-fg)]',\n        success: 'border-transparent bg-[var(--as-success)] text-[var(--as-success-fg)]',\n        warning: 'border-transparent bg-[var(--as-warning)] text-[var(--as-warning-fg)]',\n        danger: 'border-transparent bg-[var(--as-danger)] text-[var(--as-danger-fg)]',\n        ai: 'border-transparent bg-[var(--as-ai)] text-[var(--as-ai-fg)]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n)\n\nexport interface BadgeProps\n  extends React.ComponentProps<'span'>,\n    VariantProps<typeof badgeVariants> {}\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n  { className, variant, ...props },\n  ref,\n) {\n  return (\n    <span\n      ref={ref}\n      data-as=\"badge\"\n      className={cn(badgeVariants({ variant, className }))}\n      {...props}\n    />\n  )\n})\n\nexport { badgeVariants }\n"]}
+{"version":3,"sources":["../src/components/badge/Badge.tsx"],"names":["Badge"],"mappings":";;;;;AAIA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,qGAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,uEAAA;AAAA,QACT,SAAA,EACE,2EAAA;AAAA,QACF,OAAA,EAAS,+CAAA;AAAA,QACT,OAAA,EAAS,uEAAA;AAAA,QACT,OAAA,EAAS,uEAAA;AAAA,QACT,MAAA,EAAQ,qEAAA;AAAA,QACR,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAMO,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA,CAAwC,SAASA,MAAAA,CAC1E,EAAE,WAAW,OAAA,EAAS,GAAG,KAAA,EAAM,EAC/B,GAAA,EACA;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAQ,OAAA;AAAA,MACR,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,SAAA,EAAW,CAAC,CAAA;AAAA,MAClD,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC","file":"chunk-SKTLC2XY.js","sourcesContent":["import * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\nconst badgeVariants = cva(\n  'inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs font-medium [&_svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'border-transparent bg-[var(--as-primary)] text-[var(--as-primary-fg)]',\n        secondary:\n          'border-transparent bg-[var(--as-secondary)] text-[var(--as-secondary-fg)]',\n        outline: 'border-[var(--as-border)] text-[var(--as-fg)]',\n        success: 'border-transparent bg-[var(--as-success)] text-[var(--as-success-fg)]',\n        warning: 'border-transparent bg-[var(--as-warning)] text-[var(--as-warning-fg)]',\n        danger: 'border-transparent bg-[var(--as-danger)] text-[var(--as-danger-fg)]',\n        ai: 'border-transparent bg-[var(--as-ai)] text-[var(--as-ai-fg)]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n)\n\nexport interface BadgeProps\n  extends React.ComponentProps<'span'>,\n    VariantProps<typeof badgeVariants> {}\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n  { className, variant, ...props },\n  ref,\n) {\n  return (\n    <span\n      ref={ref}\n      data-as=\"badge\"\n      className={cn(badgeVariants({ variant, className }))}\n      {...props}\n    />\n  )\n})\n\nexport { badgeVariants }\n\n\n"]}

package/dist/chunk-TPLQL62V.js

@@ -0,0 +1,124 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function escapeRegex(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+var ChipInput = React.forwardRef(
+  function ChipInput2({
+    value,
+    onChange,
+    placeholder,
+    separators = [","],
+    inputLabel = "Add",
+    removeLabel = "Remove",
+    disabled = false,
+    className,
+    ...props
+  }, ref) {
+    const [draft, setDraft] = React.useState("");
+    const inputRef = React.useRef(null);
+    const commit = (raw) => {
+      const separatorPattern = new RegExp(
+        `[${separators.map(escapeRegex).join("")}\\n\\r]`
+      );
+      const existing = new Set(value.map((chip) => chip.toLowerCase()));
+      const next = [...value];
+      for (const part of raw.split(separatorPattern)) {
+        const trimmed = part.trim();
+        if (trimmed && !existing.has(trimmed.toLowerCase())) {
+          next.push(trimmed);
+          existing.add(trimmed.toLowerCase());
+        }
+      }
+      if (next.length !== value.length) {
+        onChange(next);
+      }
+      setDraft("");
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Enter" || separators.includes(event.key)) {
+        event.preventDefault();
+        commit(draft);
+      } else if (event.key === "Backspace" && draft === "" && value.length > 0) {
+        event.preventDefault();
+        onChange(value.slice(0, -1));
+      }
+    };
+    const handlePaste = (event) => {
+      event.preventDefault();
+      const text = event.clipboardData.getData("text");
+      commit(`${draft}${text}`);
+    };
+    const removeAt = (index) => {
+      onChange(value.filter((_, i) => i !== index));
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-as": "chip-input",
+        role: "group",
+        onClick: () => {
+          if (!disabled) inputRef.current?.focus();
+        },
+        className: cn(
+          "flex min-h-9 w-full cursor-text flex-wrap items-center gap-1.5 rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] px-2.5 py-1.5 text-sm outline-none transition-colors focus-within:border-[var(--as-focus-ring)] focus-within:ring-2 focus-within:ring-[var(--as-focus-ring)]",
+          disabled && "cursor-not-allowed opacity-50",
+          className
+        ),
+        ...props,
+        children: [
+          value.map((chip, index) => /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "inline-flex items-center gap-1 rounded-[calc(var(--as-radius-sm)-2px)] bg-[color-mix(in_srgb,var(--as-primary)_12%,transparent)] py-0.5 pl-2.5 pr-1.5 text-xs font-medium text-[var(--as-primary)]",
+              children: [
+                chip,
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    disabled,
+                    "aria-label": `${removeLabel} ${chip}`,
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      removeAt(index);
+                    },
+                    className: "cursor-pointer rounded-full opacity-70 transition-colors hover:text-[var(--as-danger)] hover:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)] disabled:pointer-events-none",
+                    children: /* @__PURE__ */ jsx(X, { className: "size-3", "aria-hidden": true })
+                  }
+                )
+              ]
+            },
+            `${chip}-${index}`
+          )),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              "aria-label": inputLabel,
+              disabled,
+              value: draft,
+              onChange: (event) => setDraft(event.target.value),
+              onKeyDown: handleKeyDown,
+              onPaste: handlePaste,
+              onBlur: () => {
+                if (draft.trim()) commit(draft);
+              },
+              placeholder: value.length === 0 ? placeholder : "",
+              className: "min-w-24 flex-1 bg-transparent text-sm text-[var(--as-fg)] outline-none placeholder:text-[var(--as-muted-fg)]"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+export { ChipInput };
+//# sourceMappingURL=chunk-TPLQL62V.js.map
+//# sourceMappingURL=chunk-TPLQL62V.js.map

package/dist/chunk-TPLQL62V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chip-input/ChipInput.tsx"],"names":["ChipInput"],"mappings":"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","file":"chunk-TPLQL62V.js","sourcesContent":["import * as React from 'react'\nimport { X } from 'lucide-react'\nimport { cn } from '../../lib/utils'\n\nexport interface ChipInputProps\n  extends Omit<React.ComponentProps<'div'>, 'onChange'> {\n  value: string[]\n  onChange: (value: string[]) => void\n  placeholder?: string\n  separators?: string[]\n  inputLabel?: string\n  removeLabel?: string\n  disabled?: boolean\n}\n\nfunction escapeRegex(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n}\n\nexport const ChipInput = React.forwardRef<HTMLDivElement, ChipInputProps>(\n  function ChipInput(\n    {\n      value,\n      onChange,\n      placeholder,\n      separators = [','],\n      inputLabel = 'Add',\n      removeLabel = 'Remove',\n      disabled = false,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const [draft, setDraft] = React.useState('')\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const commit = (raw: string) => {\n      const separatorPattern = new RegExp(\n        `[${separators.map(escapeRegex).join('')}\\\\n\\\\r]`,\n      )\n      const existing = new Set(value.map((chip) => chip.toLowerCase()))\n      const next = [...value]\n      for (const part of raw.split(separatorPattern)) {\n        const trimmed = part.trim()\n        if (trimmed && !existing.has(trimmed.toLowerCase())) {\n          next.push(trimmed)\n          existing.add(trimmed.toLowerCase())\n        }\n      }\n      if (next.length !== value.length) {\n        onChange(next)\n      }\n      setDraft('')\n    }\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter' || separators.includes(event.key)) {\n        event.preventDefault()\n        commit(draft)\n      } else if (event.key === 'Backspace' && draft === '' && value.length > 0) {\n        event.preventDefault()\n        onChange(value.slice(0, -1))\n      }\n    }\n\n    const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n      event.preventDefault()\n      const text = event.clipboardData.getData('text')\n      commit(`${draft}${text}`)\n    }\n\n    const removeAt = (index: number) => {\n      onChange(value.filter((_, i) => i !== index))\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"chip-input\"\n        role=\"group\"\n        onClick={() => {\n          if (!disabled) inputRef.current?.focus()\n        }}\n        className={cn(\n          'flex min-h-9 w-full cursor-text flex-wrap items-center gap-1.5 rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] px-2.5 py-1.5 text-sm outline-none transition-colors focus-within:border-[var(--as-focus-ring)] focus-within:ring-2 focus-within:ring-[var(--as-focus-ring)]',\n          disabled && 'cursor-not-allowed opacity-50',\n          className,\n        )}\n        {...props}\n      >\n        {value.map((chip, index) => (\n          <span\n            key={`${chip}-${index}`}\n            className=\"inline-flex items-center gap-1 rounded-[calc(var(--as-radius-sm)-2px)] bg-[color-mix(in_srgb,var(--as-primary)_12%,transparent)] py-0.5 pl-2.5 pr-1.5 text-xs font-medium text-[var(--as-primary)]\"\n          >\n            {chip}\n            <button\n              type=\"button\"\n              disabled={disabled}\n              aria-label={`${removeLabel} ${chip}`}\n              onClick={(event) => {\n                event.stopPropagation()\n                removeAt(index)\n              }}\n              className=\"cursor-pointer rounded-full opacity-70 transition-colors hover:text-[var(--as-danger)] hover:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)] disabled:pointer-events-none\"\n            >\n              <X className=\"size-3\" aria-hidden />\n            </button>\n          </span>\n        ))}\n        <input\n          ref={inputRef}\n          type=\"text\"\n          aria-label={inputLabel}\n          disabled={disabled}\n          value={draft}\n          onChange={(event) => setDraft(event.target.value)}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          onBlur={() => {\n            if (draft.trim()) commit(draft)\n          }}\n          placeholder={value.length === 0 ? placeholder : ''}\n          className=\"min-w-24 flex-1 bg-transparent text-sm text-[var(--as-fg)] outline-none placeholder:text-[var(--as-muted-fg)]\"\n        />\n      </div>\n    )\n  },\n)\n"]}

package/dist/chunk-UIUALJNR.js

@@ -0,0 +1,110 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function scaleColorForValue(min, max, value) {
+  if (value === "" || value === null || value === void 0) {
+    return "var(--as-muted-fg)";
+  }
+  const numeric = Number(value);
+  if (Number.isNaN(numeric)) return "var(--as-muted-fg)";
+  return positionColor((numeric - min) / (max - min));
+}
+function positionColor(position) {
+  const clamped = Math.max(0, Math.min(1, position));
+  const hue = 142 * (1 - clamped);
+  return `hsl(${hue.toFixed(0)}, 72%, 48%)`;
+}
+var ScaleSlider = React.forwardRef(
+  function ScaleSlider2({
+    value,
+    onChange,
+    min,
+    max,
+    step = 1,
+    lowLabel,
+    highLabel,
+    showInput = true,
+    disabled = false,
+    ariaLabel = "Scale",
+    className,
+    ...props
+  }, ref) {
+    const numericValue = value === "" || value === null || value === void 0 || Number.isNaN(value) ? null : Number(value);
+    const thumbColor = scaleColorForValue(min, max, value);
+    const sliderValue = numericValue === null ? min : numericValue;
+    const handleSlider = (event) => {
+      const numeric = Number(event.target.value);
+      onChange(Number.isNaN(numeric) ? "" : numeric);
+    };
+    const handleInputChange = (event) => {
+      const raw = event.target.value;
+      if (raw === "") {
+        onChange("");
+        return;
+      }
+      const numeric = Number(raw);
+      onChange(Number.isNaN(numeric) ? "" : numeric);
+    };
+    const handleInputBlur = () => {
+      if (numericValue === null) return;
+      const clamped = Math.max(min, Math.min(max, numericValue));
+      if (clamped !== numericValue) onChange(clamped);
+    };
+    const showLabels = Boolean(lowLabel || highLabel);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-as": "scale-slider",
+        className: cn("flex flex-col gap-1.5", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "range",
+                "aria-label": ariaLabel,
+                className: cn(
+                  "h-1.5 flex-1 cursor-pointer accent-[var(--as-primary)]",
+                  disabled && "cursor-not-allowed opacity-50"
+                ),
+                min,
+                max,
+                step,
+                value: sliderValue,
+                disabled,
+                onChange: handleSlider
+              }
+            ),
+            showInput ? /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                "aria-label": `${ariaLabel} value`,
+                min,
+                max,
+                step,
+                value: value ?? "",
+                disabled,
+                onChange: handleInputChange,
+                onBlur: handleInputBlur,
+                style: { borderColor: thumbColor },
+                className: "w-16 rounded-[var(--as-radius-sm)] border-2 bg-[var(--as-surface-raised)] px-2 py-1.5 text-center text-sm font-bold text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)] disabled:opacity-50"
+              }
+            ) : null
+          ] }),
+          showLabels ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[9px] font-bold uppercase tracking-wider opacity-50", children: [
+            /* @__PURE__ */ jsx("span", { style: { color: positionColor(0) }, children: lowLabel }),
+            /* @__PURE__ */ jsx("span", { style: { color: positionColor(1) }, children: highLabel })
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+
+export { ScaleSlider, scaleColorForValue };
+//# sourceMappingURL=chunk-UIUALJNR.js.map
+//# sourceMappingURL=chunk-UIUALJNR.js.map

package/dist/chunk-UIUALJNR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/scale-slider/ScaleSlider.tsx"],"names":["ScaleSlider"],"mappings":";;;;AAiBO,SAAS,kBAAA,CACd,GAAA,EACA,GAAA,EACA,KAAA,EACQ;AACR,EAAA,IAAI,KAAA,KAAU,EAAA,IAAM,KAAA,KAAU,IAAA,IAAQ,UAAU,MAAA,EAAW;AACzD,IAAA,OAAO,oBAAA;AAAA,EACT;AACA,EAAA,MAAM,OAAA,GAAU,OAAO,KAAK,CAAA;AAC5B,EAAA,IAAI,MAAA,CAAO,KAAA,CAAM,OAAO,CAAA,EAAG,OAAO,oBAAA;AAClC,EAAA,OAAO,aAAA,CAAA,CAAe,OAAA,GAAU,GAAA,KAAQ,GAAA,GAAM,GAAA,CAAI,CAAA;AACpD;AAEA,SAAS,cAAc,QAAA,EAA0B;AAC/C,EAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,GAAA,CAAI,CAAA,EAAG,QAAQ,CAAC,CAAA;AACjD,EAAA,MAAM,GAAA,GAAM,OAAO,CAAA,GAAI,OAAA,CAAA;AACvB,EAAA,OAAO,CAAA,IAAA,EAAO,GAAA,CAAI,OAAA,CAAQ,CAAC,CAAC,CAAA,WAAA,CAAA;AAC9B;AAEO,IAAM,WAAA,GAAoB,KAAA,CAAA,UAAA;AAAA,EAC/B,SAASA,YAAAA,CACP;AAAA,IACE,KAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAA,GAAO,CAAA;AAAA,IACP,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,QAAA,GAAW,KAAA;AAAA,IACX,SAAA,GAAY,OAAA;AAAA,IACZ,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,YAAA,GACJ,KAAA,KAAU,EAAA,IACV,KAAA,KAAU,IAAA,IACV,KAAA,KAAU,MAAA,IACV,MAAA,CAAO,KAAA,CAAM,KAAe,CAAA,GACxB,IAAA,GACA,OAAO,KAAK,CAAA;AAClB,IAAA,MAAM,UAAA,GAAa,kBAAA,CAAmB,GAAA,EAAK,GAAA,EAAK,KAAK,CAAA;AACrD,IAAA,MAAM,WAAA,GAAc,YAAA,KAAiB,IAAA,GAAO,GAAA,GAAM,YAAA;AAElD,IAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAA+C;AACnE,MAAA,MAAM,OAAA,GAAU,MAAA,CAAO,KAAA,CAAM,MAAA,CAAO,KAAK,CAAA;AACzC,MAAA,QAAA,CAAS,MAAA,CAAO,KAAA,CAAM,OAAO,CAAA,GAAI,KAAK,OAAO,CAAA;AAAA,IAC/C,CAAA;AAEA,IAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAA+C;AACxE,MAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,KAAA;AACzB,MAAA,IAAI,QAAQ,EAAA,EAAI;AACd,QAAA,QAAA,CAAS,EAAE,CAAA;AACX,QAAA;AAAA,MACF;AACA,MAAA,MAAM,OAAA,GAAU,OAAO,GAAG,CAAA;AAC1B,MAAA,QAAA,CAAS,MAAA,CAAO,KAAA,CAAM,OAAO,CAAA,GAAI,KAAK,OAAO,CAAA;AAAA,IAC/C,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,IAAI,iBAAiB,IAAA,EAAM;AAC3B,MAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,GAAA,EAAK,KAAK,GAAA,CAAI,GAAA,EAAK,YAAY,CAAC,CAAA;AACzD,MAAA,IAAI,OAAA,KAAY,YAAA,EAAc,QAAA,CAAS,OAAO,CAAA;AAAA,IAChD,CAAA;AAEA,IAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,QAAA,IAAY,SAAS,CAAA;AAEhD,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAQ,cAAA;AAAA,QACR,SAAA,EAAW,EAAA,CAAG,uBAAA,EAAyB,SAAS,CAAA;AAAA,QAC/C,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,OAAA;AAAA,gBACL,YAAA,EAAY,SAAA;AAAA,gBACZ,SAAA,EAAW,EAAA;AAAA,kBACT,wDAAA;AAAA,kBACA,QAAA,IAAY;AAAA,iBACd;AAAA,gBACA,GAAA;AAAA,gBACA,GAAA;AAAA,gBACA,IAAA;AAAA,gBACA,KAAA,EAAO,WAAA;AAAA,gBACP,QAAA;AAAA,gBACA,QAAA,EAAU;AAAA;AAAA,aACZ;AAAA,YACC,SAAA,mBACC,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,YAAA,EAAY,GAAG,SAAS,CAAA,MAAA,CAAA;AAAA,gBACxB,GAAA;AAAA,gBACA,GAAA;AAAA,gBACA,IAAA;AAAA,gBACA,OAAO,KAAA,IAAS,EAAA;AAAA,gBAChB,QAAA;AAAA,gBACA,QAAA,EAAU,iBAAA;AAAA,gBACV,MAAA,EAAQ,eAAA;AAAA,gBACR,KAAA,EAAO,EAAE,WAAA,EAAa,UAAA,EAAW;AAAA,gBACjC,SAAA,EAAU;AAAA;AAAA,aACZ,GACE;AAAA,WAAA,EACN,CAAA;AAAA,UACC,UAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+EAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,OAAO,EAAE,KAAA,EAAO,cAAc,CAAC,CAAA,IAAM,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,4BACpD,GAAA,CAAC,UAAK,KAAA,EAAO,EAAE,OAAO,aAAA,CAAc,CAAC,CAAA,EAAE,EAAI,QAAA,EAAA,SAAA,EAAU;AAAA,WAAA,EACvD,CAAA,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF","file":"chunk-UIUALJNR.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface ScaleSliderProps\n  extends Omit<React.ComponentProps<'div'>, 'onChange'> {\n  value: number | '' | null | undefined\n  onChange: (value: number | '') => void\n  min: number\n  max: number\n  step?: number\n  lowLabel?: string\n  highLabel?: string\n  showInput?: boolean\n  disabled?: boolean\n  ariaLabel?: string\n}\n\nexport function scaleColorForValue(\n  min: number,\n  max: number,\n  value: number | '' | null | undefined,\n): string {\n  if (value === '' || value === null || value === undefined) {\n    return 'var(--as-muted-fg)'\n  }\n  const numeric = Number(value)\n  if (Number.isNaN(numeric)) return 'var(--as-muted-fg)'\n  return positionColor((numeric - min) / (max - min))\n}\n\nfunction positionColor(position: number): string {\n  const clamped = Math.max(0, Math.min(1, position))\n  const hue = 142 * (1 - clamped)\n  return `hsl(${hue.toFixed(0)}, 72%, 48%)`\n}\n\nexport const ScaleSlider = React.forwardRef<HTMLDivElement, ScaleSliderProps>(\n  function ScaleSlider(\n    {\n      value,\n      onChange,\n      min,\n      max,\n      step = 1,\n      lowLabel,\n      highLabel,\n      showInput = true,\n      disabled = false,\n      ariaLabel = 'Scale',\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const numericValue =\n      value === '' ||\n      value === null ||\n      value === undefined ||\n      Number.isNaN(value as number)\n        ? null\n        : Number(value)\n    const thumbColor = scaleColorForValue(min, max, value)\n    const sliderValue = numericValue === null ? min : numericValue\n\n    const handleSlider = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const numeric = Number(event.target.value)\n      onChange(Number.isNaN(numeric) ? '' : numeric)\n    }\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const raw = event.target.value\n      if (raw === '') {\n        onChange('')\n        return\n      }\n      const numeric = Number(raw)\n      onChange(Number.isNaN(numeric) ? '' : numeric)\n    }\n\n    const handleInputBlur = () => {\n      if (numericValue === null) return\n      const clamped = Math.max(min, Math.min(max, numericValue))\n      if (clamped !== numericValue) onChange(clamped)\n    }\n\n    const showLabels = Boolean(lowLabel || highLabel)\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"scale-slider\"\n        className={cn('flex flex-col gap-1.5', className)}\n        {...props}\n      >\n        <div className=\"flex items-center gap-3\">\n          <input\n            type=\"range\"\n            aria-label={ariaLabel}\n            className={cn(\n              'h-1.5 flex-1 cursor-pointer accent-[var(--as-primary)]',\n              disabled && 'cursor-not-allowed opacity-50',\n            )}\n            min={min}\n            max={max}\n            step={step}\n            value={sliderValue}\n            disabled={disabled}\n            onChange={handleSlider}\n          />\n          {showInput ? (\n            <input\n              type=\"number\"\n              aria-label={`${ariaLabel} value`}\n              min={min}\n              max={max}\n              step={step}\n              value={value ?? ''}\n              disabled={disabled}\n              onChange={handleInputChange}\n              onBlur={handleInputBlur}\n              style={{ borderColor: thumbColor }}\n              className=\"w-16 rounded-[var(--as-radius-sm)] border-2 bg-[var(--as-surface-raised)] px-2 py-1.5 text-center text-sm font-bold text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)] disabled:opacity-50\"\n            />\n          ) : null}\n        </div>\n        {showLabels ? (\n          <div className=\"flex justify-between text-[9px] font-bold uppercase tracking-wider opacity-50\">\n            <span style={{ color: positionColor(0) }}>{lowLabel}</span>\n            <span style={{ color: positionColor(1) }}>{highLabel}</span>\n          </div>\n        ) : null}\n      </div>\n    )\n  },\n)\n"]}

package/dist/chunk-WZSAUESL.js

@@ -0,0 +1,58 @@
+import { MenuContent, MenuItem } from './chunk-KXLMTAZ5.js';
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ContextMenu({ x, y, items, onClose, className }) {
+  const open = items.length > 0;
+  return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Root, { open, onOpenChange: (next) => !next && onClose(), modal: false, children: [
+    /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { asChild: true, "aria-hidden": true, tabIndex: -1, children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-as": "context-menu-anchor",
+        style: { position: "fixed", left: x, top: y, width: 0, height: 0 }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      MenuContent,
+      {
+        align: "start",
+        sideOffset: 2,
+        collisionPadding: 8,
+        "data-as": "context-menu",
+        onCloseAutoFocus: (event) => event.preventDefault(),
+        className: cn("min-w-40", className),
+        children: items.map(
+          (item) => item.disabled === true ? /* @__PURE__ */ jsxs(
+            "span",
+            {
+              role: "menuitem",
+              "aria-disabled": "true",
+              title: item.hint,
+              className: "pointer-events-none flex w-full cursor-default select-none items-center gap-2 rounded-[calc(var(--as-radius-sm)-2px)] px-2 py-1.5 text-left text-sm text-[var(--as-muted-fg)] opacity-50 [&_svg]:size-4 [&_svg]:shrink-0",
+              children: [
+                item.icon ? /* @__PURE__ */ jsx(item.icon, { "aria-hidden": true }) : null,
+                item.label
+              ]
+            },
+            item.key
+          ) : /* @__PURE__ */ jsx(
+            MenuItem,
+            {
+              icon: item.icon,
+              danger: item.danger,
+              title: item.hint,
+              onSelect: () => item.onSelect?.(),
+              children: item.label
+            },
+            item.key
+          )
+        )
+      }
+    )
+  ] });
+}
+
+export { ContextMenu };
+//# sourceMappingURL=chunk-WZSAUESL.js.map
+//# sourceMappingURL=chunk-WZSAUESL.js.map

package/dist/chunk-WZSAUESL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/context-menu/ContextMenu.tsx"],"names":[],"mappings":";;;;;AAwBO,SAAS,YAAY,EAAE,CAAA,EAAG,GAAG,KAAA,EAAO,OAAA,EAAS,WAAU,EAAqB;AACjF,EAAA,MAAM,IAAA,GAAO,MAAM,MAAA,GAAS,CAAA;AAC5B,EAAA,uBACE,IAAA,CAAuB,qBAAA,CAAA,IAAA,EAAtB,EAA2B,IAAA,EAAY,YAAA,EAAc,CAAC,IAAA,KAAS,CAAC,IAAA,IAAQ,OAAA,EAAQ,EAAG,KAAA,EAAO,KAAA,EACzF,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAuB,+BAAtB,EAA8B,OAAA,EAAO,MAAC,aAAA,EAAW,IAAA,EAAC,UAAU,EAAA,EAC3D,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAQ,qBAAA;AAAA,QACR,KAAA,EAAO,EAAE,QAAA,EAAU,OAAA,EAAS,IAAA,EAAM,CAAA,EAAG,GAAA,EAAK,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA;AAAE;AAAA,KACnE,EACF,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,OAAA;AAAA,QACN,UAAA,EAAY,CAAA;AAAA,QACZ,gBAAA,EAAkB,CAAA;AAAA,QAClB,SAAA,EAAQ,cAAA;AAAA,QACR,gBAAA,EAAkB,CAAC,KAAA,KAAU,KAAA,CAAM,cAAA,EAAe;AAAA,QAClD,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,QAElC,QAAA,EAAA,KAAA,CAAM,GAAA;AAAA,UAAI,CAAC,IAAA,KACV,IAAA,CAAK,QAAA,KAAa,IAAA,mBAChB,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,UAAA;AAAA,cACL,eAAA,EAAc,MAAA;AAAA,cACd,OAAO,IAAA,CAAK,IAAA;AAAA,cACZ,SAAA,EAAU,0NAAA;AAAA,cAET,QAAA,EAAA;AAAA,gBAAA,IAAA,CAAK,uBAAO,GAAA,CAAC,IAAA,CAAK,MAAL,EAAU,aAAA,EAAW,MAAC,CAAA,GAAK,IAAA;AAAA,gBACxC,IAAA,CAAK;AAAA;AAAA,aAAA;AAAA,YAPD,IAAA,CAAK;AAAA,WAQZ,mBAEA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cAEC,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,QAAQ,IAAA,CAAK,MAAA;AAAA,cACb,OAAO,IAAA,CAAK,IAAA;AAAA,cACZ,QAAA,EAAU,MAAM,IAAA,CAAK,QAAA,IAAW;AAAA,cAE/B,QAAA,EAAA,IAAA,CAAK;AAAA,aAAA;AAAA,YAND,IAAA,CAAK;AAAA;AAOZ;AAEJ;AAAA;AACF,GAAA,EACF,CAAA;AAEJ","file":"chunk-WZSAUESL.js","sourcesContent":["import * as React from 'react'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport type { LucideIcon } from 'lucide-react'\nimport { cn } from '../../lib/utils'\nimport { MenuContent, MenuItem } from '../menu/Menu'\n\nexport interface ContextMenuItem {\n  key: string\n  label: string\n  icon?: LucideIcon\n  onSelect?: () => void\n  danger?: boolean\n  disabled?: boolean\n  hint?: string\n}\n\nexport interface ContextMenuProps {\n  x: number\n  y: number\n  items: ContextMenuItem[]\n  onClose: () => void\n  className?: string\n}\n\nexport function ContextMenu({ x, y, items, onClose, className }: ContextMenuProps) {\n  const open = items.length > 0\n  return (\n    <DropdownMenuPrimitive.Root open={open} onOpenChange={(next) => !next && onClose()} modal={false}>\n      <DropdownMenuPrimitive.Trigger asChild aria-hidden tabIndex={-1}>\n        <span\n          data-as=\"context-menu-anchor\"\n          style={{ position: 'fixed', left: x, top: y, width: 0, height: 0 }}\n        />\n      </DropdownMenuPrimitive.Trigger>\n      <MenuContent\n        align=\"start\"\n        sideOffset={2}\n        collisionPadding={8}\n        data-as=\"context-menu\"\n        onCloseAutoFocus={(event) => event.preventDefault()}\n        className={cn('min-w-40', className)}\n      >\n        {items.map((item) =>\n          item.disabled === true ? (\n            <span\n              key={item.key}\n              role=\"menuitem\"\n              aria-disabled=\"true\"\n              title={item.hint}\n              className=\"pointer-events-none flex w-full cursor-default select-none items-center gap-2 rounded-[calc(var(--as-radius-sm)-2px)] px-2 py-1.5 text-left text-sm text-[var(--as-muted-fg)] opacity-50 [&_svg]:size-4 [&_svg]:shrink-0\"\n            >\n              {item.icon ? <item.icon aria-hidden /> : null}\n              {item.label}\n            </span>\n          ) : (\n            <MenuItem\n              key={item.key}\n              icon={item.icon}\n              danger={item.danger}\n              title={item.hint}\n              onSelect={() => item.onSelect?.()}\n            >\n              {item.label}\n            </MenuItem>\n          ),\n        )}\n      </MenuContent>\n    </DropdownMenuPrimitive.Root>\n  )\n}\n"]}

package/dist/chunk-XE4TFW63.js

@@ -0,0 +1,34 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { Minus, Check } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+var CheckIndicator = React.forwardRef(
+  function CheckIndicator2({ checked, label, onToggle, mixed = false, className }, ref) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        role: "checkbox",
+        "data-as": "check-indicator",
+        "aria-checked": mixed ? "mixed" : checked,
+        "aria-label": label,
+        onClick: (event) => {
+          event.stopPropagation();
+          onToggle();
+        },
+        className: cn(
+          "flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[calc(var(--as-radius-sm)-2px)] transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]",
+          checked || mixed ? "bg-[var(--as-primary)] text-[var(--as-primary-fg)]" : "border border-[var(--as-border)] text-[var(--as-muted-fg)] hover:border-[var(--as-fg)]/40",
+          className
+        ),
+        children: mixed ? /* @__PURE__ */ jsx(Minus, { className: "size-3", "aria-hidden": true }) : checked ? /* @__PURE__ */ jsx(Check, { className: "size-3", "aria-hidden": true }) : null
+      }
+    );
+  }
+);
+
+export { CheckIndicator };
+//# sourceMappingURL=chunk-XE4TFW63.js.map
+//# sourceMappingURL=chunk-XE4TFW63.js.map

package/dist/chunk-XE4TFW63.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/check-indicator/CheckIndicator.tsx"],"names":["CheckIndicator"],"mappings":";;;;;AAYO,IAAM,cAAA,GAAuB,KAAA,CAAA,UAAA;AAAA,EAClC,SAASA,eAAAA,CAAe,EAAE,OAAA,EAAS,KAAA,EAAO,UAAU,KAAA,GAAQ,KAAA,EAAO,SAAA,EAAU,EAAG,GAAA,EAAK;AACnF,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,UAAA;AAAA,QACL,SAAA,EAAQ,iBAAA;AAAA,QACR,cAAA,EAAc,QAAQ,OAAA,GAAU,OAAA;AAAA,QAChC,YAAA,EAAY,KAAA;AAAA,QACZ,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,UAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,UAAA,QAAA,EAAS;AAAA,QACX,CAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,+NAAA;AAAA,UACA,OAAA,IAAW,QACP,oDAAA,GACA,2FAAA;AAAA,UACJ;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,KAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,UAAS,aAAA,EAAW,IAAA,EAAC,CAAA,GACpC,OAAA,uBACD,KAAA,EAAA,EAAM,SAAA,EAAU,QAAA,EAAS,aAAA,EAAW,MAAC,CAAA,GACpC;AAAA;AAAA,KACN;AAAA,EAEJ;AACF","file":"chunk-XE4TFW63.js","sourcesContent":["import * as React from 'react'\nimport { Check, Minus } from 'lucide-react'\nimport { cn } from '../../lib/utils'\n\nexport interface CheckIndicatorProps {\n  checked: boolean\n  label: string\n  onToggle: () => void\n  mixed?: boolean\n  className?: string\n}\n\nexport const CheckIndicator = React.forwardRef<HTMLButtonElement, CheckIndicatorProps>(\n  function CheckIndicator({ checked, label, onToggle, mixed = false, className }, ref) {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"checkbox\"\n        data-as=\"check-indicator\"\n        aria-checked={mixed ? 'mixed' : checked}\n        aria-label={label}\n        onClick={(event) => {\n          event.stopPropagation()\n          onToggle()\n        }}\n        className={cn(\n          'flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[calc(var(--as-radius-sm)-2px)] transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]',\n          checked || mixed\n            ? 'bg-[var(--as-primary)] text-[var(--as-primary-fg)]'\n            : 'border border-[var(--as-border)] text-[var(--as-muted-fg)] hover:border-[var(--as-fg)]/40',\n          className,\n        )}\n      >\n        {mixed ? (\n          <Minus className=\"size-3\" aria-hidden />\n        ) : checked ? (\n          <Check className=\"size-3\" aria-hidden />\n        ) : null}\n      </button>\n    )\n  },\n)\n"]}