@kerfjs/ui 5.0.0-beta.104 → 5.0.0-beta.105

package/dist/disclosure.js

@@ -0,0 +1,51 @@
+import { DisclosureArrow } from './chunk-TKNVL53O.js';
+
+
+import { filterDataAttributes } from './chunk-KH4KEMSP.js';
+import { jsxs, jsx } from 'kerfjs/jsx-runtime';
+
+var DISCLOSURE_PROTECTED = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-appearance",
+  "data-action"
+]);
+function Disclosure({
+  title,
+  detail,
+  children,
+  open = false,
+  name,
+  appearance = "plain",
+  toggleAction,
+  id,
+  rootAttributes = {},
+  className = "",
+  slot
+}) {
+  return /* @__PURE__ */ jsxs(
+    "details",
+    {
+      ...filterDataAttributes(rootAttributes, DISCLOSURE_PROTECTED),
+      id,
+      class: `kui-disclosure ${className}`.trim(),
+      "data-component": "disclosure",
+      "data-appearance": appearance,
+      "data-action": toggleAction,
+      ...name === void 0 ? {} : { name },
+      open: open || void 0,
+      slot,
+      children: [
+        /* @__PURE__ */ jsxs("summary", { class: "kui-disclosure__summary", children: [
+          /* @__PURE__ */ jsx(DisclosureArrow, { open }),
+          /* @__PURE__ */ jsx("span", { class: "kui-disclosure__title", children: title }),
+          detail === void 0 ? null : /* @__PURE__ */ jsx("span", { class: "kui-disclosure__detail", children: detail })
+        ] }),
+        /* @__PURE__ */ jsx("div", { class: "kui-disclosure__content", children })
+      ]
+    }
+  );
+}
+
+export { Disclosure };
+
+//# sourceMappingURL=disclosure.js.map

package/dist/disclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/surfaces/disclosure/disclosure.tsx"],"names":[],"mappings":";;;;;;AAmBA,IAAM,oBAAA,uBAA2B,GAAA,CAAI;AAAA,EACnC,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAC,CAAA;AA2CM,SAAS,UAAA,CAAW;AAAA,EACzB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA,GAAO,KAAA;AAAA,EACP,IAAA;AAAA,EACA,UAAA,GAAa,OAAA;AAAA,EACb,YAAA;AAAA,EACA,EAAA;AAAA,EACA,iBAAiB,EAAC;AAAA,EAClB,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAoB;AAClB,EAAA,uBACE,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,oBAAA,CAAqB,cAAA,EAAgB,oBAAoB,CAAA;AAAA,MAC7D,EAAA;AAAA,MACA,KAAA,EAAO,CAAA,eAAA,EAAkB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAC1C,gBAAA,EAAe,YAAA;AAAA,MACf,iBAAA,EAAiB,UAAA;AAAA,MACjB,aAAA,EAAa,YAAA;AAAA,MAGZ,GAAK,IAAA,KAAS,MAAA,GAAY,EAAC,GAAI,EAAE,IAAA,EAAK;AAAA,MACvC,MAAM,IAAA,IAAQ,MAAA;AAAA,MACd,IAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,SAAA,EAAA,EAAQ,OAAM,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,mBAAgB,IAAA,EAAY,CAAA;AAAA,0BAC7B,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,uBAAA,EAAyB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UAC1C,WAAW,MAAA,GAAY,IAAA,uBACrB,MAAA,EAAA,EAAK,KAAA,EAAM,0BAA0B,QAAA,EAAA,MAAA,EAAO;AAAA,SAAA,EAEjD,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,yBAAA,EAA2B,QAAA,EAAS;AAAA;AAAA;AAAA,GACjD;AAEJ","file":"disclosure.js","sourcesContent":["import type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport { filterDataAttributes } from '../../../shared/dom/extension-attributes.js';\nimport { DisclosureArrow } from '../../navigation/disclosure-arrow/disclosure-arrow.js';\n\n/**\n * The Disclosure's surface: `plain` (default) on the surrounding surface,\n * `framed` with the standard neutral border, or `sunken` on the lowered,\n * textured work surface with a border.\n */\nexport type DisclosureAppearance = 'plain' | 'framed' | 'sunken';\n\n/**\n * Application `data-*` identity on the `<details>` root, such as `data-key`;\n * the Disclosure's own configuration attributes stay protected.\n */\nexport type DisclosureRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined>\n>;\n\nconst DISCLOSURE_PROTECTED = new Set([\n  'data-component',\n  'data-appearance',\n  'data-action',\n]);\n\nexport interface DisclosureProps {\n  /** The always-visible summary: a short title for the hidden content. */\n  title: KerfUiContent | string;\n  /** A quiet line after the title in the summary, such as a count. */\n  detail?: KerfUiContent | string;\n  /** The content shown while open. */\n  children: KerfUiContent | string;\n  /**\n   * Render it open. The open state belongs to the native `<details>` once it\n   * is on the page: a person toggles it, a re-render that passes `open` opens\n   * it, and a re-render never closes it (kerf's morph leaves a `<details>`\n   * element's live `open` alone). Close it from code with `element.open = false`.\n   */\n  open?: boolean;\n  /**\n   * An exclusive group: Disclosures sharing a `name` behave as an accordion,\n   * where opening one closes the others (the native `<details name>`).\n   */\n  name?: string;\n  appearance?: DisclosureAppearance;\n  /**\n   * A `data-action` value on the `<details>` root, for a delegated listener of\n   * the native `toggle` event (it does not bubble: listen in the capture phase,\n   * for example with `delegateCapture`). `event.newState` is `open` or `closed`.\n   */\n  toggleAction?: string;\n  id?: string;\n  rootAttributes?: DisclosureRootAttributes;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * Content a person shows and hides under a summary row: a native `<details>`\n * with a `<summary>` that carries a `DisclosureArrow` and the title, on the\n * shared content-item geometry (8px inline margin, a 1px border, 8px\n * padding, the rounded radius). Keyboard and screen-reader behavior is the\n * platform's: the summary is a button that Enter and Space toggle, and it\n * reports its expanded state. Disclosures sharing a `name` form an accordion.\n */\nexport function Disclosure({\n  title,\n  detail,\n  children,\n  open = false,\n  name,\n  appearance = 'plain',\n  toggleAction,\n  id,\n  rootAttributes = {},\n  className = '',\n  slot,\n}: DisclosureProps) {\n  return (\n    <details\n      {...filterDataAttributes(rootAttributes, DISCLOSURE_PROTECTED)}\n      id={id}\n      class={`kui-disclosure ${className}`.trim()}\n      data-component=\"disclosure\"\n      data-appearance={appearance}\n      data-action={toggleAction}\n      // kerfjs's HTMLDetailsAttrs lacks the native exclusive-group `name`\n      // until KF-KFH2VT lands, so it rides in a typed attribute spread.\n      {...((name === undefined ? {} : { name }) as Record<string, string>)}\n      open={open || undefined}\n      slot={slot}\n    >\n      <summary class=\"kui-disclosure__summary\">\n        <DisclosureArrow open={open} />\n        <span class=\"kui-disclosure__title\">{title}</span>\n        {detail === undefined ? null : (\n          <span class=\"kui-disclosure__detail\">{detail}</span>\n        )}\n      </summary>\n      <div class=\"kui-disclosure__content\">{children}</div>\n    </details>\n  );\n}\n"]}

package/dist/file-picker.d.ts

@@ -29,6 +29,13 @@ interface FileDropZoneProps extends FileInputProps {
     icon?: SafeHtml;
     /** Accessible name of the file input when it should say more than `title`. */
     accessibleLabel?: string;
+    /**
+     * A selector for an enclosing element (the zone's ancestor) that also
+     * takes drops, such as an attachments panel: while files are dragged over
+     * any part of it the zone is highlighted, and files dropped there are
+     * reported for this zone (`via: 'drop'`).
+     */
+    dropScope?: string;
 }
 /**
  * A compact, link-toned trigger that opens the native file chooser: a label

package/dist/file-picker.js

@@ -1,3 +1,3 @@
-export { FileDropZone, FilePickerTrigger } from './chunk-W4IK7AWD.js';
+export { FileDropZone, FilePickerTrigger } from './chunk-KDQZ3E5C.js';
 
 //# sourceMappingURL=file-picker.js.map

package/dist/help-tags-register.d.ts

@@ -1,12 +1,12 @@
 /**
- * Marker export for tests and tooling; importing this module registers the
- * Web Awesome tooltip and installs the document-level help tags that name
- * icon-only controls on hover and keyboard focus: an icon-only `<button>` or
- * link inside a `ToolbarControlGroup` (named by `aria-label`, without a
- * native `title`), plus the icon-only `Select` and `PopupMenu` triggers that
- * `select/register` and `popup-menu/register` already cover. Import it once
- * in an application whose toolbars have icon-only buttons but no registered
- * `Select` or `PopupMenu`; importing it alongside them is harmless.
+ * Marker export for tests and tooling; importing this module installs the
+ * document-level help tags that name icon-only controls on hover and
+ * keyboard focus: an icon-only `<button>` or link inside a
+ * `ToolbarControlGroup` (named by `aria-label`, without a native `title`),
+ * plus the icon-only `Select` and `PopupMenu` triggers that `select/register`
+ * and `popup-menu/register` already cover. Import it once in an application
+ * whose toolbars have icon-only buttons but no registered `Select` or
+ * `PopupMenu`; importing it alongside them is harmless.
  */
 declare const helpTagsRegistered = true;
 

package/dist/help-tags-register.js

@@ -1,6 +1,7 @@
-import { installHelpTags } from './chunk-TDMHA7C3.js';
-import '@awesome.me/webawesome/dist/components/tooltip/tooltip.js';
+import { installHelpTags } from './chunk-SQ2Q3OQI.js';
 
+
+// src/wiring/help-tags-register.ts
 installHelpTags();
 var helpTagsRegistered = true;
 

package/dist/help-tags-register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/integrations/webawesome/help-tags/help-tags-register.ts"],"names":[],"mappings":";;;AAIA,eAAA,EAAgB;AAYT,IAAM,kBAAA,GAAqB","file":"help-tags-register.js","sourcesContent":["import '@awesome.me/webawesome/dist/components/tooltip/tooltip.js';\n\nimport { installHelpTags } from './install-help-tag.js';\n\ninstallHelpTags();\n\n/**\n * Marker export for tests and tooling; importing this module registers the\n * Web Awesome tooltip and installs the document-level help tags that name\n * icon-only controls on hover and keyboard focus: an icon-only `<button>` or\n * link inside a `ToolbarControlGroup` (named by `aria-label`, without a\n * native `title`), plus the icon-only `Select` and `PopupMenu` triggers that\n * `select/register` and `popup-menu/register` already cover. Import it once\n * in an application whose toolbars have icon-only buttons but no registered\n * `Select` or `PopupMenu`; importing it alongside them is harmless.\n */\nexport const helpTagsRegistered = true;\n"]}
+{"version":3,"sources":["../src/wiring/help-tags-register.ts"],"names":[],"mappings":";;;;AAEA,eAAA,EAAgB;AAYT,IAAM,kBAAA,GAAqB","file":"help-tags-register.js","sourcesContent":["import { installHelpTags } from './help-tags.js';\n\ninstallHelpTags();\n\n/**\n * Marker export for tests and tooling; importing this module installs the\n * document-level help tags that name icon-only controls on hover and\n * keyboard focus: an icon-only `<button>` or link inside a\n * `ToolbarControlGroup` (named by `aria-label`, without a native `title`),\n * plus the icon-only `Select` and `PopupMenu` triggers that `select/register`\n * and `popup-menu/register` already cover. Import it once in an application\n * whose toolbars have icon-only buttons but no registered `Select` or\n * `PopupMenu`; importing it alongside them is harmless.\n */\nexport const helpTagsRegistered = true;\n"]}

package/dist/index.d.ts

@@ -1,6 +1,5 @@
+export { Button, ButtonContent, ButtonEmphasis, ButtonLabel, ButtonOptions, ButtonProps, ButtonRootAttributes, ButtonShape, ButtonSize, ButtonTone, ButtonType } from './button.js';
 export { FloatingToolbar, FloatingToolbarPosition, FloatingToolbarProps } from './floating-toolbar.js';
-export { IconButton, IconButtonAppearance, IconButtonProps, IconButtonSize, IconButtonVariant } from './icon-button.js';
-export { IconToggleButton, IconToggleButtonProps, IconToggleButtonShape } from './icon-toggle-button.js';
 export { PopupMenu, PopupMenuAnchor, PopupMenuDivider, PopupMenuElement, PopupMenuEntry, PopupMenuHeading, PopupMenuItem, PopupMenuPlacement, PopupMenuProps, closePopupMenu, openPopupMenu, openPopupMenuAt } from './popup-menu.js';
 export { SplitButton, SplitButtonProps, SplitButtonTone } from './split-button.js';
 export { Toolbar, ToolbarConfig, ToolbarPosition, ToolbarProps } from './toolbar.js';
@@ -26,18 +25,25 @@ export { EmptyState, EmptyStateProps } from './empty-state.js';
 export { LoadingSpinner, LoadingSpinnerProps } from './loading-spinner.js';
 export { Skeleton, SkeletonProps } from './skeleton.js';
 export { StateBanner, StateBannerProps, StateBannerTone, StateBannerUrgency } from './state-banner.js';
-export { ChoiceChips, ChoiceChipsChoice, ChoiceChipsProps, ChoiceChipsSize, ChoiceChipsSwatch } from './choice-chips.js';
+export { Checkbox, CheckboxProps, CheckboxRootAttributes, CheckboxSize } from './checkbox.js';
+export { wireCheckboxes } from './wire-checkboxes.js';
+export { ChoiceChips, ChoiceChipsChoice, ChoiceChipsProps, ChoiceChipsSelectionMode, ChoiceChipsSize, ChoiceChipsSwatch } from './choice-chips.js';
+export { readChoiceChips, wireChoiceChips } from './wire-choice-chips.js';
 export { Combobox, ComboboxProps, ComboboxSuggestion } from './combobox.js';
 export { ComboboxCommit, WireComboboxesOptions, wireComboboxes } from './wire-comboboxes.js';
-export { Composer, ComposerProps, ComposerRootAttributes } from './composer.js';
-export { wireComposers } from './wire-composers.js';
 export { FieldLabel, FieldLabelProps, Text, TextContent, TextFont, TextProps, TextSize, TextTone, TextVariant } from './text.js';
 export { FileDropZone, FileDropZoneProps, FilePickerTrigger, FilePickerTriggerProps } from './file-picker.js';
 export { FilePickerSelection, WireFilePickersOptions, fileMatchesAccept, wireFilePickers } from './wire-file-pickers.js';
+export { MessageComposer, MessageComposerProps, MessageComposerRootAttributes } from './message-composer.js';
+export { wireMessageComposers } from './wire-message-composers.js';
+export { RadioGroup, RadioGroupChoice, RadioGroupName, RadioGroupOptions, RadioGroupOrientation, RadioGroupProps, RadioGroupRootAttributes, RadioGroupSize } from './radio-group.js';
+export { S as SearchField, a as SearchFieldEditorAttributes, b as SearchFieldModel, c as SearchFieldModelOptions, d as SearchFieldProps, e as SearchFieldResolvedToken, f as SearchFieldRule, g as SearchFieldState, h as SearchFieldStructure, i as SearchFieldSuggestion, j as SearchFieldToken, k as SearchFieldTrailingAction, l as SearchFieldTrailingActionAttributes, m as SearchFieldValue, n as createSearchFieldModel, p as placeSearchFieldCaret, r as readSearchField } from './search-field-CrGTN5sa.js';
+export { SearchFieldCollapsibleOptions, SearchFieldEdit, SearchFieldSubmit, SearchFieldsHandle, WireSearchFieldsOptions, wireSearchFields } from './wire-search-fields.js';
 export { SegmentedControl, SegmentedControlAppearance, SegmentedControlChoice, SegmentedControlLayout, SegmentedControlProps, SegmentedControlShape, SegmentedControlSize } from './segmented-control.js';
 export { Select, SelectChoice, SelectFocusRingOwner, SelectPresentation, SelectProps, SelectSelectedPresentation, SelectSize } from './select.js';
-export { T as TokenSearchEditorAttributes, a as TokenSearchField, b as TokenSearchFieldProps, c as TokenSearchFieldValue, d as TokenSearchModel, e as TokenSearchModelOptions, f as TokenSearchResolvedToken, g as TokenSearchRule, h as TokenSearchState, i as TokenSearchStructure, j as TokenSearchSuggestion, k as TokenSearchToken, l as TokenSearchTrailingAction, m as TokenSearchTrailingActionAttributes, n as createTokenSearchModel, p as placeTokenSearchCaret, r as readTokenSearchField } from './token-search-model-JA1i8z4D.js';
-export { TokenSearchCollapsibleOptions, TokenSearchEdit, TokenSearchFieldsHandle, TokenSearchSubmit, WireTokenSearchFieldsOptions, wireTokenSearchFields } from './wire-token-search-fields.js';
+export { Switch, SwitchProps, SwitchRootAttributes, SwitchSize } from './switch.js';
+export { TextField, TextFieldName, TextFieldOptions, TextFieldProps, TextFieldRootAttributes, TextFieldSize, TextFieldType } from './text-field.js';
+export { wireTextFields } from './wire-text-fields.js';
 export { ColumnTrack, ColumnTrackLayout, ColumnTrackProps } from './column-track.js';
 export { ContentSwap, ContentSwapDirection, ContentSwapProps, ContentSwapSide, ContentSwapTransition } from './content-swap.js';
 export { Grid, GridProps } from './grid.js';
@@ -47,16 +53,17 @@ export { ResizeCommit, WireResizableRegionsOptions, wireResizableRegions } from
 export { Row, RowProps } from './row.js';
 export { Spacer, SpacerProps } from './spacer.js';
 export { LucideIcon, LucideIconProps, LucideNode } from './lucide-icon.js';
-export { AppTab, AppTabNameOverflow, AppTabPresentation, AppTabProps, AppTabSize } from './app-tab.js';
 export { DisclosureArrow, DisclosureArrowProps, DisclosureDirection } from './disclosure-arrow.js';
 export { TabActivation, TabBar, TabBarAllocation, TabBarPresentation, TabBarProps, TabBarTrailingPlacement } from './tab-bar.js';
 export { TabDropPosition, TabReorder, TabReorderSource, WireTabBarsOptions, reorderTabs, wireTabBars } from './wire-tab-bars.js';
+export { TabBarItem, TabBarItemNameOverflow, TabBarItemPresentation, TabBarItemProps, TabBarItemSize } from './tab-bar-item.js';
 export { BackdropImage, BackdropImageFit, BackdropImageParallax, BackdropImagePosition, BackdropImageProps, BackdropImageRepeat, BackdropImageScrim, BackdropImageSingleProps, BackdropImageTiledProps } from './backdrop-image.js';
 export { ContentItem, ContentItemAppearance, ContentItemBubble, ContentItemFrame, ContentItemProps, ContentItemSelectionMode, ContentItemShape } from './content-item.js';
 export { SunkenPanel, SunkenPanelProps, SunkenPanelShape, ensureSunkenTexture } from './sunken-panel.js';
-export { DialogSurface, DialogSurfaceBodyLayout, DialogSurfaceFooterPresentation, DialogSurfaceHeaderPresentation, DialogSurfaceHeight, DialogSurfaceMaxHeight, DialogSurfacePresentation, DialogSurfaceProps, DialogSurfaceRootAttributes, DialogSurfaceSheetMotion, DialogSurfaceSize, PopoverDialogSurface, PopoverDialogSurfaceDataAttributes, PopoverDialogSurfacePresentation, PopoverDialogSurfaceProps, PopupSurface, PopupSurfaceInset, PopupSurfaceProps, SurfaceInset } from './surface-scaffold.js';
+export { DialogCloseSource, DialogRequestCloseDetail, DialogSurface, DialogSurfaceBodyLayout, DialogSurfaceFooterPresentation, DialogSurfaceHeaderPresentation, DialogSurfaceHeight, DialogSurfaceMaxHeight, DialogSurfaceName, DialogSurfaceOptions, DialogSurfacePresentation, DialogSurfaceProps, DialogSurfaceRootAttributes, DialogSurfaceSheetMotion, DialogSurfaceSize, PopoverDialogSurface, PopoverDialogSurfaceDataAttributes, PopoverDialogSurfacePresentation, PopoverDialogSurfaceProps, PopupSurface, PopupSurfaceInset, PopupSurfaceProps, SurfaceInset, closeDialog, openDialog } from './surface-scaffold.js';
 export { wireOverlaySheets } from './wire-overlay-sheets.js';
 export { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
+export { ApplySelectionOptions, SelectionGesture, SelectionModifiers, SelectionResult, applySelection, isApplePlatform, selectionGesture } from './selection.js';
 export { CssColor, CssFlex, CssFlexBasis, CssFlexKeyword, CssForegroundColor, CssLength, CssLengthExpression, CssSize, CssSizeKeyword, CssValue, UiColor, UiColorName, UiForegroundColorName, UiSpaceName, calc, colorVar, em, fillColor, flex, foregroundColor, foregroundColorVar, lengthVar, pct, plus, px, rem, space, uiColor } from './css-values.js';
 export { ListDropPosition, ListReorder, ListReorderSource, ListReorderTarget, WireListReorderOptions, reorderListItems, wireListReorder } from './wire-list-reorder.js';
 export { ScrollDividerTarget, WireScrollDividersOptions, wireScrollDividers } from './wire-scroll-dividers.js';

package/dist/index.js

@@ -1,73 +1,85 @@
+export { reorderTabs, wireTabBars } from './chunk-T74YB76U.js';
+export { wireTextFields } from './chunk-KC6WUSNS.js';
 export { wireToolbarVisibility } from './chunk-2GOCOLQL.js';
-export { wireOverlaySheets } from './chunk-5NQF35VO.js';
+export { wireMessageComposers } from './chunk-HTERKONR.js';
+export { wireOverlaySheets } from './chunk-4RECPEHI.js';
 export { wireResizableRegions } from './chunk-GS2QD3N7.js';
-export { reorderTabs, wireTabBars } from './chunk-K4AT3V3J.js';
-export { wireTokenSearchFields } from './chunk-CR5U5FV6.js';
-
-export { wireScrollDividers } from './chunk-OZ6X76G5.js';
-export { wireComboboxes } from './chunk-FDZNYD4C.js';
-export { wireComposers } from './chunk-ELCMSQNJ.js';
+export { wireSearchFields } from './chunk-UMNHJSIO.js';
+export { wireComboboxes } from './chunk-GCAK23PU.js';
 export { wireCornerStatus } from './chunk-ZKKO4MHC.js';
-export { fileMatchesAccept, wireFilePickers } from './chunk-2MSPNRWJ.js';
+export { fileMatchesAccept, wireFilePickers } from './chunk-KK3S5OTW.js';
 export { wireListFocusScroll } from './chunk-QDSZTQXL.js';
 export { reorderListItems, wireListReorder } from './chunk-MJ5RU6XT.js';
-export { createTokenSearchModel } from './chunk-T5BJBMW7.js';
 export { ValueTable, ValueTableRow } from './chunk-DZJ4GBSP.js';
-export { StateBanner } from './chunk-FNZQOUZ5.js';
+
+export { wireScrollDividers } from './chunk-OZ6X76G5.js';
+export { wireCheckboxes } from './chunk-CNM6ZWP2.js';
+export { readChoiceChips, wireChoiceChips } from './chunk-K57NINLH.js';
+export { TabBarItem } from './chunk-ZCDRLN3B.js';
+export { TabBar } from './chunk-RFLW4FPL.js';
+export { TextField } from './chunk-WU57BYYM.js';
+export { Spacer } from './chunk-YMUIQRWK.js';
+export { SplitButton } from './chunk-WJKHLOP5.js';
+export { StateBanner } from './chunk-2FW7D4IG.js';
 export { SummaryRow } from './chunk-4UB5Z3ZZ.js';
 export { SunkenPanel } from './chunk-D5RGM3XA.js';
-
-export { DialogSurface, PopoverDialogSurface, PopupSurface } from './chunk-BYFTHA4I.js';
-export { TabBar } from './chunk-JOR5LGYE.js';
+export { createSearchFieldModel } from './chunk-CIAUILRR.js';
 export { SegmentedControl } from './chunk-NS2TBYM4.js';
-export { Select } from './chunk-NS762OVM.js';
-export { Spacer } from './chunk-YMUIQRWK.js';
-export { SplitButton } from './chunk-HLDRH23D.js';
-export { IconButton } from './chunk-VFYO3UGZ.js';
-export { IconToggleButton } from './chunk-CA7LNX3J.js';
-export { ListActionRow } from './chunk-SIW64V65.js';
-export { EdgeActivityIndicator } from './chunk-QH5KOFNS.js';
-export { EmptyState } from './chunk-B53PS2LE.js';
-export { FileDropZone, FilePickerTrigger } from './chunk-W4IK7AWD.js';
+export { Select } from './chunk-ZX2QQJXD.js';
+
+export { applySelection, isApplePlatform, selectionGesture } from './chunk-GXSX6Q6O.js';
+export { RadioGroup } from './chunk-OHPYT2BH.js';
+export { MessageComposer } from './chunk-23PPPNH6.js';
+export { FileDropZone, FilePickerTrigger } from './chunk-KDQZ3E5C.js';
 export { FramedList, FramedListRow } from './chunk-S2XULQEK.js';
 export { Grid } from './chunk-KCS6NJ3O.js';
-export { ColumnTrack } from './chunk-QYMJHS4K.js';
-export { Combobox } from './chunk-ETCWQLJV.js';
-export { Composer } from './chunk-AV7CPAPT.js';
-export { ContentItem } from './chunk-7IUEBNCO.js';
+
+export { ListActionRow } from './chunk-DF2YKGIX.js';
+export { DialogSurface, PopoverDialogSurface, PopupSurface } from './chunk-TAHR457X.js';
+export { closeDialog, openDialog } from './chunk-ATGAJVZ6.js';
+
 export { ContentSwap } from './chunk-EIET4QLK.js';
 export { CornerStatus } from './chunk-G3J7JDP6.js';
+export { EdgeActivityIndicator } from './chunk-QH5KOFNS.js';
+export { EmptyState } from './chunk-B53PS2LE.js';
+export { ChoiceChips } from './chunk-ITUQC4FW.js';
+export { ColumnTrack } from './chunk-QYMJHS4K.js';
+export { Combobox } from './chunk-BKUMG2KB.js';
+export { ContentItem } from './chunk-5USKCWGL.js';
 export { openAnchoredSurface, openAnchoredSurfaceAt } from './chunk-3WYREXW4.js';
-export { AppTab } from './chunk-TGLUDQP2.js';
 export { BackdropImage } from './chunk-SCDWURBO.js';
-export { TokenSearchField, placeTokenSearchCaret, readTokenSearchField } from './chunk-ZJC5ND3M.js';
-export { ResizableRegion, clampRegionSize, resizeRegionFromPointer } from './chunk-Y6KT7ZTR.js';
-export { Row } from './chunk-YQ2AC4E2.js';
-export { ListItem, ListItemLink } from './chunk-ZYU5WRC3.js';
-export { ToolbarText } from './chunk-EKHDLBRP.js';
-
-export { PopupMenu, closePopupMenu, openPopupMenu, openPopupMenuAt } from './chunk-HQZYKJ56.js';
-export { ListHeader } from './chunk-3SKAEPPZ.js';
+export { Button } from './chunk-UTCAOOXU.js';
+export { Switch } from './chunk-LTBVP6VN.js';
+export { Row } from './chunk-AMIHGFLP.js';
+export { SearchField, placeSearchFieldCaret, readSearchField } from './chunk-VEME3D7K.js';
+export { ListHeader } from './chunk-ECFCAKWE.js';
 export { ListInsetControl } from './chunk-AN5IWMTM.js';
 export { ListInsetText } from './chunk-S4Y3YTAI.js';
-export { DisclosureArrow } from './chunk-3VXDSIBJ.js';
+export { ListItem, ListItemLink } from './chunk-3GLYIIFR.js';
+export { FieldLabel, Text } from './chunk-7K6U6FCN.js';
 export { FloatingToolbar } from './chunk-S3ECMF23.js';
-export { ToolbarActionLink, ToolbarControlGroup } from './chunk-2PXZBFEC.js';
-export { Toolbar } from './chunk-CMLPFIC5.js';
-export { List } from './chunk-HZPHCSCS.js';
+export { PopupMenu, closePopupMenu, openPopupMenu, openPopupMenuAt } from './chunk-7W3GKMN4.js';
 
-export { Pane } from './chunk-M5KZ26VV.js';
 
-export { ensureSunkenTexture } from './chunk-IKS72C6P.js';
-export { LucideIcon } from './chunk-LOSRXZAH.js';
-export { LoadingSpinner } from './chunk-WVS6CUCT.js';
 
-export { FieldLabel, Text } from './chunk-LL45C7BB.js';
+export { ToolbarText } from './chunk-EKHDLBRP.js';
+export { ResizableRegion, clampRegionSize, resizeRegionFromPointer } from './chunk-Y6KT7ZTR.js';
 export { Skeleton } from './chunk-CVD5IZGB.js';
+export { DisclosureArrow } from './chunk-TKNVL53O.js';
+export { ToolbarActionLink, ToolbarControlGroup } from './chunk-2PXZBFEC.js';
+export { Pane } from './chunk-HQZG3OFL.js';
+
+export { ensureSunkenTexture } from './chunk-IKS72C6P.js';
+export { List } from './chunk-OY2MXIBB.js';
+
+export { Toolbar } from './chunk-CMLPFIC5.js';
+
+export { LoadingSpinner } from './chunk-WVS6CUCT.js';
+export { Badge } from './chunk-RMWNO6BA.js';
+export { Checkbox } from './chunk-C26Q6P4Q.js';
+export { LucideIcon } from './chunk-HJXVVFBT.js';
 export { calc, colorVar, em, fillColor, flex, foregroundColor, foregroundColorVar, lengthVar, pct, plus, px, rem, space, uiColor } from './chunk-IQSRHXZR.js';
-export { Badge } from './chunk-U6QYTMDB.js';
 
 export { Chip } from './chunk-N7MBGONH.js';
-export { ChoiceChips } from './chunk-FR76ZJQC.js';
 
 //# sourceMappingURL=index.js.map

package/dist/list-action-row.js

@@ -1,4 +1,7 @@
-export { ListActionRow } from './chunk-SIW64V65.js';
+export { ListActionRow } from './chunk-DF2YKGIX.js';
+
+
+
 
 
 

package/dist/list-detail-dialog.d.ts

@@ -0,0 +1,117 @@
+import * as kerfjs from 'kerfjs';
+import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
+import { CssLength } from './css-values.js';
+import { SplitViewListWidth } from './split-view.js';
+import { DialogSurfaceSize, DialogSurfaceHeight, DialogSurfaceMaxHeight, DialogSurfaceRootAttributes } from './surface-scaffold.js';
+export { DialogCloseSource, DialogRequestCloseDetail, closeDialog, openDialog } from './surface-scaffold.js';
+import './nav-stack-CU_0dKtI.js';
+import './pane.js';
+import './scroll-clearance-BikHljTc.js';
+import './list.js';
+import './extension-attributes-mu8MFUl0.js';
+import './flex-alignment-4ms8ZbV8.js';
+import './sides-BPSWde0A.js';
+import './panel-toolbar-vg6Ir5Dy.js';
+import './toolbar.js';
+import './lucide-icon.js';
+import 'lucide';
+import './toolbar-text.js';
+import './resizable-region.js';
+
+/** The list column: a secondary title, its own controls, and the list. */
+interface ListDetailDialogList {
+    /**
+     * The column's title, at the default toolbar size so it reads as pane
+     * identity beside the detail's primary title. On compact devices it titles
+     * the root view.
+     */
+    title: string;
+    /** Controls after the title in the column's header, such as a `ToolbarControlGroup`. */
+    toolbar?: KerfUiContent;
+    /** The list, usually a `List` of selectable `ListItem`s. */
+    content: KerfUiContent;
+    /** Content pinned below the list, such as an add control. */
+    footer?: KerfUiContent;
+    /**
+     * The column's width on roomy devices (default 280px, at most 40% of the
+     * dialog's width).
+     */
+    width?: SplitViewListWidth;
+}
+/** The detail column: the dialog's primary title, actions, and close control. */
+interface ListDetailDialogDetail {
+    /**
+     * The dialog's primary title: an xl heading at the top of the detail
+     * column on roomy devices, and the pushed view's title on compact devices.
+     */
+    title: string;
+    /** A short supporting line under the roomy title. */
+    description?: string;
+    /**
+     * Header controls before the close control, such as a
+     * `ToolbarControlGroup`. Primary record actions usually go in `footer`.
+     */
+    actions?: KerfUiContent;
+    /** The selected item's detail. */
+    content: KerfUiContent;
+    /** Content pinned below the detail, usually its buttons. */
+    footer?: KerfUiContent;
+}
+/**
+ * Application `data-*` identity on the dialog root, such as `data-key`; the
+ * dialog's own configuration attributes stay protected.
+ */
+type ListDetailDialogRootAttributes = DialogSurfaceRootAttributes;
+interface ListDetailDialogProps {
+    /**
+     * The dialog's id, for `openDialog(document.getElementById(id))`. Also
+     * prefixes the ids of the split and the detail title.
+     */
+    id: string;
+    /** The dialog's accessible name. */
+    label: string;
+    list: ListDetailDialogList;
+    detail: ListDetailDialogDetail;
+    /**
+     * One pane at a time: derive from `deviceClass().value.compact`. The dialog
+     * fills the screen and drills from the list into the detail as a
+     * `NavStack`; every view keeps the close control.
+     */
+    compact?: boolean;
+    /** On compact devices, whether the detail is pushed over the list. */
+    detailActive?: boolean;
+    /** The compact back control's accessible name (default `Back`). */
+    backLabel?: string;
+    /** The close control's accessible name (default `Close`). */
+    closeLabel?: string;
+    /** Close on a press on the backdrop; otherwise the panel pulses. */
+    lightDismiss?: boolean;
+    /** Roomy preferred width preset (default `large`). */
+    size?: DialogSurfaceSize;
+    /** Roomy preferred width; takes precedence over `size`. */
+    preferredWidth?: CssLength;
+    /** Roomy definite height (default 560px), bounded by the viewport. */
+    height?: DialogSurfaceHeight;
+    /** Roomy height cap in place of a definite height. */
+    maxHeight?: DialogSurfaceMaxHeight;
+    /** Roomy edge clearance from the viewport. */
+    viewportGutter?: CssLength;
+    rootAttributes?: ListDetailDialogRootAttributes;
+    className?: string;
+    /** Native named-slot assignment when composed inside a web component. */
+    slot?: string;
+}
+/**
+ * A list-detail dialog: a modal whose list column and detail column each run
+ * its full height. The list column carries a secondary title and its own
+ * controls; the detail column carries the dialog's primary title, its
+ * actions, and the close control, so the divider between them runs from top
+ * to bottom. On compact devices it fills the screen and becomes a `NavStack`
+ * that drills from the list into the detail. Open it with `openDialog()`;
+ * the app owns the selection and, on compact devices, `detailActive` (the
+ * stack's back control dispatches `nav-back`). Built from `DialogSurface`,
+ * `SplitView`, and `Pane`.
+ */
+declare function ListDetailDialog({ id, label, list, detail, compact, detailActive, backLabel, closeLabel, lightDismiss, size, preferredWidth, height, maxHeight, viewportGutter, rootAttributes, className, slot, }: ListDetailDialogProps): kerfjs.SafeHtml;
+
+export { ListDetailDialog, type ListDetailDialogDetail, type ListDetailDialogList, type ListDetailDialogProps, type ListDetailDialogRootAttributes };

package/dist/list-detail-dialog.js

@@ -0,0 +1,165 @@
+import { SplitView } from './chunk-FKKJHGN5.js';
+import { DialogSurface } from './chunk-TAHR457X.js';
+export { closeDialog, openDialog } from './chunk-ATGAJVZ6.js';
+
+
+import { ToolbarText } from './chunk-EKHDLBRP.js';
+
+
+
+import { ToolbarControlGroup } from './chunk-2PXZBFEC.js';
+import { Pane } from './chunk-HQZG3OFL.js';
+
+
+
+
+import { Toolbar } from './chunk-CMLPFIC5.js';
+
+
+import { LucideIcon } from './chunk-HJXVVFBT.js';
+import { remify } from './chunk-IQSRHXZR.js';
+
+import { X } from 'lucide';
+import { jsx, jsxs, Fragment } from 'kerfjs/jsx-runtime';
+
+var DEFAULT_LIST_WIDTH = { size: 280, maxFraction: 0.4 };
+function closeGroup(closeLabel) {
+  return /* @__PURE__ */ jsx(ToolbarControlGroup, { appearance: "borderless", single: true, children: /* @__PURE__ */ jsx("button", { type: "button", "aria-label": closeLabel, "data-dialog-close": "", children: /* @__PURE__ */ jsx(LucideIcon, { icon: X, name: "x" }) }) });
+}
+function ListDetailDialog({
+  id,
+  label,
+  list,
+  detail,
+  compact = false,
+  detailActive = false,
+  backLabel = "Back",
+  closeLabel = "Close",
+  lightDismiss = false,
+  size = "large",
+  preferredWidth,
+  height,
+  maxHeight,
+  viewportGutter,
+  rootAttributes,
+  className = "",
+  slot
+}) {
+  const close = closeGroup(closeLabel);
+  const split = compact ? /* @__PURE__ */ jsx(
+    SplitView,
+    {
+      id: `${id}-split`,
+      label,
+      compact: true,
+      detailActive,
+      listTitle: list.title,
+      detailTitle: detail.title,
+      backLabel,
+      compactStack: {
+        list: {
+          toolbar: {
+            trailing: /* @__PURE__ */ jsxs(Fragment, { children: [
+              list.toolbar,
+              close
+            ] })
+          },
+          footer: list.footer
+        },
+        detail: {
+          toolbar: {
+            trailing: /* @__PURE__ */ jsxs(Fragment, { children: [
+              detail.actions,
+              close
+            ] })
+          },
+          footer: detail.footer
+        }
+      },
+      list: list.content,
+      detail: detail.content
+    }
+  ) : /* @__PURE__ */ jsx(
+    SplitView,
+    {
+      id: `${id}-split`,
+      label,
+      listTitle: list.title,
+      detailTitle: detail.title,
+      listWidth: list.width ?? DEFAULT_LIST_WIDTH,
+      list: /* @__PURE__ */ jsx(
+        Pane,
+        {
+          label: list.title,
+          header: /* @__PURE__ */ jsx(
+            Toolbar,
+            {
+              label: list.title,
+              leading: /* @__PURE__ */ jsx(ToolbarText, { text: list.title }),
+              trailing: list.toolbar
+            }
+          ),
+          footer: list.footer,
+          children: list.content
+        }
+      ),
+      detail: /* @__PURE__ */ jsx(
+        Pane,
+        {
+          label: detail.title,
+          header: /* @__PURE__ */ jsx(
+            Toolbar,
+            {
+              label: detail.title,
+              leading: /* @__PURE__ */ jsx(
+                ToolbarText,
+                {
+                  text: detail.title,
+                  description: detail.description,
+                  size: "xlarge",
+                  id: `${id}-title`,
+                  headingLevel: 2
+                }
+              ),
+              trailing: /* @__PURE__ */ jsxs(Fragment, { children: [
+                detail.actions,
+                close
+              ] })
+            }
+          ),
+          footer: detail.footer,
+          children: detail.content
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    DialogSurface,
+    {
+      id,
+      label,
+      withoutHeader: true,
+      lightDismiss,
+      closeLabel,
+      size,
+      presentation: compact ? "fullscreen" : "modal",
+      preferredWidth,
+      height: compact ? void 0 : maxHeight === void 0 ? height ?? remify(560) : height,
+      maxHeight: compact ? void 0 : maxHeight,
+      viewportGutter: compact ? void 0 : viewportGutter,
+      bodyInset: "none",
+      bodyLayout: "fill",
+      rootAttributes: {
+        ...rootAttributes,
+        "data-dialog-layout": "list-detail"
+      },
+      className,
+      slot,
+      children: split
+    }
+  );
+}
+
+export { ListDetailDialog };
+
+//# sourceMappingURL=list-detail-dialog.js.map