@pantograph/vue 0.34.3 → 0.34.4

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

@@ -105,7 +105,7 @@ export interface AlertSlots {
     /**
      * Custom closeable content
      */
-    closeable: (params?: object) => never;
+    close: (params?: object) => never;
     /**
      * Custom link content
      */

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -57,7 +57,9 @@ export type AlertDialogProps = Omit<DialogProps, 'noBody' | 'canFullScreen' | 'f
      * <AlertDialog :go-props="{ size: 'lg', color: 'red' }" />
      * ```
      */
-    goProps?: GraphicalObjectProps;
+    goProps?: GraphicalObjectProps & {
+        hide?: boolean;
+    };
     /**
      * Visual type of the alert dialog.
      *

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

@@ -0,0 +1,12 @@
+/**
+ * Array of valid banner types
+ */
+export declare const BannerColors: readonly ["success-subtle", "primary-subtle", "danger-subtle", "warning-subtle", "info-subtle", "neutral-subtle", "primary", "danger", "warning", "info", "success", "neutral"];
+/**
+ * Type representing the possible banner colors
+ */
+export type BannerColor = (typeof BannerColors)[number];
+export declare const BannerPlacements: readonly ["top", "bottom"];
+export type BannerPlacement = (typeof BannerPlacements)[number];
+export declare const BannerPositions: readonly ["absolute", "fixed"];
+export type BannerPosition = (typeof BannerPositions)[number];

package/dist/components/Base/BaseInput/BaseInput.d.ts

@@ -6,6 +6,10 @@ import { Ref } from 'vue';
  * Props for the BaseInput component
  */
 export interface BaseInputProps {
+    /**
+     * Whether the input is read-only
+     */
+    readonly?: boolean;
     /**
      * Whether the input is disabled
      */
@@ -80,11 +84,7 @@ export interface BaseInputProps {
      * Whether the input should fit its content
      */
     contentFit?: boolean;
-    /**
-     * Whether to apply autofill styles to the input
-     * @default true
-     */
-    autofillStyle?: boolean;
+    outsideFgColor?: boolean;
 }
 /**
  * Slots for the BaseInput component
@@ -116,10 +116,6 @@ export interface BaseInputSlots {
      * Clear icon slot
      */
     clearIcon?: (params?: object) => never;
-    /**
-     * Value slot
-     */
-    value?: (params?: object) => never;
 }
 /**
  * Emits for the BaseInput component
@@ -129,10 +125,7 @@ export interface BaseInputEmits {
      * Emitted when the input is cleared
      */
     clear: [];
-    /**
-     * Emitted when the input size changes
-     */
-    resize: [value: number];
+    pointerdown: [event: PointerEvent];
 }
 /**
  * CSS BEM block prefix for the input component
@@ -145,7 +138,7 @@ export declare const inputPrefix: string;
  */
 export declare const useInputExposes: (inputRef: Ref<HTMLInputElement | undefined>) => {
     input: Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-    focus: (option?: FocusOptions) => void | undefined;
+    focus: (option?: FocusOptions) => void;
     blur: () => void | undefined;
     select: () => void | undefined;
     setSelectionRange: (start: number, end: number, direction?: 'forward' | 'backward' | 'none') => void | undefined;
@@ -154,27 +147,21 @@ export declare const useInputExposes: (inputRef: Ref<HTMLInputElement | undefine
  * Default props for the BaseInput component
  */
 export declare const BASE_INPUT_DEFAULT_PROPS: {
+    readonly readonly: undefined;
     readonly disabled: undefined;
     readonly bordered: true;
-    readonly autofillStyle: true;
     readonly clearIcon: "tabler:circle-x";
 };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseInputProps, {
-    adjustWidth: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    resize: (value: number) => any;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clear: () => any;
 }, string, import('vue').PublicProps, Readonly<BaseInputProps> & Readonly<{
-    onResize?: ((value: number) => any) | undefined;
     onClear?: (() => any) | undefined;
 }>, {
     disabled: boolean;
+    readonly: boolean;
     clearIcon: string;
     bordered: boolean;
-    autofillStyle: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    widthRef: HTMLSpanElement;
-}, HTMLDivElement>, Readonly<BaseInputSlots> & BaseInputSlots>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<BaseInputSlots> & BaseInputSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -7,6 +7,7 @@ export declare const COMBO_BOX_DEFAULT_PROPS: {
     readonly noValueOnPlaceholder: undefined;
     readonly multiple: undefined;
     readonly disabled: undefined;
+    readonly readonly: undefined;
     readonly prioritizePosition: false;
     readonly avoidCollisions: undefined;
     readonly sideOffset: 4;
@@ -94,6 +95,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
     onFetch?: (() => any) | undefined;
 }>, {
     disabled: boolean;
+    readonly: boolean;
     bordered: boolean;
     multiple: boolean;
     open: boolean;

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

@@ -37,5 +37,4 @@ export interface ComboboxContext {
 }
 export declare const injectComboboxContext: <T extends ComboboxContext | null | undefined = ComboboxContext>(fallback?: T | undefined) => T extends null ? ComboboxContext | null : ComboboxContext, provideComboboxContext: (contextValue: ComboboxContext) => ComboboxContext;
 export declare const comboboxPrefix: string;
-export declare const comboboxValuePlaceholder: string;
 export declare const comboboxOptionPrefix: string;

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

@@ -41,6 +41,7 @@ export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' |
     defaultValue?: string | string[];
     multiple?: boolean;
     disabled?: boolean;
+    readonly?: boolean;
     highlightOnHover?: boolean;
     resetHighlightedOptionAfterSelect?: boolean;
     resetSearchTermOnBlur?: boolean;

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

@@ -7,6 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
     onMention?: ((value: string | undefined, option?: ComboboxOptionType | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
+    readonly: boolean;
     bordered: boolean;
     multiple: boolean;
     open: boolean;
@@ -38,6 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
             readonly defaultValue?: string | string[] | undefined;
             readonly multiple?: boolean | undefined;
             readonly disabled?: boolean | undefined;
+            readonly readonly?: boolean | undefined;
             readonly highlightOnHover?: boolean | undefined;
             readonly resetHighlightedOptionAfterSelect?: boolean | undefined;
             readonly resetSearchTermOnBlur?: boolean | undefined;
@@ -710,6 +712,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
             fetch: () => any;
         }, string, {
             disabled: boolean;
+            readonly: boolean;
             bordered: boolean;
             multiple: boolean;
             open: boolean;
@@ -754,6 +757,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
     } & Readonly<{
         disabled: boolean;
+        readonly: boolean;
         bordered: boolean;
         multiple: boolean;
         open: boolean;
@@ -793,7 +797,7 @@ 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" | "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") | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "getFlattenOption" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "itemMap" | "highlightedOptionKey" | "comboboxInputFocused" | "inputGroupClass"> & import('vue').ShallowUnwrapRef<{
         isOptionSelected: (value?: string | undefined) => boolean;
         getOptionByValue: (value: string) => import('../Combobox').ComboboxFlattenOptionType | undefined;
         getLabelByValue: (value: string) => string | undefined;

package/dist/components/Input/Input.d.ts

@@ -29,10 +29,6 @@ export interface InputProps extends Omit<BaseInputProps, 'hasValue'> {
      * Whether the input is required
      */
     required?: boolean;
-    /**
-     * Whether the input is read-only
-     */
-    readonly?: boolean;
     /**
      * Whether to fit the input width to its content
      */
@@ -70,14 +66,14 @@ export interface InputEmits extends HasRootInputEmits, BaseInputEmits {
  * Default props for the Input component
  */
 export declare const INPUT_DEFAULT_PROPS: {
+    readonly readonly: undefined;
     readonly disabled: undefined;
     readonly bordered: true;
-    readonly autofillStyle: true;
     readonly clearIcon: "tabler:circle-x";
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<InputProps, {
     input: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-    focus: (option?: FocusOptions | undefined) => void | undefined;
+    focus: (option?: FocusOptions | undefined) => void;
     blur: () => void | undefined;
     select: () => void | undefined;
     setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => void | undefined;
@@ -85,110 +81,22 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
     blur: (event: InputEvent) => any;
     change: (value?: string | null | undefined) => any;
     focus: (event: InputEvent) => any;
-    resize: (value: number) => any;
+    pointerdown: (event: PointerEvent) => any;
     clear: () => any;
     "update:modelValue": (value?: string | null | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
     onBlur?: ((event: InputEvent) => any) | undefined;
     onChange?: ((value?: string | null | undefined) => any) | undefined;
     onFocus?: ((event: InputEvent) => any) | undefined;
-    onResize?: ((value: number) => any) | undefined;
+    onPointerdown?: ((event: PointerEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value?: string | null | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
+    readonly: boolean;
     clearIcon: string;
     bordered: boolean;
-    autofillStyle: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    rootRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly disabled?: boolean | undefined;
-            readonly autoFocus?: boolean | undefined;
-            readonly leading?: string | undefined;
-            readonly trailing?: string | undefined;
-            readonly clearIcon?: string | undefined;
-            readonly trailingCls?: import('clsx').ClassValue;
-            readonly clearIconCls?: import('clsx').ClassValue;
-            readonly dividerCls?: import('clsx').ClassValue;
-            readonly leadingCls?: import('clsx').ClassValue;
-            readonly class?: import('clsx').ClassValue;
-            readonly allowClear?: boolean | undefined;
-            readonly bordered?: boolean | undefined;
-            readonly simple?: boolean | undefined;
-            readonly size?: "sm" | "md" | "lg" | undefined;
-            readonly status?: "none" | "error" | "success" | "warning" | undefined;
-            readonly hasValue?: boolean | undefined;
-            readonly steps?: boolean | undefined;
-            readonly contentFit?: boolean | undefined;
-            readonly autofillStyle?: boolean | undefined;
-            readonly onResize?: ((value: number) => any) | undefined;
-            readonly onClear?: (() => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            widthRef: HTMLSpanElement;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-        $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-        $host: Element | null;
-        $emit: ((event: "resize", value: number) => void) & ((event: "clear") => void);
-        $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<BaseInputProps> & Readonly<{
-            onResize?: ((value: number) => any) | undefined;
-            onClear?: (() => any) | undefined;
-        }>, {
-            adjustWidth: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            resize: (value: number) => any;
-            clear: () => any;
-        }, string, {
-            disabled: boolean;
-            clearIcon: string;
-            bordered: boolean;
-            autofillStyle: boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
-    } & Readonly<{
-        disabled: boolean;
-        clearIcon: string;
-        bordered: boolean;
-        autofillStyle: boolean;
-    }> & Omit<Readonly<BaseInputProps> & Readonly<{
-        onResize?: ((value: number) => any) | undefined;
-        onClear?: (() => any) | undefined;
-    }>, "adjustWidth" | ("disabled" | "clearIcon" | "bordered" | "autofillStyle")> & import('vue').ShallowUnwrapRef<{
-        adjustWidth: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<BaseInputSlots> & BaseInputSlots;
-    }) | null;
     inputRef: HTMLInputElement;
 }, HTMLDivElement>, Readonly<InputSlots> & InputSlots>;
 export default _default;

package/dist/components/InputNumber/InputNumber.d.ts

@@ -1,4 +1,3 @@
-import { nextTick } from 'vue';
 import { HasRootInputEmits } from '@pantograph/utils-vue';
 import { BaseInputEmits, BaseInputProps, BaseInputSlots } from '../Base/BaseInput/BaseInput';
 /**
@@ -25,8 +24,6 @@ export interface InputNumberProps extends Omit<BaseInputProps, 'hasValue'> {
     step?: number;
     /** Whether to show the increment/decrement controls */
     controls?: boolean;
-    /** Whether the input is read-only */
-    readonly?: boolean;
 }
 /**
  * Slots for the InputNumber component
@@ -61,14 +58,14 @@ export interface InputNumberEmits extends HasRootInputEmits, BaseInputEmits {
 export declare const INPUT_NUMBER_DEFAULT_PROPS: {
     readonly controls: true;
     readonly step: 1;
+    readonly readonly: undefined;
     readonly disabled: undefined;
     readonly bordered: true;
-    readonly autofillStyle: true;
     readonly clearIcon: "tabler:circle-x";
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<InputNumberProps, {
     input: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-    focus: (option?: FocusOptions | undefined) => void | undefined;
+    focus: (option?: FocusOptions | undefined) => void;
     blur: () => void | undefined;
     select: () => void | undefined;
     setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => void | undefined;
@@ -77,7 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
     blur: (event: InputEvent) => any;
     change: (value?: number | undefined) => any;
     focus: (event: InputEvent) => any;
-    resize: (value: number) => any;
+    pointerdown: (event: PointerEvent) => any;
     clear: () => any;
     "update:modelValue": (value?: number | undefined) => any;
     step: (event: {
@@ -92,7 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
     onBlur?: ((event: InputEvent) => any) | undefined;
     onChange?: ((value?: number | undefined) => any) | undefined;
     onFocus?: ((event: InputEvent) => any) | undefined;
-    onResize?: ((value: number) => any) | undefined;
+    onPointerdown?: ((event: PointerEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
     onStep?: ((event: {
@@ -104,100 +101,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
     onKeydownEnter?: ((event: KeyboardEvent) => any) | undefined;
 }>, {
     disabled: boolean;
+    readonly: boolean;
     clearIcon: string;
     bordered: boolean;
-    autofillStyle: boolean;
     step: number;
     controls: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    rootRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly disabled?: boolean | undefined;
-            readonly autoFocus?: boolean | undefined;
-            readonly leading?: string | undefined;
-            readonly trailing?: string | undefined;
-            readonly clearIcon?: string | undefined;
-            readonly trailingCls?: import('clsx').ClassValue;
-            readonly clearIconCls?: import('clsx').ClassValue;
-            readonly dividerCls?: import('clsx').ClassValue;
-            readonly leadingCls?: import('clsx').ClassValue;
-            readonly class?: import('clsx').ClassValue;
-            readonly allowClear?: boolean | undefined;
-            readonly bordered?: boolean | undefined;
-            readonly simple?: boolean | undefined;
-            readonly size?: "sm" | "md" | "lg" | undefined;
-            readonly status?: "none" | "error" | "success" | "warning" | undefined;
-            readonly hasValue?: boolean | undefined;
-            readonly steps?: boolean | undefined;
-            readonly contentFit?: boolean | undefined;
-            readonly autofillStyle?: boolean | undefined;
-            readonly onResize?: ((value: number) => any) | undefined;
-            readonly onClear?: (() => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            widthRef: HTMLSpanElement;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-        $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-        $host: Element | null;
-        $emit: ((event: "resize", value: number) => void) & ((event: "clear") => void);
-        $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<BaseInputProps> & Readonly<{
-            onResize?: ((value: number) => any) | undefined;
-            onClear?: (() => any) | undefined;
-        }>, {
-            adjustWidth: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            resize: (value: number) => any;
-            clear: () => any;
-        }, string, {
-            disabled: boolean;
-            clearIcon: string;
-            bordered: boolean;
-            autofillStyle: boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
-    } & Readonly<{
-        disabled: boolean;
-        clearIcon: string;
-        bordered: boolean;
-        autofillStyle: boolean;
-    }> & Omit<Readonly<BaseInputProps> & Readonly<{
-        onResize?: ((value: number) => any) | undefined;
-        onClear?: (() => any) | undefined;
-    }>, "adjustWidth" | ("disabled" | "clearIcon" | "bordered" | "autofillStyle")> & import('vue').ShallowUnwrapRef<{
-        adjustWidth: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<BaseInputSlots> & BaseInputSlots;
-    }) | null;
     inputRef: HTMLInputElement;
 }, HTMLDivElement>, Readonly<InputNumberSlots> & InputNumberSlots>;
 export default _default;

package/dist/components/Link/Link.d.ts

@@ -18,6 +18,7 @@ export interface LinkProps {
     text?: string;
     /** The text style for the link */
     txs?: LinkStyle;
+    color?: string;
 }
 /**
  * Slots for the Link component

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

@@ -1,4 +1,5 @@
 import { Ref } from 'vue';
+import { PopoverBaseProps } from '../type.ts';
 /**
  * Keys for PopoverPortal props
  */
@@ -7,6 +8,7 @@ declare const popoverPortalPropsKeys: readonly ["to", "defer", "disabled", "forc
  * Type for PopoverPortal prop names
  */
 export type PopoverPortalPropsName = Partial<Record<(typeof popoverPortalPropsKeys)[number], string>>;
+export declare const getTOElement: (el: PopoverBaseProps['to'], triggerRef?: Ref<any>) => string | HTMLElement | undefined;
 /**
  * Gets the portal props for the Popover component
  * @param triggerRef Reference to the trigger element
@@ -18,7 +20,7 @@ export declare const getPopoverPortalProps: ({ triggerRef, props: _props }: {
     triggerRef?: Ref<any>;
     props: object;
 }, propsName?: PopoverPortalPropsName) => import('vue').ComputedRef<{
-    to: string | HTMLElement;
+    to: string | HTMLElement | undefined;
     defer: boolean;
     disabled: boolean;
     forceMount: boolean;

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

@@ -29,7 +29,7 @@ export declare const usePopoverContext: ({ slots, prefix, props, emit, emitsAsPr
         modal?: boolean | undefined;
     }>;
     portalProps: import('vue').ComputedRef<{
-        to: string | HTMLElement;
+        to: string | HTMLElement | undefined;
         defer: boolean;
         disabled: boolean;
         forceMount: boolean;

package/dist/components/Select/Select.d.ts

@@ -7,6 +7,7 @@ export declare const SELECT_DEFAULT_PROPS: {
     readonly defaultOpen: undefined;
     readonly multiple: undefined;
     readonly disabled: undefined;
+    readonly readonly: undefined;
     readonly prioritizePosition: undefined;
     readonly avoidCollisions: undefined;
     readonly forceMount: undefined;
@@ -45,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Se
     onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
 }>, {
     disabled: boolean;
+    readonly: boolean;
     bordered: boolean;
     multiple: boolean;
     open: boolean;

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

@@ -1,12 +1,12 @@
+import { EmitToProp } from '@pantograph/utils-vue';
+import { ClassValue } from 'clsx';
 import { SelectContentEmits, SelectContentProps, SelectPortalProps, SelectRootEmits, SelectRootProps, SelectTriggerProps } from 'reka-ui';
-import { PopoverBaseProps, PopoverPlacement } from '../Popover';
 import { Direction } from '../ConfigProvider';
+import { EmptyProps } from '../Empty';
+import { PopoverBaseProps, PopoverPlacement } from '../Popover';
+import { ScrollContainerProps } from '../ScrollContainer';
 import { SkeletonProps } from '../Skeleton';
 import { SelectSize, SelectStatus } from './Select.model';
-import { EmitToProp } from '@pantograph/utils-vue';
-import { ScrollContainerProps } from '../ScrollContainer';
-import { EmptyProps } from '../Empty';
-import { ClassValue } from 'clsx';
 /**
  * Interface for default Select option item
  */
@@ -56,6 +56,8 @@ export interface SelectProps extends SelectRootProps, Omit<SelectTriggerProps, '
     size?: SelectSize;
     /** Whether to allow multiple selections */
     multiple?: boolean;
+    /** Whether the select component is readonly */
+    readonly?: boolean;
     /** Whether the dropdown content should fit the trigger width */
     contentFit?: boolean;
     /** Whether the select component should wrap its content */

package/dist/components/Textarea/Textarea.d.ts

@@ -28,7 +28,8 @@ export interface TextareaProps {
     defaultHeight?: string | number;
     /** Maximum height of the textarea */
     maxHeight?: string | number;
-    autofillStyle?: boolean;
+    outsideFgColor?: boolean;
+    readonly?: boolean;
 }
 /**
  * Events emitted by the Textarea component
@@ -43,9 +44,9 @@ export interface TextareaEmits {
  * Default props for the Textarea component
  */
 export declare const TEXTAREA_DEFAULT_PROPS: {
+    readonly readonly: undefined;
     readonly disabled: undefined;
     readonly bordered: true;
-    readonly autofillStyle: true;
 };
 declare const _default: import('vue').DefineComponent<TextareaProps, {
     textarea: import('vue').Ref<any, any>;
@@ -61,8 +62,8 @@ declare const _default: import('vue').DefineComponent<TextareaProps, {
     "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
+    readonly: boolean;
     bordered: boolean;
-    autofillStyle: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     textarea: HTMLTextAreaElement;
 }, HTMLTextAreaElement>;