@neuronection/assistant-ui 0.1.0 → 0.2.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-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"]}

package/dist/combobox.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+
+interface ComboboxOption {
+    value: string;
+    label: string;
+    description?: string;
+    group?: string;
+    disabled?: boolean;
+}
+interface ComboboxProps {
+    options: ComboboxOption[];
+    value?: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    searchLabel?: string;
+    emptyLabel?: string;
+    loadingLabel?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    clearable?: boolean;
+    clearLabel?: string;
+    onSearchChange?: (term: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    label?: string;
+    error?: string;
+    id?: string;
+    className?: string;
+    panelClassName?: string;
+}
+declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLButtonElement>>;
+interface ComboboxMultiProps {
+    options: ComboboxOption[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    searchLabel?: string;
+    emptyLabel?: string;
+    loadingLabel?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    maxTriggerLabels?: number;
+    onSearchChange?: (term: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    label?: string;
+    error?: string;
+    id?: string;
+    className?: string;
+    panelClassName?: string;
+}
+declare const ComboboxMulti: React.ForwardRefExoticComponent<ComboboxMultiProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Combobox, ComboboxMulti, type ComboboxMultiProps, type ComboboxOption, type ComboboxProps };

package/dist/combobox.js

@@ -0,0 +1,3 @@
+export { Combobox, ComboboxMulti } from './chunk-3522NABN.js';
+//# sourceMappingURL=combobox.js.map
+//# sourceMappingURL=combobox.js.map

package/dist/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"combobox.js"}

package/dist/confirmation-modal.js

@@ -1,3 +1,3 @@
-export { ConfirmationModal } from './chunk-TLTKWLMN.js';
+export { ConfirmationModal } from './chunk-GA3XIDVX.js';
 //# sourceMappingURL=confirmation-modal.js.map
 //# sourceMappingURL=confirmation-modal.js.map

package/dist/context-menu.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { LucideIcon } from 'lucide-react';
+
+interface ContextMenuItem {
+    key: string;
+    label: string;
+    icon?: LucideIcon;
+    onSelect?: () => void;
+    danger?: boolean;
+    disabled?: boolean;
+    hint?: string;
+}
+interface ContextMenuProps {
+    x: number;
+    y: number;
+    items: ContextMenuItem[];
+    onClose: () => void;
+    className?: string;
+}
+declare function ContextMenu({ x, y, items, onClose, className }: ContextMenuProps): React.JSX.Element;
+
+export { ContextMenu, type ContextMenuItem, type ContextMenuProps };

package/dist/context-menu.js

@@ -0,0 +1,3 @@
+export { ContextMenu } from './chunk-WZSAUESL.js';
+//# sourceMappingURL=context-menu.js.map
+//# sourceMappingURL=context-menu.js.map

package/dist/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"context-menu.js"}

package/dist/error-banner.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+interface ErrorBannerProps {
+    message: string | null | undefined;
+    action?: React.ReactNode;
+    className?: string;
+}
+declare function ErrorBanner({ message, action, className }: ErrorBannerProps): React.JSX.Element | null;
+
+export { ErrorBanner, type ErrorBannerProps };

package/dist/error-banner.js

@@ -0,0 +1,3 @@
+export { ErrorBanner } from './chunk-BJOY3XL7.js';
+//# sourceMappingURL=error-banner.js.map
+//# sourceMappingURL=error-banner.js.map

package/dist/error-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"error-banner.js"}

package/dist/expandable-search.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface ExpandableSearchProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit?: (value: string) => void;
+    onClear?: () => void;
+    placeholder: string;
+    ariaLabel: string;
+    clearLabel?: string;
+    expandLabel?: string;
+    className?: string;
+}
+declare const ExpandableSearch: React.ForwardRefExoticComponent<ExpandableSearchProps & React.RefAttributes<HTMLInputElement>>;
+
+export { ExpandableSearch, type ExpandableSearchProps };

package/dist/expandable-search.js

@@ -0,0 +1,3 @@
+export { ExpandableSearch } from './chunk-4SW3ESVI.js';
+//# sourceMappingURL=expandable-search.js.map
+//# sourceMappingURL=expandable-search.js.map

package/dist/expandable-search.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"expandable-search.js"}

package/dist/field-label.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface FieldLabelProps {
+    children: React.ReactNode;
+    info: React.ReactNode;
+    infoTitle?: React.ReactNode;
+    label?: string;
+    showOnHover?: boolean;
+    className?: string;
+}
+declare function FieldLabel({ children, info, infoTitle, label, showOnHover, className, }: FieldLabelProps): React.JSX.Element;
+
+export { FieldLabel, type FieldLabelProps };

package/dist/field-label.js

@@ -0,0 +1,3 @@
+export { FieldLabel } from './chunk-ESUTPQDO.js';
+//# sourceMappingURL=field-label.js.map
+//# sourceMappingURL=field-label.js.map

package/dist/field-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"field-label.js"}

package/dist/form-modal.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { LucideIcon } from 'lucide-react';
+
+interface FormModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: LucideIcon;
+    children: React.ReactNode;
+    onSubmit?: () => void;
+    submitting?: boolean;
+    submitDisabled?: boolean;
+    submitLabel?: string;
+    cancelLabel?: string;
+    closeLabel?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    contentClassName?: string;
+    footer?: React.ReactNode;
+}
+declare function FormModal({ open, onOpenChange, title, description, icon: Icon, children, onSubmit, submitting, submitDisabled, submitLabel, cancelLabel, closeLabel, size, contentClassName, footer, }: FormModalProps): React.JSX.Element;
+
+export { FormModal, type FormModalProps };

package/dist/form-modal.js

@@ -0,0 +1,3 @@
+export { FormModal } from './chunk-GPIN2ITX.js';
+//# sourceMappingURL=form-modal.js.map
+//# sourceMappingURL=form-modal.js.map

package/dist/form-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"form-modal.js"}

package/dist/index.d.ts

@@ -6,17 +6,34 @@ export { ThemeScope, ThemeScopeProps } from './theme-scope.js';
 export { Badge, BadgeProps, badgeVariants } from './badge.js';
 export { Button, ButtonProps, buttonVariants } from './button.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './card.js';
+export { CheckIndicator, CheckIndicatorProps } from './check-indicator.js';
+export { Combobox, ComboboxMulti, ComboboxMultiProps, ComboboxOption, ComboboxProps } from './combobox.js';
 export { ConfirmationModal, ConfirmationModalProps } from './confirmation-modal.js';
+export { ContextMenu, ContextMenuItem, ContextMenuProps } from './context-menu.js';
 export { EmptyState, EmptyStateProps } from './empty-state.js';
+export { ErrorBanner, ErrorBannerProps } from './error-banner.js';
+export { ExpandableSearch, ExpandableSearchProps } from './expandable-search.js';
+export { FieldLabel, FieldLabelProps } from './field-label.js';
+export { FormModal, FormModalProps } from './form-modal.js';
+export { InfoButton, InfoButtonProps } from './info-button.js';
 export { Input, InputProps } from './input.js';
+export { MarqueeBand, MarqueePhase, MarqueeSelection, MarqueeSurface, MarqueeSurfaceProps, Rect, UseMarqueeOptions, hitTestIds, marqueeRect, rectsIntersect, useMarquee } from './marquee.js';
+export { ActionMenu, ActionMenuItem, ActionMenuProps, Menu, MenuContent, MenuGroup, MenuItem, MenuItemProps, MenuLabel, MenuSeparator, MenuTrigger } from './menu.js';
 export { Modal, ModalClose, ModalContent, ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants } from './modal.js';
+export { PopoverButton, PopoverButtonProps } from './popover-button.js';
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './popover.js';
+export { SearchInput, SearchInputProps } from './search-input.js';
+export { SelectionBar, SelectionBarProps } from './selection-bar.js';
 export { Spinner, SpinnerProps } from './spinner.js';
 export { InfoTooltip, InfoTooltipProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip.js';
+export { UndoNotice, UndoNoticeProps } from './undo-notice.js';
+export { ViewToggle, ViewToggleProps, ViewToggleView } from './view-toggle.js';
+export { Stepper, StepperProps, StepperStep, Wizard, WizardContext, WizardProps, WizardStep } from './wizard.js';
 import 'react';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-dialog';
 import '@radix-ui/react-popover';
 import '@radix-ui/react-tooltip';

package/dist/index.js

@@ -1,16 +1,32 @@
-export { Portal } from './chunk-7YLR4AGA.js';
 export { ThemeScope } from './chunk-TGU3PKNM.js';
 export { InfoTooltip, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-TJGX27YO.js';
+export { UndoNotice } from './chunk-OUHUVACM.js';
+export { ViewToggle } from './chunk-MXOBOS4Y.js';
+export { Stepper, Wizard } from './chunk-LEDQQBVV.js';
+export { MarqueeBand, MarqueeSurface, hitTestIds, marqueeRect, rectsIntersect, useMarquee } from './chunk-RU3DEF2O.js';
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './chunk-CI56SSO2.js';
+export { Portal } from './chunk-7YLR4AGA.js';
+export { SearchInput } from './chunk-H5U4KNXF.js';
+export { SelectionBar } from './chunk-HSUCCANX.js';
+export { ContextMenu } from './chunk-WZSAUESL.js';
+export { ActionMenu, Menu, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuSeparator, MenuTrigger } from './chunk-KXLMTAZ5.js';
+export { EmptyState } from './chunk-KDJLYKR6.js';
+export { ErrorBanner } from './chunk-BJOY3XL7.js';
+export { ExpandableSearch } from './chunk-4SW3ESVI.js';
+export { FieldLabel } from './chunk-ESUTPQDO.js';
+export { FormModal } from './chunk-GPIN2ITX.js';
+export { InfoButton } from './chunk-DV3MXDLN.js';
+export { PopoverButton } from './chunk-N5KQRHXU.js';
+export { Input } from './chunk-COPPAHR5.js';
 export { rawTokens, semanticTokens } from './chunk-3HFL3JGP.js';
-export { Badge, badgeVariants } from './chunk-NQQNTK6L.js';
+export { Badge, badgeVariants } from './chunk-SKTLC2XY.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-HSWSYEFQ.js';
-export { ConfirmationModal } from './chunk-TLTKWLMN.js';
+export { CheckIndicator } from './chunk-XE4TFW63.js';
+export { Combobox, ComboboxMulti } from './chunk-3522NABN.js';
+export { ConfirmationModal } from './chunk-GA3XIDVX.js';
 export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants } from './chunk-RHBQ3GZE.js';
-export { Button, buttonVariants } from './chunk-56VRWCLJ.js';
+export { Button, buttonVariants } from './chunk-GTXGTQ6F.js';
 export { Spinner } from './chunk-INTST5VG.js';
-export { EmptyState } from './chunk-KDJLYKR6.js';
-export { Input } from './chunk-COPPAHR5.js';
 export { cn } from './chunk-BLJWR4ZV.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map