hys-ui 0.6.0 → 0.7.0

package/dist/types/components/HysTabs/useTabsPanels.d.ts

@@ -0,0 +1,14 @@
+import type { HysTabContent, HysTabItem, HysTabValue, HysTabsProps, TabsEmit } from "./tabsTypes";
+interface Resource {
+    state: "loading" | "ready" | "error";
+    content?: HysTabContent;
+    error?: unknown;
+}
+export declare function useTabsPanels(props: () => HysTabsProps, items: () => readonly HysTabItem[], active: () => HysTabValue, emit: TabsEmit): {
+    loaded: import("vue").ShallowReactive<Map<HysTabValue, Resource>>;
+    versions: import("vue").Reactive<Map<HysTabValue, number>>;
+    render: (item: HysTabItem) => boolean;
+    preload: (value: HysTabValue) => Promise<boolean>;
+    reload: (value?: HysTabValue) => Promise<boolean>;
+};
+export {};

package/dist/types/components/HysTabs/useTabsPointer.d.ts

@@ -0,0 +1,30 @@
+import type { HysTabItem, HysTabsProps, HysTabValue } from "./tabsTypes";
+import type { useTabsNav } from "./useTabsNav";
+export declare function useTabsPointer(props: () => HysTabsProps, nav: ReturnType<typeof useTabsNav>, itemByToken: (token: string) => HysTabItem | undefined, canMove: (item: HysTabItem) => boolean, move: (value: HysTabValue, target: HysTabValue, after: boolean) => Promise<boolean>, isVertical: () => boolean, longpress: (item: HysTabItem, event: PointerEvent) => void, swipe: (step: number) => void, animated: () => boolean): {
+    dragging: import("vue").Ref<HysTabValue | undefined, HysTabValue | undefined>;
+    drop: import("vue").Ref<{
+        value: HysTabValue;
+        after: boolean;
+    } | undefined, {
+        value: HysTabValue;
+        after: boolean;
+    } | undefined>;
+    ghost: import("vue").ShallowRef<{
+        label: string;
+        width: number;
+        height: number;
+    } | undefined, {
+        label: string;
+        width: number;
+        height: number;
+    } | undefined>;
+    ghostElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    down: (event: PointerEvent) => void;
+    motion: (event: PointerEvent) => void;
+    finish: (event?: PointerEvent, cancelled?: boolean) => void;
+    cancel: (event: PointerEvent) => void;
+    clickCapture: (event: MouseEvent) => void;
+    swipeDown: (event: PointerEvent) => void;
+    swipeUp: (event: PointerEvent) => void;
+    cancelSwipe: () => void;
+};

package/dist/types/components/HysTabs/useTabsState.d.ts

@@ -0,0 +1,32 @@
+import type { HysTabCloseScope, HysTabItem, HysTabSource, HysTabsProps, HysTabValue, TabsEmit } from "./tabsTypes";
+type Options = () => HysTabsProps;
+export interface ClosedTab {
+    item: HysTabItem;
+    index: number;
+}
+export declare function useTabsState(props: Options, declared: () => readonly HysTabItem[], declarative: () => boolean, emit: TabsEmit, confirmDirty: (items: HysTabItem[], signal: AbortSignal) => Promise<boolean>): {
+    all: import("vue").ComputedRef<HysTabItem[]>;
+    visible: import("vue").ComputedRef<HysTabItem[]>;
+    byKey: import("vue").ComputedRef<Map<HysTabValue, HysTabItem>>;
+    enabled: import("vue").ComputedRef<HysTabItem[]>;
+    active: import("vue").ComputedRef<HysTabValue>;
+    current: import("vue").Ref<HysTabValue | undefined, HysTabValue | undefined>;
+    pending: import("vue").Ref<boolean, boolean>;
+    closing: import("vue").Reactive<Set<HysTabValue>>;
+    recent: import("vue").ShallowRef<HysTabValue[], HysTabValue[]>;
+    closed: import("vue").ShallowRef<ClosedTab[], ClosedTab[]>;
+    select: (value: HysTabValue, source?: HysTabSource) => Promise<boolean>;
+    add: (item?: HysTabItem) => Promise<boolean>;
+    write: (items: HysTabItem[]) => void;
+    canClose: (item: HysTabItem | undefined) => boolean;
+    canMove: (item: HysTabItem | undefined) => boolean;
+    canEdit: () => boolean;
+    rename: (value: HysTabValue, name: string) => Promise<boolean>;
+    pin: (value: HysTabValue, pinned?: boolean) => Promise<boolean>;
+    favorite: (value: HysTabValue, favorite?: boolean) => Promise<boolean>;
+    move: (value: HysTabValue, target: HysTabValue, after?: boolean) => Promise<boolean>;
+    restore: () => Promise<boolean>;
+    closeMany: (scope: HysTabCloseScope | readonly HysTabValue[], anchor?: HysTabValue) => Promise<HysTabValue[]>;
+    close: (value?: HysTabValue) => Promise<boolean>;
+};
+export {};

package/dist/types/components/HysTagInput/HysTagInput.vue.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_base: import("vue").DefineComponent<HysTagInputProps, {
     invalid: (info: HysTagInputInvalid) => any;
     reject: (value: string) => any;
     remove: (value: string) => any;
-    acceptedChange: (values: string[]) => any;
     reorder: (from: number, to: number, values: string[]) => any;
+    acceptedChange: (values: string[]) => any;
 }, string, import("vue").PublicProps, Readonly<HysTagInputProps> & Readonly<{
     onChange?: ((values: string[]) => any) | undefined;
     "onUpdate:modelValue"?: ((values: string[]) => any) | undefined;
@@ -39,8 +39,8 @@ declare const __VLS_base: import("vue").DefineComponent<HysTagInputProps, {
     onInvalid?: ((info: HysTagInputInvalid) => any) | undefined;
     onReject?: ((value: string) => any) | undefined;
     onRemove?: ((value: string) => any) | undefined;
-    onAcceptedChange?: ((values: string[]) => any) | undefined;
     onReorder?: ((from: number, to: number, values: string[]) => any) | undefined;
+    onAcceptedChange?: ((values: string[]) => any) | undefined;
 }>, {
     modelValue: readonly string[];
     trim: boolean;

package/dist/types/components/HysToast/toastPresentation.d.ts

@@ -1,7 +1,7 @@
 import type { CSSProperties } from "vue";
 import type { HysToastLocale, HysToastPosition, HysToastPresentation } from "./toastTypes";
 export declare const toastLocale: HysToastLocale;
-export declare function normalizeToastPosition(position?: HysToastPosition): "center" | "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center" | "custom";
+export declare function normalizeToastPosition(position?: HysToastPosition): "center" | "top-right" | "top-left" | "bottom-right" | "bottom-left" | "custom" | "top-center" | "bottom-center";
 export declare const finite: (value: number | undefined, fallback: number) => number;
 export declare const toastDuration: (options: HysToastPresentation) => number;
 export declare function toastPlacement(options: HysToastPresentation): CSSProperties;

package/dist/types/components/HysVirtualTable/HysVirtualTable.vue.d.ts

@@ -5,11 +5,11 @@ declare const __VLS_export: <T extends object = Record<string, unknown>>(__VLS_p
         onSelectionChange?: ((keys: HysVirtualTableKey[], rows: T[]) => any) | undefined;
         onRowClick?: ((row: T, index: number, event: MouseEvent) => any) | undefined;
         "onUpdate:selectedRowKeys"?: ((keys: HysVirtualTableKey[]) => any) | undefined;
-        onSortChange?: ((sort: HysVirtualTableSort | null) => any) | undefined;
         "onUpdate:currentRowKey"?: ((key: HysVirtualTableKey | null) => any) | undefined;
         onCurrentChange?: ((row: T | null, key: HysVirtualTableKey | null) => any) | undefined;
         onRowDblclick?: ((row: T, index: number, event: MouseEvent) => any) | undefined;
         onCellClick?: ((context: HysVirtualTableCell<T>, event: MouseEvent) => any) | undefined;
+        onSortChange?: ((sort: HysVirtualTableSort | null) => any) | undefined;
         "onUpdate:sortState"?: ((sort: HysVirtualTableSort | null) => any) | undefined;
         onRangeChange?: ((range: HysVirtualTableRange) => any) | undefined;
         onEndReached?: ((info: {
@@ -60,7 +60,7 @@ declare const __VLS_export: <T extends object = Record<string, unknown>>(__VLS_p
             selectedRowKeys: HysVirtualTableKey[];
         }): any;
     };
-    emit: ((evt: "scroll", state: HysVirtualTableScroll) => void) & ((evt: "selectionChange", keys: HysVirtualTableKey[], rows: T[]) => void) & ((evt: "rowClick", row: T, index: number, event: MouseEvent) => void) & ((evt: "update:selectedRowKeys", keys: HysVirtualTableKey[]) => void) & ((evt: "sortChange", sort: HysVirtualTableSort | null) => void) & ((evt: "update:currentRowKey", key: HysVirtualTableKey | null) => void) & ((evt: "currentChange", row: T | null, key: HysVirtualTableKey | null) => void) & ((evt: "rowDblclick", row: T, index: number, event: MouseEvent) => void) & ((evt: "cellClick", context: HysVirtualTableCell<T>, event: MouseEvent) => void) & ((evt: "update:sortState", sort: HysVirtualTableSort | null) => void) & ((evt: "rangeChange", range: HysVirtualTableRange) => void) & ((evt: "endReached", info: {
+    emit: ((evt: "scroll", state: HysVirtualTableScroll) => void) & ((evt: "selectionChange", keys: HysVirtualTableKey[], rows: T[]) => void) & ((evt: "rowClick", row: T, index: number, event: MouseEvent) => void) & ((evt: "update:selectedRowKeys", keys: HysVirtualTableKey[]) => void) & ((evt: "update:currentRowKey", key: HysVirtualTableKey | null) => void) & ((evt: "currentChange", row: T | null, key: HysVirtualTableKey | null) => void) & ((evt: "rowDblclick", row: T, index: number, event: MouseEvent) => void) & ((evt: "cellClick", context: HysVirtualTableCell<T>, event: MouseEvent) => void) & ((evt: "sortChange", sort: HysVirtualTableSort | null) => void) & ((evt: "update:sortState", sort: HysVirtualTableSort | null) => void) & ((evt: "rangeChange", range: HysVirtualTableRange) => void) & ((evt: "endReached", info: {
         distance: number;
         total: number;
     }) => void);

package/dist/types/composables/dataGrid.d.ts

@@ -1,4 +1,6 @@
 import type { HysPopupMotionProps } from "../motion/popup";
+import type { HysDataGridColumnLayout, HysDataGridColumnLayoutSnapshot } from "../components/HysDataGrid/gridColumnLayout";
+import type { HysDataGridCellContext, HysDataGridClass, HysDataGridContextMenu, HysDataGridHeaderContext, HysDataGridHeaderGroup, HysDataGridPin, HysDataGridRowContext, HysDataGridStyle } from "../components/HysDataGrid/gridPresentation";
 export type HysDataGridKey = string | number;
 export type HysDataGridSort = {
     key: string;
@@ -26,7 +28,11 @@ export interface GridColumn<T extends object = Record<string, unknown>> {
     resizable?: boolean;
     reorderable?: boolean;
     pinned?: "left" | "right";
+    pinnable?: boolean;
     align?: "left" | "center" | "right";
+    headerAlign?: "left" | "center" | "right";
+    headerWrap?: boolean;
+    group?: HysDataGridHeaderGroup;
     summary?: "sum" | "avg" | "min" | "max" | "count";
     editable?: boolean;
 }
@@ -64,14 +70,35 @@ export interface HysDataGridProps<T extends object> extends HysPopupMotionProps
     maxHeight?: number | string;
     scrollToTopOnQuery?: boolean;
     groupable?: boolean;
+    groupBy?: string;
+    defaultGroupBy?: string;
+    groupSummary?: boolean;
     showSummary?: boolean;
+    summaryScope?: "filtered" | "page" | "selected";
     summaryMethod?: (column: GridColumn<T>, rows: readonly T[]) => string | number;
     treeMode?: boolean;
     parentKey?: string;
     editable?: boolean;
+    keyboardNavigation?: boolean;
+    caption?: string;
+    striped?: boolean;
+    highlightCurrentRow?: boolean;
+    currentRowKey?: HysDataGridKey | null;
+    defaultCurrentRowKey?: HysDataGridKey;
+    rowClassName?: HysDataGridClass<HysDataGridRowContext<T>>;
+    rowStyle?: HysDataGridStyle<HysDataGridRowContext<T>>;
+    cellClassName?: HysDataGridClass<HysDataGridCellContext<T>>;
+    cellStyle?: HysDataGridStyle<HysDataGridCellContext<T>>;
+    headerClassName?: HysDataGridClass<HysDataGridHeaderContext<T>>;
+    headerStyle?: HysDataGridStyle<HysDataGridHeaderContext<T>>;
+    contextMenu?: HysDataGridContextMenu<T>;
 }
 export interface HysDataGridInstance {
     resetColumns(): void;
+    getColumnLayout(): HysDataGridColumnLayoutSnapshot;
+    applyColumnLayout(layout: HysDataGridColumnLayout): void;
+    setGroupBy(key: string): void;
+    setGroupsExpanded(expanded: boolean): void;
     getQuery(): HysDataGridQuery;
     setQuery(query: Partial<HysDataGridQuery>): void;
     resetQuery(): void;
@@ -81,6 +108,13 @@ export interface HysDataGridInstance {
     toggleRowSelection(key: HysDataGridKey, checked?: boolean): void;
     scrollTo(options: ScrollToOptions): void;
     scrollToRow(key: HysDataGridKey): boolean;
+    focusRow(key: HysDataGridKey): boolean;
+    getCurrentRowKey(): HysDataGridKey | null;
+    setCurrentRow(key: HysDataGridKey | null): void;
+    setColumnVisibility(key: string, visible: boolean): boolean;
+    pinColumn(key: string, side: HysDataGridPin | null): boolean;
+    resizeColumn(key: string, width: number): boolean;
+    resetColumnWidth(key: string): boolean;
 }
 export type GridRow<T extends object> = {
     row: T;

package/dist/types/composables/formLayout.d.ts

@@ -1,4 +1,4 @@
-import { type Ref } from "vue";
+export { useContainerWidth as useFormWidth } from "./useContainerWidth";
 export type HysFormBreakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
 export type HysFormGridValue = number | Partial<Record<HysFormBreakpoint, number>>;
 export interface HysFormColSize {
@@ -8,4 +8,3 @@ export interface HysFormColSize {
 export type HysFormCol = HysFormColSize & Partial<Record<HysFormBreakpoint, number | HysFormColSize>>;
 export declare function resolveFormGrid(value: HysFormGridValue | undefined, width: number, fallback?: number): number;
 export declare function resolveFormCol(value: HysFormCol | undefined, width: number): HysFormColSize | undefined;
-export declare function useFormWidth(element: Ref<HTMLElement | undefined>): import("vue").ComputedRef<number>;

package/dist/types/composables/popupSurfaceStyle.d.ts

@@ -0,0 +1,7 @@
+import { type CSSProperties, type Ref } from "vue";
+import type { HysPopupSurfaceProps } from "./popupSurface";
+export declare function popupMaximumWidth(props: HysPopupSurfaceProps, kind: "tooltip" | "popover"): string;
+export declare function usePopupSurfaceStyle(props: HysPopupSurfaceProps, kind: "tooltip" | "popover", floatingStyle: Readonly<Ref<CSSProperties>>): {
+    style: import("vue").ComputedRef<CSSProperties>;
+    contentStyle: import("vue").ComputedRef<CSSProperties>;
+};

package/dist/types/composables/table.d.ts

@@ -181,11 +181,12 @@ export interface HysTablePagination {
     hideOnSinglePage?: boolean;
 }
 export interface HysTableQuery<T extends object = Record<string, unknown>> {
-    action: "sort" | "filter" | "page" | "pageSize";
+    action: "sort" | "filter" | "page" | "pageSize" | "search";
     page: number;
     pageSize: number;
     sorts: HysTableSort[];
     filters: HysTableFilters;
+    search?: string;
     currentData: T[];
 }
 export interface HysTableLoadContext {
@@ -290,6 +291,7 @@ export interface HysTableProps<T extends object> {
     selectionColumn?: HysTableSelectionColumn;
     getSelectionProps?: (row: T, index: number) => HysTableSelectionProps;
     highlightCurrentRow?: boolean;
+    keyboardNavigation?: boolean;
     currentRowKey?: HysTableKey | null;
     defaultCurrentRowKey?: HysTableKey;
     showIndex?: boolean;
@@ -303,6 +305,10 @@ export interface HysTableProps<T extends object> {
     showSorterTooltip?: boolean | HysTableOverflowTooltipOptions;
     filters?: HysTableFilters;
     defaultFilters?: HysTableFilters;
+    search?: string;
+    defaultSearch?: string;
+    searchColumns?: readonly string[];
+    searchMethod?: (search: string, row: T) => boolean;
     filterColumnKey?: string | null;
     filterPlacement?: Placement;
     appendFilterTo?: string | HTMLElement | false;
@@ -376,6 +382,9 @@ export interface HysTableInstance<T extends object = Record<string, unknown>> {
     setSort: (sort: HysTableSort | readonly HysTableSort[] | null) => void;
     clearFilter: (keys?: readonly string[]) => void;
     setFilter: (key: string, values: readonly HysTableFilterValue[]) => void;
+    setSearch: (search: string) => void;
+    clearSearch: () => void;
+    focusRow: (row: T | HysTableKey) => boolean;
     showFilter: (key: string) => Promise<boolean>;
     hideFilter: () => Promise<boolean>;
     setPage: (page: number) => void;

package/dist/types/composables/toastQueue.d.ts

@@ -41,6 +41,8 @@ export declare function createToastQueue(config: HysToastConfig, host: {
         actions?: readonly import("./useHysToast").HysToastAction[] | undefined;
         closeOnEscape?: boolean | undefined;
         live?: "polite" | "assertive" | "off" | undefined;
+        coordinates?: import("./useHysToast").HysToastCoordinates | undefined;
+        glass?: boolean | undefined;
         swipe?: boolean | undefined;
         persistent?: boolean | undefined;
         closeOnClick?: boolean | undefined;
@@ -50,8 +52,6 @@ export declare function createToastQueue(config: HysToastConfig, host: {
         interactive?: boolean | undefined;
         offsetX?: number | undefined;
         offsetY?: number | undefined;
-        coordinates?: import("./useHysToast").HysToastCoordinates | undefined;
-        glass?: boolean | undefined;
         toastStyle?: import("vue").CSSProperties | undefined;
         progressStyle?: import("vue").CSSProperties | undefined;
         showProgress?: boolean | undefined;
@@ -93,6 +93,8 @@ export declare function createToastQueue(config: HysToastConfig, host: {
         actions?: readonly import("./useHysToast").HysToastAction[] | undefined;
         closeOnEscape?: boolean | undefined;
         live?: "polite" | "assertive" | "off" | undefined;
+        coordinates?: import("./useHysToast").HysToastCoordinates | undefined;
+        glass?: boolean | undefined;
         swipe?: boolean | undefined;
         persistent?: boolean | undefined;
         closeOnClick?: boolean | undefined;
@@ -102,8 +104,6 @@ export declare function createToastQueue(config: HysToastConfig, host: {
         interactive?: boolean | undefined;
         offsetX?: number | undefined;
         offsetY?: number | undefined;
-        coordinates?: import("./useHysToast").HysToastCoordinates | undefined;
-        glass?: boolean | undefined;
         toastStyle?: import("vue").CSSProperties | undefined;
         progressStyle?: import("vue").CSSProperties | undefined;
         showProgress?: boolean | undefined;

package/dist/types/composables/toastQueueModel.d.ts

@@ -93,6 +93,8 @@ export declare function defaults(config: HysToastConfig): {
     actions?: readonly import("./useHysToast").HysToastAction[] | undefined;
     closeOnEscape?: boolean | undefined;
     live?: "polite" | "assertive" | "off" | undefined;
+    coordinates?: import("./useHysToast").HysToastCoordinates | undefined;
+    glass?: boolean | undefined;
     swipe?: boolean | undefined;
     persistent?: boolean | undefined;
     closeOnClick?: boolean | undefined;
@@ -102,8 +104,6 @@ export declare function defaults(config: HysToastConfig): {
     interactive?: boolean | undefined;
     offsetX?: number | undefined;
     offsetY?: number | undefined;
-    coordinates?: import("./useHysToast").HysToastCoordinates | undefined;
-    glass?: boolean | undefined;
     toastStyle?: import("vue").CSSProperties | undefined;
     progressStyle?: import("vue").CSSProperties | undefined;
     showProgress?: boolean | undefined;

package/dist/types/composables/useColorPicker.d.ts

@@ -44,7 +44,7 @@ export declare function useColorPicker(props: HysColorPickerProps, emit: (name:
         placement: import("vue").Ref<import("./useFloating").Placement, import("./useFloating").Placement>;
         update: () => void;
         show: (force?: boolean) => Promise<void>;
-        close: (restore?: boolean, force?: boolean) => void;
+        close: (restore?: boolean, force?: boolean, source?: "outside" | "escape" | "anchor") => void;
         toggle: () => void | Promise<void>;
         restoringFocus: import("vue").Ref<boolean, boolean>;
         schedule: () => void;

package/dist/types/composables/useContainerWidth.d.ts

@@ -0,0 +1,2 @@
+import { type Ref } from "vue";
+export declare function useContainerWidth(element: Ref<HTMLElement | undefined>): import("vue").ComputedRef<number>;

package/dist/types/composables/useContextMenu.d.ts

@@ -44,7 +44,7 @@ export declare function useContextMenu<N extends object>(props: HysContextMenuPr
         placement: Ref<import("./useFloating").Placement, import("./useFloating").Placement>;
         update: () => void;
         show: (force?: boolean) => Promise<void>;
-        close: (restore?: boolean, force?: boolean) => void;
+        close: (restore?: boolean, force?: boolean, source?: "outside" | "escape" | "anchor") => void;
         toggle: () => void | Promise<void>;
         restoringFocus: Ref<boolean, boolean>;
         schedule: () => void;

package/dist/types/composables/useFloating.d.ts

@@ -21,7 +21,7 @@ export declare function useFloating(anchor: Readonly<Ref<FloatingAnchor | undefi
     matchWidth?: boolean | "min" | (() => boolean | "min");
     width?: () => number | string | undefined;
     maxWidth?: () => number | string | undefined;
-    requestOpen?: (open: boolean, restoreFocus?: boolean) => boolean | void;
+    requestOpen?: (open: boolean, restoreFocus?: boolean, source?: "outside" | "escape" | "anchor") => boolean | void;
     closeOnTab?: boolean;
     closeOnEscape?: boolean;
     closeOnOutside?: boolean;
@@ -37,7 +37,7 @@ export declare function useFloating(anchor: Readonly<Ref<FloatingAnchor | undefi
     placement: Ref<Placement, Placement>;
     update: () => void;
     show: (force?: boolean) => Promise<void>;
-    close: (restore?: boolean, force?: boolean) => void;
+    close: (restore?: boolean, force?: boolean, source?: "outside" | "escape" | "anchor") => void;
     toggle: () => void | Promise<void>;
     restoringFocus: Ref<boolean, boolean>;
     schedule: () => void;

package/dist/types/composables/usePageVisibility.d.ts

@@ -0,0 +1 @@
+export declare function usePageVisibility(): Readonly<import("vue").Ref<boolean, boolean>>;

package/dist/types/composables/usePopupSurface.d.ts

@@ -1,10 +1,16 @@
 import { type CSSProperties, type HTMLAttributes } from "vue";
 import type { HysPopupSurfaceContext, HysPopupSurfaceProps } from "./popupSurface";
-export declare function usePopupSurface(props: HysPopupSurfaceProps, kind: "tooltip" | "popover", emit: (name: string, ...args: any[]) => void): {
+import { type PopupCloseSource } from "./usePopupSurfaceInteractions";
+export declare function usePopupSurface(props: HysPopupSurfaceProps, kind: "tooltip" | "popover", emit: (name: string, ...args: any[]) => void, hooks?: {
+    allowClose?: (source: PopupCloseSource) => boolean;
+    onDismiss?: (source: PopupCloseSource) => void;
+    allowTabExit?: boolean;
+    shouldRestoreFocus?: () => boolean;
+}): {
     afterEnter: () => Promise<void>;
     afterLeave: () => Promise<void>;
     inactive: () => void;
-    request: (value: boolean, restore?: boolean) => Promise<boolean>;
+    request: (value: boolean, restore?: boolean, source?: PopupCloseSource, notifyDismiss?: boolean) => Promise<boolean>;
     show: () => Promise<boolean>;
     hide: () => Promise<boolean>;
     toggle: () => Promise<boolean>;
@@ -32,7 +38,7 @@ export declare function usePopupSurface(props: HysPopupSurfaceProps, kind: "tool
     placement: import("vue").Ref<import("./useFloating").Placement, import("./useFloating").Placement>;
     active: import("vue").ComputedRef<boolean>;
     mounted: import("vue").ComputedRef<boolean>;
-    teleportTo: import("vue").ComputedRef<Element>;
+    teleportTo: import("vue").ComputedRef<string | Element>;
     arrowStyle: import("vue").Ref<{
         [x: `--${string}`]: string | number | undefined;
         accentColor?: import("csstype").Property.AccentColor | undefined;

package/dist/types/composables/usePopupSurfaceInteractions.d.ts

@@ -2,14 +2,16 @@ import { type Ref } from "vue";
 import type { HysPopupSurfaceProps } from "./popupSurface";
 import type { FloatingAnchor, useFloating } from "./useFloating";
 export declare const popupFocusControls = "button,a[href],input,select,textarea,[tabindex]:not([tabindex=\"-1\"]),[contenteditable=\"true\"]";
-export declare function usePopupSurfaceInteractions(props: HysPopupSurfaceProps, kind: "tooltip" | "popover", { available, anchor, actualReference, panel, floating, restoreReferenceFocus, request, }: {
+export type PopupCloseSource = "trigger" | "outside" | "escape" | "tab" | "anchor" | "auto" | "programmatic";
+export declare function usePopupSurfaceInteractions(props: HysPopupSurfaceProps, kind: "tooltip" | "popover", { available, anchor, actualReference, panel, floating, restoreReferenceFocus, request, allowTabExit, }: {
     available: Readonly<Ref<boolean>>;
     anchor: Readonly<Ref<FloatingAnchor | undefined>>;
     actualReference: Readonly<Ref<HTMLElement | undefined>>;
     panel: Readonly<Ref<HTMLElement | undefined>>;
     floating: Pick<ReturnType<typeof useFloating>, "open" | "isTop" | "restoringFocus">;
     restoreReferenceFocus: () => void;
-    request: (open: boolean) => Promise<boolean>;
+    request: (open: boolean, restore?: boolean, source?: PopupCloseSource) => Promise<boolean>;
+    allowTabExit?: boolean;
 }): {
     clearDelays: () => void;
     clearAuto: () => void;

package/dist/types/composables/useSplitPaneDrag.d.ts

@@ -5,10 +5,10 @@ interface DragSettings {
     initial: number;
     constrain: (value: number) => number;
 }
-export declare function useSplitPaneDrag(update: (value: number) => void, ended: (value: number, cancelled: boolean, notify: boolean) => void): {
+export declare function useSplitPaneDrag(update: (value: number) => void, ended: (value: number, cancelled: boolean, notify: boolean, byInput: boolean) => void): {
     start: (event: PointerEvent, settings: DragSettings) => boolean;
     cancel: (event: PointerEvent) => void;
-    finish: (cancelled: boolean, notify?: boolean) => void;
+    finish: (cancelled: boolean, notify?: boolean, byInput?: boolean) => void;
     active: () => boolean;
 };
 export {};

package/dist/types/composables/useSvgInstanceId.d.ts

@@ -0,0 +1 @@
+export declare function useSvgInstanceId(suffix: string): import("vue").Ref<string, string>;

package/dist/types/composables/useTable.d.ts

@@ -19,6 +19,7 @@ export declare function useTable<T extends object>(props: HysTableProps<T>, colu
     selectionPage: import("vue").ComputedRef<TableNode<T>[]>;
     sorts: import("vue").ComputedRef<HysTableSort[]>;
     filters: import("vue").ComputedRef<HysTableFilters>;
+    search: import("vue").ComputedRef<string>;
     processed: import("vue").ComputedRef<{
         roots: TableNode<T>[];
         children: Map<string, TableNode<T>[]>;
@@ -47,6 +48,7 @@ export declare function useTable<T extends object>(props: HysTableProps<T>, colu
     setSort: (value: HysTableSort | readonly HysTableSort[] | null) => void;
     setFilter: (key: string, values: readonly HysTableFilterValue[]) => void;
     clearFilter: (keys?: readonly string[]) => void;
+    setSearch: (value: string) => void;
     requestPage: (n: number, action?: "page" | "pageSize") => void;
     changeSize: (n: number) => void;
     toggleRowSelection: (value: T | HysTableKey, checked?: boolean, options?: boolean | HysTableRowSelectionOptions) => Promise<boolean>;

package/dist/types/composables/useTabularRowNavigation.d.ts

@@ -0,0 +1,18 @@
+export declare function useTabularRowNavigation(options: {
+    enabled: () => boolean;
+    table: () => HTMLElement | null | undefined;
+    tokens: () => readonly string[];
+    attribute: string;
+    toggle: (token: string) => boolean;
+}): {
+    focusRow: (token: string) => boolean;
+    rowNavigationAttrs: (token: string) => {
+        tabindex: number;
+        onFocus: () => void;
+        onKeydown: (event: KeyboardEvent) => void;
+    } | {
+        tabindex?: undefined;
+        onFocus?: undefined;
+        onKeydown?: undefined;
+    };
+};

package/dist/types/index.d.ts

@@ -42,6 +42,7 @@ export { default as HysCronEditor } from './components/HysCronEditor/HysCronEdit
 export { default as HysDataGrid } from './components/HysDataGrid/HysDataGrid.vue';
 export { default as HysDatePicker } from './components/HysDatePicker/HysDatePicker.vue';
 export { default as HysDateRangePicker } from './components/HysDateRangePicker/HysDateRangePicker.vue';
+export { default as HysDescriptions } from './components/HysDescriptions/HysDescriptions.vue';
 export { default as HysDiffViewer } from './components/HysDiffViewer/HysDiffViewer.vue';
 export { default as HysDivider } from './components/HysDivider/HysDivider.vue';
 export { default as HysDrawer } from './components/HysDrawer/HysDrawer.vue';
@@ -52,6 +53,7 @@ export { default as HysForm } from './components/HysForm/HysForm.vue';
 export { default as HysFormItem } from './components/HysFormItem/HysFormItem.vue';
 export { default as HysGantt } from './components/HysGantt/HysGantt.vue';
 export type { GanttItem } from './components/HysGantt/HysGantt.vue';
+export { default as HysIcon } from './components/HysIcon/HysIcon.vue';
 export { default as HysInput } from './components/HysInput/HysInput.vue';
 export { default as HysJsonEditor } from './components/HysJsonEditor/HysJsonEditor.vue';
 export { default as HysKanban } from './components/HysKanban/HysKanban.vue';
@@ -65,6 +67,7 @@ export { default as HysOrgTree } from './components/HysOrgTree/HysOrgTree.vue';
 export type { OrgNode } from './components/HysOrgTree/HysOrgTree.vue';
 export { default as HysPagination } from './components/HysPagination/HysPagination.vue';
 export { default as HysPermissionMatrix } from './components/HysPermissionMatrix/HysPermissionMatrix.vue';
+export { default as HysPopconfirm } from './components/HysPopconfirm/HysPopconfirm.vue';
 export { default as HysPopover } from './components/HysPopover/HysPopover.vue';
 export { default as HysProgress } from './components/HysProgress/HysProgress.vue';
 export { default as HysRadio } from './components/HysRadio/HysRadio.vue';
@@ -72,6 +75,7 @@ export { default as HysRadioGroup } from './components/HysRadioGroup/HysRadioGro
 export type { HysRadioOption } from './components/HysRadioGroup/HysRadioGroup.vue';
 export { default as HysRating } from './components/HysRating/HysRating.vue';
 export { default as HysResizablePanel } from './components/HysResizablePanel/HysResizablePanel.vue';
+export { default as HysResult } from './components/HysResult/HysResult.vue';
 export { default as HysRichTextEditor } from './components/HysRichTextEditor/HysRichTextEditor.vue';
 export { default as HysSearch } from './components/HysSearch/HysSearch.vue';
 export type { HysSearchProps } from './components/HysSearch/HysSearch.vue';
@@ -83,8 +87,11 @@ export { default as HysSkeleton } from './components/HysSkeleton/HysSkeleton.vue
 export type { HysSkeletonVariant } from './components/HysSkeleton/HysSkeleton.vue';
 export { default as HysSlider } from './components/HysSlider/HysSlider.vue';
 export { default as HysSortableList } from './components/HysSortableList/HysSortableList.vue';
+export { default as HysSpace } from './components/HysSpace/HysSpace.vue';
+export { default as HysSpin } from './components/HysSpin/HysSpin.vue';
 export { default as HysSplitPane } from './components/HysSplitPane/HysSplitPane.vue';
 export type { HysSplitPaneSide } from './components/HysSplitPane/HysSplitPane.vue';
+export type { HysSplitPaneLayout } from './components/HysSplitPane/HysSplitPane.vue';
 export type { HysSplitPaneLength } from './components/HysSplitPane/HysSplitPane.vue';
 export type { HysSplitPanePanelOptions } from './components/HysSplitPane/HysSplitPane.vue';
 export type { HysSplitPanePanel } from './components/HysSplitPane/HysSplitPane.vue';
@@ -101,10 +108,9 @@ export { default as HysSteps } from './components/HysSteps/HysSteps.vue';
 export type { HysStepStatus } from './components/HysSteps/HysSteps.vue';
 export type { HysStepItem } from './components/HysSteps/HysSteps.vue';
 export { default as HysSwitch } from './components/HysSwitch/HysSwitch.vue';
+export { default as HysTabPane } from './components/HysTabPane/HysTabPane.vue';
 export { default as HysTable } from './components/HysTable/HysTable.vue';
 export { default as HysTabs } from './components/HysTabs/HysTabs.vue';
-export type { HysTabValue } from './components/HysTabs/HysTabs.vue';
-export type { HysTabItem } from './components/HysTabs/HysTabs.vue';
 export { default as HysTagInput } from './components/HysTagInput/HysTagInput.vue';
 export { default as HysTextarea } from './components/HysTextarea/HysTextarea.vue';
 export { default as HysTimeline } from './components/HysTimeline/HysTimeline.vue';
@@ -158,6 +164,14 @@ export type { HysModalResult, HysModalOptions, HysModalHandle, HysModalConfig, H
 export type { HysMenuKey, HysContextMenuTrigger, HysContextMenuItem, HysMenuFieldNames, HysMenuSelectInfo, HysMenuShowOptions, HysContextMenuProps, HysContextMenuInstance, HysMenuItemContext, HysContextMenuSlots } from './composables/menu';
 export type { HysDrawerProps, HysDrawerBeforeClose, HysDrawerPlacement, HysDrawerSizeName, HysDrawerCloseReason, HysDrawerActionContext, HysDrawerInitialFocus, HysDrawerSectionSize, HysDrawerResizeOptions, HysDrawerResizeInfo, HysDrawerPushOptions, HysDrawerSlotContext, HysDrawerSlots, HysDrawerInstance } from './composables/drawer';
 export type { HysPopupPlacement, HysPopupTrigger, HysPopupVirtualReference, HysPopupReference, HysPopupSurfaceProps, HysTooltipProps, HysPopoverProps, HysPopupSurfaceContext, HysTooltipSlots, HysPopoverSlots, HysPopupSurfaceInstance, HysTooltipInstance, HysPopoverInstance } from './composables/popupSurface';
+export type { HysPopconfirmProps, HysPopconfirmSlots, HysPopconfirmContext, HysPopconfirmInstance, HysPopconfirmTone, HysPopconfirmAction, HysPopconfirmActionContext, HysPopconfirmDismissReason, HysPopconfirmGuard, HysPopconfirmHandler } from './components/HysPopconfirm/popconfirmTypes';
+export type { HysDescriptionItem, HysDescriptionValue, HysDescriptionAlign, HysDescriptionContext, HysDescriptionsColumns, HysDescriptionsProps, HysDescriptionsSlots } from './components/HysDescriptions/descriptionsTypes';
+export type { HysSpaceGap, HysSpaceProps, HysSpaceSlots } from './components/HysSpace/spaceTypes';
+export type { HysResultStatus, HysResultCode, HysResultContext, HysResultProps, HysResultSlots, HysResultInstance } from './components/HysResult/resultTypes';
+export type { HysTabItem, HysTabValue, HysTabPlacement, HysTabType, HysTabStatus, HysTabSource, HysTabAnimation, HysTabCloseScope, HysTabContent, HysTabLoadContext, HysTabGuardContext, HysTabChangeContext, HysTabOrderContext, HysTabSnapshot, HysTabScope, HysTabPanelScope, HysTabsMenuScope, HysTabsContextScope, HysTabMenuAction, HysTabPaneProps, HysTabPaneSlots, HysTabsProps, HysTabsSlots, HysTabsEmits, HysTabsInstance, HysTabsConfig } from './components/HysTabs/tabsTypes';
+export { configureHysTabs, provideHysTabs } from './components/HysTabs/tabsConfig';
+export { useHysRouteTabs } from './components/HysTabs/useHysRouteTabs';
+export type { HysRouteTabItem, HysRouteTabsOptions } from './components/HysTabs/useHysRouteTabs';
 export type { HysUploadFile, HysUploadItem, HysUploadStatus, HysUploadListType, HysUploadChangeType, HysUploadChange, HysUploadContext, HysUploadInvalid, HysUploadError, HysUploadDataScalar, HysUploadData, HysUploadRequestOptions, HysUploadRequestResult, HysUploadLocale, HysUploadProps, HysUploadActions, HysUploadFileContext, HysUploadSlotContext, HysUploadSlots, HysUploadInstance } from './composables/upload';
 export type { HysProgressType, HysProgressStatus, HysProgressSize, HysProgressLinecap, HysProgressGapPosition, HysProgressGradientDirection, HysProgressGradientStop, HysProgressGradient, HysProgressColorStop, HysProgressColor, HysProgressSuccess, HysProgressLabelContext, HysProgressProps, HysProgressSlots, HysProgressInstance } from './composables/progress';
 export { useHysAnimatedNumber } from './composables/useHysAnimatedNumber';
@@ -177,4 +191,18 @@ export type { HysTagInputReason, HysTagInputAddContext, HysTagInputInvalid, HysT
 export type { HysColorFormat, HysColor, HysColorPickerProps, HysColorPickerContext, HysColorPickerSlots, HysColorPickerInstance } from './composables/color';
 export type { HysVirtualTableKey, HysVirtualTableAlign, HysVirtualTableSort, HysVirtualTableCell, HysVirtualTableColumn, HysVirtualTableRange, HysVirtualTableScroll, HysVirtualTableProps, HysVirtualTableInstance } from './composables/virtualTable';
 export type { GridColumn, HysDataGridKey, HysDataGridSort, HysDataGridQuery, HysDataGridProps, HysDataGridResult, HysDataGridLoader, HysDataGridInstance } from './composables/dataGrid';
+export type { HysDataGridColumnLayout, HysDataGridColumnLayoutSnapshot } from './components/HysDataGrid/gridColumnLayout';
+export type { HysDataGridPin, HysDataGridHeaderGroup, HysDataGridHeaderContext, HysDataGridRowContext, HysDataGridCellContext, HysDataGridContext, HysDataGridContextMenu, HysDataGridClass, HysDataGridStyle } from './components/HysDataGrid/gridPresentation';
+export { hysSpinAnimations } from './components/HysSpin/spinCatalog';
+export type { HysSpinAnimation } from './components/HysSpin/spinCatalog';
+export type { HysSpinProps, HysSpinStatus, HysSpinMode, HysSpinSize, HysSpinPlacement, HysSpinSnapshot, HysSpinUpdate, HysSpinTaskContext, HysSpinWork, HysSpinRunOptions, HysSpinPreset, HysSpinContext, HysSpinConfig, HysSpinTask, HysSpinHandle, HysSpinService } from './components/HysSpin/spinTypes';
+export { configureHysSpin, provideHysSpin } from './components/HysSpin/spinConfig';
+export { useHysSpinTask } from './components/HysSpin/useHysSpinTask';
+export { createHysSpin, useHysSpin, hysSpin } from './components/HysSpin/spinService';
+export { createHysIconRegistry, hysIconRegistry } from './components/HysIcon/iconRegistry';
+export { hysBuiltinIcons } from './components/HysIcon/iconBuiltins';
+export { configureHysIcon, provideHysIcons } from './components/HysIcon/iconConfig';
+export { importHysIconSvg, serializeHysIconSvg } from './components/HysIcon/iconSafety';
+export { hysIconAnimations } from './components/HysIcon/iconStyle';
+export type { HysIconProps, HysIconStatus, HysIconVariant, HysIconAnimation, HysIconSource, HysIconSvg, HysIconSvgNode, HysIconLoader, HysIconAsset, HysIconEntry, HysIconLibrary, HysIconConflict, HysIconRecord, HysIconRegistry, HysIconSearch, HysIconReference, HysIconLayer, HysIconPickerLocale, HysIconConfig, HysIconContext } from './components/HysIcon/iconTypes';
 export type { HysPopupTransition, HysPopupMotionProps } from './motion/popup';

package/dist/types/internal/MultiSplitPane.vue.d.ts

@@ -1,8 +1,12 @@
-import type { HysSplitPaneHandleContext, HysSplitPaneLength, HysSplitPanePanel, HysSplitPanePanelContext, HysSplitPanePanelResize, HysSplitPanePanelResizeEnd, HysSplitPaneSizes } from "../components/HysSplitPane/HysSplitPane.vue";
+import type { HysSplitPaneHandleContext, HysSplitPaneLayout, HysSplitPaneLength, HysSplitPanePanel, HysSplitPanePanelContext, HysSplitPanePanelResize, HysSplitPanePanelResizeEnd, HysSplitPaneSizes } from "../components/HysSplitPane/HysSplitPane.vue";
 type __VLS_Props = {
     panels: readonly HysSplitPanePanel[];
     sizes?: HysSplitPaneSizes;
     vertical: boolean;
+    responsiveBreakpoint?: number;
+    resizeMode: "adjacent" | "cascade";
+    snapThreshold: number;
+    cancelBehavior: "keep" | "restore";
     disabled?: boolean;
     lazy?: boolean;
     step: number;
@@ -21,14 +25,17 @@ type __VLS_Slots = {
 declare function panelSizes(values?: number[]): {
     [k: string]: number;
 };
+declare function setPaneCollapsed(key: string, collapse: boolean, separator?: number): Promise<boolean>;
 declare function togglePane(key: string, separator?: number): Promise<boolean>;
 declare function resetSizes(): Promise<boolean>;
 declare function resizePane(key: string, length: HysSplitPaneLength, separator?: number): Promise<boolean>;
 declare function getPaneElement(key: string): HTMLElement | undefined;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     togglePane: typeof togglePane;
+    setPaneCollapsed: typeof setPaneCollapsed;
     getPanelSizes: typeof panelSizes;
     getPaneElement: typeof getPaneElement;
+    getLayout: () => HysSplitPaneLayout;
     resizePane: typeof resizePane;
     resetSizes: typeof resetSizes;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -37,12 +44,14 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     panelResize: (details: HysSplitPanePanelResize) => any;
     panelResizeEnd: (details: HysSplitPanePanelResizeEnd) => any;
     panelCollapse: (id: string, collapsed: boolean) => any;
+    layoutChange: (layout: HysSplitPaneLayout) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:sizes"?: ((sizes: Readonly<Record<string, HysSplitPaneLength | undefined>>) => any) | undefined;
     onPanelResizeStart?: ((details: HysSplitPanePanelResize) => any) | undefined;
     onPanelResize?: ((details: HysSplitPanePanelResize) => any) | undefined;
     onPanelResizeEnd?: ((details: HysSplitPanePanelResizeEnd) => any) | undefined;
     onPanelCollapse?: ((id: string, collapsed: boolean) => any) | undefined;
+    onLayoutChange?: ((layout: HysSplitPaneLayout) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;