@crewlethq/ui 0.32.0 → 0.34.0

package/dist/chunk-KF6YGL4B.js

@@ -0,0 +1,160 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './LivePreview-SRO7KHO4.css';
+import { createContext, useMemo, useContext, useRef, useState, useEffect, useLayoutEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/LivePreview/budget.ts
+var LIVE_PREVIEW_MAX = 12;
+var immediately = (run) => {
+  run();
+  return () => {
+  };
+};
+var perFrame = (run) => {
+  if (typeof requestAnimationFrame === "undefined") return immediately(run);
+  let timer;
+  const frame = requestAnimationFrame(() => {
+    timer = setTimeout(run, 0);
+  });
+  return () => {
+    cancelAnimationFrame(frame);
+    if (timer !== void 0) clearTimeout(timer);
+  };
+};
+function createLivePreviewBudget(max = LIVE_PREVIEW_MAX, schedule = immediately) {
+  const held = /* @__PURE__ */ new Set();
+  const queue = [];
+  let pending = null;
+  const next = () => {
+    if (pending || held.size >= max || queue.length === 0) return;
+    let ran = false;
+    const cancel = schedule(() => {
+      ran = true;
+      pending = null;
+      const ask = queue.shift();
+      if (ask && held.size < max) {
+        held.add(ask.ticket);
+        ask.grant();
+      } else if (ask) {
+        queue.unshift(ask);
+      }
+      next();
+    });
+    if (!ran) pending = cancel;
+  };
+  return {
+    max,
+    request(grant) {
+      const ticket = {};
+      queue.push({ ticket, grant });
+      next();
+      let done = false;
+      return () => {
+        if (done) return;
+        done = true;
+        if (held.delete(ticket)) {
+          next();
+          return;
+        }
+        const at = queue.findIndex((a) => a.ticket === ticket);
+        if (at >= 0) queue.splice(at, 1);
+        if (queue.length === 0 && pending) {
+          pending();
+          pending = null;
+        }
+      };
+    },
+    live: () => held.size,
+    waiting: () => queue.length
+  };
+}
+var LIVE_PREVIEW_DWELL_MS = 120;
+var DefaultBudget = createLivePreviewBudget(LIVE_PREVIEW_MAX, perFrame);
+var BudgetContext = createContext(DefaultBudget);
+function LivePreviewBudgetProvider({ max = LIVE_PREVIEW_MAX, children }) {
+  const budget = useMemo(() => createLivePreviewBudget(max, perFrame), [max]);
+  return /* @__PURE__ */ jsx(BudgetContext.Provider, { value: budget, children });
+}
+var NOOP = { ready: () => {
+}, fail: () => {
+} };
+var SignalContext = createContext(NOOP);
+function useLivePreview() {
+  return useContext(SignalContext);
+}
+function LivePreview({ children, fallback, width, rootMargin = "200px 0px", disabled = false, dwellMs = LIVE_PREVIEW_DWELL_MS, onStateChange, className }) {
+  const budget = useContext(BudgetContext);
+  const box = useRef(null);
+  const [near, setNear] = useState(false);
+  const [state, setState] = useState("idle");
+  const [failed, setFailed] = useState(false);
+  useEffect(() => {
+    const el = box.current;
+    if (!el || disabled || typeof IntersectionObserver === "undefined") return void 0;
+    const seen = new IntersectionObserver((entries) => setNear(entries.some((e) => e.isIntersecting)), { rootMargin });
+    seen.observe(el);
+    return () => seen.disconnect();
+  }, [disabled, rootMargin]);
+  useEffect(() => {
+    if (!near || disabled || failed) {
+      setState(failed ? "failed" : "idle");
+      return void 0;
+    }
+    setState("waiting");
+    let granted = false;
+    let giveBack = () => {
+    };
+    const dwell = setTimeout(() => {
+      giveBack = budget.request(() => {
+        granted = true;
+        setState("live");
+      });
+    }, dwellMs);
+    return () => {
+      clearTimeout(dwell);
+      giveBack();
+      if (granted) setState("idle");
+    };
+  }, [near, disabled, failed, budget, dwellMs]);
+  useEffect(() => onStateChange?.(state), [state, onStateChange]);
+  const mounted = state === "live" || state === "ready";
+  const signals = useMemo(
+    () => ({
+      ready: () => setState((s) => s === "live" ? "ready" : s),
+      fail: () => setFailed(true)
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsxs("span", { ref: box, className: cx("crewlet-live-preview", className), "data-state": state, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("span", { className: "crewlet-live-preview__fallback", children: fallback }),
+    mounted ? /* @__PURE__ */ jsx("span", { className: "crewlet-live-preview__live", inert: true, children: /* @__PURE__ */ jsx(SignalContext.Provider, { value: signals, children: width === void 0 ? children : /* @__PURE__ */ jsx(PreviewScale, { width, children }) }) }) : null
+  ] });
+}
+function PreviewScale({ children, width, height, fit = "width" }) {
+  const box = useRef(null);
+  const [size, setSize] = useState(null);
+  useLayoutEffect(() => {
+    const el = box.current;
+    if (!el) return void 0;
+    const measure = () => {
+      const rect = el.getBoundingClientRect();
+      if (rect.width > 0) setSize((was) => was && was.w === rect.width && was.h === rect.height ? was : { w: rect.width, h: rect.height });
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return void 0;
+    const watch = new ResizeObserver(measure);
+    watch.observe(el);
+    return () => watch.disconnect();
+  }, []);
+  let layer = { width, visibility: "hidden" };
+  if (size) {
+    const k = fit === "contain" && height ? Math.min(size.w / width, size.h / height) : size.w / width;
+    const h = height ?? size.h / k;
+    const left = fit === "contain" ? (size.w - width * k) / 2 : 0;
+    const top = fit === "contain" ? (size.h - h * k) / 2 : 0;
+    layer = { width, height: h, transform: `translate(${left}px, ${top}px) scale(${k})` };
+  }
+  return /* @__PURE__ */ jsx("span", { ref: box, className: "crewlet-preview-scale", children: /* @__PURE__ */ jsx("span", { className: "crewlet-preview-scale__layer", style: layer, children }) });
+}
+
+export { LIVE_PREVIEW_DWELL_MS, LIVE_PREVIEW_MAX, LivePreview, LivePreviewBudgetProvider, PreviewScale, createLivePreviewBudget, immediately, perFrame, useLivePreview };

package/dist/{chunk-SKOYC2CF.js → chunk-KK5OYNAF.js}

@@ -257,12 +257,13 @@ var underOpens = (d) => String.raw`(?<!${NOT_WP})${d}(?!\s|$)`;
 var underCloses = (d) => String.raw`(?<!\s)${d}(?!${NOT_WP})`;
 var label = (name) => String.raw`(?<${name}>(?:\\[\s\S]|[^\]\\])*)`;
 var destination = (name, title) => String.raw`(?<${name}>(?:[^()\s]|\([^()\s]*\))*)(?:\s+"(?<${title}>[^"]*)")?\)`;
+var linkLabel = (name) => String.raw`(?<${name}>(?:\\[\s\S]|!\[(?:\\[\s\S]|[^\]\\])*\]\((?:[^()\s]|\([^()\s]*\))*(?:\s+"[^"]*")?\)|[^\]\\])*)`;
 var ASCII_PUNCTUATION = String.raw`[!-\/:-@\[-\x60{-~]`;
 var INLINE_SOURCE = [
   String.raw`\\(?<esc>${ASCII_PUNCTUATION})`,
   String.raw`(?<tick>\x60+)(?<code>[\s\S]*?)\k<tick>`,
   String.raw`!\[` + label("alt") + String.raw`\]\(` + destination("src", "srcTitle"),
-  String.raw`\[` + label("label") + String.raw`\]\(` + destination("href", "hrefTitle"),
+  String.raw`\[` + linkLabel("label") + String.raw`\]\(` + destination("href", "hrefTitle"),
   String.raw`<(?<auto>(?:https?:|mailto:)[^>\s]+)>`,
   // A strong run closes on a `**` no third asterisk follows, so `***both***`
   // is strong around emphasis rather than strong around `*both` and a stray.

package/dist/{chunk-UB7TJEKZ.js → chunk-KV3ODJXH.js}

@@ -1,7 +1,6 @@
 import { EmptyState } from './chunk-RA2ULG6H.js';
-import { Card } from './chunk-ACA27MZH.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './AccessDeniedCard-WXM5DBDZ.css';
+import './AccessDeniedCard-QVNDMT46.css';
 import { ShieldGlyph, LockGlyph, EyeOffGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 
@@ -21,17 +20,17 @@ var LABELS = {
   }
 };
 var GLYPHS = {
-  "not-found": /* @__PURE__ */ jsx(EyeOffGlyph, { size: 32 }),
-  "no-access": /* @__PURE__ */ jsx(LockGlyph, { size: 32 }),
-  revoked: /* @__PURE__ */ jsx(LockGlyph, { size: 32 }),
-  "app-locked": /* @__PURE__ */ jsx(ShieldGlyph, { size: 32 })
+  "not-found": /* @__PURE__ */ jsx(EyeOffGlyph, { size: "xl" }),
+  "no-access": /* @__PURE__ */ jsx(LockGlyph, { size: "xl" }),
+  revoked: /* @__PURE__ */ jsx(LockGlyph, { size: "xl" }),
+  "app-locked": /* @__PURE__ */ jsx(ShieldGlyph, { size: "xl" })
 };
 function AccessDeniedCard({ reason, owner, action, headingLevel, className, labels }) {
   const text = {
     titles: { ...LABELS.titles, ...labels?.titles },
     descriptions: { ...LABELS.descriptions, ...labels?.descriptions }
   };
-  return /* @__PURE__ */ jsx(Card, { padding: "lg", className: cx("crewlet-access-denied-card", className), "data-reason": reason, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: cx("crewlet-access-denied-card", className), "data-reason": reason, children: /* @__PURE__ */ jsx(
     EmptyState,
     {
       icon: GLYPHS[reason],

package/dist/chunk-LL5AFXU7.js

@@ -0,0 +1,96 @@
+import { SlideStage } from './chunk-LV4APO72.js';
+import { Button } from './chunk-OG6CL3EB.js';
+import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './SlideCompare-HTCMPQFY.css';
+import { useState } from 'react';
+import { MinusGlyph, PlusGlyph, PencilGlyph, ArrowUpDownGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var plural = (n, one, many) => `${n} ${n === 1 ? one : many}`;
+var SLIDE_COMPARE_LABELS = {
+  changed: "Changed",
+  added: "Added",
+  removed: "Removed",
+  unchanged: "Unchanged",
+  moved: (from, to) => `Moved from ${from} to ${to}`,
+  missing: "Not in this version",
+  summary: (c) => [
+    c.changed && plural(c.changed, "slide changed", "slides changed"),
+    c.added && plural(c.added, "added", "added"),
+    c.removed && plural(c.removed, "removed", "removed"),
+    c.moved && plural(c.moved, "moved", "moved")
+  ].filter(Boolean).join(", ") + ".",
+  showUnchanged: (n) => `Show the ${plural(n, "unchanged slide", "unchanged slides")}`,
+  hideUnchanged: "Hide the unchanged slides",
+  identical: "The two versions hold the same slides, in the same order."
+};
+var MARKS = {
+  changed: PencilGlyph,
+  added: PlusGlyph,
+  removed: MinusGlyph,
+  unchanged: null
+};
+function SlideCompare({ rows, fromLabel, toLabel, className, labels }) {
+  const text = { ...SLIDE_COMPARE_LABELS, ...labels };
+  const [showAll, setShowAll] = useState(false);
+  const counts = { changed: 0, added: 0, removed: 0, moved: 0 };
+  for (const r of rows) {
+    if (r.change !== "unchanged") counts[r.change] += 1;
+    if (r.moved) counts.moved += 1;
+  }
+  const still = rows.filter((r) => r.change === "unchanged" && !r.moved);
+  const shown = showAll ? rows : rows.filter((r) => r.change !== "unchanged" || r.moved);
+  const differs = counts.changed + counts.added + counts.removed + counts.moved > 0;
+  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-slide-compare", className), children: [
+    /* @__PURE__ */ jsx("p", { className: "crewlet-slide-compare__summary", children: differs ? text.summary(counts) : text.identical }),
+    shown.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "crewlet-slide-compare__columns", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("span", { children: fromLabel }),
+        /* @__PURE__ */ jsx("span", { children: toLabel })
+      ] }),
+      /* @__PURE__ */ jsx("ol", { className: "crewlet-slide-compare__list", children: shown.map((row) => {
+        const Mark = MARKS[row.change];
+        return /* @__PURE__ */ jsxs("li", { className: "crewlet-slide-compare__row", "data-change": row.change, children: [
+          /* @__PURE__ */ jsxs("div", { className: "crewlet-slide-compare__head", children: [
+            /* @__PURE__ */ jsxs("span", { className: "crewlet-slide-compare__title", children: [
+              row.toPosition ?? row.fromPosition,
+              ". ",
+              row.title
+            ] }),
+            row.change === "unchanged" && row.moved ? null : /* @__PURE__ */ jsxs("span", { className: "crewlet-slide-compare__change", children: [
+              Mark ? /* @__PURE__ */ jsx(Mark, { size: "sm" }) : null,
+              text[row.change]
+            ] }),
+            row.moved && row.fromPosition !== void 0 && row.toPosition !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "crewlet-slide-compare__change", children: [
+              /* @__PURE__ */ jsx(ArrowUpDownGlyph, { size: "sm" }),
+              text.moved(row.fromPosition, row.toPosition)
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "crewlet-slide-compare__sides", children: [
+            { side: "from", label: fromLabel, node: row.from, at: row.fromPosition },
+            { side: "to", label: toLabel, node: row.to, at: row.toPosition }
+          ].map((s) => /* @__PURE__ */ jsxs("div", { className: "crewlet-slide-compare__side", "data-side": s.side, children: [
+            /* @__PURE__ */ jsx("span", { className: "crewlet-slide-compare__side-label", "aria-hidden": "true", children: s.label }),
+            s.node !== void 0 && s.node !== null ? /* @__PURE__ */ jsx(SlideStage, { label: `${s.label}, slide ${s.at ?? ""}, ${row.title}`, framed: true, children: s.node }) : /* @__PURE__ */ jsxs("p", { className: "crewlet-slide-compare__missing", children: [
+              /* @__PURE__ */ jsx(VisuallyHidden, { children: `${s.label}: ` }),
+              text.missing
+            ] })
+          ] }, s.side)) })
+        ] }, row.key);
+      }) })
+    ] }) : null,
+    still.length > 0 ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: "crewlet-slide-compare__toggle",
+        size: "small",
+        variant: "ghost",
+        onClick: () => setShowAll((v) => !v),
+        children: showAll ? text.hideUnchanged : text.showUnchanged(still.length)
+      }
+    ) : null
+  ] });
+}
+
+export { SLIDE_COMPARE_LABELS, SlideCompare };

package/dist/{chunk-VYOKRN2I.js → chunk-LM3ISVJA.js}

@@ -1,4 +1,4 @@
-import { useLayerContainer } from './chunk-HMPFGIWM.js';
+import { useLayerContainer } from './chunk-OMV5W53A.js';
 import { useRef, useLayoutEffect } from 'react';
 
 function LayerNodeBridge({ onNode }) {

package/dist/{chunk-E6CR5PEV.js → chunk-LV4APO72.js}

@@ -1,6 +1,6 @@
 import { isComposing } from './chunk-R25RGPUB.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SlideStage-KGRRALXR.css';
+import './SlideStage-S2FISF4C.css';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -76,6 +76,7 @@ function SlideStage({
   width = SLIDE_WIDTH,
   height = SLIDE_HEIGHT,
   roleDescription = "slide",
+  framed = false,
   className
 }) {
   const box = useRef(null);
@@ -121,7 +122,12 @@ function SlideStage({
     "div",
     {
       ref: box,
-      className: cx("crewlet-slide-stage", `crewlet-slide-stage--${fit}`, className),
+      className: cx(
+        "crewlet-slide-stage",
+        `crewlet-slide-stage--${fit}`,
+        framed && fit !== "contain" && "crewlet-slide-stage--framed",
+        className
+      ),
       style: boxStyle,
       role: "group",
       "aria-roledescription": roleDescription,

package/dist/{chunk-B4EBHPK3.js → chunk-M5KZX5JE.js}

@@ -1,6 +1,6 @@
 import { Count } from './chunk-BHHIIK3M.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ArrangeGroup-GY5YMP6E.css';
+import './ArrangeGroup-KRWWOJKR.css';
 import { useId } from 'react';
 import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -9,6 +9,7 @@ var PLACEHOLDER = "Name this group";
 function ArrangeGroup({
   title,
   tone = "none",
+  variant = "band",
   collapsed,
   onCollapsedChange,
   count,
@@ -27,7 +28,13 @@ function ArrangeGroup({
   return /* @__PURE__ */ jsxs(
     "section",
     {
-      className: cx("crewlet-arrange-group", `crewlet-arrange-group--${tone}`, collapsed && "is-collapsed", className),
+      className: cx(
+        "crewlet-arrange-group",
+        `crewlet-arrange-group--${tone}`,
+        variant === "section" && "crewlet-arrange-group--section",
+        collapsed && "is-collapsed",
+        className
+      ),
       "aria-label": title || "Untitled group",
       ...rest,
       children: [

package/dist/{chunk-HMPFGIWM.js → chunk-OMV5W53A.js}

@@ -23,6 +23,15 @@ function placePopup(anchor, size, bounds, gap = LAYER_GAP, prefer = "below") {
 function viewportBounds() {
   return { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };
 }
+function anchorGone(anchor, host, inHost) {
+  const own = {
+    x: anchor.left - (inHost ? host.x : 0),
+    y: anchor.top - (inHost ? host.y : 0),
+    width: anchor.width,
+    height: anchor.height
+  };
+  return outsideBounds(own, { x: 0, y: 0, width: host.width, height: host.height });
+}
 function outsideBounds(anchor, bounds) {
   return anchor.x + anchor.width < bounds.x || anchor.y + anchor.height < bounds.y || anchor.x > bounds.x + bounds.width || anchor.y > bounds.y + bounds.height;
 }
@@ -40,4 +49,4 @@ function useLayerContainer() {
   return typeof document === "undefined" ? null : document.body;
 }
 
-export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, outsideBounds, placePopup, useLayerContainer, viewportBounds };
+export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, anchorGone, outsideBounds, placePopup, useLayerContainer, viewportBounds };

package/dist/chunk-ONL54WMH.js

@@ -0,0 +1,55 @@
+import { useRoving } from './chunk-RKKO7QHH.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './LayersList-NQZEIPZB.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var LAYERS_LIST_LABELS = {
+  openable: (label) => `${label}, press Enter or double-click to open`
+};
+function LayersList({
+  label,
+  items,
+  selected = null,
+  onSelect,
+  onOpen,
+  heading,
+  labels,
+  className
+}) {
+  const text = { ...LAYERS_LIST_LABELS, ...labels };
+  const roving = useRoving(items.length, null, { followFocus: true });
+  const picked = items.findIndex((item) => item.id === selected);
+  const stop = roving.focused ?? Math.max(0, picked);
+  const onKeyDown = (event, id) => {
+    if (event.key === "Enter" && onOpen) {
+      event.preventDefault();
+      onOpen(id);
+      return;
+    }
+    roving.onKeyDown(event, true);
+  };
+  return /* @__PURE__ */ jsxs("nav", { className: cx("crewlet-layers-list", className), "aria-label": label, children: [
+    heading !== void 0 && heading !== null ? /* @__PURE__ */ jsx("div", { className: "crewlet-layers-list__heading", children: heading }) : null,
+    /* @__PURE__ */ jsx("ol", { className: "crewlet-layers-list__items", children: items.map((item, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        ref: (el) => {
+          roving.buttons.current[index] = el;
+        },
+        className: "crewlet-layers-list__item",
+        "aria-label": onOpen ? text.openable(item.label) : void 0,
+        "aria-current": item.id === selected ? "true" : void 0,
+        title: item.label,
+        tabIndex: index === stop ? 0 : -1,
+        onFocus: () => roving.onFocusAt(index),
+        onClick: () => onSelect?.(item.id),
+        onDoubleClick: onOpen ? () => onOpen(item.id) : void 0,
+        onKeyDown: (event) => onKeyDown(event, item.id),
+        children: item.label
+      }
+    ) }, item.id)) })
+  ] });
+}
+
+export { LAYERS_LIST_LABELS, LayersList };

package/dist/{chunk-AKEZ3G5V.js → chunk-ONQKKHON.js}

@@ -1,4 +1,4 @@
-import { Avatar } from './chunk-5OM447RW.js';
+import { Avatar } from './chunk-PZKHBB7D.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgLabel-R5KY7C3W.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-LZHLSQYK.js → chunk-OOWPSBIS.js}

@@ -1,6 +1,6 @@
 import { Toolbar } from './chunk-PGRPNDWM.js';
-import { SegmentedControl } from './chunk-RCQXUT5K.js';
-import { tabId } from './chunk-HJEVSQN6.js';
+import { SegmentedControl } from './chunk-CCAXYHQS.js';
+import { tabId } from './chunk-VL6CUNSX.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MarkdownEditor-WOKV7CLK.css';

package/dist/{chunk-4KWOKX2B.js → chunk-OSKJZNBT.js}

@@ -1,4 +1,4 @@
-import { Avatar } from './chunk-5OM447RW.js';
+import { Avatar } from './chunk-PZKHBB7D.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './EntityChip-LUCPZBBG.css';
 import { Children, isValidElement, cloneElement } from 'react';

package/dist/{chunk-4JUKWWUD.js → chunk-PLDUNXAO.js}

@@ -1,4 +1,4 @@
-import { ArtifactKindGlyph } from './chunk-GOSQXEZU.js';
+import { ArtifactKindGlyph } from './chunk-XTOVADJU.js';
 import { ShieldGlyph, ActivityGlyph, GaugeGlyph, PackageGlyph, FolderGlyph, ClockGlyph, DatabaseGlyph, Settings2Glyph, BookOpenGlyph, FlagGlyph, StarGlyph, WandSparklesGlyph, BugGlyph, TargetGlyph, ImageGlyph, CodeGlyph, CoinsGlyph, UserGlyph, UsersGlyph, ChartNoAxesGanttGlyph, SquareKanbanGlyph, ListChecksGlyph, ListGlyph, GlobeGlyph, CompassGlyph, FileTextGlyph, TableGlyph, CalendarGlyph, LayoutDashboardGlyph, ChartPieGlyph, ChartColumnGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-EHQTPVV4.js → chunk-PLTCDSTU.js}

@@ -1,5 +1,5 @@
 import { diffLines, diffStat, collapseDiff, DiffSummary, DiffView } from './chunk-BVWSLXTY.js';
-import { SegmentedControl } from './chunk-RCQXUT5K.js';
+import { SegmentedControl } from './chunk-CCAXYHQS.js';
 import { EmptyState } from './chunk-RA2ULG6H.js';
 import { useHeadingLevel, headingTag, nextHeadingLevel, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-5OM447RW.js → chunk-PZKHBB7D.js}

@@ -20,7 +20,7 @@ function avatarInitialsName(name, kind) {
 var AVATAR_CHARACTER_FULL_DETAIL = 56;
 var getInitials = (name) => {
   if (!name) return "?";
-  const words = name.trim().split(/[\s\-_.]+/).filter(Boolean);
+  const words = name.trim().split(/[\s\-_.:]+/).map((word2) => word2.replace(/^\p{P}+|\p{P}+$/gu, "")).filter(Boolean);
   if (words.length === 0) return "?";
   const first = (word2) => (Array.from(word2)[0] ?? "").toUpperCase();
   if (words.length >= 2) return words.slice(0, 2).map(first).join("") || "?";

package/dist/{chunk-VEB5ERRE.js → chunk-QWNVSR6G.js}

@@ -1,6 +1,6 @@
 import { useTreeState, treeExpandable, treeLevel, treePosInSet, treeSetSize, treeItemAction, treePrevious, treeNext, treeStep } from './chunk-MY374UUD.js';
-import { LayerNodeBridge } from './chunk-VYOKRN2I.js';
-import { LayerHost, LAYER_REPOSITION_EVENT } from './chunk-HMPFGIWM.js';
+import { LayerNodeBridge } from './chunk-LM3ISVJA.js';
+import { LayerHost, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
 import { focusables } from './chunk-R25RGPUB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-IG75YMUN.js → chunk-RTPQDNW3.js}

@@ -1,6 +1,6 @@
 import { useCallback, useSyncExternalStore } from 'react';
 
-// src/utils/useMediaMatch.ts
+// src/MediaMatch/useMediaMatch.ts
 function useMediaMatch(query) {
   const subscribe = useCallback(
     (notify) => {

package/dist/{chunk-YEKYVJQR.js → chunk-SGHIAGPR.js}

@@ -1,5 +1,5 @@
-import { changeText, sheetLabels } from './chunk-NHBP2XS5.js';
-import { Tooltip } from './chunk-QWOPX2MN.js';
+import { changeText, sheetLabels } from './chunk-VI5FWDZW.js';
+import { Tooltip } from './chunk-6ZJ3N7QI.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ChangeMark-3VMTW7MT.css';
 import { jsx } from 'react/jsx-runtime';

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

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

package/dist/{chunk-EBNI36UQ.js → chunk-T46NR3WP.js}

@@ -1,10 +1,10 @@
-import { useMediaMatch } from './chunk-IG75YMUN.js';
-import { Menu } from './chunk-2HIOJ4YZ.js';
+import { useMediaMatch } from './chunk-RTPQDNW3.js';
+import { Menu } from './chunk-3EB2AV3H.js';
 import { useModalLayer, focusables } from './chunk-R25RGPUB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './AppShell-GCM4TDVY.css';
+import './AppShell-JTSEOA57.css';
 import { createContext, forwardRef, useContext, useId, useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { breakpoint } from '@crewlethq/tokens';
 import { ChevronUpGlyph, ChevronsUpDownGlyph, ChevronRightGlyph, MenuGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-FPS3JIPQ.js → chunk-TC7DJTXI.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './EditingStatus-L6THUAN7.css';
+import './EditingStatus-NNA2CKIL.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var LABELS = {

package/dist/{chunk-W5J7R5EB.js → chunk-TEUQWOWZ.js}

@@ -30,7 +30,7 @@ var Placeholder = ({
           style: {
             height: typeof height === "number" ? `${height}px` : height,
             width: typeof width === "number" ? `${width}px` : width,
-            borderRadius: `${borderRadius}px`
+            borderRadius: typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius
           },
           children: /* @__PURE__ */ jsx("div", { className: "crewlet-skeleton__glow-wave" })
         }