@krizaka/ui 3.38.0 → 3.40.0

package/dist/flock.js

@@ -0,0 +1,198 @@
+"use client";
+import {
+  Mascot
+} from "./chunk-M4DBVG43.js";
+import {
+  cn
+} from "./chunk-WU4VLSEA.js";
+
+// src/flock/flock.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var GLANCE_HOLD_MS = [1500, 2400];
+var GLANCE_EVERY_MS = [4200, 9e3];
+var COURIER_FIRST_MS = 9e3;
+var COURIER_EVERY_MS = [26e3, 38e3];
+var FLIGHT_MS = 2600;
+var HAND_OVER_MS = 1300;
+var LOOK_BACK_MS = 1600;
+var between = (random, [lo, hi]) => lo + random() * (hi - lo);
+function useMayMove() {
+  const [may, setMay] = React.useState(false);
+  React.useEffect(() => {
+    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const update = () => setMay(!query.matches && document.visibilityState !== "hidden");
+    update();
+    query.addEventListener("change", update);
+    document.addEventListener("visibilitychange", update);
+    return () => {
+      query.removeEventListener("change", update);
+      document.removeEventListener("visibilitychange", update);
+    };
+  }, []);
+  return may;
+}
+function useOnScreen(ref) {
+  const [on, setOn] = React.useState(false);
+  React.useEffect(() => {
+    const el = ref.current;
+    if (!el || typeof IntersectionObserver === "undefined") return;
+    const observer = new IntersectionObserver(([entry]) => setOn(Boolean(entry?.isIntersecting)), { threshold: 0.1 });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [ref]);
+  return on;
+}
+function Flock({ birds, ratio = 16 / 9, tone = "brand", glance = true, courier = true, react = true, random = Math.random, className, style, ...props }) {
+  const stage = React.useRef(null);
+  const bodies = React.useRef([]);
+  const may = useMayMove();
+  const onScreen = useOnScreen(stage);
+  const running = may && onScreen;
+  const [looks, setLooks] = React.useState({});
+  const [flying, setFlying] = React.useState(null);
+  const [poked, setPoked] = React.useState({});
+  const order = React.useMemo(() => birds.map((_, i) => i).sort((a, b) => birds[a].x - birds[b].x), [birds]);
+  const look = (index, to) => setLooks((l) => l[index] === to ? l : { ...l, [index]: to });
+  const rest = (...indexes) => setLooks((l) => Object.fromEntries(Object.entries(l).filter(([k]) => !indexes.includes(Number(k)))));
+  React.useEffect(() => {
+    if (!running || !glance || order.length < 2) return;
+    let timer;
+    let back;
+    const next = () => {
+      timer = setTimeout(() => {
+        const at = Math.floor(random() * (order.length - 1));
+        const [a, b] = [order[at], order[at + 1]];
+        look(a, "right");
+        look(b, "left");
+        back = setTimeout(() => {
+          rest(a, b);
+          next();
+        }, between(random, GLANCE_HOLD_MS));
+      }, between(random, GLANCE_EVERY_MS));
+    };
+    next();
+    return () => {
+      clearTimeout(timer);
+      clearTimeout(back);
+    };
+  }, [running, glance, order, random]);
+  React.useEffect(() => {
+    const pigeon = birds.findIndex((b) => b.bird === "pigeon");
+    if (!running || !courier || pigeon < 0 || birds.length < 2) return;
+    let alive = true;
+    let timer;
+    let animation;
+    const wait = (ms) => new Promise((resolve) => timer = setTimeout(resolve, ms));
+    const trip = async () => {
+      const el = bodies.current[pigeon];
+      const box = stage.current?.getBoundingClientRect();
+      if (!el || !box || typeof el.animate !== "function") return;
+      const from = birds[pigeon];
+      const target = birds.reduce((far, b, i) => i !== pigeon && Math.abs(b.x - from.x) > Math.abs(birds[far].x - from.x) ? i : far, pigeon === 0 ? 1 : 0);
+      const to = birds[target];
+      const side = to.x > from.x ? 1 : -1;
+      const dx = (to.x - from.x) / 100 * box.width - side * (to.size / 100) * box.width * 0.55;
+      const lift = from.size / 100 * box.width * 0.35;
+      const fly = async (fromX, toX) => {
+        setFlying({ index: pigeon, bank: Math.sign(toX - fromX) });
+        animation = el.animate(
+          [
+            { transform: `translate(${fromX}px, 0)`, easing: "ease-out" },
+            { transform: `translate(${(fromX + toX) / 2}px, ${-lift}px)`, easing: "ease-in", offset: 0.5 },
+            { transform: `translate(${toX}px, 0)` }
+          ],
+          { duration: FLIGHT_MS, fill: "forwards" }
+        );
+        await animation.finished.catch(() => void 0);
+        setFlying(null);
+      };
+      look(target, side > 0 ? "left" : "right");
+      await fly(0, dx);
+      if (!alive) return;
+      setPoked((p) => ({ ...p, [pigeon]: true }));
+      await wait(HAND_OVER_MS);
+      if (!alive) return;
+      setPoked((p) => ({ ...p, [pigeon]: false }));
+      look(target, "up");
+      await fly(dx, 0);
+      animation?.cancel();
+      rest(target);
+    };
+    const schedule = (ms) => {
+      timer = setTimeout(async () => {
+        await trip();
+        if (alive) schedule(between(random, COURIER_EVERY_MS));
+      }, ms);
+    };
+    schedule(COURIER_FIRST_MS);
+    return () => {
+      alive = false;
+      clearTimeout(timer);
+      animation?.cancel();
+      setFlying(null);
+    };
+  }, [running, courier, birds, random]);
+  const hover = (index, event) => {
+    if (!running || !react || event.pointerType !== "mouse") return;
+    look(index, "up");
+  };
+  const leave = (index) => {
+    if (!react) return;
+    rest(index);
+  };
+  const tap = (index) => {
+    if (!running || !react) return;
+    look(index, "up");
+    setPoked((p) => ({ ...p, [index]: true }));
+    setTimeout(() => {
+      setPoked((p) => ({ ...p, [index]: false }));
+      rest(index);
+    }, LOOK_BACK_MS);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: stage,
+      "aria-hidden": true,
+      "data-flock": "",
+      "data-running": running ? "" : void 0,
+      className: cn("relative w-full", className),
+      style: { aspectRatio: String(ratio), containerType: "inline-size", ...style },
+      ...props,
+      children: birds.map((b, i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: (el) => {
+            bodies.current[i] = el;
+          },
+          "data-flock-bird": b.bird,
+          className: "absolute touch-manipulation",
+          style: { left: `${b.x - b.size / 2}%`, width: `${b.size}%`, top: `calc(${b.y}% - ${b.size * 0.9}cqw)`, aspectRatio: "1", pointerEvents: react ? "auto" : "none" },
+          onPointerEnter: (event) => hover(i, event),
+          onPointerLeave: () => leave(i),
+          onPointerDown: () => tap(i),
+          children: /* @__PURE__ */ jsx(
+            Mascot,
+            {
+              bird: b.bird,
+              tone,
+              life: true,
+              look: looks[i],
+              flying: flying?.index === i,
+              bank: flying?.index === i ? flying.bank : 0,
+              poked: poked[i],
+              size: 120,
+              style: { width: "100%", height: "100%", display: "block", overflow: "visible" }
+            }
+          )
+        },
+        `${b.bird}-${i}`
+      ))
+    }
+  );
+}
+export {
+  Flock
+};
+//# sourceMappingURL=flock.js.map

package/dist/flock.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flock/flock.tsx"],"sourcesContent":["\"use client\";\n\n// The flock, alive: birds standing on a stage, each at ease in character (Mascot `life`), and the moments between\n// them — two birds glance at each other, the pigeon carries its parcel across, a bird looks up when you come near or tap\n// it. Transform and opacity only: CSS for each bird's own life, a timer for the moments (no frame loop), and nothing at\n// all when the flock is off screen, the tab is hidden or the person asked for less motion.\nimport * as React from \"react\";\n\nimport { cn } from \"../cn\";\nimport type { MascotBird, MascotLook } from \"../mascots\";\nimport { Mascot } from \"../mascots\";\n\nexport interface FlockBird {\n  /** Which bird. */\n  bird: MascotBird;\n  /** Where its feet are, across the stage: 0 to 100 (% of the stage's width). */\n  x: number;\n  /** Where its feet are, down the stage: 0 to 100 (% of the stage's height). */\n  y: number;\n  /** How wide it is: % of the stage's width. */\n  size: number;\n}\n\nexport interface FlockMoments {\n  /** Two neighbours look at each other now and then. Default `true`. */\n  glance?: boolean;\n  /** The pigeon, when the flock has one, carries its parcel across to another bird and comes back. Default `true`. */\n  courier?: boolean;\n  /** A bird looks up when the pointer comes near, and jumps a little when tapped. Default `true`. */\n  react?: boolean;\n}\n\nexport type FlockProps = Omit<React.ComponentProps<\"div\">, \"children\"> &\n  FlockMoments & {\n    /** The birds on the stage. */\n    birds: readonly FlockBird[];\n    /** The stage's shape, width over height (default 16 / 9). It keeps its ratio at any width, so the birds keep their places. */\n    ratio?: number;\n    /** The birds' colours: the host's accent (`brand`, default) or the Krizaka story's (`own`). */\n    tone?: \"brand\" | \"own\";\n    /** The source of chance (default `Math.random`): give it a fixed one in a test. */\n    random?: () => number;\n  };\n\n// @fixed: the rhythm of the moments — how long a glance lasts, how often one happens, how long a delivery takes. A\n// choreography's pace, not a business parameter.\nconst GLANCE_HOLD_MS = [1500, 2400] as const;\nconst GLANCE_EVERY_MS = [4200, 9000] as const;\nconst COURIER_FIRST_MS = 9000;\nconst COURIER_EVERY_MS = [26000, 38000] as const;\nconst FLIGHT_MS = 2600;\nconst HAND_OVER_MS = 1300;\nconst LOOK_BACK_MS = 1600;\n\nconst between = (random: () => number, [lo, hi]: readonly [number, number]) => lo + random() * (hi - lo);\n\n/** `true` while the page may move: no reduced-motion request, the tab visible. */\nfunction useMayMove(): boolean {\n  const [may, setMay] = React.useState(false);\n  React.useEffect(() => {\n    const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    const update = () => setMay(!query.matches && document.visibilityState !== \"hidden\");\n    update();\n    query.addEventListener(\"change\", update);\n    document.addEventListener(\"visibilitychange\", update);\n    return () => {\n      query.removeEventListener(\"change\", update);\n      document.removeEventListener(\"visibilitychange\", update);\n    };\n  }, []);\n  return may;\n}\n\n/** `true` while the element is on screen. */\nfunction useOnScreen(ref: React.RefObject<Element | null>): boolean {\n  const [on, setOn] = React.useState(false);\n  React.useEffect(() => {\n    const el = ref.current;\n    if (!el || typeof IntersectionObserver === \"undefined\") return;\n    const observer = new IntersectionObserver(([entry]) => setOn(Boolean(entry?.isIntersecting)), { threshold: 0.1 });\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [ref]);\n  return on;\n}\n\n/**\n * The flock on its stage, alive. Decorative (`aria-hidden`): put the words beside it. Each bird idles in character; every\n * few seconds two neighbours glance at each other; every half minute the pigeon carries its parcel to another bird and\n * returns; a bird looks up when you come near. All of it pauses off screen and in a hidden tab, and the flock is still\n * under `prefers-reduced-motion`.\n */\nexport function Flock({ birds, ratio = 16 / 9, tone = \"brand\", glance = true, courier = true, react = true, random = Math.random, className, style, ...props }: FlockProps) {\n  const stage = React.useRef<HTMLDivElement>(null);\n  const bodies = React.useRef<(HTMLDivElement | null)[]>([]);\n  const may = useMayMove();\n  const onScreen = useOnScreen(stage);\n  const running = may && onScreen;\n  const [looks, setLooks] = React.useState<Record<number, MascotLook>>({});\n  const [flying, setFlying] = React.useState<{ index: number; bank: number } | null>(null);\n  const [poked, setPoked] = React.useState<Record<number, boolean>>({});\n\n  // Left to right: a bird's neighbours are the birds beside it on the stage.\n  const order = React.useMemo(() => birds.map((_, i) => i).sort((a, b) => birds[a]!.x - birds[b]!.x), [birds]);\n  const look = (index: number, to: MascotLook) => setLooks((l) => (l[index] === to ? l : { ...l, [index]: to }));\n  const rest = (...indexes: number[]) => setLooks((l) => Object.fromEntries(Object.entries(l).filter(([k]) => !indexes.includes(Number(k)))));\n\n  // Glances: two neighbours turn towards each other, hold, and look away.\n  React.useEffect(() => {\n    if (!running || !glance || order.length < 2) return;\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    let back: ReturnType<typeof setTimeout> | undefined;\n    const next = () => {\n      timer = setTimeout(() => {\n        const at = Math.floor(random() * (order.length - 1));\n        const [a, b] = [order[at]!, order[at + 1]!];\n        look(a, \"right\");\n        look(b, \"left\");\n        back = setTimeout(() => {\n          rest(a, b);\n          next();\n        }, between(random, GLANCE_HOLD_MS));\n      }, between(random, GLANCE_EVERY_MS));\n    };\n    next();\n    return () => {\n      clearTimeout(timer);\n      clearTimeout(back);\n    };\n  }, [running, glance, order, random]);\n\n  // The delivery: the pigeon takes its parcel across to the farthest bird, hands it over, and flies back.\n  React.useEffect(() => {\n    const pigeon = birds.findIndex((b) => b.bird === \"pigeon\");\n    if (!running || !courier || pigeon < 0 || birds.length < 2) return;\n    let alive = true;\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    let animation: Animation | undefined;\n    const wait = (ms: number) => new Promise<void>((resolve) => (timer = setTimeout(resolve, ms)));\n    const trip = async () => {\n      const el = bodies.current[pigeon];\n      const box = stage.current?.getBoundingClientRect();\n      if (!el || !box || typeof el.animate !== \"function\") return;\n      // The farthest bird from the pigeon, so the parcel crosses the whole stage.\n      const from = birds[pigeon]!;\n      const target = birds.reduce((far, b, i) => (i !== pigeon && Math.abs(b.x - from.x) > Math.abs(birds[far]!.x - from.x) ? i : far), pigeon === 0 ? 1 : 0);\n      const to = birds[target]!;\n      const side = to.x > from.x ? 1 : -1;\n      // It lands beside the receiver, not on it.\n      const dx = ((to.x - from.x) / 100) * box.width - side * (to.size / 100) * box.width * 0.55;\n      const lift = (from.size / 100) * box.width * 0.35;\n      const fly = async (fromX: number, toX: number) => {\n        setFlying({ index: pigeon, bank: Math.sign(toX - fromX) });\n        animation = el.animate(\n          [\n            { transform: `translate(${fromX}px, 0)`, easing: \"ease-out\" },\n            { transform: `translate(${(fromX + toX) / 2}px, ${-lift}px)`, easing: \"ease-in\", offset: 0.5 },\n            { transform: `translate(${toX}px, 0)` },\n          ],\n          { duration: FLIGHT_MS, fill: \"forwards\" },\n        );\n        await animation.finished.catch(() => undefined);\n        setFlying(null);\n      };\n      look(target, side > 0 ? \"left\" : \"right\");\n      await fly(0, dx);\n      if (!alive) return;\n      // The hand-over: the receiver looks at the pigeon, the pigeon hops on the doorstep.\n      setPoked((p) => ({ ...p, [pigeon]: true }));\n      await wait(HAND_OVER_MS);\n      if (!alive) return;\n      setPoked((p) => ({ ...p, [pigeon]: false }));\n      look(target, \"up\");\n      await fly(dx, 0);\n      animation?.cancel();\n      rest(target);\n    };\n    const schedule = (ms: number) => {\n      timer = setTimeout(async () => {\n        await trip();\n        if (alive) schedule(between(random, COURIER_EVERY_MS));\n      }, ms);\n    };\n    schedule(COURIER_FIRST_MS);\n    return () => {\n      alive = false;\n      clearTimeout(timer);\n      animation?.cancel();\n      setFlying(null);\n    };\n  }, [running, courier, birds, random]);\n\n  // A bird looks up when you come near, and jumps when you tap it.\n  const hover = (index: number, event: React.PointerEvent) => {\n    if (!running || !react || event.pointerType !== \"mouse\") return;\n    look(index, \"up\");\n  };\n  const leave = (index: number) => {\n    if (!react) return;\n    rest(index);\n  };\n  const tap = (index: number) => {\n    if (!running || !react) return;\n    look(index, \"up\");\n    setPoked((p) => ({ ...p, [index]: true }));\n    setTimeout(() => {\n      setPoked((p) => ({ ...p, [index]: false }));\n      rest(index);\n    }, LOOK_BACK_MS);\n  };\n\n  return (\n    <div\n      ref={stage}\n      aria-hidden\n      data-flock=\"\"\n      data-running={running ? \"\" : undefined}\n      className={cn(\"relative w-full\", className)}\n      style={{ aspectRatio: String(ratio), containerType: \"inline-size\", ...style }}\n      {...props}\n    >\n      {birds.map((b, i) => (\n        <div\n          key={`${b.bird}-${i}`}\n          ref={(el) => {\n            bodies.current[i] = el;\n          }}\n          data-flock-bird={b.bird}\n          className=\"absolute touch-manipulation\"\n          style={{ left: `${b.x - b.size / 2}%`, width: `${b.size}%`, top: `calc(${b.y}% - ${b.size * 0.9}cqw)`, aspectRatio: \"1\", pointerEvents: react ? \"auto\" : \"none\" }}\n          onPointerEnter={(event) => hover(i, event)}\n          onPointerLeave={() => leave(i)}\n          onPointerDown={() => tap(i)}\n        >\n          <Mascot\n            bird={b.bird}\n            tone={tone}\n            life\n            look={looks[i]}\n            flying={flying?.index === i}\n            bank={flying?.index === i ? flying.bank : 0}\n            poked={poked[i]}\n            size={120}\n            style={{ width: \"100%\", height: \"100%\", display: \"block\", overflow: \"visible\" }}\n          />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/image-cropper.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Slider
-} from "./chunk-RE5WJ4QP.js";
+} from "./chunk-ADRUEPYC.js";
 import "./chunk-HJFRHYCI.js";
 import "./chunk-NSLXEDIS.js";
 import {

package/dist/kanban.js

@@ -10,7 +10,7 @@ var kanban = tv({
     column: "flex w-72 shrink-0 flex-col rounded-xl border border-border-default bg-surface-1 data-[over]:border-accent data-[over]:bg-accent-soft/40",
     header: "flex items-center gap-2 px-3 pb-2 pt-3",
     title: "min-w-0 flex-1 truncate text-sm font-semibold text-fg",
-    count: "rounded-full bg-surface-3 px-2 text-xs font-semibold tabular-nums text-fg-secondary data-[over-limit]:bg-danger data-[over-limit]:text-on-accent",
+    count: "rounded-sm bg-surface-3 px-2 text-xs font-semibold tabular-nums text-fg-secondary data-[over-limit]:bg-danger data-[over-limit]:text-on-accent",
     list: "m-0 flex min-h-16 list-none flex-col gap-2 p-2 pt-0",
     card: "cursor-grab rounded-lg border border-border-default bg-surface-0 p-3 text-sm text-fg shadow-xs outline-hidden transition-shadow focus-visible:ring-2 focus-visible:ring-ring active:cursor-grabbing data-[grabbed]:ring-2 data-[grabbed]:ring-accent data-[grabbed]:shadow-lg data-[dragging]:opacity-40",
     empty: "rounded-lg border border-dashed border-border-default px-3 py-4 text-center text-xs text-fg-secondary"

package/dist/kanban.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/kanban/kanban.tsx"],"sourcesContent":["// Client (the drag, the keyboard move, the announcements). Cards in columns that move by drag and drop — and by the\n// keyboard: Space picks a card up, the arrows carry it (← → between columns, ↑ ↓ within one), Space drops it, Esc puts it\n// back. Every move is announced in words. The app owns the data: `onMove` says where a card went.\nimport * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nexport const kanban = tv({\n  slots: {\n    root: \"flex w-full gap-3 overflow-x-auto pb-2\",\n    column: \"flex w-72 shrink-0 flex-col rounded-xl border border-border-default bg-surface-1 data-[over]:border-accent data-[over]:bg-accent-soft/40\",\n    header: \"flex items-center gap-2 px-3 pb-2 pt-3\",\n    title: \"min-w-0 flex-1 truncate text-sm font-semibold text-fg\",\n    count: \"rounded-full bg-surface-3 px-2 text-xs font-semibold tabular-nums text-fg-secondary data-[over-limit]:bg-danger data-[over-limit]:text-on-accent\",\n    list: \"m-0 flex min-h-16 list-none flex-col gap-2 p-2 pt-0\",\n    card:\n      \"cursor-grab rounded-lg border border-border-default bg-surface-0 p-3 text-sm text-fg shadow-xs outline-hidden transition-shadow \" +\n      \"focus-visible:ring-2 focus-visible:ring-ring active:cursor-grabbing data-[grabbed]:ring-2 data-[grabbed]:ring-accent data-[grabbed]:shadow-lg data-[dragging]:opacity-40\",\n    empty: \"rounded-lg border border-dashed border-border-default px-3 py-4 text-center text-xs text-fg-secondary\",\n  },\n});\n\nexport type KanbanColumn = {\n  /** A stable id. */\n  id: string;\n  /** Its name — passed translated (“To review”). */\n  title: string;\n  /** The most cards it should hold: the count turns to danger past it. */\n  limit?: number;\n};\n\nexport type KanbanMove = {\n  /** The card moved. */\n  cardId: string;\n  /** Where it came from. */\n  from: string;\n  /** The column it went to. */\n  to: string;\n  /** Its position in that column (0 = top). */\n  index: number;\n};\n\nexport type KanbanLabels = {\n  /** The hint read on a card: how to move it with the keyboard. */\n  instructions: string;\n  /** Announced when a card is picked up: `(card, column) => …`. */\n  grabbed: (card: string, column: string) => string;\n  /** Announced as it moves: `(card, column, position, total) => …`. */\n  moved: (card: string, column: string, position: number, total: number) => string;\n  /** Announced when it is dropped. */\n  dropped: (card: string, column: string, position: number) => string;\n  /** Announced when the move is cancelled. */\n  cancelled: (card: string) => string;\n  /** A column without card (“No card”). */\n  empty: string;\n};\n\nexport const kanbanLabels: KanbanLabels = {\n  instructions: \"Press Space to pick it up, the arrow keys to move it, Space to drop it, Escape to cancel.\",\n  grabbed: (card, column) => `${card} picked up, in ${column}.`,\n  moved: (card, column, position, total) => `${card}: ${column}, position ${position} of ${total}.`,\n  dropped: (card, column, position) => `${card} dropped in ${column}, position ${position}.`,\n  cancelled: (card) => `Move of ${card} cancelled.`,\n  empty: \"No card\",\n};\n\nexport type KanbanProps<T> = {\n  /** The columns, in order. */\n  columns: readonly KanbanColumn[];\n  /** The cards, in their order within each column. */\n  cards: readonly T[];\n  /** A card's id. */\n  getId: (card: T) => string;\n  /** A card's column. */\n  getColumn: (card: T) => string;\n  /** A card's name, for the announcements. */\n  getTitle: (card: T) => string;\n  /** What a card shows. */\n  renderCard: (card: T) => React.ReactNode;\n  /** Called when a card is dropped somewhere new: update the data here. */\n  onMove: (move: KanbanMove) => void;\n  /** The board's accessible name (“Moderation queue”). */\n  \"aria-label\": string;\n  /** The words, passed translated; English by default. */\n  labels?: Partial<KanbanLabels>;\n  /** Classes merged on the root. */\n  className?: string;\n};\n\ntype Placement = { column: string; index: number };\n\n/**\n * A board of cards in columns — a moderation queue, a release plan: drag and drop with the pointer, or Space and the\n * arrow keys, every step announced. Column limits show in the counts.\n */\nexport function Kanban<T>({ columns, cards, getId, getColumn, getTitle, renderCard, onMove, \"aria-label\": label, labels: words, className }: KanbanProps<T>) {\n  const labels = { ...kanbanLabels, ...words };\n  const s = kanban();\n  const instructionsId = React.useId();\n  const [grab, setGrab] = React.useState<{ id: string; origin: Placement; at: Placement } | null>(null);\n  const [dragging, setDragging] = React.useState<string | null>(null);\n  const [over, setOver] = React.useState<Placement | null>(null);\n  const [message, setMessage] = React.useState(\"\");\n  const refs = React.useRef(new Map<string, HTMLLIElement>());\n  const byColumn = (column: string, without?: string) => cards.filter((c) => getColumn(c) === column && getId(c) !== without);\n  const titleOf = (id: string) => {\n    const card = cards.find((c) => getId(c) === id);\n    return card ? getTitle(card) : id;\n  };\n  const columnTitle = (id: string) => columns.find((c) => c.id === id)?.title ?? id;\n  const placementOf = (id: string): Placement => {\n    const card = cards.find((c) => getId(c) === id)!;\n    const column = getColumn(card);\n    return { column, index: byColumn(column).findIndex((c) => getId(c) === id) };\n  };\n  const commit = (id: string, from: Placement, to: Placement) => {\n    if (from.column !== to.column || from.index !== to.index) onMove({ cardId: id, from: from.column, to: to.column, index: to.index });\n  };\n  // The cards of a column as shown, with the grabbed card at its keyboard position.\n  const shown = (column: string) => {\n    const list = byColumn(column, grab?.id);\n    if (grab && grab.at.column === column) {\n      const card = cards.find((c) => getId(c) === grab.id);\n      if (card) list.splice(grab.at.index, 0, card);\n    }\n    return list;\n  };\n  React.useEffect(() => {\n    if (grab) refs.current.get(grab.id)?.focus();\n  }, [grab]);\n\n  const onKeyDown = (event: React.KeyboardEvent, id: string) => {\n    const title = titleOf(id);\n    if (!grab) {\n      if (event.key === \" \" || event.key === \"Enter\") {\n        event.preventDefault();\n        const origin = placementOf(id);\n        setGrab({ id, origin, at: origin });\n        setMessage(labels.grabbed(title, columnTitle(origin.column)));\n      }\n      return;\n    }\n    const { at, origin } = grab;\n    const columnIndex = columns.findIndex((c) => c.id === at.column);\n    let next: Placement | null = null;\n    if (event.key === \"ArrowLeft\" && columnIndex > 0) next = { column: columns[columnIndex - 1]!.id, index: Math.min(at.index, byColumn(columns[columnIndex - 1]!.id, id).length) };\n    if (event.key === \"ArrowRight\" && columnIndex < columns.length - 1) next = { column: columns[columnIndex + 1]!.id, index: Math.min(at.index, byColumn(columns[columnIndex + 1]!.id, id).length) };\n    if (event.key === \"ArrowUp\" && at.index > 0) next = { ...at, index: at.index - 1 };\n    if (event.key === \"ArrowDown\" && at.index < byColumn(at.column, id).length) next = { ...at, index: at.index + 1 };\n    if (next) {\n      event.preventDefault();\n      setGrab({ ...grab, at: next });\n      setMessage(labels.moved(title, columnTitle(next.column), next.index + 1, byColumn(next.column, id).length + 1));\n      return;\n    }\n    if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      setGrab(null);\n      commit(id, origin, at);\n      setMessage(labels.dropped(title, columnTitle(at.column), at.index + 1));\n    } else if (event.key === \"Escape\") {\n      event.preventDefault();\n      setGrab(null);\n      setMessage(labels.cancelled(title));\n    }\n  };\n\n  const indexAt = (column: string, y: number) => {\n    const list = byColumn(column, dragging ?? undefined);\n    const i = list.findIndex((c) => {\n      const box = refs.current.get(getId(c))?.getBoundingClientRect();\n      return box ? y < box.top + box.height / 2 : false;\n    });\n    return i === -1 ? list.length : i;\n  };\n\n  return (\n    <div role=\"group\" aria-label={label} className={s.root({ className })}>\n      <p id={instructionsId} className=\"sr-only\">\n        {labels.instructions}\n      </p>\n      <p className=\"sr-only\" aria-live=\"assertive\">\n        {message}\n      </p>\n      {columns.map((column) => {\n        const list = shown(column.id);\n        const overLimit = column.limit !== undefined && list.length > column.limit;\n        return (\n          <section\n            key={column.id}\n            aria-label={column.title}\n            data-over={over?.column === column.id || undefined}\n            className={s.column()}\n            onDragOver={(e) => {\n              if (!dragging) return;\n              e.preventDefault();\n              setOver({ column: column.id, index: indexAt(column.id, e.clientY) });\n            }}\n            onDragLeave={(e) => {\n              if (!e.currentTarget.contains(e.relatedTarget as Node | null)) setOver(null);\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              if (dragging) commit(dragging, placementOf(dragging), { column: column.id, index: indexAt(column.id, e.clientY) });\n              setDragging(null);\n              setOver(null);\n            }}\n          >\n            <header className={s.header()}>\n              <h3 className={s.title()}>{column.title}</h3>\n              <span className={s.count()} data-over-limit={overLimit || undefined}>\n                {column.limit !== undefined ? `${list.length}/${column.limit}` : list.length}\n              </span>\n            </header>\n            <ul className={s.list()}>\n              {list.length === 0 ? <li className={s.empty()}>{labels.empty}</li> : null}\n              {list.map((card) => {\n                const id = getId(card);\n                return (\n                  <li\n                    key={id}\n                    ref={(el) => {\n                      if (el) refs.current.set(id, el);\n                      else refs.current.delete(id);\n                    }}\n                    tabIndex={0}\n                    draggable\n                    aria-describedby={instructionsId}\n                    aria-roledescription=\"card\"\n                    data-grabbed={grab?.id === id || undefined}\n                    data-dragging={dragging === id || undefined}\n                    className={s.card()}\n                    onKeyDown={(e) => onKeyDown(e, id)}\n                    onFocus={() => {\n                      // Tab to another card while one is carried: the carried one goes back.\n                      if (grab && grab.id !== id) {\n                        setMessage(labels.cancelled(titleOf(grab.id)));\n                        setGrab(null);\n                      }\n                    }}\n                    onDragStart={(e) => {\n                      e.dataTransfer.effectAllowed = \"move\";\n                      e.dataTransfer.setData(\"text/plain\", id);\n                      setDragging(id);\n                    }}\n                    onDragEnd={() => {\n                      setDragging(null);\n                      setOver(null);\n                    }}\n                  >\n                    {renderCard(card)}\n                  </li>\n                );\n              })}\n            </ul>\n          </section>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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","names":["origin"]}
+{"version":3,"sources":["../src/kanban/kanban.tsx"],"sourcesContent":["// Client (the drag, the keyboard move, the announcements). Cards in columns that move by drag and drop — and by the\n// keyboard: Space picks a card up, the arrows carry it (← → between columns, ↑ ↓ within one), Space drops it, Esc puts it\n// back. Every move is announced in words. The app owns the data: `onMove` says where a card went.\nimport * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nexport const kanban = tv({\n  slots: {\n    root: \"flex w-full gap-3 overflow-x-auto pb-2\",\n    column: \"flex w-72 shrink-0 flex-col rounded-xl border border-border-default bg-surface-1 data-[over]:border-accent data-[over]:bg-accent-soft/40\",\n    header: \"flex items-center gap-2 px-3 pb-2 pt-3\",\n    title: \"min-w-0 flex-1 truncate text-sm font-semibold text-fg\",\n    count: \"rounded-sm bg-surface-3 px-2 text-xs font-semibold tabular-nums text-fg-secondary data-[over-limit]:bg-danger data-[over-limit]:text-on-accent\",\n    list: \"m-0 flex min-h-16 list-none flex-col gap-2 p-2 pt-0\",\n    card:\n      \"cursor-grab rounded-lg border border-border-default bg-surface-0 p-3 text-sm text-fg shadow-xs outline-hidden transition-shadow \" +\n      \"focus-visible:ring-2 focus-visible:ring-ring active:cursor-grabbing data-[grabbed]:ring-2 data-[grabbed]:ring-accent data-[grabbed]:shadow-lg data-[dragging]:opacity-40\",\n    empty: \"rounded-lg border border-dashed border-border-default px-3 py-4 text-center text-xs text-fg-secondary\",\n  },\n});\n\nexport type KanbanColumn = {\n  /** A stable id. */\n  id: string;\n  /** Its name — passed translated (“To review”). */\n  title: string;\n  /** The most cards it should hold: the count turns to danger past it. */\n  limit?: number;\n};\n\nexport type KanbanMove = {\n  /** The card moved. */\n  cardId: string;\n  /** Where it came from. */\n  from: string;\n  /** The column it went to. */\n  to: string;\n  /** Its position in that column (0 = top). */\n  index: number;\n};\n\nexport type KanbanLabels = {\n  /** The hint read on a card: how to move it with the keyboard. */\n  instructions: string;\n  /** Announced when a card is picked up: `(card, column) => …`. */\n  grabbed: (card: string, column: string) => string;\n  /** Announced as it moves: `(card, column, position, total) => …`. */\n  moved: (card: string, column: string, position: number, total: number) => string;\n  /** Announced when it is dropped. */\n  dropped: (card: string, column: string, position: number) => string;\n  /** Announced when the move is cancelled. */\n  cancelled: (card: string) => string;\n  /** A column without card (“No card”). */\n  empty: string;\n};\n\nexport const kanbanLabels: KanbanLabels = {\n  instructions: \"Press Space to pick it up, the arrow keys to move it, Space to drop it, Escape to cancel.\",\n  grabbed: (card, column) => `${card} picked up, in ${column}.`,\n  moved: (card, column, position, total) => `${card}: ${column}, position ${position} of ${total}.`,\n  dropped: (card, column, position) => `${card} dropped in ${column}, position ${position}.`,\n  cancelled: (card) => `Move of ${card} cancelled.`,\n  empty: \"No card\",\n};\n\nexport type KanbanProps<T> = {\n  /** The columns, in order. */\n  columns: readonly KanbanColumn[];\n  /** The cards, in their order within each column. */\n  cards: readonly T[];\n  /** A card's id. */\n  getId: (card: T) => string;\n  /** A card's column. */\n  getColumn: (card: T) => string;\n  /** A card's name, for the announcements. */\n  getTitle: (card: T) => string;\n  /** What a card shows. */\n  renderCard: (card: T) => React.ReactNode;\n  /** Called when a card is dropped somewhere new: update the data here. */\n  onMove: (move: KanbanMove) => void;\n  /** The board's accessible name (“Moderation queue”). */\n  \"aria-label\": string;\n  /** The words, passed translated; English by default. */\n  labels?: Partial<KanbanLabels>;\n  /** Classes merged on the root. */\n  className?: string;\n};\n\ntype Placement = { column: string; index: number };\n\n/**\n * A board of cards in columns — a moderation queue, a release plan: drag and drop with the pointer, or Space and the\n * arrow keys, every step announced. Column limits show in the counts.\n */\nexport function Kanban<T>({ columns, cards, getId, getColumn, getTitle, renderCard, onMove, \"aria-label\": label, labels: words, className }: KanbanProps<T>) {\n  const labels = { ...kanbanLabels, ...words };\n  const s = kanban();\n  const instructionsId = React.useId();\n  const [grab, setGrab] = React.useState<{ id: string; origin: Placement; at: Placement } | null>(null);\n  const [dragging, setDragging] = React.useState<string | null>(null);\n  const [over, setOver] = React.useState<Placement | null>(null);\n  const [message, setMessage] = React.useState(\"\");\n  const refs = React.useRef(new Map<string, HTMLLIElement>());\n  const byColumn = (column: string, without?: string) => cards.filter((c) => getColumn(c) === column && getId(c) !== without);\n  const titleOf = (id: string) => {\n    const card = cards.find((c) => getId(c) === id);\n    return card ? getTitle(card) : id;\n  };\n  const columnTitle = (id: string) => columns.find((c) => c.id === id)?.title ?? id;\n  const placementOf = (id: string): Placement => {\n    const card = cards.find((c) => getId(c) === id)!;\n    const column = getColumn(card);\n    return { column, index: byColumn(column).findIndex((c) => getId(c) === id) };\n  };\n  const commit = (id: string, from: Placement, to: Placement) => {\n    if (from.column !== to.column || from.index !== to.index) onMove({ cardId: id, from: from.column, to: to.column, index: to.index });\n  };\n  // The cards of a column as shown, with the grabbed card at its keyboard position.\n  const shown = (column: string) => {\n    const list = byColumn(column, grab?.id);\n    if (grab && grab.at.column === column) {\n      const card = cards.find((c) => getId(c) === grab.id);\n      if (card) list.splice(grab.at.index, 0, card);\n    }\n    return list;\n  };\n  React.useEffect(() => {\n    if (grab) refs.current.get(grab.id)?.focus();\n  }, [grab]);\n\n  const onKeyDown = (event: React.KeyboardEvent, id: string) => {\n    const title = titleOf(id);\n    if (!grab) {\n      if (event.key === \" \" || event.key === \"Enter\") {\n        event.preventDefault();\n        const origin = placementOf(id);\n        setGrab({ id, origin, at: origin });\n        setMessage(labels.grabbed(title, columnTitle(origin.column)));\n      }\n      return;\n    }\n    const { at, origin } = grab;\n    const columnIndex = columns.findIndex((c) => c.id === at.column);\n    let next: Placement | null = null;\n    if (event.key === \"ArrowLeft\" && columnIndex > 0) next = { column: columns[columnIndex - 1]!.id, index: Math.min(at.index, byColumn(columns[columnIndex - 1]!.id, id).length) };\n    if (event.key === \"ArrowRight\" && columnIndex < columns.length - 1) next = { column: columns[columnIndex + 1]!.id, index: Math.min(at.index, byColumn(columns[columnIndex + 1]!.id, id).length) };\n    if (event.key === \"ArrowUp\" && at.index > 0) next = { ...at, index: at.index - 1 };\n    if (event.key === \"ArrowDown\" && at.index < byColumn(at.column, id).length) next = { ...at, index: at.index + 1 };\n    if (next) {\n      event.preventDefault();\n      setGrab({ ...grab, at: next });\n      setMessage(labels.moved(title, columnTitle(next.column), next.index + 1, byColumn(next.column, id).length + 1));\n      return;\n    }\n    if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      setGrab(null);\n      commit(id, origin, at);\n      setMessage(labels.dropped(title, columnTitle(at.column), at.index + 1));\n    } else if (event.key === \"Escape\") {\n      event.preventDefault();\n      setGrab(null);\n      setMessage(labels.cancelled(title));\n    }\n  };\n\n  const indexAt = (column: string, y: number) => {\n    const list = byColumn(column, dragging ?? undefined);\n    const i = list.findIndex((c) => {\n      const box = refs.current.get(getId(c))?.getBoundingClientRect();\n      return box ? y < box.top + box.height / 2 : false;\n    });\n    return i === -1 ? list.length : i;\n  };\n\n  return (\n    <div role=\"group\" aria-label={label} className={s.root({ className })}>\n      <p id={instructionsId} className=\"sr-only\">\n        {labels.instructions}\n      </p>\n      <p className=\"sr-only\" aria-live=\"assertive\">\n        {message}\n      </p>\n      {columns.map((column) => {\n        const list = shown(column.id);\n        const overLimit = column.limit !== undefined && list.length > column.limit;\n        return (\n          <section\n            key={column.id}\n            aria-label={column.title}\n            data-over={over?.column === column.id || undefined}\n            className={s.column()}\n            onDragOver={(e) => {\n              if (!dragging) return;\n              e.preventDefault();\n              setOver({ column: column.id, index: indexAt(column.id, e.clientY) });\n            }}\n            onDragLeave={(e) => {\n              if (!e.currentTarget.contains(e.relatedTarget as Node | null)) setOver(null);\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              if (dragging) commit(dragging, placementOf(dragging), { column: column.id, index: indexAt(column.id, e.clientY) });\n              setDragging(null);\n              setOver(null);\n            }}\n          >\n            <header className={s.header()}>\n              <h3 className={s.title()}>{column.title}</h3>\n              <span className={s.count()} data-over-limit={overLimit || undefined}>\n                {column.limit !== undefined ? `${list.length}/${column.limit}` : list.length}\n              </span>\n            </header>\n            <ul className={s.list()}>\n              {list.length === 0 ? <li className={s.empty()}>{labels.empty}</li> : null}\n              {list.map((card) => {\n                const id = getId(card);\n                return (\n                  <li\n                    key={id}\n                    ref={(el) => {\n                      if (el) refs.current.set(id, el);\n                      else refs.current.delete(id);\n                    }}\n                    tabIndex={0}\n                    draggable\n                    aria-describedby={instructionsId}\n                    aria-roledescription=\"card\"\n                    data-grabbed={grab?.id === id || undefined}\n                    data-dragging={dragging === id || undefined}\n                    className={s.card()}\n                    onKeyDown={(e) => onKeyDown(e, id)}\n                    onFocus={() => {\n                      // Tab to another card while one is carried: the carried one goes back.\n                      if (grab && grab.id !== id) {\n                        setMessage(labels.cancelled(titleOf(grab.id)));\n                        setGrab(null);\n                      }\n                    }}\n                    onDragStart={(e) => {\n                      e.dataTransfer.effectAllowed = \"move\";\n                      e.dataTransfer.setData(\"text/plain\", id);\n                      setDragging(id);\n                    }}\n                    onDragEnd={() => {\n                      setDragging(null);\n                      setOver(null);\n                    }}\n                  >\n                    {renderCard(card)}\n                  </li>\n                );\n              })}\n            </ul>\n          </section>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AAGA,YAAY,WAAW;AACvB,SAAS,UAAU;AA6Kb,cA8BM,YA9BN;AA3KC,IAAM,SAAS,GAAG;AAAA,EACvB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MACE;AAAA,IAEF,OAAO;AAAA,EACT;AACF,CAAC;AAqCM,IAAM,eAA6B;AAAA,EACxC,cAAc;AAAA,EACd,SAAS,CAAC,MAAM,WAAW,GAAG,IAAI,kBAAkB,MAAM;AAAA,EAC1D,OAAO,CAAC,MAAM,QAAQ,UAAU,UAAU,GAAG,IAAI,KAAK,MAAM,cAAc,QAAQ,OAAO,KAAK;AAAA,EAC9F,SAAS,CAAC,MAAM,QAAQ,aAAa,GAAG,IAAI,eAAe,MAAM,cAAc,QAAQ;AAAA,EACvF,WAAW,CAAC,SAAS,WAAW,IAAI;AAAA,EACpC,OAAO;AACT;AA+BO,SAAS,OAAU,EAAE,SAAS,OAAO,OAAO,WAAW,UAAU,YAAY,QAAQ,cAAc,OAAO,QAAQ,OAAO,UAAU,GAAmB;AAC3J,QAAM,SAAS,EAAE,GAAG,cAAc,GAAG,MAAM;AAC3C,QAAM,IAAI,OAAO;AACjB,QAAM,iBAAuB,YAAM;AACnC,QAAM,CAAC,MAAM,OAAO,IAAU,eAAkE,IAAI;AACpG,QAAM,CAAC,UAAU,WAAW,IAAU,eAAwB,IAAI;AAClE,QAAM,CAAC,MAAM,OAAO,IAAU,eAA2B,IAAI;AAC7D,QAAM,CAAC,SAAS,UAAU,IAAU,eAAS,EAAE;AAC/C,QAAM,OAAa,aAAO,oBAAI,IAA2B,CAAC;AAC1D,QAAM,WAAW,CAAC,QAAgB,YAAqB,MAAM,OAAO,CAAC,MAAM,UAAU,CAAC,MAAM,UAAU,MAAM,CAAC,MAAM,OAAO;AAC1H,QAAM,UAAU,CAAC,OAAe;AAC9B,UAAM,OAAO,MAAM,KAAK,CAAC,MAAM,MAAM,CAAC,MAAM,EAAE;AAC9C,WAAO,OAAO,SAAS,IAAI,IAAI;AAAA,EACjC;AACA,QAAM,cAAc,CAAC,OAAe,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS;AAC/E,QAAM,cAAc,CAAC,OAA0B;AAC7C,UAAM,OAAO,MAAM,KAAK,CAAC,MAAM,MAAM,CAAC,MAAM,EAAE;AAC9C,UAAM,SAAS,UAAU,IAAI;AAC7B,WAAO,EAAE,QAAQ,OAAO,SAAS,MAAM,EAAE,UAAU,CAAC,MAAM,MAAM,CAAC,MAAM,EAAE,EAAE;AAAA,EAC7E;AACA,QAAM,SAAS,CAAC,IAAY,MAAiB,OAAkB;AAC7D,QAAI,KAAK,WAAW,GAAG,UAAU,KAAK,UAAU,GAAG,MAAO,QAAO,EAAE,QAAQ,IAAI,MAAM,KAAK,QAAQ,IAAI,GAAG,QAAQ,OAAO,GAAG,MAAM,CAAC;AAAA,EACpI;AAEA,QAAM,QAAQ,CAAC,WAAmB;AAChC,UAAM,OAAO,SAAS,QAAQ,MAAM,EAAE;AACtC,QAAI,QAAQ,KAAK,GAAG,WAAW,QAAQ;AACrC,YAAM,OAAO,MAAM,KAAK,CAAC,MAAM,MAAM,CAAC,MAAM,KAAK,EAAE;AACnD,UAAI,KAAM,MAAK,OAAO,KAAK,GAAG,OAAO,GAAG,IAAI;AAAA,IAC9C;AACA,WAAO;AAAA,EACT;AACA,EAAM,gBAAU,MAAM;AACpB,QAAI,KAAM,MAAK,QAAQ,IAAI,KAAK,EAAE,GAAG,MAAM;AAAA,EAC7C,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,YAAY,CAAC,OAA4B,OAAe;AAC5D,UAAM,QAAQ,QAAQ,EAAE;AACxB,QAAI,CAAC,MAAM;AACT,UAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AAC9C,cAAM,eAAe;AACrB,cAAMA,UAAS,YAAY,EAAE;AAC7B,gBAAQ,EAAE,IAAI,QAAAA,SAAQ,IAAIA,QAAO,CAAC;AAClC,mBAAW,OAAO,QAAQ,OAAO,YAAYA,QAAO,MAAM,CAAC,CAAC;AAAA,MAC9D;AACA;AAAA,IACF;AACA,UAAM,EAAE,IAAI,OAAO,IAAI;AACvB,UAAM,cAAc,QAAQ,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM;AAC/D,QAAI,OAAyB;AAC7B,QAAI,MAAM,QAAQ,eAAe,cAAc,EAAG,QAAO,EAAE,QAAQ,QAAQ,cAAc,CAAC,EAAG,IAAI,OAAO,KAAK,IAAI,GAAG,OAAO,SAAS,QAAQ,cAAc,CAAC,EAAG,IAAI,EAAE,EAAE,MAAM,EAAE;AAC9K,QAAI,MAAM,QAAQ,gBAAgB,cAAc,QAAQ,SAAS,EAAG,QAAO,EAAE,QAAQ,QAAQ,cAAc,CAAC,EAAG,IAAI,OAAO,KAAK,IAAI,GAAG,OAAO,SAAS,QAAQ,cAAc,CAAC,EAAG,IAAI,EAAE,EAAE,MAAM,EAAE;AAChM,QAAI,MAAM,QAAQ,aAAa,GAAG,QAAQ,EAAG,QAAO,EAAE,GAAG,IAAI,OAAO,GAAG,QAAQ,EAAE;AACjF,QAAI,MAAM,QAAQ,eAAe,GAAG,QAAQ,SAAS,GAAG,QAAQ,EAAE,EAAE,OAAQ,QAAO,EAAE,GAAG,IAAI,OAAO,GAAG,QAAQ,EAAE;AAChH,QAAI,MAAM;AACR,YAAM,eAAe;AACrB,cAAQ,EAAE,GAAG,MAAM,IAAI,KAAK,CAAC;AAC7B,iBAAW,OAAO,MAAM,OAAO,YAAY,KAAK,MAAM,GAAG,KAAK,QAAQ,GAAG,SAAS,KAAK,QAAQ,EAAE,EAAE,SAAS,CAAC,CAAC;AAC9G;AAAA,IACF;AACA,QAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AAC9C,YAAM,eAAe;AACrB,cAAQ,IAAI;AACZ,aAAO,IAAI,QAAQ,EAAE;AACrB,iBAAW,OAAO,QAAQ,OAAO,YAAY,GAAG,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC;AAAA,IACxE,WAAW,MAAM,QAAQ,UAAU;AACjC,YAAM,eAAe;AACrB,cAAQ,IAAI;AACZ,iBAAW,OAAO,UAAU,KAAK,CAAC;AAAA,IACpC;AAAA,EACF;AAEA,QAAM,UAAU,CAAC,QAAgB,MAAc;AAC7C,UAAM,OAAO,SAAS,QAAQ,YAAY,MAAS;AACnD,UAAM,IAAI,KAAK,UAAU,CAAC,MAAM;AAC9B,YAAM,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,CAAC,GAAG,sBAAsB;AAC9D,aAAO,MAAM,IAAI,IAAI,MAAM,IAAI,SAAS,IAAI;AAAA,IAC9C,CAAC;AACD,WAAO,MAAM,KAAK,KAAK,SAAS;AAAA,EAClC;AAEA,SACE,qBAAC,SAAI,MAAK,SAAQ,cAAY,OAAO,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,GAClE;AAAA,wBAAC,OAAE,IAAI,gBAAgB,WAAU,WAC9B,iBAAO,cACV;AAAA,IACA,oBAAC,OAAE,WAAU,WAAU,aAAU,aAC9B,mBACH;AAAA,IACC,QAAQ,IAAI,CAAC,WAAW;AACvB,YAAM,OAAO,MAAM,OAAO,EAAE;AAC5B,YAAM,YAAY,OAAO,UAAU,UAAa,KAAK,SAAS,OAAO;AACrE,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,cAAY,OAAO;AAAA,UACnB,aAAW,MAAM,WAAW,OAAO,MAAM;AAAA,UACzC,WAAW,EAAE,OAAO;AAAA,UACpB,YAAY,CAAC,MAAM;AACjB,gBAAI,CAAC,SAAU;AACf,cAAE,eAAe;AACjB,oBAAQ,EAAE,QAAQ,OAAO,IAAI,OAAO,QAAQ,OAAO,IAAI,EAAE,OAAO,EAAE,CAAC;AAAA,UACrE;AAAA,UACA,aAAa,CAAC,MAAM;AAClB,gBAAI,CAAC,EAAE,cAAc,SAAS,EAAE,aAA4B,EAAG,SAAQ,IAAI;AAAA,UAC7E;AAAA,UACA,QAAQ,CAAC,MAAM;AACb,cAAE,eAAe;AACjB,gBAAI,SAAU,QAAO,UAAU,YAAY,QAAQ,GAAG,EAAE,QAAQ,OAAO,IAAI,OAAO,QAAQ,OAAO,IAAI,EAAE,OAAO,EAAE,CAAC;AACjH,wBAAY,IAAI;AAChB,oBAAQ,IAAI;AAAA,UACd;AAAA,UAEA;AAAA,iCAAC,YAAO,WAAW,EAAE,OAAO,GAC1B;AAAA,kCAAC,QAAG,WAAW,EAAE,MAAM,GAAI,iBAAO,OAAM;AAAA,cACxC,oBAAC,UAAK,WAAW,EAAE,MAAM,GAAG,mBAAiB,aAAa,QACvD,iBAAO,UAAU,SAAY,GAAG,KAAK,MAAM,IAAI,OAAO,KAAK,KAAK,KAAK,QACxE;AAAA,eACF;AAAA,YACA,qBAAC,QAAG,WAAW,EAAE,KAAK,GACnB;AAAA,mBAAK,WAAW,IAAI,oBAAC,QAAG,WAAW,EAAE,MAAM,GAAI,iBAAO,OAAM,IAAQ;AAAA,cACpE,KAAK,IAAI,CAAC,SAAS;AAClB,sBAAM,KAAK,MAAM,IAAI;AACrB,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC,KAAK,CAAC,OAAO;AACX,0BAAI,GAAI,MAAK,QAAQ,IAAI,IAAI,EAAE;AAAA,0BAC1B,MAAK,QAAQ,OAAO,EAAE;AAAA,oBAC7B;AAAA,oBACA,UAAU;AAAA,oBACV,WAAS;AAAA,oBACT,oBAAkB;AAAA,oBAClB,wBAAqB;AAAA,oBACrB,gBAAc,MAAM,OAAO,MAAM;AAAA,oBACjC,iBAAe,aAAa,MAAM;AAAA,oBAClC,WAAW,EAAE,KAAK;AAAA,oBAClB,WAAW,CAAC,MAAM,UAAU,GAAG,EAAE;AAAA,oBACjC,SAAS,MAAM;AAEb,0BAAI,QAAQ,KAAK,OAAO,IAAI;AAC1B,mCAAW,OAAO,UAAU,QAAQ,KAAK,EAAE,CAAC,CAAC;AAC7C,gCAAQ,IAAI;AAAA,sBACd;AAAA,oBACF;AAAA,oBACA,aAAa,CAAC,MAAM;AAClB,wBAAE,aAAa,gBAAgB;AAC/B,wBAAE,aAAa,QAAQ,cAAc,EAAE;AACvC,kCAAY,EAAE;AAAA,oBAChB;AAAA,oBACA,WAAW,MAAM;AACf,kCAAY,IAAI;AAChB,8BAAQ,IAAI;AAAA,oBACd;AAAA,oBAEC,qBAAW,IAAI;AAAA;AAAA,kBA9BX;AAAA,gBA+BP;AAAA,cAEJ,CAAC;AAAA,eACH;AAAA;AAAA;AAAA,QAjEK,OAAO;AAAA,MAkEd;AAAA,IAEJ,CAAC;AAAA,KACH;AAEJ;","names":["origin"]}

package/dist/map.js

@@ -1066,8 +1066,8 @@ var locationPicker = tv({
     frame: "relative",
     pin: "pointer-events-none absolute left-1/2 top-1/2 z-10 -translate-x-1/2 -translate-y-full text-accent drop-shadow-md",
     bar: "absolute inset-x-3 bottom-8 z-10 flex flex-wrap items-center justify-between gap-2",
-    chip: "rounded-full border border-border-default bg-surface-1 px-3 py-1.5 text-xs font-semibold tabular-nums text-fg shadow-floating",
-    near: "inline-flex h-10 items-center gap-2 rounded-full border border-border-default bg-surface-1 bg-sheen px-4 text-sm font-semibold text-fg shadow-floating inset-shadow-edge transition-colors hover:border-border-strong focus-visible:outline-hidden focus-visible:focus-ring disabled:opacity-60",
+    chip: "rounded-sm border border-border-default bg-surface-1 px-3 py-1.5 text-xs font-semibold tabular-nums text-fg shadow-floating",
+    near: "inline-flex h-10 items-center gap-2 rounded-sm border border-border-default bg-surface-1 bg-sheen px-4 text-sm font-semibold text-fg shadow-floating inset-shadow-edge transition-colors hover:border-border-strong focus-visible:outline-hidden focus-visible:focus-ring disabled:opacity-60",
     status: "text-xs text-fg-secondary data-[tone=danger]:text-fg-danger"
   }
 });