ropav 0.0.5 → 0.0.7

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 (178) hide show
  1. package/README.md +20 -51
  2. package/dist/_plugin-vue_export-helper.js +1 -11
  3. package/dist/accordion.css +112 -0
  4. package/dist/accordion.js +360 -0
  5. package/dist/accordion.js.map +1 -0
  6. package/dist/badge.css +169 -0
  7. package/dist/badge.js +103 -0
  8. package/dist/badge.js.map +1 -0
  9. package/dist/base.css +21 -0
  10. package/dist/bem.js +11 -0
  11. package/dist/bem.js.map +1 -0
  12. package/dist/button-group.css +50 -0
  13. package/dist/button-group.js +50 -0
  14. package/dist/button-group.js.map +1 -0
  15. package/dist/button.css +72 -42
  16. package/dist/button.js +43 -32
  17. package/dist/button.js.map +1 -1
  18. package/dist/card.js +2 -1
  19. package/dist/card.js.map +1 -1
  20. package/dist/checkbox.css +105 -102
  21. package/dist/checkbox.js +20 -7
  22. package/dist/checkbox.js.map +1 -1
  23. package/dist/collapse.css +32 -0
  24. package/dist/collapse.js +68 -0
  25. package/dist/collapse.js.map +1 -0
  26. package/dist/componentColors.js +22 -0
  27. package/dist/componentColors.js.map +1 -0
  28. package/dist/components/accordion/accordion-item.d.ts +40 -0
  29. package/dist/components/accordion/accordion.d.ts +23 -0
  30. package/dist/components/accordion/index.d.ts +4 -0
  31. package/dist/components/accordion/index.js +2 -0
  32. package/dist/components/accordion/types.d.ts +100 -0
  33. package/dist/components/accordion/useAccordion.d.ts +3 -0
  34. package/dist/components/badge/badge.d.ts +25 -0
  35. package/dist/components/badge/index.d.ts +3 -0
  36. package/dist/components/badge/index.js +2 -0
  37. package/dist/components/badge/types.d.ts +16 -0
  38. package/dist/components/badge/useBadgeColor.d.ts +8 -0
  39. package/dist/components/button/button.d.ts +2 -0
  40. package/dist/components/button/types.d.ts +2 -1
  41. package/dist/components/button/useButtonColor.d.ts +13 -0
  42. package/dist/components/button-group/button-group.d.ts +21 -0
  43. package/dist/components/button-group/index.d.ts +2 -0
  44. package/dist/components/button-group/index.js +2 -0
  45. package/dist/components/button-group/types.d.ts +10 -0
  46. package/dist/components/checkbox/types.d.ts +2 -1
  47. package/dist/components/checkbox/useCheckbox.d.ts +4 -0
  48. package/dist/components/collapse/collapse.d.ts +36 -0
  49. package/dist/components/collapse/index.d.ts +3 -0
  50. package/dist/components/collapse/index.js +3 -0
  51. package/dist/components/collapse/types.d.ts +76 -0
  52. package/dist/components/collapse/useCollapse.d.ts +2 -0
  53. package/dist/components/dropdown-menu/dropdown-menu-items.d.ts +16 -0
  54. package/dist/components/dropdown-menu/dropdown-menu-utils.d.ts +23 -0
  55. package/dist/components/dropdown-menu/dropdown-menu.d.ts +26 -0
  56. package/dist/components/dropdown-menu/index.d.ts +3 -0
  57. package/dist/components/dropdown-menu/index.js +2 -0
  58. package/dist/components/dropdown-menu/types.d.ts +104 -0
  59. package/dist/components/dropdown-menu/useDropdownMenu.d.ts +32 -0
  60. package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts +30 -0
  61. package/dist/components/dropdown-menu/useDropdownMenuDom.d.ts +28 -0
  62. package/dist/components/dropdown-menu/useDropdownMenuHoverIntent.d.ts +24 -0
  63. package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts +51 -0
  64. package/dist/components/dropdown-menu/useDropdownMenuNavigation.d.ts +16 -0
  65. package/dist/components/dropdown-menu/useDropdownMenuRenderItems.d.ts +25 -0
  66. package/dist/components/dropdown-menu/useDropdownSubmenus.d.ts +18 -0
  67. package/dist/components/field/field.d.ts +2 -2
  68. package/dist/components/field/useField.d.ts +16 -0
  69. package/dist/components/input/useInput.d.ts +8 -0
  70. package/dist/components/modal/index.d.ts +2 -0
  71. package/dist/components/modal/index.js +2 -0
  72. package/dist/components/modal/modal.d.ts +42 -0
  73. package/dist/components/modal/types.d.ts +32 -0
  74. package/dist/components/modal/useModal.d.ts +29 -0
  75. package/dist/components/overlay/index.d.ts +2 -0
  76. package/dist/components/overlay/index.js +2 -0
  77. package/dist/components/overlay/overlay.d.ts +19 -0
  78. package/dist/components/overlay/types.d.ts +12 -0
  79. package/dist/components/overlay/useOverlay.d.ts +7 -0
  80. package/dist/components/popover/index.d.ts +2 -0
  81. package/dist/components/popover/index.js +2 -0
  82. package/dist/components/popover/popover.d.ts +43 -0
  83. package/dist/components/popover/types.d.ts +40 -0
  84. package/dist/components/popover/usePopover.d.ts +20 -0
  85. package/dist/components/progress/index.d.ts +3 -0
  86. package/dist/components/progress/index.js +2 -0
  87. package/dist/components/progress/progress.d.ts +27 -0
  88. package/dist/components/progress/types.d.ts +24 -0
  89. package/dist/components/progress/useProgress.d.ts +28 -0
  90. package/dist/components/radio/types.d.ts +2 -1
  91. package/dist/components/radio/useRadio.d.ts +4 -0
  92. package/dist/components/slider/index.d.ts +3 -0
  93. package/dist/components/slider/index.js +2 -0
  94. package/dist/components/slider/slider.d.ts +35 -0
  95. package/dist/components/slider/types.d.ts +50 -0
  96. package/dist/components/slider/useSlider.d.ts +50 -0
  97. package/dist/components/switch/types.d.ts +2 -1
  98. package/dist/components/switch/useSwitch.d.ts +3 -0
  99. package/dist/components/tabs/index.d.ts +6 -0
  100. package/dist/components/tabs/index.js +2 -0
  101. package/dist/components/tabs/tabs-content.d.ts +24 -0
  102. package/dist/components/tabs/tabs-list.d.ts +26 -0
  103. package/dist/components/tabs/tabs-trigger.d.ts +29 -0
  104. package/dist/components/tabs/tabs.d.ts +31 -0
  105. package/dist/components/tabs/types.d.ts +160 -0
  106. package/dist/components/tabs/useTabs.d.ts +5 -0
  107. package/dist/components/textarea/index.d.ts +1 -1
  108. package/dist/components/textarea/types.d.ts +5 -0
  109. package/dist/components/textarea/useTextarea.d.ts +2 -0
  110. package/dist/components/tooltip/index.d.ts +2 -0
  111. package/dist/components/tooltip/index.js +2 -0
  112. package/dist/components/tooltip/tooltip.d.ts +27 -0
  113. package/dist/components/tooltip/types.d.ts +29 -0
  114. package/dist/components/tooltip/useTooltip.d.ts +17 -0
  115. package/dist/dropdown-menu.css +159 -0
  116. package/dist/dropdown-menu.js +903 -0
  117. package/dist/dropdown-menu.js.map +1 -0
  118. package/dist/field.css +8 -8
  119. package/dist/field.js +68 -50
  120. package/dist/field.js.map +1 -1
  121. package/dist/icon-button.css +82 -49
  122. package/dist/icon-button.js +15 -10
  123. package/dist/icon-button.js.map +1 -1
  124. package/dist/index.d.ts +12 -0
  125. package/dist/index.js +17 -1
  126. package/dist/input.css +25 -25
  127. package/dist/input.js +57 -38
  128. package/dist/input.js.map +1 -1
  129. package/dist/modal.css +134 -0
  130. package/dist/modal.js +433 -0
  131. package/dist/modal.js.map +1 -0
  132. package/dist/overlay.css +28 -0
  133. package/dist/overlay.js +84 -0
  134. package/dist/overlay.js.map +1 -0
  135. package/dist/popover.css +75 -0
  136. package/dist/popover.js +367 -0
  137. package/dist/popover.js.map +1 -0
  138. package/dist/progress.css +125 -0
  139. package/dist/progress.js +178 -0
  140. package/dist/progress.js.map +1 -0
  141. package/dist/radio.css +83 -83
  142. package/dist/radio.js +21 -14
  143. package/dist/radio.js.map +1 -1
  144. package/dist/select.css +3 -1
  145. package/dist/select.js +15 -37
  146. package/dist/select.js.map +1 -1
  147. package/dist/slider.css +438 -0
  148. package/dist/slider.js +413 -0
  149. package/dist/slider.js.map +1 -0
  150. package/dist/switch.css +77 -77
  151. package/dist/switch.js +17 -7
  152. package/dist/switch.js.map +1 -1
  153. package/dist/tabs.css +279 -0
  154. package/dist/tabs.js +515 -0
  155. package/dist/tabs.js.map +1 -0
  156. package/dist/textarea.css +33 -26
  157. package/dist/textarea.js +108 -16
  158. package/dist/textarea.js.map +1 -1
  159. package/dist/tooltip.css +136 -0
  160. package/dist/tooltip.js +385 -0
  161. package/dist/tooltip.js.map +1 -0
  162. package/dist/useButtonColor.js +33 -0
  163. package/dist/useButtonColor.js.map +1 -0
  164. package/dist/useClickOutside.js +26 -0
  165. package/dist/useClickOutside.js.map +1 -0
  166. package/dist/useCollapse.js +94 -0
  167. package/dist/useCollapse.js.map +1 -0
  168. package/dist/useRequiredInject.js +11 -0
  169. package/dist/useRequiredInject.js.map +1 -0
  170. package/dist/x.js +14 -0
  171. package/dist/x.js.map +1 -0
  172. package/package.json +52 -4
  173. package/src/styles/_mixins.scss +17 -0
  174. package/src/styles/_utilities.scss +13 -0
  175. package/src/styles/base.scss +1 -0
  176. package/dist/_plugin-vue_export-helper.js.map +0 -1
  177. package/dist/loader-circle.js +0 -14
  178. package/dist/loader-circle.js.map +0 -1
@@ -0,0 +1,28 @@
1
+ import { Ref } from 'vue';
2
+ import { DropdownMenuPlacement } from './types';
3
+ import { ItemPath } from './dropdown-menu-utils';
4
+ type StringSource = {
5
+ readonly value: string;
6
+ };
7
+ type PlacementSource = {
8
+ readonly value: DropdownMenuPlacement;
9
+ };
10
+ type UseDropdownMenuDomOptions = {
11
+ menuId: StringSource;
12
+ rootRef: Ref<HTMLElement | null>;
13
+ menuRef: Ref<HTMLElement | null>;
14
+ placement: PlacementSource;
15
+ focusedPath: Ref<ItemPath>;
16
+ };
17
+ export declare function useDropdownMenuDom({ menuId, rootRef, menuRef, placement, focusedPath, }: UseDropdownMenuDomOptions): {
18
+ activeDescendantId: import('vue').ComputedRef<string | undefined>;
19
+ focusMenu: () => void;
20
+ focusTrigger: () => void;
21
+ getItemId: (indexOrPath: number | ItemPath) => string;
22
+ getSubmenuId: (path: ItemPath) => string;
23
+ getItemElement: (path: ItemPath) => HTMLElement | null;
24
+ getSubmenuElement: (path: ItemPath) => HTMLElement | null;
25
+ isSubmenuOpeningLeft: (path: ItemPath) => boolean;
26
+ getMenuActiveDescendant: (menuPath: ItemPath) => string | undefined;
27
+ };
28
+ export {};
@@ -0,0 +1,24 @@
1
+ import { Ref } from 'vue';
2
+ import { DropdownMenuItem } from './types';
3
+ import { ItemPath, PointerPoint } from './dropdown-menu-utils';
4
+ export type SafeTriangle = [PointerPoint, PointerPoint, PointerPoint];
5
+ type GetSafeTriangleOptions = {
6
+ itemRect: DOMRect | null;
7
+ submenuRect: DOMRect;
8
+ origin: PointerPoint;
9
+ };
10
+ type HoverCommit = (item: DropdownMenuItem, path: ItemPath, point?: PointerPoint) => void;
11
+ type UseDropdownMenuHoverIntentOptions = {
12
+ openSubmenuPath: Ref<ItemPath>;
13
+ getItemElement: (path: ItemPath) => HTMLElement | null;
14
+ getSubmenuElement: (path: ItemPath) => HTMLElement | null;
15
+ };
16
+ export declare function getDropdownMenuSafeTriangle({ itemRect, submenuRect, origin, }: GetSafeTriangleOptions): SafeTriangle;
17
+ export declare function useDropdownMenuHoverIntent({ openSubmenuPath, getItemElement, getSubmenuElement, }: UseDropdownMenuHoverIntentOptions): {
18
+ clearPendingHover: () => void;
19
+ resetHoverIntent: () => void;
20
+ trackSubmenuOpen: (path: ItemPath, point?: PointerPoint) => void;
21
+ handleItemHover: (item: DropdownMenuItem, path: ItemPath, event: MouseEvent | undefined, commit: HoverCommit) => void;
22
+ handleMenuMousemove: (event: MouseEvent, commit: HoverCommit) => void;
23
+ };
24
+ export {};
@@ -0,0 +1,51 @@
1
+ import { Ref } from 'vue';
2
+ import { DropdownMenuCloseOptions, DropdownMenuFocusTarget, DropdownMenuItem, DropdownMenuOpenOptions, DropdownMenuProps } from './types';
3
+ import { ItemPath, PointerPoint, SubmenuFocusTarget } from './dropdown-menu-utils';
4
+ type BooleanSource = Readonly<Ref<boolean>>;
5
+ type DisclosureControls = {
6
+ open: (options?: DropdownMenuOpenOptions | DropdownMenuFocusTarget) => void;
7
+ close: (options?: DropdownMenuCloseOptions) => void;
8
+ toggle: () => void;
9
+ };
10
+ type SubmenuControls = {
11
+ closeSubmenusAfter: (menuPath: ItemPath) => void;
12
+ openSubmenu: (path: ItemPath, focus?: SubmenuFocusTarget) => boolean;
13
+ closeSubmenu: (path: ItemPath) => boolean;
14
+ closeCurrentSubmenu: () => boolean;
15
+ };
16
+ type HoverIntentControls = {
17
+ clearPendingHover: () => void;
18
+ resetHoverIntent: () => void;
19
+ trackSubmenuOpen: (path: ItemPath, point?: PointerPoint) => void;
20
+ handleItemHover: (item: DropdownMenuItem, path: ItemPath, event: MouseEvent | undefined, commit: (item: DropdownMenuItem, path: ItemPath, point?: PointerPoint) => void) => void;
21
+ handleMenuMousemove: (event: MouseEvent, commit: (item: DropdownMenuItem, path: ItemPath, point?: PointerPoint) => void) => void;
22
+ };
23
+ type UseDropdownMenuInteractionsOptions = {
24
+ props: Readonly<DropdownMenuProps>;
25
+ emit: {
26
+ select?: (item: DropdownMenuItem) => void;
27
+ };
28
+ isDisabled: BooleanSource;
29
+ focusedPath: Ref<ItemPath>;
30
+ openSubmenuPath: Ref<ItemPath>;
31
+ getItemAtPath: (path: ItemPath) => DropdownMenuItem | undefined;
32
+ focusItem: (target: DropdownMenuFocusTarget, menuPath?: ItemPath) => boolean;
33
+ moveFocus: (direction: 1 | -1) => ItemPath | undefined;
34
+ submenus: SubmenuControls;
35
+ hoverIntent: HoverIntentControls;
36
+ disclosure: DisclosureControls;
37
+ isSubmenuOpeningLeft: (path: ItemPath) => boolean;
38
+ };
39
+ export declare function useDropdownMenuInteractions({ props, emit, isDisabled, focusedPath, openSubmenuPath, getItemAtPath, focusItem, moveFocus, submenus, hoverIntent, disclosure, isSubmenuOpeningLeft, }: UseDropdownMenuInteractionsOptions): {
40
+ activateItem: (item: DropdownMenuItem, path: ItemPath, event?: MouseEvent) => void;
41
+ selectItem: (item: DropdownMenuItem) => void;
42
+ openSubmenu: (path: ItemPath, focus?: SubmenuFocusTarget, point?: PointerPoint) => boolean;
43
+ closeSubmenu: (path: ItemPath) => boolean;
44
+ focusHoveredItem: (item: DropdownMenuItem, indexOrPath: number | ItemPath, event?: MouseEvent) => void;
45
+ onTriggerClick: () => void;
46
+ onTriggerKeydown: (event: KeyboardEvent) => void;
47
+ onMenuKeydown: (event: KeyboardEvent) => void;
48
+ onMenuMousemove: (event: MouseEvent) => void;
49
+ onMenuMouseleave: () => void;
50
+ };
51
+ export {};
@@ -0,0 +1,16 @@
1
+ import { DropdownMenuFocusTarget, DropdownMenuItem } from './types';
2
+ import { ItemPath } from './dropdown-menu-utils';
3
+ type DropdownMenuItemsSource = {
4
+ readonly value: DropdownMenuItem[];
5
+ };
6
+ export declare function useDropdownMenuNavigation(items: DropdownMenuItemsSource): {
7
+ focusedPath: import('vue').Ref<number[], import('./types').DropdownMenuItemPath | number[]>;
8
+ focusedIndex: import('vue').ComputedRef<number>;
9
+ getItemsAtPath: (path: ItemPath) => DropdownMenuItem[];
10
+ getItemAtPath: (path: ItemPath) => DropdownMenuItem | undefined;
11
+ focusItem: (target: DropdownMenuFocusTarget, menuPath?: ItemPath) => boolean;
12
+ resetFocus: () => void;
13
+ isItemFocused: (indexOrPath: number | ItemPath) => boolean;
14
+ moveFocus: (direction: 1 | -1) => number[] | undefined;
15
+ };
16
+ export {};
@@ -0,0 +1,25 @@
1
+ import { DropdownMenuCloseOptions, DropdownMenuFocusTarget, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuItemSlotProps, DropdownMenuRenderedItem } from './types';
2
+ import { ItemPath } from './dropdown-menu-utils';
3
+ type DropdownMenuItemsSource = {
4
+ readonly value: DropdownMenuItem[];
5
+ };
6
+ type UseDropdownMenuRenderItemsOptions = {
7
+ items: DropdownMenuItemsSource;
8
+ getItemId: (path: ItemPath) => string;
9
+ getSubmenuId: (path: ItemPath) => string;
10
+ getMenuActiveDescendant: (path: ItemPath) => string | undefined;
11
+ isItemFocused: (indexOrPath: number | ItemPath) => boolean;
12
+ isSubmenuOpen: (path: ItemPath) => boolean;
13
+ activateItem: (item: DropdownMenuItem, path: ItemPath, event?: MouseEvent) => void;
14
+ focusHoveredItem: (item: DropdownMenuItem, indexOrPath: number | ItemPath, event?: MouseEvent) => void;
15
+ selectItem: (item: DropdownMenuItem) => void;
16
+ openSubmenu: (path: ItemPath, focus?: DropdownMenuFocusTarget) => void;
17
+ closeSubmenu: (path: ItemPath) => void;
18
+ close: (options?: DropdownMenuCloseOptions) => void;
19
+ };
20
+ export declare function useDropdownMenuRenderItems({ items, getItemId, getSubmenuId, getMenuActiveDescendant, isItemFocused, isSubmenuOpen, activateItem, focusHoveredItem, selectItem, openSubmenu, closeSubmenu, close, }: UseDropdownMenuRenderItemsOptions): {
21
+ renderedItems: import('vue').ComputedRef<DropdownMenuRenderedItem[]>;
22
+ getItemProps: (item: DropdownMenuItem, indexOrPath: number | ItemPath, focused?: boolean, disabled?: boolean) => DropdownMenuItemProps;
23
+ getItemSlotProps: (item: DropdownMenuItem, indexOrPath: number | ItemPath, focused?: boolean, disabled?: boolean) => DropdownMenuItemSlotProps;
24
+ };
25
+ export {};
@@ -0,0 +1,18 @@
1
+ import { Ref } from 'vue';
2
+ import { DropdownMenuItem } from './types';
3
+ import { ItemPath, SubmenuFocusTarget } from './dropdown-menu-utils';
4
+ type UseDropdownSubmenusOptions = {
5
+ focusedPath: Ref<ItemPath>;
6
+ getItemAtPath: (path: ItemPath) => DropdownMenuItem | undefined;
7
+ focusItem: (target: Exclude<SubmenuFocusTarget, false>, menuPath?: ItemPath) => boolean;
8
+ };
9
+ export declare function useDropdownSubmenus({ focusedPath, getItemAtPath, focusItem, }: UseDropdownSubmenusOptions): {
10
+ openSubmenuPath: Ref<number[], import('./types').DropdownMenuItemPath | number[]>;
11
+ resetSubmenus: () => void;
12
+ isSubmenuOpen: (path: ItemPath) => boolean;
13
+ closeSubmenusAfter: (menuPath: ItemPath) => void;
14
+ openSubmenu: (path: ItemPath, focus?: SubmenuFocusTarget) => boolean;
15
+ closeSubmenu: (path: ItemPath) => boolean;
16
+ closeCurrentSubmenu: () => boolean;
17
+ };
18
+ export {};
@@ -1,4 +1,4 @@
1
- import { FieldControlProps, FieldProps } from './types';
1
+ import { FieldProps } from './types';
2
2
  declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
3
  props: import('vue').PublicProps & __VLS_PrettifyLocal<FieldProps> & (typeof globalThis extends {
4
4
  __VLS_PROPS_FALLBACK: infer P;
@@ -15,7 +15,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
15
15
  invalid: true | undefined;
16
16
  labelledby: string | undefined;
17
17
  describedby: string | undefined;
18
- controlProps: FieldControlProps;
18
+ controlProps: import('./types').FieldControlProps;
19
19
  }) => any;
20
20
  } & {
21
21
  description?: (props: {}) => any;
@@ -0,0 +1,16 @@
1
+ import { FieldControlProps, FieldProps } from './types';
2
+ export declare function useField(props: Readonly<FieldProps>): {
3
+ controlId: import('vue').ComputedRef<string>;
4
+ labelId: import('vue').ComputedRef<string>;
5
+ descriptionId: import('vue').ComputedRef<string>;
6
+ messageId: import('vue').ComputedRef<string>;
7
+ isInvalid: import('vue').ComputedRef<boolean>;
8
+ messageText: import('vue').ComputedRef<string | undefined>;
9
+ hasLabel: import('vue').ComputedRef<boolean>;
10
+ hasDescription: import('vue').ComputedRef<boolean>;
11
+ hasMessage: import('vue').ComputedRef<boolean>;
12
+ controlLabelledby: import('vue').ComputedRef<string | undefined>;
13
+ controlDescribedby: import('vue').ComputedRef<string | undefined>;
14
+ rootClass: import('vue').ComputedRef<string[]>;
15
+ controlProps: import('vue').ComputedRef<FieldControlProps>;
16
+ };
@@ -0,0 +1,8 @@
1
+ import { InputProps } from './types';
2
+ export declare function useInput(props: Readonly<InputProps>, emitUpdate: (value: string) => void): {
3
+ inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
4
+ control: import('../../composables/useControlState').ControlState;
5
+ rootClass: import('vue').ComputedRef<string[]>;
6
+ onInput: (e: Event) => void;
7
+ focusInput: (e: MouseEvent) => void;
8
+ };
@@ -0,0 +1,2 @@
1
+ export { default as Modal } from './modal';
2
+ export type { ModalInitialFocus, ModalPresetSize, ModalProps, ModalRole, ModalSize, ModalSlotProps, } from './types';
@@ -0,0 +1,2 @@
1
+ import { t as modal_default } from "../../modal.js";
2
+ export { modal_default as Modal };
@@ -0,0 +1,42 @@
1
+ import { ModalProps } from './types';
2
+ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
+ props: import('vue').PublicProps & __VLS_PrettifyLocal<ModalProps & {
4
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
5
+ }> & (typeof globalThis extends {
6
+ __VLS_PROPS_FALLBACK: infer P;
7
+ } ? P : {});
8
+ expose: (exposed: {}) => void;
9
+ attrs: any;
10
+ slots: {
11
+ header?: (props: {
12
+ isOpen: boolean;
13
+ open: () => void;
14
+ close: () => void;
15
+ toggle: () => void;
16
+ }) => any;
17
+ } & {
18
+ default?: (props: {
19
+ isOpen: boolean;
20
+ open: () => void;
21
+ close: () => void;
22
+ toggle: () => void;
23
+ }) => any;
24
+ } & {
25
+ footer?: (props: {
26
+ isOpen: boolean;
27
+ open: () => void;
28
+ close: () => void;
29
+ toggle: () => void;
30
+ }) => any;
31
+ };
32
+ emit: (evt: "update:open", value: boolean) => void;
33
+ }>) => import('vue').VNode & {
34
+ __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
35
+ };
36
+ declare const _default: typeof __VLS_export;
37
+ export default _default;
38
+ type __VLS_PrettifyLocal<T> = (T extends any ? {
39
+ [K in keyof T]: T[K];
40
+ } : {
41
+ [K in keyof T as K]: T[K];
42
+ }) & {};
@@ -0,0 +1,32 @@
1
+ import { Ref } from 'vue';
2
+ import { OverlayProps } from '../overlay/types';
3
+ export type ModalPresetSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
4
+ export type ModalSize = ModalPresetSize | (string & {});
5
+ export type ModalRole = 'dialog' | 'alertdialog';
6
+ export type ModalInitialFocus = string | HTMLElement | Ref<HTMLElement | null | undefined>;
7
+ export type ModalOverlayProps = Pick<OverlayProps, 'color' | 'opacity' | 'gradient' | 'blur'>;
8
+ export interface ModalSlotProps {
9
+ isOpen: boolean;
10
+ open: () => void;
11
+ close: () => void;
12
+ toggle: () => void;
13
+ }
14
+ export interface ModalProps {
15
+ id?: string;
16
+ open?: boolean;
17
+ defaultOpen?: boolean;
18
+ title?: string;
19
+ description?: string;
20
+ ariaLabel?: string;
21
+ closeLabel?: string;
22
+ role?: ModalRole;
23
+ size?: ModalSize;
24
+ initialFocus?: ModalInitialFocus | null;
25
+ closeOnOverlayClick?: boolean;
26
+ closeOnEscape?: boolean;
27
+ showCloseButton?: boolean;
28
+ overlayProps?: ModalOverlayProps;
29
+ preventScroll?: boolean;
30
+ returnFocus?: boolean;
31
+ keepMounted?: boolean;
32
+ }
@@ -0,0 +1,29 @@
1
+ import { CSSProperties } from 'vue';
2
+ import { ModalProps, ModalRole, ModalSlotProps } from './types';
3
+ export declare function useModal(props: Readonly<ModalProps>, emitOpenChange?: (open: boolean) => void): {
4
+ panelRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
5
+ modalId: import('vue').ComputedRef<string>;
6
+ titleId: import('vue').ComputedRef<string>;
7
+ descriptionId: import('vue').ComputedRef<string>;
8
+ role: import('vue').ComputedRef<ModalRole>;
9
+ isOpen: import('vue').ComputedRef<boolean>;
10
+ shouldRender: import('vue').ComputedRef<boolean>;
11
+ hasHeader: import('vue').ComputedRef<boolean>;
12
+ hasFooter: import('vue').ComputedRef<boolean>;
13
+ showCloseButton: import('vue').ComputedRef<boolean | undefined>;
14
+ headerId: import('vue').ComputedRef<string | undefined>;
15
+ ariaLabelledby: import('vue').ComputedRef<string | undefined>;
16
+ ariaDescribedby: import('vue').ComputedRef<string | undefined>;
17
+ ariaLabel: import('vue').ComputedRef<string | undefined>;
18
+ rootClass: import('vue').ComputedRef<string[]>;
19
+ rootStyle: import('vue').ComputedRef<CSSProperties | undefined>;
20
+ stateClass: import('vue').ComputedRef<{
21
+ 'rp-modal--closable': boolean | undefined;
22
+ 'rp-modal--headerless': boolean;
23
+ }>;
24
+ slotProps: import('vue').ComputedRef<ModalSlotProps>;
25
+ openModal: () => void;
26
+ closeModal: () => void;
27
+ toggleModal: () => void;
28
+ onOverlayClick: (event: MouseEvent) => void;
29
+ };
@@ -0,0 +1,2 @@
1
+ export { default as Overlay } from './overlay';
2
+ export type { OverlayBlur, OverlayProps, OverlayZIndex } from './types';
@@ -0,0 +1,2 @@
1
+ import { t as overlay_default } from "../../overlay.js";
2
+ export { overlay_default as Overlay };
@@ -0,0 +1,19 @@
1
+ import { OverlayProps } from './types';
2
+ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
+ props: import('vue').PublicProps & __VLS_PrettifyLocal<OverlayProps> & (typeof globalThis extends {
4
+ __VLS_PROPS_FALLBACK: infer P;
5
+ } ? P : {});
6
+ expose: (exposed: {}) => void;
7
+ attrs: any;
8
+ slots: {};
9
+ emit: {};
10
+ }>) => import('vue').VNode & {
11
+ __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
12
+ };
13
+ declare const _default: typeof __VLS_export;
14
+ export default _default;
15
+ type __VLS_PrettifyLocal<T> = (T extends any ? {
16
+ [K in keyof T]: T[K];
17
+ } : {
18
+ [K in keyof T as K]: T[K];
19
+ }) & {};
@@ -0,0 +1,12 @@
1
+ import { CSSProperties } from 'vue';
2
+ export type OverlayZIndex = CSSProperties['zIndex'];
3
+ export type OverlayBlur = number | string;
4
+ export interface OverlayProps {
5
+ color?: string;
6
+ opacity?: number;
7
+ gradient?: string;
8
+ blur?: OverlayBlur;
9
+ zIndex?: OverlayZIndex;
10
+ interactive?: boolean;
11
+ disabled?: boolean;
12
+ }
@@ -0,0 +1,7 @@
1
+ import { CSSProperties } from 'vue';
2
+ import { OverlayProps } from './types';
3
+ export declare function useOverlay(props: Readonly<OverlayProps>): {
4
+ isRendered: import('vue').ComputedRef<boolean>;
5
+ rootClass: import('vue').ComputedRef<string[]>;
6
+ rootStyle: import('vue').ComputedRef<CSSProperties>;
7
+ };
@@ -0,0 +1,2 @@
1
+ export { default as Popover } from './popover';
2
+ export type { PopoverContentSlotProps, PopoverOffset, PopoverOffsetOptions, PopoverPlacement, PopoverProps, PopoverRole, PopoverSlotProps, PopoverTarget, PopoverTriggerProps, } from './types';
@@ -0,0 +1,2 @@
1
+ import { t as popover_default } from "../../popover.js";
2
+ export { popover_default as Popover };
@@ -0,0 +1,43 @@
1
+ import { PopoverProps } from './types';
2
+ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
+ props: import('vue').PublicProps & __VLS_PrettifyLocal<PopoverProps & {
4
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
5
+ }> & (typeof globalThis extends {
6
+ __VLS_PROPS_FALLBACK: infer P;
7
+ } ? P : {});
8
+ expose: (exposed: {}) => void;
9
+ attrs: any;
10
+ slots: {
11
+ default?: (props: {
12
+ triggerProps: import('./types').PopoverTriggerProps;
13
+ isOpen: boolean;
14
+ open: () => void;
15
+ close: () => void;
16
+ toggle: () => void;
17
+ }) => any;
18
+ } & {
19
+ content?: (props: {
20
+ isOpen: boolean;
21
+ open: () => void;
22
+ close: () => void;
23
+ toggle: () => void;
24
+ }) => any;
25
+ } & {
26
+ default?: (props: {
27
+ isOpen: boolean;
28
+ open: () => void;
29
+ close: () => void;
30
+ toggle: () => void;
31
+ }) => any;
32
+ };
33
+ emit: (evt: "update:open", value: boolean) => void;
34
+ }>) => import('vue').VNode & {
35
+ __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
36
+ };
37
+ declare const _default: typeof __VLS_export;
38
+ export default _default;
39
+ type __VLS_PrettifyLocal<T> = (T extends any ? {
40
+ [K in keyof T]: T[K];
41
+ } : {
42
+ [K in keyof T as K]: T[K];
43
+ }) & {};
@@ -0,0 +1,40 @@
1
+ import { Ref } from 'vue';
2
+ export type PopoverPlacement = 'top' | 'right' | 'bottom' | 'left';
3
+ export type PopoverTarget = string | HTMLElement | Ref<HTMLElement | null | undefined>;
4
+ export interface PopoverOffsetOptions {
5
+ mainAxis?: number;
6
+ crossAxis?: number;
7
+ }
8
+ export type PopoverOffset = number | PopoverOffsetOptions;
9
+ export type PopoverRole = 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid';
10
+ export interface PopoverTriggerProps {
11
+ 'aria-controls'?: string;
12
+ 'aria-expanded'?: boolean;
13
+ 'aria-haspopup'?: PopoverRole;
14
+ onClick: (event: MouseEvent) => void;
15
+ onKeydown: (event: KeyboardEvent) => void;
16
+ }
17
+ export interface PopoverSlotProps {
18
+ triggerProps: PopoverTriggerProps;
19
+ isOpen: boolean;
20
+ open: () => void;
21
+ close: () => void;
22
+ toggle: () => void;
23
+ }
24
+ export interface PopoverContentSlotProps {
25
+ isOpen: boolean;
26
+ open: () => void;
27
+ close: () => void;
28
+ toggle: () => void;
29
+ }
30
+ export interface PopoverProps {
31
+ id?: string;
32
+ target?: PopoverTarget | null;
33
+ placement?: PopoverPlacement;
34
+ offset?: PopoverOffset;
35
+ open?: boolean;
36
+ disabled?: boolean;
37
+ role?: PopoverRole;
38
+ closeOnOutsideClick?: boolean;
39
+ closeOnEscape?: boolean;
40
+ }
@@ -0,0 +1,20 @@
1
+ import { CSSProperties } from 'vue';
2
+ import { PopoverContentSlotProps, PopoverProps, PopoverRole, PopoverSlotProps, PopoverTriggerProps } from './types';
3
+ export declare function usePopover(props: Readonly<PopoverProps>, emitOpenChange?: (open: boolean) => void): {
4
+ rootRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
5
+ popoverId: import('vue').ComputedRef<string>;
6
+ isOpen: import('vue').ComputedRef<boolean>;
7
+ isVisible: import('vue').ComputedRef<boolean>;
8
+ isTargetMode: import('vue').ComputedRef<boolean>;
9
+ popoverRole: import('vue').ComputedRef<PopoverRole>;
10
+ shouldRenderContent: import('vue').ComputedRef<boolean>;
11
+ rootClass: import('vue').ComputedRef<string[]>;
12
+ contentStyle: import('vue').ComputedRef<CSSProperties | undefined>;
13
+ triggerProps: import('vue').ComputedRef<PopoverTriggerProps>;
14
+ slotProps: import('vue').ComputedRef<PopoverSlotProps>;
15
+ contentSlotProps: import('vue').ComputedRef<PopoverContentSlotProps>;
16
+ openPopover: () => void;
17
+ closePopover: () => void;
18
+ togglePopover: () => void;
19
+ onTriggerKeydown: (event: KeyboardEvent) => void;
20
+ };
@@ -0,0 +1,3 @@
1
+ export { default as Progress } from './progress';
2
+ export { progressColors, progressRadiuses, progressSizes } from './types';
3
+ export type { ProgressColor, ProgressProps, ProgressRadius, ProgressSize, ProgressValueFormatter, } from './types';
@@ -0,0 +1,2 @@
1
+ import { i as progress_default, n as progressRadiuses, r as progressSizes, t as progressColors } from "../../progress.js";
2
+ export { progress_default as Progress, progressColors, progressRadiuses, progressSizes };
@@ -0,0 +1,27 @@
1
+ import { ProgressProps } from './types';
2
+ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
+ props: import('vue').PublicProps & __VLS_PrettifyLocal<ProgressProps> & (typeof globalThis extends {
4
+ __VLS_PROPS_FALLBACK: infer P;
5
+ } ? P : {});
6
+ expose: (exposed: {}) => void;
7
+ attrs: any;
8
+ slots: {
9
+ default?: (props: {}) => any;
10
+ } & {
11
+ value?: (props: {
12
+ value: number;
13
+ formattedValue: string | number;
14
+ percent: number;
15
+ }) => any;
16
+ };
17
+ emit: {};
18
+ }>) => import('vue').VNode & {
19
+ __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
20
+ };
21
+ declare const _default: typeof __VLS_export;
22
+ export default _default;
23
+ type __VLS_PrettifyLocal<T> = (T extends any ? {
24
+ [K in keyof T]: T[K];
25
+ } : {
26
+ [K in keyof T as K]: T[K];
27
+ }) & {};
@@ -0,0 +1,24 @@
1
+ import { ComponentColorValue } from '../../utils/componentColors';
2
+ export declare const progressColors: readonly ["primary", "secondary", "success", "warning", "danger", "info", "neutral"];
3
+ export declare const progressSizes: readonly ["xs", "sm", "md", "lg", "xl"];
4
+ export declare const progressRadiuses: readonly ["none", "xs", "sm", "md", "lg", "xl", "full"];
5
+ export type ProgressColor = ComponentColorValue;
6
+ export type ProgressSize = (typeof progressSizes)[number];
7
+ export type ProgressRadius = (typeof progressRadiuses)[number];
8
+ export type ProgressValueFormatter = (value: number, percent: number) => string | number;
9
+ export interface ProgressProps {
10
+ id?: string;
11
+ value?: number | null;
12
+ min?: number;
13
+ max?: number;
14
+ color?: ProgressColor;
15
+ size?: ProgressSize;
16
+ radius?: ProgressRadius;
17
+ indeterminate?: boolean;
18
+ showValue?: boolean;
19
+ formatValue?: ProgressValueFormatter;
20
+ ariaLabel?: string;
21
+ ariaValueText?: string | ProgressValueFormatter;
22
+ describedby?: string;
23
+ labelledby?: string;
24
+ }
@@ -0,0 +1,28 @@
1
+ import { CSSProperties } from 'vue';
2
+ import { ProgressProps } from './types';
3
+ type ProgressStateProps = Readonly<ProgressProps & {
4
+ min: number;
5
+ max: number;
6
+ indeterminate: boolean;
7
+ showValue: boolean;
8
+ }>;
9
+ export declare function normalizeProgressBounds(min: number, max: number): {
10
+ min: number;
11
+ max: number;
12
+ };
13
+ export declare function normalizeProgressValue(value: number | null | undefined, min: number, max: number): number;
14
+ export declare function getProgressValuePercent(value: number, min: number, max: number): number;
15
+ export declare function useProgress(props: ProgressStateProps): {
16
+ control: import('../../composables/useControlState').ControlState;
17
+ rootClass: import('vue').ComputedRef<string[]>;
18
+ rootStyle: import('vue').ComputedRef<CSSProperties>;
19
+ isIndeterminate: import('vue').ComputedRef<boolean>;
20
+ normalizedValue: import('vue').ComputedRef<number>;
21
+ valuePercent: import('vue').ComputedRef<number>;
22
+ formattedValue: import('vue').ComputedRef<string | number>;
23
+ ariaValueText: import('vue').ComputedRef<string | undefined>;
24
+ ariaValueMin: import('vue').ComputedRef<number | undefined>;
25
+ ariaValueMax: import('vue').ComputedRef<number | undefined>;
26
+ ariaValueNow: import('vue').ComputedRef<number | undefined>;
27
+ };
28
+ export {};
@@ -1,5 +1,6 @@
1
1
  import { InjectionKey } from 'vue';
2
- export type RadioColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
2
+ import { ComponentColorValue } from '../../utils/componentColors';
3
+ export type RadioColor = ComponentColorValue;
3
4
  export type RadioSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
5
  export type RadioVariant = 'solid' | 'outline';
5
6
  export interface RadioProps {
@@ -4,6 +4,10 @@ export declare function useRadio(props: Readonly<RadioProps>): {
4
4
  isChecked: import('vue').ComputedRef<boolean>;
5
5
  isDisabled: import('vue').ComputedRef<boolean>;
6
6
  rootClass: import('vue').ComputedRef<string[]>;
7
+ rootStyle: import('vue').ComputedRef<{
8
+ '--_rp-radio-custom-color': string & {};
9
+ '--_rp-radio-custom-on-color': string;
10
+ } | undefined>;
7
11
  onSelect: () => void;
8
12
  };
9
13
  export declare function useRadioGroup(props: Readonly<RadioGroupProps>, emitUpdate: (value: string | number | null) => void): {
@@ -0,0 +1,3 @@
1
+ export { default as Slider } from './slider';
2
+ export { sliderColors, sliderOrientations, sliderSizes } from './types';
3
+ export type { SliderColor, SliderMark, SliderMarkColor, SliderMarkInput, SliderOrientation, SliderProps, SliderPresetColor, SliderSize, SliderThumbStyle, SliderTooltip, SliderTooltipMode, SliderTooltipOptions, SliderValueFormatter, } from './types';
@@ -0,0 +1,2 @@
1
+ import { i as sliderSizes, n as sliderColors, r as sliderOrientations, t as slider_default } from "../../slider.js";
2
+ export { slider_default as Slider, sliderColors, sliderOrientations, sliderSizes };