@crewlethq/ui 0.15.1 → 0.17.0

package/dist/chunk-CXBAIVYZ.js

@@ -0,0 +1,39 @@
+import { InlineCode } from './chunk-5CLW2CXT.js';
+import { FormField, Input } from './chunk-4GB57WIT.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function confirmMatches(typed, phrase) {
+  return phrase !== "" && typed.trim() === phrase;
+}
+var defaultLabel = (phrase) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  "Type ",
+  phrase,
+  " to confirm"
+] });
+function ConfirmField({
+  phrase,
+  value,
+  onValueChange,
+  label = defaultLabel,
+  helper,
+  autoFocus,
+  className
+}) {
+  return /* @__PURE__ */ jsx(FormField, { label: label(/* @__PURE__ */ jsx(InlineCode, { children: phrase })), helper, className, children: (field) => /* @__PURE__ */ jsx(
+    Input,
+    {
+      id: field.id,
+      "aria-describedby": field.describedBy,
+      autoFocus,
+      width: "full",
+      spellCheck: false,
+      autoComplete: "off",
+      autoCapitalize: "none",
+      autoCorrect: "off",
+      value,
+      onChange: (event) => onValueChange(event.target.value)
+    }
+  ) });
+}
+
+export { ConfirmField, confirmMatches };

package/dist/chunk-DTIW4CHZ.js

@@ -0,0 +1,37 @@
+import { useState, useRef, useEffect, useCallback } from 'react';
+
+// src/utils/useOutcome.ts
+function useOutcome({ resetMs = 2e3, failedResetMs } = {}) {
+  const [{ state, attempt }, setOutcome] = useState({
+    state: "idle",
+    attempt: 0
+  });
+  const timer = useRef(void 0);
+  const live = useRef(true);
+  useEffect(() => {
+    live.current = true;
+    return () => {
+      live.current = false;
+      clearTimeout(timer.current);
+      timer.current = void 0;
+    };
+  }, []);
+  const run = useCallback(
+    async (task) => {
+      const ok = await task();
+      if (!live.current) return ok;
+      setOutcome((prior) => ({ state: ok ? "done" : "failed", attempt: prior.attempt + 1 }));
+      clearTimeout(timer.current);
+      timer.current = void 0;
+      const after = ok ? resetMs : failedResetMs === void 0 ? resetMs : failedResetMs;
+      if (after !== null) {
+        timer.current = setTimeout(() => setOutcome((prior) => ({ ...prior, state: "idle" })), after);
+      }
+      return ok;
+    },
+    [resetMs, failedResetMs]
+  );
+  return { state, attempt, run };
+}
+
+export { useOutcome };

package/dist/chunk-F6NZOVWL.js

@@ -0,0 +1,68 @@
+import { useOutcome } from './chunk-DTIW4CHZ.js';
+import { useCallback } from 'react';
+
+var DEFAULT_MIME = "text/plain;charset=utf-8";
+function useDownload(options = {}) {
+  const outcome = useOutcome(options);
+  const { run } = outcome;
+  const download = useCallback(
+    (text, filename, mime = DEFAULT_MIME) => run(() => downloadText(typeof text === "function" ? text() : text, filename, mime).started),
+    [run]
+  );
+  const state = outcome.state === "done" ? "started" : outcome.state;
+  return { state, attempt: outcome.attempt, download };
+}
+function downloadText(text, filename, mime = DEFAULT_MIME) {
+  const name = safeFilename(filename);
+  if (typeof URL === "undefined" || typeof URL.createObjectURL !== "function" || typeof HTMLAnchorElement === "undefined" || !("download" in HTMLAnchorElement.prototype)) {
+    return { started: false, name };
+  }
+  let url = "";
+  try {
+    url = URL.createObjectURL(new Blob([text], { type: mime }));
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = name;
+    document.body.appendChild(link);
+    try {
+      link.click();
+    } finally {
+      link.remove();
+    }
+    return { started: true, name };
+  } catch {
+    return { started: false, name };
+  } finally {
+    if (url) setTimeout(() => URL.revokeObjectURL(url), 0);
+  }
+}
+var MAX_EXTENSION = 12;
+var MAX_FILENAME = 120;
+var encoder = new TextEncoder();
+function bytes(value) {
+  return encoder.encode(value).length;
+}
+function cutToBytes(value, max) {
+  if (max <= 0) return "";
+  if (bytes(value) <= max) return value;
+  let out = "";
+  let used = 0;
+  for (const character of value) {
+    const size = bytes(character);
+    if (used + size > max) break;
+    out += character;
+    used += size;
+  }
+  return out;
+}
+function safeFilename(name) {
+  const cleaned = name.replace(/[^\p{L}\p{M}\p{N}_.-]+/gu, "-").replace(/-{2,}/g, "-");
+  const dot = cleaned.lastIndexOf(".");
+  const tail = cleaned.length - dot;
+  const extension = dot >= 0 && tail >= 2 && tail <= MAX_EXTENSION ? cleaned.slice(dot) : "";
+  const stem = (extension ? cleaned.slice(0, dot) : cleaned).replace(/^[-.]+/, "");
+  if (!stem) return `download${extension}`;
+  return cutToBytes(stem, MAX_FILENAME - bytes(extension)) + extension;
+}
+
+export { downloadText, safeFilename, useDownload };

package/dist/{chunk-LCF4WPYS.js → chunk-FA2V2VT6.js}

@@ -1,7 +1,7 @@
 import { Skeleton } from './chunk-W5J7R5EB.js';
-import { Modal } from './chunk-K4VORB64.js';
+import { Modal } from './chunk-DEEVA6TV.js';
 import { useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
-import { Input } from './chunk-FTEJPHBI.js';
+import { Input } from './chunk-4GB57WIT.js';
 import { KeyChip, highlightMatch } from './chunk-FYTIJM2T.js';
 import { announce } from './chunk-RSAQOKH3.js';
 import { useMediaMatch } from './chunk-IG75YMUN.js';

package/dist/{chunk-KGTQ5CVD.js → chunk-GDDE4UM7.js}

@@ -1,4 +1,4 @@
-import { CopyButton } from './chunk-YACKC3K2.js';
+import { CopyButton } from './chunk-W46LPU4R.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CodeBlock-GYNJ2HI6.css';
 import { forwardRef, useRef, useState, useLayoutEffect } from 'react';

package/dist/{chunk-EFNHOVC2.js → chunk-HENOTGUV.js}

@@ -1,8 +1,8 @@
 import { HuePicker } from './chunk-NXDEPUVG.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { Popover } from './chunk-BWRGFKJP.js';
-import { CharacterPicker } from './chunk-YXMCUKFI.js';
-import { Avatar } from './chunk-HI6Q2UXQ.js';
+import { CharacterPicker } from './chunk-5PSXBL73.js';
+import { Avatar } from './chunk-5OM447RW.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AvatarPicker-PREY36MG.css';
 import { CREWLET_CHARACTER_GEOMETRY, CREWLET_CHARACTERS } from '@crewlethq/icons/characters';

package/dist/chunk-I7WXZOWA.js

@@ -0,0 +1,90 @@
+import { Link } from './chunk-FBSEJO2C.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ObjectHeader-UNVYM2KD.css';
+import { ArrowUpRightGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function listOf(names) {
+  if (names.length <= 1) return names[0] ?? "";
+  return `${names.slice(0, -1).join(", ")} and ${names[names.length - 1]}`;
+}
+function SetByLine({ setBy, fields, turnLabel = "turn", className }) {
+  return /* @__PURE__ */ jsxs("span", { className: cx("crewlet-set-by", className), children: [
+    fields && fields.length > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      listOf(fields),
+      " \xB7 "
+    ] }) : null,
+    setBy.cleared ? "cleared by " : "set by ",
+    setBy.actor,
+    setBy.ago ? ` \xB7 ${setBy.ago}` : "",
+    setBy.turnHref ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      " \xB7 ",
+      /* @__PURE__ */ jsxs(Link, { className: "crewlet-set-by__turn", href: setBy.turnHref, size: "inherit", children: [
+        turnLabel,
+        " ",
+        /* @__PURE__ */ jsx(ArrowUpRightGlyph, { size: "xs", "aria-hidden": "true" })
+      ] })
+    ] }) : null
+  ] });
+}
+function FactLine({ facts, className }) {
+  const shown = facts.filter((fact) => fact.value !== null && fact.value !== void 0 && fact.value !== "");
+  if (shown.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: cx("crewlet-fact-line", className), children: shown.map((fact) => /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cx(
+        "crewlet-fact-line__fact",
+        fact.token && "crewlet-fact-line__fact--token",
+        fact.set && "crewlet-fact-line__fact--set"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-fact-line__label", children: fact.label }),
+        /* @__PURE__ */ jsxs("span", { className: "crewlet-fact-line__body", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cx(
+                "crewlet-fact-line__value",
+                fact.token ? "crewlet-fact-line__value--token" : !fact.whole && !fact.set && "crewlet-fact-line__value--clamp"
+              ),
+              children: fact.href ? /* @__PURE__ */ jsx(Link, { href: fact.href, size: "inherit", children: fact.value }) : fact.value
+            }
+          ),
+          fact.note ? /* @__PURE__ */ jsx("span", { className: "crewlet-fact-line__note", children: fact.note }) : null,
+          fact.setBy ? /* @__PURE__ */ jsx(SetByLine, { setBy: fact.setBy, className: "crewlet-fact-line__set-by" }) : null
+        ] })
+      ]
+    },
+    fact.label
+  )) });
+}
+function ObjectHeader({
+  kind,
+  icon,
+  identifier,
+  within,
+  title,
+  status,
+  facts,
+  actions,
+  size = "page",
+  className
+}) {
+  return /* @__PURE__ */ jsxs("header", { className: cx("crewlet-object-header", `crewlet-object-header--${size}`, className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "crewlet-object-header__eyebrow", children: [
+      icon ? /* @__PURE__ */ jsx("span", { className: "crewlet-object-header__icon", "aria-hidden": "true", children: icon }) : null,
+      /* @__PURE__ */ jsx("span", { children: kind }),
+      identifier ? /* @__PURE__ */ jsx("span", { className: "crewlet-object-header__id crewlet-object-header__id--mono", children: identifier }) : null,
+      within ? /* @__PURE__ */ jsx("span", { className: "crewlet-object-header__id", children: within }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "crewlet-object-header__head", children: [
+      /* @__PURE__ */ jsx("h2", { className: "crewlet-object-header__title", children: title }),
+      status ? /* @__PURE__ */ jsx("div", { className: "crewlet-object-header__status", children: status }) : null,
+      actions ? /* @__PURE__ */ jsx("div", { className: "crewlet-object-header__actions", children: actions }) : null
+    ] }),
+    facts ? /* @__PURE__ */ jsx(FactLine, { facts }) : null
+  ] });
+}
+
+export { FactLine, ObjectHeader, SetByLine };

package/dist/{chunk-23DHIMJA.js → chunk-IKBK4A5O.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './Text-XIPYYZX2.css';
+import './Text-S3Q4O3IG.css';
 import { jsx } from 'react/jsx-runtime';
 
 function Text({

package/dist/{chunk-DY77H372.js → chunk-JF7X673Z.js}

@@ -1,7 +1,7 @@
 import { Select } from './chunk-FC4YTTFJ.js';
-import { Input } from './chunk-FTEJPHBI.js';
-import { Button } from './chunk-OG6CL3EB.js';
+import { Input } from './chunk-4GB57WIT.js';
 import { today, shiftMonth, CalendarGrid, compareDays } from './chunk-GXQ3B46I.js';
+import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { Popover } from './chunk-BWRGFKJP.js';
 import { isComposing } from './chunk-R25RGPUB.js';

package/dist/{chunk-YYBD73OI.js → chunk-L4ZLXYPO.js}

@@ -1,6 +1,6 @@
 import { TreeGrid } from './chunk-B2Z2CDM5.js';
 import { createTreeModel, treeParent } from './chunk-MY374UUD.js';
-import { OrgLabel } from './chunk-22M7OXKW.js';
+import { OrgLabel } from './chunk-AKEZ3G5V.js';
 import { AddPill } from './chunk-TROLVEZY.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-H3XOMT7W.js → chunk-OYOQU7O5.js}

@@ -3,12 +3,52 @@ import { IconButton } from './chunk-4FQT6ZAY.js';
 import { useModalLayer, focusables } from './chunk-R25RGPUB.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './AppShell-6QUD7NWM.css';
+import './AppShell-RUNVM4WH.css';
 import { createContext, forwardRef, useContext, useId, useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { breakpoint } from '@crewlethq/tokens';
-import { ChevronUpGlyph, MenuGlyph } from '@crewlethq/icons/glyphs';
+import { ChevronUpGlyph, ChevronRightGlyph, MenuGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
+function AccountRow({
+  avatar,
+  name,
+  detail,
+  href,
+  current = false,
+  title,
+  linkSuffix = ", your account",
+  actions,
+  className
+}) {
+  const who = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "crewlet-account-row__avatar", children: avatar }),
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-account-row__text", children: [
+      /* @__PURE__ */ jsx("span", { className: "crewlet-account-row__name", children: name }),
+      detail ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: "," }),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "crewlet-account-row__detail", children: detail })
+      ] }) : null
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-account-row", className), children: [
+    href === void 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-account-row__who", children: who }) : /* @__PURE__ */ jsxs(
+      "a",
+      {
+        className: "crewlet-account-row__who",
+        href,
+        title,
+        "aria-current": current ? "page" : void 0,
+        children: [
+          who,
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: linkSuffix }),
+          /* @__PURE__ */ jsx(ChevronRightGlyph, { size: "xs", className: "crewlet-account-row__go", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    actions ? /* @__PURE__ */ jsx("div", { className: "crewlet-account-row__actions", children: actions }) : null
+  ] });
+}
 var NARROW = `(width < ${breakpoint.shell})`;
 var AppShellContext = createContext(null);
 function useAppShell() {
@@ -259,5 +299,6 @@ AppShell.Rail = AppShellRail;
 AppShell.RailRow = AppShellRailRow;
 AppShell.Topbar = AppShellTopbar;
 AppShell.Toggle = AppShellToggle;
+AppShell.AccountRow = AccountRow;
 
-export { AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell };
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell };

package/dist/{chunk-IYZZL3MZ.js → chunk-PQ63NLFC.js}

@@ -1,9 +1,9 @@
-import { Modal } from './chunk-K4VORB64.js';
+import { Modal } from './chunk-DEEVA6TV.js';
 import { useListbox, useHighlightRest } from './chunk-F73MC7EZ.js';
 import { Kbd } from './chunk-SMBKXWML.js';
-import { Input } from './chunk-FTEJPHBI.js';
-import { Count } from './chunk-BHHIIK3M.js';
+import { Input } from './chunk-4GB57WIT.js';
 import { isComposing } from './chunk-R25RGPUB.js';
+import { Count } from './chunk-BHHIIK3M.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CommandPalette-HBTNKHZQ.css';

package/dist/{chunk-TK6YC5QT.js → chunk-RF5O4FYL.js}

@@ -1,11 +1,11 @@
 import { Menu } from './chunk-NS7BVLL3.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
-import { Checkbox } from './chunk-YCTMKKRA.js';
-import { useClipboard } from './chunk-5VNUYO76.js';
-import { Modal } from './chunk-K4VORB64.js';
+import { Checkbox } from './chunk-75CLJNDQ.js';
+import { useClipboard } from './chunk-STJ7QBC3.js';
+import { Modal } from './chunk-DEEVA6TV.js';
 import { Button } from './chunk-OG6CL3EB.js';
-import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
+import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DataTable-WZK3V62B.css';

package/dist/{chunk-5VNUYO76.js → chunk-STJ7QBC3.js}

@@ -1,32 +1,15 @@
-import { useState, useRef, useEffect, useCallback } from 'react';
+import { useOutcome } from './chunk-DTIW4CHZ.js';
+import { useCallback } from 'react';
 
-// src/utils/useClipboard.ts
 function useClipboard({ resetMs = 2e3, failedResetMs } = {}) {
-  const [state, setState] = useState("idle");
-  const timer = useRef(void 0);
-  const live = useRef(true);
-  useEffect(() => {
-    live.current = true;
-    return () => {
-      live.current = false;
-      clearTimeout(timer.current);
-      timer.current = void 0;
-    };
-  }, []);
+  const outcome = useOutcome({ resetMs, failedResetMs });
+  const { run } = outcome;
   const copy = useCallback(
-    async (text) => {
-      const ok = await writeClipboard(typeof text === "function" ? text() : text);
-      if (!live.current) return ok;
-      setState(ok ? "copied" : "failed");
-      clearTimeout(timer.current);
-      timer.current = void 0;
-      const after = ok ? resetMs : failedResetMs === void 0 ? resetMs : failedResetMs;
-      if (after !== null) timer.current = setTimeout(() => setState("idle"), after);
-      return ok;
-    },
-    [resetMs, failedResetMs]
+    (text) => run(() => writeClipboard(typeof text === "function" ? text() : text)),
+    [run]
   );
-  return { state, copy };
+  const state = outcome.state === "done" ? "copied" : outcome.state;
+  return { state, attempt: outcome.attempt, copy };
 }
 async function writeClipboard(text) {
   try {

package/dist/{chunk-R6FBDTP3.js → chunk-SVSCLHHI.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './Callout-S7QDWHDL.css';
+import './Callout-SXXK4B5R.css';
 import { CircleAlertGlyph, TriangleAlertGlyph, CircleCheckGlyph, InfoGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-GARACZAH.js → chunk-T3ZWBZ65.js}

@@ -1,5 +1,5 @@
 import { Kbd } from './chunk-SMBKXWML.js';
-import { FormField, Textarea, Input } from './chunk-FTEJPHBI.js';
+import { FormField, Textarea, Input } from './chunk-4GB57WIT.js';
 import { announce } from './chunk-RSAQOKH3.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { isComposing } from './chunk-R25RGPUB.js';

package/dist/{chunk-FY2R4U4Q.js → chunk-TBMDMXEX.js}

@@ -1,4 +1,4 @@
-import { OrgLabel } from './chunk-22M7OXKW.js';
+import { OrgLabel } from './chunk-AKEZ3G5V.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgNode-TCHJH5FO.css';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-ZPWUVVIB.js → chunk-UAN5NE7M.js}

@@ -1,6 +1,6 @@
-import { AVATAR_SIZES, Avatar } from './chunk-HI6Q2UXQ.js';
+import { AVATAR_SIZES, Avatar } from './chunk-5OM447RW.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Avatar-I4NFP3WQ.css';
+import './Avatar-3C2H2WA4.css';
 import './AvatarStack-GEJBNV7E.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-YACKC3K2.js → chunk-W46LPU4R.js}

@@ -1,4 +1,4 @@
-import { useClipboard } from './chunk-5VNUYO76.js';
+import { useClipboard } from './chunk-STJ7QBC3.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
@@ -13,8 +13,8 @@ function copyGlyph(state) {
   if (state === "failed") return /* @__PURE__ */ jsx(CircleAlertGlyph, { size: "sm" });
   return /* @__PURE__ */ jsx(CopyGlyph, { size: "sm" });
 }
-function CopyStatus({ state, copiedMessage, failedMessage }) {
-  return /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("span", { role: "status", children: state === "copied" ? copiedMessage : state === "failed" ? failedMessage : "" }) });
+function CopyStatus({ state, copiedMessage, failedMessage, attempt = 0 }) {
+  return /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("span", { role: "status", children: /* @__PURE__ */ jsx("span", { children: state === "copied" ? copiedMessage : state === "failed" ? failedMessage : "" }, attempt) }) });
 }
 function CopyButton({
   text,
@@ -27,10 +27,10 @@ function CopyButton({
   variant = "ghost",
   title,
   resetMs,
-  failedResetMs,
+  failedResetMs = null,
   className
 }) {
-  const { state, copy } = useClipboard({ resetMs, failedResetMs });
+  const { state, attempt, copy } = useClipboard({ resetMs, failedResetMs });
   const onClick = useCallback(() => {
     void copy(text);
   }, [copy, text]);
@@ -46,7 +46,7 @@ function CopyButton({
         children: state === "copied" ? copiedLabel : state === "failed" ? failedLabel : label
       }
     ),
-    /* @__PURE__ */ jsx(CopyStatus, { state, copiedMessage, failedMessage })
+    /* @__PURE__ */ jsx(CopyStatus, { state, attempt, copiedMessage, failedMessage })
   ] });
 }
 var truncateValue = (text, length, variant) => {
@@ -74,7 +74,7 @@ var Copyable = ({
   className
 }) => {
   const text = value === void 0 || value === null ? "" : String(value);
-  const { state, copy } = useClipboard({ resetMs, failedResetMs });
+  const { state, attempt, copy } = useClipboard({ resetMs, failedResetMs });
   const onCopy = useCallback(() => {
     void copy(text);
   }, [copy, text]);
@@ -107,7 +107,7 @@ var Copyable = ({
             onClick: onCopy
           }
         ),
-        /* @__PURE__ */ jsx(CopyStatus, { state, copiedMessage, failedMessage })
+        /* @__PURE__ */ jsx(CopyStatus, { state, attempt, copiedMessage, failedMessage })
       ]
     }
   );

package/dist/{chunk-4EOJR52M.js → chunk-XU4H6JQB.js}

@@ -1,12 +1,12 @@
-import { PageHeader } from './chunk-HOXGBLEY.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
+import { PageHeader } from './chunk-HOXGBLEY.js';
 import { Toolbar } from './chunk-PGRPNDWM.js';
-import { DataTable } from './chunk-TK6YC5QT.js';
+import { DataTable } from './chunk-RF5O4FYL.js';
 import { Menu } from './chunk-NS7BVLL3.js';
-import { DateTimePicker } from './chunk-GUHP5JHC.js';
+import { DateTimePicker } from './chunk-2UU5IGZI.js';
 import { useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
 import { Kbd } from './chunk-SMBKXWML.js';
-import { Input } from './chunk-FTEJPHBI.js';
+import { Input } from './chunk-4GB57WIT.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { Popover } from './chunk-BWRGFKJP.js';

package/dist/chunk-Y56FM3K4.js

@@ -0,0 +1,57 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './QrCode-JWJTWMU5.css';
+import { useMemo } from 'react';
+import { color } from '@crewlethq/tokens';
+import { encode } from 'uqr';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var QR_QUIET_ZONE = 4;
+var QR_DARK = color.qr.dark;
+var QR_LIGHT = color.qr.light;
+function qrModules(value) {
+  try {
+    return encode(value, { ecc: "M", border: 0 }).data;
+  } catch (error) {
+    if (error instanceof RangeError) return null;
+    throw error;
+  }
+}
+function qrModulePath(modules) {
+  let d = "";
+  modules.forEach((row, y) => {
+    let x = 0;
+    while (x < row.length) {
+      if (!row[x]) {
+        x += 1;
+        continue;
+      }
+      let end = x;
+      while (end < row.length && row[end]) end += 1;
+      d += `M${x} ${y}h${end - x}v1h-${end - x}z`;
+      x = end;
+    }
+  });
+  return d;
+}
+function QrCode({ value, label, className }) {
+  const modules = useMemo(() => qrModules(value), [value]);
+  if (!modules) return null;
+  const span = modules.length + 2 * QR_QUIET_ZONE;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: cx("crewlet-qr-code", className),
+      viewBox: `${-QR_QUIET_ZONE} ${-QR_QUIET_ZONE} ${span} ${span}`,
+      role: "img",
+      "aria-label": label,
+      shapeRendering: "crispEdges",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: -QR_QUIET_ZONE, y: -QR_QUIET_ZONE, width: span, height: span, fill: QR_LIGHT }),
+        /* @__PURE__ */ jsx("path", { d: qrModulePath(modules), fill: QR_DARK })
+      ]
+    }
+  );
+}
+
+export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules };

package/dist/{chunk-DJMLHCLD.js → chunk-YDBC4DNW.js}

@@ -1,4 +1,4 @@
-import { avatarCorner, Avatar } from './chunk-HI6Q2UXQ.js';
+import { avatarCorner, Avatar } from './chunk-5OM447RW.js';
 import './ImageUpload-NVGMN7DP.css';
 import { useRef } from 'react';
 import { CameraGlyph, XGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-4Y7WKXAW.js → chunk-ZFH7H7GS.js}

@@ -1,5 +1,5 @@
 import { useListbox } from './chunk-F73MC7EZ.js';
-import { Input } from './chunk-FTEJPHBI.js';
+import { Input } from './chunk-4GB57WIT.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Combobox-4FUVYIE7.css';
 import { forwardRef, useId, useMemo, useRef, useCallback } from 'react';

package/dist/generated/index.d.ts

@@ -2,6 +2,7 @@ export * from '../Accordion/index.js';
 export * from '../AddPill/index.js';
 export * from '../Announcer/index.js';
 export * from '../AppShell/index.js';
+export * from '../AuthLayout/index.js';
 export * from '../Avatar/index.js';
 export * from '../AvatarPicker/index.js';
 export * from '../BrandLockup/index.js';
@@ -20,6 +21,7 @@ export * from '../CodeBlock/index.js';
 export * from '../Combobox/index.js';
 export * from '../CommandPalette/index.js';
 export * from '../Composer/index.js';
+export * from '../ConfirmField/index.js';
 export * from '../Container/index.js';
 export * from '../Copyable/index.js';
 export * from '../Count/index.js';
@@ -30,6 +32,7 @@ export * from '../DescriptionList/index.js';
 export * from '../DiffList/index.js';
 export * from '../Disclosure/index.js';
 export * from '../Document/index.js';
+export * from '../DownloadButton/index.js';
 export * from '../EmptyState/index.js';
 export * from '../EmptyValue/index.js';
 export * from '../EntityChip/index.js';
@@ -58,6 +61,7 @@ export * from '../Menu/index.js';
 export * from '../Meter/index.js';
 export * from '../Modal/index.js';
 export * from '../NewItemsNotice/index.js';
+export * from '../ObjectHeader/index.js';
 export * from '../OrgLabel/index.js';
 export * from '../OrgNode/index.js';
 export * from '../OrgTable/index.js';
@@ -66,6 +70,7 @@ export * from '../PageHeader/index.js';
 export * from '../Popover/index.js';
 export * from '../PricingCard/index.js';
 export * from '../Prose/index.js';
+export * from '../QrCode/index.js';
 export * from '../ReadingPane/index.js';
 export * from '../RelativeTime/index.js';
 export * from '../SearchTrigger/index.js';