@crewlethq/ui 0.29.0 → 0.30.0

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/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-XALUCIG5.js → chunk-6AH2XJ3Q.js}

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

package/dist/chunk-A4E5YLXO.js

@@ -0,0 +1,85 @@
+import { MARKDOWN_CALLOUT_NAMES } from './chunk-SKOYC2CF.js';
+
+// src/RichEditor/types.ts
+var RICH_EDITOR_LABELS = {
+  description: "Type a slash for blocks. Press Alt and F10 to reach the formatting toolbar.",
+  placeholder: "Write, or type a slash for blocks",
+  emptyLine: "Type / for blocks",
+  slashMenu: "Blocks",
+  slashEmpty: "No block matches",
+  slashGroupBlocks: "Blocks",
+  slashGroupInsert: "Insert",
+  blocks: {
+    paragraph: { label: "Text", description: "A plain paragraph" },
+    heading1: { label: "Heading 1", description: "A section heading" },
+    heading2: { label: "Heading 2", description: "A subsection heading" },
+    heading3: { label: "Heading 3", description: "A smaller heading" },
+    bullet: { label: "Bulleted list", description: "A simple list" },
+    ordered: { label: "Numbered list", description: "A list in order" },
+    task: { label: "Task list", description: "Items with a checkbox" },
+    quote: { label: "Quote", description: "Words set off from the text" },
+    callout: { label: "Callout", description: "A note that stands out" },
+    code: { label: "Code block", description: "Code, with its language" },
+    table: { label: "Table", description: "Rows and columns" },
+    divider: { label: "Divider", description: "A line between sections" },
+    image: { label: "Image", description: "A picture, by its address" }
+  },
+  toolbar: "Formatting",
+  bold: "Bold",
+  italic: "Italic",
+  strike: "Strikethrough",
+  code: "Inline code",
+  link: "Link",
+  heading: (level) => `Heading ${level}`,
+  linkPanel: "Link",
+  linkAddress: "Address",
+  linkText: "Text",
+  linkApply: "Apply",
+  linkRemove: "Remove link",
+  linkOpen: "Open link",
+  linkEdit: "Edit link",
+  linkInvalid: "Use an address that starts with https://, http://, mailto: or #/.",
+  linkRefused: "This address does not open from a page.",
+  imagePanel: "Image",
+  imageAddress: "Image address",
+  imageAlt: "Alt text",
+  imageAltHelp: "Describes the picture for anyone who cannot see it.",
+  imageInsert: "Insert image",
+  imageEdit: "Edit image",
+  imageRemove: "Remove image",
+  tableBar: "Table",
+  tableRow: "Row",
+  tableColumn: "Column",
+  rowAbove: "Insert row above",
+  rowBelow: "Insert row below",
+  rowDelete: "Delete row",
+  columnLeft: "Insert column left",
+  columnRight: "Insert column right",
+  columnDelete: "Delete column",
+  alignStart: "Align left",
+  alignCenter: "Align center",
+  alignEnd: "Align right",
+  tableDelete: "Delete table",
+  codeLanguage: "Code language",
+  codeLanguagePlaceholder: "Language",
+  calloutTone: "Callout type",
+  calloutRemove: "Remove callout",
+  tones: MARKDOWN_CALLOUT_NAMES,
+  taskDone: "Mark as done",
+  taskNotDone: "Mark as not done",
+  loading: "Loading the editor",
+  failed: "The editor did not load",
+  failedDetail: "The page may have been updated while it was open. Try again, or reload the page.",
+  retry: "Try again"
+};
+function richEditorLabels(overrides) {
+  if (!overrides) return RICH_EDITOR_LABELS;
+  return {
+    ...RICH_EDITOR_LABELS,
+    ...overrides,
+    blocks: { ...RICH_EDITOR_LABELS.blocks, ...overrides.blocks },
+    tones: { ...RICH_EDITOR_LABELS.tones, ...overrides.tones }
+  };
+}
+
+export { RICH_EDITOR_LABELS, richEditorLabels };

package/dist/{chunk-FKULOLKG.js → chunk-GR55WT4R.js}

@@ -1,5 +1,5 @@
 import { Composer } from './chunk-7DZDSSJS.js';
-import { Document } from './chunk-WI6K5M5X.js';
+import { Document } from './chunk-M3LUNN7F.js';
 import { PrincipalAvatar } from './chunk-4KP4RC3O.js';
 import { toInstant, RelativeTime, formatExact, toISO } from './chunk-3CZ7XAVY.js';
 import { Count } from './chunk-BHHIIK3M.js';