ropav 0.0.10 → 0.0.11

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 (227) hide show
  1. package/README.md +6 -0
  2. package/dist/accordion.css +115 -111
  3. package/dist/accordion.js +60 -16
  4. package/dist/alert.css +110 -108
  5. package/dist/alert.js +48 -26
  6. package/dist/aspect-ratio.css +17 -15
  7. package/dist/aspect-ratio.js +20 -6
  8. package/dist/avatar.css +98 -96
  9. package/dist/avatar.js +27 -16
  10. package/dist/badge.css +95 -93
  11. package/dist/badge.js +29 -16
  12. package/dist/base.css +672 -671
  13. package/dist/button-group.css +39 -37
  14. package/dist/button-group.js +23 -12
  15. package/dist/button-link.css +160 -158
  16. package/dist/button-link.js +43 -24
  17. package/dist/button.css +160 -158
  18. package/dist/button.js +37 -19
  19. package/dist/card.css +109 -107
  20. package/dist/card.js +42 -17
  21. package/dist/checkbox.css +139 -137
  22. package/dist/checkbox.js +79 -28
  23. package/dist/collapse.css +29 -27
  24. package/dist/collapse.js +44 -10
  25. package/dist/color-input.css +137 -107
  26. package/dist/color-input.js +86 -17
  27. package/dist/color-picker.css +309 -303
  28. package/dist/color-picker.js +147 -54
  29. package/dist/color-picker2.js +9 -1
  30. package/dist/color-swatch.css +48 -46
  31. package/dist/color-swatch.js +15 -11
  32. package/dist/color-swatch2.js +4 -0
  33. package/dist/components/accordion/accordion-item.d.ts +13 -1
  34. package/dist/components/accordion/index.d.ts +2 -1
  35. package/dist/components/accordion/index.js +2 -2
  36. package/dist/components/accordion/types.d.ts +9 -4
  37. package/dist/components/alert/alert.d.ts +2 -2
  38. package/dist/components/alert/index.d.ts +2 -2
  39. package/dist/components/alert/index.js +2 -2
  40. package/dist/components/alert/types.d.ts +4 -1
  41. package/dist/components/aspect-ratio/index.d.ts +2 -1
  42. package/dist/components/aspect-ratio/index.js +2 -2
  43. package/dist/components/aspect-ratio/types.d.ts +4 -1
  44. package/dist/components/avatar/index.d.ts +2 -2
  45. package/dist/components/avatar/index.js +2 -2
  46. package/dist/components/avatar/types.d.ts +4 -1
  47. package/dist/components/badge/index.d.ts +2 -2
  48. package/dist/components/badge/index.js +2 -2
  49. package/dist/components/badge/types.d.ts +4 -1
  50. package/dist/components/button/index.d.ts +2 -1
  51. package/dist/components/button/index.js +2 -2
  52. package/dist/components/button/types.d.ts +4 -1
  53. package/dist/components/button-group/index.d.ts +2 -1
  54. package/dist/components/button-group/index.js +2 -2
  55. package/dist/components/button-group/types.d.ts +4 -1
  56. package/dist/components/button-link/index.d.ts +2 -1
  57. package/dist/components/button-link/index.js +2 -2
  58. package/dist/components/button-link/types.d.ts +4 -1
  59. package/dist/components/card/index.d.ts +2 -1
  60. package/dist/components/card/index.js +2 -2
  61. package/dist/components/card/types.d.ts +5 -1
  62. package/dist/components/checkbox/checkbox.d.ts +4 -1
  63. package/dist/components/checkbox/index.d.ts +2 -1
  64. package/dist/components/checkbox/index.js +2 -2
  65. package/dist/components/checkbox/types.d.ts +6 -1
  66. package/dist/components/checkbox/useCheckbox.d.ts +2 -0
  67. package/dist/components/collapse/collapse.d.ts +2 -2
  68. package/dist/components/collapse/index.d.ts +2 -1
  69. package/dist/components/collapse/index.js +2 -2
  70. package/dist/components/collapse/types.d.ts +9 -2
  71. package/dist/components/color-input/index.d.ts +2 -1
  72. package/dist/components/color-input/index.js +2 -2
  73. package/dist/components/color-input/types.d.ts +4 -1
  74. package/dist/components/color-picker/index.d.ts +2 -2
  75. package/dist/components/color-picker/index.js +2 -2
  76. package/dist/components/color-picker/types.d.ts +13 -1
  77. package/dist/components/color-swatch/index.d.ts +2 -1
  78. package/dist/components/color-swatch/index.js +2 -1
  79. package/dist/components/color-swatch/types.d.ts +4 -1
  80. package/dist/components/dropdown-menu/dropdown-menu-primitives.d.ts +724 -0
  81. package/dist/components/dropdown-menu/dropdown-menu.d.ts +3 -3
  82. package/dist/components/dropdown-menu/index.d.ts +53 -1
  83. package/dist/components/dropdown-menu/index.js +2 -2
  84. package/dist/components/dropdown-menu/types.d.ts +142 -6
  85. package/dist/components/dropdown-menu/useDropdownMenu.d.ts +11 -3
  86. package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts +5 -3
  87. package/dist/components/dropdown-menu/useDropdownMenuDom.d.ts +2 -1
  88. package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts +4 -4
  89. package/dist/components/dropdown-menu/useDropdownMenuPortalPosition.d.ts +19 -0
  90. package/dist/components/dropdown-menu/useDropdownMenuRenderItems.d.ts +14 -2
  91. package/dist/components/field/index.d.ts +2 -1
  92. package/dist/components/field/index.js +2 -2
  93. package/dist/components/field/types.d.ts +4 -1
  94. package/dist/components/floating/index.d.ts +1 -0
  95. package/dist/components/floating/index.js +0 -0
  96. package/dist/components/floating/types.d.ts +31 -0
  97. package/dist/components/floating/useFloatingPosition.d.ts +38 -0
  98. package/dist/components/focus-trap/focus-trap.d.ts +31 -0
  99. package/dist/components/focus-trap/index.d.ts +4 -0
  100. package/dist/components/focus-trap/index.js +3 -0
  101. package/dist/components/focus-trap/types.d.ts +41 -0
  102. package/dist/components/focus-trap/useFocusTrap.d.ts +2 -0
  103. package/dist/components/icon-button/index.d.ts +2 -1
  104. package/dist/components/icon-button/index.js +2 -1
  105. package/dist/components/icon-button/types.d.ts +4 -1
  106. package/dist/components/input/index.d.ts +2 -1
  107. package/dist/components/input/index.js +2 -1
  108. package/dist/components/input/types.d.ts +4 -1
  109. package/dist/components/modal/index.d.ts +2 -1
  110. package/dist/components/modal/index.js +2 -2
  111. package/dist/components/modal/types.d.ts +8 -1
  112. package/dist/components/number-input/index.d.ts +2 -1
  113. package/dist/components/number-input/index.js +2 -2
  114. package/dist/components/number-input/types.d.ts +4 -1
  115. package/dist/components/overlay/index.d.ts +2 -1
  116. package/dist/components/overlay/index.js +2 -1
  117. package/dist/components/overlay/types.d.ts +4 -1
  118. package/dist/components/popover/index.d.ts +2 -2
  119. package/dist/components/popover/index.js +2 -2
  120. package/dist/components/popover/popover.d.ts +2 -2
  121. package/dist/components/popover/types.d.ts +20 -11
  122. package/dist/components/popover/usePopover.d.ts +9 -1
  123. package/dist/components/progress/index.d.ts +2 -2
  124. package/dist/components/progress/index.js +2 -2
  125. package/dist/components/progress/types.d.ts +4 -1
  126. package/dist/components/radio/index.d.ts +2 -1
  127. package/dist/components/radio/index.js +2 -2
  128. package/dist/components/radio/radio.d.ts +8 -3
  129. package/dist/components/radio/types.d.ts +20 -3
  130. package/dist/components/radio/useRadio.d.ts +9 -4
  131. package/dist/components/select/index.d.ts +2 -1
  132. package/dist/components/select/index.js +2 -2
  133. package/dist/components/select/types.d.ts +4 -1
  134. package/dist/components/select/useSelect.d.ts +2 -1
  135. package/dist/components/slider/index.d.ts +2 -2
  136. package/dist/components/slider/index.js +2 -2
  137. package/dist/components/slider/range-slider-tooltip.d.ts +3 -0
  138. package/dist/components/slider/range-slider.d.ts +4 -1
  139. package/dist/components/slider/slider.d.ts +4 -1
  140. package/dist/components/slider/sliderCore.d.ts +4 -4
  141. package/dist/components/slider/types.d.ts +12 -2
  142. package/dist/components/slider/useRangeSlider.d.ts +1 -1
  143. package/dist/components/slider/useSlider.d.ts +1 -1
  144. package/dist/components/switch/index.d.ts +2 -1
  145. package/dist/components/switch/index.js +2 -2
  146. package/dist/components/switch/switch.d.ts +4 -1
  147. package/dist/components/switch/types.d.ts +6 -1
  148. package/dist/components/switch/useSwitch.d.ts +2 -0
  149. package/dist/components/tabs/index.d.ts +2 -1
  150. package/dist/components/tabs/index.js +2 -2
  151. package/dist/components/tabs/types.d.ts +13 -4
  152. package/dist/components/teleport-provider/index.d.ts +2 -0
  153. package/dist/components/teleport-provider/index.js +2 -0
  154. package/dist/components/teleport-provider/teleport-provider.d.ts +21 -0
  155. package/dist/components/teleport-provider/types.d.ts +4 -0
  156. package/dist/components/teleport-provider/useTeleportTarget.d.ts +5 -0
  157. package/dist/components/textarea/index.d.ts +2 -1
  158. package/dist/components/textarea/index.js +2 -2
  159. package/dist/components/textarea/textarea.d.ts +4 -1
  160. package/dist/components/textarea/types.d.ts +6 -1
  161. package/dist/components/textarea/useTextarea.d.ts +1 -0
  162. package/dist/components/toast/index.d.ts +2 -2
  163. package/dist/components/toast/index.js +2 -2
  164. package/dist/components/toast/toast.d.ts +2 -2
  165. package/dist/components/toast/types.d.ts +10 -6
  166. package/dist/components/tooltip/index.d.ts +2 -1
  167. package/dist/components/tooltip/index.js +2 -1
  168. package/dist/components/tooltip/tooltip.d.ts +2 -2
  169. package/dist/components/tooltip/types.d.ts +13 -12
  170. package/dist/components/tooltip/useTooltip.d.ts +13 -3
  171. package/dist/dropdown-menu.css +191 -107
  172. package/dist/dropdown-menu.js +1582 -81
  173. package/dist/field.css +41 -39
  174. package/dist/field.js +40 -16
  175. package/dist/focus-trap.js +80 -0
  176. package/dist/icon-button.css +193 -189
  177. package/dist/icon-button.js +23 -18
  178. package/dist/icon-button2.js +8 -0
  179. package/dist/index.d.ts +4 -0
  180. package/dist/index.js +36 -32
  181. package/dist/input.css +122 -120
  182. package/dist/input.js +47 -34
  183. package/dist/input2.js +9 -0
  184. package/dist/legacy-unlayered.css +5461 -0
  185. package/dist/modal.css +129 -127
  186. package/dist/modal.js +160 -200
  187. package/dist/number-input.css +87 -85
  188. package/dist/number-input.js +61 -17
  189. package/dist/overlay.css +26 -24
  190. package/dist/overlay.js +17 -9
  191. package/dist/overlay2.js +4 -0
  192. package/dist/popover.css +140 -107
  193. package/dist/popover.js +288 -193
  194. package/dist/popover2.js +6 -1
  195. package/dist/progress.css +101 -99
  196. package/dist/progress.js +50 -28
  197. package/dist/radio.css +114 -105
  198. package/dist/radio.js +154 -56
  199. package/dist/select.css +244 -242
  200. package/dist/select.js +92 -47
  201. package/dist/slider.css +1109 -1031
  202. package/dist/slider.js +330 -163
  203. package/dist/styles-api.d.ts +22 -0
  204. package/dist/styles-api.js +49 -0
  205. package/dist/switch.css +120 -108
  206. package/dist/switch.js +89 -33
  207. package/dist/tabs.css +286 -278
  208. package/dist/tabs.js +60 -21
  209. package/dist/teleport-provider.js +15 -0
  210. package/dist/textarea.css +132 -130
  211. package/dist/textarea.js +69 -27
  212. package/dist/toast.css +229 -225
  213. package/dist/toast.js +102 -42
  214. package/dist/tooltip.css +137 -107
  215. package/dist/tooltip.js +180 -228
  216. package/dist/tooltip2.js +8 -0
  217. package/dist/useClickOutside.js +1 -1
  218. package/dist/useFloatingPosition.js +1284 -0
  219. package/dist/useFocusTrap.js +130 -0
  220. package/dist/useTeleportTarget.js +29 -0
  221. package/docs/public-styles-api.md +133 -0
  222. package/docs/public-tokens.md +545 -0
  223. package/package.json +29 -5
  224. package/src/styles/_tokens.scss +33 -28
  225. package/src/styles/_utilities.scss +11 -9
  226. package/src/styles/styles-manifest.json +4125 -0
  227. package/dist/rafScheduler.js +0 -34
@@ -5,7 +5,10 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
5
5
  }> & (typeof globalThis extends {
6
6
  __VLS_PROPS_FALLBACK: infer P;
7
7
  } ? P : {});
8
- expose: (exposed: {}) => void;
8
+ expose: (exposed: import('vue').ShallowUnwrapRef<{
9
+ nativeElement: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
10
+ focus: (options?: FocusOptions) => void;
11
+ }>) => void;
9
12
  attrs: any;
10
13
  slots: {
11
14
  default?: (props: {}) => any;
@@ -1,7 +1,11 @@
1
+ import { InputHTMLAttributes } from 'vue';
1
2
  import { ComponentColorValue } from '../../utils/componentColors.js';
3
+ import { StylesApiProps } from '../../styles-api.js';
4
+ export declare const switchParts: readonly ["root", "input", "track", "thumb", "label"];
5
+ export type SwitchPart = (typeof switchParts)[number];
2
6
  export type SwitchColor = ComponentColorValue;
3
7
  export type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
- export interface SwitchProps {
8
+ export interface SwitchProps extends StylesApiProps<SwitchPart> {
5
9
  id?: string;
6
10
  name?: string;
7
11
  modelValue: boolean;
@@ -13,4 +17,5 @@ export interface SwitchProps {
13
17
  ariaLabel?: string;
14
18
  describedby?: string;
15
19
  labelledby?: string;
20
+ inputAttrs?: InputHTMLAttributes;
16
21
  }
@@ -1,8 +1,10 @@
1
1
  import { CSSProperties } from 'vue';
2
2
  import { SwitchProps } from './types.js';
3
3
  export declare function useSwitch(props: Readonly<SwitchProps>, emitUpdate: (value: boolean) => void): {
4
+ inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
4
5
  control: import('../../composables/useControlState.js').ControlState;
5
6
  rootClass: import('vue').ComputedRef<string[]>;
6
7
  rootStyle: import('vue').ComputedRef<CSSProperties | undefined>;
7
8
  onChange: (e: Event) => void;
9
+ focus: (options?: FocusOptions) => void;
8
10
  };
@@ -3,4 +3,5 @@ export { default as TabsContent } from './tabs-content.js';
3
3
  export { default as TabsList } from './tabs-list.js';
4
4
  export { default as TabsTrigger } from './tabs-trigger.js';
5
5
  export { useTabs, useTabsContent, useTabsList, useTabsTrigger } from './useTabs.js';
6
- export type { TabsActivationMode, TabsContentProps, TabsContentRootProps, TabsContentSlotProps, TabsListProps, TabsListRootProps, TabsListSlotProps, TabsOrientation, TabsPlacement, TabsProps, TabsRootProps, TabsSlotProps, TabsState, TabsSize, TabsTriggerAlign, TabsTriggerProps, TabsTriggerRootProps, TabsTriggerSlotProps, TabsValue, TabsVariant, UseTabsContentReturn, UseTabsListReturn, UseTabsReturn, UseTabsTriggerReturn, } from './types.js';
6
+ export { tabsContentParts, tabsListParts, tabsParts, tabsTriggerParts } from './types.js';
7
+ export type { TabsActivationMode, TabsContentProps, TabsContentPart, TabsContentRootProps, TabsContentSlotProps, TabsListProps, TabsListPart, TabsListRootProps, TabsListSlotProps, TabsOrientation, TabsPart, TabsPlacement, TabsProps, TabsRootProps, TabsSlotProps, TabsState, TabsSize, TabsTriggerAlign, TabsTriggerPart, TabsTriggerProps, TabsTriggerRootProps, TabsTriggerSlotProps, TabsValue, TabsVariant, UseTabsContentReturn, UseTabsListReturn, UseTabsReturn, UseTabsTriggerReturn, } from './types.js';
@@ -1,2 +1,2 @@
1
- import { a as useTabs, c as useTabsTrigger, i as tabs_default, n as tabs_list_default, o as useTabsContent, r as tabs_content_default, s as useTabsList, t as tabs_trigger_default } from "../../tabs.js";
2
- export { tabs_default as Tabs, tabs_content_default as TabsContent, tabs_list_default as TabsList, tabs_trigger_default as TabsTrigger, useTabs, useTabsContent, useTabsList, useTabsTrigger };
1
+ import { a as tabs_trigger_default, c as tabs_default, d as useTabsList, f as useTabsTrigger, i as tabsTriggerParts, l as useTabs, n as tabsListParts, o as tabs_list_default, r as tabsParts, s as tabs_content_default, t as tabsContentParts, u as useTabsContent } from "../../tabs.js";
2
+ export { tabs_default as Tabs, tabs_content_default as TabsContent, tabs_list_default as TabsList, tabs_trigger_default as TabsTrigger, tabsContentParts, tabsListParts, tabsParts, tabsTriggerParts, useTabs, useTabsContent, useTabsList, useTabsTrigger };
@@ -1,4 +1,13 @@
1
1
  import { ComputedRef } from 'vue';
2
+ import { StylesApiProps } from '../../styles-api.js';
3
+ export declare const tabsParts: readonly ["root"];
4
+ export declare const tabsListParts: readonly ["root"];
5
+ export declare const tabsTriggerParts: readonly ["root"];
6
+ export declare const tabsContentParts: readonly ["root"];
7
+ export type TabsPart = (typeof tabsParts)[number];
8
+ export type TabsListPart = (typeof tabsListParts)[number];
9
+ export type TabsTriggerPart = (typeof tabsTriggerParts)[number];
10
+ export type TabsContentPart = (typeof tabsContentParts)[number];
2
11
  export type TabsValue = string | number;
3
12
  export type TabsOrientation = 'horizontal' | 'vertical';
4
13
  export type TabsPlacement = 'left' | 'right';
@@ -7,7 +16,7 @@ export type TabsActivationMode = 'automatic' | 'manual';
7
16
  export type TabsState = 'active' | 'inactive';
8
17
  export type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
9
18
  export type TabsVariant = 'line' | 'pills' | 'outline';
10
- export interface TabsProps {
19
+ export interface TabsProps extends StylesApiProps<TabsPart> {
11
20
  id?: string;
12
21
  modelValue?: TabsValue | null;
13
22
  defaultValue?: TabsValue | null;
@@ -23,19 +32,19 @@ export interface TabsProps {
23
32
  describedby?: string;
24
33
  labelledby?: string;
25
34
  }
26
- export interface TabsListProps {
35
+ export interface TabsListProps extends StylesApiProps<TabsListPart> {
27
36
  id?: string;
28
37
  ariaLabel?: string;
29
38
  ariaDescribedby?: string;
30
39
  ariaLabelledby?: string;
31
40
  }
32
- export interface TabsTriggerProps {
41
+ export interface TabsTriggerProps extends StylesApiProps<TabsTriggerPart> {
33
42
  id?: string;
34
43
  value: TabsValue;
35
44
  disabled?: boolean;
36
45
  align?: TabsTriggerAlign;
37
46
  }
38
- export interface TabsContentProps {
47
+ export interface TabsContentProps extends StylesApiProps<TabsContentPart> {
39
48
  id?: string;
40
49
  value: TabsValue;
41
50
  unmountOnExit?: boolean;
@@ -0,0 +1,2 @@
1
+ export { default as TeleportProvider } from './teleport-provider.js';
2
+ export type { TeleportProviderProps } from './types.js';
@@ -0,0 +1,2 @@
1
+ import { t as teleport_provider_default } from "../../teleport-provider.js";
2
+ export { teleport_provider_default as TeleportProvider };
@@ -0,0 +1,21 @@
1
+ import { TeleportProviderProps } from './types.js';
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<TeleportProviderProps> & (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
+ emit: {};
12
+ }>) => import('vue').VNode & {
13
+ __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
14
+ };
15
+ declare const _default: typeof __VLS_export;
16
+ export default _default;
17
+ type __VLS_PrettifyLocal<T> = (T extends any ? {
18
+ [K in keyof T]: T[K];
19
+ } : {
20
+ [K in keyof T as K]: T[K];
21
+ }) & {};
@@ -0,0 +1,4 @@
1
+ import { TeleportTarget } from '../floating/types.js';
2
+ export interface TeleportProviderProps {
3
+ teleportTo?: TeleportTarget | null;
4
+ }
@@ -0,0 +1,5 @@
1
+ import { ComputedRef } from 'vue';
2
+ import { TeleportTarget, TeleportTargetValue } from '../floating/types.js';
3
+ import { TeleportProviderProps } from './types.js';
4
+ export declare function provideTeleportTarget(props: Readonly<TeleportProviderProps>): ComputedRef<TeleportTargetValue>;
5
+ export declare function useTeleportTarget(getTarget: () => TeleportTarget | null | undefined): ComputedRef<TeleportTargetValue>;
@@ -1,2 +1,3 @@
1
1
  export { default as Textarea } from './textarea.js';
2
- export type { TextareaProps, TextareaRadius, TextareaResize, TextareaSize } from './types.js';
2
+ export { textareaParts } from './types.js';
3
+ export type { TextareaPart, TextareaProps, TextareaRadius, TextareaResize, TextareaSize, } from './types.js';
@@ -1,2 +1,2 @@
1
- import { t as textarea_default } from "../../textarea.js";
2
- export { textarea_default as Textarea };
1
+ import { n as textarea_default, t as textareaParts } from "../../textarea.js";
2
+ export { textarea_default as Textarea, textareaParts };
@@ -5,7 +5,10 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
5
5
  }> & (typeof globalThis extends {
6
6
  __VLS_PROPS_FALLBACK: infer P;
7
7
  } ? P : {});
8
- expose: (exposed: {}) => void;
8
+ expose: (exposed: import('vue').ShallowUnwrapRef<{
9
+ nativeElement: import('vue').Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
10
+ focus: (options?: FocusOptions) => void;
11
+ }>) => void;
9
12
  attrs: any;
10
13
  slots: {};
11
14
  emit: (evt: "update:modelValue", value: string) => void;
@@ -1,7 +1,11 @@
1
+ import { TextareaHTMLAttributes } from 'vue';
2
+ import { StylesApiProps } from '../../styles-api.js';
3
+ export declare const textareaParts: readonly ["root", "input"];
4
+ export type TextareaPart = (typeof textareaParts)[number];
1
5
  export type TextareaRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
2
6
  export type TextareaSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
7
  export type TextareaResize = 'none' | 'vertical' | 'both';
4
- export interface TextareaProps {
8
+ export interface TextareaProps extends StylesApiProps<TextareaPart> {
5
9
  id?: string;
6
10
  name?: string;
7
11
  modelValue: string;
@@ -21,4 +25,5 @@ export interface TextareaProps {
21
25
  ariaLabel?: string;
22
26
  describedby?: string;
23
27
  labelledby?: string;
28
+ inputAttrs?: TextareaHTMLAttributes;
24
29
  }
@@ -6,4 +6,5 @@ export declare function useTextarea(props: Readonly<TextareaProps>, emitUpdate:
6
6
  nativeRows: import('vue').ComputedRef<number | undefined>;
7
7
  onInput: (e: Event) => void;
8
8
  focusTextarea: (e: MouseEvent) => void;
9
+ focus: (options?: FocusOptions) => void;
9
10
  };
@@ -1,7 +1,7 @@
1
1
  export { default as Toast } from './toast.js';
2
2
  export { default as ToastProvider } from './toast-provider.js';
3
3
  export { default as ToastViewport } from './toast-viewport.js';
4
- export { toastColors, toastPositions, toastRadiuses, toastTypes, toastVariants } from './types.js';
4
+ export { toastColors, toastParts, toastPositions, toastRadiuses, toastTypes, toastVariants, toastViewportParts, } from './types.js';
5
5
  export { useToast } from './useToast.js';
6
6
  export { useToastState } from './useToastState.js';
7
- export type { ToastCloseReason, ToastColor, ToastCreate, ToastId, ToastInput, ToastItem, ToastOptions, ToastPosition, ToastProps, ToastProviderContext, ToastProviderProps, ToastRadius, ToastRole, ToastStateBindingProps, ToastStateOption, ToastType, ToastUpdateOptions, ToastVariant, ToastViewportProps, ToastViewportSlotProps, UseToastReturn, UseToastStateOptions, UseToastStateReturn, } from './types.js';
7
+ export type { ToastCloseReason, ToastColor, ToastCreate, ToastId, ToastInput, ToastItem, ToastOptions, ToastPart, ToastPosition, ToastProps, ToastProviderContext, ToastProviderProps, ToastRadius, ToastRole, ToastStateBindingProps, ToastStateOption, ToastType, ToastUpdateOptions, ToastVariant, ToastViewportProps, ToastViewportPart, ToastViewportSlotProps, UseToastReturn, UseToastStateOptions, UseToastStateReturn, } from './types.js';
@@ -1,2 +1,2 @@
1
- import { a as toastColors, c as toastTypes, i as useToast, l as toastVariants, n as toast_viewport_default, o as toastPositions, r as toast_provider_default, s as toastRadiuses, t as useToastState, u as toast_default } from "../../toast.js";
2
- export { toast_default as Toast, toast_provider_default as ToastProvider, toast_viewport_default as ToastViewport, toastColors, toastPositions, toastRadiuses, toastTypes, toastVariants, useToast, useToastState };
1
+ import { a as toastColors, c as toastRadiuses, d as toastViewportParts, f as toast_default, i as useToast, l as toastTypes, n as toast_viewport_default, o as toastParts, r as toast_provider_default, s as toastPositions, t as useToastState, u as toastVariants } from "../../toast.js";
2
+ export { toast_default as Toast, toast_provider_default as ToastProvider, toast_viewport_default as ToastViewport, toastColors, toastParts, toastPositions, toastRadiuses, toastTypes, toastVariants, toastViewportParts, useToast, useToastState };
@@ -1,8 +1,8 @@
1
1
  import { ToastCloseReason, ToastProps } from './types.js';
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<ToastProps & {
4
- "onUpdate:open"?: ((value: boolean) => any) | undefined;
5
4
  onClose?: ((reason: ToastCloseReason) => any) | undefined;
5
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
6
6
  "onAfter-leave"?: (() => any) | undefined;
7
7
  }> & (typeof globalThis extends {
8
8
  __VLS_PROPS_FALLBACK: infer P;
@@ -18,7 +18,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
18
18
  } & {
19
19
  action?: (props: {}) => any;
20
20
  };
21
- emit: ((evt: "update:open", value: boolean) => void) & ((evt: "close", reason: ToastCloseReason) => void) & ((evt: "after-leave") => void);
21
+ emit: ((evt: "close", reason: ToastCloseReason) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "after-leave") => void);
22
22
  }>) => import('vue').VNode & {
23
23
  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
24
24
  };
@@ -1,5 +1,11 @@
1
- import { ComputedRef, InjectionKey, MaybeRefOrGetter } from 'vue';
1
+ import { ComputedRef, InjectionKey, MaybeRefOrGetter, Raw } from 'vue';
2
+ import { TeleportProps } from '../floating/types.js';
2
3
  import { ComponentColorValue } from '../../utils/componentColors.js';
4
+ import { StylesApiProps } from '../../styles-api.js';
5
+ export declare const toastParts: readonly ["root", "icon", "title", "description", "body", "action", "close"];
6
+ export declare const toastViewportParts: readonly ["root", "item", "toast", "toastIcon", "toastTitle", "toastDescription", "toastBody", "toastAction", "toastClose"];
7
+ export type ToastPart = (typeof toastParts)[number];
8
+ export type ToastViewportPart = (typeof toastViewportParts)[number];
3
9
  export declare const toastColors: readonly ["dark", "gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"];
4
10
  export declare const toastVariants: readonly ["subtle", "surface", "outline", "solid"];
5
11
  export declare const toastRadiuses: readonly ["none", "xs", "sm", "md", "lg", "xl"];
@@ -14,7 +20,7 @@ export type ToastRole = 'alert' | 'status' | 'none';
14
20
  export type ToastCloseReason = 'dismiss' | 'timeout';
15
21
  export type ToastStateOption<T> = MaybeRefOrGetter<T>;
16
22
  export type ToastId = string;
17
- export interface ToastProps {
23
+ export interface ToastProps extends StylesApiProps<ToastPart> {
18
24
  open?: boolean;
19
25
  title?: string;
20
26
  description?: string;
@@ -62,11 +68,9 @@ export interface ToastProviderProps {
62
68
  closable?: boolean;
63
69
  closeLabel?: string;
64
70
  }
65
- export interface ToastViewportProps {
71
+ export interface ToastViewportProps extends TeleportProps, StylesApiProps<ToastViewportPart> {
66
72
  position?: ToastPosition;
67
73
  label?: string;
68
- teleport?: boolean;
69
- teleportTo?: string | HTMLElement;
70
74
  }
71
75
  export interface ToastOptions extends Omit<ToastProps, 'open'> {
72
76
  /** Replaces an active toast with the same id and starts a fresh lifecycle. */
@@ -81,7 +85,7 @@ export interface ToastItem {
81
85
  /** A unique key for this rendered instance, including replacements that reuse an id. */
82
86
  readonly instanceId: string;
83
87
  readonly type: ToastType;
84
- readonly props: Readonly<Omit<ToastProps, 'open'>>;
88
+ readonly props: Readonly<Raw<Omit<ToastProps, 'open'>>>;
85
89
  readonly onClose?: (reason: ToastCloseReason) => void;
86
90
  }
87
91
  export interface ToastViewportSlotProps {
@@ -1,2 +1,3 @@
1
1
  export { default as Tooltip } from './tooltip.js';
2
- export type { TooltipColor, TooltipOffset, TooltipOffsetOptions, TooltipPlacement, TooltipProps, TooltipSlotProps, TooltipTarget, TooltipTriggerProps, } from './types.js';
2
+ export { tooltipParts } from './types.js';
3
+ export type { TooltipColor, TooltipOffset, TooltipOffsetOptions, TooltipPart, TooltipPlacement, TooltipProps, TooltipSlotProps, TooltipTarget, TooltipTriggerProps, } from './types.js';
@@ -1,2 +1,3 @@
1
1
  import { t as tooltip_default } from "../../tooltip.js";
2
- export { tooltip_default as Tooltip };
2
+ import { t as tooltipParts } from "../../tooltip2.js";
3
+ export { tooltip_default as Tooltip, tooltipParts };
@@ -1,4 +1,4 @@
1
- import { TooltipProps } from './types.js';
1
+ import { TooltipProps, TooltipTriggerProps } from './types.js';
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<TooltipProps & {
4
4
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -9,7 +9,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
9
9
  attrs: any;
10
10
  slots: {
11
11
  default?: (props: {
12
- triggerProps: import('./types.js').TooltipTriggerProps;
12
+ triggerProps: TooltipTriggerProps;
13
13
  }) => any;
14
14
  } & {
15
15
  content?: (props: {}) => any;
@@ -1,30 +1,31 @@
1
- import { Ref } from 'vue';
1
+ import { HTMLAttributes } from 'vue';
2
2
  import { ComponentColorValue } from '../../utils/componentColors.js';
3
+ import { StylesApiProps } from '../../styles-api.js';
4
+ import { FloatingOffset, FloatingOffsetOptions, FloatingPositionProps, FloatingTarget } from '../floating/types.js';
5
+ export declare const tooltipParts: readonly ["root", "trigger", "content"];
6
+ export type TooltipPart = (typeof tooltipParts)[number];
3
7
  export type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
4
8
  export type TooltipColor = ComponentColorValue;
5
- export type TooltipTarget = string | HTMLElement | Ref<HTMLElement | null | undefined>;
6
- export interface TooltipOffsetOptions {
7
- mainAxis?: number;
8
- crossAxis?: number;
9
- }
10
- export type TooltipOffset = number | TooltipOffsetOptions;
9
+ export type TooltipTarget = FloatingTarget;
10
+ export type TooltipOffsetOptions = FloatingOffsetOptions;
11
+ export type TooltipOffset = FloatingOffset;
11
12
  export interface TooltipTriggerProps {
12
13
  'aria-describedby'?: string;
14
+ class?: HTMLAttributes['class'];
15
+ style?: HTMLAttributes['style'];
16
+ 'data-state'?: 'open' | 'closed';
17
+ 'data-disabled'?: '';
13
18
  }
14
19
  export interface TooltipSlotProps {
15
20
  triggerProps: TooltipTriggerProps;
16
21
  }
17
- export interface TooltipProps {
22
+ export interface TooltipProps extends FloatingPositionProps<TooltipPlacement>, StylesApiProps<TooltipPart> {
18
23
  id?: string;
19
24
  content?: string;
20
- target?: TooltipTarget | null;
21
- placement?: TooltipPlacement;
22
25
  color?: TooltipColor;
23
26
  autoContrast?: boolean;
24
- offset?: TooltipOffset;
25
27
  open?: boolean;
26
28
  openDelay?: number;
27
- arrow?: boolean;
28
29
  disabled?: boolean;
29
30
  decorative?: boolean;
30
31
  }
@@ -1,10 +1,15 @@
1
1
  import { CSSProperties } from 'vue';
2
- import { TooltipOffset, TooltipProps, TooltipTriggerProps } from './types.js';
2
+ import { TooltipOffset, TooltipPlacement, TooltipProps, TooltipTriggerProps } from './types.js';
3
+ type TooltipBehaviorProps = Omit<TooltipProps, 'classNames' | 'styles'>;
3
4
  export declare function resolveTooltipOffsetStyle(offset: TooltipOffset | undefined): CSSProperties | undefined;
4
5
  export declare function resolveTooltipColorStyleWithContrast(color: TooltipProps['color'], autoContrast: TooltipProps['autoContrast']): CSSProperties | undefined;
5
- export declare function useTooltip(props: Readonly<TooltipProps>, emitOpenChange?: (open: boolean) => void): {
6
+ export declare function useTooltip(props: Readonly<TooltipBehaviorProps>, emitOpenChange?: (open: boolean) => void): {
7
+ rootRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
8
+ contentRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
9
+ arrowRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
6
10
  tooltipId: import('vue').ComputedRef<string>;
7
11
  isOpen: import('vue').ComputedRef<boolean>;
12
+ isDisabled: import('vue').ComputedRef<boolean>;
8
13
  isVisible: import('vue').ComputedRef<boolean>;
9
14
  isTargetMode: import('vue').ComputedRef<boolean>;
10
15
  shouldRenderContent: import('vue').ComputedRef<boolean>;
@@ -12,8 +17,13 @@ export declare function useTooltip(props: Readonly<TooltipProps>, emitOpenChange
12
17
  triggerProps: import('vue').ComputedRef<TooltipTriggerProps>;
13
18
  contentRole: import('vue').ComputedRef<"tooltip" | undefined>;
14
19
  contentAriaHidden: import('vue').ComputedRef<"true" | undefined>;
15
- contentStyle: import('vue').ComputedRef<CSSProperties | undefined>;
20
+ contentStyle: import('vue').ComputedRef<CSSProperties>;
21
+ actualPlacement: import('vue').Ref<TooltipPlacement, TooltipPlacement>;
22
+ placementSide: import('vue').ComputedRef<string>;
23
+ arrowStyle: import('vue').Ref<CSSProperties | undefined, CSSProperties | undefined>;
24
+ teleportTo: import('vue').ComputedRef<import('../floating/index.js').TeleportTargetValue>;
16
25
  openTooltip: () => void;
17
26
  closeTooltip: () => void;
18
27
  onKeydown: (event: KeyboardEvent) => void;
19
28
  };
29
+ export {};