@dolanske/vui 1.13.2 → 1.13.3

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.
@@ -4,6 +4,8 @@ export interface Props {
4
4
  footerSeparator?: boolean;
5
5
  padding?: boolean;
6
6
  headerAlign?: 'start' | 'center' | 'end' | 'baseline';
7
+ centered?: boolean;
8
+ borderStyle?: 'solid' | 'dashed' | 'dotted' | (string & {});
7
9
  }
8
10
  declare function __VLS_template(): {
9
11
  attrs: Partial<{}>;
@@ -11,10 +11,27 @@ export interface Command {
11
11
  handler?: () => void;
12
12
  }
13
13
  interface Props {
14
+ /**
15
+ * Controls whether the commands modal is visible
16
+ */
14
17
  open: boolean;
18
+ /**
19
+ * Placeholder text shown in the search input
20
+ */
15
21
  placeholder?: string;
22
+ /**
23
+ * List of commands to display and search through
24
+ */
16
25
  commands: Command[];
26
+ /**
27
+ * Shows a spinner in place of the search icon while true. Useful if external
28
+ * async data related to commands is loading.
29
+ */
17
30
  loading?: boolean;
31
+ /**
32
+ * Renders the commands palette in a compact layout
33
+ */
34
+ compact?: boolean;
18
35
  }
19
36
  type __VLS_PublicProps = {
20
37
  'search'?: string;
@@ -1,6 +1,6 @@
1
1
  interface BaseProps {
2
2
  size?: number | string;
3
- type?: 'solid' | 'dashed' | 'dotted';
3
+ type?: 'solid' | 'dashed' | 'dotted' | (string & {});
4
4
  }
5
5
  declare function __VLS_template(): {
6
6
  attrs: Partial<{}>;
@@ -90,9 +90,9 @@ declare function __VLS_template(): {
90
90
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
91
91
  clickOutside: () => any;
92
92
  }, string, {
93
- teleport: boolean;
94
- offset: number;
95
93
  placement: Placement;
94
+ offset: number;
95
+ teleport: boolean;
96
96
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
97
97
  beforeCreate?: (() => void) | (() => void)[];
98
98
  created?: (() => void) | (() => void)[];
@@ -114,12 +114,12 @@ declare function __VLS_template(): {
114
114
  $nextTick: typeof nextTick;
115
115
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
116
116
  } & Readonly<{
117
- teleport: boolean;
118
- offset: number;
119
117
  placement: Placement;
118
+ offset: number;
119
+ teleport: boolean;
120
120
  }> & Omit<Readonly<import('../Popout/Popout.vue').Props> & Readonly<{
121
121
  onClickOutside?: (() => any) | undefined;
122
- }>, "el" | ("teleport" | "offset" | "placement")> & {
122
+ }>, "el" | ("placement" | "offset" | "teleport")> & {
123
123
  el: HTMLDivElement | null;
124
124
  } & {} & import('vue').ComponentCustomProperties & {} & {
125
125
  $slots: {
@@ -176,9 +176,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
176
176
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
177
177
  clickOutside: () => any;
178
178
  }, string, {
179
- teleport: boolean;
180
- offset: number;
181
179
  placement: Placement;
180
+ offset: number;
181
+ teleport: boolean;
182
182
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
183
183
  beforeCreate?: (() => void) | (() => void)[];
184
184
  created?: (() => void) | (() => void)[];
@@ -200,12 +200,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
200
200
  $nextTick: typeof nextTick;
201
201
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
202
202
  } & Readonly<{
203
- teleport: boolean;
204
- offset: number;
205
203
  placement: Placement;
204
+ offset: number;
205
+ teleport: boolean;
206
206
  }> & Omit<Readonly<import('../Popout/Popout.vue').Props> & Readonly<{
207
207
  onClickOutside?: (() => any) | undefined;
208
- }>, "el" | ("teleport" | "offset" | "placement")> & {
208
+ }>, "el" | ("placement" | "offset" | "teleport")> & {
209
209
  el: HTMLDivElement | null;
210
210
  } & {} & import('vue').ComponentCustomProperties & {} & {
211
211
  $slots: {
@@ -55,9 +55,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
55
55
  }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
56
56
  onClickOutside?: (() => any) | undefined;
57
57
  }>, {
58
- teleport: boolean;
59
- offset: number;
60
58
  placement: Placement;
59
+ offset: number;
60
+ teleport: boolean;
61
61
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
62
62
  popout: HTMLDivElement;
63
63
  }, any>;
@@ -48,9 +48,9 @@ declare function __VLS_template(): {
48
48
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
49
49
  clickOutside: () => any;
50
50
  }, string, {
51
- teleport: boolean;
52
- offset: number;
53
51
  placement: import('../../shared/types').Placement;
52
+ offset: number;
53
+ teleport: boolean;
54
54
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
55
55
  beforeCreate?: (() => void) | (() => void)[];
56
56
  created?: (() => void) | (() => void)[];
@@ -72,12 +72,12 @@ declare function __VLS_template(): {
72
72
  $nextTick: typeof import('vue').nextTick;
73
73
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
74
74
  } & Readonly<{
75
- teleport: boolean;
76
- offset: number;
77
75
  placement: import('../../shared/types').Placement;
76
+ offset: number;
77
+ teleport: boolean;
78
78
  }> & Omit<Readonly<Props> & Readonly<{
79
79
  onClickOutside?: (() => any) | undefined;
80
- }>, "el" | ("teleport" | "offset" | "placement")> & {
80
+ }>, "el" | ("placement" | "offset" | "teleport")> & {
81
81
  el: HTMLDivElement | null;
82
82
  } & {} & import('vue').ComponentCustomProperties & {} & {
83
83
  $slots: {
@@ -125,9 +125,9 @@ declare const __VLS_component: import('vue').DefineComponent<PopoutHoverProps, {
125
125
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
126
126
  clickOutside: () => any;
127
127
  }, string, {
128
- teleport: boolean;
129
- offset: number;
130
128
  placement: import('../../shared/types').Placement;
129
+ offset: number;
130
+ teleport: boolean;
131
131
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
132
132
  beforeCreate?: (() => void) | (() => void)[];
133
133
  created?: (() => void) | (() => void)[];
@@ -149,12 +149,12 @@ declare const __VLS_component: import('vue').DefineComponent<PopoutHoverProps, {
149
149
  $nextTick: typeof import('vue').nextTick;
150
150
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
151
151
  } & Readonly<{
152
- teleport: boolean;
153
- offset: number;
154
152
  placement: import('../../shared/types').Placement;
153
+ offset: number;
154
+ teleport: boolean;
155
155
  }> & Omit<Readonly<Props> & Readonly<{
156
156
  onClickOutside?: (() => any) | undefined;
157
- }>, "el" | ("teleport" | "offset" | "placement")> & {
157
+ }>, "el" | ("placement" | "offset" | "teleport")> & {
158
158
  el: HTMLDivElement | null;
159
159
  } & {} & import('vue').ComponentCustomProperties & {} & {
160
160
  $slots: {
@@ -1,5 +1,7 @@
1
1
  import { Command, default as Commands } from './components/Commands/Commands.vue';
2
- import { Sizes, Spaces, SpaceSize } from './shared/types';
2
+ import { SelectOption, default as Select } from './components/Select/Select.vue';
3
+ import { Breakpoints, useBreakpoint, vuiBreakpoints } from './shared/breakpoints';
4
+ import { Size, Sizes, Spaces, SpaceSize } from './shared/types';
3
5
  import { default as Accordion } from './components/Accordion/Accordion.vue';
4
6
  import { default as AccordionGroup } from './components/Accordion/AccordionGroup.vue';
5
7
  import { default as Alert } from './components/Alert/Alert.vue';
@@ -47,7 +49,6 @@ import { default as Progress } from './components/Progress/Progress.vue';
47
49
  import { default as Radio } from './components/Radio/Radio.vue';
48
50
  import { default as RadioGroup } from './components/Radio/RadioGroup.vue';
49
51
  import { default as Resizable } from './components/Resizable/Resizable.vue';
50
- import { default as Select } from './components/Select/Select.vue';
51
52
  import { default as Sheet } from './components/Sheet/Sheet.vue';
52
53
  import { default as Sidebar } from './components/Sidebar/Sidebar.vue';
53
54
  import { default as Skeleton } from './components/Skeleton/Skeleton.vue';
@@ -60,9 +61,8 @@ import { pushToast, removeToast } from './components/Toast/toast';
60
61
  import { default as Toasts } from './components/Toast/Toasts.vue';
61
62
  import { default as Tooltip } from './components/Tooltip/Tooltip.vue';
62
63
  import { default as Backdrop } from './internal/Backdrop/Backdrop.vue';
63
- import { useBreakpoint, vuiBreakpoints } from './shared/breakpoints';
64
64
  import { searchString } from './shared/helpers';
65
65
  import { setColorTheme, theme } from './shared/theme';
66
66
  import { useViewTransition } from './shared/viewTransition';
67
67
  import * as Table from './components/Table';
68
- export { Accordion, AccordionGroup, Alert, Avatar, AvatarGroup, Backdrop, Badge, BadgeGroup, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Color, type Command, Commands, Confirm, CopyClipboard, Counter, defineTable, Divider, Drawer, Dropdown, DropdownItem, DropdownTitle, Dropzone, File, Flex, Grid, Indicator, Input, Kbd, KbdGroup, Marquee, Modal, OTP, OTPItem, Overflow, paginate, Pagination, Password, Popout, PopoutHover, Progress, pushToast, Radio, RadioGroup, removeToast, Resizable, searchString, Select, setColorTheme, Sheet, Sidebar, type Sizes, Skeleton, type Spaces, type SpaceSize, Spinner, Switch, Tab, Table, Tabs, Textarea, theme, Toasts, Tooltip, useBreakpoint, useViewTransition, vuiBreakpoints, };
68
+ export { Accordion, AccordionGroup, Alert, Avatar, AvatarGroup, Backdrop, Badge, BadgeGroup, BreadcrumbItem, Breadcrumbs, type Breakpoints, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Color, type Command, Commands, Confirm, CopyClipboard, Counter, defineTable, Divider, Drawer, Dropdown, DropdownItem, DropdownTitle, Dropzone, File, Flex, Grid, Indicator, Input, Kbd, KbdGroup, Marquee, Modal, OTP, OTPItem, Overflow, paginate, Pagination, Password, Popout, PopoutHover, Progress, pushToast, Radio, RadioGroup, removeToast, Resizable, searchString, Select, type SelectOption, setColorTheme, Sheet, Sidebar, type Size, type Sizes, Skeleton, type Spaces, type SpaceSize, Spinner, Switch, Tab, Table, Tabs, Textarea, theme, Toasts, Tooltip, useBreakpoint, useViewTransition, vuiBreakpoints, };
@@ -1,14 +1,20 @@
1
1
  import { Ref } from 'vue';
2
2
  export declare enum Breakpoints {
3
3
  Mobile = "mobile",
4
- Tablet = "tablet"
4
+ Tablet = "tablet",
5
+ SmallDesktop = "smallDesktop",
6
+ Desktop = "desktop"
5
7
  }
6
8
  export declare const vuiBreakpoints: Ref<{
7
9
  mobile: number;
8
10
  tablet: number;
11
+ smallDesktop: number;
12
+ desktop: number;
9
13
  }, Record<Breakpoints, number> | {
10
14
  mobile: number;
11
15
  tablet: number;
16
+ smallDesktop: number;
17
+ desktop: number;
12
18
  }>;
13
19
  /**
14
20
  * Returns a reactive boolean indicating if the current window width is less than or equal to the specified breakpoint.