@pantograph/vue 0.34.5 → 0.34.7

package/dist/{ComponentMap-C-aljC3v.js → ComponentMap-58eKCf1C.js}

@@ -7,6 +7,7 @@ const o = [
   "Avatar",
   "AvatarGroup",
   "Badge",
+  "Banner",
   "Blanket",
   "Breadcrumb",
   "Button",

package/dist/ComponentMap-DN-k4l0P.js

@@ -0,0 +1 @@
+"use strict";const o=["Accordion","AccordionItem","ActionButton","Alert","AlertDialog","Avatar","AvatarGroup","Badge","Banner","Blanket","Breadcrumb","Button","ButtonGroup","Card","Checkbox","CheckboxGroup","Chip","ChipGroup","CoachMark","ColorPicker","ColorSwatch","ColorSwatchGroup","ColorTrigger","Combobox","ComboboxInput","ComboboxOption","Comment","CommentAction","CommentReaction","CommentReactionListItem","CommentReactionHoverCard","CommentMention","CommentEditor","CommentTrigger","ConfigProvider","DataTable","Dialog","DialogTitle","Divider","Drawer","DrawerTitle","DropZone","Empty","FloatButton","Form","FormItem","FormValidation","GOPicker","GraphicalObject","GraphicalObjectGroup","HoverCard","Icon","IconButton","Image","IndentLevel","Indicator","Input","InputGroup","InputNumber","Kbd","Label","Link","Menu","MenuItem","Modal","ModalTitle","PageIndicator","Pagination","PinInput","Popover","Progress","RadioGroup","RadioGroupItem","Rate","ScrollContainer","Segmented","Select","SelectOption","SelectLabel","Shortcut","Skeleton","Spinner","Stepper","Steps","Step","SubMenu","Switch","Table","Th","Td","Tr","TBody","THead","TFoot","Tabs","TabList","TabTrigger","TabContent","Textarea","Toast","Tooltip","TooltipProvider","Tree","TreeNode","Upload","UploadList","UploadTrigger"];exports.components=o;

package/dist/ComponentMap.d.ts

@@ -1,3 +1,3 @@
-export declare const components: readonly ["Accordion", "AccordionItem", "ActionButton", "Alert", "AlertDialog", "Avatar", "AvatarGroup", "Badge", "Blanket", "Breadcrumb", "Button", "ButtonGroup", "Card", "Checkbox", "CheckboxGroup", "Chip", "ChipGroup", "CoachMark", "ColorPicker", "ColorSwatch", "ColorSwatchGroup", "ColorTrigger", "Combobox", "ComboboxInput", "ComboboxOption", "Comment", "CommentAction", "CommentReaction", "CommentReactionListItem", "CommentReactionHoverCard", "CommentMention", "CommentEditor", "CommentTrigger", "ConfigProvider", "DataTable", "Dialog", "DialogTitle", "Divider", "Drawer", "DrawerTitle", "DropZone", "Empty", "FloatButton", "Form", "FormItem", "FormValidation", "GOPicker", "GraphicalObject", "GraphicalObjectGroup", "HoverCard", "Icon", "IconButton", "Image", "IndentLevel", "Indicator", "Input", "InputGroup", "InputNumber", "Kbd", "Label", "Link", "Menu", "MenuItem", "Modal", "ModalTitle", "PageIndicator", "Pagination", "PinInput", "Popover", "Progress", "RadioGroup", "RadioGroupItem", "Rate", "ScrollContainer", "Segmented", "Select", "SelectOption", "SelectLabel", "Shortcut", "Skeleton", "Spinner", "Stepper", "Steps", "Step", "SubMenu", "Switch", "Table", "Th", "Td", "Tr", "TBody", "THead", "TFoot", "Tabs", "TabList", "TabTrigger", "TabContent", "Textarea", "Toast", "Tooltip", "TooltipProvider", "Tree", "TreeNode", "Upload", "UploadList", "UploadTrigger"];
+export declare const components: readonly ["Accordion", "AccordionItem", "ActionButton", "Alert", "AlertDialog", "Avatar", "AvatarGroup", "Badge", "Banner", "Blanket", "Breadcrumb", "Button", "ButtonGroup", "Card", "Checkbox", "CheckboxGroup", "Chip", "ChipGroup", "CoachMark", "ColorPicker", "ColorSwatch", "ColorSwatchGroup", "ColorTrigger", "Combobox", "ComboboxInput", "ComboboxOption", "Comment", "CommentAction", "CommentReaction", "CommentReactionListItem", "CommentReactionHoverCard", "CommentMention", "CommentEditor", "CommentTrigger", "ConfigProvider", "DataTable", "Dialog", "DialogTitle", "Divider", "Drawer", "DrawerTitle", "DropZone", "Empty", "FloatButton", "Form", "FormItem", "FormValidation", "GOPicker", "GraphicalObject", "GraphicalObjectGroup", "HoverCard", "Icon", "IconButton", "Image", "IndentLevel", "Indicator", "Input", "InputGroup", "InputNumber", "Kbd", "Label", "Link", "Menu", "MenuItem", "Modal", "ModalTitle", "PageIndicator", "Pagination", "PinInput", "Popover", "Progress", "RadioGroup", "RadioGroupItem", "Rate", "ScrollContainer", "Segmented", "Select", "SelectOption", "SelectLabel", "Shortcut", "Skeleton", "Spinner", "Stepper", "Steps", "Step", "SubMenu", "Switch", "Table", "Th", "Td", "Tr", "TBody", "THead", "TFoot", "Tabs", "TabList", "TabTrigger", "TabContent", "Textarea", "Toast", "Tooltip", "TooltipProvider", "Tree", "TreeNode", "Upload", "UploadList", "UploadTrigger"];
 export default components;
 export type Components = (typeof components)[number];

package/dist/components/ActionButton/index.d.ts

@@ -1,6 +1,6 @@
 import { default as ActionButton, ActionButtonProps, ActionButtonSlots, ACTION_BUTTON_DEFAULT_PROPS } from './ActionButton';
 import { DefineComponent } from '@pantograph/utils-vue';
-export { ActionButton, type ActionButtonProps, type ActionButtonSlots, ACTION_BUTTON_DEFAULT_PROPS, };
+export { ActionButton, type ActionButtonProps, type ActionButtonSlots, ACTION_BUTTON_DEFAULT_PROPS };
 declare module 'vue' {
     interface GlobalComponents {
         ActionButton: DefineComponent<ActionButtonProps, ActionButtonSlots>;

package/dist/components/Alert/index.d.ts

@@ -1,6 +1,6 @@
 import { default as Alert, AlertProps, AlertEmits, AlertSlots, ALERT_DEFAULT_PROPS } from './Alert';
 import { DefineComponent } from '@pantograph/utils-vue';
-export { Alert, type AlertProps, type AlertEmits, type AlertSlots, ALERT_DEFAULT_PROPS, };
+export { Alert, type AlertProps, type AlertEmits, type AlertSlots, ALERT_DEFAULT_PROPS };
 declare module 'vue' {
     interface GlobalComponents {
         Alert: DefineComponent<AlertProps, AlertSlots, AlertEmits>;

package/dist/components/Banner/Banner.d.ts

@@ -0,0 +1,235 @@
+import { ClassValue } from 'clsx';
+import { ButtonProps } from '../Button';
+import { IconProps } from '../Icon';
+import { IconButtonProps } from '../IconButton';
+import { LinkProps } from '../Link';
+import { PopoverBaseProps } from '../Popover';
+import { BannerColor, BannerPlacement, BannerPosition } from './Banner.model';
+/**
+ * Props for the Banner component
+ */
+export interface BannerProps {
+    /**
+     * The color variant of the banner
+     * @default 'primary'
+     */
+    color?: BannerColor;
+    /**
+     * The placement of the banner (top or bottom)
+     * @default 'top'
+     */
+    placement?: BannerPlacement;
+    /**
+     * The position type of the banner (absolute or fixed)
+     * @default 'fixed'
+     */
+    position?: BannerPosition;
+    /**
+     * Target element where the banner should be rendered via Teleport
+     * Can be a string selector, HTMLElement, component instance, or function
+     * @default 'body'
+     */
+    to?: PopoverBaseProps['to'];
+    /**
+     * Offset from the placement edge (top or bottom)
+     * Can be a number (in pixels) or a string (e.g., '10px', '1rem')
+     * @default 0
+     */
+    offset?: number | string;
+    /**
+     * Z-index value for the banner
+     */
+    zIndex?: number | string;
+    /**
+     * Whether to defer the Teleport mounting
+     */
+    defer?: boolean;
+    /**
+     * Whether to force mount the Teleport content
+     */
+    forceMount?: boolean;
+    /**
+     * Text direction for the banner
+     */
+    dir?: 'ltr' | 'rtl' | 'auto';
+    /**
+     * Whether the banner can be closed by the user
+     * @default false
+     */
+    closeable?: boolean;
+    /**
+     * Props to pass to the close button (IconButton)
+     */
+    closeProps?: IconButtonProps;
+    /**
+     * Whether the banner content should wrap to multiple lines
+     * When true, the layout changes to accommodate longer content
+     * @default false
+     */
+    wrapped?: boolean;
+    /**
+     * Whether to hide the default icon
+     * @default false
+     */
+    noIcon?: boolean;
+    /**
+     * Title text for the banner (supports HTML)
+     */
+    title?: string;
+    /**
+     * Whether to show a link in the banner
+     * @default false
+     */
+    link?: boolean;
+    /**
+     * Props to pass to the link component
+     */
+    linkProps?: LinkProps;
+    /**
+     * Props to pass to the icon component
+     */
+    iconProps?: IconProps;
+    /**
+     * Whether to show an action button
+     * @default false
+     */
+    action?: boolean;
+    /**
+     * Props to pass to the action button
+     */
+    actionProps?: ButtonProps;
+    /**
+     * CSS classes to apply to the content container
+     */
+    contentCls?: ClassValue;
+    /**
+     * CSS classes to apply to the root banner element
+     */
+    class?: ClassValue;
+    /**
+     * CSS classes to apply to the divider element (used in wrapped mode)
+     */
+    dividerCls?: ClassValue;
+    /**
+     * CSS classes to apply to the actions container
+     */
+    actionsCls?: ClassValue;
+    /**
+     * CSS classes to apply to the body element
+     */
+    bodyCls?: ClassValue;
+    /**
+     * CSS classes to apply to the title element
+     */
+    titleCls?: ClassValue;
+}
+/**
+ * Events emitted by the Banner component
+ */
+export interface BannerEmits {
+    /**
+     * Emitted when the banner is closed by the user
+     * @param data - The pointer event that triggered the close action
+     */
+    close: [data: PointerEvent];
+    /**
+     * Emitted when the action button is clicked
+     * @param data - The pointer event that triggered the action
+     */
+    action: [data: PointerEvent];
+}
+/**
+ * Slots available in the Banner component
+ */
+export interface BannerSlots {
+    /**
+     * Default slot for custom content
+     */
+    default: (params?: object) => never;
+    /**
+     * Custom icon content
+     * Overrides the default icon based on color variant
+     */
+    icon: (params?: object) => never;
+    /**
+     * Custom title content
+     * Overrides the title prop and supports HTML content
+     */
+    title: (params?: object) => never;
+    /**
+     * Custom close button content
+     * Overrides the default close button
+     */
+    close: (params?: object) => never;
+    /**
+     * Custom action button content
+     * Overrides the default action button
+     */
+    action: (params?: object) => never;
+    /**
+     * Custom icon for the close button
+     */
+    closeIcon: (params?: object) => never;
+    /**
+     * Custom actions container content
+     * Used in wrapped mode to customize the entire actions area
+     */
+    actions: (params?: object) => never;
+    /**
+     * Custom pre-icon for the action button
+     */
+    actionPreIcon: (params?: object) => never;
+    /**
+     * Custom post-icon for the action button
+     */
+    actionPostIcon: (params?: object) => never;
+    /**
+     * Custom link content
+     * Overrides the default link component
+     */
+    link: (params?: object) => never;
+    /**
+     * Custom leading icon for the link
+     */
+    linkLeadingIcon: (params?: object) => never;
+    /**
+     * Custom trailing icon for the link
+     */
+    linkTrailingIcon: (params?: object) => never;
+}
+/**
+ * Default props for the Banner component
+ */
+export declare const BANNER_DEFAULT_PROPS: {
+    readonly color: "primary";
+    readonly linkProps: () => {
+        txs: "label";
+        underline: boolean;
+        text: string;
+        trailingIcon: string;
+    };
+    readonly actionProps: () => {
+        text: string;
+    };
+    readonly placement: "top";
+    readonly position: "fixed";
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BannerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (data: PointerEvent) => any;
+    action: (data: PointerEvent) => any;
+}, string, import('vue').PublicProps, Readonly<BannerProps> & Readonly<{
+    onClose?: ((data: PointerEvent) => any) | undefined;
+    onAction?: ((data: PointerEvent) => any) | undefined;
+}>, {
+    color: "primary" | "primary-subtle" | "neutral" | "danger" | "success" | "warning" | "info" | "success-subtle" | "danger-subtle" | "warning-subtle" | "info-subtle" | "neutral-subtle";
+    placement: "top" | "bottom";
+    position: "fixed" | "absolute";
+    linkProps: LinkProps;
+    actionProps: Partial<Omit<import('../..').BaseButtonProps, "flipOnDir" | "icon" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BannerSlots> & BannerSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Banner/index.d.ts

@@ -0,0 +1,9 @@
+import { default as Banner, BannerProps, BannerEmits, BannerSlots, BANNER_DEFAULT_PROPS } from './Banner';
+import { DefineComponent } from '@pantograph/utils-vue';
+export { Banner, type BannerProps, type BannerEmits, type BannerSlots, BANNER_DEFAULT_PROPS };
+declare module 'vue' {
+    interface GlobalComponents {
+        Banner: DefineComponent<BannerProps, BannerSlots, BannerEmits>;
+    }
+}
+export * from './Banner.model';

package/dist/components/Chip/Chip.d.ts

@@ -153,8 +153,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ch
     color: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "primary" | "gray" | "default";
     closeable: boolean;
     unExtendParent: boolean;
-    selected: boolean;
     closeIcon: string;
+    selected: boolean;
     overlayActions: boolean;
     closeTrigger: "click" | "pointer";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<ChipSlots> & ChipSlots>;

package/dist/components/ChipGroup/ChipGroup.d.ts

@@ -60,6 +60,11 @@ export interface ChipGroupProps {
      * @default true
      */
     closeable?: boolean;
+    /**
+     * Event that triggers the close action
+     * @default 'click'
+     */
+    closeTrigger?: 'pointer' | 'click';
 }
 /**
  * Slots for the ChipGroup component

package/dist/components/Combobox/Combobox.d.ts

@@ -26,13 +26,16 @@ export declare const COMBO_BOX_DEFAULT_PROPS: {
     readonly resetSearchTermOnBlur: true;
     readonly resetSearchTermOnSelect: false;
     readonly selectedItemIconAsTrailingIcon: true;
+    readonly showTreeTagStrategy: "all";
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ComboboxProps, {
+    displaySelectedKeys: import('vue').ComputedRef<string[]>;
     isOptionSelected: (value?: string | undefined) => boolean;
     getOptionByValue: (value: string) => ComboboxFlattenOptionType | undefined;
     getLabelByValue: (value: string) => string | undefined;
     getSingleByValue: (value: string) => boolean;
-    focusOnInput: () => void;
+    focusOnInput: (e?: PointerEvent | undefined) => void;
+    removeValue: (value?: string | number | undefined) => void;
     getFlattenOption: (item: ComboboxOptionType) => ComboboxFlattenOptionType;
     getOptionDataset: (option: ComboboxFlattenOptionType) => Record<string, any>;
     getDisabled: import('vue').ComputedRef<boolean>;
@@ -118,6 +121,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
     resetSearchTermOnSelect: boolean;
     noValueOnPlaceholder: boolean;
     tagRenderMode: "go" | "avatar" | "chip";
+    showTreeTagStrategy: "all" | "child" | "parent";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     scrollContainerRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -426,6 +430,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
             readonly getSwitcherIcon?: import('@pantograph/utils').OptionGetter<string | undefined> | undefined;
             readonly getDisabled?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
             readonly getChildren?: import('@pantograph/utils').OptionGetter<object[] | undefined> | undefined;
+            readonly getHidden?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
             readonly groupName?: string | ((node?: object | undefined) => string) | undefined;
             readonly sortableProps?: (Omit<import('@pantograph/sortable').SortableOptions, "onMove"> & {
                 onMove?: ((evt: import('../Tree').TreeDragMoveEvent, originalEvent: Event) => boolean | void | 1 | -1) | undefined;

package/dist/components/Combobox/Combobox.model.d.ts

@@ -14,3 +14,11 @@ export declare const ComboboxStatuses: readonly ["error", "warning", "success",
  * Type representing the possible combobox statuses
  */
 export type ComboboxStatus = (typeof ComboboxStatuses)[number];
+/**
+ * Array of available tree tag strategies
+ */
+export declare const ComboboxTreeTagStrategies: readonly ["all", "parent", "child"];
+/**
+ * Type representing the possible tree tag strategies
+ */
+export type ComboboxTreeTagStrategy = (typeof ComboboxTreeTagStrategies)[number];

package/dist/components/Combobox/context.d.ts

@@ -1,13 +1,15 @@
-import { ComboboxFlattenOptionType, ComboboxProps, ComboboxEmits, ComboboxSlots, ComboboxOptionType } from './types';
-import { EmitFn, ComputedRef, Ref } from 'vue';
-import { ComboboxSize, ComboboxStatus } from './Combobox.model';
 import { CollectionMap, CollectionMapItem } from '@pantograph/utils-vue';
+import { ComputedRef, EmitFn, Ref } from 'vue';
+import { ComboboxSize, ComboboxStatus } from './Combobox.model';
+import { ComboboxEmits, ComboboxFlattenOptionType, ComboboxOptionType, ComboboxProps, ComboboxSlots } from './types';
 export interface ComboboxContext {
+    displaySelectedKeys: ComputedRef<string[]>;
     isOptionSelected: (value?: string) => boolean;
     getOptionByValue: (value: string) => ComboboxFlattenOptionType | undefined;
     getLabelByValue: (value: string) => string | undefined;
     getSingleByValue: (value: string) => boolean;
-    focusOnInput: () => void;
+    focusOnInput: (e?: PointerEvent) => void;
+    removeValue: (value?: string | number) => void;
     getFlattenOption: (item: ComboboxOptionType) => ComboboxFlattenOptionType;
     getOptionDataset: (option: ComboboxFlattenOptionType) => Record<string, any>;
     getDisabled: ComputedRef<boolean>;

package/dist/components/Combobox/types.d.ts

@@ -1,18 +1,19 @@
-import { PopoverBaseProps, PopoverEmits, PopoverProps } from '../Popover';
-import { SkeletonProps } from '../Skeleton';
-import { ComboboxSize, ComboboxStatus } from './Combobox.model';
+import { OptionGetter } from '@pantograph/utils';
 import { EmitToProp } from '@pantograph/utils-vue';
-import { ScrollContainerProps } from '../ScrollContainer';
-import { EmptyProps } from '../Empty';
 import { ClassValue } from 'clsx';
+import { ChipSlotProps } from '../Chip';
+import { EmptyProps } from '../Empty';
+import { MenuItemProps } from '../MenuItem';
+import { MenuItemLeadingProps } from '../MenuItem/MenuItemContent';
+import { PopoverBaseProps, PopoverEmits, PopoverProps } from '../Popover';
+import { ScrollContainerProps } from '../ScrollContainer';
+import { SkeletonProps } from '../Skeleton';
 import { TreeEmits, TreeProps } from '../Tree';
-import { OptionGetter } from '@pantograph/utils';
 import { FlattenItem } from '../Tree/utils';
-import { MenuItemLeadingProps } from '../MenuItem/MenuItemContent';
-import { MenuItemProps } from '../MenuItem';
+import { ComboboxSize, ComboboxStatus, ComboboxTreeTagStrategy } from './Combobox.model';
 import { ComboboxInputProps } from './ComboboxInput';
-import { ChipSlotProps } from '../Chip';
 export type ComboboxDefOptionType = {
+    hidden?: boolean;
     disabled?: boolean;
     label?: string;
     description?: string;
@@ -35,6 +36,7 @@ export type ComboboxFlattenOptionType = FlattenItem & {
     _divider?: boolean;
     _id?: string;
     _custom?: boolean;
+    _hidden?: boolean;
 };
 export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' | 'containerProps' | 'reversePlacementOnDir' | 'open' | 'defaultOpen' | 'zIndex' | 'to' | 'sideOffset' | 'alignOffset' | 'reference' | 'prioritizePosition' | 'avoidCollisions' | 'dir' | 'noTrigger' | 'ignoreParentTo' | 'disableOutsidePointerEvents'>> {
     modelValue?: string | string[];
@@ -55,6 +57,7 @@ export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' |
     getTagProps?: (option?: ComboboxFlattenOptionType) => Record<string, any>;
     tree?: boolean;
     treeProps?: Omit<TreeProps, 'modelValue' | 'checkedKeys' | 'expandedKeys'>;
+    showTreeTagStrategy?: ComboboxTreeTagStrategy;
     contentFit?: boolean;
     wrapped?: boolean;
     sortSelectedItems?: boolean;
@@ -76,6 +79,7 @@ export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' |
     getClear?: OptionGetter<boolean>;
     getOptions?: OptionGetter<ComboboxOptionType[]>;
     getIcon?: OptionGetter;
+    getHidden?: OptionGetter<boolean>;
     loading?: boolean;
     skeletonProps?: SkeletonProps & Record<string, any>;
     loadingRowCount?: number;

package/dist/components/Comment/CommentMention.d.ts

@@ -30,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
     resetSearchTermOnSelect: boolean;
     noValueOnPlaceholder: boolean;
     tagRenderMode: "go" | "avatar" | "chip";
+    showTreeTagStrategy: "all" | "child" | "parent";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     comboboxRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -53,6 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
             readonly getTagProps?: ((option?: import('../Combobox').ComboboxFlattenOptionType | undefined) => Record<string, any>) | undefined;
             readonly tree?: boolean | undefined;
             readonly treeProps?: Omit<import('../Tree').TreeProps, "modelValue" | "checkedKeys" | "expandedKeys"> | undefined;
+            readonly showTreeTagStrategy?: "all" | "child" | "parent" | undefined;
             readonly contentFit?: boolean | undefined;
             readonly wrapped?: boolean | undefined;
             readonly sortSelectedItems?: boolean | undefined;
@@ -74,6 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
             readonly getClear?: import('@pantograph/utils').OptionGetter<boolean> | undefined;
             readonly getOptions?: import('@pantograph/utils').OptionGetter<ComboboxOptionType[]> | undefined;
             readonly getIcon?: import('@pantograph/utils').OptionGetter | undefined;
+            readonly getHidden?: import('@pantograph/utils').OptionGetter<boolean> | undefined;
             readonly loading?: boolean | undefined;
             readonly skeletonProps?: (import('../Skeleton').SkeletonProps & Record<string, any>) | undefined;
             readonly loadingRowCount?: number | undefined;
@@ -458,6 +461,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
                     readonly getSwitcherIcon?: import('@pantograph/utils').OptionGetter<string | undefined> | undefined;
                     readonly getDisabled?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
                     readonly getChildren?: import('@pantograph/utils').OptionGetter<object[] | undefined> | undefined;
+                    readonly getHidden?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
                     readonly groupName?: string | ((node?: object | undefined) => string) | undefined;
                     readonly sortableProps?: (Omit<import('@pantograph/sortable').SortableOptions, "onMove"> & {
                         onMove?: ((evt: import('../Tree').TreeDragMoveEvent, originalEvent: Event) => boolean | void | 1 | -1) | undefined;
@@ -662,11 +666,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
             "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
             onFetch?: (() => any) | undefined;
         }>, {
+            displaySelectedKeys: import('vue').ComputedRef<string[]>;
             isOptionSelected: (value?: string | undefined) => boolean;
             getOptionByValue: (value: string) => import('../Combobox').ComboboxFlattenOptionType | undefined;
             getLabelByValue: (value: string) => string | undefined;
             getSingleByValue: (value: string) => boolean;
-            focusOnInput: () => void;
+            focusOnInput: (e?: PointerEvent | undefined) => void;
+            removeValue: (value?: string | number | undefined) => void;
             getFlattenOption: (item: ComboboxOptionType) => import('../Combobox').ComboboxFlattenOptionType;
             getOptionDataset: (option: import('../Combobox').ComboboxFlattenOptionType) => Record<string, any>;
             getDisabled: import('vue').ComputedRef<boolean>;
@@ -735,6 +741,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
             resetSearchTermOnSelect: boolean;
             noValueOnPlaceholder: boolean;
             tagRenderMode: "go" | "avatar" | "chip";
+            showTreeTagStrategy: "all" | "child" | "parent";
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -780,6 +787,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
         resetSearchTermOnSelect: boolean;
         noValueOnPlaceholder: boolean;
         tagRenderMode: "go" | "avatar" | "chip";
+        showTreeTagStrategy: "all" | "child" | "parent";
     }> & Omit<Readonly<ComboboxProps> & Readonly<{
         onSearch?: ((value?: string | null | undefined) => any) | undefined;
         onSelect?: ((value: string | undefined, selected: boolean, option?: import('../Combobox').ComboboxFlattenOptionType | undefined) => any) | undefined;
@@ -797,12 +805,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
         onKeydownEscape?: ((event: import('../Combobox').ComboboxKeydownEvent, search?: string | undefined, isEmpty?: boolean | undefined) => any) | undefined;
         "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
         onFetch?: (() => any) | undefined;
-    }>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "triggerRef" | "openModel" | "model" | "getItems" | "inputRef" | "onKeyDown" | "focusOnInput" | "getOptionDataset" | ("disabled" | "readonly" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "zIndex" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "noValueOnPlaceholder" | "tagRenderMode") | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "getFlattenOption" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "itemMap" | "highlightedOptionKey" | "comboboxInputFocused" | "inputGroupClass"> & import('vue').ShallowUnwrapRef<{
+    }>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "triggerRef" | "openModel" | "model" | "getItems" | "inputRef" | "onKeyDown" | "focusOnInput" | "getOptionDataset" | ("disabled" | "readonly" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "zIndex" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "noValueOnPlaceholder" | "tagRenderMode" | "showTreeTagStrategy") | "displaySelectedKeys" | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "removeValue" | "getFlattenOption" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "itemMap" | "highlightedOptionKey" | "comboboxInputFocused" | "inputGroupClass"> & import('vue').ShallowUnwrapRef<{
+        displaySelectedKeys: import('vue').ComputedRef<string[]>;
         isOptionSelected: (value?: string | undefined) => boolean;
         getOptionByValue: (value: string) => import('../Combobox').ComboboxFlattenOptionType | undefined;
         getLabelByValue: (value: string) => string | undefined;
         getSingleByValue: (value: string) => boolean;
-        focusOnInput: () => void;
+        focusOnInput: (e?: PointerEvent | undefined) => void;
+        removeValue: (value?: string | number | undefined) => void;
         getFlattenOption: (item: ComboboxOptionType) => import('../Combobox').ComboboxFlattenOptionType;
         getOptionDataset: (option: import('../Combobox').ComboboxFlattenOptionType) => Record<string, any>;
         getDisabled: import('vue').ComputedRef<boolean>;

package/dist/components/FloatButton/index.d.ts

@@ -1,6 +1,6 @@
 import { default as FloatButton, FloatButtonProps, FloatButtonSlots, FLOAT_BUTTON_DEFAULT_PROPS } from './FloatButton';
 import { DefineComponent } from '@pantograph/utils-vue';
-export { FloatButton, type FloatButtonProps, type FloatButtonSlots, FLOAT_BUTTON_DEFAULT_PROPS, };
+export { FloatButton, type FloatButtonProps, type FloatButtonSlots, FLOAT_BUTTON_DEFAULT_PROPS };
 declare module 'vue' {
     interface GlobalComponents {
         FloatButton: DefineComponent<FloatButtonProps, FloatButtonSlots>;

package/dist/components/Popover/utils/usePopoverContext.d.ts

@@ -22,7 +22,6 @@ export declare const usePopoverContext: ({ slots, prefix, props, emit, emitsAsPr
         size?: string | null | undefined;
         noPadding?: string | null | undefined;
     } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-    asChild: import('vue').ShallowRef<boolean, boolean>;
     rootOpenProp: import('vue').ComputedRef<{
         open: boolean | undefined;
         'onUpdate:open': (value: boolean) => void;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { TooltipContentEmits, TooltipTriggerProps, TooltipContentProps, TooltipPortalProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps } from 'reka-ui';
+import { TooltipContentEmits, TooltipContentProps, TooltipPortalProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps } from 'reka-ui';
 import { GraphicalObjectProps, GraphicalObjectSlots } from '../GraphicalObject';
 import { PopoverBaseProps } from '../Popover';
 import { ShortcutProps } from '../Shortcut';

package/dist/components/Tree/types.d.ts

@@ -30,6 +30,8 @@ export type TreeNodeType = {
     noRotateSwitcherIcon?: boolean;
     /** Key of the node */
     key: string;
+    /** Whether the node is hidden */
+    hidden?: boolean;
 };
 /**
  * Type representing a flattened tree item
@@ -49,6 +51,8 @@ export type TreeItem = object & FlattenItem & {
     _loading?: boolean;
     /** Whether to not rotate the switcher icon */
     _noRotateSwitcherIcon?: boolean;
+    /** Whether the item is hidden */
+    _hidden?: boolean;
 };
 /**
  * Interface for extra parameters in tree drag events
@@ -166,6 +170,8 @@ export interface TreeProps extends Partial<Pick<TreeNodeType, 'switcherIcon' | '
     getDisabled?: OptionGetter<boolean | undefined>;
     /** Function to get the children of a node */
     getChildren?: OptionGetter<object[] | undefined>;
+    /** Function to determine if a node is hidden */
+    getHidden?: OptionGetter<boolean | undefined>;
     /** Group name for drag and drop between trees */
     groupName?: string | ((node?: object) => string);
     /** Sortable options for drag and drop functionality */

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/AlertDialog';
 export * from './components/Avatar';
 export * from './components/AvatarGroup';
 export * from './components/Badge';
+export * from './components/Banner';
 export * from './components/Blanket';
 export * from './components/Breadcrumb';
 export * from './components/Button';