@tb-dev/vue 0.3.23 → 0.3.25

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 (30) hide show
  1. package/dist/components/__base/hover-card/HoverCard.vue.d.ts +22 -0
  2. package/dist/components/__base/hover-card/HoverCardContent.vue.d.ts +24 -0
  3. package/dist/components/__base/hover-card/HoverCardTrigger.vue.d.ts +18 -0
  4. package/dist/components/__base/hover-card/index.d.ts +3 -0
  5. package/dist/components/__base/resizable/ResizableHandle.vue.d.ts +12 -0
  6. package/dist/components/__base/resizable/ResizablePanel.vue.d.ts +26 -0
  7. package/dist/components/__base/resizable/ResizablePanelGroup.vue.d.ts +26 -0
  8. package/dist/components/__base/resizable/index.d.ts +3 -0
  9. package/dist/components/__base/slider/Slider.vue.d.ts +13 -0
  10. package/dist/components/__base/slider/index.d.ts +1 -0
  11. package/dist/components/button-icon/types.d.ts +4 -4
  12. package/dist/components/button-link/types.d.ts +3 -1
  13. package/dist/components/card/types.d.ts +7 -6
  14. package/dist/components/checkbox/Checkbox.vue.d.ts +2 -3
  15. package/dist/components/checkbox/types.d.ts +4 -0
  16. package/dist/components/hover-card/HoverCard.vue.d.ts +22 -0
  17. package/dist/components/hover-card/index.d.ts +2 -0
  18. package/dist/components/index.d.ts +3 -0
  19. package/dist/components/input/types.d.ts +4 -3
  20. package/dist/components/input-number/types.d.ts +4 -2
  21. package/dist/components/input-text/types.d.ts +3 -2
  22. package/dist/components/link/index.d.ts +1 -1
  23. package/dist/components/popover/types.d.ts +2 -1
  24. package/dist/components/resizable/index.d.ts +1 -0
  25. package/dist/components/select/types.d.ts +6 -4
  26. package/dist/components/slider/index.d.ts +1 -0
  27. package/dist/components/switch/types.d.ts +4 -1
  28. package/dist/components/textarea/types.d.ts +4 -3
  29. package/dist/index.js +596 -261
  30. package/package.json +1 -1
@@ -0,0 +1,22 @@
1
+ import { HoverCardRootProps } from 'reka-ui';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ default?(_: {}): any;
6
+ };
7
+ refs: {};
8
+ rootEl: any;
9
+ };
10
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
11
+ declare const __VLS_component: import('vue').DefineComponent<HoverCardRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
12
+ "update:open": (value: boolean) => any;
13
+ }, string, import('vue').PublicProps, Readonly<HoverCardRootProps> & Readonly<{
14
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
15
+ }>, {}, {}, {}, {}, 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,24 @@
1
+ import { HoverCardContentProps } from 'reka-ui';
2
+ import { HTMLAttributes } from 'vue';
3
+ type __VLS_Props = HoverCardContentProps & {
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<{}>, {
16
+ sideOffset: number;
17
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
18
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
19
+ export default _default;
20
+ type __VLS_WithTemplateSlots<T, S> = T & {
21
+ new (): {
22
+ $slots: S;
23
+ };
24
+ };
@@ -0,0 +1,18 @@
1
+ import { HoverCardTriggerProps } from 'reka-ui';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ default?(_: {}): any;
6
+ };
7
+ refs: {};
8
+ rootEl: any;
9
+ };
10
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
11
+ declare const __VLS_component: import('vue').DefineComponent<HoverCardTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HoverCardTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
12
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
13
+ export default _default;
14
+ type __VLS_WithTemplateSlots<T, S> = T & {
15
+ new (): {
16
+ $slots: S;
17
+ };
18
+ };
@@ -0,0 +1,3 @@
1
+ export { default as HoverCard } from './HoverCard.vue';
2
+ export { default as HoverCardContent } from './HoverCardContent.vue';
3
+ export { default as HoverCardTrigger } from './HoverCardTrigger.vue';
@@ -0,0 +1,12 @@
1
+ import { HTMLAttributes } from 'vue';
2
+ import { SplitterResizeHandleProps } from 'reka-ui';
3
+ type __VLS_Props = SplitterResizeHandleProps & {
4
+ class?: HTMLAttributes['class'];
5
+ withHandle?: boolean;
6
+ };
7
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
8
+ dragging: (isDragging: boolean) => any;
9
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
10
+ onDragging?: ((isDragging: boolean) => any) | undefined;
11
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
12
+ export default _default;
@@ -0,0 +1,26 @@
1
+ import { SplitterPanelProps } from 'reka-ui';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ default?(_: {}): any;
6
+ };
7
+ refs: {};
8
+ rootEl: any;
9
+ };
10
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
11
+ declare const __VLS_component: import('vue').DefineComponent<SplitterPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
12
+ collapse: () => any;
13
+ expand: () => any;
14
+ resize: (size: number, prevSize: number | undefined) => any;
15
+ }, string, import('vue').PublicProps, Readonly<SplitterPanelProps> & Readonly<{
16
+ onCollapse?: (() => any) | undefined;
17
+ onExpand?: (() => any) | undefined;
18
+ onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
19
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
20
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
21
+ export default _default;
22
+ type __VLS_WithTemplateSlots<T, S> = T & {
23
+ new (): {
24
+ $slots: S;
25
+ };
26
+ };
@@ -0,0 +1,26 @@
1
+ import { SplitterGroupProps } from 'reka-ui';
2
+ import { HTMLAttributes } from 'vue';
3
+ type __VLS_Props = SplitterGroupProps & {
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
+ layout: (val: number[]) => any;
17
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
18
+ onLayout?: ((val: number[]) => any) | undefined;
19
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
20
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
21
+ export default _default;
22
+ type __VLS_WithTemplateSlots<T, S> = T & {
23
+ new (): {
24
+ $slots: S;
25
+ };
26
+ };
@@ -0,0 +1,3 @@
1
+ export { default as ResizableHandle } from './ResizableHandle.vue';
2
+ export { default as ResizablePanel } from './ResizablePanel.vue';
3
+ export { default as ResizablePanelGroup } from './ResizablePanelGroup.vue';
@@ -0,0 +1,13 @@
1
+ import { SliderRootProps } from 'reka-ui';
2
+ import { HTMLAttributes } from 'vue';
3
+ type __VLS_Props = SliderRootProps & {
4
+ class?: HTMLAttributes['class'];
5
+ };
6
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
+ "update:modelValue": (payload: number[] | undefined) => any;
8
+ valueCommit: (payload: number[]) => any;
9
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
10
+ "onUpdate:modelValue"?: ((payload: number[] | undefined) => any) | undefined;
11
+ onValueCommit?: ((payload: number[]) => any) | undefined;
12
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
13
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as Slider } from './Slider.vue';
@@ -1,9 +1,9 @@
1
- import { Component } from 'vue';
1
+ import { Component, HTMLAttributes } from 'vue';
2
2
  export interface ButtonIconProps<T extends string> {
3
- buttonClass?: string;
4
- class?: string;
3
+ buttonClass?: HTMLAttributes['class'];
4
+ class?: HTMLAttributes['class'];
5
5
  icon: Component;
6
- iconClass?: string;
6
+ iconClass?: HTMLAttributes['class'];
7
7
  iconSize?: number;
8
8
  to?: T;
9
9
  }
@@ -1,10 +1,12 @@
1
+ import { HTMLAttributes } from 'vue';
1
2
  import { Option } from '@tb-dev/utils';
2
3
  import { ButtonSize, ButtonVariant } from '../button';
3
4
  export interface ButtonLinkProps<T extends string> {
4
- buttonClass?: string;
5
+ buttonClass?: HTMLAttributes['class'];
5
6
  disabled?: Option<boolean>;
6
7
  label?: string;
7
8
  size?: ButtonSize;
9
+ style?: HTMLAttributes['style'];
8
10
  to: T;
9
11
  variant?: ButtonVariant;
10
12
  }
@@ -1,9 +1,10 @@
1
+ import { HTMLAttributes } from 'vue';
1
2
  export interface CardProps {
2
- contentClass?: string;
3
- descriptionClass?: string;
4
- footerClass?: string;
5
- headerClass?: string;
6
- scrollAreaClass?: string;
3
+ contentClass?: HTMLAttributes['class'];
4
+ descriptionClass?: HTMLAttributes['class'];
5
+ footerClass?: HTMLAttributes['class'];
6
+ headerClass?: HTMLAttributes['class'];
7
+ scrollAreaClass?: HTMLAttributes['class'];
7
8
  scrollAreaHeight?: number | string;
8
- titleClass?: string;
9
+ titleClass?: HTMLAttributes['class'];
9
10
  }
@@ -1,8 +1,7 @@
1
- import { CheckboxProps } from './types';
2
- import { CheckboxRootProps } from 'reka-ui';
1
+ import { CheckboxProps, CheckboxValue } from './types';
3
2
  type __VLS_Props = CheckboxProps;
4
3
  type __VLS_PublicProps = {
5
- modelValue?: CheckboxRootProps['modelValue'];
4
+ modelValue?: CheckboxValue;
6
5
  } & __VLS_Props;
7
6
  declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
8
7
  "update:modelValue": (value: boolean | "indeterminate" | null | undefined) => any;
@@ -1,7 +1,11 @@
1
+ import { HTMLAttributes } from 'vue';
1
2
  import { CheckboxRootProps } from 'reka-ui';
3
+ export type CheckboxValue = CheckboxRootProps['modelValue'];
2
4
  export interface CheckboxProps {
5
+ class?: HTMLAttributes['class'];
3
6
  defaultValue?: CheckboxRootProps['defaultValue'];
4
7
  disabled?: CheckboxRootProps['disabled'];
5
8
  label?: string;
6
9
  labelClass?: string;
10
+ style?: HTMLAttributes['style'];
7
11
  }
@@ -0,0 +1,22 @@
1
+ import { VNode } from 'vue';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: Readonly<{
5
+ default: () => VNode;
6
+ trigger: () => VNode;
7
+ }> & {
8
+ default: () => VNode;
9
+ trigger: () => VNode;
10
+ };
11
+ refs: {};
12
+ rootEl: any;
13
+ };
14
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
+ declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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,2 @@
1
+ import { default as HoverCard } from './HoverCard.vue';
2
+ export { HoverCard };
@@ -8,6 +8,7 @@ export * from './combobox';
8
8
  export * from './context-menu';
9
9
  export * from './dialog';
10
10
  export * from './dropdown-menu';
11
+ export * from './hover-card';
11
12
  export * from './input';
12
13
  export * from './input-number';
13
14
  export * from './input-text';
@@ -18,12 +19,14 @@ export * from './pagination';
18
19
  export * from './popover';
19
20
  export * from './progress';
20
21
  export * from './radio-group';
22
+ export * from './resizable';
21
23
  export * from './scroll-area';
22
24
  export * from './select';
23
25
  export * from './separator';
24
26
  export * from './sheet';
25
27
  export * from './sidebar';
26
28
  export * from './skeleton';
29
+ export * from './slider';
27
30
  export * from './sonner';
28
31
  export * from './switch';
29
32
  export * from './table';
@@ -1,12 +1,12 @@
1
1
  import { Option } from '@tb-dev/utils';
2
- import { InputHTMLAttributes } from 'vue';
2
+ import { HTMLAttributes, InputHTMLAttributes } from 'vue';
3
3
  export interface InputProps {
4
4
  autocomplete?: InputHTMLAttributes['autocomplete'];
5
5
  autofocus?: InputHTMLAttributes['autofocus'];
6
- class?: string;
6
+ class?: HTMLAttributes['class'];
7
7
  disabled?: InputHTMLAttributes['disabled'];
8
8
  label?: string;
9
- labelClass?: string;
9
+ labelClass?: HTMLAttributes['class'];
10
10
  max?: InputHTMLAttributes['maxlength'];
11
11
  min?: InputHTMLAttributes['minlength'];
12
12
  modelValue: Option<string>;
@@ -16,5 +16,6 @@ export interface InputProps {
16
16
  required?: InputHTMLAttributes['required'];
17
17
  size?: InputHTMLAttributes['size'];
18
18
  spellcheck?: InputHTMLAttributes['spellcheck'];
19
+ style?: HTMLAttributes['style'];
19
20
  type?: InputHTMLAttributes['type'];
20
21
  }
@@ -1,7 +1,8 @@
1
+ import { HTMLAttributes } from 'vue';
1
2
  import { Option } from '@tb-dev/utils';
2
3
  import { NumberFieldRootProps } from 'reka-ui';
3
4
  export interface InputNumberProps {
4
- class?: string;
5
+ class?: HTMLAttributes['class'];
5
6
  defaultValue?: number;
6
7
  disabled?: boolean;
7
8
  disableDecrement?: boolean;
@@ -9,10 +10,11 @@ export interface InputNumberProps {
9
10
  disableWheelChange?: NumberFieldRootProps['disableWheelChange'];
10
11
  formatOptions?: NumberFieldRootProps['formatOptions'];
11
12
  label?: string;
12
- labelClass?: string;
13
+ labelClass?: HTMLAttributes['class'];
13
14
  max?: NumberFieldRootProps['max'];
14
15
  min?: NumberFieldRootProps['min'];
15
16
  modelValue: Option<number>;
16
17
  step?: NumberFieldRootProps['step'];
17
18
  stepSnapping?: NumberFieldRootProps['stepSnapping'];
19
+ style?: HTMLAttributes['style'];
18
20
  }
@@ -1,10 +1,10 @@
1
- import { InputHTMLAttributes } from 'vue';
1
+ import { HTMLAttributes, InputHTMLAttributes } from 'vue';
2
2
  export interface InputTextProps {
3
3
  autocomplete?: InputHTMLAttributes['autocomplete'];
4
4
  autofocus?: InputHTMLAttributes['autofocus'];
5
5
  disabled?: InputHTMLAttributes['disabled'];
6
6
  label?: string;
7
- labelClass?: string;
7
+ labelClass?: HTMLAttributes['class'];
8
8
  max?: InputHTMLAttributes['maxlength'];
9
9
  min?: InputHTMLAttributes['minlength'];
10
10
  onBlur?: () => void;
@@ -13,4 +13,5 @@ export interface InputTextProps {
13
13
  required?: InputHTMLAttributes['required'];
14
14
  size?: InputHTMLAttributes['size'];
15
15
  spellcheck?: InputHTMLAttributes['spellcheck'];
16
+ style?: HTMLAttributes['style'];
16
17
  }
@@ -1,3 +1,3 @@
1
- import { default as Link } from './Link.vue';
2
1
  import { LinkProps } from './types';
2
+ import { default as Link } from './Link.vue';
3
3
  export { Link, type LinkProps };
@@ -1,4 +1,5 @@
1
+ import { HTMLAttributes } from 'vue';
1
2
  export interface PopoverProps {
2
- contentClass?: string;
3
+ contentClass?: HTMLAttributes['class'];
3
4
  keepOpen?: boolean;
4
5
  }
@@ -0,0 +1 @@
1
+ export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../__base/resizable';
@@ -1,14 +1,16 @@
1
1
  import { Option } from '@tb-dev/utils';
2
- import { SelectHTMLAttributes } from 'vue';
2
+ import { HTMLAttributes, SelectHTMLAttributes } from 'vue';
3
3
  export interface SelectProps {
4
4
  autocomplete?: SelectHTMLAttributes['autocomplete'];
5
5
  autofocus?: SelectHTMLAttributes['autofocus'];
6
- contentClass?: string;
6
+ class?: HTMLAttributes['class'];
7
+ contentClass?: HTMLAttributes['class'];
7
8
  disabled?: boolean;
8
9
  label?: string;
9
- labelClass?: string;
10
+ labelClass?: HTMLAttributes['class'];
10
11
  modelValue: Option<string>;
11
12
  placeholder?: string;
12
13
  required?: boolean;
13
- triggerClass?: string;
14
+ style?: HTMLAttributes['style'];
15
+ triggerClass?: HTMLAttributes['class'];
14
16
  }
@@ -0,0 +1 @@
1
+ export { Slider } from '../__base/slider';
@@ -1,6 +1,9 @@
1
+ import { HTMLAttributes } from 'vue';
1
2
  export interface SwitchProps {
3
+ class?: HTMLAttributes['class'];
2
4
  disabled?: boolean;
3
5
  label?: string;
4
- labelClass?: string;
6
+ labelClass?: HTMLAttributes['class'];
5
7
  position?: 'after' | 'before';
8
+ style?: HTMLAttributes['style'];
6
9
  }
@@ -1,15 +1,15 @@
1
1
  import { Option } from '@tb-dev/utils';
2
- import { TextareaHTMLAttributes } from 'vue';
2
+ import { HTMLAttributes, TextareaHTMLAttributes } from 'vue';
3
3
  export interface TextareaProps {
4
4
  autocapitalize?: TextareaHTMLAttributes['autocapitalize'];
5
5
  autocomplete?: TextareaHTMLAttributes['autocomplete'];
6
6
  autocorrect?: TextareaHTMLAttributes['autocorrect'];
7
7
  autofocus?: TextareaHTMLAttributes['autofocus'];
8
- class?: string;
8
+ class?: HTMLAttributes['class'];
9
9
  cols?: TextareaHTMLAttributes['cols'];
10
10
  disabled?: boolean;
11
11
  label?: string;
12
- labelClass?: string;
12
+ labelClass?: HTMLAttributes['class'];
13
13
  max?: TextareaHTMLAttributes['maxlength'];
14
14
  min?: TextareaHTMLAttributes['minlength'];
15
15
  modelValue: Option<string>;
@@ -19,4 +19,5 @@ export interface TextareaProps {
19
19
  required?: TextareaHTMLAttributes['required'];
20
20
  rows?: TextareaHTMLAttributes['rows'];
21
21
  spellcheck?: TextareaHTMLAttributes['spellcheck'];
22
+ style?: HTMLAttributes['style'];
22
23
  }