@exsto/ds 0.0.0-stage → 0.0.1-rc.1

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 (214) hide show
  1. package/LICENSE +202 -0
  2. package/README.md +84 -2
  3. package/dist/chunks/toggle-group-ByNq8g7H.js +4263 -0
  4. package/dist/chunks/toggle-group-ByNq8g7H.js.map +1 -0
  5. package/dist/dom/src/context.d.ts +34 -0
  6. package/dist/dom/src/define-element.d.ts +11 -0
  7. package/dist/dom/src/define-element.test.d.ts +1 -0
  8. package/dist/dom/src/field-control.d.ts +5 -0
  9. package/dist/dom/src/index.d.ts +6 -0
  10. package/dist/dom/src/mode.d.ts +8 -0
  11. package/dist/dom/src/native-slot.test.d.ts +1 -0
  12. package/dist/dom/src/styles.d.ts +6 -0
  13. package/dist/dom/src/theme-state.d.ts +1 -0
  14. package/dist/dom/src/types.d.ts +65 -0
  15. package/dist/ds/src/elements.d.ts +12 -0
  16. package/dist/ds/src/index.d.ts +8 -0
  17. package/dist/elements/src/edx-accordion.d.ts +14 -0
  18. package/dist/elements/src/edx-accordion.test.d.ts +1 -0
  19. package/dist/elements/src/edx-alert.d.ts +14 -0
  20. package/dist/elements/src/edx-audio-player.d.ts +11 -0
  21. package/dist/elements/src/edx-avatar.d.ts +10 -0
  22. package/dist/elements/src/edx-badge.d.ts +12 -0
  23. package/dist/elements/src/edx-breadcrumb.d.ts +11 -0
  24. package/dist/elements/src/edx-button-group.d.ts +7 -0
  25. package/dist/elements/src/edx-button.d.ts +20 -0
  26. package/dist/elements/src/edx-calendar.d.ts +21 -0
  27. package/dist/elements/src/edx-card.d.ts +8 -0
  28. package/dist/elements/src/edx-checkbox.d.ts +18 -0
  29. package/dist/elements/src/edx-combobox.d.ts +28 -0
  30. package/dist/elements/src/edx-content-components.d.ts +2 -0
  31. package/dist/elements/src/edx-dialog.d.ts +20 -0
  32. package/dist/elements/src/edx-drawer.d.ts +21 -0
  33. package/dist/elements/src/edx-dropdown-menu.d.ts +29 -0
  34. package/dist/elements/src/edx-field.d.ts +9 -0
  35. package/dist/elements/src/edx-field.test.d.ts +1 -0
  36. package/dist/elements/src/edx-indicator.d.ts +14 -0
  37. package/dist/elements/src/edx-input-group.d.ts +32 -0
  38. package/dist/elements/src/edx-input-otp.d.ts +19 -0
  39. package/dist/elements/src/edx-input.d.ts +31 -0
  40. package/dist/elements/src/edx-interactive-components.d.ts +2 -0
  41. package/dist/elements/src/edx-label.d.ts +6 -0
  42. package/dist/elements/src/edx-pagination.d.ts +8 -0
  43. package/dist/elements/src/edx-popover.d.ts +24 -0
  44. package/dist/elements/src/edx-progress.d.ts +10 -0
  45. package/dist/elements/src/edx-radio-group.d.ts +22 -0
  46. package/dist/elements/src/edx-radio-group.test.d.ts +1 -0
  47. package/dist/elements/src/edx-scroll-area.d.ts +15 -0
  48. package/dist/elements/src/edx-scroll-area.test.d.ts +1 -0
  49. package/dist/elements/src/edx-select.d.ts +34 -0
  50. package/dist/elements/src/edx-separator.d.ts +10 -0
  51. package/dist/elements/src/edx-skeleton.d.ts +8 -0
  52. package/dist/elements/src/edx-slider.d.ts +17 -0
  53. package/dist/elements/src/edx-slider.test.d.ts +1 -0
  54. package/dist/elements/src/edx-switch.d.ts +18 -0
  55. package/dist/elements/src/edx-table.d.ts +13 -0
  56. package/dist/elements/src/edx-table.test.d.ts +1 -0
  57. package/dist/elements/src/edx-tabs.d.ts +15 -0
  58. package/dist/elements/src/edx-tabs.test.d.ts +1 -0
  59. package/dist/elements/src/edx-textarea.d.ts +25 -0
  60. package/dist/elements/src/edx-toggle-group.d.ts +27 -0
  61. package/dist/elements/src/edx-toggle-group.test.d.ts +1 -0
  62. package/dist/elements/src/edx-toggle.d.ts +18 -0
  63. package/dist/elements/src/edx-tooltip.d.ts +28 -0
  64. package/dist/elements/src/edx-video-player.d.ts +16 -0
  65. package/dist/elements/src/field-control-bridge.d.ts +7 -0
  66. package/dist/elements/src/index.d.ts +14 -0
  67. package/dist/elements/src/projected-content.test.d.ts +1 -0
  68. package/dist/elements/src/registry.d.ts +39 -0
  69. package/dist/elements/src/registry.test.d.ts +1 -0
  70. package/dist/elements.js +4020 -0
  71. package/dist/elements.js.map +1 -0
  72. package/dist/index.js +2 -0
  73. package/dist/styles.css +7486 -0
  74. package/dist/styles.css.d.ts +2 -0
  75. package/dist/theme/src/index.d.ts +4 -0
  76. package/dist/ui/src/components/edyn/audio-player/audio-player.d.ts +29 -0
  77. package/dist/ui/src/components/edyn/audio-player/index.d.ts +1 -0
  78. package/dist/ui/src/components/edyn/video-player/index.d.ts +1 -0
  79. package/dist/ui/src/components/edyn/video-player/video-player.d.ts +55 -0
  80. package/dist/ui/src/components/ui/accordion/accordion.behavior.test.d.ts +13 -0
  81. package/dist/ui/src/components/ui/accordion/accordion.d.ts +27 -0
  82. package/dist/ui/src/components/ui/accordion/index.d.ts +1 -0
  83. package/dist/ui/src/components/ui/alert/alert.d.ts +10 -0
  84. package/dist/ui/src/components/ui/alert/index.d.ts +1 -0
  85. package/dist/ui/src/components/ui/alert-dialog/alert-dialog.d.ts +17 -0
  86. package/dist/ui/src/components/ui/alert-dialog/index.d.ts +1 -0
  87. package/dist/ui/src/components/ui/aspect-ratio/aspect-ratio.d.ts +3 -0
  88. package/dist/ui/src/components/ui/aspect-ratio/index.d.ts +1 -0
  89. package/dist/ui/src/components/ui/attachment/attachment.d.ts +23 -0
  90. package/dist/ui/src/components/ui/attachment/index.d.ts +1 -0
  91. package/dist/ui/src/components/ui/avatar/avatar.d.ts +10 -0
  92. package/dist/ui/src/components/ui/avatar/index.d.ts +1 -0
  93. package/dist/ui/src/components/ui/badge/badge.d.ts +7 -0
  94. package/dist/ui/src/components/ui/badge/index.d.ts +1 -0
  95. package/dist/ui/src/components/ui/breadcrumb/breadcrumb.d.ts +9 -0
  96. package/dist/ui/src/components/ui/breadcrumb/index.d.ts +1 -0
  97. package/dist/ui/src/components/ui/bubble/bubble.d.ts +16 -0
  98. package/dist/ui/src/components/ui/bubble/index.d.ts +1 -0
  99. package/dist/ui/src/components/ui/button/button.d.ts +7 -0
  100. package/dist/ui/src/components/ui/button/index.d.ts +1 -0
  101. package/dist/ui/src/components/ui/button-group/button-group.d.ts +12 -0
  102. package/dist/ui/src/components/ui/button-group/index.d.ts +1 -0
  103. package/dist/ui/src/components/ui/calendar/calendar.d.ts +9 -0
  104. package/dist/ui/src/components/ui/calendar/index.d.ts +1 -0
  105. package/dist/ui/src/components/ui/card/card.d.ts +10 -0
  106. package/dist/ui/src/components/ui/card/index.d.ts +1 -0
  107. package/dist/ui/src/components/ui/carousel/carousel.d.ts +28 -0
  108. package/dist/ui/src/components/ui/carousel/index.d.ts +3 -0
  109. package/dist/ui/src/components/ui/chart/chart.d.ts +44 -0
  110. package/dist/ui/src/components/ui/chart/index.d.ts +3 -0
  111. package/dist/ui/src/components/ui/checkbox/checkbox.d.ts +2 -0
  112. package/dist/ui/src/components/ui/checkbox/index.d.ts +1 -0
  113. package/dist/ui/src/components/ui/collapsible/collapsible.d.ts +4 -0
  114. package/dist/ui/src/components/ui/collapsible/index.d.ts +1 -0
  115. package/dist/ui/src/components/ui/combobox/combobox.d.ts +15 -0
  116. package/dist/ui/src/components/ui/combobox/index.d.ts +1 -0
  117. package/dist/ui/src/components/ui/command/command.d.ts +18 -0
  118. package/dist/ui/src/components/ui/command/index.d.ts +1 -0
  119. package/dist/ui/src/components/ui/context-menu/context-menu.d.ts +28 -0
  120. package/dist/ui/src/components/ui/context-menu/index.d.ts +1 -0
  121. package/dist/ui/src/components/ui/dialog/dialog.d.ts +16 -0
  122. package/dist/ui/src/components/ui/dialog/index.d.ts +1 -0
  123. package/dist/ui/src/components/ui/direction/direction.d.ts +1 -0
  124. package/dist/ui/src/components/ui/direction/index.d.ts +1 -0
  125. package/dist/ui/src/components/ui/drawer/drawer.d.ts +15 -0
  126. package/dist/ui/src/components/ui/drawer/index.d.ts +1 -0
  127. package/dist/ui/src/components/ui/dropdown-menu/dropdown-menu.d.ts +28 -0
  128. package/dist/ui/src/components/ui/dropdown-menu/index.d.ts +1 -0
  129. package/dist/ui/src/components/ui/empty/empty.d.ts +11 -0
  130. package/dist/ui/src/components/ui/empty/index.d.ts +1 -0
  131. package/dist/ui/src/components/ui/field/field.d.ts +5 -0
  132. package/dist/ui/src/components/ui/field/index.d.ts +1 -0
  133. package/dist/ui/src/components/ui/hover-card/hover-card.d.ts +4 -0
  134. package/dist/ui/src/components/ui/hover-card/index.d.ts +1 -0
  135. package/dist/ui/src/components/ui/indicator/index.d.ts +1 -0
  136. package/dist/ui/src/components/ui/indicator/indicator.d.ts +10 -0
  137. package/dist/ui/src/components/ui/input/index.d.ts +1 -0
  138. package/dist/ui/src/components/ui/input/input.d.ts +2 -0
  139. package/dist/ui/src/components/ui/input-group/index.d.ts +1 -0
  140. package/dist/ui/src/components/ui/input-group/input-group.d.ts +26 -0
  141. package/dist/ui/src/components/ui/input-otp/index.d.ts +1 -0
  142. package/dist/ui/src/components/ui/input-otp/input-otp.d.ts +10 -0
  143. package/dist/ui/src/components/ui/item/index.d.ts +1 -0
  144. package/dist/ui/src/components/ui/item/item.d.ts +22 -0
  145. package/dist/ui/src/components/ui/kbd/index.d.ts +1 -0
  146. package/dist/ui/src/components/ui/kbd/kbd.d.ts +2 -0
  147. package/dist/ui/src/components/ui/label/index.d.ts +1 -0
  148. package/dist/ui/src/components/ui/label/label.d.ts +2 -0
  149. package/dist/ui/src/components/ui/marker/index.d.ts +1 -0
  150. package/dist/ui/src/components/ui/marker/marker.d.ts +9 -0
  151. package/dist/ui/src/components/ui/menubar/index.d.ts +1 -0
  152. package/dist/ui/src/components/ui/menubar/menubar.d.ts +28 -0
  153. package/dist/ui/src/components/ui/message/index.d.ts +1 -0
  154. package/dist/ui/src/components/ui/message/message.d.ts +9 -0
  155. package/dist/ui/src/components/ui/message-scroller/index.d.ts +1 -0
  156. package/dist/ui/src/components/ui/message-scroller/message-scroller.d.ts +10 -0
  157. package/dist/ui/src/components/ui/native-select/index.d.ts +1 -0
  158. package/dist/ui/src/components/ui/native-select/native-select.d.ts +8 -0
  159. package/dist/ui/src/components/ui/navigation-menu/index.d.ts +1 -0
  160. package/dist/ui/src/components/ui/navigation-menu/navigation-menu.d.ts +10 -0
  161. package/dist/ui/src/components/ui/pagination/index.d.ts +1 -0
  162. package/dist/ui/src/components/ui/pagination/pagination.behavior.test.d.ts +1 -0
  163. package/dist/ui/src/components/ui/pagination/pagination.d.ts +17 -0
  164. package/dist/ui/src/components/ui/pagination/pagination.test.d.ts +1 -0
  165. package/dist/ui/src/components/ui/popover/index.d.ts +1 -0
  166. package/dist/ui/src/components/ui/popover/popover.d.ts +8 -0
  167. package/dist/ui/src/components/ui/progress/index.d.ts +1 -0
  168. package/dist/ui/src/components/ui/progress/progress.d.ts +5 -0
  169. package/dist/ui/src/components/ui/questionnaire/index.d.ts +1 -0
  170. package/dist/ui/src/components/ui/questionnaire/questionnaire.d.ts +18 -0
  171. package/dist/ui/src/components/ui/radio-group/index.d.ts +1 -0
  172. package/dist/ui/src/components/ui/radio-group/radio-group.d.ts +10 -0
  173. package/dist/ui/src/components/ui/resizable/index.d.ts +1 -0
  174. package/dist/ui/src/components/ui/resizable/resizable.d.ts +6 -0
  175. package/dist/ui/src/components/ui/scroll-area/index.d.ts +1 -0
  176. package/dist/ui/src/components/ui/scroll-area/scroll-area.d.ts +32 -0
  177. package/dist/ui/src/components/ui/select/index.d.ts +1 -0
  178. package/dist/ui/src/components/ui/select/select.d.ts +17 -0
  179. package/dist/ui/src/components/ui/separator/index.d.ts +1 -0
  180. package/dist/ui/src/components/ui/separator/separator.d.ts +2 -0
  181. package/dist/ui/src/components/ui/sheet/index.d.ts +1 -0
  182. package/dist/ui/src/components/ui/sheet/sheet.d.ts +13 -0
  183. package/dist/ui/src/components/ui/sidebar/index.d.ts +1 -0
  184. package/dist/ui/src/components/ui/sidebar/sidebar.d.ts +63 -0
  185. package/dist/ui/src/components/ui/skeleton/index.d.ts +1 -0
  186. package/dist/ui/src/components/ui/skeleton/skeleton.d.ts +1 -0
  187. package/dist/ui/src/components/ui/slider/index.d.ts +1 -0
  188. package/dist/ui/src/components/ui/slider/slider.d.ts +17 -0
  189. package/dist/ui/src/components/ui/spinner/index.d.ts +1 -0
  190. package/dist/ui/src/components/ui/spinner/spinner.d.ts +5 -0
  191. package/dist/ui/src/components/ui/switch/index.d.ts +1 -0
  192. package/dist/ui/src/components/ui/switch/switch.d.ts +4 -0
  193. package/dist/ui/src/components/ui/table/index.d.ts +1 -0
  194. package/dist/ui/src/components/ui/table/table.behavior.test.d.ts +10 -0
  195. package/dist/ui/src/components/ui/table/table.d.ts +9 -0
  196. package/dist/ui/src/components/ui/tabs/index.d.ts +1 -0
  197. package/dist/ui/src/components/ui/tabs/tabs.behavior.test.d.ts +21 -0
  198. package/dist/ui/src/components/ui/tabs/tabs.d.ts +35 -0
  199. package/dist/ui/src/components/ui/textarea/index.d.ts +1 -0
  200. package/dist/ui/src/components/ui/textarea/textarea.d.ts +2 -0
  201. package/dist/ui/src/components/ui/toast/index.d.ts +1 -0
  202. package/dist/ui/src/components/ui/toast/toast.d.ts +15 -0
  203. package/dist/ui/src/components/ui/toggle/index.d.ts +1 -0
  204. package/dist/ui/src/components/ui/toggle/toggle.d.ts +8 -0
  205. package/dist/ui/src/components/ui/toggle-group/index.d.ts +1 -0
  206. package/dist/ui/src/components/ui/toggle-group/toggle-group.d.ts +7 -0
  207. package/dist/ui/src/components/ui/tooltip/index.d.ts +1 -0
  208. package/dist/ui/src/components/ui/tooltip/tooltip.d.ts +5 -0
  209. package/dist/ui/src/hooks/use-media-player.d.ts +29 -0
  210. package/dist/ui/src/hooks/use-merged-refs.d.ts +4 -0
  211. package/dist/ui/src/hooks/use-mobile.d.ts +1 -0
  212. package/dist/ui/src/index.d.ts +68 -0
  213. package/dist/ui/src/lib/utils.d.ts +13 -0
  214. package/package.json +72 -4
@@ -0,0 +1,2 @@
1
+ // Side-effect stylesheet; importing it has no type surface.
2
+ export {};
@@ -0,0 +1,4 @@
1
+ /** Class applied to every Edynamix component root; carries the scoped reset. */
2
+ export declare const EDX_ROOT_CLASS = "edx-root";
3
+ /** Class toggled on an ancestor to enable dark mode. */
4
+ export declare const EDX_DARK_CLASS = "dark";
@@ -0,0 +1,29 @@
1
+ import { TCssLength } from '../../../lib/utils';
2
+ export interface IAudioPlayerProps {
3
+ /** Audio source URL. */
4
+ src?: string;
5
+ /** Start muted. The volume control still works from here. */
6
+ muted?: boolean;
7
+ /** Loop playback when the track ends. */
8
+ loop?: boolean;
9
+ /** Disable every control without hiding the player. */
10
+ disabled?: boolean;
11
+ /**
12
+ * Bar width. A number is px, a string is any CSS length (`'100%'`, `'34rem'`).
13
+ * Omitted, the bar fills the width it is given. The height is fixed at 48px by
14
+ * the design: the row has to line up with the other form-height controls.
15
+ */
16
+ width?: TCssLength;
17
+ className?: string;
18
+ 'aria-label'?: string;
19
+ onPlay?: () => void;
20
+ onPause?: () => void;
21
+ onEnded?: () => void;
22
+ onTimeUpdate?: (currentTime: number, duration: number) => void;
23
+ }
24
+ /**
25
+ * Compact inline media control for audio content: play/pause, elapsed and total
26
+ * time, a seekable timeline, and volume. Four elements in one rounded row, per
27
+ * the design-system anatomy.
28
+ */
29
+ export declare const AudioPlayer: ({ src, muted, loop, disabled, width, className, "aria-label": ariaLabel, onPlay, onPause, onEnded, onTimeUpdate, }: IAudioPlayerProps) => import('react').JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './audio-player';
@@ -0,0 +1 @@
1
+ export * from './video-player';
@@ -0,0 +1,55 @@
1
+ import { TCssLength } from '../../../lib/utils';
2
+ import * as React from 'react';
3
+ export interface IVideoPlayerProps {
4
+ /** Video source URL. */
5
+ src?: string;
6
+ /** Still frame shown before playback starts. */
7
+ poster?: string;
8
+ /** Primary label rendered in the control overlay. */
9
+ title?: string;
10
+ /** Secondary label rendered under the title. */
11
+ description?: string;
12
+ /** Start muted. Required by browsers for unattended autoplay. */
13
+ muted?: boolean;
14
+ /** Loop playback when the video ends. */
15
+ loop?: boolean;
16
+ /** Disable every control without hiding the player. */
17
+ disabled?: boolean;
18
+ /**
19
+ * Box width. A number is px, a string is any CSS length (`'100%'`, `'34rem'`).
20
+ * Omitted, the player fills the width it is given.
21
+ */
22
+ width?: TCssLength;
23
+ /**
24
+ * Box height. A number is px, a string is any CSS length. Omitted, the height
25
+ * comes from `ratio`. Setting this letterboxes a source that does not match.
26
+ */
27
+ height?: TCssLength;
28
+ /**
29
+ * Aspect ratio of the media box, as a CSS `aspect-ratio` value (`'16/9'`).
30
+ *
31
+ * Defaults to `auto`, so the height follows the source's own dimensions and a
32
+ * portrait or 4:3 clip is shown whole rather than letterboxed. Pair `auto`
33
+ * with a `poster`: a `<video>` reports a 300x150 intrinsic size until metadata
34
+ * arrives, and the poster's dimensions stand in for it, which is what stops
35
+ * the box from resizing when the first frame lands.
36
+ *
37
+ * Ignored when `height` is set.
38
+ */
39
+ ratio?: string;
40
+ className?: string;
41
+ 'aria-label'?: string;
42
+ onPlay?: () => void;
43
+ onPause?: () => void;
44
+ onEnded?: () => void;
45
+ onTimeUpdate?: (currentTime: number, duration: number) => void;
46
+ }
47
+ /**
48
+ * Media surface with an overlaid control bar: title and description, elapsed and
49
+ * total time, a seekable scrubber, play/pause, volume, and fullscreen.
50
+ *
51
+ * The root carries the `dark` class so its tokens resolve to the dark palette in
52
+ * both themes. Video is dark, so the letterbox and controls must stay dark and
53
+ * light-on-dark; this re-scopes existing tokens rather than hardcoding a colour.
54
+ */
55
+ export declare const VideoPlayer: ({ src, poster, title, description, muted, loop, disabled, width, height, ratio, className, "aria-label": ariaLabel, onPlay, onPause, onEnded, onTimeUpdate, }: IVideoPlayerProps) => React.JSX.Element;
@@ -0,0 +1,13 @@
1
+ /**
2
+ * A11y + interaction test for Accordion.
3
+ *
4
+ * Uses happy-dom to verify:
5
+ * 1. Triggers are rendered as buttons with aria-expanded.
6
+ * 2. Panels are present in the DOM (keepMounted=true on AccordionContent).
7
+ * 3. Clicking a trigger fires onValueChange with the correct value.
8
+ * 4. aria-expanded flips to true on the opened item after re-render.
9
+ *
10
+ * Full real-browser keyboard navigation (ArrowDown/Up/Home/End/Enter/Space) is
11
+ * proven separately in e2e/accordion-keyboard.spec.ts.
12
+ */
13
+ export {};
@@ -0,0 +1,27 @@
1
+ import type * as React from 'react';
2
+ export interface IAccordionProps {
3
+ value?: string[];
4
+ defaultValue?: string[];
5
+ onValueChange?: (value: string[]) => void;
6
+ multiple?: boolean;
7
+ className?: string;
8
+ children: React.ReactNode;
9
+ }
10
+ export declare const Accordion: ({ value, defaultValue, onValueChange, multiple, className, children }: IAccordionProps) => React.JSX.Element;
11
+ export interface IAccordionItemProps {
12
+ value: string;
13
+ disabled?: boolean;
14
+ className?: string;
15
+ children: React.ReactNode;
16
+ }
17
+ export declare const AccordionItem: ({ value, disabled, className, children }: IAccordionItemProps) => React.JSX.Element;
18
+ export interface IAccordionTriggerProps {
19
+ className?: string;
20
+ children: React.ReactNode;
21
+ }
22
+ export declare const AccordionTrigger: ({ className, children }: IAccordionTriggerProps) => React.JSX.Element;
23
+ export interface IAccordionContentProps {
24
+ className?: string;
25
+ children: React.ReactNode;
26
+ }
27
+ export declare const AccordionContent: ({ className, children }: IAccordionContentProps) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './accordion';
@@ -0,0 +1,10 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import type * as React from 'react';
3
+ declare const alertVariants: (props?: ({
4
+ variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
5
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
+ export declare const Alert: ({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) => React.JSX.Element;
7
+ export declare const AlertTitle: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
8
+ export declare const AlertDescription: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
9
+ export declare const AlertAction: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
10
+ export {};
@@ -0,0 +1 @@
1
+ export * from './alert';
@@ -0,0 +1,17 @@
1
+ import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
2
+ import { Button } from '../button';
3
+ import type * as React from 'react';
4
+ export declare const AlertDialog: ({ ...props }: AlertDialogPrimitive.Root.Props) => React.JSX.Element;
5
+ export declare const AlertDialogTrigger: ({ ...props }: AlertDialogPrimitive.Trigger.Props) => React.JSX.Element;
6
+ export declare const AlertDialogPortal: ({ ...props }: AlertDialogPrimitive.Portal.Props) => React.JSX.Element;
7
+ export declare const AlertDialogOverlay: ({ className, ...props }: AlertDialogPrimitive.Backdrop.Props) => React.JSX.Element;
8
+ export declare const AlertDialogContent: ({ className, size, ...props }: AlertDialogPrimitive.Popup.Props & {
9
+ size?: "default" | "sm";
10
+ }) => React.JSX.Element;
11
+ export declare const AlertDialogHeader: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
12
+ export declare const AlertDialogFooter: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
13
+ export declare const AlertDialogMedia: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
14
+ export declare const AlertDialogTitle: ({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) => React.JSX.Element;
15
+ export declare const AlertDialogDescription: ({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>) => React.JSX.Element;
16
+ export declare const AlertDialogAction: ({ className, ...props }: React.ComponentProps<typeof Button>) => React.JSX.Element;
17
+ export declare const AlertDialogCancel: ({ className, variant, size, ...props }: AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, "variant" | "size">) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './alert-dialog';
@@ -0,0 +1,3 @@
1
+ export declare const AspectRatio: ({ ratio, className, ...props }: React.ComponentProps<"div"> & {
2
+ ratio: number;
3
+ }) => import('react').JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './aspect-ratio';
@@ -0,0 +1,23 @@
1
+ import { useRender } from '@base-ui/react/use-render';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ import { Button } from '../button';
4
+ import type * as React from 'react';
5
+ declare const attachmentVariants: (props?: ({
6
+ size?: "default" | "xs" | "sm" | null | undefined;
7
+ orientation?: "horizontal" | "vertical" | null | undefined;
8
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
9
+ export declare const Attachment: ({ className, state, size, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentVariants> & {
10
+ state?: "idle" | "uploading" | "processing" | "error" | "done";
11
+ }) => React.JSX.Element;
12
+ declare const attachmentMediaVariants: (props?: ({
13
+ variant?: "image" | "icon" | null | undefined;
14
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
15
+ export declare const AttachmentMedia: ({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants>) => React.JSX.Element;
16
+ export declare const AttachmentContent: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
17
+ export declare const AttachmentTitle: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
18
+ export declare const AttachmentDescription: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
19
+ export declare const AttachmentActions: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
20
+ export declare const AttachmentAction: ({ className, variant, size, ...props }: React.ComponentProps<typeof Button>) => React.JSX.Element;
21
+ export declare const AttachmentTrigger: ({ className, render, type, ...props }: useRender.ComponentProps<"button">) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
22
+ export declare const AttachmentGroup: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
23
+ export {};
@@ -0,0 +1 @@
1
+ export * from './attachment';
@@ -0,0 +1,10 @@
1
+ import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
2
+ import type * as React from 'react';
3
+ export declare const Avatar: ({ className, size, ...props }: AvatarPrimitive.Root.Props & {
4
+ size?: "default" | "sm" | "lg";
5
+ }) => React.JSX.Element;
6
+ export declare const AvatarImage: ({ className, ...props }: AvatarPrimitive.Image.Props) => React.JSX.Element;
7
+ export declare const AvatarFallback: ({ className, ...props }: AvatarPrimitive.Fallback.Props) => React.JSX.Element;
8
+ export declare const AvatarBadge: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
9
+ export declare const AvatarGroup: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
10
+ export declare const AvatarGroupCount: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './avatar';
@@ -0,0 +1,7 @@
1
+ import { useRender } from '@base-ui/react/use-render';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ export declare const badgeVariants: (props?: ({
4
+ variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | "success" | "warning" | "info" | null | undefined;
5
+ size?: "default" | "lg" | null | undefined;
6
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
+ export declare const Badge: ({ className, variant, size, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
@@ -0,0 +1 @@
1
+ export * from './badge';
@@ -0,0 +1,9 @@
1
+ import { useRender } from '@base-ui/react/use-render';
2
+ import type * as React from 'react';
3
+ export declare const Breadcrumb: ({ className, ...props }: React.ComponentProps<"nav">) => React.JSX.Element;
4
+ export declare const BreadcrumbList: ({ className, ...props }: React.ComponentProps<"ol">) => React.JSX.Element;
5
+ export declare const BreadcrumbItem: ({ className, ...props }: React.ComponentProps<"li">) => React.JSX.Element;
6
+ export declare const BreadcrumbLink: ({ className, render, ...props }: useRender.ComponentProps<"a">) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
7
+ export declare const BreadcrumbPage: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
8
+ export declare const BreadcrumbSeparator: ({ children, className, ...props }: React.ComponentProps<"li">) => React.JSX.Element;
9
+ export declare const BreadcrumbEllipsis: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './breadcrumb';
@@ -0,0 +1,16 @@
1
+ import { useRender } from '@base-ui/react/use-render';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ import type * as React from 'react';
4
+ export declare const BubbleGroup: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
5
+ declare const bubbleVariants: (props?: ({
6
+ variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "muted" | "tinted" | null | undefined;
7
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
+ export declare const Bubble: ({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
9
+ align?: "start" | "end";
10
+ }) => React.JSX.Element;
11
+ export declare const BubbleContent: ({ className, render, ...props }: useRender.ComponentProps<"div">) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
12
+ export declare const BubbleReactions: ({ side, align, className, ...props }: React.ComponentProps<"div"> & {
13
+ align?: "start" | "end";
14
+ side?: "top" | "bottom";
15
+ }) => React.JSX.Element;
16
+ export {};
@@ -0,0 +1 @@
1
+ export * from './bubble';
@@ -0,0 +1,7 @@
1
+ import { Button as ButtonPrimitive } from '@base-ui/react/button';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ export declare const buttonVariants: (props?: ({
4
+ variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
5
+ size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
6
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
+ export declare const Button: ({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) => import('react').JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './button';
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ export type TButtonGroupOrientation = 'horizontal' | 'vertical';
3
+ export interface IButtonGroupProps extends React.ComponentProps<'div'> {
4
+ orientation?: TButtonGroupOrientation;
5
+ }
6
+ export declare const ButtonGroup: ({ className, orientation, ...props }: IButtonGroupProps) => React.JSX.Element;
7
+ export interface IButtonGroupSeparatorProps extends React.ComponentProps<'span'> {
8
+ }
9
+ export declare const ButtonGroupSeparator: ({ className, ...props }: IButtonGroupSeparatorProps) => React.JSX.Element;
10
+ export interface IButtonGroupTextProps extends React.ComponentProps<'span'> {
11
+ }
12
+ export declare const ButtonGroupText: ({ className, ...props }: IButtonGroupTextProps) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './button-group';
@@ -0,0 +1,9 @@
1
+ import { DayButton, DayPicker, Locale } from 'react-day-picker';
2
+ import { Button } from '../button';
3
+ import * as React from 'react';
4
+ export declare const Calendar: ({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
5
+ buttonVariant?: React.ComponentProps<typeof Button>["variant"];
6
+ }) => React.JSX.Element;
7
+ export declare const CalendarDayButton: ({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & {
8
+ locale?: Partial<Locale>;
9
+ }) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './calendar';
@@ -0,0 +1,10 @@
1
+ import type * as React from 'react';
2
+ export declare const Card: ({ className, size, ...props }: React.ComponentProps<"div"> & {
3
+ size?: "default" | "sm";
4
+ }) => React.JSX.Element;
5
+ export declare const CardHeader: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
6
+ export declare const CardTitle: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
7
+ export declare const CardDescription: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
8
+ export declare const CardAction: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
9
+ export declare const CardContent: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
10
+ export declare const CardFooter: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './card';
@@ -0,0 +1,28 @@
1
+ import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
2
+ import { Button } from '../button';
3
+ import * as React from 'react';
4
+ export type TCarouselApi = UseEmblaCarouselType[1];
5
+ type TUseCarouselParameters = Parameters<typeof useEmblaCarousel>;
6
+ type TCarouselOptions = TUseCarouselParameters[0];
7
+ type TCarouselPlugin = TUseCarouselParameters[1];
8
+ type TCarouselProps = {
9
+ opts?: TCarouselOptions;
10
+ plugins?: TCarouselPlugin;
11
+ orientation?: 'horizontal' | 'vertical';
12
+ setApi?: (api: TCarouselApi) => void;
13
+ };
14
+ type TCarouselContextProps = {
15
+ carouselRef: ReturnType<typeof useEmblaCarousel>[0];
16
+ api: ReturnType<typeof useEmblaCarousel>[1];
17
+ scrollPrev: () => void;
18
+ scrollNext: () => void;
19
+ canScrollPrev: boolean;
20
+ canScrollNext: boolean;
21
+ } & TCarouselProps;
22
+ export declare const useCarousel: () => TCarouselContextProps;
23
+ export declare const Carousel: ({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & TCarouselProps) => React.JSX.Element;
24
+ export declare const CarouselContent: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
25
+ export declare const CarouselItem: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
26
+ export declare const CarouselPrevious: ({ className, variant, size, ...props }: React.ComponentProps<typeof Button>) => React.JSX.Element;
27
+ export declare const CarouselNext: ({ className, variant, size, ...props }: React.ComponentProps<typeof Button>) => React.JSX.Element;
28
+ export {};
@@ -0,0 +1,3 @@
1
+ /** @deprecated Use TCarouselApi. */
2
+ export type { TCarouselApi as CarouselApi } from './carousel';
3
+ export * from './carousel';
@@ -0,0 +1,44 @@
1
+ import { TooltipValueType } from 'recharts';
2
+ import * as React from 'react';
3
+ import * as RechartsPrimitive from 'recharts';
4
+ declare const THEMES: {
5
+ readonly light: "";
6
+ readonly dark: ".dark";
7
+ };
8
+ type TTooltipName = number | string;
9
+ export type TChartConfig = Record<string, {
10
+ label?: React.ReactNode;
11
+ icon?: React.ComponentType;
12
+ } & ({
13
+ color?: string;
14
+ theme?: never;
15
+ } | {
16
+ color?: never;
17
+ theme: Record<keyof typeof THEMES, string>;
18
+ })>;
19
+ export declare const ChartContainer: ({ id, className, children, config, initialDimension, ...props }: React.ComponentProps<"div"> & {
20
+ config: TChartConfig;
21
+ children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
22
+ initialDimension?: {
23
+ width: number;
24
+ height: number;
25
+ };
26
+ }) => React.JSX.Element;
27
+ export declare const ChartStyle: ({ id, config }: {
28
+ id: string;
29
+ config: TChartConfig;
30
+ }) => React.JSX.Element | null;
31
+ export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
32
+ export declare const ChartTooltipContent: ({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
33
+ hideLabel?: boolean;
34
+ hideIndicator?: boolean;
35
+ indicator?: "line" | "dot" | "dashed";
36
+ nameKey?: string;
37
+ labelKey?: string;
38
+ } & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TTooltipName>, "accessibilityLayer">) => React.JSX.Element | null;
39
+ export declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
40
+ export declare const ChartLegendContent: ({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & {
41
+ hideIcon?: boolean;
42
+ nameKey?: string;
43
+ } & RechartsPrimitive.DefaultLegendContentProps) => React.JSX.Element | null;
44
+ export {};
@@ -0,0 +1,3 @@
1
+ /** @deprecated Use TChartConfig. */
2
+ export type { TChartConfig as ChartConfig } from './chart';
3
+ export * from './chart';
@@ -0,0 +1,2 @@
1
+ import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
2
+ export declare const Checkbox: ({ className, ...props }: CheckboxPrimitive.Root.Props) => import('react').JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './checkbox';
@@ -0,0 +1,4 @@
1
+ import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
2
+ export declare const Collapsible: ({ ...props }: CollapsiblePrimitive.Root.Props) => import('react').JSX.Element;
3
+ export declare const CollapsibleTrigger: ({ ...props }: CollapsiblePrimitive.Trigger.Props) => import('react').JSX.Element;
4
+ export declare const CollapsibleContent: ({ ...props }: CollapsiblePrimitive.Panel.Props) => import('react').JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './collapsible';
@@ -0,0 +1,15 @@
1
+ import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
2
+ import { ReactNode } from 'react';
3
+ export declare const Combobox: <TValue>({ ...props }: ComboboxPrimitive.Root.Props<TValue>) => import('react').JSX.Element;
4
+ export declare const ComboboxInput: ({ className, ...props }: ComboboxPrimitive.Input.Props) => import('react').JSX.Element;
5
+ export interface IComboboxContentProps extends Omit<ComboboxPrimitive.Popup.Props, 'children'> {
6
+ /** Item nodes, or the Base UI function form `(item, index) => node` (requires `items` on the root). */
7
+ children?: ComboboxPrimitive.List.Props['children'];
8
+ /** Empty-state content; rendered (with the default text) only when the filtered list is empty. */
9
+ empty?: ReactNode;
10
+ /** Optional portal destination, used by shadow-DOM element wrappers. */
11
+ portalContainer?: ComboboxPrimitive.Portal.Props['container'];
12
+ }
13
+ export declare const ComboboxContent: ({ className, children, empty, portalContainer, ...props }: IComboboxContentProps) => import('react').JSX.Element;
14
+ export declare const ComboboxItem: ({ className, children, ...props }: ComboboxPrimitive.Item.Props) => import('react').JSX.Element;
15
+ export declare const ComboboxEmpty: ({ className, children, ...props }: ComboboxPrimitive.Empty.Props) => import('react').JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './combobox';
@@ -0,0 +1,18 @@
1
+ import { Command as CommandPrimitive } from 'cmdk';
2
+ import { Dialog } from '../dialog';
3
+ import type * as React from 'react';
4
+ export declare const Command: ({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) => React.JSX.Element;
5
+ export declare const CommandDialog: ({ title, description, children, className, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, "children"> & {
6
+ title?: string;
7
+ description?: string;
8
+ className?: string;
9
+ showCloseButton?: boolean;
10
+ children: React.ReactNode;
11
+ }) => React.JSX.Element;
12
+ export declare const CommandInput: ({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) => React.JSX.Element;
13
+ export declare const CommandList: ({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) => React.JSX.Element;
14
+ export declare const CommandEmpty: ({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) => React.JSX.Element;
15
+ export declare const CommandGroup: ({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) => React.JSX.Element;
16
+ export declare const CommandSeparator: ({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) => React.JSX.Element;
17
+ export declare const CommandItem: ({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) => React.JSX.Element;
18
+ export declare const CommandShortcut: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './command';
@@ -0,0 +1,28 @@
1
+ import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';
2
+ import type * as React from 'react';
3
+ export declare const ContextMenu: ({ ...props }: ContextMenuPrimitive.Root.Props) => React.JSX.Element;
4
+ export declare const ContextMenuPortal: ({ ...props }: ContextMenuPrimitive.Portal.Props) => React.JSX.Element;
5
+ export declare const ContextMenuTrigger: ({ className, ...props }: ContextMenuPrimitive.Trigger.Props) => React.JSX.Element;
6
+ export declare const ContextMenuContent: ({ className, align, alignOffset, side, sideOffset, ...props }: ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => React.JSX.Element;
7
+ export declare const ContextMenuGroup: ({ ...props }: ContextMenuPrimitive.Group.Props) => React.JSX.Element;
8
+ export declare const ContextMenuLabel: ({ className, inset, ...props }: ContextMenuPrimitive.GroupLabel.Props & {
9
+ inset?: boolean;
10
+ }) => React.JSX.Element;
11
+ export declare const ContextMenuItem: ({ className, inset, variant, ...props }: ContextMenuPrimitive.Item.Props & {
12
+ inset?: boolean;
13
+ variant?: "default" | "destructive";
14
+ }) => React.JSX.Element;
15
+ export declare const ContextMenuSub: ({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) => React.JSX.Element;
16
+ export declare const ContextMenuSubTrigger: ({ className, inset, children, ...props }: ContextMenuPrimitive.SubmenuTrigger.Props & {
17
+ inset?: boolean;
18
+ }) => React.JSX.Element;
19
+ export declare const ContextMenuSubContent: ({ ...props }: React.ComponentProps<typeof ContextMenuContent>) => React.JSX.Element;
20
+ export declare const ContextMenuCheckboxItem: ({ className, children, checked, inset, ...props }: ContextMenuPrimitive.CheckboxItem.Props & {
21
+ inset?: boolean;
22
+ }) => React.JSX.Element;
23
+ export declare const ContextMenuRadioGroup: ({ ...props }: ContextMenuPrimitive.RadioGroup.Props) => React.JSX.Element;
24
+ export declare const ContextMenuRadioItem: ({ className, children, inset, ...props }: ContextMenuPrimitive.RadioItem.Props & {
25
+ inset?: boolean;
26
+ }) => React.JSX.Element;
27
+ export declare const ContextMenuSeparator: ({ className, ...props }: ContextMenuPrimitive.Separator.Props) => React.JSX.Element;
28
+ export declare const ContextMenuShortcut: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './context-menu';
@@ -0,0 +1,16 @@
1
+ import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
2
+ import type * as React from 'react';
3
+ export declare const Dialog: ({ ...props }: DialogPrimitive.Root.Props) => React.JSX.Element;
4
+ export declare const DialogTrigger: ({ ...props }: DialogPrimitive.Trigger.Props) => React.JSX.Element;
5
+ export declare const DialogPortal: ({ ...props }: DialogPrimitive.Portal.Props) => React.JSX.Element;
6
+ export declare const DialogClose: ({ ...props }: DialogPrimitive.Close.Props) => React.JSX.Element;
7
+ export declare const DialogOverlay: ({ className, ...props }: DialogPrimitive.Backdrop.Props) => React.JSX.Element;
8
+ export declare const DialogContent: ({ className, children, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
9
+ showCloseButton?: boolean;
10
+ }) => React.JSX.Element;
11
+ export declare const DialogHeader: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
12
+ export declare const DialogFooter: ({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
13
+ showCloseButton?: boolean;
14
+ }) => React.JSX.Element;
15
+ export declare const DialogTitle: ({ className, ...props }: DialogPrimitive.Title.Props) => React.JSX.Element;
16
+ export declare const DialogDescription: ({ className, ...props }: DialogPrimitive.Description.Props) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './dialog';
@@ -0,0 +1 @@
1
+ export { DirectionProvider, useDirection, } from '@base-ui/react/direction-provider';
@@ -0,0 +1 @@
1
+ export * from './direction';
@@ -0,0 +1,15 @@
1
+ import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
2
+ import type * as React from 'react';
3
+ export declare const Drawer: ({ ...props }: DialogPrimitive.Root.Props) => React.JSX.Element;
4
+ export declare const DrawerTrigger: ({ ...props }: DialogPrimitive.Trigger.Props) => React.JSX.Element;
5
+ export declare const DrawerClose: ({ ...props }: DialogPrimitive.Close.Props) => React.JSX.Element;
6
+ type TDrawerSide = 'left' | 'right' | 'top' | 'bottom';
7
+ export declare const DrawerContent: ({ className, children, side, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
8
+ side?: TDrawerSide;
9
+ showCloseButton?: boolean;
10
+ }) => React.JSX.Element;
11
+ export declare const DrawerHeader: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
12
+ export declare const DrawerFooter: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
13
+ export declare const DrawerTitle: ({ className, ...props }: DialogPrimitive.Title.Props) => React.JSX.Element;
14
+ export declare const DrawerDescription: ({ className, ...props }: DialogPrimitive.Description.Props) => React.JSX.Element;
15
+ export {};
@@ -0,0 +1 @@
1
+ export * from './drawer';
@@ -0,0 +1,28 @@
1
+ import { Menu as MenuPrimitive } from '@base-ui/react/menu';
2
+ import type * as React from 'react';
3
+ export declare const DropdownMenu: ({ ...props }: MenuPrimitive.Root.Props) => React.JSX.Element;
4
+ export declare const DropdownMenuPortal: ({ ...props }: MenuPrimitive.Portal.Props) => React.JSX.Element;
5
+ export declare const DropdownMenuTrigger: ({ ...props }: MenuPrimitive.Trigger.Props) => React.JSX.Element;
6
+ export declare const DropdownMenuContent: ({ align, alignOffset, side, sideOffset, className, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => React.JSX.Element;
7
+ export declare const DropdownMenuGroup: ({ ...props }: MenuPrimitive.Group.Props) => React.JSX.Element;
8
+ export declare const DropdownMenuLabel: ({ className, inset, ...props }: MenuPrimitive.GroupLabel.Props & {
9
+ inset?: boolean;
10
+ }) => React.JSX.Element;
11
+ export declare const DropdownMenuItem: ({ className, inset, variant, ...props }: MenuPrimitive.Item.Props & {
12
+ inset?: boolean;
13
+ variant?: "default" | "destructive";
14
+ }) => React.JSX.Element;
15
+ export declare const DropdownMenuSub: ({ ...props }: MenuPrimitive.SubmenuRoot.Props) => React.JSX.Element;
16
+ export declare const DropdownMenuSubTrigger: ({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & {
17
+ inset?: boolean;
18
+ }) => React.JSX.Element;
19
+ export declare const DropdownMenuSubContent: ({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>) => React.JSX.Element;
20
+ export declare const DropdownMenuCheckboxItem: ({ className, children, checked, inset, ...props }: MenuPrimitive.CheckboxItem.Props & {
21
+ inset?: boolean;
22
+ }) => React.JSX.Element;
23
+ export declare const DropdownMenuRadioGroup: ({ ...props }: MenuPrimitive.RadioGroup.Props) => React.JSX.Element;
24
+ export declare const DropdownMenuRadioItem: ({ className, children, inset, ...props }: MenuPrimitive.RadioItem.Props & {
25
+ inset?: boolean;
26
+ }) => React.JSX.Element;
27
+ export declare const DropdownMenuSeparator: ({ className, ...props }: MenuPrimitive.Separator.Props) => React.JSX.Element;
28
+ export declare const DropdownMenuShortcut: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './dropdown-menu';