@crewlethq/ui 0.35.1 → 0.37.0

package/dist/{chunk-W3UVOZKL.js → chunk-IPAU6FLH.js}

@@ -2,9 +2,10 @@ import { ThemeSwatch } from './chunk-MNFU2RNT.js';
 import { useHighlightRest } from './chunk-F73MC7EZ.js';
 import { useRoving, tabStop } from './chunk-RKKO7QHH.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ThemeGallery-HSUKBDWY.css';
+import './ThemeGallery-X35Y25EX.css';
 import { useId } from 'react';
 import { themeGroups, themeRegistry } from '@crewlethq/tokens';
+import { CheckGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function ThemeGallery({
@@ -79,7 +80,10 @@ function ThemeGallery({
                     onMouseEnter: () => preview.rest(theme.id),
                     children: [
                       renderPreview ? /* @__PURE__ */ jsx("span", { className: "crewlet-theme-gallery__preview", "aria-hidden": "true", children: renderPreview(theme) }) : theme.swatch ? /* @__PURE__ */ jsx(ThemeSwatch, { swatch: theme.swatch, size: "card" }) : null,
-                      /* @__PURE__ */ jsx("span", { className: "crewlet-theme-gallery__name", children: theme.name })
+                      /* @__PURE__ */ jsxs("span", { className: "crewlet-theme-gallery__label", children: [
+                        /* @__PURE__ */ jsx("span", { className: "crewlet-theme-gallery__name", children: theme.name }),
+                        chosen ? /* @__PURE__ */ jsx(CheckGlyph, { size: "xs", className: "crewlet-theme-gallery__check", "aria-hidden": "true" }) : null
+                      ] })
                     ]
                   },
                   theme.id

package/dist/{chunk-6QFAK2WV.js → chunk-IUYUS2SO.js}

@@ -1,8 +1,9 @@
+import { useFocusModality } from './chunk-YSGLEHND.js';
 import { useHeadingLevel, headingTag, HeadingLevelProvider, nextHeadingLevel } from './chunk-PQADV6P6.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Input-GBZSFXLU.css';
+import './Input-ABGOFENS.css';
 import { forwardRef, useRef, useState, useImperativeHandle, useEffect, useId } from 'react';
 import { XGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -21,6 +22,7 @@ var Input = forwardRef(function Input2({
   disabled,
   ...rest
 }, ref) {
+  useFocusModality();
   const field = useRef(null);
   const [typed, setTyped] = useState(() => String(rest.defaultValue ?? "") !== "");
   const controlled = rest.value !== void 0;
@@ -80,6 +82,7 @@ function InputAffix({ text, id, sentence }) {
   ] });
 }
 var Textarea = forwardRef(function Textarea2({ error = false, autoResize = false, trailing, className = "", value, disabled, ...rest }, ref) {
+  useFocusModality();
   const localRef = useRef(null);
   useImperativeHandle(ref, () => localRef.current);
   useEffect(() => {

package/dist/{chunk-22CQQDFW.js → chunk-JML75PGJ.js}

@@ -1,6 +1,6 @@
 import { useClipboard } from './chunk-STJ7QBC3.js';
 import { Modal } from './chunk-XEGZHHRH.js';
-import { Checkbox } from './chunk-CPEPST4S.js';
+import { Checkbox } from './chunk-PJIPUEJ3.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
 import { Menu } from './chunk-BUVCV3WI.js';

package/dist/{chunk-AXBRWRGV.js → chunk-JQLS3MZB.js}

@@ -1,4 +1,4 @@
-import { Document } from './chunk-TYKQ33CL.js';
+import { Document } from './chunk-P6WFZDKS.js';
 import { ArtifactKindGlyph } from './chunk-CE2THTQR.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactCover-D4MBEJ5H.css';

package/dist/{chunk-FGYET26P.js → chunk-KJW2AS57.js}

@@ -1,5 +1,5 @@
 import { InlineCode } from './chunk-5CLW2CXT.js';
-import { FormField, Input } from './chunk-6QFAK2WV.js';
+import { FormField, Input } from './chunk-IUYUS2SO.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function confirmMatches(typed, phrase) {

package/dist/{chunk-QIXMNOBD.js → chunk-KYZMN6I6.js}

@@ -1,10 +1,10 @@
-import { SlideStage } from './chunk-LV4APO72.js';
+import { SlideStage } from './chunk-NQGPD6NX.js';
 import { useReorder } from './chunk-XJ2QEBMM.js';
 import { Kbd, isApplePlatform } from './chunk-SMBKXWML.js';
 import { Menu } from './chunk-BUVCV3WI.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SlideFilmstrip-4ITZLMO4.css';
+import './SlideFilmstrip-PAT7P4OG.css';
 import { useRef, useLayoutEffect, useState } from 'react';
 import { EyeOffGlyph, GripVerticalGlyph, EllipsisGlyph, CopyGlyph, TrashGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-73A7D5CE.js → chunk-L4WZSVMT.js}

@@ -1,9 +1,10 @@
 import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-GXQ3B46I.js';
 import { Popover } from './chunk-K3IJQNB7.js';
+import { useFocusModality } from './chunk-YSGLEHND.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DateTimePicker-HG2KQXQ6.css';
+import './DateTimePicker-2IVTKFV2.css';
 import { useMemo, useState, useEffect } from 'react';
 import { CalendarGlyph, ChevronDownGlyph, ChevronsLeftGlyph, ChevronLeftGlyph, ChevronRightGlyph, ChevronsRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -94,6 +95,7 @@ function DateTimePicker({
   size = "md",
   labels: labelOverrides
 }) {
+  useFocusModality();
   const labels = useMemo(
     () => labelOverrides ? { ...DEFAULT_DATE_TIME_PICKER_LABELS, ...labelOverrides } : DEFAULT_DATE_TIME_PICKER_LABELS,
     [labelOverrides]

package/dist/{chunk-ULPL26BU.js → chunk-N5SKHIAP.js}

@@ -1,6 +1,6 @@
 import { Modal } from './chunk-XEGZHHRH.js';
 import { useListbox, useHighlightRest } from './chunk-F73MC7EZ.js';
-import { Input } from './chunk-6QFAK2WV.js';
+import { Input } from './chunk-IUYUS2SO.js';
 import { Kbd } from './chunk-SMBKXWML.js';
 import { Count } from './chunk-BHHIIK3M.js';
 import { isComposing } from './chunk-R25RGPUB.js';

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

@@ -1,6 +1,6 @@
 import { isComposing } from './chunk-R25RGPUB.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SlideStage-S2FISF4C.css';
+import './SlideStage-ZTTEQSS2.css';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-7UYONN6K.js → chunk-OHA6WSAG.js}

@@ -1,26 +1,22 @@
 import { Skeleton } from './chunk-TEUQWOWZ.js';
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
-import { ArtifactKindGround } from './chunk-W7QBBKUE.js';
-import { Card } from './chunk-ACA27MZH.js';
+import { ArtifactKindGround } from './chunk-UBZDYOCA.js';
+import { Card } from './chunk-5QXRI35B.js';
 import { AvatarStack } from './chunk-5AQBPHZD.js';
+import { ArtifactAccessGlyph } from './chunk-BGLKLXL3.js';
 import { ArtifactKindGlyph } from './chunk-CE2THTQR.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-CVD3FCYO.css';
 import './ArtifactCard-OGTMO2KI.css';
 import { useId } from 'react';
-import { PinGlyph, BuildingComplexGlyph, UsersGlyph, LockGlyph } from '@crewlethq/icons/glyphs';
+import { PinGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function ArtifactPreviewGlyph({ kind }) {
   return /* @__PURE__ */ jsx(ArtifactKindGround, { kind });
 }
-var ACCESS_GLYPHS = {
-  private: LockGlyph,
-  shared: UsersGlyph,
-  company: BuildingComplexGlyph
-};
 var LABELS = {
   kinds: { html: "HTML", doc: "Doc", slides: "Slides", design: "Design", dashboard: "Dashboard", sheet: "Sheet" },
   pinned: "Pinned",
@@ -112,7 +108,6 @@ function ArtifactCard({
       }
     );
   }
-  const Access = access ? ACCESS_GLYPHS[access] : null;
   return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-artifact-card", "crewlet-artifact-card--card", trashed && "crewlet-artifact-card--trashed", className), children: [
     /* @__PURE__ */ jsxs("a", { href, className: "crewlet-artifact-card__link", "aria-labelledby": titleId, "aria-describedby": factsId, children: [
       /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__preview", "aria-hidden": true, children: preview ?? /* @__PURE__ */ jsx(ArtifactPreviewGlyph, { kind }) }),
@@ -128,8 +123,8 @@ function ArtifactCard({
             pinned ? `, ${text.pinned}` : ""
           ] }),
           /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__line crewlet-artifact-card__meta", children: [
-            Access && access ? /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__access", title: text.access[access], children: [
-              /* @__PURE__ */ jsx(Access, { size: "sm" }),
+            access ? /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__access", title: text.access[access], children: [
+              /* @__PURE__ */ jsx(ArtifactAccessGlyph, { access }),
               /* @__PURE__ */ jsx(VisuallyHidden, { children: text.access[access] })
             ] }) : null,
             owner ? /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__owner", children: [

package/dist/chunk-P5VGSVWG.js

@@ -0,0 +1,39 @@
+import { ArtifactKindGlyph } from './chunk-CE2THTQR.js';
+import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ArtifactKinds-CVD3FCYO.css';
+import './ArtifactNameCell-RTVP4LO4.css';
+import { PinGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var LABELS = {
+  kinds: { html: "HTML", doc: "Doc", slides: "Slides", design: "Design", dashboard: "Dashboard", sheet: "Sheet" },
+  pinned: "Pinned"
+};
+function ArtifactNameCell({ kind, title, detail, pinned = false, trashed = false, className, labels }) {
+  const text = { ...LABELS, ...labels, kinds: { ...LABELS.kinds, ...labels?.kinds } };
+  const kindWord = text.kinds[kind];
+  const about = detail?.trim();
+  return /* @__PURE__ */ jsxs("span", { className: cx("crewlet-artifact-name", trashed && "crewlet-artifact-name--trashed", className), children: [
+    /* @__PURE__ */ jsx("span", { className: cx("crewlet-artifact-name__mark", `crewlet-kind--${kind}`), "aria-hidden": "true", children: /* @__PURE__ */ jsx(ArtifactKindGlyph, { kind, size: "sm" }) }),
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-name__words", children: [
+      /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-name__title-row", children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-name__title", title, children: title }),
+        pinned ? /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-name__pin", title: text.pinned, children: [
+          /* @__PURE__ */ jsx(PinGlyph, { size: "xs", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: text.pinned })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-name__detail", title: about ? `${kindWord}, ${about}` : kindWord, children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-name__kind", children: kindWord }),
+        about ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-name__dot", "aria-hidden": "true", children: "\xB7" }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: ", " }),
+          /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-name__about", children: about })
+        ] }) : null
+      ] })
+    ] })
+  ] });
+}
+
+export { ArtifactNameCell };

package/dist/chunk-P6WFZDKS.js

@@ -0,0 +1,111 @@
+import { useFocusModality } from './chunk-YSGLEHND.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './Document-YFWTWXJP.css';
+import { forwardRef, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function Document({ as: Tag = "div", size = "md", measure = "normal", className, children, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ...rest,
+      className: cx(
+        "crewlet-document",
+        `crewlet-document--${size}`,
+        measure === "normal" && "crewlet-document--measure",
+        className
+      ),
+      children
+    }
+  );
+}
+function DocumentTitle({ as: Tag = "h1", className, children, ...rest }) {
+  return /* @__PURE__ */ jsx(Tag, { ...rest, className: cx("crewlet-document-title", className), children });
+}
+var LINE_BREAKS = /\r\n|[\r\n\u2028\u2029]/g;
+var DocumentTitleField = forwardRef(function DocumentTitleField2({ error = false, className, onChange, onKeyDown, value, defaultValue, ...rest }, forwarded) {
+  useFocusModality();
+  const own = useRef(null);
+  const ref = useCallback(
+    (element) => {
+      own.current = element;
+      if (typeof forwarded === "function") forwarded(element);
+      else if (forwarded) forwarded.current = element;
+    },
+    [forwarded]
+  );
+  const fit = useCallback(() => {
+    const element = own.current;
+    if (!element) return;
+    element.style.height = "auto";
+    const style = getComputedStyle(element);
+    const edges = style.boxSizing === "border-box" ? parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth) : -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
+    element.style.height = `${element.scrollHeight + (Number.isFinite(edges) ? edges : 0)}px`;
+  }, []);
+  useLayoutEffect(fit, [fit, value]);
+  useEffect(() => {
+    const element = own.current;
+    if (!element || typeof ResizeObserver === "undefined") return void 0;
+    let width = element.clientWidth;
+    const observer = new ResizeObserver(() => {
+      if (element.clientWidth === width) return;
+      width = element.clientWidth;
+      fit();
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [fit]);
+  useEffect(() => {
+    const element = own.current;
+    if (!element) return void 0;
+    const refuse = (event) => {
+      if (event.inputType === "insertLineBreak" || event.inputType === "insertParagraph") event.preventDefault();
+    };
+    element.addEventListener("beforeinput", refuse);
+    return () => element.removeEventListener("beforeinput", refuse);
+  }, []);
+  const change = (event) => {
+    const element = event.currentTarget;
+    if (LINE_BREAKS.test(element.value)) {
+      LINE_BREAKS.lastIndex = 0;
+      const caret = element.selectionStart;
+      element.value = element.value.replace(LINE_BREAKS, " ");
+      element.setSelectionRange(caret, caret);
+    }
+    LINE_BREAKS.lastIndex = 0;
+    onChange?.(event);
+    if (value === void 0) fit();
+  };
+  const keyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.key !== "Enter" || event.defaultPrevented || event.nativeEvent.isComposing) return;
+    const form = event.currentTarget.form;
+    if (!form) return;
+    const submitter = form.querySelector(
+      'button[type="submit"], button:not([type]), input[type="submit"], input[type="image"]'
+    );
+    if (submitter) {
+      if (!submitter.disabled) form.requestSubmit(submitter);
+      return;
+    }
+    const fields = form.querySelectorAll('input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), textarea');
+    if (fields.length === 1) form.requestSubmit();
+  };
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ...rest,
+      ref,
+      rows: 1,
+      value,
+      defaultValue,
+      "aria-multiline": "false",
+      "aria-invalid": error || void 0,
+      className: cx("crewlet-document-title", "crewlet-document-title-field", className),
+      onChange: change,
+      onKeyDown: keyDown
+    }
+  );
+});
+
+export { Document, DocumentTitle, DocumentTitleField };

package/dist/{chunk-CPEPST4S.js → chunk-PJIPUEJ3.js}

@@ -1,4 +1,4 @@
-import { FormField } from './chunk-6QFAK2WV.js';
+import { FormField } from './chunk-IUYUS2SO.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Checkbox-ALWG3WV2.css';
 import { forwardRef, useId, useRef, useCallback, useEffect } from 'react';

package/dist/{chunk-QS4ZGTEU.js → chunk-PPFX6GRK.js}

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

package/dist/{chunk-7DZDSSJS.js → chunk-RH2NCQBZ.js}

@@ -1,13 +1,14 @@
-import { Textarea } from './chunk-6QFAK2WV.js';
+import { Textarea } from './chunk-IUYUS2SO.js';
 import { Kbd } from './chunk-SMBKXWML.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Composer-ABGJIAIR.css';
+import './Composer-PXITWNEK.css';
 import { forwardRef } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var COMPOSER_COUNTER_AT = 0.8;
 var Composer = forwardRef(function Composer2({ value, onChange, onSubmit, label, actions, maxLength, className, rows = 3, onKeyDown, ...rest }, ref) {
   const near = maxLength !== void 0 && value.length >= maxLength * COMPOSER_COUNTER_AT;
+  const hasActions = actions !== void 0 && actions !== null && actions !== false;
   const keyDown = (event) => {
     onKeyDown?.(event);
     if (event.defaultPrevented || !onSubmit) return;
@@ -32,7 +33,7 @@ var Composer = forwardRef(function Composer2({ value, onChange, onSubmit, label,
         ...rest
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "crewlet-composer__footer", children: [
+    onSubmit || near || hasActions ? /* @__PURE__ */ jsxs("div", { className: "crewlet-composer__footer", "data-hint-only": !near && !hasActions || void 0, children: [
       onSubmit ? /* @__PURE__ */ jsxs("span", { className: "crewlet-composer__hint", children: [
         /* @__PURE__ */ jsx(Kbd, { keys: ["Mod", "Enter"], subtle: true }),
         " to send"
@@ -40,7 +41,7 @@ var Composer = forwardRef(function Composer2({ value, onChange, onSubmit, label,
       near ? /* @__PURE__ */ jsx("span", { className: "crewlet-composer__counter", "aria-live": "polite", children: `${value.length.toLocaleString()} / ${maxLength.toLocaleString()}` }) : null,
       /* @__PURE__ */ jsx("span", { className: "crewlet-composer__spacer" }),
       actions
-    ] })
+    ] }) : null
   ] });
 });
 

package/dist/{chunk-3VD3G3IL.js → chunk-T5RQGI6O.js}

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-BVQHBF7L.js').then(
+  loading ??= import('./Editor-HORWMUM3.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-F2KY4RLI.js → chunk-TVRBQMIX.js}

@@ -1,12 +1,13 @@
-import { Select } from './chunk-BQ7AKL2N.js';
+import { Select } from './chunk-VKKUGZ3G.js';
 import { today, shiftMonth, CalendarGrid, compareDays } from './chunk-GXQ3B46I.js';
 import { Popover } from './chunk-K3IJQNB7.js';
-import { Input } from './chunk-6QFAK2WV.js';
+import { Input } from './chunk-IUYUS2SO.js';
+import { useFocusModality } from './chunk-YSGLEHND.js';
 import { isComposing } from './chunk-R25RGPUB.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './TimeWindowPicker-T763GLXH.css';
+import './TimeWindowPicker-DEFDV77Z.css';
 import { useMemo, useState, useRef, useId, useEffect } from 'react';
 import { ClockGlyph, ChevronDownGlyph, CheckGlyph, ChevronLeftGlyph, ChevronRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -322,6 +323,7 @@ function TimeWindowPicker({
   size = "md",
   labels: labelOverrides
 }) {
+  useFocusModality();
   const labels = useMemo(() => withLabels(labelOverrides), [labelOverrides]);
   const isSet = isTimeWindowSet(value);
   const described = describeTimeWindow(value, { presets, labels });

package/dist/{chunk-W7QBBKUE.js → chunk-UBZDYOCA.js}

@@ -1,8 +1,9 @@
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-CVD3FCYO.css';
-import './ArtifactKindIllustration-5FPRJQ3P.css';
+import './ArtifactKindIllustration-KLFL7KBG.css';
 import { useId } from 'react';
+import { CheckGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function ArtifactKindIllustration({ kind, className }) {
@@ -100,6 +101,7 @@ function ArtifactKindTile({
   label,
   href,
   onSelect,
+  selected,
   face,
   detail,
   badge,
@@ -113,7 +115,8 @@ function ArtifactKindTile({
     /* @__PURE__ */ jsx("span", { className: "crewlet-kind-tile__frame", children: /* @__PURE__ */ jsx(ArtifactKindGround, { kind, className: "crewlet-kind-tile__ground", children: face }) }),
     /* @__PURE__ */ jsxs("span", { className: "crewlet-kind-tile__label", children: [
       /* @__PURE__ */ jsx("span", { className: "crewlet-kind-tile__name", children: label }),
-      badge ? /* @__PURE__ */ jsx("span", { className: "crewlet-kind-tile__badge", children: badge }) : null
+      badge ? /* @__PURE__ */ jsx("span", { className: "crewlet-kind-tile__badge", children: badge }) : null,
+      selected && href === void 0 ? /* @__PURE__ */ jsx(CheckGlyph, { size: "xs", className: "crewlet-kind-tile__check", "aria-hidden": "true" }) : null
     ] }),
     detail ? /* @__PURE__ */ jsx("span", { id: detailId, className: "crewlet-kind-tile__detail", children: detail }) : null
   ] });
@@ -144,7 +147,8 @@ function ArtifactKindTile({
         type: "button",
         "aria-label": name,
         "aria-describedby": describedBy,
-        className: cx("crewlet-kind-tile", "crewlet-kind-tile--button", className),
+        "aria-pressed": selected,
+        className: cx("crewlet-kind-tile", "crewlet-kind-tile--button", selected && "is-selected", className),
         onClick: onSelect,
         children: body
       }

package/dist/{chunk-QEFHYUCY.js → chunk-UWGUKMBK.js}

@@ -1,5 +1,5 @@
 import { useReorder } from './chunk-XJ2QEBMM.js';
-import { Input } from './chunk-6QFAK2WV.js';
+import { Input } from './chunk-IUYUS2SO.js';
 import { Menu } from './chunk-BUVCV3WI.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-5YLON2PW.js → chunk-UYZZV4DZ.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './FilterChip-EZ4QMW4E.css';
+import './FilterChip-VL33P3JL.css';
 import { createContext, useContext, useRef, useId, useCallback, useLayoutEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-BQ7AKL2N.js → chunk-VKKUGZ3G.js}

@@ -1,7 +1,8 @@
 import { useListbox, useOptionKeys, useHighlightRest } from './chunk-F73MC7EZ.js';
+import { useFocusModality } from './chunk-YSGLEHND.js';
 import { useLayerContainer, viewportBounds, anchorGone, placePopup, LAYER_GAP, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Select-A54YS5EP.css';
+import './Select-W3CHTZXP.css';
 import { forwardRef, useId, useMemo, useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { ChevronDownGlyph, CheckGlyph, SearchGlyph } from '@crewlethq/icons/glyphs';
@@ -36,6 +37,7 @@ var Select = forwardRef(function Select2({
   onHighlight,
   ...native
 }, ref) {
+  useFocusModality();
   const generatedId = useId();
   const rootId = id ?? generatedId;
   const classes = cx(className, width === "auto" && "crewlet-select--auto", appearance === "quiet" && "crewlet-select--quiet");

package/dist/{chunk-DEJHAOC5.js → chunk-WMXAX6VA.js}

@@ -1,7 +1,7 @@
 import { announce } from './chunk-RSAQOKH3.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ArrangeFrame-3PLZAG22.css';
+import './ArrangeFrame-QXOQTFAH.css';
 import { forwardRef, useRef, useCallback, useState, useEffect } from 'react';
 import { TrashGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-VDPJGP4Q.js → chunk-WX2NIG4G.js}

@@ -1,5 +1,5 @@
 import { BrandLockup } from './chunk-7KBNFFM3.js';
-import { Card } from './chunk-ACA27MZH.js';
+import { Card } from './chunk-5QXRI35B.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AuthLayout-ODHBUPHQ.css';
 import { useId } from 'react';