@crewlethq/ui 0.17.1 → 0.19.0

package/dist/ArrangeList-NNRTDFI5.css

@@ -0,0 +1,94 @@
+/*
+ * ArrangeList: rows a reader puts in order and switches on and off.
+ *
+ * The row is a quiet inset band rather than a card: a panel holding eight of
+ * them is a list, and eight bordered boxes read as eight separate objects.
+ */
+
+.crewlet-arrange-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-arrange-list__item {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  min-height: var(--size-row-lg);
+  padding: var(--spacing-1) var(--spacing-2) var(--spacing-1) var(--spacing-1);
+  border: 1px solid transparent;
+  border-radius: var(--radius-md);
+  background: var(--color-surface-subtle);
+  transition: background-color var(--motion-duration-fast) var(--motion-easing-default),
+    border-color var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+.crewlet-arrange-list__item:hover {
+  border-color: var(--color-border-default);
+}
+
+/* The row being carried is a gap in the list, outlined where it will land. */
+.crewlet-arrange-list__item[data-reorder='dragging'] {
+  border-style: dashed;
+  border-color: var(--color-border-strong);
+  background: transparent;
+}
+.crewlet-arrange-list__item[data-reorder='dragging'] > * {
+  opacity: 0.4;
+}
+
+.crewlet-arrange-list__handle {
+  flex-shrink: 0;
+  cursor: grab;
+  color: var(--color-text-tertiary);
+}
+.crewlet-arrange-list__handle:active {
+  cursor: grabbing;
+}
+
+.crewlet-arrange-list__label {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-2);
+}
+
+.crewlet-arrange-list__icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  color: var(--color-text-secondary);
+}
+
+/* The toggle takes the row's width, so its label is the row's target. */
+.crewlet-arrange-list__toggle {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+/* Off, the words step back; the switch itself already says off. */
+.crewlet-arrange-list__item.is-off .crewlet-arrange-list__icon,
+.crewlet-arrange-list__item.is-off .crewlet-switch__label,
+.crewlet-arrange-list__item.is-off .crewlet-checkbox__label {
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-arrange-list__trailing {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+}
+
+.crewlet-arrange-list__moves {
+  display: inline-flex;
+  flex-shrink: 0;
+  gap: 2px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-arrange-list__item {
+    transition: none;
+  }
+}

package/dist/ArtifactCard/ArtifactCard.d.ts

@@ -0,0 +1,61 @@
+import { type ReactNode } from 'react';
+import { type GlyphSize } from '@crewlethq/icons/glyphs';
+import { type AvatarStackMember } from '../Avatar/index.js';
+import { type Principal } from '../Principal/index.js';
+import { type TimeValue } from '../RelativeTime/index.js';
+/** What an artifact is, as the engine names it (`artifacts.Kind`), which decides how it is drawn. */
+export type ArtifactKind = 'html' | 'markdown' | 'sheet';
+export declare const ARTIFACT_KINDS: readonly ["html", "markdown", "sheet"];
+/** The glyph a kind is drawn with, wherever a kind is drawn, at a glyph size step or in px. */
+export declare function ArtifactKindGlyph({ kind, size }: {
+    kind: ArtifactKind;
+    size?: GlyphSize | undefined;
+}): import("react").JSX.Element;
+export type ArtifactCardSize = 'card' | 'compact';
+export interface ArtifactCardLabels {
+    kinds: Record<ArtifactKind, string>;
+    pinned: string;
+    version: (version: number) => string;
+    changes: (count: number) => string;
+    present: (count: number) => string;
+    updated: string;
+}
+export interface ArtifactCardProps {
+    title: string;
+    kind: ArtifactKind;
+    /** Where the card goes: the artifact's viewer. The whole card is one real link. */
+    href: string;
+    /**
+     * A thumbnail drawn natively: a sheet's first rows, an author's cover image.
+     * Never a screenshot. The kind's glyph stands in when there is none.
+     */
+    preview?: ReactNode;
+    owner?: Principal | undefined;
+    updatedAt: TimeValue;
+    /** Who made the latest change, when it is worth saying ("Maya"). */
+    updatedBy?: string | undefined;
+    /** Who has it open now. */
+    presence?: readonly AvatarStackMember[] | undefined;
+    /** Changes since this reader last opened it. Nothing is drawn for none or for never opened. */
+    changes?: number | undefined;
+    pinned?: boolean | undefined;
+    version?: number | undefined;
+    /** The project or task it belongs to, as its key ("OPS", "ENG-412"). */
+    project?: string | undefined;
+    /** `compact` is a row for a narrow rail or a phone, with no preview. */
+    size?: ArtifactCardSize | undefined;
+    className?: string | undefined;
+    /** Overrides the shared clock, for a story or a suite. */
+    now?: number | undefined;
+    labels?: Partial<ArtifactCardLabels> | undefined;
+}
+/**
+ * One artifact, as a card in a gallery, a row in a task's rail or an embed.
+ *
+ * THE WHOLE CARD IS ONE LINK, named by the title alone and described by the
+ * rest, so a reader moving through a gallery by link hears "Vendor scorecard"
+ * and then, if they wait, what it is and who changed it. Nothing inside is a
+ * second control: a pin or a menu inside a link is a control nobody can reach
+ * without opening the artifact. Those live on the gallery row's own menu.
+ */
+export declare function ArtifactCard({ title, kind, href, preview, owner, updatedAt, updatedBy, presence, changes, pinned, version, project, size, className, now, labels, }: ArtifactCardProps): import("react").JSX.Element;

package/dist/ArtifactCard/index.d.ts

@@ -0,0 +1,3 @@
+import './ArtifactCard.css';
+export { ARTIFACT_KINDS, ArtifactCard, ArtifactKindGlyph } from './ArtifactCard.js';
+export type { ArtifactCardLabels, ArtifactCardProps, ArtifactCardSize, ArtifactKind } from './ArtifactCard.js';

package/dist/ArtifactCard/index.js

@@ -0,0 +1,12 @@
+export { ARTIFACT_KINDS, ArtifactCard, ArtifactKindGlyph } from '../chunk-TODND5AD.js';
+import '../chunk-4KP4RC3O.js';
+import '../chunk-3CZ7XAVY.js';
+import '../chunk-EUCC37WY.js';
+import '../chunk-UAN5NE7M.js';
+import '../chunk-5OM447RW.js';
+import '../chunk-YZCJ63JF.js';
+import '../chunk-AV2DXAEL.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-BHHIIK3M.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/ArtifactCard-EXVAEBV6.css

@@ -0,0 +1,109 @@
+/*
+ * 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.
+ */
+
+.crewlet-artifact-card {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  overflow: hidden;
+  color: inherit;
+  text-decoration: none;
+}
+
+.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;
+}
+
+.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/AuthLayout/index.js

@@ -1,6 +1,6 @@
-export { AuthLayout } from '../chunk-7QFAORCY.js';
+export { AuthLayout } from '../chunk-WHZFDS62.js';
 import '../chunk-7KBNFFM3.js';
-import '../chunk-EG6NYWVK.js';
+import '../chunk-YZCJ63JF.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-BHHIIK3M.js';

package/dist/AvatarPicker/index.js

@@ -1,14 +1,14 @@
-export { AvatarPicker } from '../chunk-HENOTGUV.js';
-import '../chunk-NXDEPUVG.js';
-import '../chunk-AYKXMIOR.js';
+export { AvatarPicker } from '../chunk-T7ICFXEC.js';
+import '../chunk-XU4ZUGLE.js';
 import '../chunk-26PEPONN.js';
 import '../chunk-4LDTQWS7.js';
 import '../chunk-BWRGFKJP.js';
+import '../chunk-AYKXMIOR.js';
 import '../chunk-5PSXBL73.js';
 import '../chunk-CBOICT64.js';
+import '../chunk-5OM447RW.js';
+import '../chunk-BHHIIK3M.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
-import '../chunk-BHHIIK3M.js';
 import '../chunk-BZFWDIV6.js';
-import '../chunk-5OM447RW.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Canvas/index.js

@@ -1,8 +1,8 @@
-export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, anchorView, beyondSlop, clampPan, clampZoom, fitView, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-AMH67MLM.js';
+export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, anchorView, beyondSlop, clampPan, clampZoom, fitView, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-TXAFKH2A.js';
 import '../chunk-VYOKRN2I.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Card/index.js

@@ -1,4 +1,4 @@
-export { Card } from '../chunk-EG6NYWVK.js';
+export { Card } from '../chunk-YZCJ63JF.js';
 export { useCardHeaderSlot } from '../chunk-AV2DXAEL.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-BHHIIK3M.js';

package/dist/ChangeMark/ChangeMark.d.ts

@@ -0,0 +1,26 @@
+import { type SheetChange, type SheetLabels } from '../SheetModel/index.js';
+export interface ChangeMarkProps {
+    /** Who changed it, by display name. */
+    by: string;
+    at: SheetChange['at'];
+    /** The value before the change, already written for a reader ("6.8"), or null to say nothing of it. */
+    previous?: string | null | undefined;
+    /** A BCP 47 tag for the time; the reader's own locale when absent. */
+    locale?: string | undefined;
+    className?: string | undefined;
+    labels?: Pick<Partial<SheetLabels>, 'changed'> | undefined;
+}
+/**
+ * The corner mark on a cell or an element that changed since the reader last
+ * looked, with a tooltip that says who changed it, when, and what it was:
+ * "Changed by Maya Ortiz, 10:42. Was 6.8."
+ *
+ * A SHAPE AND WORDS, never colour alone: the mark is a corner notch in
+ * `--color-change-mark`, and the tooltip is the meaning. The mark itself is
+ * decorative to assistive technology, because the element it sits on carries
+ * the same sentence in its description (SheetGrid writes it into every focused
+ * cell's), and a mark read out on top of that would say it twice. A host
+ * drawing the mark on an element of its own says the sentence the same way,
+ * with `changeText` from the sheet model.
+ */
+export declare function ChangeMark({ by, at, previous, locale, className, labels }: ChangeMarkProps): import("react").JSX.Element;

package/dist/ChangeMark/index.d.ts

@@ -0,0 +1,3 @@
+import './ChangeMark.css';
+export { ChangeMark } from './ChangeMark.js';
+export type { ChangeMarkProps } from './ChangeMark.js';

package/dist/ChangeMark/index.js

@@ -0,0 +1,8 @@
+export { ChangeMark } from '../chunk-PPAQFGS2.js';
+import '../chunk-YYZRLLLY.js';
+import '../chunk-S35G6PNC.js';
+import '../chunk-QWOPX2MN.js';
+import '../chunk-AYKXMIOR.js';
+import '../chunk-HMPFGIWM.js';
+import '../chunk-R25RGPUB.js';
+import '../chunk-ODEQTPFM.js';

package/dist/ChangeMark-3VMTW7MT.css

@@ -0,0 +1,22 @@
+/*
+ * A change mark (ChangeMark.tsx): a notch in the top end corner of whatever
+ * it sits on, which is the nearest positioned ancestor. A triangle drawn by
+ * two borders, so it is a shape at any zoom and needs no glyph.
+ */
+
+.crewlet-change-mark {
+  position: absolute;
+  top: 0;
+  inset-inline-end: 0;
+  width: 0;
+  height: 0;
+  border-top: var(--spacing-2) solid var(--color-change-mark);
+  border-inline-start: var(--spacing-2) solid transparent;
+  pointer-events: auto;
+}
+
+@media (forced-colors: active) {
+  .crewlet-change-mark {
+    border-top-color: CanvasText;
+  }
+}

package/dist/Checkbox/index.js

@@ -1,6 +1,6 @@
-export { Checkbox, CheckboxGroup } from '../chunk-75CLJNDQ.js';
-import '../chunk-4GB57WIT.js';
-import '../chunk-4FQT6ZAY.js';
+export { Checkbox, CheckboxGroup } from '../chunk-I6NZKJGK.js';
+import '../chunk-Q55TXPA3.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Combobox/index.js

@@ -1,8 +1,8 @@
-export { Combobox } from '../chunk-ZFH7H7GS.js';
+export { Combobox } from '../chunk-LOLELDBW.js';
 import '../chunk-F73MC7EZ.js';
-import '../chunk-4GB57WIT.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-Q55TXPA3.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-R25RGPUB.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CommandPalette/index.js

@@ -1,13 +1,13 @@
-export { CommandPalette } from '../chunk-PQ63NLFC.js';
-import '../chunk-DEEVA6TV.js';
+export { CommandPalette } from '../chunk-UXELEORU.js';
+import '../chunk-7IJARUIF.js';
 import '../chunk-F73MC7EZ.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-4GB57WIT.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-Q55TXPA3.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-BHHIIK3M.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
-import '../chunk-BHHIIK3M.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Composer/index.js

@@ -1,7 +1,7 @@
-export { COMPOSER_COUNTER_AT, Composer } from '../chunk-6NIMZ5XC.js';
+export { COMPOSER_COUNTER_AT, Composer } from '../chunk-VJLYGPPE.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-4GB57WIT.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-Q55TXPA3.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ConfirmField/index.js

@@ -1,7 +1,7 @@
-export { ConfirmField, confirmMatches } from '../chunk-CXBAIVYZ.js';
+export { ConfirmField, confirmMatches } from '../chunk-YSY6UJ4F.js';
 import '../chunk-5CLW2CXT.js';
-import '../chunk-4GB57WIT.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-Q55TXPA3.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CursorFlag/CursorFlag.d.ts

@@ -0,0 +1,34 @@
+import type { HTMLAttributes } from 'react';
+import type { NodeHue } from '../utils/nodeHue.js';
+/**
+ * Where a flag stands against the element it labels: above its end edge, below
+ * it, or in the flow for a component that places it itself (a live cursor).
+ */
+export type CursorFlagPlacement = 'top-end' | 'bottom-end' | 'inline';
+export interface CursorFlagProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** The name, or several when more than one collaborator is on the same element ("Maya, @pm"). */
+    name: string | readonly string[];
+    hue: NodeHue;
+    /** A person's flag is a pill, an agent's a squircle, as their badges are. */
+    kind?: 'human' | 'agent' | undefined;
+    /** The collaborator is editing rather than looking: a pencil leads the name. */
+    editing?: boolean | undefined;
+    placement?: CursorFlagPlacement | undefined;
+}
+/**
+ * The name flag pinned to a collaborator's mark: a cell they are on, a cursor,
+ * a selection.
+ *
+ * THE NAME IS ALWAYS ON IT. A flag is the half of the presence colour
+ * exception (D22) that makes the hue mean somebody: a ring in a hue with no
+ * name beside it would be colour carrying identity on its own. The name is
+ * drawn in `--color-presence-flag-text`, which the palette suite holds at
+ * 4.5:1 on each of the six hues in every theme, and a long name is truncated
+ * rather than wrapped, so a flag never covers the row under it.
+ *
+ * DECORATIVE TO ASSISTIVE TECHNOLOGY. A flag moves with somebody else's
+ * attention, and announcing it would read the room out loud. The same fact is
+ * said in words wherever presence is listed, and in the focused element's
+ * description.
+ */
+export declare function CursorFlag({ name, hue, kind, editing, placement, className, ...rest }: CursorFlagProps): import("react").JSX.Element;

package/dist/CursorFlag/index.d.ts

@@ -0,0 +1,3 @@
+import './CursorFlag.css';
+export { CursorFlag } from './CursorFlag.js';
+export type { CursorFlagPlacement, CursorFlagProps } from './CursorFlag.js';

package/dist/CursorFlag/index.js

@@ -0,0 +1,3 @@
+export { CursorFlag } from '../chunk-3BYIWOTV.js';
+import '../chunk-I6POAB4V.js';
+import '../chunk-ODEQTPFM.js';

package/dist/CursorFlag-AJQJBUGY.css

@@ -0,0 +1,61 @@
+/*
+ * A collaborator's name flag (CursorFlag.tsx): the name on a plate of their
+ * presence hue, in the ink the palette suite holds at 4.5:1 on every hue.
+ */
+
+.crewlet-cursor-flag {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  box-sizing: border-box;
+  max-width: 16em;
+  padding: 0 calc(var(--spacing-1) * 1.5);
+  border-radius: var(--radius-pill);
+  background: var(--crewlet-presence-hue);
+  box-shadow: var(--shadow-cursor);
+  color: var(--color-presence-flag-text);
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--font-line-height-normal);
+  white-space: nowrap;
+  pointer-events: none;
+  user-select: none;
+}
+
+.crewlet-cursor-flag--agent {
+  border-radius: var(--radius-xs);
+}
+
+.crewlet-cursor-flag__name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.crewlet-cursor-flag__glyph {
+  flex: none;
+}
+
+/* Pinned to the element it labels, which is the nearest positioned ancestor. */
+.crewlet-cursor-flag--top-end,
+.crewlet-cursor-flag--bottom-end {
+  position: absolute;
+  inset-inline-end: 0;
+  z-index: var(--z-index-presence);
+}
+
+.crewlet-cursor-flag--top-end {
+  bottom: 100%;
+}
+
+.crewlet-cursor-flag--bottom-end {
+  top: 100%;
+}
+
+@media (forced-colors: active) {
+  .crewlet-cursor-flag {
+    border: 1px solid CanvasText;
+    background: Canvas;
+    color: CanvasText;
+  }
+}

package/dist/DataTable/index.js

@@ -1,16 +1,16 @@
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-FSKTOIYC.js';
-import '../chunk-NS7BVLL3.js';
-import '../chunk-EUCC37WY.js';
-import '../chunk-75CLJNDQ.js';
-import '../chunk-DEEVA6TV.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-AJESMWJS.js';
+import '../chunk-JULMZNGT.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-4GB57WIT.js';
+import '../chunk-7IJARUIF.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-I6NZKJGK.js';
+import '../chunk-Q55TXPA3.js';
+import '../chunk-EUCC37WY.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataView/index.js

@@ -1,26 +1,26 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-6NN2F7GM.js';
-import '../chunk-3CZ7XAVY.js';
+export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-OIMAK5AE.js';
 import '../chunk-HOXGBLEY.js';
 import '../chunk-PGRPNDWM.js';
-import '../chunk-FSKTOIYC.js';
-import '../chunk-NS7BVLL3.js';
-import '../chunk-EUCC37WY.js';
-import '../chunk-2UU5IGZI.js';
-import '../chunk-75CLJNDQ.js';
-import '../chunk-DEEVA6TV.js';
-import '../chunk-F73MC7EZ.js';
+import '../chunk-AJESMWJS.js';
+import '../chunk-JULMZNGT.js';
+import '../chunk-L4H7SSWF.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
+import '../chunk-7IJARUIF.js';
+import '../chunk-F73MC7EZ.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-4GB57WIT.js';
 import '../chunk-GXQ3B46I.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-I6NZKJGK.js';
+import '../chunk-Q55TXPA3.js';
+import '../chunk-3CZ7XAVY.js';
+import '../chunk-EUCC37WY.js';
+import '../chunk-BWRGFKJP.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-BWRGFKJP.js';
+import '../chunk-BHHIIK3M.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
-import '../chunk-BHHIIK3M.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DateTimePicker/index.js

@@ -1,9 +1,9 @@
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-2UU5IGZI.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-L4H7SSWF.js';
 import '../chunk-GXQ3B46I.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
 import '../chunk-BWRGFKJP.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';