@kerfjs/ui 5.0.0-beta.94 → 5.0.0-beta.96

package/dist/content-item.d.ts

@@ -2,8 +2,17 @@ import * as kerfjs from 'kerfjs';
 import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
 import { S as SemanticTone } from './semantic-tone-CdW013KF.js';
 
-/** Base surface treatment or semantic status colors. */
-type ContentItemAppearance = 'transparent' | 'surface' | SemanticTone;
+/**
+ * Base surface treatment, semantic status colors, or `brand-loud`: the solid
+ * brand fill with its on-loud foreground (a transcript's own messages).
+ */
+type ContentItemAppearance = 'transparent' | 'surface' | 'brand-loud' | SemanticTone;
+/**
+ * A chat-bubble layout for transcripts: the item fits its content up to 80%
+ * of the row and sits at the `start` (other participants) or `end` (the
+ * person's own messages) of the line.
+ */
+type ContentItemBubble = 'start' | 'end';
 /** Whether the item's always-reserved 1px border is transparent or visible. */
 type ContentItemFrame = 'none' | 'framed';
 /** Corner shape: the 12px rounded rectangle or the 22px pill. */
@@ -14,11 +23,13 @@ type ContentItemRootAttributes = Readonly<Record<`data-${string}`, string | unde
     'data-component'?: never;
     'data-appearance'?: never;
     'data-outlined'?: never;
+    'data-bubble'?: never;
 }>;
 type ContentItemInteractiveRootAttributes = Readonly<Record<`data-${string}`, string | undefined> & {
     'data-component'?: never;
     'data-appearance'?: never;
     'data-outlined'?: never;
+    'data-bubble'?: never;
     'data-action'?: never;
     'data-item-id'?: never;
     'data-interactive'?: never;
@@ -46,6 +57,12 @@ interface ContentItemBaseProps {
     flush?: boolean;
     /** Corner shape. Defaults to `rounded`. */
     shape?: ContentItemShape;
+    /**
+     * Lay the item out as a chat bubble: content width up to 80% of the row,
+     * at the `start` or `end` of the line. Pair `end` with `brand-loud` for the
+     * person's own messages. Omit for an ordinary full-width item.
+     */
+    bubble?: ContentItemBubble;
     /** Native hover tooltip. */
     title?: string;
     /**
@@ -94,6 +111,6 @@ type ContentItemProps = ContentItemBaseProps & ({
  * border (transparent unless `framed`), 8px padding, and a rounded or pill
  * radius. It owns that whole geometry, so wrappers must not add more.
  */
-declare function ContentItem({ appearance, children, frame, flush, shape, title, ariaLabel, focusTarget, outlined, tabIndex, interactive, action, itemId, selectionMode, selected, disabled, className, rootAttributes, slot, }: ContentItemProps): kerfjs.SafeHtml;
+declare function ContentItem({ appearance, children, frame, flush, shape, bubble, title, ariaLabel, focusTarget, outlined, tabIndex, interactive, action, itemId, selectionMode, selected, disabled, className, rootAttributes, slot, }: ContentItemProps): kerfjs.SafeHtml;
 
-export { ContentItem, type ContentItemAppearance, type ContentItemFrame, type ContentItemProps, type ContentItemSelectionMode, type ContentItemShape, SemanticTone };
+export { ContentItem, type ContentItemAppearance, type ContentItemBubble, type ContentItemFrame, type ContentItemProps, type ContentItemSelectionMode, type ContentItemShape, SemanticTone };

package/dist/content-item.js

@@ -1,4 +1,4 @@
-export { ContentItem } from './chunk-B3TROLC2.js';
+export { ContentItem } from './chunk-7IUEBNCO.js';
 
 
 //# sourceMappingURL=content-item.js.map

package/dist/content-swap.d.ts

@@ -0,0 +1,34 @@
+import * as kerfjs from 'kerfjs';
+import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
+
+type ContentSwapSide = 'a' | 'b';
+type ContentSwapTransition = 'none' | 'crossfade' | 'push';
+/** `forward` pushes the incoming side in from the inline end; `backward` from the start. */
+type ContentSwapDirection = 'forward' | 'backward';
+interface ContentSwapProps {
+    /** Which side is shown. Changing it runs the transition. */
+    active: ContentSwapSide;
+    a: KerfUiContent;
+    b: KerfUiContent;
+    /** `push` (default) slides the sides, `crossfade` fades them, `none` swaps instantly. */
+    transition?: ContentSwapTransition;
+    /** Push direction; mirrors in right-to-left documents. Default `forward`. */
+    direction?: ContentSwapDirection;
+    /** Accessible name; when set, the swap is a named region. */
+    label?: string;
+    /** Span the full width of its slot (a dialog label or footer) instead of its content. */
+    fill?: boolean;
+    className?: string;
+    /** Native named-slot assignment, such as a dialog's `label` or `footer`. */
+    slot?: string;
+}
+/**
+ * Two content sides sharing one cell (a dialog body that steps to a second
+ * page, a footer whose actions change), with the swap animated in place.
+ * Kerf owns the motion, the reduced-motion fallback, and the inactive side's
+ * `inert`/`aria-hidden`. Use `NavStack` for full views with their own
+ * toolbars.
+ */
+declare function ContentSwap({ active, a, b, transition, direction, label, fill, className, slot, }: ContentSwapProps): kerfjs.SafeHtml;
+
+export { ContentSwap, type ContentSwapDirection, type ContentSwapProps, type ContentSwapSide, type ContentSwapTransition };

package/dist/content-swap.js

@@ -0,0 +1,3 @@
+export { ContentSwap } from './chunk-EIET4QLK.js';
+
+//# sourceMappingURL=content-swap.js.map

package/dist/content-swap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"content-swap.js"}

package/dist/corner-status.d.ts

@@ -0,0 +1,36 @@
+import * as kerfjs from 'kerfjs';
+import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
+
+/** The viewport corner a CornerStatus occupies, in logical (RTL-aware) terms. */
+type CornerStatusPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+/** Where a CornerStatus appears: the top layer, or in flow. */
+type CornerStatusPresentation = 'overlay' | 'embedded';
+interface CornerStatusProps {
+    /** The root id: what a `popovertarget` control or `getElementById` names. */
+    id?: string;
+    /** One or more `StateBanner`s, typically `urgency="status"`; they stack. */
+    children: KerfUiContent;
+    /** Viewport corner; defaults to `bottom-end`. */
+    placement?: CornerStatusPlacement;
+    /**
+     * `overlay` (default) is a native `popover="manual"` host in the top layer,
+     * opened by `wireCornerStatus`: above fixed and z-indexed page chrome,
+     * never focused, and with no close button, light dismiss, or Escape.
+     * `embedded` renders the same stack in flow for a catalog or inline use.
+     */
+    presentation?: CornerStatusPresentation;
+    className?: string;
+    /** Native named-slot assignment when composed inside a web component. */
+    slot?: string;
+}
+/**
+ * A non-dismissible status surface pinned to a viewport corner — "Loading…",
+ * "Updating tickets… 3 of 12" — for app-level progress that has no better
+ * home beside the affected work. The application owns its lifetime: render it
+ * while the work runs and remove it when the work ends. It carries no role of
+ * its own; the composed `StateBanner` is the polite live region. Use a toast
+ * for transient, dismissible confirmation instead.
+ */
+declare function CornerStatus({ id, children, placement, presentation, className, slot, }: CornerStatusProps): kerfjs.SafeHtml;
+
+export { CornerStatus, type CornerStatusPlacement, type CornerStatusPresentation, type CornerStatusProps };

package/dist/corner-status.js

@@ -0,0 +1,3 @@
+export { CornerStatus } from './chunk-QQ3TTWFH.js';
+
+//# sourceMappingURL=corner-status.js.map

package/dist/corner-status.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"corner-status.js"}

package/dist/edge-activity-indicator.d.ts

@@ -0,0 +1,28 @@
+import * as kerfjs from 'kerfjs';
+import { S as SemanticTone } from './semantic-tone-CdW013KF.js';
+
+interface EdgeActivityIndicatorProps {
+    /** Whether work is in progress; shows the strip and runs its wave. */
+    busy: boolean;
+    /**
+     * Optional status shown in a small pill hanging from the edge while busy.
+     * The pill is a polite live region; omit it for a purely decorative strip.
+     */
+    message?: string;
+    /** Strip and pill color; defaults to `info`. */
+    tone?: SemanticTone;
+    /** Clear the device's top safe area (default) or sit at the very edge. */
+    inset?: 'safe-area' | 'none';
+    className?: string;
+}
+/**
+ * A layout-free activity strip pinned to the top edge of the viewport: a row
+ * of thin bars that ripple in a traveling wave while `busy`, plus an optional
+ * hanging status pill. It allocates no layout, ignores the pointer, and its
+ * bars are hidden from assistive technology; only the pill announces.
+ * Kerf owns the motion: it scales in from the edge and, under reduced motion,
+ * only fades.
+ */
+declare function EdgeActivityIndicator({ busy, message, tone, inset, className, }: EdgeActivityIndicatorProps): kerfjs.SafeHtml;
+
+export { EdgeActivityIndicator, type EdgeActivityIndicatorProps };

package/dist/edge-activity-indicator.js

@@ -0,0 +1,3 @@
+export { EdgeActivityIndicator } from './chunk-QH5KOFNS.js';
+
+//# sourceMappingURL=edge-activity-indicator.js.map

package/dist/edge-activity-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"edge-activity-indicator.js"}

package/dist/extension-attributes-mu8MFUl0.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Non-widget roles an application may give a layout root: landmarks, named
+ * regions, groups, and live regions. Widget roles (button, grid, listbox, …)
+ * promise keyboard behavior a layout primitive does not provide.
+ */
+declare const STRUCTURAL_ROOT_ROLES: readonly ["region", "group", "list", "feed", "log", "status", "note", "article", "navigation", "complementary", "search", "form", "presentation", "none"];
+type StructuralRootRole = (typeof STRUCTURAL_ROOT_ROLES)[number];
+/** Safe `data-*`, `aria-*`, and structural `role` metadata on a layout root. */
+type StructuralRootAttributes = Readonly<Record<`data-${string}` | `aria-${string}`, string | undefined> & {
+    role?: StructuralRootRole;
+}>;
+
+export type { StructuralRootAttributes as S };

package/dist/file-picker.d.ts

@@ -0,0 +1,47 @@
+import { SafeHtml } from 'kerfjs';
+
+interface FileInputProps {
+    /** Accepted types, as the native `accept` attribute (`.png,image/*`). */
+    accept?: string;
+    /** Allow several files at once. */
+    multiple?: boolean;
+    /** Form field name of the native file input. */
+    name?: string;
+    /** Identifies this picker in `wireFilePickers` reports. */
+    pickerId?: string;
+    disabled?: boolean;
+    className?: string;
+}
+interface FilePickerTriggerProps extends FileInputProps {
+    /** Visible trigger text, such as "Add". */
+    label: string;
+    /** Accessible name of the file input when it should say more than `label`. */
+    accessibleLabel?: string;
+    /** Optional decorative leading icon, normally an unsized LucideIcon. */
+    icon?: SafeHtml;
+}
+interface FileDropZoneProps extends FileInputProps {
+    /** Primary copy, such as "Drop attachments here or browse". */
+    title: string;
+    /** Optional secondary copy, such as accepted types or a size limit. */
+    detail?: string;
+    /** Optional decorative icon above the copy, normally an unsized LucideIcon. */
+    icon?: SafeHtml;
+    /** Accessible name of the file input when it should say more than `title`. */
+    accessibleLabel?: string;
+}
+/**
+ * A compact, link-toned trigger that opens the native file chooser: a label
+ * around a visually hidden `<input type="file">`, so a click or keyboard
+ * activation reaches the input without script. Report choices with
+ * `wireFilePickers`.
+ */
+declare function FilePickerTrigger(props: FilePickerTriggerProps): SafeHtml;
+/**
+ * A dashed drop target that also opens the file chooser when clicked. While
+ * files are dragged over it, `wireFilePickers` sets `data-dragging` and Kerf
+ * highlights it; dropped and chosen files are reported the same way.
+ */
+declare function FileDropZone(props: FileDropZoneProps): SafeHtml;
+
+export { FileDropZone, type FileDropZoneProps, FilePickerTrigger, type FilePickerTriggerProps };

package/dist/file-picker.js

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

package/dist/file-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"file-picker.js"}

package/dist/framed-list.d.ts

@@ -0,0 +1,47 @@
+import * as kerfjs from 'kerfjs';
+import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
+
+/** The frame's fill: the lowered surface (as `ValueTable`), or the page surface. */
+type FramedListSurface = 'lowered' | 'base';
+type FramedListRootAttributes = Readonly<Record<`data-${string}`, string | undefined> & {
+    'data-component'?: never;
+    'data-surface'?: never;
+}>;
+type FramedListRowRootAttributes = Readonly<Record<`data-${string}`, string | undefined> & {
+    'data-component'?: never;
+    'data-highlighted'?: never;
+}>;
+interface FramedListProps {
+    /** `FramedListRow` children. */
+    children: KerfUiContent;
+    /** Accessible name for the list, when no heading names it. */
+    label?: string;
+    /** Frame fill; defaults to `lowered`, matching `ValueTable`. */
+    surface?: FramedListSurface;
+    id?: string;
+    className?: string;
+    /** Safe `data-*` metadata; FramedList-owned markers stay protected. */
+    rootAttributes?: FramedListRootAttributes;
+    /** Native named-slot assignment when composed inside a web component. */
+    slot?: string;
+}
+interface FramedListRowProps {
+    /** Arbitrary row content: a `Row` of copy and controls, a keycap, … */
+    children: KerfUiContent;
+    /** Tint the row (the row being edited or the current item). */
+    highlighted?: boolean;
+    id?: string;
+    className?: string;
+    /** Safe `data-*` metadata; FramedListRow-owned markers stay protected. */
+    rootAttributes?: FramedListRowRootAttributes;
+}
+/**
+ * An inset-grouped list (the settings-list pattern): one rounded, bordered
+ * frame with 1px dividers between rows of arbitrary content. `ValueTable` is
+ * the same frame for label/value facts; this one takes any row content.
+ */
+declare function FramedList({ children, label, surface, id, className, rootAttributes, slot, }: FramedListProps): kerfjs.SafeHtml;
+/** One row of a `FramedList`; it owns the row inset and the divider above it. */
+declare function FramedListRow({ children, highlighted, id, className, rootAttributes, }: FramedListRowProps): kerfjs.SafeHtml;
+
+export { FramedList, type FramedListProps, FramedListRow, type FramedListRowProps, type FramedListSurface };

package/dist/framed-list.js

@@ -0,0 +1,4 @@
+export { FramedList, FramedListRow } from './chunk-S2XULQEK.js';
+
+
+//# sourceMappingURL=framed-list.js.map

package/dist/framed-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"framed-list.js"}

package/dist/grid.js

@@ -1,4 +1,4 @@
-export { Grid } from './chunk-CD5TOO22.js';
+export { Grid } from './chunk-QIAPOWHH.js';
 
 
 

package/dist/help-tags-register.js

@@ -1,4 +1,4 @@
-import { installHelpTags } from './chunk-O27D24CA.js';
+import { installHelpTags } from './chunk-TDMHA7C3.js';
 import '@awesome.me/webawesome/dist/components/tooltip/tooltip.js';
 
 installHelpTags();

package/dist/icon-button.d.ts

@@ -0,0 +1,46 @@
+import * as kerfjs from 'kerfjs';
+import { LucideNode } from './lucide-icon.js';
+import 'lucide';
+import './css-values.js';
+
+type IconButtonAppearance = 'accent' | 'filled' | 'outlined' | 'filled-outlined' | 'plain';
+type IconButtonVariant = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
+type IconButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl';
+type IconButtonRootAttributes = Readonly<Record<`data-${string}`, string | undefined> & {
+    'data-component'?: never;
+    'data-action'?: never;
+}>;
+interface IconButtonProps {
+    /** The Lucide-compatible icon node shown alone in the button. */
+    icon: LucideNode;
+    /** The icon's stable name, as `LucideIcon` takes it. */
+    iconName: string;
+    /** Accessible name; the button has no visible text, so it is required. */
+    label: string;
+    /** Delegated `data-action` the application handles. */
+    action?: string;
+    /** Web Awesome appearance; defaults to Web Awesome's own. */
+    appearance?: IconButtonAppearance;
+    /** Web Awesome semantic variant; defaults to Web Awesome's own. */
+    variant?: IconButtonVariant;
+    /** Web Awesome control size; the square follows its control height. */
+    size?: IconButtonSize;
+    type?: 'button' | 'submit' | 'reset';
+    disabled?: boolean;
+    id?: string;
+    className?: string;
+    /** Safe `data-*` metadata; `data-component` and `data-action` stay owned. */
+    rootAttributes?: IconButtonRootAttributes;
+    /** Native named-slot assignment when composed inside a web component. */
+    slot?: string;
+}
+/**
+ * An icon-only Web Awesome button with a `LucideIcon`: square, one form
+ * control height on each side, so it matches an adjacent `wa-input` or
+ * `Select`. Web Awesome squares a button only for a lone `wa-icon`; this is
+ * the Kerf form for Lucide icons. Register `wa-button` once
+ * (`@awesome.me/webawesome/dist/components/button/button.js`).
+ */
+declare function IconButton({ icon, iconName, label, action, appearance, variant, size, type, disabled, id, className, rootAttributes, slot, }: IconButtonProps): kerfjs.SafeHtml;
+
+export { IconButton, type IconButtonAppearance, type IconButtonProps, type IconButtonSize, type IconButtonVariant };

package/dist/icon-button.js

@@ -0,0 +1,6 @@
+export { IconButton } from './chunk-M2NRCFRO.js';
+
+
+
+
+//# sourceMappingURL=icon-button.js.map

package/dist/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"icon-button.js"}

package/dist/icon-toggle-button.d.ts

@@ -0,0 +1,42 @@
+import * as kerfjs from 'kerfjs';
+import { LucideNode } from './lucide-icon.js';
+import 'lucide';
+import './css-values.js';
+
+/** Corner shape: fully round `pill` (default) or a softer `rounded` square. */
+type IconToggleButtonShape = 'pill' | 'rounded';
+type IconToggleButtonRootAttributes = Readonly<Record<`data-${string}`, string | undefined> & {
+    'data-component'?: never;
+    'data-action'?: never;
+    'data-shape'?: never;
+}>;
+interface IconToggleButtonProps {
+    /** The Lucide-compatible icon node. */
+    icon: LucideNode;
+    /** The icon's stable name, as `LucideIcon` takes it. */
+    iconName: string;
+    /** Accessible name and hover help tag; required because no text is shown. */
+    label: string;
+    /** Pressed state, exposed as `aria-pressed`; the application owns it. */
+    pressed: boolean;
+    /** Delegated `data-action` the application handles to flip `pressed`. */
+    action?: string;
+    shape?: IconToggleButtonShape;
+    disabled?: boolean;
+    id?: string;
+    className?: string;
+    /** Safe `data-*` metadata; IconToggleButton-owned markers stay protected. */
+    rootAttributes?: IconToggleButtonRootAttributes;
+    /** Native named-slot assignment when composed inside a web component. */
+    slot?: string;
+}
+/**
+ * A standalone, icon-only toggle: a native `<button aria-pressed>` with the
+ * geometry and pressed chrome of a single contained `ToolbarControlGroup`
+ * (44px, a 2px-inset face that rises when pressed), for content and pane
+ * footers where no `Toolbar` belongs. Inside a toolbar, use a
+ * `ToolbarControlGroup` instead.
+ */
+declare function IconToggleButton({ icon, iconName, label, pressed, action, shape, disabled, id, className, rootAttributes, slot, }: IconToggleButtonProps): kerfjs.SafeHtml;
+
+export { IconToggleButton, type IconToggleButtonProps, type IconToggleButtonShape };

package/dist/icon-toggle-button.js

@@ -0,0 +1,6 @@
+export { IconToggleButton } from './chunk-R42D2BAO.js';
+
+
+
+
+//# sourceMappingURL=icon-toggle-button.js.map

package/dist/icon-toggle-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"icon-toggle-button.js"}

package/dist/index.d.ts

@@ -1,27 +1,42 @@
 export { FloatingToolbar, FloatingToolbarPosition, FloatingToolbarProps } from './floating-toolbar.js';
-export { PopupMenu, PopupMenuDivider, PopupMenuElement, PopupMenuEntry, PopupMenuHeading, PopupMenuItem, PopupMenuPlacement, PopupMenuProps, closePopupMenu, openPopupMenuAt } from './popup-menu.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';
 export { ToolbarActionLink, ToolbarActionLinkProps, ToolbarControlGroup, ToolbarControlGroupAppearance, ToolbarControlGroupButtonAppearance, ToolbarControlGroupContent, ToolbarControlGroupDensity, ToolbarControlGroupExpandedOverflow, ToolbarControlGroupMenuInset, ToolbarControlGroupOverflow, ToolbarControlGroupProps, ToolbarControlGroupSelectedChrome, ToolbarControlGroupSelectedTone, ToolbarControlGroupShape, ToolbarControlGroupSize, ToolbarControlGroupTileTone, ToolbarControlGroupTone, ToolbarControlGroupVisibility } from './toolbar-control-group.js';
 export { HeadingLevel, ToolbarText, ToolbarTextProps, ToolbarTextSize, ToolbarTextTone } from './toolbar-text.js';
-export { List, ListConfig, ListProps } from './list.js';
+export { FramedList, FramedListProps, FramedListRow, FramedListRowProps, FramedListSurface } from './framed-list.js';
+export { List, ListConfig, ListInset, ListProps, ListSurface } from './list.js';
 export { ListActionRow, ListActionRowProps } from './list-action-row.js';
 export { ListHeader, ListHeaderProps } from './list-header.js';
 export { ListInsetControl, ListInsetControlProps } from './list-inset-control.js';
 export { ListInsetText, ListInsetTextProps } from './list-inset-text.js';
 export { ListItem, ListItemLink, ListItemLinkProps, ListItemProps } from './list-item.js';
-export { ValueTable, ValueTableProps, ValueTableRow, ValueTableRowProps } from './value-table.js';
+export { SummaryRow, SummaryRowListEdge, SummaryRowPresentation, SummaryRowProps } from './summary-row.js';
+export { ValueTable, ValueTablePresentation, ValueTableProps, ValueTableRow, ValueTableRowProps, ValueTableStackBelow } from './value-table.js';
 export { AnchoredSurfaceOptions, AnchoredSurfacePoint, openAnchoredSurface, openAnchoredSurfaceAt } from './anchored-surface.js';
 export { Badge, BadgeAppearance, BadgeDotProps, BadgeProps, BadgeShape, BadgeSize, BadgeTextProps, BadgeTone } from './badge.js';
 export { Chip, ChipProps } from './chip.js';
+export { CornerStatus, CornerStatusPlacement, CornerStatusPresentation, CornerStatusProps } from './corner-status.js';
+export { wireCornerStatus } from './wire-corner-status.js';
+export { EdgeActivityIndicator, EdgeActivityIndicatorProps } from './edge-activity-indicator.js';
 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 { Combobox, ComboboxProps, ComboboxSuggestion } from './combobox.js';
+export { ComboboxCommit, WireComboboxesOptions, wireComboboxes } from './wire-comboboxes.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 { 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 TokenSearchSuggestion, j as TokenSearchToken, k as TokenSearchTrailingAction, l as createTokenSearchModel, p as placeTokenSearchCaret, r as readTokenSearchField } from './token-search-model-DTcTXWMS.js';
 export { TokenSearchCollapsibleOptions, TokenSearchEdit, TokenSearchFieldsHandle, TokenSearchSubmit, WireTokenSearchFieldsOptions, wireTokenSearchFields } from './wire-token-search-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';
 export { Pane, PaneAppearance, PaneChromeDividers, PaneChromePlacement, PaneConfig, PaneContentElement, PaneElement, PaneProps, PaneSeparatorSide } from './pane.js';
 export { ResizableRegion, ResizableRegionAxis, ResizableRegionCollapseMotion, ResizableRegionContentOverflow, ResizableRegionEdge, ResizableRegionPresentation, ResizableRegionProps, ResizableRegionResponsiveFillAt, ResizableRegionRestorePosition, ResizableRegionSeparator, clampRegionSize, resizeRegionFromPointer } from './resizable-region.js';
@@ -33,17 +48,19 @@ export { AppTab, AppTabNameOverflow, AppTabPresentation, AppTabProps, AppTabSize
 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 { ContentItem, ContentItemAppearance, ContentItemFrame, ContentItemProps, ContentItemSelectionMode, ContentItemShape } from './content-item.js';
-export { SunkenPanel, SunkenPanelProps, SunkenPanelShape } from './sunken-panel.js';
-export { DialogSurface, DialogSurfaceMaxHeight, DialogSurfacePresentation, DialogSurfaceProps, DialogSurfaceSize, PopupSurface, PopupSurfaceInset, PopupSurfaceProps, SurfaceInset } from './surface-scaffold.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, DialogSurfaceHeight, DialogSurfaceMaxHeight, DialogSurfacePresentation, DialogSurfaceProps, DialogSurfaceRootAttributes, DialogSurfaceSize, PopoverDialogSurface, PopoverDialogSurfaceDataAttributes, PopoverDialogSurfacePresentation, PopoverDialogSurfaceProps, PopupSurface, PopupSurfaceInset, PopupSurfaceProps, SurfaceInset } from './surface-scaffold.js';
 export { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
 export { CssColor, CssFlex, CssFlexBasis, CssFlexKeyword, CssForegroundColor, CssLength, CssLengthExpression, CssSize, CssSizeKeyword, CssValue, UiColor, UiColorName, UiForegroundColorName, UiSpaceName, calc, colorVar, em, 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';
 export { wireToolbarVisibility } from './wire-toolbar-visibility.js';
 export { H as HorizontalAlignment, L as ListVerticalAlignment, V as VerticalAlignment } from './flex-alignment-4ms8ZbV8.js';
 export { S as SemanticTone } from './semantic-tone-CdW013KF.js';
 export { S as Sides } from './sides-BPSWde0A.js';
 import 'kerfjs';
+import './extension-attributes-mu8MFUl0.js';
 import 'kerfjs/overlay';
 import 'kerfjs/jsx-runtime';
 import 'lucide';

package/dist/index.js

@@ -1,49 +1,66 @@
 export { reorderTabs, wireTabBars } from './chunk-KQDU7Z7P.js';
-export { wireTokenSearchFields } from './chunk-TNG3XKHB.js';
+export { wireTokenSearchFields } from './chunk-Y3LC7JQO.js';
 export { wireToolbarVisibility } from './chunk-2GOCOLQL.js';
-export { ValueTable, ValueTableRow } from './chunk-DL55BSQX.js';
+export { wireCornerStatus } from './chunk-ZKKO4MHC.js';
+export { fileMatchesAccept, wireFilePickers } from './chunk-2MSPNRWJ.js';
+export { reorderListItems, wireListReorder } from './chunk-MJ5RU6XT.js';
 export { wireResizableRegions } from './chunk-GS2QD3N7.js';
+export { createTokenSearchModel } from './chunk-IM3GKYOG.js';
+export { ValueTable, ValueTableRow } from './chunk-GZE2XVKC.js';
 
 export { wireScrollDividers } from './chunk-6STQXRT4.js';
+export { wireComboboxes } from './chunk-FDZNYD4C.js';
+export { SummaryRow } from './chunk-4UB5Z3ZZ.js';
+export { SunkenPanel } from './chunk-D5RGM3XA.js';
+export { DialogSurface, PopoverDialogSurface, PopupSurface } from './chunk-JYD7G4RG.js';
 export { TabBar } from './chunk-JOR5LGYE.js';
-export { createTokenSearchModel } from './chunk-IM3GKYOG.js';
-export { Select } from './chunk-YP2G67S7.js';
-export { Spacer } from './chunk-MN3POJFN.js';
-export { StateBanner } from './chunk-PGL6TXFW.js';
-export { SunkenPanel } from './chunk-3XPGJUUQ.js';
-export { DialogSurface, PopupSurface } from './chunk-A7DYEERU.js';
 export { SegmentedControl } from './chunk-NS2TBYM4.js';
-export { ListActionRow } from './chunk-XKZPBRU7.js';
+export { Select } from './chunk-HO6FU3G7.js';
+export { Spacer } from './chunk-MN3POJFN.js';
+export { SplitButton } from './chunk-YWQGSUF2.js';
+export { StateBanner } from './chunk-6BRRUPJY.js';
+export { IconToggleButton } from './chunk-R42D2BAO.js';
+export { ListActionRow } from './chunk-FOQK4F3L.js';
+export { EdgeActivityIndicator } from './chunk-QH5KOFNS.js';
 export { EmptyState } from './chunk-XK4E225T.js';
-export { Grid } from './chunk-CD5TOO22.js';
-export { openAnchoredSurface, openAnchoredSurfaceAt } from './chunk-IOS2NXW7.js';
-export { AppTab } from './chunk-KAJVVN7Q.js';
+export { FileDropZone, FilePickerTrigger } from './chunk-W4IK7AWD.js';
+export { FramedList, FramedListRow } from './chunk-S2XULQEK.js';
+export { Grid } from './chunk-QIAPOWHH.js';
+export { IconButton } from './chunk-M2NRCFRO.js';
+export { ColumnTrack } from './chunk-QYMJHS4K.js';
+export { Combobox } from './chunk-ETCWQLJV.js';
+export { ContentItem } from './chunk-7IUEBNCO.js';
+export { ContentSwap } from './chunk-EIET4QLK.js';
+export { CornerStatus } from './chunk-QQ3TTWFH.js';
+export { openAnchoredSurface, openAnchoredSurfaceAt } from './chunk-76PWEN5Y.js';
+export { AppTab } from './chunk-6NOLL5KG.js';
 export { TokenSearchField, placeTokenSearchCaret, readTokenSearchField } from './chunk-ROZLJULF.js';
-export { ToolbarText } from './chunk-3DXHNLME.js';
-export { PopupMenu, closePopupMenu, openPopupMenuAt } from './chunk-TKDDTLG5.js';
+export { ToolbarText } from './chunk-IGTWXPTN.js';
 export { ResizableRegion, clampRegionSize, resizeRegionFromPointer } from './chunk-Y6KT7ZTR.js';
-export { Row } from './chunk-MORVLMDG.js';
-export { ListHeader } from './chunk-RZYQFGMM.js';
-export { FieldLabel, Text } from './chunk-4Y4L5YEI.js';
+export { Row } from './chunk-44A6LP54.js';
+export { PopupMenu, closePopupMenu, openPopupMenu, openPopupMenuAt } from './chunk-PBT3CPPY.js';
+export { ListHeader } from './chunk-BBU2SPRE.js';
+export { FieldLabel, Text } from './chunk-LL45C7BB.js';
 export { ListInsetControl } from './chunk-AN5IWMTM.js';
-export { ListInsetText } from './chunk-NMWDHZVM.js';
-export { ListItem, ListItemLink } from './chunk-3PO7JEK7.js';
+export { ListInsetText } from './chunk-S4Y3YTAI.js';
+export { ListItem, ListItemLink } from './chunk-36TL6BCR.js';
 
-export { DisclosureArrow } from './chunk-HWY4BSLS.js';
 export { FloatingToolbar } from './chunk-S3ECMF23.js';
+export { DisclosureArrow } from './chunk-HWY4BSLS.js';
 export { Skeleton } from './chunk-Y43B6DS3.js';
-export { Badge } from './chunk-J3AWE5I4.js';
+export { Badge } from './chunk-U6QYTMDB.js';
 export { Chip } from './chunk-DQDTZE4W.js';
-export { ToolbarActionLink, ToolbarControlGroup } from './chunk-MTCTX25G.js';
-export { Toolbar } from './chunk-BYHGRKC3.js';
-export { Pane } from './chunk-FL6J644M.js';
-export { List } from './chunk-QQICWWNX.js';
+export { ChoiceChips } from './chunk-PRG4CL3Q.js';
+export { ToolbarActionLink, ToolbarControlGroup } from './chunk-YXOMI7ES.js';
+export { Toolbar } from './chunk-CMLPFIC5.js';
+export { Pane } from './chunk-GJYQ27C2.js';
+export { ensureSunkenTexture } from './chunk-IKS72C6P.js';
+export { List } from './chunk-V6W56V3N.js';
 
-export { LucideIcon } from './chunk-UKKRPP56.js';
 export { LoadingSpinner } from './chunk-YOKEL75M.js';
 
+export { LucideIcon } from './chunk-UKKRPP56.js';
 export { calc, colorVar, em, flex, foregroundColor, foregroundColorVar, lengthVar, pct, plus, px, rem, space, uiColor } from './chunk-U657IHFB.js';
-export { ContentItem } from './chunk-B3TROLC2.js';
 
 
 //# sourceMappingURL=index.js.map