@uisatin/ui 0.0.0-stage → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Maciej Kownacki
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,68 @@
-# Temporary Holding Version
+# @uisatin/ui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Satin's React components: shadcn-based, built on Radix, themed with Satin tokens. Docs: https://uisatin.dev
+
+**Satin Free.** This package is the free, open-source edition of Satin, under the MIT license. Satin Pro, with more components, patterns and templates, will ship separately as its own licensed package; nothing here changes when it does.
+
+You don't need Tailwind. Satin ships one precompiled stylesheet with the tokens and every class the components use.
+
+## Install
+
+```sh
+npm i @uisatin/ui
+```
+
+React 19 or newer is a peer dependency.
+
+## Use
+
+Import the styles once, at the root of your app:
+
+```tsx
+// main.tsx
+import '@uisatin/ui/styles.css'
+```
+
+Then import components, from the package root or one by one:
+
+```tsx
+import { Button } from '@uisatin/ui/button'
+
+export function Save() {
+  return <Button>Save changes</Button>
+}
+```
+
+**Dark mode:** add the `dark` class to `<html>` or any parent element.
+
+**Font:** the tokens ask for Geist and Geist Mono; load them (for example with `@fontsource-variable/geist`) or the system font is used.
+
+## Copy the source instead (shadcn registry)
+
+Every component is also a shadcn registry item, so you can own the code:
+
+```sh
+npx shadcn@latest add https://uisatin.dev/r/button.json
+```
+
+This adds the component to `components/ui`, `cn` to `lib/utils` and the precompiled styles to `src/styles/satin.css` (import it once). See https://uisatin.dev/installation. Each registry item carries `meta.version` (the npm release its source matches) and `meta.edition`.
+
+## Develop
+
+```sh
+npm run build -w @uisatin/ui   # dist/: ESM + types + styles.css + the published package.json
+npm run pack:ui              # build and pack dist into satin-ui-x.y.z.tgz, to try in another app
+npm run registry             # rebuild satin-lab/public/r (the shadcn registry)
+```
+
+## Release
+
+Releases go through [Changesets](https://github.com/changesets/changesets):
+
+1. With a change, run `npm run changeset`, pick patch, minor or major and describe it. Commit the file it writes.
+2. On `main`, the Release workflow opens a "Version packages" pull request that bumps the version and writes the changelog.
+3. Merging it publishes `packages/ui/dist` to npm (`npm run release`) and tags the commit `@uisatin/ui@x.y.z`.
+
+The workflow publishes through npm Trusted Publishing (OIDC), so no npm token is stored: npm trusts `.github/workflows/release.yml` in this repository. `npm run release` also works by hand after `npm login`; it skips a version that is already on npm. Never `npm publish` the workspace folder: it points at `src` and refuses to publish.
+
+The workspace `package.json` points at `src` so the docs site builds from source with its own Tailwind. `dist/package.json`, written by the build, points consumers at the compiled files.

package/chunk-2HKBZFIK.js

@@ -0,0 +1,339 @@
+import { Button } from './chunk-HNQUX43Z.js';
+import { cn } from './chunk-H63FYCMY.js';
+import * as React from 'react';
+import { Toast as Toast$1 } from 'radix-ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var MOTION_MS = 500;
+var records = [];
+var listeners = /* @__PURE__ */ new Set();
+var counter = 0;
+function emit() {
+  for (const listener of listeners) listener();
+}
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+}
+function snapshot() {
+  return records;
+}
+function show(title, options = {}) {
+  const id = options.id ?? `toast-${++counter}`;
+  const next = { ...options, id, title, open: true };
+  records = records.some((r) => r.id === id) ? records.map((r) => r.id === id ? next : r) : [...records, next];
+  emit();
+  return id;
+}
+function remove(id) {
+  records = records.filter((r) => r.id !== id);
+  emit();
+}
+function close(id, reason = "close") {
+  const r = records.find((r2) => r2.id === id);
+  if (!r || !r.open) return;
+  records = records.map((r2) => r2.id === id ? { ...r2, open: false, exit: reason } : r2);
+  emit();
+  setTimeout(() => remove(id), MOTION_MS);
+}
+var toast = Object.assign((title, options) => show(title, options), {
+  info: ((title, options) => show(title, { ...options, intent: "info" })),
+  success: ((title, options) => show(title, { ...options, intent: "success" })),
+  warning: ((title, options) => show(title, { ...options, intent: "warning" })),
+  error: ((title, options) => show(title, { ...options, intent: "error" })),
+  /** Close one toast, or all of them. */
+  dismiss: (id) => {
+    for (const r of id === void 0 ? records : records.filter((r2) => r2.id === id)) close(r.id);
+  }
+});
+var tile = {
+  neutral: "bg-status-neutral-bg text-text-default",
+  info: "bg-status-sky-bg text-status-sky-fg",
+  success: "bg-status-green-bg text-status-green-fg",
+  warning: "bg-status-amber-bg text-status-amber-fg",
+  // Figma draws the error glyph in action/destructive (#DC2626), not status-red-fg.
+  error: "bg-status-red-bg text-action-destructive-bg"
+};
+function IntentIcon({ intent }) {
+  if (intent === "neutral") {
+    return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "-1 -1 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxs("g", { stroke: "currentColor", style: { strokeWidth: 1.25 }, strokeLinecap: "round", strokeLinejoin: "round", children: [
+      /* @__PURE__ */ jsx("path", { d: "M11.2738 4.61052C12.3146 4.61052 13.1582 3.76684 13.1582 2.72612C13.1582 1.6854 12.3146 0.841726 11.2738 0.841726C10.2331 0.841726 9.38944 1.6854 9.38944 2.72612C9.38944 3.76684 10.2331 4.61052 11.2738 4.61052Z" }),
+      /* @__PURE__ */ jsx("path", { d: "M12.9121 7.12311V9.13483C12.9121 11.3569 11.1107 13.1583 8.88866 13.1583H4.86521C2.64313 13.1583 0.84177 11.3569 0.84177 9.13483V5.11139C0.84177 2.8893 2.64313 1.08794 4.86521 1.08794H6.87694" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("g", { stroke: "currentColor", style: { strokeWidth: 1.25 }, strokeLinecap: "round", strokeLinejoin: "round", children: intent === "success" ? /* @__PURE__ */ jsx("path", { d: "M3.33333 8.66667L6 11.3333L12.6667 4.66667" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    intent === "info" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M8 7.70494V10.6557" }),
+      /* @__PURE__ */ jsx("path", { d: "M8 5.35022L8.0059 5.34366" })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M8 5.34428V8.29506" }),
+      /* @__PURE__ */ jsx("path", { d: "M8 10.6563L8.0059 10.6498" })
+    ] }),
+    /* @__PURE__ */ jsx("path", { d: "M8 13.9015C11.2593 13.9015 13.9015 11.2593 13.9015 8C13.9015 4.74066 11.2593 2.09845 8 2.09845C4.74066 2.09845 2.09845 4.74066 2.09845 8C2.09845 11.2593 4.74066 13.9015 8 13.9015Z" })
+  ] }) }) });
+}
+var card = (intent) => cn(
+  "relative flex w-full items-center gap-2.5 overflow-clip pr-2 pl-2.5",
+  intent === "neutral" ? "py-2.5" : "pt-2.5 pb-3",
+  "rounded-xl border border-border-default bg-bg-popover",
+  "[box-shadow:0_4px_6px_-4px_var(--effect-shadow-sm),0_10px_15px_-3px_var(--effect-shadow-sm)]"
+);
+function ToastContent({
+  title,
+  description,
+  intent,
+  action,
+  closeButton,
+  icon,
+  onAction
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon && /* @__PURE__ */ jsx("div", { className: cn("grid size-9 shrink-0 place-items-center rounded-md", tile[intent]), children: /* @__PURE__ */ jsx(IntentIcon, { intent }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col text-sm", children: [
+      /* @__PURE__ */ jsx(Toast$1.Title, { className: "leading-5 font-medium text-text-default", children: title }),
+      description ? /* @__PURE__ */ jsx(Toast$1.Description, { className: "leading-4 text-text-muted", children: description }) : null
+    ] }),
+    (action || closeButton) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+      action && /* @__PURE__ */ jsx(Toast$1.Action, { asChild: true, altText: action.label, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            onAction?.();
+            action.onClick?.();
+          },
+          children: action.label
+        }
+      ) }),
+      closeButton && /* @__PURE__ */ jsx(Toast$1.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "xs", iconOnly: true, "aria-label": "Close", className: "rounded-md text-text-muted", children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3.94232 10.0582L7.00053 7M7.00053 7L10.0587 3.94179M7.00053 7L3.94232 3.94179M7.00053 7L10.0587 10.0582",
+          stroke: "currentColor",
+          strokeWidth: "1.09375",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) }) }) })
+    ] })
+  ] });
+}
+var radixType = (intent) => intent === "error" || intent === "warning" ? "foreground" : "background";
+function Toast({
+  title,
+  description,
+  intent = "neutral",
+  action,
+  closeButton = true,
+  icon = true,
+  duration = 5e3,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Toast$1.Root,
+    {
+      "data-slot": "toast",
+      "data-intent": intent,
+      duration,
+      type: radixType(intent),
+      className: cn(
+        "pointer-events-auto",
+        card(intent),
+        "focus-visible:[box-shadow:0_0_0_2px_var(--action-focus-ring)] focus-visible:outline-none",
+        "data-[state=open]:animate-[satin-enter_var(--duration-base)_var(--ease-out)]",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ToastContent, { title, description, intent, action, closeButton, icon })
+    }
+  );
+}
+var PEEK = 16;
+var SCALE_STEP = 0.05;
+var GAP = 8;
+var FALLBACK_HEIGHT = 58;
+var OFFSCREEN = "150%";
+var ease = "var(--ease-out)";
+var cardMotion = `transform ${MOTION_MS}ms ${ease}, height 150ms ${ease}`;
+var contentMotion = `opacity 250ms ${ease}`;
+function StackedToast({ record, index, y, scale, height, beyond, contentVisible, onMeasure, onForget }) {
+  const { id, title, open, duration, exit: _exit, intent = "neutral", icon = true, closeButton = true, ...options } = record;
+  const [entered, setEntered] = React.useState(false);
+  const cardRef = React.useRef(null);
+  React.useLayoutEffect(() => {
+    cardRef.current?.getBoundingClientRect();
+    setEntered(true);
+  }, []);
+  const measured = React.useCallback(
+    (node) => {
+      if (!node) return;
+      const card2 = node.parentElement;
+      const report = () => {
+        const cs = getComputedStyle(card2);
+        const chrome = ["paddingTop", "paddingBottom", "borderTopWidth", "borderBottomWidth"].reduce((t, k) => t + parseFloat(cs[k]), 0);
+        onMeasure(id, node.offsetHeight + chrome);
+      };
+      report();
+      const observer = new ResizeObserver(report);
+      observer.observe(node);
+      return () => {
+        observer.disconnect();
+        onForget(id);
+      };
+    },
+    [id, onMeasure, onForget]
+  );
+  const inPlace = entered && open;
+  return /* @__PURE__ */ jsx(
+    Toast$1.Root,
+    {
+      "data-slot": "toast",
+      "data-intent": intent,
+      forceMount: true,
+      open,
+      onOpenChange: (next) => !next && close(id),
+      duration: duration ?? 5e3,
+      type: radixType(intent),
+      className: cn(
+        "absolute inset-x-0 bottom-0 origin-bottom outline-none",
+        "focus-visible:[&>div]:[box-shadow:0_0_0_2px_var(--action-focus-ring)]",
+        "data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x) data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x)",
+        "data-[swipe=cancel]:transition-[translate] data-[swipe=cancel]:duration-(--duration-base) data-[swipe=cancel]:ease-(--ease-out)"
+      ),
+      style: {
+        transform: `translate3d(0, ${y}px, 0) scale(${scale})`,
+        opacity: beyond ? 0 : 1,
+        zIndex: 1e3 - index,
+        pointerEvents: beyond || !open ? "none" : void 0,
+        transition: `transform ${MOTION_MS}ms ${ease}, opacity ${MOTION_MS}ms ${ease}`
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: cardRef,
+          className: cn("pointer-events-auto", card(intent), "items-start"),
+          style: {
+            transform: inPlace ? "translate3d(0, 0, 0)" : `translate3d(0, ${OFFSCREEN}, 0)`,
+            height,
+            transition: cardMotion,
+            willChange: "transform"
+          },
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: measured,
+              className: "flex w-full min-w-0 items-center gap-2.5",
+              style: { opacity: contentVisible ? 1 : 0, transition: contentMotion },
+              "aria-hidden": !contentVisible || void 0,
+              inert: !contentVisible || void 0,
+              children: /* @__PURE__ */ jsx(
+                ToastContent,
+                {
+                  title,
+                  intent,
+                  icon,
+                  closeButton,
+                  onAction: () => close(id, "action"),
+                  ...options
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function Toaster({ className, limit = 3, children }) {
+  const all = React.useSyncExternalStore(subscribe, snapshot, snapshot);
+  const stack = React.useMemo(() => [...all].reverse(), [all]);
+  const [hovered, setHovered] = React.useState(false);
+  const [focused, setFocused] = React.useState(false);
+  const viewportRef = React.useRef(null);
+  React.useEffect(() => {
+    const el = viewportRef.current;
+    if (!el) return;
+    const enter = () => setHovered(true);
+    const leave = () => setHovered(false);
+    const focusIn = () => setFocused(true);
+    const focusOut = (e) => {
+      if (!el.contains(e.relatedTarget)) setFocused(false);
+    };
+    el.addEventListener("pointermove", enter);
+    el.addEventListener("pointerleave", leave);
+    el.addEventListener("focusin", focusIn);
+    el.addEventListener("focusout", focusOut);
+    return () => {
+      el.removeEventListener("pointermove", enter);
+      el.removeEventListener("pointerleave", leave);
+      el.removeEventListener("focusin", focusIn);
+      el.removeEventListener("focusout", focusOut);
+    };
+  }, []);
+  const expanded = (hovered || focused) && stack.some((r) => r.open);
+  const [heights, setHeights] = React.useState({});
+  const measure = React.useCallback((id, h) => setHeights((c) => c[id] === h ? c : { ...c, [id]: h }), []);
+  const forget = React.useCallback(
+    (id) => setHeights((c) => {
+      if (!(id in c)) return c;
+      const { [id]: _, ...rest } = c;
+      return rest;
+    }),
+    []
+  );
+  const placed = [];
+  let cursor = 0;
+  for (const record of stack) {
+    placed.push({ record, index: cursor });
+    if (record.open) cursor += 1;
+  }
+  const slots = stack.filter((r) => r.open).map((r) => heights[r.id] ?? FALLBACK_HEIGHT);
+  const depth = Math.max(limit, 1);
+  const frontHeight = slots[0] ?? FALLBACK_HEIGHT;
+  const scaleOf = (slot) => expanded ? 1 : Math.max(1 - slot * SCALE_STEP, 0);
+  const offset = (slot) => {
+    if (!expanded) return slot * PEEK + (1 - scaleOf(slot)) * frontHeight;
+    let y = 0;
+    for (let i = 0; i < slot; i++) y += (slots[i] ?? FALLBACK_HEIGHT) + GAP;
+    return y;
+  };
+  const count = Math.min(slots.length, depth);
+  const height = expanded ? slots.slice(0, count).reduce((t, h, i) => t + h + (i ? GAP : 0), 0) : count ? frontHeight + (count - 1) * PEEK : 0;
+  return /* @__PURE__ */ jsxs(Toast$1.Provider, { swipeDirection: "right", label: "Notifications", children: [
+    children,
+    placed.map(({ record, index }) => {
+      const slot = Math.min(index, depth - 1);
+      return /* @__PURE__ */ jsx(
+        StackedToast,
+        {
+          record,
+          index,
+          y: -offset(slot),
+          scale: scaleOf(slot),
+          height: !expanded && slot > 0 && record.open ? frontHeight : heights[record.id],
+          beyond: index >= depth,
+          contentVisible: expanded || index === 0,
+          onMeasure: measure,
+          onForget: forget
+        },
+        record.id
+      );
+    }),
+    /* @__PURE__ */ jsx(
+      Toast$1.Viewport,
+      {
+        ref: viewportRef,
+        style: { height, transition: `height ${MOTION_MS}ms var(--ease-out)` },
+        className: cn(
+          "fixed right-4 bottom-4 z-[100] m-0 w-[397px] max-w-[calc(100%-32px)] list-none p-0 outline-none",
+          className
+        )
+      }
+    )
+  ] });
+}
+
+export { Toast, Toaster, toast };
+//# sourceMappingURL=chunk-2HKBZFIK.js.map
+//# sourceMappingURL=chunk-2HKBZFIK.js.map

package/chunk-2HKBZFIK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toast.tsx"],"names":["r","ToastPrimitive","card"],"mappings":"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","file":"chunk-2HKBZFIK.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Toast as ToastPrimitive } from 'radix-ui'\nimport { cn } from '../lib/utils'\nimport { Button } from './button'\n\n/**\n * Toast, 1:1 with the uiKit `Toast` set (3650:17696): intent neutral, info, success, warning or\n * error. A 397px popover surface, radius-xl, border/default, the shadcn `lg` shadow, padding\n * 10 left / 8 right and 10 top and bottom (12 at the bottom on the four status intents, as in\n * Figma). A 36px radius-md icon tile in the intent's status bg, a 13px medium title (20px line)\n * over a 13px muted description (16px line), then an optional secondary action and a 24px close.\n *\n * Built on the Radix Toast. Render one `<Toaster />` near the root and call `toast()` anywhere:\n *   toast.success('Booking confirmed', { description: 'Table for 4…', action: { label: 'Undo' } })\n *\n * The Toaster stacks them bottom-right, newest in front. Behind it, the next ones peek 16px above,\n * each 5% smaller, cut to the front one's height with their content faded out, so the stack is\n * even; three show at most and the rest wait, parked in the last place. Hovering or focusing the\n * stack unfolds it, one under another 8px apart at their own heights, every toast readable, and\n * pauses their timers.\n *\n * Toasts move as whole cards and never fade on the way: a new one slides up from below the\n * stack (150% of its height), a closed one slides back down the same way, and the rest move to\n * their new places at the same time. Every move is one transform on one element, 500 ms on the\n * kit's ease-out, so a toast added or closed mid-move just carries on from where it is. The\n * cut to the front one's height eases over 150 ms, the content fade over 250 ms.\n */\nexport type ToastIntent = 'neutral' | 'info' | 'success' | 'warning' | 'error'\n\nexport interface ToastAction {\n  label: string\n  onClick?: () => void\n}\n\nexport interface ToastOptions {\n  description?: React.ReactNode\n  intent?: ToastIntent\n  action?: ToastAction\n  /** The small close button on the right. */\n  closeButton?: boolean\n  /** The status icon tile on the left. */\n  icon?: boolean\n  /** Milliseconds before it closes by itself. `Infinity` keeps it until dismissed. */\n  duration?: number\n  id?: string\n}\n\ntype ExitReason = 'close' | 'action'\ntype ToastRecord = ToastOptions & { id: string; title: React.ReactNode; open: boolean; exit?: ExitReason }\n\n/** Enter, exit and re-stack, ms. A closed toast stays this long to play out. */\nconst MOTION_MS = 500\n\n/* ---------- the store behind toast() ---------- */\n\nlet records: ToastRecord[] = []\nconst listeners = new Set<() => void>()\nlet counter = 0\n\nfunction emit() {\n  for (const listener of listeners) listener()\n}\nfunction subscribe(listener: () => void) {\n  listeners.add(listener)\n  return () => listeners.delete(listener)\n}\nfunction snapshot() {\n  return records\n}\n\nfunction show(title: React.ReactNode, options: ToastOptions = {}) {\n  const id = options.id ?? `toast-${++counter}`\n  const next: ToastRecord = { ...options, id, title, open: true }\n  records = records.some((r) => r.id === id) ? records.map((r) => (r.id === id ? next : r)) : [...records, next]\n  emit()\n  return id\n}\n\nfunction remove(id: string) {\n  records = records.filter((r) => r.id !== id)\n  emit()\n}\n\n/** Marks a toast as leaving, so the stack can play it out, and drops it one motion later. */\nfunction close(id: string, reason: ExitReason = 'close') {\n  const r = records.find((r) => r.id === id)\n  if (!r || !r.open) return\n  records = records.map((r) => (r.id === id ? { ...r, open: false, exit: reason } : r))\n  emit()\n  setTimeout(() => remove(id), MOTION_MS)\n}\n\ntype Shortcut = (title: React.ReactNode, options?: Omit<ToastOptions, 'intent'>) => string\n\n/** Show a toast. Returns its id, which `toast.dismiss(id)` takes. */\nexport const toast = Object.assign((title: React.ReactNode, options?: ToastOptions) => show(title, options), {\n  info: ((title, options) => show(title, { ...options, intent: 'info' })) as Shortcut,\n  success: ((title, options) => show(title, { ...options, intent: 'success' })) as Shortcut,\n  warning: ((title, options) => show(title, { ...options, intent: 'warning' })) as Shortcut,\n  error: ((title, options) => show(title, { ...options, intent: 'error' })) as Shortcut,\n  /** Close one toast, or all of them. */\n  dismiss: (id?: string) => {\n    for (const r of id === undefined ? records : records.filter((r) => r.id === id)) close(r.id)\n  },\n})\n\n/* ---------- glyphs, from Figma ---------- */\n\nconst tile: Record<ToastIntent, string> = {\n  neutral: 'bg-status-neutral-bg text-text-default',\n  info: 'bg-status-sky-bg text-status-sky-fg',\n  success: 'bg-status-green-bg text-status-green-fg',\n  warning: 'bg-status-amber-bg text-status-amber-fg',\n  // Figma draws the error glyph in action/destructive (#DC2626), not status-red-fg.\n  error: 'bg-status-red-bg text-action-destructive-bg',\n}\n\nfunction IntentIcon({ intent }: { intent: ToastIntent }) {\n  if (intent === 'neutral') {\n    // Notification glyph, 14px inside a 16px box.\n    return (\n      <svg width=\"16\" height=\"16\" viewBox=\"-1 -1 16 16\" fill=\"none\" aria-hidden>\n        <g stroke=\"currentColor\" style={{ strokeWidth: 1.25 }} strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <path d=\"M11.2738 4.61052C12.3146 4.61052 13.1582 3.76684 13.1582 2.72612C13.1582 1.6854 12.3146 0.841726 11.2738 0.841726C10.2331 0.841726 9.38944 1.6854 9.38944 2.72612C9.38944 3.76684 10.2331 4.61052 11.2738 4.61052Z\" />\n          <path d=\"M12.9121 7.12311V9.13483C12.9121 11.3569 11.1107 13.1583 8.88866 13.1583H4.86521C2.64313 13.1583 0.84177 11.3569 0.84177 9.13483V5.11139C0.84177 2.8893 2.64313 1.08794 4.86521 1.08794H6.87694\" />\n        </g>\n      </svg>\n    )\n  }\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden>\n      <g stroke=\"currentColor\" style={{ strokeWidth: 1.25 }} strokeLinecap=\"round\" strokeLinejoin=\"round\">\n        {intent === 'success' ? (\n          <path d=\"M3.33333 8.66667L6 11.3333L12.6667 4.66667\" />\n        ) : (\n          <>\n            {intent === 'info' ? (\n              <>\n                <path d=\"M8 7.70494V10.6557\" />\n                <path d=\"M8 5.35022L8.0059 5.34366\" />\n              </>\n            ) : (\n              <>\n                <path d=\"M8 5.34428V8.29506\" />\n                <path d=\"M8 10.6563L8.0059 10.6498\" />\n              </>\n            )}\n            <path d=\"M8 13.9015C11.2593 13.9015 13.9015 11.2593 13.9015 8C13.9015 4.74066 11.2593 2.09845 8 2.09845C4.74066 2.09845 2.09845 4.74066 2.09845 8C2.09845 11.2593 4.74066 13.9015 8 13.9015Z\" />\n          </>\n        )}\n      </g>\n    </svg>\n  )\n}\n\n/* ---------- one toast ---------- */\n\nexport interface ToastProps extends Omit<React.ComponentProps<typeof ToastPrimitive.Root>, 'title'> {\n  title: React.ReactNode\n  description?: React.ReactNode\n  intent?: ToastIntent\n  action?: ToastAction\n  closeButton?: boolean\n  icon?: boolean\n}\n\n/** The card surface: popover bg, border/default, radius-xl, the shadcn `lg` shadow. */\nconst card = (intent: ToastIntent) =>\n  cn(\n    'relative flex w-full items-center gap-2.5 overflow-clip pr-2 pl-2.5',\n    intent === 'neutral' ? 'py-2.5' : 'pt-2.5 pb-3',\n    'rounded-xl border border-border-default bg-bg-popover',\n    '[box-shadow:0_4px_6px_-4px_var(--effect-shadow-sm),0_10px_15px_-3px_var(--effect-shadow-sm)]',\n  )\n\n/** What sits on the card: the icon tile, title and description, the action and the close. */\nfunction ToastContent({\n  title,\n  description,\n  intent,\n  action,\n  closeButton,\n  icon,\n  onAction,\n}: Pick<ToastProps, 'title' | 'description' | 'action' | 'closeButton' | 'icon'> & {\n  intent: ToastIntent\n  onAction?: () => void\n}) {\n  return (\n    <>\n      {icon && (\n        <div className={cn('grid size-9 shrink-0 place-items-center rounded-md', tile[intent])}>\n          <IntentIcon intent={intent} />\n        </div>\n      )}\n      <div className=\"flex min-w-0 flex-1 flex-col text-sm\">\n        <ToastPrimitive.Title className=\"leading-5 font-medium text-text-default\">{title}</ToastPrimitive.Title>\n        {description ? (\n          <ToastPrimitive.Description className=\"leading-4 text-text-muted\">{description}</ToastPrimitive.Description>\n        ) : null}\n      </div>\n      {(action || closeButton) && (\n        <div className=\"flex shrink-0 items-center gap-1\">\n          {action && (\n            <ToastPrimitive.Action asChild altText={action.label}>\n              <Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onAction?.()\n                  action.onClick?.()\n                }}\n              >\n                {action.label}\n              </Button>\n            </ToastPrimitive.Action>\n          )}\n          {closeButton && (\n            <ToastPrimitive.Close asChild>\n              <Button variant=\"tertiary\" size=\"xs\" iconOnly aria-label=\"Close\" className=\"rounded-md text-text-muted\">\n                {/* 14px X at 1.09, from Figma. */}\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden>\n                  <path\n                    d=\"M3.94232 10.0582L7.00053 7M7.00053 7L10.0587 3.94179M7.00053 7L3.94232 3.94179M7.00053 7L10.0587 10.0582\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"1.09375\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  />\n                </svg>\n              </Button>\n            </ToastPrimitive.Close>\n          )}\n        </div>\n      )}\n    </>\n  )\n}\n\nconst radixType = (intent: ToastIntent) => (intent === 'error' || intent === 'warning' ? 'foreground' : 'background')\n\n/** A single toast on its own. Lives inside `<Toaster>` (it needs the Radix toast provider). */\nexport function Toast({\n  title,\n  description,\n  intent = 'neutral',\n  action,\n  closeButton = true,\n  icon = true,\n  duration = 5000,\n  className,\n  ...props\n}: ToastProps) {\n  return (\n    <ToastPrimitive.Root\n      data-slot=\"toast\"\n      data-intent={intent}\n      duration={duration}\n      type={radixType(intent)}\n      className={cn(\n        'pointer-events-auto',\n        card(intent),\n        'focus-visible:[box-shadow:0_0_0_2px_var(--action-focus-ring)] focus-visible:outline-none',\n        'data-[state=open]:animate-[satin-enter_var(--duration-base)_var(--ease-out)]',\n        className,\n      )}\n      {...props}\n    >\n      <ToastContent title={title} description={description} intent={intent} action={action} closeButton={closeButton} icon={icon} />\n    </ToastPrimitive.Root>\n  )\n}\n\n/* ---------- the stack ---------- */\n\n/** Peek of each toast behind the front one, px; the scale each step back loses; gap unfolded, px. */\nconst PEEK = 16\nconst SCALE_STEP = 0.05\nconst GAP = 8\nconst FALLBACK_HEIGHT = 58\n\n/** Where a toast comes in from and goes to: this much of its own height below its place. */\nconst OFFSCREEN = '150%'\nconst ease = 'var(--ease-out)'\nconst cardMotion = `transform ${MOTION_MS}ms ${ease}, height 150ms ${ease}`\nconst contentMotion = `opacity 250ms ${ease}`\n\ninterface StackedToastProps {\n  record: ToastRecord\n  index: number\n  /** Its place in the stack, px up from the bottom, and its scale. */\n  y: number\n  scale: number\n  /** Cut to this height (the front toast's) while it waits behind; undefined shows its own. */\n  height?: number\n  beyond: boolean\n  contentVisible: boolean\n  onMeasure: (id: string, height: number) => void\n  onForget: (id: string) => void\n}\n\n/**\n * One toast in the stack, on two elements so the two movements never fight over one transform:\n * the `li` (the Radix root) takes its place in the stack, the card inside slides in and out.\n */\nfunction StackedToast({ record, index, y, scale, height, beyond, contentVisible, onMeasure, onForget }: StackedToastProps) {\n  const { id, title, open, duration, exit: _exit, intent = 'neutral', icon = true, closeButton = true, ...options } = record\n  const [entered, setEntered] = React.useState(false)\n  const cardRef = React.useRef<HTMLDivElement>(null)\n  React.useLayoutEffect(() => {\n    // Read the start (below the stack) so the browser has it, then move to the place: the\n    // transition runs from there without waiting on animation frames.\n    cardRef.current?.getBoundingClientRect()\n    setEntered(true)\n  }, [])\n\n  // Its own height, whatever the stack cuts it to: the content plus the card's padding and border.\n  const measured = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      if (!node) return\n      const card = node.parentElement as HTMLElement\n      const report = () => {\n        const cs = getComputedStyle(card)\n        const chrome = ['paddingTop', 'paddingBottom', 'borderTopWidth', 'borderBottomWidth'].reduce((t, k) => t + parseFloat(cs[k as 'paddingTop']), 0)\n        onMeasure(id, node.offsetHeight + chrome)\n      }\n      report()\n      const observer = new ResizeObserver(report)\n      observer.observe(node)\n      return () => {\n        observer.disconnect()\n        onForget(id)\n      }\n    },\n    [id, onMeasure, onForget],\n  )\n\n  const inPlace = entered && open\n\n  return (\n    <ToastPrimitive.Root\n      data-slot=\"toast\"\n      data-intent={intent}\n      // Kept mounted while it plays out; the store drops it one motion later.\n      forceMount\n      open={open}\n      onOpenChange={(next) => !next && close(id)}\n      duration={duration ?? 5000}\n      type={radixType(intent)}\n      className={cn(\n        'absolute inset-x-0 bottom-0 origin-bottom outline-none',\n        'focus-visible:[&>div]:[box-shadow:0_0_0_2px_var(--action-focus-ring)]',\n        'data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x) data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x)',\n        'data-[swipe=cancel]:transition-[translate] data-[swipe=cancel]:duration-(--duration-base) data-[swipe=cancel]:ease-(--ease-out)',\n      )}\n      style={{\n        transform: `translate3d(0, ${y}px, 0) scale(${scale})`,\n        opacity: beyond ? 0 : 1,\n        zIndex: 1000 - index,\n        pointerEvents: beyond || !open ? 'none' : undefined,\n        transition: `transform ${MOTION_MS}ms ${ease}, opacity ${MOTION_MS}ms ${ease}`,\n      }}\n    >\n      <div\n        ref={cardRef}\n        className={cn('pointer-events-auto', card(intent), 'items-start')}\n        style={{\n          transform: inPlace ? 'translate3d(0, 0, 0)' : `translate3d(0, ${OFFSCREEN}, 0)`,\n          height,\n          transition: cardMotion,\n          willChange: 'transform',\n        }}\n      >\n        <div\n          ref={measured}\n          className=\"flex w-full min-w-0 items-center gap-2.5\"\n          style={{ opacity: contentVisible ? 1 : 0, transition: contentMotion }}\n          // The cards behind the front one show no content, so nothing in them can be reached.\n          aria-hidden={!contentVisible || undefined}\n          inert={!contentVisible || undefined}\n        >\n          <ToastContent\n            title={title}\n            intent={intent}\n            icon={icon}\n            closeButton={closeButton}\n            onAction={() => close(id, 'action')}\n            {...options}\n          />\n        </div>\n      </div>\n    </ToastPrimitive.Root>\n  )\n}\n\n/* ---------- the region ---------- */\n\nexport interface ToasterProps {\n  /** Classes for the viewport; `absolute` instead of `fixed` keeps it inside a positioned parent. */\n  className?: string\n  /** Most toasts on screen at once; the rest wait behind. */\n  limit?: number\n  /** Your own controlled `<Toast>`s, rendered alongside the ones from `toast()`. */\n  children?: React.ReactNode\n}\n\nexport function Toaster({ className, limit = 3, children }: ToasterProps) {\n  const all = React.useSyncExternalStore(subscribe, snapshot, snapshot)\n  // Newest first: index 0 is the front of the stack.\n  const stack = React.useMemo(() => [...all].reverse(), [all])\n\n  const [hovered, setHovered] = React.useState(false)\n  const [focused, setFocused] = React.useState(false)\n  // Native listeners: the toasts are portalled into the viewport, so React's own events from\n  // them never reach it. pointermove (as Radix's pause uses) also catches a pointer at rest there.\n  const viewportRef = React.useRef<HTMLOListElement>(null)\n  React.useEffect(() => {\n    const el = viewportRef.current\n    if (!el) return\n    const enter = () => setHovered(true)\n    const leave = () => setHovered(false)\n    const focusIn = () => setFocused(true)\n    const focusOut = (e: FocusEvent) => {\n      if (!el.contains(e.relatedTarget as Node | null)) setFocused(false)\n    }\n    el.addEventListener('pointermove', enter)\n    el.addEventListener('pointerleave', leave)\n    el.addEventListener('focusin', focusIn)\n    el.addEventListener('focusout', focusOut)\n    return () => {\n      el.removeEventListener('pointermove', enter)\n      el.removeEventListener('pointerleave', leave)\n      el.removeEventListener('focusin', focusIn)\n      el.removeEventListener('focusout', focusOut)\n    }\n  }, [])\n  const expanded = (hovered || focused) && stack.some((r) => r.open)\n\n  const [heights, setHeights] = React.useState<Record<string, number>>({})\n  const measure = React.useCallback((id: string, h: number) => setHeights((c) => (c[id] === h ? c : { ...c, [id]: h })), [])\n  const forget = React.useCallback(\n    (id: string) =>\n      setHeights((c) => {\n        if (!(id in c)) return c\n        const { [id]: _, ...rest } = c\n        return rest\n      }),\n    [],\n  )\n\n  // A toast on its way out keeps its index but frees its place, so the ones behind move up.\n  const placed: { record: ToastRecord; index: number }[] = []\n  let cursor = 0\n  for (const record of stack) {\n    placed.push({ record, index: cursor })\n    if (record.open) cursor += 1\n  }\n  const slots = stack.filter((r) => r.open).map((r) => heights[r.id] ?? FALLBACK_HEIGHT)\n  const depth = Math.max(limit, 1)\n  const frontHeight = slots[0] ?? FALLBACK_HEIGHT\n  const scaleOf = (slot: number) => (expanded ? 1 : Math.max(1 - slot * SCALE_STEP, 0))\n\n  // Px up from the bottom. Folded, every card is the front one's height, scaled from its bottom\n  // edge, so lifting it by the height it lost puts its top exactly PEEK above the one in front.\n  const offset = (slot: number) => {\n    if (!expanded) return slot * PEEK + (1 - scaleOf(slot)) * frontHeight\n    let y = 0\n    for (let i = 0; i < slot; i++) y += (slots[i] ?? FALLBACK_HEIGHT) + GAP\n    return y\n  }\n\n  // The viewport covers the whole stack, gaps included, so moving between toasts never refolds it.\n  const count = Math.min(slots.length, depth)\n  const height = expanded\n    ? slots.slice(0, count).reduce((t, h, i) => t + h + (i ? GAP : 0), 0)\n    : count\n      ? frontHeight + (count - 1) * PEEK\n      : 0\n\n  return (\n    <ToastPrimitive.Provider swipeDirection=\"right\" label=\"Notifications\">\n      {children}\n      {placed.map(({ record, index }) => {\n        const slot = Math.min(index, depth - 1)\n        return (\n          <StackedToast\n            key={record.id}\n            record={record}\n            index={index}\n            y={-offset(slot)}\n            scale={scaleOf(slot)}\n            height={!expanded && slot > 0 && record.open ? frontHeight : heights[record.id]}\n            beyond={index >= depth}\n            contentVisible={expanded || index === 0}\n            onMeasure={measure}\n            onForget={forget}\n          />\n        )\n      })}\n      <ToastPrimitive.Viewport\n        ref={viewportRef}\n        style={{ height, transition: `height ${MOTION_MS}ms var(--ease-out)` }}\n        className={cn(\n          'fixed right-4 bottom-4 z-[100] m-0 w-[397px] max-w-[calc(100%-32px)] list-none p-0 outline-none',\n          className,\n        )}\n      />\n    </ToastPrimitive.Provider>\n  )\n}\n"]}

package/chunk-3DINAQLL.js

@@ -0,0 +1,153 @@
+import { KbdGroup } from './chunk-BKZBWPUH.js';
+import { cn } from './chunk-H63FYCMY.js';
+import 'react';
+import { DropdownMenu as DropdownMenu$1 } from 'radix-ui';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var menuSurfaceClass = cn(
+  "rounded-xl border border-border-subtle bg-bg-popover",
+  "[box-shadow:0_1px_3px_0_var(--effect-shadow-sm),0_1px_2px_-1px_var(--effect-shadow-sm)]"
+);
+var menuGroupClass = "flex flex-col gap-1 not-last:after:block not-last:after:h-px not-last:after:bg-bg-muted";
+var menuGroupLabelClass = "flex h-6 items-center px-3 text-xs leading-3 tracking-normal text-text-subtle";
+function DropdownMenu({
+  trigger,
+  children,
+  open,
+  defaultOpen,
+  onOpenChange,
+  modal = true,
+  side = "bottom",
+  align = "start",
+  sideOffset = 8,
+  container,
+  onFocusOutside,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DropdownMenu$1.Root, { open, defaultOpen, onOpenChange, modal, children: [
+    /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { container, children: /* @__PURE__ */ jsx(
+      DropdownMenu$1.Content,
+      {
+        "data-slot": "dropdown-menu",
+        "aria-label": props["aria-label"],
+        side,
+        align,
+        sideOffset,
+        collisionPadding: 8,
+        onFocusOutside,
+        className: cn(
+          "pointer-events-auto z-50 flex w-[255px] max-w-[520px] flex-col gap-1 overflow-x-clip overflow-y-auto p-1",
+          "max-h-(--radix-dropdown-menu-content-available-height)",
+          menuSurfaceClass,
+          "origin-(--radix-dropdown-menu-content-transform-origin) outline-none",
+          "data-[state=open]:animate-[satin-enter_var(--duration-base)_var(--ease-out)]",
+          className
+        ),
+        children
+      }
+    ) })
+  ] });
+}
+function DropdownMenuGroup({ label, children, className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenu$1.Group,
+    {
+      "data-slot": "dropdown-group",
+      className: cn(menuGroupClass, className),
+      ...props,
+      children: [
+        label ? /* @__PURE__ */ jsx(DropdownMenu$1.Label, { className: menuGroupLabelClass, children: label }) : null,
+        children
+      ]
+    }
+  );
+}
+var menuItemClass = cn(
+  "flex min-h-menu-row w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-1.5 text-left outline-none select-none focus-visible:ring-0",
+  "transition-colors duration-(--duration-fast) ease-(--ease-out)",
+  "data-[highlighted]:bg-bg-selected data-[force=hover]:bg-bg-selected data-[selected]:bg-bg-selected",
+  "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+  "[&_svg]:pointer-events-none [&_svg]:shrink-0"
+);
+function MenuItemContent({
+  label,
+  description,
+  icon,
+  iconSize = 16,
+  selected = false,
+  layout = "stacked",
+  shortcut,
+  renderLabel = (l) => l
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "grid shrink-0 place-items-center text-text-muted",
+          iconSize === 20 ? "size-5 [&_svg]:size-5 [&_svg]:[stroke-width:1.5]" : "size-4 [&_svg]:size-4 [&_svg]:[stroke-width:1.875]"
+        ),
+        children: icon
+      }
+    ) : null,
+    layout === "stacked" ? /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col justify-center gap-0.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-base leading-5 font-medium text-text-default", children: renderLabel(label) }),
+      description ? /* @__PURE__ */ jsx("span", { className: "text-sm leading-[18px] text-text-muted", children: description }) : null
+    ] }) : /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 items-baseline gap-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-base leading-5 font-medium whitespace-nowrap text-text-default", children: renderLabel(label) }),
+      description ? /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-text-muted", children: description }) : null
+    ] }),
+    shortcut && /* @__PURE__ */ jsx(KbdGroup, { keys: shortcut, "aria-hidden": true }),
+    selected && /* @__PURE__ */ jsx("span", { className: "sr-only", children: "(selected)" }),
+    selected && /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, className: "text-status-green-fg", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M3.33333 8.66667L6 11.3333L12.6667 4.66667",
+        stroke: "currentColor",
+        strokeWidth: "1.25",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ) })
+  ] });
+}
+function DropdownMenuItem({
+  label,
+  description,
+  icon,
+  iconSize = 16,
+  selected = false,
+  layout = "stacked",
+  shortcut,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.Item,
+    {
+      "data-slot": "dropdown-item",
+      "data-selected": selected || void 0,
+      textValue: label,
+      className: cn(menuItemClass, className),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        MenuItemContent,
+        {
+          label,
+          description,
+          icon,
+          iconSize,
+          selected,
+          layout,
+          shortcut
+        }
+      )
+    }
+  );
+}
+
+export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuGroupClass, menuGroupLabelClass, menuItemClass, menuSurfaceClass };
+//# sourceMappingURL=chunk-3DINAQLL.js.map
+//# sourceMappingURL=chunk-3DINAQLL.js.map