@pantograph/vue 0.34.11 → 0.34.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Base/BaseInput/BaseInput.d.ts +2 -0
- package/dist/components/Checkbox/Checkbox.d.ts +2 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +2 -0
- package/dist/components/CoachMark/CoachMark.d.ts +2 -0
- package/dist/components/HoverCard/HoverCard.d.ts +2 -0
- package/dist/components/Input/Input.d.ts +1 -3
- package/dist/components/Popover/Popover.d.ts +2 -0
- package/dist/components/Popover/type.d.ts +1 -0
- package/dist/components/Popover/utils/usePopoverContext.d.ts +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +3 -1
- package/dist/index.js +4449 -4428
- package/dist/index.umd.cjs +9 -9
- package/package.json +2 -2
|
@@ -2,10 +2,12 @@ import { ClassValue } from 'clsx';
|
|
|
2
2
|
import { InputSize, InputStatus } from './BaseInput.model';
|
|
3
3
|
import { IconSize } from '../../Icon';
|
|
4
4
|
import { Ref } from 'vue';
|
|
5
|
+
import { Direction } from '../../ConfigProvider';
|
|
5
6
|
/**
|
|
6
7
|
* Props for the BaseInput component
|
|
7
8
|
*/
|
|
8
9
|
export interface BaseInputProps {
|
|
10
|
+
dir?: Direction;
|
|
9
11
|
/**
|
|
10
12
|
* Whether the input is read-only
|
|
11
13
|
*/
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { CheckboxRootEmits, CheckboxRootProps } from 'reka-ui';
|
|
2
2
|
import { CheckboxSize } from './Checkbox.model';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
|
+
import { Direction } from '../ConfigProvider';
|
|
4
5
|
/**
|
|
5
6
|
* Props for the Checkbox component
|
|
6
7
|
*/
|
|
7
8
|
export interface CheckboxProps extends Omit<CheckboxRootProps, 'as' | 'asChild' | 'value'> {
|
|
9
|
+
dir?: Direction;
|
|
8
10
|
/** deprecated */
|
|
9
11
|
checked?: CheckboxRootProps['modelValue'];
|
|
10
12
|
/**
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { PrimitiveProps } from 'reka-ui';
|
|
2
2
|
import { CheckboxSize } from '../Checkbox/Checkbox.model';
|
|
3
3
|
import { Ref } from 'vue';
|
|
4
|
+
import { Direction } from '../ConfigProvider';
|
|
4
5
|
export type CheckboxGroupEmits = {
|
|
5
6
|
'update:modelValue': [value: any];
|
|
6
7
|
change: [value: any];
|
|
@@ -30,6 +31,7 @@ type Value = (number | string)[];
|
|
|
30
31
|
* Props for the CheckboxGroup component
|
|
31
32
|
*/
|
|
32
33
|
export type CheckboxGroupProps = PrimitiveProps & {
|
|
34
|
+
dir?: Direction;
|
|
33
35
|
/**
|
|
34
36
|
* Model value for the checkbox group
|
|
35
37
|
*/
|
|
@@ -74,6 +74,7 @@ export declare const COACH_MARK_DEFAULT_PROPS: {
|
|
|
74
74
|
readonly zIndex: 1000;
|
|
75
75
|
readonly updatePositionStrategy: "optimized";
|
|
76
76
|
readonly renderPopupsInContent: true;
|
|
77
|
+
readonly asChild: true;
|
|
77
78
|
};
|
|
78
79
|
/**
|
|
79
80
|
* Props for the CoachMark component
|
|
@@ -191,6 +192,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
191
192
|
}>, {
|
|
192
193
|
footer: boolean;
|
|
193
194
|
size: "sm" | "md" | "none" | "lg";
|
|
195
|
+
asChild: boolean;
|
|
194
196
|
width: number;
|
|
195
197
|
open: boolean;
|
|
196
198
|
prioritizePosition: boolean;
|
|
@@ -29,6 +29,7 @@ export declare const HOVER_CARD_DEFAULT_PROPS: {
|
|
|
29
29
|
readonly zIndex: 1000;
|
|
30
30
|
readonly updatePositionStrategy: "optimized";
|
|
31
31
|
readonly renderPopupsInContent: true;
|
|
32
|
+
readonly asChild: true;
|
|
32
33
|
};
|
|
33
34
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<HoverCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
34
35
|
"update:open": (value: boolean) => any;
|
|
@@ -44,6 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ho
|
|
|
44
45
|
onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
45
46
|
}>, {
|
|
46
47
|
size: "sm" | "md" | "none" | "lg";
|
|
48
|
+
asChild: boolean;
|
|
47
49
|
open: boolean;
|
|
48
50
|
prioritizePosition: boolean;
|
|
49
51
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
|
|
@@ -107,9 +107,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
|
|
|
107
107
|
focus: (option?: FocusOptions | undefined) => void;
|
|
108
108
|
blur: () => void | undefined;
|
|
109
109
|
select: () => void | undefined;
|
|
110
|
-
setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => void | undefined;
|
|
111
|
-
* InputGroup context
|
|
112
|
-
*/
|
|
110
|
+
setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => void | undefined;
|
|
113
111
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
114
112
|
blur: (event: InputEvent) => any;
|
|
115
113
|
change: (value?: string | null | undefined) => any;
|
|
@@ -18,6 +18,7 @@ export declare const POPOVER_DEFAULT_PROPS: {
|
|
|
18
18
|
readonly zIndex: 1000;
|
|
19
19
|
readonly updatePositionStrategy: "optimized";
|
|
20
20
|
readonly renderPopupsInContent: true;
|
|
21
|
+
readonly asChild: true;
|
|
21
22
|
};
|
|
22
23
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<PopoverProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
23
24
|
closeAutoFocus: (event: Event) => any;
|
|
@@ -39,6 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Po
|
|
|
39
40
|
onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
40
41
|
}>, {
|
|
41
42
|
size: "sm" | "md" | "none" | "lg";
|
|
43
|
+
asChild: boolean;
|
|
42
44
|
open: boolean;
|
|
43
45
|
prioritizePosition: boolean;
|
|
44
46
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
|
|
@@ -22,6 +22,7 @@ export declare const usePopoverContext: ({ slots, prefix, props, emit, emitsAsPr
|
|
|
22
22
|
size?: string | null | undefined;
|
|
23
23
|
noPadding?: string | null | undefined;
|
|
24
24
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
25
|
+
asChild: import('vue').ShallowRef<boolean, boolean>;
|
|
25
26
|
rootOpenProp: import('vue').ComputedRef<{
|
|
26
27
|
open: boolean | undefined;
|
|
27
28
|
'onUpdate:open': (value: boolean) => void;
|
|
@@ -9,7 +9,7 @@ import { ShortcutProps } from '../Shortcut';
|
|
|
9
9
|
* It extends functionality from TooltipRootProps, TooltipProviderProps, TooltipPortalProps,
|
|
10
10
|
* TooltipContentProps, and PopoverBaseProps with additional custom props for content rendering.
|
|
11
11
|
*/
|
|
12
|
-
export interface TooltipProps extends TooltipRootProps, TooltipProviderProps, Omit<TooltipTriggerProps, 'as'
|
|
12
|
+
export interface TooltipProps extends TooltipRootProps, TooltipProviderProps, Omit<TooltipTriggerProps, 'as'>, Omit<TooltipPortalProps, 'to'>, Omit<TooltipContentProps, 'as' | 'side' | 'align'>, Omit<PopoverBaseProps, 'size'> {
|
|
13
13
|
/**
|
|
14
14
|
* Width of the tooltip content
|
|
15
15
|
* Accepts CSS width values (e.g., '200px', '50%', 200)
|
|
@@ -140,6 +140,7 @@ export declare const TOOLTIP_DEFAULT_PROPS: {
|
|
|
140
140
|
* Small offset from the trigger element
|
|
141
141
|
*/
|
|
142
142
|
readonly sideOffset: 8;
|
|
143
|
+
readonly asChild: true;
|
|
143
144
|
/**
|
|
144
145
|
* Optimized positioning strategy for better performance
|
|
145
146
|
*/
|
|
@@ -154,6 +155,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<To
|
|
|
154
155
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
155
156
|
onPointerDownOutside?: ((event: Event) => any) | undefined;
|
|
156
157
|
}>, {
|
|
158
|
+
asChild: boolean;
|
|
157
159
|
open: boolean;
|
|
158
160
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
|
|
159
161
|
sideOffset: number;
|