@useinsider/ab-components 0.0.94 → 0.0.97

package/dist/icons.svg

@@ -39,6 +39,9 @@
   <symbol height="4px" width="4px" viewBox="0 0 4 4" fill="none" data-token-name="chip-close" id="chip-close">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M2.90636 0.187621C3.1566 -0.0624794 3.56242 -0.0625658 3.81261 0.187621C4.06279 0.437808 4.06271 0.84363 3.81261 1.09387L2.90636 2.00012L3.81261 2.90637C4.06268 3.15661 4.06279 3.56244 3.81261 3.81262C3.56243 4.06276 3.15659 4.06268 2.90636 3.81262L2.00011 2.90637L1.09386 3.81262C0.843617 4.06272 0.437795 4.06281 0.187608 3.81262C-0.062579 3.56243 -0.0624929 3.15661 0.187608 2.90637L1.09386 2.00012L0.187608 1.09387C-0.0625045 0.843647 -0.0625442 0.43782 0.187608 0.187621C0.437804 -0.0625747 0.843619 -0.0625059 1.09386 0.187621L2.00011 1.09387L2.90636 0.187621Z" fill="currentColor"/>
   </symbol>
+  <symbol viewBox="0 0 16 16" fill="none" data-token-name="chip-close-16" id="chip-close-16">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.0264 4.16699C11.2492 3.94443 11.6103 3.94425 11.833 4.16699C12.0557 4.38972 12.0556 4.75078 11.833 4.97363L8.80663 7.99999L11.833 11.0264C12.0556 11.2492 12.0557 11.6103 11.833 11.833C11.6103 12.0557 11.2492 12.0556 11.0264 11.833L7.99999 8.80663L4.97363 11.833C4.75078 12.0556 4.38972 12.0557 4.16699 11.833C3.94425 11.6103 3.94443 11.2492 4.16699 11.0264L7.19335 7.99999L4.16699 4.97363C3.94443 4.75078 3.94425 4.38972 4.16699 4.16699C4.38972 3.94425 4.75078 3.94443 4.97363 4.16699L7.99999 7.19335L11.0264 4.16699Z" fill="currentColor"/>
+  </symbol>
   <symbol id="no-color" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M19 2.5C20.3807 2.5 21.5 3.61929 21.5 5V19C21.5 20.3807 20.3807 21.5 19 21.5H5C3.61929 21.5 2.5 20.3807 2.5 19V5C2.5 3.61929 3.61929 2.5 5 2.5H19Z" fill="white"/>
     <path d="M9 15L15 9" stroke="#495366" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -478,6 +481,9 @@
     <path d="M135.191 112.021C135.964 112.871 137.292 112.897 138.098 112.078L148.177 101.826C149.021 100.968 150.427 101.044 151.173 101.989L166.705 121.658C167.74 122.97 166.806 124.897 165.135 124.897H99.0035C97.3374 124.897 96.4018 122.98 97.4271 121.667L117.47 95.9983C118.233 95.021 119.693 94.9665 120.527 95.8841L135.191 112.021ZM143.932 89C146.056 89.0001 147.777 90.7218 147.777 92.8457C147.777 94.9698 146.056 96.6923 143.932 96.6924C141.807 96.6924 140.085 94.9699 140.085 92.8457C140.085 90.7217 141.808 89 143.932 89Z" fill="#5D6980"/>
     <path d="M97.4687 137C97.4687 138.105 98.3642 139 99.4687 139L166.469 139C167.573 139 168.469 138.105 168.469 137L168.469 135C168.469 133.895 167.573 133 166.469 133L99.4688 133C98.3642 133 97.4687 133.895 97.4687 135L97.4687 137Z" fill="#5D6980"/>
   </symbol>
+  <symbol viewBox="0 0 24 24" id="dynamic-content-icon">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.33769 2.03699C9.58203 0.986855 12.1155 0.72453 14.5271 1.29382C16.9388 1.86316 19.088 3.23067 20.6258 5.17371C22.1633 7.11668 22.9998 9.52212 22.9998 11.9999V12.9999C22.9998 14.0607 22.578 15.0779 21.8279 15.828C21.0778 16.5781 20.0606 16.9998 18.9998 16.9999C17.9389 16.9999 16.9218 16.5781 16.1717 15.828C16.0125 15.6689 15.8687 15.4973 15.74 15.3163C14.8241 16.3486 13.4884 16.9998 11.9998 16.9999C9.23837 16.9999 6.9998 14.7613 6.9998 11.9999C6.99988 9.23852 9.23842 6.99988 11.9998 6.99988C13.1252 6.99992 14.1633 7.37241 14.9988 7.99988C14.9989 7.44767 15.4476 6.99989 15.9998 6.99988C16.5519 6.99998 16.9997 7.44773 16.9998 7.99988V12.9999C16.9998 13.5303 17.2107 14.0389 17.5857 14.4139C17.9608 14.789 18.4694 14.9999 18.9998 14.9999C19.5302 14.9998 20.0388 14.789 20.4139 14.4139C20.7888 14.0389 20.9998 13.5302 20.9998 12.9999V11.9999C20.9998 9.97265 20.3154 8.0046 19.0574 6.41492C17.7993 4.82517 16.0403 3.70692 14.0672 3.24109C12.0942 2.77539 10.0215 2.98937 8.18534 3.84851C6.34929 4.7077 4.85669 6.16143 3.94999 7.97449C3.04332 9.78784 2.77588 11.8551 3.19023 13.8397C3.60467 15.8242 4.67674 17.6111 6.2332 18.91C7.78971 20.209 9.73979 20.9443 11.7664 20.997C13.7929 21.0495 15.7784 20.4164 17.4002 19.2001C17.842 18.869 18.4683 18.9586 18.7996 19.4003C19.1308 19.842 19.041 20.4683 18.5994 20.7997C16.6171 22.2863 14.1907 23.0603 11.7137 22.996C9.23678 22.9315 6.85427 22.0327 4.95195 20.4452C3.04948 18.8574 1.73869 16.6736 1.23222 14.2479C0.725868 11.8225 1.05295 9.29711 2.16093 7.08093C3.26909 4.86472 5.09343 3.08719 7.33769 2.03699ZM11.9998 8.99988C10.343 8.99988 8.99988 10.3431 8.9998 11.9999C8.9998 13.6567 10.3429 14.9999 11.9998 14.9999C13.6566 14.9998 14.9998 13.6567 14.9998 11.9999C14.9997 10.3432 13.6565 8.99998 11.9998 8.99988Z" fill="currentColor"/>
+  </symbol>
   <symbol viewBox="0 0 40 40" fill="none" id="line-architect-test-journey">
     <path d="M20.8998 11.2939C21.2916 10.902 21.9268 10.9021 22.3187 11.2939L28.7064 17.6806C29.0983 18.0725 29.0984 18.7085 28.7064 19.1005C28.3144 19.4924 27.6784 19.4924 27.2865 19.1005L26.5775 18.3905L16.9964 27.9706C15.6247 29.3424 13.4004 29.3424 12.0287 27.9706C10.6572 26.5988 10.657 24.3745 12.0287 23.0028L21.6097 13.4228L20.8998 12.7128C20.5081 12.3209 20.508 11.6858 20.8998 11.2939ZM15.8714 21.9999H20.1292L25.1576 16.9716L23.0287 14.8417L15.8714 21.9999Z" fill="currentColor"/>
   </symbol>

package/dist/index.d.ts

@@ -1,10 +1,28 @@
+import { AllowedComponentProps } from 'vue';
+import { ComponentCustomProperties } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentInternalInstance } from 'vue';
+import { ComponentOptionsBase } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
+import { ComponentPublicInstance } from 'vue';
+import { CSSProperties } from 'vue';
+import { DebuggerEvent } from 'vue';
 import { DefineComponent } from 'vue';
 import { DirectiveBinding } from 'vue';
+import { GlobalComponents } from 'vue';
+import { GlobalDirectives } from 'vue';
+import { nextTick } from 'vue';
+import { OnCleanup } from '@vue/reactivity';
 import { Placement } from '@floating-ui/vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
+import { default as SearchInput } from './SearchInput.vue';
+import { ShallowUnwrapRef } from 'vue';
+import { Slot } from 'vue';
+import { VNodeProps } from 'vue';
+import { WatchOptions } from 'vue';
+import { WatchStopHandle } from 'vue';
 
 declare const __VLS_component: DefineComponent<CheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: boolean) => any;
@@ -20,6 +38,12 @@ checked: boolean;
 value: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 
+declare const __VLS_component_10: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+triggerRef: HTMLDivElement;
+tooltipRef: HTMLDivElement;
+floatingArrowRef: HTMLDivElement;
+}, any>;
+
 declare const __VLS_component_2: DefineComponent<ColorPickerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "color-change": (color: string) => any;
 close: () => any;
@@ -114,7 +138,12 @@ fullWidthContentStatus: boolean;
 autoSize: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_6: DefineComponent<InDropdownMenuProps, {
+declare const __VLS_component_6: DefineComponent<TypographyProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TypographyProps> & Readonly<{}>, {
+variant: TypographyVariant;
+as: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_7: DefineComponent<InDropdownMenuProps, {
 isOpen: Ref<boolean, boolean>;
 toggleMenu: () => void;
 closeMenu: () => void;
@@ -148,7 +177,7 @@ showSelectedIcon: boolean;
 rotateArrow: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_7: DefineComponent<ModalProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_8: DefineComponent<ModalProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 submit: () => any;
 close: () => any;
 }, string, PublicProps, Readonly<ModalProps> & Readonly<{
@@ -158,7 +187,7 @@ onClose?: (() => any) | undefined;
 hasOverlay: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_8: DefineComponent<PopoverProps, {
+declare const __VLS_component_9: DefineComponent<PopoverProps, {
 isOpen: Ref<boolean, boolean>;
 toggle: () => void;
 close: () => void;
@@ -181,12 +210,6 @@ popoverRef: HTMLDivElement;
 contentRef: HTMLDivElement;
 }, HTMLDivElement>;
 
-declare const __VLS_component_9: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
-triggerRef: HTMLDivElement;
-tooltipRef: HTMLDivElement;
-floatingArrowRef: HTMLDivElement;
-}, any>;
-
 declare type __VLS_Props = {
     id: string;
     text: string;
@@ -207,6 +230,20 @@ declare function __VLS_template(): {
     rootEl: HTMLLabelElement;
 };
 
+declare function __VLS_template_10(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        contentSlot?(_: {}): any;
+    };
+    refs: {
+        triggerRef: HTMLDivElement;
+        tooltipRef: HTMLDivElement;
+        floatingArrowRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+
 declare function __VLS_template_2(): {
     attrs: Partial<{}>;
     slots: {
@@ -252,6 +289,15 @@ declare function __VLS_template_5(): {
 };
 
 declare function __VLS_template_6(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_7(): {
     attrs: Partial<{}>;
     slots: {
         trigger?(_: {
@@ -270,7 +316,7 @@ declare function __VLS_template_6(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_7(): {
+declare function __VLS_template_8(): {
     attrs: Partial<{}>;
     slots: {
         section?(_: {}): any;
@@ -279,7 +325,7 @@ declare function __VLS_template_7(): {
     rootEl: any;
 };
 
-declare function __VLS_template_8(): {
+declare function __VLS_template_9(): {
     attrs: Partial<{}>;
     slots: {
         trigger?(_: {
@@ -295,22 +341,10 @@ declare function __VLS_template_8(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_9(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        contentSlot?(_: {}): any;
-    };
-    refs: {
-        triggerRef: HTMLDivElement;
-        tooltipRef: HTMLDivElement;
-        floatingArrowRef: HTMLDivElement;
-    };
-    rootEl: any;
-};
-
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
+declare type __VLS_TemplateResult_10 = ReturnType<typeof __VLS_template_10>;
+
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -333,6 +367,12 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_10<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -416,6 +456,100 @@ declare interface ButtonProps {
     customClass?: string;
 }
 
+export declare interface CascadingListItem {
+    id: string;
+    label: string;
+    subtitle?: string;
+    testId?: string;
+    disabled?: boolean;
+}
+
+export declare const CascadingMenu: DefineComponent<CascadingMenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+select: (payload: {
+itemId: string;
+subItemId: string;
+}) => any;
+"update:open": (value: boolean) => any;
+"item-click": (itemId: string) => any;
+"item-expand": (itemId: string) => any;
+}, string, PublicProps, Readonly<CascadingMenuProps> & Readonly<{
+onSelect?: ((payload: {
+itemId: string;
+subItemId: string;
+}) => any) | undefined;
+"onUpdate:open"?: ((value: boolean) => any) | undefined;
+"onItem-click"?: ((itemId: string) => any) | undefined;
+"onItem-expand"?: ((itemId: string) => any) | undefined;
+}>, {
+width: number;
+listStyle: CSSProperties;
+menuStyle: CSSProperties;
+listWidth: number;
+listMaxHeight: number;
+loadingText: string;
+teleportTarget: string | HTMLElement;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+menuRef: HTMLDivElement;
+listRef: HTMLDivElement;
+}, any>;
+
+export declare type CascadingMenuEntry = CascadingMenuItem | CascadingMenuGroup;
+
+export declare interface CascadingMenuGroup {
+    kind: 'group';
+    label: string;
+    items: CascadingMenuItem[];
+}
+
+export declare interface CascadingMenuItem {
+    kind?: 'item';
+    id: string;
+    label: string;
+    testId?: string;
+    subList?: CascadingSubList;
+    hasChildren?: boolean;
+}
+
+export declare interface CascadingMenuProps {
+    open: boolean;
+    anchor: HTMLElement | CascadingVirtualAnchor | null;
+    items: CascadingMenuEntry[];
+    width?: number;
+    listWidth?: number;
+    listMaxHeight?: number;
+    loadingText?: string;
+    menuStyle?: CSSProperties;
+    listStyle?: CSSProperties;
+    /**
+     * Target for the internal `<Teleport>`. Accepts any selector or element
+     * Vue's `Teleport` understands. Defaults to `'body'`. Override when the
+     * host environment watches `document.body` mutations (e.g. a MutationObserver
+     * that hides unknown children) — point to a dedicated, registered container
+     * instead so the menu's DOM is not a direct child of `body`.
+     */
+    teleportTarget?: string | HTMLElement;
+}
+
+export declare interface CascadingSelectPayload {
+    itemId: string;
+    subItemId: string;
+}
+
+export declare interface CascadingSubList {
+    items: CascadingListItem[];
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    loading?: boolean;
+    error?: string | null;
+    emptyText?: string;
+    testId?: string;
+}
+
+export declare interface CascadingVirtualAnchor {
+    getBoundingClientRect(): DOMRect;
+    contextElement?: Element;
+}
+
 export declare const Checkbox: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 export declare interface CheckboxProps {
@@ -559,7 +693,7 @@ size: number | string;
  *
  * NOTE: This file was auto-generated from 'icons.svg'
  */
-export declare type IconNames = 'icon-info-box-error' | 'icon-tooltip-info' | 'filled-info-circle' | 'filled-caution-circle' | 'filled-caution-triangle' | 'filled-caution-triangle-colored' | 'filled-error-box-colored' | 'line-plus-netural' | 'line-close-netural' | 'chip-close' | 'no-color' | 'line-search' | 'filled-dropdown-down' | 'dropdown-down-icon' | 'filled-text-bold' | 'filled-text-italic' | 'filled-text-underline' | 'filled-text-strikethrough' | 'line-caution-triangle' | 'filled-error-box' | 'filled-info-circle' | 'line-check-natural' | 'loading-circle' | 'icon-smart' | 'line-reset' | 'line-arrow-left' | 'line-arrow-up' | 'line-figma' | 'line-academy-02' | 'line-undo' | 'line-redo' | 'line-ai-message-reply-plus' | 'line-architect-segments-closed' | 'line-ai-stop-icon' | 'line-ai-send-icon' | 'line-smart-sirius-ai' | 'line-smart-ai' | 'line-minus-netural' | 'line-check-netural' | 'filled-caution-triangle' | 'line-tooltip' | 'filled-warning-badge' | 'line-help-circle' | 'gamification-icon' | 'popup-icon' | 'line-delete' | 'line-duplicate' | 'line-test-link' | 'text-color-icon' | 'corner-icon' | 'border-icon' | 'border-color' | 'fill-color-icon' | 'text-icon' | 'mixed-text-color-icon' | 'line-height-icon' | 'letter-spacing-icon' | 'filled-text-aligned-left' | 'filled-text-aligned-center' | 'filled-text-aligned-right' | 'filled-text-aligned-justified' | 'filled-aligned-bottom' | 'filled-aligned-middle' | 'filled-aligned-top' | 'button-actions' | 'border-none' | 'border-solid' | 'border-dashed' | 'border-dotted' | 'individual-borders' | 'border-left' | 'border-top' | 'border-right' | 'border-bottom' | 'corner-top-left' | 'corner-top-right' | 'corner-bottom-left' | 'corner-bottom-right' | 'corners-individual' | 'padding-horizontal' | 'padding-vertical' | 'padding-individual' | 'padding-left' | 'padding-right' | 'padding-bottom' | 'padding-top' | 'line-password' | 'line-left-to-bottom' | 'line-right-to-top' | 'line-horizontal' | 'line-vertical' | 'line-change' | 'feedback-helpful' | 'feedback-not-helpful' | 'feedback-helpful-selected' | 'feedback-not-helpful-selected' | 'line-code' | 'line-menu-experiment' | 'line-architect-ai-generate' | 'line-mobile-landscape' | 'line-history' | 'line-navigate' | 'line-edit-code' | 'line-refresh' | 'line-coupon' | 'line-external-link' | 'line-open-website' | 'line-empty-box' | 'line-no-search-result' | 'line-palette' | 'line-no-color-theme' | 'line-chevron-small-down' | 'line-spinner' | 'illustration-no-preview' | 'line-architect-test-journey';
+export declare type IconNames = 'icon-info-box-error' | 'icon-tooltip-info' | 'filled-info-circle' | 'filled-caution-circle' | 'filled-caution-triangle' | 'filled-caution-triangle-colored' | 'filled-error-box-colored' | 'line-plus-netural' | 'line-close-netural' | 'chip-close' | 'chip-close-16' | 'no-color' | 'line-search' | 'filled-dropdown-down' | 'dropdown-down-icon' | 'filled-text-bold' | 'filled-text-italic' | 'filled-text-underline' | 'filled-text-strikethrough' | 'line-caution-triangle' | 'filled-error-box' | 'filled-info-circle' | 'line-check-natural' | 'loading-circle' | 'icon-smart' | 'line-reset' | 'line-arrow-left' | 'line-arrow-up' | 'line-figma' | 'line-academy-02' | 'line-undo' | 'line-redo' | 'line-ai-message-reply-plus' | 'line-architect-segments-closed' | 'line-ai-stop-icon' | 'line-ai-send-icon' | 'line-smart-sirius-ai' | 'line-smart-ai' | 'line-minus-netural' | 'line-check-netural' | 'filled-caution-triangle' | 'line-tooltip' | 'filled-warning-badge' | 'line-help-circle' | 'gamification-icon' | 'popup-icon' | 'line-delete' | 'line-duplicate' | 'line-test-link' | 'text-color-icon' | 'corner-icon' | 'border-icon' | 'border-color' | 'fill-color-icon' | 'text-icon' | 'mixed-text-color-icon' | 'line-height-icon' | 'letter-spacing-icon' | 'filled-text-aligned-left' | 'filled-text-aligned-center' | 'filled-text-aligned-right' | 'filled-text-aligned-justified' | 'filled-aligned-bottom' | 'filled-aligned-middle' | 'filled-aligned-top' | 'button-actions' | 'border-none' | 'border-solid' | 'border-dashed' | 'border-dotted' | 'individual-borders' | 'border-left' | 'border-top' | 'border-right' | 'border-bottom' | 'corner-top-left' | 'corner-top-right' | 'corner-bottom-left' | 'corner-bottom-right' | 'corners-individual' | 'padding-horizontal' | 'padding-vertical' | 'padding-individual' | 'padding-left' | 'padding-right' | 'padding-bottom' | 'padding-top' | 'line-password' | 'line-left-to-bottom' | 'line-right-to-top' | 'line-horizontal' | 'line-vertical' | 'line-change' | 'feedback-helpful' | 'feedback-not-helpful' | 'feedback-helpful-selected' | 'feedback-not-helpful-selected' | 'line-code' | 'line-menu-experiment' | 'line-architect-ai-generate' | 'line-mobile-landscape' | 'line-history' | 'line-navigate' | 'line-edit-code' | 'line-refresh' | 'line-coupon' | 'line-external-link' | 'line-open-website' | 'line-empty-box' | 'line-no-search-result' | 'line-palette' | 'line-no-color-theme' | 'line-chevron-small-down' | 'line-spinner' | 'illustration-no-preview' | 'dynamic-content-icon' | 'line-architect-test-journey';
 
 declare interface IconProps {
     name: AllIconNames;
@@ -611,7 +745,7 @@ declare interface InBoxProps {
     borderTriangleAlign?: string;
 }
 
-export declare const InDropdownMenu: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+export declare const InDropdownMenu: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
 declare interface InDropdownMenuProps {
     modelValue?: string;
@@ -795,7 +929,7 @@ declare interface MenuItem_2 {
     value: string;
 }
 
-export declare const Modal: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+export declare const Modal: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
 declare interface ModalProps {
     title: string;
@@ -833,14 +967,67 @@ maxLength: number;
 
 export declare const OnPageMessage: DefineComponent<OnPageMessageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<OnPageMessageProps> & Readonly<{}>, {
 variant: "default" | "warning" | "alert" | "success";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+textRef: ({
+$: ComponentInternalInstance;
+$data: {};
+$props: {
+readonly variant?: TypographyVariant | undefined;
+readonly as?: string | undefined;
+} & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+$attrs: {
+[x: string]: unknown;
+};
+$refs: {
+[x: string]: unknown;
+};
+$slots: Readonly<{
+[name: string]: Slot<any> | undefined;
+}>;
+$root: ComponentPublicInstance | null;
+$parent: ComponentPublicInstance | null;
+$host: Element | null;
+$emit: (event: string, ...args: any[]) => void;
+$el: any;
+$options: ComponentOptionsBase<Readonly<TypographyProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+variant: TypographyVariant;
+as: string;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+beforeCreate?: (() => void) | (() => void)[];
+created?: (() => void) | (() => void)[];
+beforeMount?: (() => void) | (() => void)[];
+mounted?: (() => void) | (() => void)[];
+beforeUpdate?: (() => void) | (() => void)[];
+updated?: (() => void) | (() => void)[];
+activated?: (() => void) | (() => void)[];
+deactivated?: (() => void) | (() => void)[];
+beforeDestroy?: (() => void) | (() => void)[];
+beforeUnmount?: (() => void) | (() => void)[];
+destroyed?: (() => void) | (() => void)[];
+unmounted?: (() => void) | (() => void)[];
+renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+};
+$forceUpdate: () => void;
+$nextTick: nextTick;
+$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+} & Readonly<{
+variant: TypographyVariant;
+as: string;
+}> & Omit<Readonly<TypographyProps> & Readonly<{}>, "variant" | "as"> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
+$slots: {
+default?(_: {}): any;
+};
+}) | null;
+}, HTMLDivElement>;
 
 declare interface OnPageMessageProps {
     variant?: 'default' | 'warning' | 'alert' | 'success';
     text: string;
 }
 
-export declare const Popover: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+export declare const Popover: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
 declare interface PopoverProps {
     modelValue?: boolean;
@@ -881,6 +1068,8 @@ declare interface Props_2 {
     mode?: 'primary' | 'smart';
 }
 
+export { SearchInput }
+
 export declare const SegmentButton: DefineComponent<SegmentButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (value: string) => any;
 "update:modelValue": (value: string) => any;
@@ -914,6 +1103,34 @@ export declare interface SegmentType {
     tooltip?: string;
 }
 
+export declare const SelectField: DefineComponent<SelectFieldProps, {
+triggerRef: Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+toggle: () => any;
+}, string, PublicProps, Readonly<SelectFieldProps> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {
+label: string;
+disabled: boolean;
+value: string;
+error: string;
+placeholder: string;
+isOpen: boolean;
+helperText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+triggerRef: HTMLButtonElement;
+}, HTMLFieldSetElement>;
+
+declare interface SelectFieldProps {
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    isOpen?: boolean;
+    error?: string;
+    helperText?: string;
+    disabled?: boolean;
+}
+
 export declare interface TabItem {
     value: string;
     label: string;
@@ -964,6 +1181,15 @@ declare interface ToggleProps {
     disabled?: boolean;
 }
 
-export declare const Tooltip: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+export declare const Tooltip: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+
+export declare const Typography: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+
+declare interface TypographyProps {
+    variant?: TypographyVariant;
+    as?: string;
+}
+
+declare type TypographyVariant = 'heading' | 'title' | 'body' | 'body-muted' | 'label' | 'detail' | 'detail-muted' | 'detail-danger' | 'section';
 
 export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/ab-components",
-  "version": "0.0.94",
+  "version": "0.0.97",
   "type": "module",
   "files": [
     "dist"