@tb-dev/vue-components 4.0.0 → 5.0.0

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.
Files changed (55) hide show
  1. package/dist/components/__base/command/Command.vue.d.ts +40 -0
  2. package/dist/components/__base/command/CommandDialog.vue.d.ts +29 -0
  3. package/dist/components/__base/command/CommandEmpty.vue.d.ts +22 -0
  4. package/dist/components/__base/command/CommandGroup.vue.d.ts +23 -0
  5. package/dist/components/__base/command/CommandInput.vue.d.ts +7 -0
  6. package/dist/components/__base/command/CommandItem.vue.d.ts +30 -0
  7. package/dist/components/__base/command/CommandList.vue.d.ts +22 -0
  8. package/dist/components/__base/command/CommandSeparator.vue.d.ts +22 -0
  9. package/dist/components/__base/command/CommandShortcut.vue.d.ts +21 -0
  10. package/dist/components/__base/command/index.d.ts +90 -0
  11. package/dist/components/card/index.d.ts +1 -3
  12. package/dist/components/checkbox/index.d.ts +1 -4
  13. package/dist/components/command/index.d.ts +1 -0
  14. package/dist/components/index.d.ts +2 -5
  15. package/dist/components/input/index.d.ts +1 -3
  16. package/dist/components/number-field/index.d.ts +1 -0
  17. package/dist/components/select/index.d.ts +1 -4
  18. package/dist/components/switch/index.d.ts +1 -3
  19. package/dist/components/table/Table.vue.d.ts +0 -6
  20. package/dist/components/table/index.d.ts +1 -2
  21. package/dist/components/table/types.d.ts +0 -13
  22. package/dist/components/textarea/index.d.ts +1 -3
  23. package/dist/index.js +1324 -1587
  24. package/package.json +8 -8
  25. package/dist/components/button-icon/ButtonIcon.vue.d.ts +0 -19
  26. package/dist/components/button-icon/index.d.ts +0 -3
  27. package/dist/components/button-icon/types.d.ts +0 -9
  28. package/dist/components/button-link/ButtonLink.vue.d.ts +0 -19
  29. package/dist/components/button-link/ButtonLinkInner.vue.d.ts +0 -21
  30. package/dist/components/button-link/index.d.ts +0 -3
  31. package/dist/components/button-link/types.d.ts +0 -14
  32. package/dist/components/card/Card.vue.d.ts +0 -29
  33. package/dist/components/card/types.d.ts +0 -10
  34. package/dist/components/checkbox/Checkbox.vue.d.ts +0 -11
  35. package/dist/components/checkbox/types.d.ts +0 -6
  36. package/dist/components/checkbox/utils.d.ts +0 -3
  37. package/dist/components/dialog/types.d.ts +0 -8
  38. package/dist/components/input/Input.vue.d.ts +0 -39
  39. package/dist/components/input/types.d.ts +0 -19
  40. package/dist/components/input-number/InputNumber.vue.d.ts +0 -9
  41. package/dist/components/input-number/index.d.ts +0 -3
  42. package/dist/components/input-number/types.d.ts +0 -18
  43. package/dist/components/input-text/InputText.vue.d.ts +0 -70
  44. package/dist/components/input-text/index.d.ts +0 -3
  45. package/dist/components/input-text/types.d.ts +0 -16
  46. package/dist/components/link/Link.vue.d.ts +0 -19
  47. package/dist/components/link/index.d.ts +0 -3
  48. package/dist/components/link/types.d.ts +0 -4
  49. package/dist/components/select/Select.vue.d.ts +0 -27
  50. package/dist/components/select/types.d.ts +0 -14
  51. package/dist/components/switch/Switch.vue.d.ts +0 -31
  52. package/dist/components/switch/types.d.ts +0 -3
  53. package/dist/components/table/TableLink.vue.d.ts +0 -19
  54. package/dist/components/textarea/Textarea.vue.d.ts +0 -37
  55. package/dist/components/textarea/types.d.ts +0 -22
@@ -0,0 +1,40 @@
1
+ import { ListboxRootProps } from 'reka-ui';
2
+ import { HTMLAttributes } from 'vue';
3
+ type __VLS_Props = ListboxRootProps & {
4
+ class?: HTMLAttributes['class'];
5
+ };
6
+ declare function __VLS_template(): {
7
+ attrs: Partial<{}>;
8
+ slots: {
9
+ default?(_: {}): any;
10
+ };
11
+ refs: {};
12
+ rootEl: any;
13
+ };
14
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
16
+ "update:modelValue": (value: import('reka-ui').AcceptableValue) => any;
17
+ highlight: (payload: {
18
+ ref: HTMLElement;
19
+ value: import('reka-ui').AcceptableValue;
20
+ } | undefined) => any;
21
+ entryFocus: (event: CustomEvent<any>) => any;
22
+ leave: (event: Event) => any;
23
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
24
+ "onUpdate:modelValue"?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
25
+ onHighlight?: ((payload: {
26
+ ref: HTMLElement;
27
+ value: import('reka-ui').AcceptableValue;
28
+ } | undefined) => any) | undefined;
29
+ onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
30
+ onLeave?: ((event: Event) => any) | undefined;
31
+ }>, {
32
+ modelValue: import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[];
33
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
34
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
35
+ export default _default;
36
+ type __VLS_WithTemplateSlots<T, S> = T & {
37
+ new (): {
38
+ $slots: S;
39
+ };
40
+ };
@@ -0,0 +1,29 @@
1
+ import { DialogRootProps } from 'reka-ui';
2
+ type __VLS_Props = DialogRootProps & {
3
+ title?: string;
4
+ description?: string;
5
+ };
6
+ declare function __VLS_template(): {
7
+ attrs: Partial<{}>;
8
+ slots: {
9
+ default?(_: {}): any;
10
+ };
11
+ refs: {};
12
+ rootEl: any;
13
+ };
14
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
16
+ "update:open": (value: boolean) => any;
17
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
18
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
19
+ }>, {
20
+ title: string;
21
+ description: string;
22
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
23
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
24
+ export default _default;
25
+ type __VLS_WithTemplateSlots<T, S> = T & {
26
+ new (): {
27
+ $slots: S;
28
+ };
29
+ };
@@ -0,0 +1,22 @@
1
+ import { PrimitiveProps } from 'reka-ui';
2
+ import { HTMLAttributes } from 'vue';
3
+ type __VLS_Props = PrimitiveProps & {
4
+ class?: HTMLAttributes['class'];
5
+ };
6
+ declare function __VLS_template(): {
7
+ attrs: Partial<{}>;
8
+ slots: {
9
+ default?(_: {}): any;
10
+ };
11
+ refs: {};
12
+ rootEl: any;
13
+ };
14
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
16
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
17
+ export default _default;
18
+ type __VLS_WithTemplateSlots<T, S> = T & {
19
+ new (): {
20
+ $slots: S;
21
+ };
22
+ };
@@ -0,0 +1,23 @@
1
+ import { ListboxGroupProps } from 'reka-ui';
2
+ import { HTMLAttributes } from 'vue';
3
+ type __VLS_Props = ListboxGroupProps & {
4
+ class?: HTMLAttributes['class'];
5
+ heading?: string;
6
+ };
7
+ declare function __VLS_template(): {
8
+ attrs: Partial<{}>;
9
+ slots: {
10
+ default?(_: {}): any;
11
+ };
12
+ refs: {};
13
+ rootEl: any;
14
+ };
15
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
16
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
17
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
18
+ export default _default;
19
+ type __VLS_WithTemplateSlots<T, S> = T & {
20
+ new (): {
21
+ $slots: S;
22
+ };
23
+ };
@@ -0,0 +1,7 @@
1
+ import { HTMLAttributes } from 'vue';
2
+ import { ListboxFilterProps } from 'reka-ui';
3
+ type __VLS_Props = ListboxFilterProps & {
4
+ class?: HTMLAttributes['class'];
5
+ };
6
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
7
+ export default _default;
@@ -0,0 +1,30 @@
1
+ import { ListboxItemProps } from 'reka-ui';
2
+ import { HTMLAttributes } from 'vue';
3
+ type __VLS_Props = ListboxItemProps & {
4
+ class?: HTMLAttributes['class'];
5
+ };
6
+ declare function __VLS_template(): {
7
+ attrs: Partial<{}>;
8
+ slots: {
9
+ default?(_: {}): any;
10
+ };
11
+ refs: {
12
+ itemRef: import('vue').ShallowUnwrapRef<{}> | null;
13
+ };
14
+ rootEl: any;
15
+ };
16
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
+ select: (event: import('reka-ui').ListboxItemSelectEvent<import('reka-ui').AcceptableValue>) => any;
19
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
20
+ onSelect?: ((event: import('reka-ui').ListboxItemSelectEvent<import('reka-ui').AcceptableValue>) => any) | undefined;
21
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
22
+ itemRef: import('vue').ShallowUnwrapRef<{}> | null;
23
+ }, any>;
24
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
25
+ export default _default;
26
+ type __VLS_WithTemplateSlots<T, S> = T & {
27
+ new (): {
28
+ $slots: S;
29
+ };
30
+ };
@@ -0,0 +1,22 @@
1
+ import { ListboxContentProps } from 'reka-ui';
2
+ import { HTMLAttributes } from 'vue';
3
+ type __VLS_Props = ListboxContentProps & {
4
+ class?: HTMLAttributes['class'];
5
+ };
6
+ declare function __VLS_template(): {
7
+ attrs: Partial<{}>;
8
+ slots: {
9
+ default?(_: {}): any;
10
+ };
11
+ refs: {};
12
+ rootEl: any;
13
+ };
14
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
16
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
17
+ export default _default;
18
+ type __VLS_WithTemplateSlots<T, S> = T & {
19
+ new (): {
20
+ $slots: S;
21
+ };
22
+ };
@@ -0,0 +1,22 @@
1
+ import { SeparatorProps } from 'reka-ui';
2
+ import { HTMLAttributes } from 'vue';
3
+ type __VLS_Props = SeparatorProps & {
4
+ class?: HTMLAttributes['class'];
5
+ };
6
+ declare function __VLS_template(): {
7
+ attrs: Partial<{}>;
8
+ slots: {
9
+ default?(_: {}): any;
10
+ };
11
+ refs: {};
12
+ rootEl: any;
13
+ };
14
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
16
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
17
+ export default _default;
18
+ type __VLS_WithTemplateSlots<T, S> = T & {
19
+ new (): {
20
+ $slots: S;
21
+ };
22
+ };
@@ -0,0 +1,21 @@
1
+ import { HTMLAttributes } from 'vue';
2
+ type __VLS_Props = {
3
+ class?: HTMLAttributes['class'];
4
+ };
5
+ declare function __VLS_template(): {
6
+ attrs: Partial<{}>;
7
+ slots: {
8
+ default?(_: {}): any;
9
+ };
10
+ refs: {};
11
+ rootEl: HTMLSpanElement;
12
+ };
13
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
14
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
15
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
16
+ export default _default;
17
+ type __VLS_WithTemplateSlots<T, S> = T & {
18
+ new (): {
19
+ $slots: S;
20
+ };
21
+ };
@@ -0,0 +1,90 @@
1
+ import { Ref } from 'vue';
2
+ export { default as Command } from './Command.vue';
3
+ export { default as CommandDialog } from './CommandDialog.vue';
4
+ export { default as CommandEmpty } from './CommandEmpty.vue';
5
+ export { default as CommandGroup } from './CommandGroup.vue';
6
+ export { default as CommandInput } from './CommandInput.vue';
7
+ export { default as CommandItem } from './CommandItem.vue';
8
+ export { default as CommandList } from './CommandList.vue';
9
+ export { default as CommandSeparator } from './CommandSeparator.vue';
10
+ export { default as CommandShortcut } from './CommandShortcut.vue';
11
+ export declare const useCommand: <T extends {
12
+ allItems: Ref<Map<string, string>>;
13
+ allGroups: Ref<Map<string, Set<string>>>;
14
+ filterState: {
15
+ search: string;
16
+ filtered: {
17
+ count: number;
18
+ items: Map<string, number>;
19
+ groups: Set<string>;
20
+ };
21
+ };
22
+ } | null | undefined = {
23
+ allItems: Ref<Map<string, string>>;
24
+ allGroups: Ref<Map<string, Set<string>>>;
25
+ filterState: {
26
+ search: string;
27
+ filtered: {
28
+ count: number;
29
+ items: Map<string, number>;
30
+ groups: Set<string>;
31
+ };
32
+ };
33
+ }>(fallback?: T | undefined) => T extends null ? {
34
+ allItems: Ref<Map<string, string>>;
35
+ allGroups: Ref<Map<string, Set<string>>>;
36
+ filterState: {
37
+ search: string;
38
+ filtered: {
39
+ count: number;
40
+ items: Map<string, number>;
41
+ groups: Set<string>;
42
+ };
43
+ };
44
+ } | null : {
45
+ allItems: Ref<Map<string, string>>;
46
+ allGroups: Ref<Map<string, Set<string>>>;
47
+ filterState: {
48
+ search: string;
49
+ filtered: {
50
+ count: number;
51
+ items: Map<string, number>;
52
+ groups: Set<string>;
53
+ };
54
+ };
55
+ }, provideCommandContext: (contextValue: {
56
+ allItems: Ref<Map<string, string>>;
57
+ allGroups: Ref<Map<string, Set<string>>>;
58
+ filterState: {
59
+ search: string;
60
+ filtered: {
61
+ count: number;
62
+ items: Map<string, number>;
63
+ groups: Set<string>;
64
+ };
65
+ };
66
+ }) => {
67
+ allItems: Ref<Map<string, string>>;
68
+ allGroups: Ref<Map<string, Set<string>>>;
69
+ filterState: {
70
+ search: string;
71
+ filtered: {
72
+ count: number;
73
+ items: Map<string, number>;
74
+ groups: Set<string>;
75
+ };
76
+ };
77
+ };
78
+ export declare const useCommandGroup: <T extends {
79
+ id?: string;
80
+ } | null | undefined = {
81
+ id?: string;
82
+ }>(fallback?: T | undefined) => T extends null ? {
83
+ id?: string;
84
+ } | null : {
85
+ id?: string;
86
+ }, provideCommandGroupContext: (contextValue: {
87
+ id?: string;
88
+ }) => {
89
+ id?: string;
90
+ };
@@ -1,3 +1 @@
1
- import { default as Card } from './Card.vue';
2
- export type * from './types';
3
- export { Card };
1
+ export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../__base/card';
@@ -1,4 +1 @@
1
- import { default as Checkbox } from './Checkbox.vue';
2
- export type * from './types';
3
- export { toBooleanCheckboxValue } from './utils';
4
- export { Checkbox };
1
+ export { Checkbox } from '../__base/checkbox';
@@ -0,0 +1 @@
1
+ export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from '../__base/command';
@@ -4,25 +4,22 @@ export * from './alert-dialog';
4
4
  export * from './avatar';
5
5
  export * from './badge';
6
6
  export * from './button';
7
- export * from './button-icon';
8
- export * from './button-link';
9
7
  export * from './card';
10
8
  export * from './calendar';
11
9
  export * from './checkbox';
12
10
  export * from './combobox';
11
+ export * from './command';
13
12
  export * from './context-menu';
14
13
  export * from './dialog';
15
14
  export * from './drawer';
16
15
  export * from './dropdown-menu';
17
16
  export * from './hover-card';
18
17
  export * from './input';
19
- export * from './input-number';
20
- export * from './input-text';
21
18
  export * from './label';
22
- export * from './link';
23
19
  export * from './loading';
24
20
  export * from './menubar';
25
21
  export * from './navigation-menu';
22
+ export * from './number-field';
26
23
  export * from './pagination';
27
24
  export * from './popover';
28
25
  export * from './progress';
@@ -1,3 +1 @@
1
- import { default as Input } from './Input.vue';
2
- export type * from './types';
3
- export { Input };
1
+ export { Input } from '../__base/input';
@@ -0,0 +1 @@
1
+ export { NumberField, NumberFieldContent, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, } from '../__base/number-field';
@@ -1,4 +1 @@
1
- import { default as Select } from './Select.vue';
2
- export type * from './types';
3
- export { Select };
4
- export { SelectGroup, SelectItem, SelectItemText, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, } from '../__base/select';
1
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectItemText, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from '../__base/select';
@@ -1,3 +1 @@
1
- import { default as Switch } from './Switch.vue';
2
- export type * from './types';
3
- export { Switch };
1
+ export { Switch } from '../__base/switch';
@@ -3,15 +3,9 @@ import { VNode } from 'vue';
3
3
  declare function __VLS_template(): {
4
4
  attrs: Partial<{}>;
5
5
  slots: Readonly<{
6
- caption?: () => VNode;
7
6
  default: () => VNode;
8
- footer?: () => VNode;
9
- header?: () => VNode;
10
7
  }> & {
11
- caption?: () => VNode;
12
8
  default: () => VNode;
13
- footer?: () => VNode;
14
- header?: () => VNode;
15
9
  };
16
10
  refs: {};
17
11
  rootEl: HTMLDivElement;
@@ -1,5 +1,4 @@
1
1
  import { default as Table } from './Table.vue';
2
- import { default as TableLink } from './TableLink.vue';
3
2
  export type * from './types';
4
- export { Table, TableLink };
3
+ export { Table };
5
4
  export { TableBody, TableCaption, TableCell, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, } from '../__base/table';
@@ -1,22 +1,9 @@
1
1
  import { HTMLAttributes } from 'vue';
2
2
  export interface TableProps {
3
- bodyClass?: HTMLAttributes['class'];
4
- bodyStyle?: HTMLAttributes['style'];
5
- captionClass?: HTMLAttributes['class'];
6
- captionStyle?: HTMLAttributes['style'];
7
3
  class?: HTMLAttributes['class'];
8
- footerClass?: HTMLAttributes['class'];
9
- footerStyle?: HTMLAttributes['style'];
10
- headerClass?: HTMLAttributes['class'];
11
- headerStyle?: HTMLAttributes['style'];
12
4
  height?: number | string;
13
5
  style?: HTMLAttributes['style'];
14
6
  tableClass?: HTMLAttributes['class'];
15
7
  tableStyle?: HTMLAttributes['style'];
16
8
  width?: number | string;
17
9
  }
18
- export interface TableLinkProps<T extends string> {
19
- label?: string;
20
- linkClass?: HTMLAttributes['class'];
21
- to: T;
22
- }
@@ -1,3 +1 @@
1
- import { default as Textarea } from './Textarea.vue';
2
- export type * from './types';
3
- export { Textarea };
1
+ export { Textarea } from '../__base/textarea';