@nxgt/material 3.57.0 → 3.59.0

package/dist/lib/components/ui/selection/sortable-list/partials/sortable-list-row-props.d.ts

@@ -0,0 +1,298 @@
+import { ComponentProps, CSSProperties } from 'react';
+import { SortableListItem } from '../types.js';
+type RowProps = {
+    domProps: Omit<ComponentProps<'div'>, 'id' | 'children' | 'className' | 'style'>;
+    id: string;
+    style?: CSSProperties;
+    dragging: boolean;
+    item: SortableListItem;
+    disabled: boolean;
+    focused: boolean;
+    grabbed: boolean;
+    setFocused: (value: string | null) => void;
+};
+/** The option semantics of a row, over the props the sortable hands it. */
+export declare function sortableRowProps({ domProps, id, style, dragging, item, disabled, focused, grabbed, setFocused, }: RowProps): {
+    readonly 'aria-roledescription': undefined;
+    readonly 'aria-describedby': undefined;
+    readonly 'aria-pressed': undefined;
+    readonly id: string;
+    readonly style: CSSProperties | undefined;
+    readonly role: "option";
+    readonly 'aria-selected': boolean;
+    readonly 'aria-disabled': true | undefined;
+    readonly 'data-grabbed': true | undefined;
+    readonly tabIndex: -1;
+    readonly onFocus: () => void;
+    readonly ref: (node: HTMLDivElement | null) => void;
+    readonly title?: string | undefined;
+    readonly content?: string | undefined;
+    readonly translate?: "yes" | "no" | undefined;
+    readonly color?: string | undefined;
+    readonly prefix?: string | undefined;
+    readonly slot?: string | undefined;
+    readonly onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onKeyDown?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
+    readonly onKeyUp?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
+    readonly key?: import('react').Key | null | undefined;
+    readonly defaultChecked?: boolean | undefined;
+    readonly defaultValue?: string | number | readonly string[] | undefined;
+    readonly suppressContentEditableWarning?: boolean | undefined;
+    readonly suppressHydrationWarning?: boolean | undefined;
+    readonly accessKey?: string | undefined;
+    readonly autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    readonly autoFocus?: boolean | undefined;
+    readonly contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+    readonly contextMenu?: string | undefined;
+    readonly dir?: string | undefined;
+    readonly draggable?: (boolean | "false" | "true") | undefined;
+    readonly enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    readonly hidden?: boolean | undefined;
+    readonly lang?: string | undefined;
+    readonly nonce?: string | undefined;
+    readonly spellCheck?: (boolean | "false" | "true") | undefined;
+    readonly radioGroup?: string | undefined;
+    readonly about?: string | undefined;
+    readonly datatype?: string | undefined;
+    readonly inlist?: any;
+    readonly property?: string | undefined;
+    readonly rel?: string | undefined;
+    readonly resource?: string | undefined;
+    readonly rev?: string | undefined;
+    readonly typeof?: string | undefined;
+    readonly vocab?: string | undefined;
+    readonly autoCorrect?: string | undefined;
+    readonly autoSave?: string | undefined;
+    readonly itemProp?: string | undefined;
+    readonly itemScope?: boolean | undefined;
+    readonly itemType?: string | undefined;
+    readonly itemID?: string | undefined;
+    readonly itemRef?: string | undefined;
+    readonly results?: number | undefined;
+    readonly security?: string | undefined;
+    readonly unselectable?: "on" | "off" | undefined;
+    readonly popover?: "" | "auto" | "manual" | "hint" | undefined;
+    readonly popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    readonly popoverTarget?: string | undefined;
+    readonly inert?: boolean | undefined;
+    readonly inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    readonly is?: string | undefined;
+    readonly exportparts?: string | undefined;
+    readonly part?: string | undefined;
+    readonly "aria-activedescendant"?: string | undefined;
+    readonly "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    readonly "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    readonly "aria-braillelabel"?: string | undefined;
+    readonly "aria-brailleroledescription"?: string | undefined;
+    readonly "aria-busy"?: (boolean | "false" | "true") | undefined;
+    readonly "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    readonly "aria-colcount"?: number | undefined;
+    readonly "aria-colindex"?: number | undefined;
+    readonly "aria-colindextext"?: string | undefined;
+    readonly "aria-colspan"?: number | undefined;
+    readonly "aria-controls"?: string | undefined;
+    readonly "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    readonly "aria-description"?: string | undefined;
+    readonly "aria-details"?: string | undefined;
+    readonly "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    readonly "aria-errormessage"?: string | undefined;
+    readonly "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    readonly "aria-flowto"?: string | undefined;
+    readonly "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    readonly "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    readonly "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    readonly "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    readonly "aria-keyshortcuts"?: string | undefined;
+    readonly "aria-label"?: string | undefined;
+    readonly "aria-labelledby"?: string | undefined;
+    readonly "aria-level"?: number | undefined;
+    readonly "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    readonly "aria-modal"?: (boolean | "false" | "true") | undefined;
+    readonly "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    readonly "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    readonly "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    readonly "aria-owns"?: string | undefined;
+    readonly "aria-placeholder"?: string | undefined;
+    readonly "aria-posinset"?: number | undefined;
+    readonly "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    readonly "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    readonly "aria-required"?: (boolean | "false" | "true") | undefined;
+    readonly "aria-rowcount"?: number | undefined;
+    readonly "aria-rowindex"?: number | undefined;
+    readonly "aria-rowindextext"?: string | undefined;
+    readonly "aria-rowspan"?: number | undefined;
+    readonly "aria-setsize"?: number | undefined;
+    readonly "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    readonly "aria-valuemax"?: number | undefined;
+    readonly "aria-valuemin"?: number | undefined;
+    readonly "aria-valuenow"?: number | undefined;
+    readonly "aria-valuetext"?: string | undefined;
+    readonly dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    readonly onCopy?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
+    readonly onCopyCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
+    readonly onCut?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
+    readonly onCutCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
+    readonly onPaste?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
+    readonly onPasteCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
+    readonly onCompositionEnd?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
+    readonly onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
+    readonly onCompositionStart?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
+    readonly onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
+    readonly onCompositionUpdate?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
+    readonly onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
+    readonly onFocusCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
+    readonly onBlur?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
+    readonly onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
+    readonly onChange?: import('react').ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    readonly onChangeCapture?: import('react').ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    readonly onBeforeInput?: import('react').InputEventHandler<HTMLDivElement> | undefined;
+    readonly onBeforeInputCapture?: import('react').InputEventHandler<HTMLDivElement> | undefined;
+    readonly onInput?: import('react').InputEventHandler<HTMLDivElement> | undefined;
+    readonly onInputCapture?: import('react').InputEventHandler<HTMLDivElement> | undefined;
+    readonly onReset?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onResetCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onSubmit?: import('react').SubmitEventHandler<HTMLDivElement> | undefined;
+    readonly onSubmitCapture?: import('react').SubmitEventHandler<HTMLDivElement> | undefined;
+    readonly onInvalid?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onInvalidCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onLoad?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onLoadCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onError?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onErrorCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
+    readonly onKeyPress?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
+    readonly onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
+    readonly onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
+    readonly onAbort?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onAbortCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onCanPlay?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onCanPlayCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onCanPlayThrough?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onDurationChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onDurationChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onEmptied?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onEmptiedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onEncrypted?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onEncryptedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onEnded?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onEndedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onLoadedData?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onLoadedDataCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onLoadedMetadata?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onLoadStart?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onLoadStartCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onPause?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onPauseCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onPlay?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onPlayCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onPlaying?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onPlayingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onProgress?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onSeekingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onStalled?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onStalledCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onSuspend?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onSuspendCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onTimeUpdate?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onVolumeChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onWaiting?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onWaitingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onDoubleClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onDoubleClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onDrag?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragEnd?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragEndCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragEnter?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragEnterCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragExit?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragExitCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragLeave?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragLeaveCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragOver?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragOverCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragStart?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDragStartCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDrop?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onDropCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+    readonly onMouseDown?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onMouseDownCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onMouseLeave?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onMouseMove?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onMouseMoveCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onMouseOut?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onMouseOutCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onMouseOver?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onMouseOverCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onMouseUp?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onMouseUpCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+    readonly onSelect?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onSelectCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+    readonly onTouchCancel?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+    readonly onTouchCancelCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+    readonly onTouchEnd?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+    readonly onTouchEndCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+    readonly onTouchMove?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+    readonly onTouchMoveCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+    readonly onTouchStart?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+    readonly onTouchStartCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerDown?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerDownCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerMove?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerMoveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerUp?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerUpCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerCancel?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerCancelCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerEnter?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerLeave?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerOver?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerOverCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerOut?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onPointerOutCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onGotPointerCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onLostPointerCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
+    readonly onScroll?: import('react').UIEventHandler<HTMLDivElement> | undefined;
+    readonly onScrollCapture?: import('react').UIEventHandler<HTMLDivElement> | undefined;
+    readonly onScrollEnd?: import('react').UIEventHandler<HTMLDivElement> | undefined;
+    readonly onScrollEndCapture?: import('react').UIEventHandler<HTMLDivElement> | undefined;
+    readonly onWheel?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
+    readonly onWheelCapture?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
+    readonly onAnimationStart?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+    readonly onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+    readonly onAnimationEnd?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+    readonly onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+    readonly onAnimationIteration?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+    readonly onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+    readonly onToggle?: import('react').ToggleEventHandler<HTMLDivElement> | undefined;
+    readonly onBeforeToggle?: import('react').ToggleEventHandler<HTMLDivElement> | undefined;
+    readonly onTransitionCancel?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+    readonly onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+    readonly onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+    readonly onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+    readonly onTransitionRun?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+    readonly onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+    readonly onTransitionStart?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+    readonly onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+};
+export {};

package/dist/lib/components/ui/selection/sortable-list/use-sortable-list-chrome.d.ts

@@ -0,0 +1,20 @@
+/** The list's chrome state (query, focus, grab, announcement) and its actions. */
+export declare function useSortableListChrome(): readonly [import('./types.js').SortableListChromeState, {
+    setQuery: (payload: string) => void;
+    setFocused: (payload: string | null) => void;
+    grab: (payload: {
+        value: string;
+        origin: string[];
+    }) => void;
+    release: (noArgument?: void | undefined) => void;
+    announce: (payload: {
+        kind: import('./types.js').SortableAnnouncementKind;
+        value: string;
+    }) => void;
+}];
+type Chrome = ReturnType<typeof useSortableListChrome>;
+export type SortableListChrome = {
+    state: Chrome[0];
+    actions: Chrome[1];
+};
+export {};

package/dist/lib/components/ui/selection/sortable-list/use-sortable-list-data.d.ts

@@ -0,0 +1,20 @@
+import { SortableListItem } from './types.js';
+/** Rows the user may move: not disabled, not locked, the list enabled. */
+export declare function movableValues(items: SortableListItem[], disabled: boolean): string[];
+type Data = {
+    items: SortableListItem[];
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    disabled: boolean;
+    query: string;
+};
+/** The order (controlled or not), the rows it names, the filtered and movable ones. */
+export declare function useSortableListData({ items, value, defaultValue, onValueChange, disabled, query, }: Data): {
+    orderedIds: string[];
+    setOrderedIds: (next: string[]) => void;
+    byValue: Map<string, SortableListItem>;
+    visible: SortableListItem[];
+    movable: string[];
+};
+export {};

package/dist/lib/components/ui/selection/sortable-list/use-sortable-list-grab.d.ts

@@ -0,0 +1,15 @@
+import { SortableListChrome } from './use-sortable-list-chrome.js';
+type Grab = {
+    orderedIds: string[];
+    setOrderedIds: (next: string[]) => void;
+    movable: string[];
+    chrome: SortableListChrome['state'];
+    chromeActions: SortableListChrome['actions'];
+};
+/** The keyboard pick-up: grab a row, drop it, or put the order back. */
+export declare function useSortableListGrab({ orderedIds, setOrderedIds, movable, chrome, chromeActions, }: Grab): {
+    grab: (id: string) => void;
+    drop: () => void;
+    cancel: () => void;
+};
+export {};

package/dist/lib/components/ui/selection/sortable-list/use-sortable-list-moves.d.ts

@@ -0,0 +1,18 @@
+import { SortableListItem } from './types.js';
+import { SortableListChrome } from './use-sortable-list-chrome.js';
+type Moves = {
+    disabled: boolean;
+    orderedIds: string[];
+    setOrderedIds: (next: string[]) => void;
+    byValue: Map<string, SortableListItem>;
+    visible: SortableListItem[];
+    movable: string[];
+    chromeActions: SortableListChrome['actions'];
+};
+/** What moves the order: a drop, a step up or down, a removal. */
+export declare function useSortableListMoves({ disabled, orderedIds, setOrderedIds, byValue, visible, movable, chromeActions, }: Moves): {
+    dropItem: (id: string, before?: string) => void;
+    reorder: (id: string, direction: "up" | "down") => void;
+    remove: (id: string) => void;
+};
+export {};

package/dist/lib/components/ui/selection/sortable-list/use-sortable-list.d.ts

@@ -1,6 +1,5 @@
 import { SortableListItem } from './types.js';
-/** Rows the user may move: not disabled, not locked, the list enabled. */
-export declare function movableValues(items: SortableListItem[], disabled: boolean): string[];
+export { movableValues } from './use-sortable-list-data.js';
 export declare function useSortableList({ items, value, defaultValue, onValueChange, disabled, }: {
     items: SortableListItem[];
     value?: string[];
@@ -8,6 +7,12 @@ export declare function useSortableList({ items, value, defaultValue, onValueCha
     onValueChange?: (value: string[]) => void;
     disabled?: boolean;
 }): {
+    grab: (id: string) => void;
+    drop: () => void;
+    cancel: () => void;
+    dropItem: (id: string, before?: string) => void;
+    reorder: (id: string, direction: "up" | "down") => void;
+    remove: (id: string) => void;
     orderedIds: string[];
     visible: SortableListItem[];
     movable: string[];
@@ -19,11 +24,5 @@ export declare function useSortableList({ items, value, defaultValue, onValueCha
     setFocusedValue: (payload: string | null) => void;
     grabbedValue: string | null;
     disabled: boolean;
-    dropItem: (id: string, before?: string) => void;
-    reorder: (id: string, direction: "up" | "down") => void;
-    grab: (id: string) => void;
-    drop: () => void;
-    cancel: () => void;
-    remove: (id: string) => void;
 };
 export type SortableListModel = ReturnType<typeof useSortableList>;

package/dist/lib/components/ui/selection/switcher/partials/switcher-recent.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { SwitcherItem } from '../types.js';
+type Props = {
+    uid: string;
+    recents: SwitcherItem[];
+    linkMode: boolean;
+    row: (item: SwitcherItem, key: string, tile?: boolean) => ReactNode;
+};
+/** The "Recent" strip: up to three tiles above the groups. */
+export declare function SwitcherRecent({ uid, recents, linkMode, row }: Props): import("react").JSX.Element | null;
+export {};

package/dist/lib/components/ui/selection/switcher/partials/switcher-row-body.d.ts

@@ -0,0 +1,8 @@
+import { SwitcherItem } from '../types.js';
+/** What an option shows: a "Recent" tile, or a row (tile, title, subtitle, badge, check). */
+export declare function SwitcherRowBody({ item, tile, expressive, selected, }: {
+    item: SwitcherItem;
+    tile?: boolean;
+    expressive: boolean;
+    selected: boolean;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/selection/switcher/switcher-list-keys.d.ts

@@ -0,0 +1,17 @@
+import { KeyboardEvent, RefObject } from 'react';
+import { SwitcherItem } from './types.js';
+type Context = {
+    linkMode: boolean;
+    searchable: boolean;
+    rootRef: RefObject<HTMLDivElement | null>;
+    inputRef: RefObject<HTMLInputElement | null>;
+    /** The keys of the options and recent tiles, in order. */
+    keys: string[];
+    active?: string;
+    setActiveKey: (key: string) => void;
+    options: SwitcherItem[];
+    onSelect: (item: SwitcherItem) => void;
+};
+/** Arrows, Home, End and Enter of the panel's list (or its links, in link mode). */
+export declare function handleSwitcherListKeys(event: KeyboardEvent<HTMLElement>, { linkMode, searchable, rootRef, inputRef, keys, active, setActiveKey, options, onSelect, }: Context): void;
+export {};

package/dist/lib/components/ui/selection/switcher/switcher.d.ts

@@ -7,4 +7,4 @@ export type { SwitcherFooter, SwitcherItem, SwitcherProps, } from './types.js';
  * on a phone, a bottom sheet. `variant="expressive"` is a pill with a larger
  * panel and a "Recent" strip. With `getHref` the options are links.
  */
-export declare function Switcher({ options, label, value, onValueChange, variant, size, searchable, recent, getHref, linkComponent, footer, emptyLabel, sheet, open: openProp, onOpenChange, ...props }: SwitcherProps): import("react").JSX.Element;
+export declare function Switcher(props: SwitcherProps): import("react").JSX.Element;

package/dist/lib/components/ui/selection/switcher/use-switcher-clip.d.ts

@@ -0,0 +1,9 @@
+import { SwitcherItem } from './types.js';
+/** Whether the chosen option's title or subtitle is cut by an ellipsis. */
+export declare function useSwitcherClip(selected: SwitcherItem | undefined, key: string, expressive: boolean): {
+    titleRef: import('react').RefObject<HTMLSpanElement | null>;
+    subtitleRef: import('react').RefObject<HTMLSpanElement | null>;
+    titleClipped: boolean;
+    subtitleClipped: boolean;
+    clipped: boolean;
+};

package/dist/lib/components/ui/selection/switcher/use-switcher-list-focus.d.ts

@@ -0,0 +1,14 @@
+import { RefObject } from 'react';
+type Focus = {
+    autoFocus?: boolean;
+    searchable: boolean;
+    linkMode: boolean;
+    active?: string;
+    optionId: (key: string) => string;
+    rootRef: RefObject<HTMLDivElement | null>;
+    inputRef: RefObject<HTMLInputElement | null>;
+    listRef: RefObject<HTMLDivElement | null>;
+};
+/** Focus on open, and the active option kept in view. */
+export declare function useSwitcherListFocus({ autoFocus, searchable, linkMode, active, optionId, rootRef, inputRef, listRef, }: Focus): void;
+export {};

package/dist/lib/components/ui/selection/switcher/use-switcher-open.d.ts

@@ -0,0 +1,9 @@
+/** The panel's open state (controlled or not) and the focus rule after a link pick. */
+export declare function useSwitcherOpen(openProp: boolean | undefined, onOpenChange: ((open: boolean) => void) | undefined): {
+    open: boolean;
+    setOpen: (next: boolean) => void;
+    linkPick: import('react').RefObject<boolean>;
+    keepFocus: {
+        onCloseAutoFocus: (event: Event) => void;
+    };
+};

package/dist/lib/components/ui/selection/switcher/use-switcher-panel.d.ts

@@ -0,0 +1,24 @@
+import { RefObject } from 'react';
+import { SwitcherItem, SwitcherPanelProps, SwitcherProps } from './types.js';
+type Own = Pick<SwitcherProps, 'options' | 'value' | 'label' | 'onValueChange' | 'recent' | 'getHref' | 'linkComponent' | 'footer' | 'emptyLabel' | 'name'>;
+type State = {
+    expressive: boolean;
+    withSearch: boolean;
+    isPhone: boolean;
+    linkPick: RefObject<boolean>;
+    setOpen: (open: boolean) => void;
+};
+/** The props of the panel's inside, and the pick that closes it. */
+export declare function useSwitcherPanel({ options, value, label, onValueChange, recent, getHref, linkComponent, footer, emptyLabel, name, }: Own, { expressive, withSearch, isPhone, linkPick, setOpen }: State): {
+    panel: SwitcherPanelProps;
+    menu: {
+        options: SwitcherItem[];
+        value: string;
+        label: import('react').ReactNode;
+        footer: import('./types.js').SwitcherFooter | undefined;
+        name: string | undefined;
+        linkComponent: import('../../primitives/index.js').LinkComponent | undefined;
+    };
+    labelId: string;
+};
+export {};