@crewlethq/ui 0.11.0 → 0.13.0

package/dist/{chunk-SEFMO2EV.js → chunk-XFE5W2I4.js}

@@ -1,7 +1,7 @@
-import { useListbox, useOptionKeys } from './chunk-6MU7HNB4.js';
+import { useListbox, useOptionKeys, useHighlightRest } from './chunk-F73MC7EZ.js';
 import { useLayerContainer, viewportBounds, outsideBounds, placePopup, LAYER_GAP, LAYER_REPOSITION_EVENT } from './chunk-7RPGY3JE.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Select-4ANVLHUY.css';
+import './Select-XMZ44RWY.css';
 import { forwardRef, useId, useMemo, useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { ChevronDownGlyph, CheckGlyph, SearchGlyph } from '@crewlethq/icons/glyphs';
@@ -32,6 +32,7 @@ var Select = forwardRef(function Select2({
   renderOption,
   renderMultiLabel,
   emptyMessage = "No matches",
+  onHighlight,
   ...native
 }, ref) {
   const generatedId = useId();
@@ -89,6 +90,7 @@ var Select = forwardRef(function Select2({
       renderOption,
       renderMultiLabel,
       emptyMessage,
+      onHighlight,
       describedBy: native["aria-describedby"],
       required: native.required,
       ariaRequired: native["aria-required"],
@@ -166,6 +168,7 @@ var ListboxSelect = forwardRef(function ListboxSelect2({
   renderOption,
   renderMultiLabel,
   emptyMessage,
+  onHighlight,
   describedBy,
   required,
   ariaRequired,
@@ -274,6 +277,21 @@ var ListboxSelect = forwardRef(function ListboxSelect2({
     if (spot.top < bounds.top) box.scrollTop -= bounds.top - spot.top;
     else if (spot.bottom > bounds.bottom) box.scrollTop += spot.bottom - bounds.bottom;
   }, [listbox.active, flat.length, open]);
+  const offeredNow = useRef(flat);
+  offeredNow.current = flat;
+  const highlight = useHighlightRest(
+    onHighlight ? (key) => onHighlight(key === null ? null : offeredNow.current.find((option) => String(option.value) === key) ?? null) : void 0
+  );
+  const byPointer = useRef(false);
+  const resting = open ? flat[listbox.active] : void 0;
+  const restingKey = resting ? String(resting.value) : null;
+  useEffect(() => {
+    const pointer = byPointer.current;
+    byPointer.current = false;
+    if (restingKey === null) highlight.now(null);
+    else if (pointer) highlight.rest(restingKey);
+    else highlight.now(restingKey);
+  }, [restingKey, highlight]);
   const position = useCallback(() => {
     const at = trigger.current;
     const box = panel.current;
@@ -362,6 +380,18 @@ var ListboxSelect = forwardRef(function ListboxSelect2({
   const activeId = open && listbox.active >= 0 ? listbox.optionId(listbox.active) : void 0;
   const comboOnTrigger = !searchable;
   const requiredForAria = ariaRequired ?? required;
+  const optionHandlers = (at) => {
+    const handlers = listbox.optionHandlers(at);
+    return {
+      ...handlers,
+      onMouseEnter: () => {
+        const option = flat[at];
+        if (at === listbox.active && option) highlight.rest(String(option.value));
+        else byPointer.current = true;
+        handlers.onMouseEnter();
+      }
+    };
+  };
   let index = -1;
   const rows = groups.map((group, position2) => {
     const items = group.items.map((option) => {
@@ -384,13 +414,18 @@ var ListboxSelect = forwardRef(function ListboxSelect2({
             highlighted && "is-highlight",
             option.disabled && "is-disabled"
           ),
-          ...option.disabled ? {} : listbox.optionHandlers(at),
+          ...option.disabled ? {} : optionHandlers(at),
           children: renderOption ? renderOption(option, { active: highlighted, selected }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("span", { className: "crewlet-select__option-tick", "aria-hidden": "true", children: selected ? /* @__PURE__ */ jsx(CheckGlyph, { size: "sm" }) : null }),
+            option.leading !== void 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-select__option-leading", "aria-hidden": "true", children: option.leading }) : null,
             /* @__PURE__ */ jsxs("span", { className: "crewlet-select__option-body", children: [
               /* @__PURE__ */ jsx("span", { className: "crewlet-select__option-label", children: option.label }),
               option.description ? /* @__PURE__ */ jsx("span", { className: "crewlet-select__option-desc", children: option.description }) : null
-            ] })
+            ] }),
+            option.hint !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              " ",
+              /* @__PURE__ */ jsx("span", { className: "crewlet-listbox__hint", children: option.hint })
+            ] }) : null
           ] })
         },
         String(option.value)
@@ -423,6 +458,7 @@ var ListboxSelect = forwardRef(function ListboxSelect2({
       ),
       role: "presentation",
       onPointerDown: (event) => event.stopPropagation(),
+      onMouseLeave: () => highlight.now(null),
       children: [
         searchable ? /* @__PURE__ */ jsxs("div", { className: "crewlet-select__search", children: [
           /* @__PURE__ */ jsx(SearchGlyph, { size: "sm" }),
@@ -504,7 +540,10 @@ var ListboxSelect = forwardRef(function ListboxSelect2({
             onClick: () => open ? close(false) : setOpen(true),
             onKeyDown,
             children: [
-              renderTrigger ? renderTrigger(single, { open }) : /* @__PURE__ */ jsx("span", { className: cx("crewlet-select__label", !hasValue && "is-placeholder"), children: label }),
+              renderTrigger ? renderTrigger(single, { open }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                !multiple && single?.leading !== void 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-select__leading", "aria-hidden": "true", children: single.leading }) : null,
+                /* @__PURE__ */ jsx("span", { className: cx("crewlet-select__label", !hasValue && "is-placeholder"), children: label })
+              ] }),
               /* @__PURE__ */ jsx(ChevronDownGlyph, { className: "crewlet-select__chevron", size: "sm" })
             ]
           }

package/dist/chunk-XYCADWZN.js

@@ -0,0 +1,100 @@
+import { Eyebrow } from './chunk-RK4XPHVG.js';
+import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
+import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './InboxList-YMFWKGGS.css';
+import { useId } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function InboxList({ label, className, children, ...rest }) {
+  return /* @__PURE__ */ jsx("nav", { ...rest, "aria-label": label, className: cx("crewlet-inbox-list", className), children });
+}
+function InboxGroup({ label, hideLabel = false, headingLevel, className, children, ...rest }) {
+  const level = useHeadingLevel();
+  const Heading = headingTag(headingLevel ?? level);
+  const labelId = useId();
+  return /* @__PURE__ */ jsxs("section", { ...rest, "aria-labelledby": labelId, className: cx("crewlet-inbox-list__group", className), children: [
+    hideLabel ? /* @__PURE__ */ jsx(VisuallyHidden, { as: Heading, id: labelId, children: label }) : /* @__PURE__ */ jsx(Heading, { id: labelId, className: "crewlet-inbox-list__label", children: /* @__PURE__ */ jsx(Eyebrow, { children: label }) }),
+    /* @__PURE__ */ jsx("ul", { className: "crewlet-inbox-list__rows", children })
+  ] });
+}
+function InboxRow({
+  title,
+  qualifier,
+  qualifierTone = "default",
+  meta,
+  leading,
+  excerpt,
+  aside,
+  selected = false,
+  unread = false,
+  unreadLabel = "Unread",
+  actionable = false,
+  done = false,
+  doneLabel = "Done",
+  href,
+  onClick,
+  className,
+  children,
+  ...rest
+}) {
+  const contents = /* @__PURE__ */ jsxs(Fragment, { children: [
+    leading === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-row__leading", children: leading }),
+      " "
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-inbox-row__main", children: [
+      /* @__PURE__ */ jsxs("span", { className: "crewlet-inbox-row__head", children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-row__title", children: title }),
+        qualifier === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+          " ",
+          /* @__PURE__ */ jsx("span", { className: cx("crewlet-inbox-row__qualifier", qualifierTone === "danger" && "crewlet-inbox-row__qualifier--danger"), children: qualifier })
+        ] }),
+        meta === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-row__meta", children: meta })
+        ] })
+      ] }),
+      " ",
+      /* @__PURE__ */ jsxs("span", { className: "crewlet-inbox-row__text", children: [
+        children,
+        excerpt === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-row__excerpt", children: excerpt })
+        ] })
+      ] }),
+      unread ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        " ",
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: unreadLabel })
+      ] }) : null,
+      done ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        " ",
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: doneLabel })
+      ] }) : null
+    ] })
+  ] });
+  const controlClass = cx(
+    "crewlet-inbox-row__control",
+    unread && "crewlet-inbox-row__control--unread",
+    actionable && "crewlet-inbox-row__control--actionable",
+    done && "crewlet-inbox-row__control--done"
+  );
+  const current = selected ? "true" : void 0;
+  const control = href !== void 0 ? /* @__PURE__ */ jsx("a", { className: controlClass, href, "aria-current": current, onClick, children: contents }) : /* @__PURE__ */ jsx("button", { type: "button", className: controlClass, "aria-current": current, onClick, children: contents });
+  return /* @__PURE__ */ jsxs("li", { ...rest, className: cx("crewlet-inbox-row", selected && "crewlet-inbox-row--selected", className), children: [
+    control,
+    aside === void 0 || aside === null || aside === false ? null : /* @__PURE__ */ jsx("div", { className: "crewlet-inbox-row__aside", children: aside })
+  ] });
+}
+function InboxMore({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { ...rest, className: cx("crewlet-inbox-list__more", className), children });
+}
+function InboxToggle({ expanded, className, children, ...rest }) {
+  return /* @__PURE__ */ jsx("button", { ...rest, type: "button", "aria-expanded": expanded, className: cx("crewlet-inbox-list__toggle", className), children });
+}
+InboxList.Group = InboxGroup;
+InboxList.Row = InboxRow;
+InboxList.More = InboxMore;
+InboxList.Toggle = InboxToggle;
+
+export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle };

package/dist/chunk-YSJC7AZC.js

@@ -0,0 +1,62 @@
+import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ChoiceButtons-DJ5EOGUA.css';
+import { useId } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function ChoiceButtons({
+  label,
+  options,
+  recommended,
+  recommendedLabel = "Recommended",
+  onChoose,
+  pending,
+  disabledReason,
+  className,
+  ...rest
+}) {
+  const reasonId = useId();
+  const first = options.find((o) => o.value === recommended);
+  const ordered = first ? [first, ...options.filter((o) => o !== first)] : options;
+  const busy = pending !== void 0 && pending !== null;
+  const inert = busy || disabledReason !== void 0;
+  return /* @__PURE__ */ jsxs("div", { ...rest, role: "group", "aria-label": label, className: cx("crewlet-choice-buttons", className), children: [
+    ordered.map((option) => {
+      const isRecommended = option === first;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: cx("crewlet-choice-buttons__option", isRecommended && "crewlet-choice-buttons__option--recommended"),
+          "aria-disabled": inert || void 0,
+          "aria-busy": pending === option.value || void 0,
+          "aria-describedby": disabledReason === void 0 ? void 0 : reasonId,
+          onClick: (event) => {
+            if (inert) {
+              event.preventDefault();
+              return;
+            }
+            onChoose(option.value);
+          },
+          children: [
+            /* @__PURE__ */ jsxs("span", { className: "crewlet-choice-buttons__text", children: [
+              /* @__PURE__ */ jsx("span", { className: "crewlet-choice-buttons__label", children: option.label }),
+              option.detail === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+                " ",
+                /* @__PURE__ */ jsx("span", { className: "crewlet-choice-buttons__detail", children: option.detail })
+              ] })
+            ] }),
+            isRecommended ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              " ",
+              /* @__PURE__ */ jsx("span", { className: "crewlet-choice-buttons__note", children: recommendedLabel })
+            ] }) : null
+          ]
+        },
+        option.value
+      );
+    }),
+    disabledReason === void 0 ? null : /* @__PURE__ */ jsx(VisuallyHidden, { id: reasonId, children: disabledReason })
+  ] });
+}
+
+export { ChoiceButtons };

package/dist/chunk-ZAJHGDAW.js

@@ -0,0 +1,93 @@
+import { Eyebrow } from './chunk-RK4XPHVG.js';
+import { useHeadingLevel, HeadingLevelProvider, nextHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ReadingPane-5UOLPWY5.css';
+import { createContext, useId, useContext } from 'react';
+import { CheckGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var ReadingPaneContext = createContext(null);
+function usePane(part) {
+  const pane = useContext(ReadingPaneContext);
+  if (pane === null) throw new Error(`${part} must be drawn inside a ReadingPane.`);
+  return pane;
+}
+function ReadingPane({ headingLevel, className, children, ...rest }) {
+  const titleId = useId();
+  const outer = useHeadingLevel();
+  const level = headingLevel ?? outer;
+  const named = rest["aria-label"] !== void 0 || rest["aria-labelledby"] !== void 0;
+  return /* @__PURE__ */ jsx("div", { className: "crewlet-reading-pane", children: /* @__PURE__ */ jsx(
+    "article",
+    {
+      ...rest,
+      "aria-labelledby": named ? rest["aria-labelledby"] : titleId,
+      className: cx("crewlet-reading-pane__column", className),
+      children: /* @__PURE__ */ jsx(ReadingPaneContext.Provider, { value: { titleId, level }, children: /* @__PURE__ */ jsx(HeadingLevelProvider, { level: nextHeadingLevel(level), children }) })
+    }
+  ) });
+}
+function ReadingPaneByline({ start, leading, note, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs("p", { ...rest, className: cx("crewlet-reading-pane__byline", className), children: [
+    start === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-reading-pane__start", children: start }),
+    leading === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-reading-pane__leading", children: leading }),
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-reading-pane__by", children: [
+      children,
+      note === void 0 || note === null || note === false ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "crewlet-reading-pane__note", children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7 " }),
+          note
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function ReadingPaneTitle({ className, children, ...rest }) {
+  const { titleId, level } = usePane("ReadingPane.Title");
+  const Heading = headingTag(level);
+  return /* @__PURE__ */ jsx(Heading, { id: titleId, ...rest, className: cx("crewlet-reading-pane__title", className), children });
+}
+function ReadingPaneLead({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { ...rest, className: cx("crewlet-reading-pane__lead", className), children });
+}
+function ReadingPaneQuote({ verbatim = false, className, children, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "blockquote",
+    {
+      ...rest,
+      className: cx("crewlet-reading-pane__quote", verbatim && "crewlet-reading-pane__quote--verbatim", className),
+      children
+    }
+  );
+}
+function ReadingPaneReasoning({ title, footer, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: cx("crewlet-reading-pane__reasoning", className), children: [
+    /* @__PURE__ */ jsx("p", { className: "crewlet-reading-pane__reasoning-title", children: title }),
+    /* @__PURE__ */ jsx("div", { className: "crewlet-reading-pane__reasoning-body", children }),
+    footer === void 0 || footer === null || footer === false ? null : /* @__PURE__ */ jsx("div", { className: "crewlet-reading-pane__reasoning-footer", children: footer })
+  ] });
+}
+function ReadingPaneOutcome({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs("p", { role: "status", ...rest, className: cx("crewlet-reading-pane__outcome", className), children: [
+    /* @__PURE__ */ jsx(CheckGlyph, { size: "sm", className: "crewlet-reading-pane__outcome-mark" }),
+    /* @__PURE__ */ jsx("span", { children })
+  ] });
+}
+function ReadingPaneSection({ label, className, children, ...rest }) {
+  const labelId = useId();
+  const Heading = headingTag(useHeadingLevel());
+  return /* @__PURE__ */ jsxs("section", { ...rest, "aria-labelledby": labelId, className: cx("crewlet-reading-pane__section", className), children: [
+    /* @__PURE__ */ jsx(Heading, { id: labelId, className: "crewlet-reading-pane__section-label", children: /* @__PURE__ */ jsx(Eyebrow, { children: label }) }),
+    children
+  ] });
+}
+ReadingPane.Byline = ReadingPaneByline;
+ReadingPane.Title = ReadingPaneTitle;
+ReadingPane.Lead = ReadingPaneLead;
+ReadingPane.Quote = ReadingPaneQuote;
+ReadingPane.Reasoning = ReadingPaneReasoning;
+ReadingPane.Outcome = ReadingPaneOutcome;
+ReadingPane.Section = ReadingPaneSection;
+
+export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle };

package/dist/generated/index.d.ts

@@ -5,6 +5,7 @@ export * from '../AppShell/index.js';
 export * from '../Avatar/index.js';
 export * from '../AvatarPicker/index.js';
 export * from '../BrandLockup/index.js';
+export * from '../Breadcrumb/index.js';
 export * from '../Button/index.js';
 export * from '../CalendarGrid/index.js';
 export * from '../Callout/index.js';
@@ -13,9 +14,12 @@ export * from '../Card/index.js';
 export * from '../CharacterPicker/index.js';
 export * from '../Charts/index.js';
 export * from '../Checkbox/index.js';
+export * from '../ChoiceButtons/index.js';
+export * from '../ChoiceList/index.js';
 export * from '../CodeBlock/index.js';
 export * from '../Combobox/index.js';
 export * from '../CommandPalette/index.js';
+export * from '../Composer/index.js';
 export * from '../Container/index.js';
 export * from '../Copyable/index.js';
 export * from '../Count/index.js';
@@ -25,6 +29,7 @@ export * from '../DateTimePicker/index.js';
 export * from '../DescriptionList/index.js';
 export * from '../DiffList/index.js';
 export * from '../Disclosure/index.js';
+export * from '../Document/index.js';
 export * from '../EmptyState/index.js';
 export * from '../EmptyValue/index.js';
 export * from '../EntityChip/index.js';
@@ -33,18 +38,22 @@ export * from '../Eyebrow/index.js';
 export * from '../FactList/index.js';
 export * from '../FilterChip/index.js';
 export * from '../Fullscreen/index.js';
+export * from '../Highlight/index.js';
 export * from '../HuePicker/index.js';
 export * from '../IconButton/index.js';
 export * from '../ImageUpload/index.js';
+export * from '../InboxList/index.js';
 export * from '../InlineCode/index.js';
 export * from '../Input/index.js';
 export * from '../Kbd/index.js';
+export * from '../KeyChip/index.js';
 export * from '../Layer/index.js';
 export * from '../Layout/index.js';
 export * from '../Link/index.js';
 export * from '../List/index.js';
 export * from '../ListInput/index.js';
 export * from '../Listbox/index.js';
+export * from '../MarkdownEditor/index.js';
 export * from '../Menu/index.js';
 export * from '../Meter/index.js';
 export * from '../Modal/index.js';
@@ -52,10 +61,12 @@ export * from '../NewItemsNotice/index.js';
 export * from '../OrgLabel/index.js';
 export * from '../OrgNode/index.js';
 export * from '../OrgTable/index.js';
+export * from '../Outline/index.js';
 export * from '../PageHeader/index.js';
 export * from '../Popover/index.js';
 export * from '../PricingCard/index.js';
 export * from '../Prose/index.js';
+export * from '../ReadingPane/index.js';
 export * from '../RelativeTime/index.js';
 export * from '../SearchTrigger/index.js';
 export * from '../Section/index.js';
@@ -70,12 +81,15 @@ export * from '../StatGroup/index.js';
 export * from '../StatusDot/index.js';
 export * from '../Stepper/index.js';
 export * from '../Switch/index.js';
+export * from '../Switcher/index.js';
 export * from '../Table/index.js';
 export * from '../Tabs/index.js';
 export * from '../Tag/index.js';
 export * from '../TagGroup/index.js';
 export * from '../TagsInput/index.js';
 export * from '../Text/index.js';
+export * from '../ThemeGallery/index.js';
+export * from '../ThemeSwatch/index.js';
 export * from '../ThemeSwitcher/index.js';
 export * from '../ThemeToggle/index.js';
 export * from '../TimeWindowPicker/index.js';

package/dist/generated/index.js

@@ -1,75 +1,90 @@
-import '../chunk-PQLMLG5K.js';
-export { TreeCanvas } from '../chunk-5WEVLIB6.js';
+import '../chunk-6AR2T5Y4.js';
 import '../chunk-AER7UDD4.js';
-export { ThemeToggle } from '../chunk-ORNOOMVY.js';
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-HLBRPES3.js';
 export { Timeline, TimelineItem } from '../chunk-O67VF5MS.js';
-export { ToastProvider, Toaster, useToast } from '../chunk-UG5ZMAXW.js';
-export { Switch } from '../chunk-A722MUNR.js';
-export { Table } from '../chunk-V2N3BMOT.js';
+export { ToastProvider, Toaster, useToast } from '../chunk-LELD5KPA.js';
+export { TreeCanvas } from '../chunk-RZ7RGECB.js';
 export { TagGroup } from '../chunk-E6UWRXNM.js';
-export { TagsInput } from '../chunk-7JGWSOLM.js';
+export { TagsInput } from '../chunk-GG2QEZO2.js';
 export { Text } from '../chunk-23DHIMJA.js';
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-WEIINZPA.js';
+export { ThemeGallery } from '../chunk-KLIEPFEZ.js';
+export { ThemeSwatch } from '../chunk-MNFU2RNT.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-SBRE7IML.js';
+export { ThemeToggle } from '../chunk-6TSZCBID.js';
 export { applyDensity, applyStoredPreferences, applyTheme, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-K3OWD7BJ.js';
-export { Select } from '../chunk-SEFMO2EV.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-B2CITO6R.js';
+export { StatGroup } from '../chunk-QVAFL2LE.js';
+export { Stepper } from '../chunk-5QWIJSQM.js';
+export { Switch } from '../chunk-A722MUNR.js';
+export { Switcher } from '../chunk-S3IENQ3E.js';
+export { Table } from '../chunk-V2N3BMOT.js';
+export { Section } from '../chunk-A2UXBCLO.js';
+export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
+export { Select } from '../chunk-XFE5W2I4.js';
 export { matchesShortcut, useShortcut } from '../chunk-2FPENTCF.js';
-export { NavGroup, NavItem, SidebarNav } from '../chunk-IVFJD7WY.js';
+export { NavGroup, NavItem, SidebarNav } from '../chunk-UCCC7YVZ.js';
 export { Skeleton } from '../chunk-W5J7R5EB.js';
 export { StatCard } from '../chunk-IKB6HFGK.js';
-export { StatGroup } from '../chunk-QVAFL2LE.js';
-export { Stepper } from '../chunk-5QWIJSQM.js';
+export { Outline, scrollToHeading, useActiveHeading } from '../chunk-A5YKNRG6.js';
 export { PricingCard } from '../chunk-UCYIRDND.js';
 export { Tag } from '../chunk-LOECRMHA.js';
 export { StatusDot } from '../chunk-WIATRXEJ.js';
+export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-ZAJHGDAW.js';
 export { Prose } from '../chunk-JCSA3XVH.js';
 export { SearchTrigger } from '../chunk-6DRDCT22.js';
-export { Section } from '../chunk-A2UXBCLO.js';
-import '../chunk-UAQIUSSK.js';
-export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
+export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-77IEHFY4.js';
+import '../chunk-VYY56AMX.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-4PZ6FJKW.js';
 export { NewItemsNotice } from '../chunk-PXU6HOZB.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-IHGKPEEV.js';
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-ZMJHK7DR.js';
-export { TreeGrid } from '../chunk-MCPKHYMC.js';
-export { SIZE_EPSILON, TYPE_AHEAD_RESET_MS, createTreeModel, isTypeAheadKey, layoutConnectors, layoutForest, placeGroups, treeAllExpandable, treeAncestors, treeCollapseOrAscend, treeExpandOrDescend, treeExpandTo, treeExpandable, treeFirst, treeFirstChild, treeItemAction, treeLast, treeLevel, treeNext, treeParent, treePosInSet, treePrevious, treeSetSize, treeStep, treeTypeAhead, treeVisible, typeAheadBuffer, useLayoutAnchor, useMeasuredSizes, useTreeState } from '../chunk-S3BCVWTU.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-75WOCYGC.js';
+export { TreeGrid } from '../chunk-6LXMLQUM.js';
+export { SIZE_EPSILON, TYPE_AHEAD_RESET_MS, createTreeModel, isTypeAheadKey, layoutConnectors, layoutForest, placeGroups, treeAllExpandable, treeAncestors, treeCollapseOrAscend, treeExpandOrDescend, treeExpandTo, treeExpandable, treeFirst, treeFirstChild, treeItemAction, treeLast, treeLevel, treeNext, treeParent, treePosInSet, treePrevious, treeSetSize, treeStep, treeTypeAhead, treeVisible, typeAheadBuffer, useLayoutAnchor, useMeasuredSizes, useTreeState } from '../chunk-MY374UUD.js';
 export { OrgLabel } from '../chunk-6OF2DBKY.js';
+export { Link } from '../chunk-FBSEJO2C.js';
 export { AutoGrid, Inline, Spacer, Stack } from '../chunk-W4ENKCXJ.js';
-export { Link } from '../chunk-ZPSOF6VL.js';
 export { List, ListItem } from '../chunk-DS2C73RJ.js';
 export { ListInput } from '../chunk-LZP7FGT7.js';
+export { useFullscreen } from '../chunk-XDTYBF2F.js';
+export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
+import '../chunk-EXHQ2QVW.js';
+export { ImageUpload } from '../chunk-DJMLHCLD.js';
+export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-XYCADWZN.js';
+export { InlineCode } from '../chunk-NN62JQLR.js';
+export { Document, DocumentTitle } from '../chunk-WI6K5M5X.js';
+export { EmptyState } from '../chunk-RA2ULG6H.js';
+export { EntityChip } from '../chunk-DDTDN5L2.js';
+export { ErrorBoundary } from '../chunk-XX2VQE55.js';
 export { Eyebrow } from '../chunk-RK4XPHVG.js';
 export { FactList } from '../chunk-URYDN2KA.js';
 export { Tooltip } from '../chunk-CQY5NTRS.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-5YLON2PW.js';
-export { useFullscreen } from '../chunk-XDTYBF2F.js';
-import '../chunk-EXHQ2QVW.js';
-export { ImageUpload } from '../chunk-LAQK4V3Z.js';
-export { InlineCode } from '../chunk-NN62JQLR.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-UZPHPW3Z.js';
+export { PageHeader } from '../chunk-HOXGBLEY.js';
+export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from '../chunk-3CZ7XAVY.js';
+export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-PGRPNDWM.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-WY2NLRZN.js';
+export { Menu } from '../chunk-TFH6SYWB.js';
+export { EMPTY_VALUE, EmptyValue } from '../chunk-EUCC37WY.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-JDPAA2JU.js';
 export { DescriptionList, DescriptionListItem } from '../chunk-XN4JBAN3.js';
 export { DIFF_LIST_LABELS, DiffList } from '../chunk-LFHCXZO5.js';
 export { Disclosure } from '../chunk-S4RCG44T.js';
-export { EmptyState } from '../chunk-RA2ULG6H.js';
-export { EntityChip } from '../chunk-DDTDN5L2.js';
-export { ErrorBoundary } from '../chunk-XX2VQE55.js';
+export { Checkbox } from '../chunk-YCTMKKRA.js';
+export { ChoiceButtons } from '../chunk-YSJC7AZC.js';
+export { ChoiceList } from '../chunk-QBXZLGK2.js';
 export { CodeBlock } from '../chunk-KGTQ5CVD.js';
-export { Combobox } from '../chunk-ELZKOVEC.js';
-export { CommandPalette } from '../chunk-6SDGRKQ7.js';
-export { Container } from '../chunk-QVE4GJAT.js';
 export { CopyButton, Copyable } from '../chunk-YACKC3K2.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-CIOKUMVC.js';
-export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-PGRPNDWM.js';
-export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from '../chunk-3CZ7XAVY.js';
-export { PageHeader } from '../chunk-HOXGBLEY.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-JCNUQ3US.js';
+export { useClipboard, writeClipboard } from '../chunk-5VNUYO76.js';
+export { Combobox } from '../chunk-4Y7WKXAW.js';
+export { CommandPalette } from '../chunk-HKGS67VG.js';
+export { ConfirmModal, Modal } from '../chunk-CF6DTETT.js';
+export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from '../chunk-F73MC7EZ.js';
+export { COMPOSER_COUNTER_AT, Composer } from '../chunk-QSLIN64M.js';
 export { Kbd, isApplePlatform, keyGlyph } from '../chunk-SMBKXWML.js';
 export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from '../chunk-FTEJPHBI.js';
-export { TYPE_AHEAD_WINDOW, useListbox, useOptionKeys } from '../chunk-6MU7HNB4.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-R4ZJB5YX.js';
-export { Menu } from '../chunk-TFH6SYWB.js';
-export { EMPTY_VALUE, EmptyValue } from '../chunk-EUCC37WY.js';
-export { ConfirmModal, Modal } from '../chunk-TEEJSTFG.js';
-export { useClipboard, writeClipboard } from '../chunk-5VNUYO76.js';
+export { Container } from '../chunk-QVE4GJAT.js';
+export { Breadcrumb } from '../chunk-VWNC2L6W.js';
+export { KeyChip } from '../chunk-FYTIJM2T.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-GXQ3B46I.js';
 export { Callout } from '../chunk-R6FBDTP3.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-2PZBIHRV.js';
@@ -79,27 +94,27 @@ export { Card } from '../chunk-EG6NYWVK.js';
 export { useCardHeaderSlot } from '../chunk-AV2DXAEL.js';
 import '../chunk-3L5NHASN.js';
 export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from '../chunk-4WNNEDKO.js';
-export { Checkbox } from '../chunk-YCTMKKRA.js';
 export { Accordion, AccordionItem } from '../chunk-G2AVKPSL.js';
 export { DisclosureAnatomy } from '../chunk-ENJUPIND.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
 export { ADD_PILL_MS, AddPill } from '../chunk-74WGARJE.js';
-export { AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-7LD6P32I.js';
+export { AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-L3CTFFLZ.js';
+import '../chunk-IG75YMUN.js';
 export { IconButton } from '../chunk-4FQT6ZAY.js';
+export { AvatarStack, avatarStackLabel } from '../chunk-6NIZCQUM.js';
 export { Announcer, announce, useAnnouncer } from '../chunk-RSAQOKH3.js';
-export { AvatarStack, avatarStackLabel } from '../chunk-3UK4VFSK.js';
-export { AvatarPicker } from '../chunk-HV6IZFBK.js';
-export { HuePicker } from '../chunk-K5Q2DK3P.js';
+export { AvatarPicker } from '../chunk-4FFHJBEN.js';
+export { HuePicker } from '../chunk-NXDEPUVG.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from '../chunk-AYKXMIOR.js';
-export { SegmentedControl } from '../chunk-EBBAAQDY.js';
-export { TabPanel, Tabs, tabId } from '../chunk-JHQUT4WJ.js';
-export { Popover } from '../chunk-PDUZO35I.js';
+export { SegmentedControl } from '../chunk-26PEPONN.js';
+export { TabPanel, Tabs, tabId } from '../chunk-4LDTQWS7.js';
+export { Popover } from '../chunk-O2ZDZZS7.js';
 export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-YXMCUKFI.js';
 import '../chunk-CBOICT64.js';
 export { Count } from '../chunk-BHHIIK3M.js';
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, outsideBounds, placePopup, useLayerContainer, viewportBounds } from '../chunk-7RPGY3JE.js';
 export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from '../chunk-R25RGPUB.js';
-export { VisuallyHidden } from '../chunk-BZFWDIV6.js';
 export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, AVATAR_STATUSES, AVATAR_STATUS_LABELS, Avatar, avatarCorner, avatarPixels, avatarTint, getInitials } from '../chunk-HI6Q2UXQ.js';
+export { VisuallyHidden } from '../chunk-BZFWDIV6.js';
 export { BrandLockup } from '../chunk-7KBNFFM3.js';
 export { cx } from '../chunk-ODEQTPFM.js';