@crewlethq/ui 0.52.1 → 0.53.0

package/dist/styles.css

@@ -16587,12 +16587,12 @@ button.crewlet-finding-list__row:focus-visible {
 }
 
 
-/* FolderTile-MIUEB7SO.css */
+/* FolderTile-NM7CRTVH.css */
 /*
  * A folder in a gallery: a short tile on Card (no preview), the folder glyph
- * on a neutral tint over the name and one quiet line, and a More menu in the
- * top corner outside the link. `row` is the full width, 44px row a phone
- * takes, and a tile becomes one under the phone breakpoint.
+ * on a neutral tint over the name and one quiet run of facts, and a More menu
+ * level with the glyph, outside the link. `row` is the full width row a phone
+ * takes (44px at least), and a tile becomes one under the phone breakpoint.
  *
  * 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
@@ -16600,10 +16600,11 @@ button.crewlet-finding-list__row:focus-visible {
  */
 
 /*
- * THE ARTIFACT CARD'S CORNER, so a folder tile and the cards below it read as
- * one gallery, and Card's own hover step (the hairline darkens, nothing
- * lifts). The chosen state is Card's (`selected`): the selected edge over the
- * selected fill.
+ * THE ARTIFACT CARD'S CORNER AND HOVER, so a folder tile and the cards below
+ * it read as one gallery: under the pointer the hairline darkens and a
+ * hairline shadow settles under the tile, quickly and with the standard ease,
+ * exactly as a card's does. Nothing lifts or moves. The chosen state is
+ * Card's (`selected`): the selected edge over the selected fill.
  */
 .crewlet-card.crewlet-folder-tile {
   /*
@@ -16616,6 +16617,7 @@ button.crewlet-finding-list__row:focus-visible {
   --crewlet-folder-tile-pad-inline: var(--spacing-4);
   --crewlet-folder-tile-floor: auto;
   --crewlet-folder-tile-glyph: 40px;
+  --crewlet-folder-tile-glyph-icon: 20px;
   --crewlet-folder-tile-glyph-radius: var(--radius-md);
   /*
    * THE WORDS ARE SET AS THE CARDS BESIDE THEM: a tile's name at a gallery
@@ -16644,13 +16646,36 @@ button.crewlet-finding-list__row:focus-visible {
   --crewlet-folder-tile-actions-shift: 0;
   --crewlet-folder-tile-reserve-link: 0px;
 
+  /*
+   * THE CARD'S SEPARATOR between two facts, a quiet dot with a step of air on
+   * each side: the width each fact after the first opens with.
+   */
+  --crewlet-folder-tile-separator: var(--spacing-5);
+  /* Who can see it is a glyph and its word; the row keeps the glyph alone. */
+  --crewlet-folder-tile-word-position: static;
+  --crewlet-folder-tile-word-size: auto;
+  --crewlet-folder-tile-word-clip: none;
+
   flex-direction: row;
   align-items: stretch;
   min-width: 0;
   border-radius: var(--crewlet-folder-tile-radius);
 }
 
-/* ---- the row: a phone's, full width at 44px ---- */
+/* The card's quick step, over Card's slower interactive one. */
+.crewlet-card.crewlet-folder-tile.is-interactive {
+  transition:
+    border-color var(--motion-duration-fast) var(--motion-easing-out),
+    box-shadow var(--motion-duration-fast) var(--motion-easing-out);
+}
+
+.crewlet-card.crewlet-folder-tile:hover {
+  box-shadow: var(--shadow-xs);
+}
+
+/* ---- the row: a phone's, full width and 44px at least ----
+   The glyph and its tint keep the tile's proportion (the glyph half the
+   tint), at the list name cell's 32px tint. */
 
 .crewlet-card.crewlet-folder-tile--row {
   --crewlet-folder-tile-radius: var(--radius-lg);
@@ -16658,8 +16683,9 @@ button.crewlet-finding-list__row:focus-visible {
   --crewlet-folder-tile-pad-block: var(--spacing-1);
   --crewlet-folder-tile-pad-inline: var(--spacing-3);
   --crewlet-folder-tile-floor: var(--size-control-lg);
-  --crewlet-folder-tile-glyph: 28px;
-  --crewlet-folder-tile-glyph-radius: var(--radius-sm);
+  --crewlet-folder-tile-glyph: 32px;
+  --crewlet-folder-tile-glyph-icon: 16px;
+  --crewlet-folder-tile-glyph-radius: var(--radius-md);
   --crewlet-folder-tile-words-gap: 2px;
   --crewlet-folder-tile-actions-inset: var(--spacing-2);
   --crewlet-folder-tile-direction: row;
@@ -16667,6 +16693,9 @@ button.crewlet-finding-list__row:focus-visible {
   --crewlet-folder-tile-actions-top: 50%;
   --crewlet-folder-tile-actions-shift: -50%;
   --crewlet-folder-tile-reserve-link: calc(var(--size-control-sm) + var(--spacing-1));
+  --crewlet-folder-tile-word-position: absolute;
+  --crewlet-folder-tile-word-size: 1px;
+  --crewlet-folder-tile-word-clip: inset(50%);
 }
 
 /* UNDER THE PHONE BREAKPOINT A TILE IS THE ROW, strictly under, as the
@@ -16678,8 +16707,9 @@ button.crewlet-finding-list__row:focus-visible {
     --crewlet-folder-tile-pad-block: var(--spacing-1);
     --crewlet-folder-tile-pad-inline: var(--spacing-3);
     --crewlet-folder-tile-floor: var(--size-control-lg);
-    --crewlet-folder-tile-glyph: 28px;
-    --crewlet-folder-tile-glyph-radius: var(--radius-sm);
+    --crewlet-folder-tile-glyph: 32px;
+    --crewlet-folder-tile-glyph-icon: 16px;
+    --crewlet-folder-tile-glyph-radius: var(--radius-md);
     --crewlet-folder-tile-words-gap: 2px;
     --crewlet-folder-tile-actions-inset: var(--spacing-2);
     --crewlet-folder-tile-direction: row;
@@ -16687,19 +16717,41 @@ button.crewlet-finding-list__row:focus-visible {
     --crewlet-folder-tile-actions-top: 50%;
     --crewlet-folder-tile-actions-shift: -50%;
     --crewlet-folder-tile-reserve-link: calc(var(--size-control-sm) + var(--spacing-1));
+    --crewlet-folder-tile-word-position: absolute;
+    --crewlet-folder-tile-word-size: 1px;
+    --crewlet-folder-tile-word-clip: inset(50%);
   }
 }
 
+/*
+ * THE STATES OUTLAST THE POINTER. Card's hover step darkens the hairline at
+ * the same weight as a state's edge, and Card's sheet comes after this one, so
+ * each state restates its edge under the pointer too: a chosen tile keeps the
+ * selected edge, and a drop target, which is under the pointer by definition,
+ * keeps its accent.
+ */
+.crewlet-card.crewlet-folder-tile.is-selected,
+.crewlet-card.crewlet-folder-tile.is-selected:hover {
+  border-color: var(--color-border-selected);
+}
+
 /*
  * SOMETHING HELD OVER IT WOULD LAND IN IT: the accent edge over the accent's
  * soft fill, the same pair a file drop target takes while files are over it,
- * so "let go here" reads one way across the package.
+ * so "let go here" reads one way across the package. The glyph's tint takes
+ * the accent's hairline and ink, so the folder itself says it is open to it.
  */
-.crewlet-card.crewlet-folder-tile.is-drop-target {
+.crewlet-card.crewlet-folder-tile.is-drop-target,
+.crewlet-card.crewlet-folder-tile.is-drop-target:hover {
   border-color: var(--color-brand-accent);
   background-color: var(--color-brand-accent-soft);
 }
 
+.crewlet-folder-tile.is-drop-target .crewlet-folder-tile__glyph {
+  box-shadow: inset 0 0 0 1px var(--color-brand-accent);
+  color: var(--color-brand-accent-ink);
+}
+
 .crewlet-card.crewlet-folder-tile:has(.crewlet-folder-tile__link:focus-visible) {
   outline: 2px solid var(--color-focus);
   outline-offset: var(--size-focus-ring-inset-offset);
@@ -16730,7 +16782,11 @@ button.crewlet-finding-list__row:focus-visible {
   padding-inline-end: calc(var(--crewlet-folder-tile-pad-inline) + var(--crewlet-folder-tile-reserve-link));
 }
 
-/* A NEUTRAL TINT, never a kind's: a folder is not a kind. */
+/*
+ * A NEUTRAL TINT, never a kind's: a folder is not a kind. Its hairline steps
+ * up with the tile's under the pointer, as a folder's mark does on a list
+ * row, so the one drawn thing on the tile answers too.
+ */
 .crewlet-folder-tile__glyph {
   display: inline-flex;
   flex: none;
@@ -16743,6 +16799,17 @@ button.crewlet-finding-list__row:focus-visible {
   background: var(--color-surface-inset);
   box-shadow: inset 0 0 0 1px var(--color-border-default);
   color: var(--color-text-secondary);
+  transition: box-shadow var(--motion-duration-fast) var(--motion-easing-out);
+}
+
+.crewlet-folder-tile:hover .crewlet-folder-tile__glyph {
+  box-shadow: inset 0 0 0 1px var(--color-border-hover);
+}
+
+/* The glyph is drawn at the shape's size, whatever size the markup asks. */
+.crewlet-folder-tile__glyph > svg {
+  width: var(--crewlet-folder-tile-glyph-icon);
+  height: var(--crewlet-folder-tile-glyph-icon);
 }
 
 .crewlet-folder-tile__body {
@@ -16764,35 +16831,105 @@ button.crewlet-finding-list__row:focus-visible {
 }
 
 /*
- * THE FACTS WRAP, NEVER CUT. "Everyone" and "Nothing you can open yet" are
- * both things a reader has to read, and four tiles across a laptop's page do
- * not have room for them on one line: the count moves under who can see the
- * folder rather than losing its end to an ellipsis. The two are told apart by
- * the visibility glyph and the gap between them, not by a separator, so a
- * line that breaks never opens on a stray dot.
+ * THE FACTS ARE ONE RUN, WRAPPED AND NEVER CUT. "Everyone · 12 artifacts · 2
+ * folders" is the card's run: each fact after the first opens with the card's
+ * quiet dot. Four tiles across a laptop's page have no room for "Only you ·
+ * Nothing you can open yet" on one line, so the run breaks between who can
+ * see the folder and what is inside rather than losing its end to an
+ * ellipsis, and the count moves as one.
+ *
+ * A LINE NEVER OPENS ON A DOT. Every fact carries its dot in the separator's
+ * width before it, and the run is drawn that width to the left of the facts'
+ * own edge, which clips the overhang: the first fact of every line, the very
+ * first and any the run broke onto a new line, lays its dot in the clipped
+ * strip. The clip is horizontal only, so nothing above or below is cut.
+ *
+ * ONE QUIET INK for the run: who can see the folder takes the facts' tertiary
+ * step rather than the access label's stronger word, so the line reads as one
+ * calm caption beside the name, as a card's facts do.
  */
 .crewlet-folder-tile__facts {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 2px var(--spacing-3);
+  display: block;
   min-width: 0;
+  overflow-x: clip;
   color: var(--color-text-tertiary);
   font-size: var(--crewlet-folder-tile-facts);
   line-height: 1.35;
 }
 
-.crewlet-folder-tile__visibility {
-  display: inline-flex;
-  flex: none;
+.crewlet-folder-tile__run {
+  display: flex;
+  flex-wrap: wrap;
   align-items: center;
+  row-gap: 2px;
+  min-width: 0;
+  margin-inline-start: calc(-1 * var(--crewlet-folder-tile-separator));
 }
 
-.crewlet-folder-tile__contents {
+.crewlet-folder-tile__fact {
+  position: relative;
+  display: block;
   min-width: 0;
+  max-width: 100%;
+  padding-inline-start: var(--crewlet-folder-tile-separator);
   overflow-wrap: anywhere;
 }
 
+.crewlet-folder-tile__fact::before {
+  position: absolute;
+  inset-inline-start: 0;
+  width: var(--crewlet-folder-tile-separator);
+  text-align: center;
+}
+
+.crewlet-folder-tile__fact::before,
+.crewlet-folder-tile__count-dot::before {
+  content: '·';
+  content: '·' / '';
+}
+
+/*
+ * INSIDE THE COUNT the same dot in the same width, carried at the end of the
+ * part before it. Each part is one piece on the line, so "3 artifacts · 3
+ * folders" moves to its own line as one fact, a count too long even for that
+ * breaks only after a dot, and a part wraps within itself only when it alone
+ * is wider than the tile.
+ */
+.crewlet-folder-tile__count-part {
+  display: inline-block;
+  max-width: 100%;
+}
+
+.crewlet-folder-tile__count-dot {
+  display: inline;
+  padding-inline: calc((var(--crewlet-folder-tile-separator) - 0.3em) / 2);
+}
+
+.crewlet-folder-tile__visibility {
+  display: flex;
+  align-items: center;
+}
+
+.crewlet-folder-tile__visibility > .crewlet-artifact-access {
+  color: inherit;
+}
+
+/*
+ * ON A ROW, WHO CAN SEE IT IS ITS GLYPH, as a gallery card's facts draw an
+ * artifact's access: a phone's row has room for one line of facts, and "Only
+ * you · Nothing you can open yet" beside a glyph and a menu broke onto a
+ * second, leaving rows of two heights. The word is still there, hidden from
+ * the eye only (the package's visually hidden recipe, switched by the shape),
+ * so the tile's description keeps saying "Everyone", and the label's title
+ * names it under the pointer.
+ */
+.crewlet-folder-tile__visibility .crewlet-artifact-access__word {
+  position: var(--crewlet-folder-tile-word-position);
+  width: var(--crewlet-folder-tile-word-size);
+  height: var(--crewlet-folder-tile-word-size);
+  clip-path: var(--crewlet-folder-tile-word-clip);
+}
+
 /*
  * THE TILE'S OWN CONTROLS, at its trailing edge and outside the link: hidden
  * until the tile is hovered or holds focus, so a gallery rests as names, and
@@ -16822,6 +16959,8 @@ button.crewlet-finding-list__row:focus-visible {
 }
 
 @media (prefers-reduced-motion: reduce) {
+  .crewlet-card.crewlet-folder-tile.is-interactive,
+  .crewlet-folder-tile__glyph,
   .crewlet-folder-tile__actions {
     transition: none;
   }
@@ -20114,7 +20253,7 @@ a.crewlet-icon-btn {
 }
 
 
-/* LogoSlot-37RQBUCR.css */
+/* LogoSlot-NAJE5XY3.css */
 /*
  * One of a brand's logos on the ground it is made for. The ground and the ink
  * of its guide are the only values here that are not tokens: they arrive
@@ -20343,8 +20482,17 @@ a.crewlet-icon-btn {
   margin-block-start: var(--spacing-2);
 }
 
+/*
+ * THE ACTION ROWS START AT THE TOP OF THEIR SHARED ROW. The row is as tall as
+ * the tallest slot's actions (a slot whose Replace and Remove wrap onto two
+ * lines), and a row stretched to it and centred put a neighbour's single
+ * button half a line lower than the first button beside it. Held to the start,
+ * every slot's first button stands on one line.
+ */
 .crewlet-logo-slot-group__slots > .crewlet-logo-slot > .crewlet-logo-slot__foot {
   grid-row: 4;
+  align-self: start;
+  align-content: flex-start;
   margin-block-start: var(--spacing-2);
 }
 

package/dist/utils/index.js

@@ -3,6 +3,6 @@ export { downloadBlob, downloadText, safeFilename, useDownload } from '../chunk-
 export { useClipboard, writeClipboard } from '../chunk-STJ7QBC3.js';
 export { useOutcome } from '../chunk-DTIW4CHZ.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from '../chunk-AYKXMIOR.js';
-export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
 export { FOCUS_MODALITY_ATTRIBUTE, FOCUS_RETURNED_ATTRIBUTE, returnFocus, trackFocusModality, useFocusModality } from '../chunk-NUZHC6MM.js';
+export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
 export { cx } from '../chunk-ODEQTPFM.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.52.1",
+  "version": "0.53.0",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.52.1",
-    "@crewlethq/tokens": "0.52.1",
+    "@crewlethq/icons": "0.53.0",
+    "@crewlethq/tokens": "0.53.0",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/{chunk-DTSZUH6H.js → chunk-4C5CZT4D.js}

@@ -1,8 +1,8 @@
 import { Stepper } from './chunk-LDGQIDIZ.js';
 import { PageHeader } from './chunk-DKB73KZI.js';
+import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { Disclosure } from './chunk-OGXHZHRX.js';
 import { useHeadingLevel, nextHeadingLevel, headingTag, HeadingLevelProvider } from './chunk-PQADV6P6.js';
-import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SetupWizard-GZK5UDKC.css';
 import { useId, useRef, useEffect, createElement } from 'react';

package/dist/{chunk-K2FNW3MK.js → chunk-5UEANIIW.js}

@@ -1,7 +1,7 @@
 import { SlideStage } from './chunk-RMEBFYL7.js';
 import { useReorder } from './chunk-XJ2QEBMM.js';
-import { Kbd, isApplePlatform } from './chunk-SMBKXWML.js';
 import { Menu } from './chunk-3JIZ2A6K.js';
+import { Kbd, isApplePlatform } from './chunk-SMBKXWML.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideFilmstrip-PAT7P4OG.css';

package/dist/{chunk-3RCHEFIL.js → chunk-DEBVNLFJ.js}

@@ -1,7 +1,7 @@
 import { PRESENCE_LABELS, presenceOrder, collapseSessions } from './chunk-Z7JYG5TF.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
-import { headingTag, useHeadingLevel } from './chunk-PQADV6P6.js';
 import { Button } from './chunk-OG6CL3EB.js';
+import { headingTag, useHeadingLevel } from './chunk-PQADV6P6.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PeopleRail-SZGHZXVT.css';

package/dist/{chunk-OCRVY42T.js → chunk-F6CKQX5D.js}

@@ -1,7 +1,7 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { announce } from './chunk-RSAQOKH3.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
+import { announce } from './chunk-RSAQOKH3.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SelectionBar-XPWKUOSC.css';
 import { useRef, useEffect } from 'react';

package/dist/{chunk-GKRPPSWY.js → chunk-I4Q6PACO.js}

@@ -1,8 +1,8 @@
 import { StatusDot } from './chunk-WIATRXEJ.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
-import { Count } from './chunk-BHHIIK3M.js';
 import { Menu } from './chunk-3JIZ2A6K.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
+import { Count } from './chunk-BHHIIK3M.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-VWYT3GVV.js → chunk-LKBZV5IT.js}

@@ -1,5 +1,5 @@
-import { announce } from './chunk-RSAQOKH3.js';
 import { IconButton } from './chunk-LACA4JGC.js';
+import { announce } from './chunk-RSAQOKH3.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArrangeFrame-QXOQTFAH.css';
 import { forwardRef, useRef, useCallback, useState, useEffect } from 'react';

package/dist/{chunk-ICPQIAD6.js → chunk-MXBDOQA5.js}

@@ -1,7 +1,7 @@
 import { LayerNodeBridge } from './chunk-LM3ISVJA.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
-import { Kbd } from './chunk-SMBKXWML.js';
 import { LAYER_REPOSITION_EVENT, LayerHost } from './chunk-OMV5W53A.js';
+import { Kbd } from './chunk-SMBKXWML.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
 import { IconButton } from './chunk-LACA4JGC.js';

package/dist/{chunk-N224FUS3.js → chunk-NC3Z6MM3.js}

@@ -6,9 +6,9 @@ import { ChangeMark } from './chunk-66X5WDKE.js';
 import { isEmptyValue, displayText, ratingMax, findPerson, findOption, statusTone, editText, textMax, sheetLabels, normalizeValue, sameValue, spokenText, drawnColumns, fitSamples, fittedWidth, columnWidth, SHEET_COLUMN_BOUNDS, sortRows, SHEET_ROW_HEIGHT, cellKey, columnOffsets, SHEET_ROW_NUMBER_WIDTH, rangeOf, presenceByCell, presenceByRow, presenceByColumn, scrollToRow, planClear, visibleRows, cellDescription, nextSort, rowName, inRange, hasPrevious, flagText, toTSV, planPaste, parseTSV, isMod, moveFrom, isTypingKey, editorSide, optionHue, parseText, liveOptions, checkValue } from './chunk-LFSIKGRQ.js';
 import { presenceLabels } from './chunk-Z7JYG5TF.js';
 import { Popover } from './chunk-KHJIEPZV.js';
+import { Avatar } from './chunk-PZKHBB7D.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
 import { StatusDot } from './chunk-WIATRXEJ.js';
-import { Avatar } from './chunk-PZKHBB7D.js';
 import { Menu } from './chunk-3JIZ2A6K.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';

package/dist/{chunk-R3BA3C4Y.js → chunk-RFK4ROA7.js}

@@ -1,5 +1,5 @@
-import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
+import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-S6J3EWDP.js → chunk-RRHB5WWN.js}

@@ -1,9 +1,9 @@
 import { Tag } from './chunk-KYIAFNU7.js';
 import { useListbox } from './chunk-7KHM2FZH.js';
-import { announce } from './chunk-RSAQOKH3.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { IconButton } from './chunk-LACA4JGC.js';
+import { announce } from './chunk-RSAQOKH3.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TagsInput-CLFHP6I2.css';
 import { forwardRef, useState, useRef, useId, useImperativeHandle, useEffect, useMemo, useLayoutEffect } from 'react';

package/dist/{chunk-YCC2S7DF.js → chunk-SFG7TS4Q.js}

@@ -1,7 +1,7 @@
-import { HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { useLayerContainer } from './chunk-OMV5W53A.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { focusables, useModalLayer, useBodyScrollLock } from './chunk-H5XTJ7GJ.js';
+import { HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Modal-3HMP7WAZ.css';

package/dist/{chunk-VS7EXOKP.js → chunk-TN22R6LW.js}

@@ -1,9 +1,9 @@
 import { characterCountState, CharacterCount } from './chunk-XCUUI7E7.js';
-import { useHeadingLevel, headingTag, HeadingLevelProvider, nextHeadingLevel } from './chunk-PQADV6P6.js';
-import { announce } from './chunk-RSAQOKH3.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { useHeadingLevel, headingTag, HeadingLevelProvider, nextHeadingLevel } from './chunk-PQADV6P6.js';
 import { IconButton } from './chunk-LACA4JGC.js';
+import { announce } from './chunk-RSAQOKH3.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Input-GMOWHZRG.css';

package/dist/{chunk-SNQRGH4A.js → chunk-VZICPYGR.js}

@@ -1,5 +1,5 @@
-import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
+import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { CREWLET_CHARACTERS, CREWLET_CHARACTER_GEOMETRY } from '@crewlethq/icons/characters';
 import { jsx } from 'react/jsx-runtime';