@crewlethq/ui 0.33.0 → 0.34.0

package/dist/ArtifactCard-AS5Z4CVI.css

@@ -1,124 +0,0 @@
-/*
- * A card in a gallery: the preview on top at a fixed ratio, so a grid of them
- * lines up whatever each preview is, then the title and up to three lines of
- * facts. `compact` is a row with the kind's glyph in place of the preview.
- */
-
-/*
- * ON TOP OF CARD, so every rule that changes Card's own layout carries Card's
- * class too. The two sheets meet at equal weight and the bundle orders them
- * by file name, which puts this one first: `.crewlet-card` and
- * `.crewlet-card--p-none` then won, and the compact row was drawn as a
- * padless column with its glyph on a line of its own.
- */
-.crewlet-card.crewlet-artifact-card {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  overflow: hidden;
-  color: inherit;
-  text-decoration: none;
-}
-
-.crewlet-card.crewlet-artifact-card--compact {
-  flex-direction: row;
-  align-items: flex-start;
-  gap: var(--spacing-3);
-  padding: var(--spacing-3);
-}
-
-.crewlet-artifact-card__preview {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  aspect-ratio: 16 / 9;
-  overflow: hidden;
-  border-bottom: 1px solid var(--color-border-default);
-  background: var(--color-surface-inset);
-  color: var(--color-text-tertiary);
-}
-
-.crewlet-artifact-card__glyph {
-  display: inline-flex;
-  color: var(--color-text-tertiary);
-}
-
-.crewlet-artifact-card__glyph--compact {
-  flex: none;
-  align-items: center;
-  justify-content: center;
-  width: var(--size-control-md);
-  height: var(--size-control-md);
-  border-radius: var(--radius-md);
-  background: var(--color-surface-inset);
-}
-
-.crewlet-artifact-card__body {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-1);
-  min-width: 0;
-  padding: var(--spacing-3);
-}
-
-.crewlet-artifact-card--compact .crewlet-artifact-card__body {
-  padding: 0;
-}
-
-.crewlet-artifact-card__title-row {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-1);
-  min-width: 0;
-}
-
-.crewlet-artifact-card__title {
-  overflow: hidden;
-  color: var(--color-text-primary);
-  font-weight: var(--font-weight-semibold);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.crewlet-artifact-card__pin {
-  display: inline-flex;
-  flex: none;
-  color: var(--color-text-tertiary);
-}
-
-.crewlet-artifact-card__facts {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-1);
-  color: var(--color-text-tertiary);
-  font-size: var(--font-size-xs);
-}
-
-.crewlet-artifact-card__line {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--spacing-1) var(--spacing-2);
-  min-width: 0;
-}
-
-/* THE FACTS OF ONE LINE ARE A RUN, "Sheet · OPS · v12", each after the first
-   opened by a quiet dot, so two short words never read as one phrase. */
-.crewlet-artifact-card__line > * + *::before {
-  content: '·';
-  margin-inline-end: var(--spacing-2);
-  color: var(--color-text-tertiary);
-}
-
-.crewlet-artifact-card__owner,
-.crewlet-artifact-card__presence {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--spacing-1);
-  min-width: 0;
-}
-
-.crewlet-artifact-card__changes {
-  color: var(--color-text-secondary);
-  font-weight: var(--font-weight-medium);
-}

package/dist/chunk-DFZMYB5X.js

@@ -1,108 +0,0 @@
-import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
-import { RelativeTime } from './chunk-3CZ7XAVY.js';
-import { Card } from './chunk-ACA27MZH.js';
-import { AvatarStack } from './chunk-5AQBPHZD.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
-import { cx } from './chunk-ODEQTPFM.js';
-import './ArtifactCard-AS5Z4CVI.css';
-import { useId } from 'react';
-import { TableGlyph, LayoutDashboardGlyph, PaletteGlyph, PresentationGlyph, FileTextGlyph, FileCodeGlyph, PinGlyph } from '@crewlethq/icons/glyphs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var ARTIFACT_KINDS = ["html", "doc", "slides", "design", "dashboard", "sheet"];
-var KIND_GLYPHS = {
-  html: FileCodeGlyph,
-  doc: FileTextGlyph,
-  slides: PresentationGlyph,
-  design: PaletteGlyph,
-  dashboard: LayoutDashboardGlyph,
-  sheet: TableGlyph
-};
-function ArtifactKindGlyph({ kind, size = "md" }) {
-  const Drawn = KIND_GLYPHS[kind];
-  return /* @__PURE__ */ jsx(Drawn, { size });
-}
-function ArtifactPreviewGlyph({ kind }) {
-  return /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__glyph", children: /* @__PURE__ */ jsx(ArtifactKindGlyph, { kind, size: 32 }) });
-}
-var LABELS = {
-  kinds: { html: "HTML", doc: "Doc", slides: "Slides", design: "Design", dashboard: "Dashboard", sheet: "Sheet" },
-  pinned: "Pinned",
-  version: (version) => `v${version}`,
-  changes: (count) => count === 1 ? "1 change since you looked" : `${count} changes since you looked`,
-  present: (count) => count === 1 ? "1 here now" : `${count} here now`,
-  updated: "Updated",
-  by: (name) => `by ${name}`
-};
-function ArtifactCard({
-  title,
-  kind,
-  href,
-  preview,
-  owner,
-  updatedAt,
-  updatedBy,
-  presence,
-  changes,
-  pinned = false,
-  version,
-  project,
-  size = "card",
-  className,
-  now,
-  labels
-}) {
-  const text = { ...LABELS, ...labels, kinds: { ...LABELS.kinds, ...labels?.kinds } };
-  const titleId = useId();
-  const factsId = useId();
-  const present = presence && presence.length > 0 ? presence : null;
-  const changedBy = updatedBy && updatedBy !== owner?.name ? updatedBy : void 0;
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      href,
-      variant: "subtle",
-      padding: "none",
-      className: cx("crewlet-artifact-card", `crewlet-artifact-card--${size}`, className),
-      "aria-labelledby": titleId,
-      "aria-describedby": factsId,
-      children: [
-        size === "card" ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__preview", "aria-hidden": true, children: preview ?? /* @__PURE__ */ jsx(ArtifactPreviewGlyph, { kind }) }) : /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__glyph crewlet-artifact-card__glyph--compact", "aria-hidden": true, children: /* @__PURE__ */ jsx(ArtifactKindGlyph, { kind, size: "lg" }) }),
-        /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__body", children: [
-          /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__title-row", children: [
-            /* @__PURE__ */ jsx("span", { id: titleId, className: "crewlet-artifact-card__title", title, children: title }),
-            pinned ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__pin", title: text.pinned, "aria-hidden": true, children: /* @__PURE__ */ jsx(PinGlyph, { size: "xs" }) }) : null
-          ] }),
-          /* @__PURE__ */ jsxs("span", { id: factsId, className: "crewlet-artifact-card__facts", children: [
-            /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__line", children: [
-              /* @__PURE__ */ jsx("span", { children: text.kinds[kind] }),
-              project ? /* @__PURE__ */ jsx("span", { children: project }) : null,
-              version !== void 0 ? /* @__PURE__ */ jsx("span", { children: text.version(version) }) : null,
-              pinned ? /* @__PURE__ */ jsx(VisuallyHidden, { children: text.pinned }) : null
-            ] }),
-            /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__line", children: [
-              owner ? /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__owner", children: [
-                /* @__PURE__ */ jsx(PrincipalAvatar, { principal: owner, size: "xs" }),
-                /* @__PURE__ */ jsx("span", { children: owner.name })
-              ] }) : null,
-              /* @__PURE__ */ jsxs("span", { children: [
-                `${text.updated} `,
-                /* @__PURE__ */ jsx(RelativeTime, { value: updatedAt, now }),
-                changedBy ? ` ${text.by(changedBy)}` : null
-              ] })
-            ] }),
-            present || changes !== void 0 && changes > 0 ? /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__line", children: [
-              present ? /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__presence", children: [
-                /* @__PURE__ */ jsx(AvatarStack, { members: present, max: 3, size: "xs", decorative: true }),
-                /* @__PURE__ */ jsx("span", { children: text.present(present.length) })
-              ] }) : null,
-              changes !== void 0 && changes > 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__changes", children: text.changes(changes) }) : null
-            ] }) : null
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-export { ARTIFACT_KINDS, ArtifactCard, ArtifactKindGlyph, ArtifactPreviewGlyph };

package/dist/{chunk-3U7S6ZUN.js → chunk-356JNSER.js}

@@ -1,6 +1,6 @@
-import { Skeleton } from './chunk-TEUQWOWZ.js';
 import { frameThemeMessage, readFrameHello, frameOriginMatches, negotiateBridge, FRAME_MESSAGE, portTargetOrigin, checkFrameSandbox, httpOrigin, isFrameNonce, frameFragment, readOpenLink, externalUrl, isFocusExit } from './chunk-F6V2PTN6.js';
 import { Callout } from './chunk-SZZRIHGT.js';
+import { Skeleton } from './chunk-TEUQWOWZ.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SandboxedFrame-P5NASXB7.css';

package/dist/{chunk-MTMKIUWF.js → chunk-E4NNGC6X.js}

@@ -1,6 +1,6 @@
 import { richEditorLabels } from './chunk-4B6LSFDS.js';
-import { Skeleton } from './chunk-TEUQWOWZ.js';
 import { Callout } from './chunk-SZZRIHGT.js';
+import { Skeleton } from './chunk-TEUQWOWZ.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import './RichEditor-NPD2KAPS.css';
 import { forwardRef, useState, useEffect } from 'react';

package/dist/{chunk-O37AQNLK.js → chunk-GMU6SQ6B.js}

@@ -1,9 +1,9 @@
-import { Skeleton } from './chunk-TEUQWOWZ.js';
 import { Modal } from './chunk-XEGZHHRH.js';
 import { useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
 import { Popover } from './chunk-K3IJQNB7.js';
 import { KeyChip, highlightMatch } from './chunk-FYTIJM2T.js';
 import { Input } from './chunk-6QFAK2WV.js';
+import { Skeleton } from './chunk-TEUQWOWZ.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { focusables, isComposing } from './chunk-R25RGPUB.js';
 import { announce } from './chunk-RSAQOKH3.js';