@turquoisehealth/pit-viper 2.53.1 → 2.55.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turquoisehealth/pit-viper",
-  "version": "2.53.1",
+  "version": "2.55.0-alpha.1",
   "description": "Turquoise Health's design system.",
   "main": "README.md",
   "publishConfig": {

package/pv-components/dist/vue/base/pv-components-base.d.ts

@@ -1,5 +1,6 @@
 import { AllowedComponentProps } from 'vue';
 import { App } from 'vue';
+import { Component } from 'vue';
 import { ComponentCustomProperties } from 'vue';
 import { ComponentCustomProps } from 'vue';
 import { ComponentInternalInstance } from 'vue';
@@ -17,9 +18,12 @@ import { nextTick } from 'vue';
 import { OnCleanup } from '@vue/reactivity';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
+import { ShallowRef } from 'vue';
 import { ShallowUnwrapRef } from 'vue';
 import { Slot } from 'vue';
+import { VNode } from 'vue';
 import { VNodeProps } from 'vue';
+import { VNodeRef } from 'vue';
 import { WatchOptions } from 'vue';
 import { WatchStopHandle } from 'vue';
 
@@ -39,7 +43,7 @@ variant: PvTooltipVariants;
 tooltipPosition: PvTooltipPositions;
 ariaLabelledBy: string;
 interactive: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_4: DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string | boolean) => any;
@@ -144,11 +148,12 @@ declare function __VLS_template_2(): {
 declare function __VLS_template_3(): {
     attrs: Partial<{}>;
     slots: {
+        label?(_: {}): any;
         label?(_: {}): any;
         'tooltip-content'?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 
 declare function __VLS_template_4(): {
@@ -223,6 +228,12 @@ declare type __VLS_WithTemplateSlots_11<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_12<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -307,6 +318,7 @@ declare enum MenuItemType {
 declare interface MenuOption {
     id: string;
     text: string;
+    subText?: string;
     secondaryText?: string | number;
     icon?: string;
     companyName?: string;
@@ -315,6 +327,11 @@ declare interface MenuOption {
         image?: string;
         icon?: boolean;
     };
+    groupingLabel?: string;
+    disabled?: boolean;
+    renderer?: Component;
+    rendererProps?: any;
+    classList?: string[];
 }
 
 declare type MenuOptionsVariant = `${MenuItemType}`;
@@ -641,17 +658,17 @@ declare interface PvDateTimeProps {
 }
 
 export declare const PvDrawer: __VLS_WithTemplateSlots_6<DefineComponent<    {
-"search-input"?: string;
+searchInput?: string;
 modelValue: boolean;
 } & PvDrawer_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: boolean) => any;
-"update:search-input": (value: string) => any;
+"update:searchInput": (value: string) => any;
 }, string, PublicProps, Readonly<{
-"search-input"?: string;
+searchInput?: string;
 modelValue: boolean;
 } & PvDrawer_2> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-"onUpdate:search-input"?: ((value: string) => any) | undefined;
+"onUpdate:searchInput"?: ((value: string) => any) | undefined;
 }>, {
 closeOnClickOutside: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
@@ -778,7 +795,7 @@ declare interface PvDropdownProps {
     teleportLocation?: string;
 }
 
-export declare const PvGhostInput: __VLS_WithTemplateSlots_10<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+export declare const PvGhostInput: __VLS_WithTemplateSlots_11<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
 declare interface PvGhostInputProps {
     variant?: PvGhostInputVariant;
@@ -801,7 +818,7 @@ declare type PvIconSize = (typeof PvIconSizes)[number];
 
 declare const PvIconSizes: readonly [undefined, 10, 12, 20, 24, 32, 64];
 
-export declare const PvInput: __VLS_WithTemplateSlots_11<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+export declare const PvInput: __VLS_WithTemplateSlots_12<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
 declare interface PvInputProps {
     error?: boolean;
@@ -838,10 +855,10 @@ dialog: HTMLDialogElement;
     footer?(_: {}): any;
 }>;
 
-export declare const PvMultiSelectButton: DefineComponent<    {
+export declare const PvMultiSelectButton: __VLS_WithTemplateSlots_8<DefineComponent<    {
 modelValue?: MenuOption[];
 searchInput?: string;
-} & PvMultiSelectButton_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+} & PvMultiSelectButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: MenuOption[]) => any;
 "update:searchInput": (value: string) => any;
 } & {
@@ -850,7 +867,7 @@ searchInput?: string;
 }, string, PublicProps, Readonly<{
 modelValue?: MenuOption[];
 searchInput?: string;
-} & PvMultiSelectButton_2> & Readonly<{
+} & PvMultiSelectButtonProps> & Readonly<{
 "onDropdown-open"?: (() => any) | undefined;
 "onDropdown-closed"?: (() => any) | undefined;
 "onUpdate:modelValue"?: ((value: MenuOption[]) => any) | undefined;
@@ -863,11 +880,11 @@ showClear: boolean;
 useTeleport: boolean;
 teleportLocation: string;
 options: MenuOption[];
-counterPosition: "left" | "right";
+counterPosition: "left" | "right" | "none";
 showDropdown: boolean;
+optionsVariant: Exclude<MenuOptionsVariant, "radio">;
 showMenuAction: boolean;
 showSearchInput: boolean;
-optionsVariant: Exclude<MenuOptionsVariant, "radio">;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 'select-button-trigger-ref': CreateComponentPublicInstanceWithMixins<Readonly<PvSelectButtonTrigger> & Readonly<{
 "onHandle-toggle-dropdown"?: (() => any) | undefined;
@@ -1042,9 +1059,125 @@ $slots: {
 default?(_: {}): any;
 };
 }) | null;
-}, HTMLDivElement>;
+searchInputRef: CreateComponentPublicInstanceWithMixins<Readonly<{
+modelValue: string;
+} & PvSearchInputProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+input: Readonly<ShallowRef<HTMLInputElement | null>>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+}, PublicProps, {
+disabled: boolean;
+placeholder: string;
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+'search-input': HTMLInputElement;
+}, HTMLDivElement, ComponentProvideOptions, {
+P: {};
+B: {};
+D: {};
+C: {};
+M: {};
+Defaults: {};
+}, Readonly<{
+modelValue: string;
+} & PvSearchInputProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+input: Readonly<ShallowRef<HTMLInputElement | null>>;
+}, {}, {}, {}, {
+disabled: boolean;
+placeholder: string;
+}> | null;
+}, HTMLDivElement>, Partial<Record<string, (_: {}) => any>> & {
+    'no-results'?(_: {
+        modelValue?: MenuOption[];
+        searchInput?: string;
+        groupings?: string[];
+        defaultOpen?: boolean;
+        disabled?: boolean;
+        teleportLocation?: string;
+        isLoading?: boolean;
+        variant?: PvSelectButtonVariant;
+        size?: PvSelectButtonSize;
+        alignment?: "top" | "right" | "top right" | undefined;
+        popoverCssProperties?: CSSProperties;
+        prefixLabel?: string;
+        label?: string;
+        icon?: string;
+        counterPosition?: "left" | "right" | "none";
+        companyLogo?: string;
+        showClear?: boolean;
+        showDropdown?: boolean;
+        showMenuAction?: boolean;
+        showSearchInput?: boolean;
+        overlayTrigger?: boolean;
+        optionsVariant?: Exclude<MenuOptionsVariant, "radio">;
+        options: MenuOption[];
+        useTeleport?: boolean;
+        "onDropdown-open"?: (() => any) | undefined;
+        "onDropdown-closed"?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: MenuOption[]) => any) | undefined;
+        "onUpdate:searchInput"?: ((value: string) => any) | undefined;
+        key?: PropertyKey;
+        ref?: VNodeRef;
+        ref_for?: boolean;
+        ref_key?: string;
+        onVnodeBeforeMount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
+        onVnodeMounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
+        onVnodeBeforeUpdate?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
+        onVnodeUpdated?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
+        onVnodeBeforeUnmount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
+        onVnodeUnmounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
+        class?: unknown;
+        style?: unknown;
+    }): any;
+    footer?(_: {
+        modelValue?: MenuOption[];
+        searchInput?: string;
+        groupings?: string[];
+        defaultOpen?: boolean;
+        disabled?: boolean;
+        teleportLocation?: string;
+        isLoading?: boolean;
+        variant?: PvSelectButtonVariant;
+        size?: PvSelectButtonSize;
+        alignment?: "top" | "right" | "top right" | undefined;
+        popoverCssProperties?: CSSProperties;
+        prefixLabel?: string;
+        label?: string;
+        icon?: string;
+        counterPosition?: "left" | "right" | "none";
+        companyLogo?: string;
+        showClear?: boolean;
+        showDropdown?: boolean;
+        showMenuAction?: boolean;
+        showSearchInput?: boolean;
+        overlayTrigger?: boolean;
+        optionsVariant?: Exclude<MenuOptionsVariant, "radio">;
+        options: MenuOption[];
+        useTeleport?: boolean;
+        "onDropdown-open"?: (() => any) | undefined;
+        "onDropdown-closed"?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: MenuOption[]) => any) | undefined;
+        "onUpdate:searchInput"?: ((value: string) => any) | undefined;
+        key?: PropertyKey;
+        ref?: VNodeRef;
+        ref_for?: boolean;
+        ref_key?: string;
+        onVnodeBeforeMount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
+        onVnodeMounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
+        onVnodeBeforeUpdate?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
+        onVnodeUpdated?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
+        onVnodeBeforeUnmount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
+        onVnodeUnmounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
+        class?: unknown;
+        style?: unknown;
+    }): any;
+}>;
 
-declare interface PvMultiSelectButton_2 {
+declare interface PvMultiSelectButtonProps {
+    groupings?: string[];
     defaultOpen?: boolean;
     disabled?: boolean;
     teleportLocation?: string;
@@ -1056,17 +1189,22 @@ declare interface PvMultiSelectButton_2 {
     prefixLabel?: string;
     label?: string;
     icon?: string;
-    counterPosition?: "left" | "right";
+    counterPosition?: "left" | "right" | "none";
     companyLogo?: string;
     showClear?: boolean;
     showDropdown?: boolean;
     showMenuAction?: boolean;
     showSearchInput?: boolean;
+    overlayTrigger?: boolean;
     optionsVariant?: Exclude<MenuOptionsVariant, "radio">;
     options: MenuOption[];
     useTeleport?: boolean;
 }
 
+export declare interface PvMultiSelectButtonSlotProps {
+    searchInput: string;
+}
+
 export declare const PvPagination: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: number) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
@@ -1145,7 +1283,9 @@ declare interface PvPopoverProps {
 
 export declare const PvReleaseBadge: DefineComponent<PvBadgeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PvBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const PvSearchInput: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const PvSearchInput: DefineComponent<__VLS_PublicProps, {
+input: Readonly<ShallowRef<HTMLInputElement | null>>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -1185,7 +1325,7 @@ declare interface PvSegmentedControlWithTextLabelProps extends PvSegmentedContro
 
 declare type PvSekeltonSize = Extract<PvSize, "xs" | "sm" | "md" | "lg" | "xl">;
 
-export declare const PvSelectableCard: __VLS_WithTemplateSlots_8<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+export declare const PvSelectableCard: __VLS_WithTemplateSlots_9<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 declare interface PvSelectableCardProps {
     variant?: "default" | "highlight";
@@ -1217,8 +1357,8 @@ label: string;
 variant: PvSelectButtonVariant_2;
 useTeleport: boolean;
 teleportLocation: string;
-showSearchInput: boolean;
 optionsVariant: Exclude<MenuOptionsVariant, "checkbox">;
+showSearchInput: boolean;
 allowDeselect: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 'select-button-trigger-ref': CreateComponentPublicInstanceWithMixins<Readonly<PvSelectButtonTrigger> & Readonly<{
@@ -1423,7 +1563,7 @@ declare interface PvSelectButtonTrigger {
     variant?: PvSelectButtonVariant;
     size?: PvSelectButtonSize;
     disabled?: boolean;
-    counterPosition?: "left" | "right";
+    counterPosition?: "left" | "right" | "none";
     counterValue?: number;
     prefixLabel?: string;
     label?: string;
@@ -1447,7 +1587,7 @@ declare interface PvSelectMenu {
     useTeleport?: boolean;
 }
 
-export declare const PvSidePanel: __VLS_WithTemplateSlots_9<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+export declare const PvSidePanel: __VLS_WithTemplateSlots_10<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
 declare interface PvSidePanelProps {
     showLeftSidebar?: boolean;