@crewlethq/ui 0.77.0 → 0.78.0

package/dist/Switcher/index.js

@@ -10,8 +10,8 @@ import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
+import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';

package/dist/Tabs/Tabs.d.ts

@@ -96,7 +96,10 @@ export interface TabsProps {
     size?: TabsSize;
     /** Names the row. A tab row with no name is announced as "tab list" alone. */
     ariaLabel?: string;
-    /** On the row's root: the row, or with overflow `menu` on a tab list, the box holding the row and "More". */
+    /**
+     * On the outermost element: the row; with overflow `menu` on a tab list, the
+     * box holding the row and "More"; with `actions`, the bar holding both.
+     */
     className?: string;
     /** Currently active item value. */
     value?: string;
@@ -122,6 +125,21 @@ export interface TabsProps {
      * without `renderItem` ignores it.
      */
     trailing?: ReactNode;
+    /**
+     * Controls at the row's far end that act on the screen the tabs belong to,
+     * such as "Check now" or "New", in EITHER MODE.
+     *
+     * BESIDE THE ROW, NEVER IN IT. A tab list holds tabs alone, so the actions
+     * are the row's next sibling in one bar, and a screen reader meets the tab
+     * list and then the buttons, as the keyboard does: one stop for the tabs,
+     * then each action. In router mode they stand outside the navigation
+     * landmark for the same reason: an action is not a place.
+     *
+     * THE TABS GIVE WAY FIRST. The actions keep their own width at every size;
+     * the row takes what is left, and scrolls or folds into "More" inside it,
+     * so its slider and its fold are measured in that room.
+     */
+    actions?: ReactNode;
     /**
      * What the row does with tabs it has no room for. `scroll` (the default)
      * scrolls it. `menu` draws the tabs that FIT, in order, and folds the rest
@@ -174,7 +192,7 @@ export declare function tabId(panelId: string, value: string): string;
  * says. In router mode that IS what the items are, so the root becomes a
  * `nav`, the tab roles go, and the consumer's own link carries the state.
  */
-export declare function Tabs({ items, variant, size, ariaLabel, className, value, onValueChange, panelId, renderItem, trailing, overflow, moreLabel, moreMenuLabel, note, ref, }: TabsProps): React.JSX.Element;
+export declare function Tabs({ items, variant, size, ariaLabel, className, value, onValueChange, panelId, renderItem, trailing, actions, overflow, moreLabel, moreMenuLabel, note, ref, }: TabsProps): React.JSX.Element;
 export interface TabPanelProps {
     /** The same id the row was given as `panelId`. */
     id: string;

package/dist/Tabs/fold.d.ts

@@ -51,4 +51,6 @@ export interface Fold {
  * of links, and two for a tab list, which holds tabs alone and leaves "More"
  * beside it, where the box's own gap and the row's chrome are counted too.
  */
-export declare function useFold(enabled: boolean, box: RefObject<HTMLElement | null>, row: RefObject<HTMLElement | null>, values: readonly string[], current: string | undefined): Fold;
+export declare function useFold(enabled: boolean, box: RefObject<HTMLElement | null>, row: RefObject<HTMLElement | null>, values: readonly string[], current: string | undefined, 
+/** Anything else that moves the room the row has, such as actions arriving beside it. */
+layout?: unknown): Fold;

package/dist/Tabs/index.js

@@ -1,12 +1,12 @@
-export { TabPanel, Tabs, tabId } from '../chunk-KQQWGWCC.js';
+export { TabPanel, Tabs, tabId } from '../chunk-LPN3RHMA.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-KNAHKQD4.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';

package/dist/{Tabs-7ZK2UF75.css → Tabs-M2ELSU3V.css}

@@ -478,6 +478,74 @@
   box-shadow: inset 0 -1px 0 var(--color-border-default);
 }
 
+/*
+ * THE BAR: a row and its actions. The row (or the box holding the row and
+ * "More") takes the room the actions leave and gives way first: it shrinks
+ * before an action does, scrolling or folding its tabs inside that room. An
+ * underline row fills the bar, so its rule and its fold are measured in the
+ * space the actions leave; a pill or chip row keeps its own width while it
+ * fits and scrolls once it does not, so a tab never paints under an action.
+ */
+.crewlet-tabs-host {
+  display: contents;
+}
+
+.crewlet-tabs-bar {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3);
+  min-width: 0;
+}
+
+.crewlet-tabs-bar > .crewlet-tabs {
+  flex: 0 1 auto;
+  min-width: 0;
+}
+
+.crewlet-tabs-bar > .crewlet-tabs--underline,
+.crewlet-tabs-bar > .crewlet-tabs-fold {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+/* The scroll contract an underline row has on its own, for a pill or chip
+   row that must shrink beside its actions. Its ring is drawn inside the tab,
+   as the underline's is, because the scroller clips an outset one. */
+.crewlet-tabs-bar > .crewlet-tabs--pill,
+.crewlet-tabs-bar > .crewlet-tabs--chip {
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+
+.crewlet-tabs-bar > .crewlet-tabs--pill::-webkit-scrollbar,
+.crewlet-tabs-bar > .crewlet-tabs--chip::-webkit-scrollbar {
+  display: none;
+}
+
+.crewlet-tabs-bar > .crewlet-tabs--pill .crewlet-tabs__tab:focus-visible,
+.crewlet-tabs-bar > .crewlet-tabs--chip .crewlet-tabs__tab:focus-visible {
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+.crewlet-tabs__actions {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  gap: var(--spacing-2);
+  margin-inline-start: auto;
+}
+
+/* The underline's rule runs on under the actions to the bar's edge, painted
+   on the same last pixel row the row's own border sits on. */
+.crewlet-tabs-bar--underline {
+  align-items: stretch;
+  box-shadow: inset 0 -1px 0 var(--color-border-default);
+}
+
+.crewlet-tabs-bar--underline > .crewlet-tabs__actions {
+  align-self: center;
+}
+
 /*
  * The slider ARRIVES rather than travels, and a chip changes without a fade.
  * The indicator still moves; what stops is the animation between the two

package/dist/ThemeSwitcher/index.js

@@ -1,17 +1,17 @@
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-YLYIVN72.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-L5PK2MXF.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
-import '../chunk-25AZQ3GZ.js';
-import '../chunk-WOTGQVHZ.js';
-import '../chunk-KQQWGWCC.js';
+import '../chunk-36WK24AI.js';
+import '../chunk-PQDQTK64.js';
+import '../chunk-LPN3RHMA.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-KNAHKQD4.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';

package/dist/TileGrid/index.js

@@ -1,2 +1,2 @@
-export { TileGrid } from '../chunk-Q6CQMS6R.js';
+export { TileGrid } from '../chunk-UFID3DSP.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{TileGrid-UYMVVVJK.css → TileGrid-XOEJ4P52.css}

@@ -46,7 +46,9 @@
 }
 
 @container crewlet-tile-grid (width < 28rem) {
-  .crewlet-tile-grid > .crewlet-tile-grid__track {
+  /* As specific as the per-count rules above and after them, so a grid of two
+     or four folds to one here too, not only a grid of three. */
+  .crewlet-tile-grid[data-columns] > .crewlet-tile-grid__track {
     --crewlet-tile-grid-tracks: 1;
   }
 }

package/dist/TimeRangePicker/index.js

@@ -1,9 +1,9 @@
-export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-KXYZ5XS2.js';
+export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-JIBZ5SF5.js';
 import '../chunk-C667GCU7.js';
 import '../chunk-BPCY7ZID.js';
-import '../chunk-25AZQ3GZ.js';
-import '../chunk-WOTGQVHZ.js';
-import '../chunk-KQQWGWCC.js';
+import '../chunk-36WK24AI.js';
+import '../chunk-PQDQTK64.js';
+import '../chunk-LPN3RHMA.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-6Q7RW2JJ.js';
@@ -13,9 +13,9 @@ import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-KNAHKQD4.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';

package/dist/TimeWindowPicker/index.js

@@ -8,9 +8,9 @@ import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';

package/dist/TreeCanvas/index.js

@@ -5,8 +5,8 @@ import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-ANTAQAR4.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
+import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';

package/dist/VersionCompare/index.js

@@ -1,8 +1,8 @@
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-SOERZJVJ.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-UQHTHOSZ.js';
 import '../chunk-AOFVXE6V.js';
-import '../chunk-25AZQ3GZ.js';
-import '../chunk-WOTGQVHZ.js';
-import '../chunk-KQQWGWCC.js';
+import '../chunk-36WK24AI.js';
+import '../chunk-PQDQTK64.js';
+import '../chunk-LPN3RHMA.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-PPUR46MK.js';
@@ -10,9 +10,9 @@ import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-KNAHKQD4.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';

package/dist/{chunk-25AZQ3GZ.js → chunk-36WK24AI.js}

@@ -1,3 +1,3 @@
 import './HitArea-QUOS6ZDJ.css';
-import './Tabs-7ZK2UF75.css';
+import './Tabs-M2ELSU3V.css';
 import './SegmentedControl-B7XCUOML.css';

package/dist/{chunk-HQOEAUDJ.js → chunk-4O5XNGDC.js}

@@ -1,4 +1,4 @@
-import { ContrastLevelTag } from './chunk-7PJFUQMY.js';
+import { ContrastLevelTag } from './chunk-MGWFVAPN.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-S7WG53JB.js → chunk-AXEXOAZQ.js}

@@ -1,6 +1,6 @@
 import { Link } from './chunk-QF5UNP4T.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ObjectHeader-7BGA56VQ.css';
+import './ObjectHeader-VKQSEJDN.css';
 import { ArrowUpRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-KXYZ5XS2.js → chunk-JIBZ5SF5.js}

@@ -1,6 +1,6 @@
 import { Modal } from './chunk-C667GCU7.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { SegmentedControl } from './chunk-WOTGQVHZ.js';
+import { SegmentedControl } from './chunk-PQDQTK64.js';
 import { FormField, Input } from './chunk-6Q7RW2JJ.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { useState } from 'react';

package/dist/{chunk-ELNUZDFK.js → chunk-KP5DDOMF.js}

@@ -1,6 +1,6 @@
 import { Select } from './chunk-VK45YJLH.js';
 import { SHEET_LABELS, SHEET_COLUMN_TYPES, optionHue, retypeColumn } from './chunk-LFSIKGRQ.js';
-import { HueSwatch } from './chunk-4HO3NX3B.js';
+import { HueSwatch } from './chunk-LE6K34SN.js';
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { Checkbox } from './chunk-GKWZTTFV.js';
 import { Kbd } from './chunk-ANTAQAR4.js';

package/dist/{chunk-YLYIVN72.js → chunk-L5PK2MXF.js}

@@ -1,5 +1,5 @@
 import { useThemePreference, useDensityPreference } from './chunk-Z24ZUSTX.js';
-import { SegmentedControl } from './chunk-WOTGQVHZ.js';
+import { SegmentedControl } from './chunk-PQDQTK64.js';
 import { SunGlyph, MonitorGlyph, MoonGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-4HO3NX3B.js → chunk-LE6K34SN.js}

@@ -1,5 +1,5 @@
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { SegmentedControl } from './chunk-WOTGQVHZ.js';
+import { SegmentedControl } from './chunk-PQDQTK64.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-MFS6F2P7.js → chunk-LH4OF7FI.js}

@@ -1,11 +1,12 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './DescriptionList-DEZISDLQ.css';
+import './DescriptionList-VF7NIBXA.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function DescriptionList({
   dense = false,
   fit = false,
   termWidth,
+  uniform = false,
   items,
   className,
   style,
@@ -21,6 +22,7 @@ function DescriptionList({
         "crewlet-description-list",
         dense && "crewlet-description-list--dense",
         fit && "crewlet-description-list--fit",
+        uniform && "crewlet-description-list--uniform",
         className
       ),
       children: [

package/dist/{chunk-KQQWGWCC.js → chunk-LPN3RHMA.js}

@@ -6,7 +6,7 @@ import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './Tabs-7ZK2UF75.css';
+import './Tabs-M2ELSU3V.css';
 import React, { useRef, useImperativeHandle, useLayoutEffect, useState } from 'react';
 import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -44,7 +44,7 @@ function noteFits({
 var NOTHING_FOLDED = { folded: [], note: true };
 var px = (value) => parseFloat(value) || 0;
 var widthOf = (el) => el ? el.getBoundingClientRect().width : 0;
-function useFold(enabled, box, row, values, current) {
+function useFold(enabled, box, row, values, current, layout = null) {
   const [fold, setFold] = useState(NOTHING_FOLDED);
   const signature = values.join("\n");
   useLayoutEffect(() => {
@@ -81,7 +81,7 @@ function useFold(enabled, box, row, values, current) {
       watch.observe(item);
     }
     return () => watch.disconnect();
-  }, [enabled, box, row, signature, current]);
+  }, [enabled, box, row, signature, current, layout]);
   return enabled ? fold : NOTHING_FOLDED;
 }
 var FOLDED = { "aria-hidden": true, inert: true };
@@ -112,6 +112,7 @@ function Tabs({
   panelId,
   renderItem,
   trailing,
+  actions,
   overflow = "scroll",
   moreLabel = "More",
   moreMenuLabel,
@@ -122,6 +123,7 @@ function Tabs({
   const boxRef = useRef(null);
   const folding = overflow === "menu";
   const boxed = folding && !renderItem;
+  const barred = actions !== void 0 && actions !== null && actions !== false;
   useImperativeHandle(ref, () => boxed ? boxRef.current : navRef.current, [boxed]);
   const { buttons, onKeyDown } = useRoving(items.length, null);
   const fold = useFold(
@@ -129,7 +131,8 @@ function Tabs({
     boxed ? boxRef : navRef,
     navRef,
     items.map((item) => item.value),
-    value
+    value,
+    barred
   );
   const isFolded = (item) => fold.folded.includes(item.value);
   useLayoutEffect(() => {
@@ -161,13 +164,18 @@ function Tabs({
       mutation.disconnect();
       resize?.disconnect();
     };
-  }, [variant, value, items]);
+  }, [variant, value, items, barred]);
+  useLayoutEffect(() => {
+    if (variant === "underline" || !barred) return;
+    const nav = navRef.current;
+    if (nav) reveal(nav);
+  }, [variant, value, items, barred]);
   const rootClass = cx(
     "crewlet-tabs",
     `crewlet-tabs--${variant}`,
     `crewlet-tabs--${size}`,
     folding && "crewlet-tabs--fold",
-    !boxed && className
+    !boxed && !barred && className
   );
   const selected = tabStop(
     items.map((item) => ({ disabled: item.disabled || isFolded(item) })),
@@ -274,21 +282,36 @@ function Tabs({
       children: note
     }
   ) : null;
+  const bar = (row) => /* @__PURE__ */ jsxs("div", { className: barred ? cx("crewlet-tabs-bar", `crewlet-tabs-bar--${variant}`, className) : "crewlet-tabs-host", children: [
+    row,
+    barred ? /* @__PURE__ */ jsx("div", { className: "crewlet-tabs__actions", "data-tabs-actions": "", children: actions }) : null
+  ] });
   if (renderItem) {
-    return /* @__PURE__ */ jsxs("nav", { ref: navRef, className: rootClass, "aria-label": ariaLabel, children: [
-      rows,
-      more,
-      noteNode,
-      folding && trailing ? /* @__PURE__ */ jsx("span", { className: "crewlet-tabs__trailing", "data-tabs-trailing": "", children: trailing }) : trailing
-    ] });
+    return bar(
+      /* @__PURE__ */ jsxs("nav", { ref: navRef, className: rootClass, "aria-label": ariaLabel, children: [
+        rows,
+        more,
+        noteNode,
+        folding && trailing ? /* @__PURE__ */ jsx("span", { className: "crewlet-tabs__trailing", "data-tabs-trailing": "", children: trailing }) : trailing
+      ] })
+    );
   }
   const list = /* @__PURE__ */ jsx("div", { ref: navRef, className: rootClass, "aria-label": ariaLabel, role: "tablist", children: rows });
-  if (!boxed) return list;
-  return /* @__PURE__ */ jsxs("div", { ref: boxRef, className: cx("crewlet-tabs-fold", `crewlet-tabs-fold--${variant}`, className), children: [
-    list,
-    more,
-    noteNode
-  ] });
+  if (!boxed) return bar(list);
+  return bar(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: boxRef,
+        className: cx("crewlet-tabs-fold", `crewlet-tabs-fold--${variant}`, !barred && className),
+        children: [
+          list,
+          more,
+          noteNode
+        ]
+      }
+    )
+  );
 }
 function TabPanel({ id, value, children, className }) {
   return /* @__PURE__ */ jsx(

package/dist/{chunk-OWHETZIU.js → chunk-LWKMJMVC.js}

@@ -1,5 +1,5 @@
 import { FileDrop, FilePickButton } from './chunk-KQWJWTED.js';
-import { contrastRatio } from './chunk-7PJFUQMY.js';
+import { contrastRatio } from './chunk-MGWFVAPN.js';
 import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-HIWPPWNY.js → chunk-OPVTNHPH.js}

@@ -1,6 +1,6 @@
-import { SetByLine } from './chunk-S7WG53JB.js';
+import { SetByLine } from './chunk-AXEXOAZQ.js';
 import { Link } from './chunk-QF5UNP4T.js';
-import { DescriptionList, DescriptionListItem } from './chunk-MFS6F2P7.js';
+import { DescriptionList, DescriptionListItem } from './chunk-LH4OF7FI.js';
 import { EmptyValue } from './chunk-RE3FBGQQ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PropertyList-42MEVUXV.css';

package/dist/{chunk-A5HENOP2.js → chunk-PP5E3FGY.js}

@@ -1,4 +1,4 @@
-import { HuePicker } from './chunk-4HO3NX3B.js';
+import { HuePicker } from './chunk-LE6K34SN.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { CharacterPicker } from './chunk-I22MUEG7.js';

package/dist/{chunk-WOTGQVHZ.js → chunk-PQDQTK64.js}

@@ -1,4 +1,4 @@
-import { tabId } from './chunk-KQQWGWCC.js';
+import { tabId } from './chunk-LPN3RHMA.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { Count } from './chunk-MLDTLZAO.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';

package/dist/{chunk-2LIGIIE2.js → chunk-QEVYTXCY.js}

@@ -1,5 +1,5 @@
 import { Tooltip } from './chunk-I33UIUZD.js';
-import { SegmentedControl } from './chunk-WOTGQVHZ.js';
+import { SegmentedControl } from './chunk-PQDQTK64.js';
 import { ArtifactIcon } from './chunk-AVL52EME.js';
 import { isApplePlatform, Kbd } from './chunk-ANTAQAR4.js';
 import { Menu } from './chunk-KNAHKQD4.js';

package/dist/{chunk-VJ6SSEMG.js → chunk-SZ75VYRX.js}

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-MPNGVAWD.js').then(
+  loading ??= import('./Editor-QO2GRTMK.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-UEEWK7SO.js → chunk-TNU6U7C5.js}

@@ -1,6 +1,6 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { SegmentedControl } from './chunk-WOTGQVHZ.js';
-import { tabId } from './chunk-KQQWGWCC.js';
+import { SegmentedControl } from './chunk-PQDQTK64.js';
+import { tabId } from './chunk-LPN3RHMA.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MarkdownEditor-BLCJRGDC.css';

package/dist/{chunk-Q6CQMS6R.js → chunk-UFID3DSP.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './TileGrid-UYMVVVJK.css';
+import './TileGrid-XOEJ4P52.css';
 import { jsx } from 'react/jsx-runtime';
 
 function TileGrid({ columns = 3, as: Track = "div", className, children, ...rest }) {

package/dist/{chunk-SOERZJVJ.js → chunk-UQHTHOSZ.js}

@@ -1,5 +1,5 @@
 import { diffLines, diffStat, collapseDiff, DiffSummary, DiffView } from './chunk-AOFVXE6V.js';
-import { SegmentedControl } from './chunk-WOTGQVHZ.js';
+import { SegmentedControl } from './chunk-PQDQTK64.js';
 import { EmptyState } from './chunk-PPUR46MK.js';
 import { useHeadingLevel, headingTag, nextHeadingLevel, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-P34YWECQ.js → chunk-Y7OXW5SB.js}

@@ -1,4 +1,4 @@
-import { SegmentedControl } from './chunk-WOTGQVHZ.js';
+import { SegmentedControl } from './chunk-PQDQTK64.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MergeConflicts-HCXPRQVR.css';