@crewlethq/ui 0.28.0 → 0.30.0

package/dist/RichEditor/roundtrip.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The editor's Markdown round trip, as plain functions: what a load and a
+ * save with no edit write, and the spelling a changed block is written in.
+ * An application holds its own bodies to them (a Knowledge page's fixtures, a
+ * doc's), so a body the editor would rewrite is found by a test rather than
+ * by somebody's diff.
+ *
+ * Importing these brings the document model with them; the editor's shell
+ * does not, so a screen that only draws `RichEditor` pays for neither.
+ */
+/** The body a load and a save with no edit write: the body itself, byte for byte. */
+export declare function roundTripMarkdown(markdown: string): string;
+/** The body as the editor writes it when every block has changed. */
+export declare function canonicalMarkdown(markdown: string): string;

package/dist/RichEditor/schema.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The document model `RichEditor` edits: exactly what the Markdown grammar
+ * (`../Markdown`) reads, and nothing it cannot write back.
+ *
+ * EVERY NODE DRAWS WHAT THE READER SEES. The editor's DOM is the element shape
+ * an application's renderer emits for the same block (an `h2` for a `#`
+ * heading, a list item whose first child is a checkbox, a table inside a
+ * scrolling wrapper), inside `Document`, so the page looks the same while it
+ * is edited as when it is read, and one stylesheet sets both.
+ *
+ * A NODE CARRIES THE SPELLING IT WAS READ WITH (a bullet's character, a
+ * fence's marker, emphasis by `*` or `_`), so a block somebody edits is
+ * written back in the hand it was written in rather than in the editor's.
+ *
+ * NO STYLE ATTRIBUTE IS EVER WRITTEN. A strict Content-Security-Policy refuses
+ * `style-src 'unsafe-inline'`, which covers a `style` attribute set through
+ * `setAttribute`, so a cell's alignment is a data attribute the stylesheet
+ * reads.
+ */
+import { Schema } from 'prosemirror-model';
+/** A heading's element: a body's `#` is an `h2`, because the page's title is its `h1`. */
+export declare function headingTag(level: number): string;
+export declare const schema: Schema<"blockquote" | "table" | "image" | "text" | "heading" | "doc" | "paragraph" | "callout" | "code_block" | "horizontal_rule" | "bullet_list" | "ordered_list" | "list_item" | "table_row" | "table_header" | "table_cell" | "hard_break", "code" | "em" | "link" | "strong" | "strike">;

package/dist/RichEditor/types.d.ts

@@ -0,0 +1,140 @@
+/**
+ * The props, the handle and the words of `RichEditor`, apart from the engine,
+ * so the shell that loads the engine lazily carries none of it.
+ */
+import type { ReactNode } from 'react';
+import type { DocumentSize } from '../Document/index.js';
+import { type MarkdownCalloutTone } from '../Markdown/index.js';
+/** What an entry of the caller's own in the slash menu may do to the document. */
+export interface RichEditorPanelApi {
+    /** Inserts `text` linked to `href` where the slash was typed, and closes the panel. */
+    insertLink(text: string, href: string): void;
+    /** Closes the panel and gives the editor its focus back. */
+    close(): void;
+}
+/**
+ * An entry of the caller's own in the slash menu: "Link to a page", say. It
+ * opens a panel the caller draws where the slash was typed, and the panel
+ * inserts through the API it is handed.
+ */
+export interface RichEditorCommand {
+    key: string;
+    label: string;
+    description?: string | undefined;
+    icon?: ReactNode;
+    /** Words the menu's filter also matches, beyond the label. */
+    keywords?: readonly string[] | undefined;
+    panel: (api: RichEditorPanelApi) => ReactNode;
+}
+export interface RichEditorHandle {
+    focus(): void;
+}
+export interface RichEditorProps {
+    /** The Markdown being edited. */
+    value: string;
+    /** Called with the body as Markdown after every change. */
+    onChange: (value: string) => void;
+    /** The field's accessible name: "The body of Runbook". */
+    label: string;
+    /** What an empty body says. */
+    placeholder?: string | undefined;
+    /** Draws the document read only, as during a merge the writer has to settle first. */
+    disabled?: boolean | undefined;
+    autoFocus?: boolean | undefined;
+    /**
+     * Where a picture's address is shown from, in place of the address itself,
+     * or null for one that is not shown (it reads as its alt text). Without it a
+     * picture is shown only from an address a reader may follow (`safeHref`).
+     * The same rule the application's renderer reads with, so a picture shows
+     * while it is edited exactly where it shows to a reader.
+     */
+    resolveImage?: ((src: string) => string | null) | undefined;
+    /**
+     * Changes when what `resolveImage` can answer has changed (a picture
+     * finished loading), so every picture is drawn again.
+     */
+    imageVersion?: unknown;
+    /** Command+Enter (Control+Enter elsewhere): the shortcut every composer saves on. */
+    onSubmit?: (() => void) | undefined;
+    /** Escape with no menu or panel open: the writer leaving the editor. */
+    onEscape?: (() => void) | undefined;
+    /** Entries of the caller's own, listed after the blocks in the slash menu. */
+    commands?: readonly RichEditorCommand[] | undefined;
+    /** The document's size, as `Document` takes it. */
+    size?: DocumentSize | undefined;
+    /** Drawn while the editor's code loads, in place of a skeleton: the body as it reads. */
+    fallback?: ReactNode;
+    labels?: RichEditorLabelOverrides | undefined;
+    className?: string | undefined;
+}
+export type RichEditorBlock = 'paragraph' | 'heading1' | 'heading2' | 'heading3' | 'bullet' | 'ordered' | 'task' | 'quote' | 'callout' | 'code' | 'table' | 'divider' | 'image';
+/** Every string the editor draws on its own. */
+export interface RichEditorLabels {
+    /** Read to a screen reader after the field's name: how to reach the menus. */
+    description: string;
+    /** What an empty body says, when the caller gives no placeholder. */
+    placeholder: string;
+    /** What an empty line says while the caret is on it. */
+    emptyLine: string;
+    slashMenu: string;
+    slashEmpty: string;
+    slashGroupBlocks: string;
+    slashGroupInsert: string;
+    blocks: Record<RichEditorBlock, {
+        label: string;
+        description: string;
+    }>;
+    toolbar: string;
+    bold: string;
+    italic: string;
+    strike: string;
+    code: string;
+    link: string;
+    heading: (level: number) => string;
+    linkPanel: string;
+    linkAddress: string;
+    linkText: string;
+    linkApply: string;
+    linkRemove: string;
+    linkOpen: string;
+    linkEdit: string;
+    linkInvalid: string;
+    linkRefused: string;
+    imagePanel: string;
+    imageAddress: string;
+    imageAlt: string;
+    imageAltHelp: string;
+    imageInsert: string;
+    imageEdit: string;
+    imageRemove: string;
+    tableBar: string;
+    tableRow: string;
+    tableColumn: string;
+    rowAbove: string;
+    rowBelow: string;
+    rowDelete: string;
+    columnLeft: string;
+    columnRight: string;
+    columnDelete: string;
+    alignStart: string;
+    alignCenter: string;
+    alignEnd: string;
+    tableDelete: string;
+    codeLanguage: string;
+    codeLanguagePlaceholder: string;
+    calloutTone: string;
+    calloutRemove: string;
+    tones: Record<MarkdownCalloutTone, string>;
+    taskDone: string;
+    taskNotDone: string;
+    loading: string;
+    failed: string;
+    failedDetail: string;
+    retry: string;
+}
+export type RichEditorLabelOverrides = Partial<Omit<RichEditorLabels, 'blocks' | 'tones'>> & {
+    blocks?: Partial<RichEditorLabels['blocks']> | undefined;
+    tones?: Partial<RichEditorLabels['tones']> | undefined;
+};
+export declare const RICH_EDITOR_LABELS: RichEditorLabels;
+export declare function richEditorLabels(overrides?: RichEditorLabelOverrides): RichEditorLabels;

package/dist/RichEditor-NPD2KAPS.css

@@ -0,0 +1,419 @@
+/*
+ * The rich editor (RichEditor.tsx).
+ *
+ * THE DOCUMENT IS SET BY `Document`'s stylesheet, not by this one: the
+ * editable element carries `crewlet-document`, so a heading, a list, a quote
+ * or a table looks the same while it is edited as when it is read. What is
+ * here is only what editing adds: the caret's world (ProseMirror's own
+ * required rules, the placeholder, a selected node), the controls a block
+ * draws in its slot, and the surfaces that float over the page (the slash
+ * menu, the selection toolbar, the link and picture panels, the table bar).
+ */
+
+.crewlet-rich-editor {
+  position: relative;
+  min-width: 0;
+}
+
+/* ── the editable document ─────────────────────────────────────────────── */
+
+/*
+ * ProseMirror's own required rules: whitespace is preserved as typed (the
+ * view maps it to positions one to one), and ligatures are off so a caret
+ * never lands inside one.
+ */
+.crewlet-rich-editor__content {
+  position: relative;
+  min-height: calc(var(--spacing-10) * 3);
+  outline: none;
+  white-space: pre-wrap;
+  white-space: break-spaces;
+  word-wrap: break-word;
+  font-variant-ligatures: none;
+  font-feature-settings: 'liga' 0;
+  caret-color: var(--color-brand-accent);
+}
+
+.crewlet-rich-editor__content pre {
+  white-space: pre-wrap;
+}
+
+.crewlet-rich-editor__content li {
+  position: relative;
+}
+
+.crewlet-rich-editor__content [draggable][contenteditable='false'] {
+  user-select: text;
+}
+
+.crewlet-rich-editor__content.ProseMirror-hideselection *::selection {
+  background: transparent;
+}
+
+.crewlet-rich-editor__content.ProseMirror-hideselection {
+  caret-color: transparent;
+}
+
+.crewlet-rich-editor__content img.ProseMirror-separator {
+  display: inline !important;
+  border: none !important;
+  margin: 0 !important;
+}
+
+/* A selected block (a picture, a rule) is outlined, as a focused control is. */
+.crewlet-rich-editor__content .ProseMirror-selectednode {
+  outline: 2px solid var(--color-focus);
+  outline-offset: 2px;
+  border-radius: var(--radius-xs);
+}
+
+/* The caret between two blocks nobody can type into (two tables, say). */
+.crewlet-rich-editor__content .ProseMirror-gapcursor {
+  display: none;
+  position: absolute;
+  pointer-events: none;
+}
+
+.crewlet-rich-editor__content .ProseMirror-gapcursor::after {
+  content: '';
+  display: block;
+  position: absolute;
+  top: calc(var(--spacing-2) * -1);
+  width: var(--spacing-5);
+  border-top: 1px solid var(--color-text-primary);
+  animation: crewlet-rich-editor-caret calc(var(--motion-duration-breath) / 2) steps(2, start) infinite;
+}
+
+@keyframes crewlet-rich-editor-caret {
+  to {
+    visibility: hidden;
+  }
+}
+
+.crewlet-rich-editor__content.ProseMirror-focused .ProseMirror-gapcursor {
+  display: block;
+}
+
+/*
+ * The placeholder and the empty line's hint: a decoration's attribute, drawn
+ * here, so neither is text in the document. Floated with no height, so the
+ * caret stands at the start of the line rather than after the words.
+ */
+.crewlet-rich-editor__content .is-empty::before {
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  color: var(--color-text-tertiary);
+  pointer-events: none;
+}
+
+/* The slash and the word after it, while the menu is open. */
+.crewlet-rich-editor__slash {
+  border-radius: var(--radius-xs);
+  background: var(--color-brand-accent-soft);
+  color: var(--color-brand-accent-ink);
+}
+
+/* An EMPTY table cell keeps a width a pointer can land in; one with text is
+   sized as the reader's is, so the columns do not move when editing starts. */
+.crewlet-rich-editor__content :where(th, td):has(> br.ProseMirror-trailingBreak:only-child) {
+  min-width: calc(var(--spacing-10) * 1.5);
+}
+
+/* A task's box is pressed here, where a reader's is only read. */
+.crewlet-rich-editor__content li > input[type='checkbox'] {
+  cursor: pointer;
+}
+
+/* A picture the page cannot show reads as its alt text, set apart as a chip. */
+.crewlet-rich-editor__image-alt {
+  display: inline-flex;
+  align-items: center;
+  padding: 0 var(--spacing-2);
+  border: 1px dashed var(--color-border-strong);
+  border-radius: var(--radius-sm);
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-xs);
+}
+
+.crewlet-rich-editor--disabled .crewlet-rich-editor__content {
+  caret-color: transparent;
+}
+
+/* ── a block's controls ─────────────────────────────────────────────────── */
+
+.crewlet-rich-editor__code {
+  position: relative;
+}
+
+/*
+ * A code block's language: a quiet field at the block's top right, read as
+ * the language's name and turning into a field under the pointer or the
+ * keyboard. An empty one shows only while the block is pointed at.
+ */
+.crewlet-rich-editor__code-bar {
+  position: absolute;
+  top: var(--spacing-1);
+  right: var(--spacing-1);
+  z-index: var(--z-index-raised);
+}
+
+.crewlet-rich-editor__lang {
+  width: 12ch;
+  height: var(--size-control-sm);
+  padding: 0 var(--spacing-2);
+  border: 1px solid transparent;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: var(--color-text-tertiary);
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-2xs);
+  text-align: right;
+}
+
+.crewlet-rich-editor__lang::placeholder {
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-rich-editor__lang:placeholder-shown {
+  opacity: 0;
+}
+
+.crewlet-rich-editor__code:hover .crewlet-rich-editor__lang,
+.crewlet-rich-editor__lang:focus {
+  opacity: 1;
+  border-color: var(--color-border-default);
+  background: var(--color-surface-elevated);
+  text-align: left;
+}
+
+.crewlet-rich-editor__lang:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: 0;
+}
+
+/* A callout's tone, drawn as its label, and a menu under it. */
+.crewlet-rich-editor__tone {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  margin: 0;
+  padding: 0;
+  border: none;
+  border-radius: var(--radius-xs);
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+}
+
+.crewlet-rich-editor__tone > svg {
+  opacity: 0;
+}
+
+.crewlet-rich-editor__tone:hover > svg,
+.crewlet-rich-editor__tone:focus-visible > svg,
+.crewlet-rich-editor__tone[aria-expanded='true'] > svg {
+  opacity: 1;
+}
+
+.crewlet-rich-editor__tone:hover {
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.crewlet-rich-editor__tone:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: 2px;
+}
+
+/* ── the floating surfaces ───────────────────────────────────────────────── */
+
+/* Every one is the menu's surface: the same ground, line, radius and shadow. */
+.crewlet-rich-editor__menu,
+.crewlet-rich-editor__bar,
+.crewlet-rich-editor__bubble,
+.crewlet-rich-editor__panel {
+  position: fixed;
+  z-index: var(--z-index-popover);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-md);
+  background: var(--color-surface-subtle);
+  box-shadow: var(--shadow-xl);
+  font-family: var(--font-family-sans);
+  animation: crewlet-rich-editor-in var(--motion-duration-fast) var(--motion-easing-emphasized);
+}
+
+@keyframes crewlet-rich-editor-in {
+  from {
+    opacity: 0;
+    transform: translateY(var(--spacing-1));
+  }
+}
+
+.crewlet-rich-editor__bar,
+.crewlet-rich-editor__bubble {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-1);
+  box-shadow: var(--shadow-lg);
+}
+
+.crewlet-rich-editor__group {
+  display: inline-flex;
+  align-items: center;
+  gap: calc(var(--spacing-1) / 2);
+}
+
+.crewlet-rich-editor__group + .crewlet-rich-editor__group {
+  margin-left: var(--spacing-1);
+  padding-left: var(--spacing-1);
+  border-left: 1px solid var(--color-border-default);
+}
+
+/* The slash menu: a block's glyph on a tile, its name, and what it is. */
+.crewlet-rich-editor__menu {
+  width: min(300px, calc(100vw - var(--spacing-8)));
+  max-height: min(360px, 50vh);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  padding: var(--spacing-1);
+}
+
+.crewlet-rich-editor__group-heading {
+  padding: var(--spacing-2) var(--spacing-2) var(--spacing-1);
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-semibold);
+  letter-spacing: var(--font-letter-spacing-wide);
+  text-transform: uppercase;
+}
+
+.crewlet-rich-editor__option {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3);
+  padding: var(--spacing-1) var(--spacing-2);
+  border-radius: var(--radius-sm);
+  color: var(--color-text-primary);
+  cursor: pointer;
+}
+
+.crewlet-rich-editor__option.is-active {
+  background: var(--color-surface-hover);
+}
+
+.crewlet-rich-editor__option-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  width: var(--size-control-md);
+  height: var(--size-control-md);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-sm);
+  background: var(--color-surface-elevated);
+  color: var(--color-text-secondary);
+}
+
+.crewlet-rich-editor__option-text {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  flex: 1;
+}
+
+.crewlet-rich-editor__option-label {
+  font-size: var(--font-size-compact);
+  line-height: var(--font-line-height-snug);
+}
+
+.crewlet-rich-editor__option-description {
+  overflow: hidden;
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-snug);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-rich-editor__option-hint {
+  flex: none;
+  color: var(--color-text-tertiary);
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-2xs);
+}
+
+.crewlet-rich-editor__empty {
+  margin: 0;
+  padding: var(--spacing-2);
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-compact);
+}
+
+/* The link under the caret: where it goes, and what can be done with it. */
+.crewlet-rich-editor__bubble-link {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  max-width: min(260px, calc(100vw - 160px));
+  padding: 0 var(--spacing-2);
+  color: var(--color-brand-accent-ink);
+  font-size: var(--font-size-compact);
+  text-decoration: none;
+}
+
+.crewlet-rich-editor__bubble-link:hover {
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.crewlet-rich-editor__bubble-link:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: 0;
+  border-radius: var(--radius-xs);
+}
+
+.crewlet-rich-editor__bubble-href {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-rich-editor__bubble-refused {
+  padding: 0 var(--spacing-2);
+  color: var(--color-feedback-warning-ink);
+  font-size: var(--font-size-xs);
+}
+
+/* A panel: the link's address, a picture's address and alt text, a caller's own. */
+.crewlet-rich-editor__panel {
+  width: min(320px, calc(100vw - var(--spacing-8)));
+  padding: var(--spacing-3);
+}
+
+.crewlet-rich-editor__form {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3);
+  margin: 0;
+}
+
+.crewlet-rich-editor__form-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--spacing-2);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-rich-editor__content .ProseMirror-gapcursor::after {
+    animation: none;
+  }
+
+  .crewlet-rich-editor__menu,
+  .crewlet-rich-editor__bar,
+  .crewlet-rich-editor__bubble,
+  .crewlet-rich-editor__panel {
+    animation: none;
+  }
+}

package/dist/RichEditorMarkdown/index.d.ts

@@ -0,0 +1 @@
+export { canonicalMarkdown, roundTripMarkdown } from '../RichEditor/roundtrip.js';

package/dist/RichEditorMarkdown/index.js

@@ -0,0 +1,3 @@
+export { canonicalMarkdown, roundTripMarkdown } from '../chunk-IDBHX5SR.js';
+import '../chunk-YFW4MTK4.js';
+import '../chunk-SKOYC2CF.js';

package/dist/SheetGrid/index.js

@@ -8,8 +8,8 @@ import '../chunk-WIATRXEJ.js';
 import '../chunk-YEKYVJQR.js';
 import '../chunk-NHBP2XS5.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-QWOPX2MN.js';
 import '../chunk-AYKXMIOR.js';
+import '../chunk-QWOPX2MN.js';
 import '../chunk-UAN5NE7M.js';
 import '../chunk-5OM447RW.js';
 import '../chunk-2HIOJ4YZ.js';

package/dist/ThemeSwitcher/index.js

@@ -1,7 +1,7 @@
 export { DensitySwitcher, ThemeSwitcher } from '../chunk-WJDQ7XQA.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
-import '../chunk-FQCLKD7U.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
+import '../chunk-FQCLKD7U.js';
 import '../chunk-RCQXUT5K.js';
 import '../chunk-HJEVSQN6.js';
 import '../chunk-RKKO7QHH.js';

package/dist/VersionCompare/index.js

@@ -1,11 +1,11 @@
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-EHQTPVV4.js';
-import '../chunk-FQCLKD7U.js';
 import '../chunk-BVWSLXTY.js';
+import '../chunk-FQCLKD7U.js';
 import '../chunk-RCQXUT5K.js';
 import '../chunk-HJEVSQN6.js';
 import '../chunk-RKKO7QHH.js';
 import '../chunk-RA2ULG6H.js';
-import '../chunk-PQADV6P6.js';
 import '../chunk-BHHIIK3M.js';
+import '../chunk-PQADV6P6.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/chunk-3DPIU2Q7.js

@@ -0,0 +1,28 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './EditingStatus-NFADEPSX.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var LABELS = {
+  editing: "Editing",
+  unsaved: "Unsaved changes",
+  saving: "Saving"
+};
+function EditingStatus({ dirty, saving = false, labels, className }) {
+  const text = { ...LABELS, ...labels };
+  const state = saving ? text.saving : dirty ? text.unsaved : null;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: cx("crewlet-editing-status", dirty && "crewlet-editing-status--dirty", className),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-editing-status__dot", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "crewlet-editing-status__label", children: text.editing }),
+        state && /* @__PURE__ */ jsx("span", { className: "crewlet-editing-status__state", children: state })
+      ]
+    }
+  );
+}
+
+export { EditingStatus };

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

@@ -1,4 +1,4 @@
-import { ArtifactKindGlyph } from './chunk-6J35F334.js';
+import { ArtifactKindGlyph } from './chunk-GOSQXEZU.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-MQEEQVG6.js → chunk-6AH2XJ3Q.js}

@@ -1,5 +1,5 @@
-import { Document } from './chunk-WI6K5M5X.js';
-import { ArtifactKindGlyph } from './chunk-6J35F334.js';
+import { Document } from './chunk-M3LUNN7F.js';
+import { ArtifactKindGlyph } from './chunk-GOSQXEZU.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactCover-D4MBEJ5H.css';
 import './DashboardCover-RMINBODB.css';