@refraction-ui/react 0.18.3 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (108) hide show
  1. package/dist/dist-IBD7CHHX.js +649 -0
  2. package/dist/dist-IBD7CHHX.js.map +1 -0
  3. package/dist/index.cjs +6830 -3824
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.d.cts +5 -0
  6. package/dist/index.d.ts +5 -0
  7. package/dist/index.js +4866 -2612
  8. package/dist/index.js.map +1 -1
  9. package/dist/internal/ai/index.d.cts +111 -0
  10. package/dist/internal/ai/index.d.ts +111 -0
  11. package/dist/internal/analytics/index.d.cts +6 -0
  12. package/dist/internal/analytics/index.d.ts +6 -0
  13. package/dist/internal/calendar/index.d.cts +5 -3
  14. package/dist/internal/calendar/index.d.ts +5 -3
  15. package/dist/internal/call-controls/index.d.ts +1 -3
  16. package/dist/internal/charts/index.d.cts +95 -0
  17. package/dist/internal/charts/index.d.ts +95 -0
  18. package/dist/internal/command-input/index.d.cts +41 -0
  19. package/dist/internal/command-input/index.d.ts +41 -0
  20. package/dist/internal/conversation/index.d.cts +2 -0
  21. package/dist/internal/conversation/index.d.ts +2 -0
  22. package/dist/internal/date-picker/index.d.cts +2 -0
  23. package/dist/internal/date-picker/index.d.ts +2 -0
  24. package/dist/internal/device-frame/index.d.cts +1 -3
  25. package/dist/internal/device-frame/index.d.ts +1 -3
  26. package/dist/internal/diff-viewer/index.d.cts +118 -0
  27. package/dist/internal/diff-viewer/index.d.ts +118 -0
  28. package/dist/internal/emoji-picker/index.d.cts +1 -3
  29. package/dist/internal/emoji-picker/index.d.ts +1 -3
  30. package/dist/internal/file-tree/index.d.cts +125 -0
  31. package/dist/internal/file-tree/index.d.ts +125 -0
  32. package/dist/internal/footer/index.d.cts +2 -0
  33. package/dist/internal/footer/index.d.ts +2 -0
  34. package/dist/internal/logger/index.d.cts +4 -0
  35. package/dist/internal/logger/index.d.ts +4 -0
  36. package/dist/internal/presence-indicator/index.d.cts +1 -3
  37. package/dist/internal/presence-indicator/index.d.ts +1 -3
  38. package/dist/internal/react-ai/index.d.cts +59 -0
  39. package/dist/internal/react-ai/index.d.ts +59 -0
  40. package/dist/internal/react-app-shell/index.d.cts +7 -51
  41. package/dist/internal/react-app-shell/index.d.ts +7 -51
  42. package/dist/internal/react-avatar-group/index.d.cts +1 -21
  43. package/dist/internal/react-avatar-group/index.d.ts +1 -21
  44. package/dist/internal/react-calendar/index.d.cts +2 -27
  45. package/dist/internal/react-calendar/index.d.ts +2 -27
  46. package/dist/internal/react-charts/index.d.cts +118 -0
  47. package/dist/internal/react-charts/index.d.ts +118 -0
  48. package/dist/internal/react-command/index.d.cts +1 -1
  49. package/dist/internal/react-command/index.d.ts +1 -1
  50. package/dist/internal/react-command-input/index.d.cts +21 -0
  51. package/dist/internal/react-command-input/index.d.ts +21 -0
  52. package/dist/internal/react-conversation/index.d.cts +2 -6
  53. package/dist/internal/react-conversation/index.d.ts +2 -6
  54. package/dist/internal/react-cookie-consent/index.d.cts +1 -6
  55. package/dist/internal/react-cookie-consent/index.d.ts +1 -6
  56. package/dist/internal/react-device-frame/index.d.cts +1 -25
  57. package/dist/internal/react-device-frame/index.d.ts +1 -25
  58. package/dist/internal/react-diff-viewer/index.d.cts +45 -0
  59. package/dist/internal/react-diff-viewer/index.d.ts +45 -0
  60. package/dist/internal/react-dropdown-menu/index.d.cts +1 -1
  61. package/dist/internal/react-dropdown-menu/index.d.ts +1 -1
  62. package/dist/internal/react-emoji-picker/index.d.cts +1 -5
  63. package/dist/internal/react-emoji-picker/index.d.ts +1 -5
  64. package/dist/internal/react-file-tree/index.d.cts +30 -3
  65. package/dist/internal/react-file-tree/index.d.ts +30 -3
  66. package/dist/internal/react-file-upload/index.d.cts +1 -6
  67. package/dist/internal/react-file-upload/index.d.ts +1 -6
  68. package/dist/internal/react-inline-editor/index.d.cts +1 -6
  69. package/dist/internal/react-inline-editor/index.d.ts +1 -6
  70. package/dist/internal/react-keyboard-shortcut/index.d.cts +1 -1
  71. package/dist/internal/react-keyboard-shortcut/index.d.ts +1 -1
  72. package/dist/internal/react-language-selector/index.d.cts +2 -13
  73. package/dist/internal/react-language-selector/index.d.ts +2 -13
  74. package/dist/internal/react-location-selector/index.d.cts +12 -0
  75. package/dist/internal/react-location-selector/index.d.ts +12 -0
  76. package/dist/internal/react-pagination/index.d.ts +22 -1
  77. package/dist/internal/react-presence-indicator/index.d.cts +1 -21
  78. package/dist/internal/react-presence-indicator/index.d.ts +1 -21
  79. package/dist/internal/react-radio/index.d.ts +2 -17
  80. package/dist/internal/react-reaction-bar/index.d.cts +1 -21
  81. package/dist/internal/react-reaction-bar/index.d.ts +1 -21
  82. package/dist/internal/react-search-bar/index.d.cts +1 -12
  83. package/dist/internal/react-search-bar/index.d.ts +1 -12
  84. package/dist/internal/react-slider/index.d.cts +22 -1
  85. package/dist/internal/react-slider/index.d.ts +22 -1
  86. package/dist/internal/react-status-indicator/index.d.cts +1 -5
  87. package/dist/internal/react-status-indicator/index.d.ts +1 -5
  88. package/dist/internal/react-tabs/index.d.cts +2 -8
  89. package/dist/internal/react-tabs/index.d.ts +2 -8
  90. package/dist/internal/react-thread-view/index.d.cts +1 -21
  91. package/dist/internal/react-thread-view/index.d.ts +1 -21
  92. package/dist/internal/react-version-selector/index.d.cts +2 -12
  93. package/dist/internal/react-version-selector/index.d.ts +2 -12
  94. package/dist/internal/reaction-bar/index.d.cts +1 -3
  95. package/dist/internal/reaction-bar/index.d.ts +1 -3
  96. package/dist/internal/status-indicator/index.d.cts +1 -3
  97. package/dist/internal/status-indicator/index.d.ts +1 -3
  98. package/dist/internal/thread-view/index.d.cts +3 -5
  99. package/dist/internal/thread-view/index.d.ts +3 -5
  100. package/dist/internal/toast/index.d.cts +7 -1
  101. package/dist/internal/toast/index.d.ts +7 -1
  102. package/dist/internal/voice-pill/index.d.cts +2 -2
  103. package/dist/internal/voice-pill/index.d.ts +2 -2
  104. package/dist/theme.cjs +10 -10
  105. package/dist/theme.cjs.map +1 -1
  106. package/dist/theme.js +10 -10
  107. package/dist/theme.js.map +1 -1
  108. package/package.json +2 -1
@@ -0,0 +1,59 @@
1
+ import * as React from 'react';
2
+ import { GenerateOptions, AIConfig, AIProvider as AIProvider$1, TTSOptions, TTSConfig, TTSProvider as TTSProvider$1 } from '../ai/index.js';
3
+ export { AIProvider as AIProviderInterface, GenerateOptions, RouterFn, TTSOptions, TTSProvider as TTSProviderInterface } from '../ai/index.js';
4
+
5
+ interface AIContextValue {
6
+ generateText: (prompt: string, opts?: GenerateOptions) => Promise<string>;
7
+ generateJSON: <T = unknown>(prompt: string, opts?: GenerateOptions) => Promise<T>;
8
+ providers: string[];
9
+ isGenerating: boolean;
10
+ }
11
+ interface AIProviderProps extends AIConfig {
12
+ children: React.ReactNode;
13
+ /** Pre-register providers by name */
14
+ providers?: Record<string, AIProvider$1>;
15
+ }
16
+ /**
17
+ * AIProvider — wraps your app with AI context.
18
+ *
19
+ * ```tsx
20
+ * <AIProvider default="openai" providers={{ openai: myOpenAIProvider }}>
21
+ * <App />
22
+ * </AIProvider>
23
+ * ```
24
+ */
25
+ declare function AIProvider({ children, providers: providerMap, ...config }: AIProviderProps): React.FunctionComponentElement<React.ProviderProps<AIContextValue | null>>;
26
+ /**
27
+ * useAI — access AI generation methods and state.
28
+ * Must be used within <AIProvider>.
29
+ */
30
+ declare function useAI(): AIContextValue;
31
+
32
+ interface TTSContextValue {
33
+ speak: (text: string, opts?: TTSOptions) => void;
34
+ stop: () => void;
35
+ isSpeaking: boolean;
36
+ providers: string[];
37
+ }
38
+ interface TTSProviderProps extends TTSConfig {
39
+ children: React.ReactNode;
40
+ /** Pre-register providers by name */
41
+ providers?: Record<string, TTSProvider$1>;
42
+ }
43
+ /**
44
+ * TTSProvider — wraps your app with TTS context.
45
+ *
46
+ * ```tsx
47
+ * <TTSProvider providers={{ browser: myBrowserTTS }}>
48
+ * <App />
49
+ * </TTSProvider>
50
+ * ```
51
+ */
52
+ declare function TTSProvider({ children, providers: providerMap, ...config }: TTSProviderProps): React.FunctionComponentElement<React.ProviderProps<TTSContextValue | null>>;
53
+ /**
54
+ * useTTS — access TTS methods and state.
55
+ * Must be used within <TTSProvider>.
56
+ */
57
+ declare function useTTS(): TTSContextValue;
58
+
59
+ export { type AIContextValue, AIProvider, type AIProviderProps, type TTSContextValue, TTSProvider, type TTSProviderProps, useAI, useTTS };
@@ -12,82 +12,38 @@ interface AppShellProps {
12
12
  children?: React.ReactNode;
13
13
  className?: string;
14
14
  }
15
- declare function AppShellRoot({ config, children, className }: AppShellProps): React.FunctionComponentElement<React.ProviderProps<AppShellContextValue | null>>;
16
- declare namespace AppShellRoot {
17
- var displayName: string;
18
- }
19
15
  interface AppShellSidebarProps {
20
16
  children?: React.ReactNode;
21
17
  className?: string;
22
18
  }
23
- declare function Sidebar({ children, className }: AppShellSidebarProps): React.DetailedReactHTMLElement<{
24
- className: string;
25
- 'data-collapsed': string | undefined;
26
- 'data-open': string | undefined;
27
- }, HTMLElement>;
28
- declare namespace Sidebar {
29
- var displayName: string;
30
- }
31
19
  interface AppShellMainProps {
32
20
  children?: React.ReactNode;
33
21
  className?: string;
34
22
  }
35
- declare function Main({ children, className }: AppShellMainProps): React.DetailedReactHTMLElement<{
36
- className: string;
37
- }, HTMLElement>;
38
- declare namespace Main {
39
- var displayName: string;
40
- }
41
23
  interface AppShellHeaderProps {
42
24
  children?: React.ReactNode;
43
25
  className?: string;
44
26
  }
45
- declare function Header({ children, className }: AppShellHeaderProps): React.DetailedReactHTMLElement<{
46
- className: string;
47
- }, HTMLElement>;
48
- declare namespace Header {
49
- var displayName: string;
50
- }
51
27
  interface AppShellContentProps {
52
28
  children?: React.ReactNode;
53
29
  className?: string;
54
30
  /** Tailwind max-width class suffix, e.g. '6xl' -> max-w-6xl */
55
31
  maxWidth?: string;
56
32
  }
57
- declare function Content({ children, className, maxWidth }: AppShellContentProps): React.DetailedReactHTMLElement<{
58
- className: string;
59
- }, HTMLElement>;
60
- declare namespace Content {
61
- var displayName: string;
62
- }
63
33
  interface AppShellMobileNavProps {
64
34
  children?: React.ReactNode;
65
35
  className?: string;
66
36
  }
67
- declare function MobileNav({ children, className }: AppShellMobileNavProps): React.DetailedReactHTMLElement<{
68
- className: string;
69
- }, HTMLElement> | null;
70
- declare namespace MobileNav {
71
- var displayName: string;
72
- }
73
37
  interface AppShellOverlayProps {
74
38
  className?: string;
75
39
  }
76
- declare function Overlay({ className }: AppShellOverlayProps): React.DetailedReactHTMLElement<{
77
- className: string;
78
- onClick: () => void;
79
- 'data-shell-overlay': string;
80
- }, HTMLElement> | null;
81
- declare namespace Overlay {
82
- var displayName: string;
83
- }
84
- declare const AppShell: typeof AppShellRoot & {
85
- Sidebar: typeof Sidebar;
86
- Main: typeof Main;
87
- Header: typeof Header;
88
- Content: typeof Content;
89
- MobileNav: typeof MobileNav;
90
- Overlay: typeof Overlay;
40
+ declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>> & {
41
+ Sidebar: React.ForwardRefExoticComponent<AppShellSidebarProps & React.RefAttributes<HTMLElement>>;
42
+ Main: React.ForwardRefExoticComponent<AppShellMainProps & React.RefAttributes<HTMLDivElement>>;
43
+ Header: React.ForwardRefExoticComponent<AppShellHeaderProps & React.RefAttributes<HTMLElement>>;
44
+ Content: React.ForwardRefExoticComponent<AppShellContentProps & React.RefAttributes<HTMLElement>>;
45
+ MobileNav: React.ForwardRefExoticComponent<AppShellMobileNavProps & React.RefAttributes<HTMLElement>>;
46
+ Overlay: React.ForwardRefExoticComponent<AppShellOverlayProps & React.RefAttributes<HTMLDivElement>>;
91
47
  };
92
48
 
93
49
  interface PageShellContextValue {
@@ -12,82 +12,38 @@ interface AppShellProps {
12
12
  children?: React.ReactNode;
13
13
  className?: string;
14
14
  }
15
- declare function AppShellRoot({ config, children, className }: AppShellProps): React.FunctionComponentElement<React.ProviderProps<AppShellContextValue | null>>;
16
- declare namespace AppShellRoot {
17
- var displayName: string;
18
- }
19
15
  interface AppShellSidebarProps {
20
16
  children?: React.ReactNode;
21
17
  className?: string;
22
18
  }
23
- declare function Sidebar({ children, className }: AppShellSidebarProps): React.DetailedReactHTMLElement<{
24
- className: string;
25
- 'data-collapsed': string | undefined;
26
- 'data-open': string | undefined;
27
- }, HTMLElement>;
28
- declare namespace Sidebar {
29
- var displayName: string;
30
- }
31
19
  interface AppShellMainProps {
32
20
  children?: React.ReactNode;
33
21
  className?: string;
34
22
  }
35
- declare function Main({ children, className }: AppShellMainProps): React.DetailedReactHTMLElement<{
36
- className: string;
37
- }, HTMLElement>;
38
- declare namespace Main {
39
- var displayName: string;
40
- }
41
23
  interface AppShellHeaderProps {
42
24
  children?: React.ReactNode;
43
25
  className?: string;
44
26
  }
45
- declare function Header({ children, className }: AppShellHeaderProps): React.DetailedReactHTMLElement<{
46
- className: string;
47
- }, HTMLElement>;
48
- declare namespace Header {
49
- var displayName: string;
50
- }
51
27
  interface AppShellContentProps {
52
28
  children?: React.ReactNode;
53
29
  className?: string;
54
30
  /** Tailwind max-width class suffix, e.g. '6xl' -> max-w-6xl */
55
31
  maxWidth?: string;
56
32
  }
57
- declare function Content({ children, className, maxWidth }: AppShellContentProps): React.DetailedReactHTMLElement<{
58
- className: string;
59
- }, HTMLElement>;
60
- declare namespace Content {
61
- var displayName: string;
62
- }
63
33
  interface AppShellMobileNavProps {
64
34
  children?: React.ReactNode;
65
35
  className?: string;
66
36
  }
67
- declare function MobileNav({ children, className }: AppShellMobileNavProps): React.DetailedReactHTMLElement<{
68
- className: string;
69
- }, HTMLElement> | null;
70
- declare namespace MobileNav {
71
- var displayName: string;
72
- }
73
37
  interface AppShellOverlayProps {
74
38
  className?: string;
75
39
  }
76
- declare function Overlay({ className }: AppShellOverlayProps): React.DetailedReactHTMLElement<{
77
- className: string;
78
- onClick: () => void;
79
- 'data-shell-overlay': string;
80
- }, HTMLElement> | null;
81
- declare namespace Overlay {
82
- var displayName: string;
83
- }
84
- declare const AppShell: typeof AppShellRoot & {
85
- Sidebar: typeof Sidebar;
86
- Main: typeof Main;
87
- Header: typeof Header;
88
- Content: typeof Content;
89
- MobileNav: typeof MobileNav;
90
- Overlay: typeof Overlay;
40
+ declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>> & {
41
+ Sidebar: React.ForwardRefExoticComponent<AppShellSidebarProps & React.RefAttributes<HTMLElement>>;
42
+ Main: React.ForwardRefExoticComponent<AppShellMainProps & React.RefAttributes<HTMLDivElement>>;
43
+ Header: React.ForwardRefExoticComponent<AppShellHeaderProps & React.RefAttributes<HTMLElement>>;
44
+ Content: React.ForwardRefExoticComponent<AppShellContentProps & React.RefAttributes<HTMLElement>>;
45
+ MobileNav: React.ForwardRefExoticComponent<AppShellMobileNavProps & React.RefAttributes<HTMLElement>>;
46
+ Overlay: React.ForwardRefExoticComponent<AppShellOverlayProps & React.RefAttributes<HTMLDivElement>>;
91
47
  };
92
48
 
93
49
  interface PageShellContextValue {
@@ -8,26 +8,6 @@ interface AvatarGroupProps {
8
8
  size?: AvatarSize;
9
9
  className?: string;
10
10
  }
11
- declare function AvatarGroup({ users, max, size, className }: AvatarGroupProps): React.DetailedReactHTMLElement<{
12
- className: string;
13
- role?: string | undefined;
14
- tabIndex?: number | undefined;
15
- 'aria-label'?: string | undefined;
16
- 'aria-labelledby'?: string | undefined;
17
- 'aria-describedby'?: string | undefined;
18
- 'aria-controls'?: string | undefined;
19
- 'aria-expanded'?: boolean | undefined;
20
- 'aria-selected'?: boolean | undefined;
21
- 'aria-hidden'?: boolean | undefined;
22
- 'aria-disabled'?: boolean | undefined;
23
- 'aria-pressed'?: boolean | "mixed" | undefined;
24
- 'aria-checked'?: boolean | "mixed" | undefined;
25
- 'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
26
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
27
- 'aria-atomic'?: boolean | undefined;
28
- }, HTMLElement>;
29
- declare namespace AvatarGroup {
30
- var displayName: string;
31
- }
11
+ declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
32
12
 
33
13
  export { AvatarGroup, type AvatarGroupProps };
@@ -8,26 +8,6 @@ interface AvatarGroupProps {
8
8
  size?: AvatarSize;
9
9
  className?: string;
10
10
  }
11
- declare function AvatarGroup({ users, max, size, className }: AvatarGroupProps): React.DetailedReactHTMLElement<{
12
- className: string;
13
- role?: string | undefined;
14
- tabIndex?: number | undefined;
15
- 'aria-label'?: string | undefined;
16
- 'aria-labelledby'?: string | undefined;
17
- 'aria-describedby'?: string | undefined;
18
- 'aria-controls'?: string | undefined;
19
- 'aria-expanded'?: boolean | undefined;
20
- 'aria-selected'?: boolean | undefined;
21
- 'aria-hidden'?: boolean | undefined;
22
- 'aria-disabled'?: boolean | undefined;
23
- 'aria-pressed'?: boolean | "mixed" | undefined;
24
- 'aria-checked'?: boolean | "mixed" | undefined;
25
- 'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
26
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
27
- 'aria-atomic'?: boolean | undefined;
28
- }, HTMLElement>;
29
- declare namespace AvatarGroup {
30
- var displayName: string;
31
- }
11
+ declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
32
12
 
33
13
  export { AvatarGroup, type AvatarGroupProps };
@@ -6,27 +6,7 @@ interface CalendarProps extends CalendarProps$1 {
6
6
  className?: string;
7
7
  children?: React.ReactNode;
8
8
  }
9
- declare function Calendar({ className, value, defaultValue, onSelect, month, onMonthChange, minDate, maxDate, disabledDates, }: CalendarProps): React.DetailedReactHTMLElement<{
10
- role?: string | undefined;
11
- tabIndex?: number | undefined;
12
- 'aria-label'?: string | undefined;
13
- 'aria-labelledby'?: string | undefined;
14
- 'aria-describedby'?: string | undefined;
15
- 'aria-controls'?: string | undefined;
16
- 'aria-expanded'?: boolean | undefined;
17
- 'aria-selected'?: boolean | undefined;
18
- 'aria-hidden'?: boolean | undefined;
19
- 'aria-disabled'?: boolean | undefined;
20
- 'aria-pressed'?: boolean | "mixed" | undefined;
21
- 'aria-checked'?: boolean | "mixed" | undefined;
22
- 'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
23
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
24
- 'aria-atomic'?: boolean | undefined;
25
- className: string;
26
- }, HTMLElement>;
27
- declare namespace Calendar {
28
- var displayName: string;
29
- }
9
+ declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
30
10
  interface CalendarHeaderProps {
31
11
  label: string;
32
12
  labelId: string;
@@ -34,11 +14,6 @@ interface CalendarHeaderProps {
34
14
  onNextMonth: () => void;
35
15
  className?: string;
36
16
  }
37
- declare function CalendarHeader({ label, labelId, onPrevMonth, onNextMonth, className, }: CalendarHeaderProps): React.DetailedReactHTMLElement<{
38
- className: string;
39
- }, HTMLElement>;
40
- declare namespace CalendarHeader {
41
- var displayName: string;
42
- }
17
+ declare const CalendarHeader: React.ForwardRefExoticComponent<CalendarHeaderProps & React.RefAttributes<HTMLDivElement>>;
43
18
 
44
19
  export { Calendar, CalendarHeader, type CalendarHeaderProps, type CalendarProps };
@@ -6,27 +6,7 @@ interface CalendarProps extends CalendarProps$1 {
6
6
  className?: string;
7
7
  children?: React.ReactNode;
8
8
  }
9
- declare function Calendar({ className, value, defaultValue, onSelect, month, onMonthChange, minDate, maxDate, disabledDates, }: CalendarProps): React.DetailedReactHTMLElement<{
10
- role?: string | undefined;
11
- tabIndex?: number | undefined;
12
- 'aria-label'?: string | undefined;
13
- 'aria-labelledby'?: string | undefined;
14
- 'aria-describedby'?: string | undefined;
15
- 'aria-controls'?: string | undefined;
16
- 'aria-expanded'?: boolean | undefined;
17
- 'aria-selected'?: boolean | undefined;
18
- 'aria-hidden'?: boolean | undefined;
19
- 'aria-disabled'?: boolean | undefined;
20
- 'aria-pressed'?: boolean | "mixed" | undefined;
21
- 'aria-checked'?: boolean | "mixed" | undefined;
22
- 'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
23
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
24
- 'aria-atomic'?: boolean | undefined;
25
- className: string;
26
- }, HTMLElement>;
27
- declare namespace Calendar {
28
- var displayName: string;
29
- }
9
+ declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
30
10
  interface CalendarHeaderProps {
31
11
  label: string;
32
12
  labelId: string;
@@ -34,11 +14,6 @@ interface CalendarHeaderProps {
34
14
  onNextMonth: () => void;
35
15
  className?: string;
36
16
  }
37
- declare function CalendarHeader({ label, labelId, onPrevMonth, onNextMonth, className, }: CalendarHeaderProps): React.DetailedReactHTMLElement<{
38
- className: string;
39
- }, HTMLElement>;
40
- declare namespace CalendarHeader {
41
- var displayName: string;
42
- }
17
+ declare const CalendarHeader: React.ForwardRefExoticComponent<CalendarHeaderProps & React.RefAttributes<HTMLDivElement>>;
43
18
 
44
19
  export { Calendar, CalendarHeader, type CalendarHeaderProps, type CalendarProps };
@@ -0,0 +1,118 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import { Margin, Dimensions } from '../charts/index.cjs';
4
+
5
+ interface ChartProps {
6
+ width?: number;
7
+ height?: number;
8
+ margin?: Partial<Margin>;
9
+ children?: React.ReactNode;
10
+ className?: string;
11
+ }
12
+ declare function Chart({ width, height, margin, children, className, }: ChartProps): react_jsx_runtime.JSX.Element;
13
+
14
+ interface BarsProps<T = unknown> {
15
+ data: T[];
16
+ x: (d: T) => string;
17
+ y: (d: T) => number;
18
+ fill?: string;
19
+ className?: string;
20
+ }
21
+ declare function Bars<T>({ data, x, y, fill, className }: BarsProps<T>): react_jsx_runtime.JSX.Element;
22
+
23
+ interface LineProps<T = unknown> {
24
+ data: T[];
25
+ x: (d: T) => number;
26
+ y: (d: T) => number;
27
+ stroke?: string;
28
+ strokeWidth?: number;
29
+ fill?: string;
30
+ className?: string;
31
+ }
32
+ declare function Line<T>({ data, x, y, stroke, strokeWidth, fill, className, }: LineProps<T>): react_jsx_runtime.JSX.Element;
33
+
34
+ interface CirclesProps<T = unknown> {
35
+ data: T[];
36
+ cx: (d: T) => number;
37
+ cy: (d: T) => number;
38
+ r?: number;
39
+ fill?: string;
40
+ className?: string;
41
+ }
42
+ declare function Circles<T>({ data, cx, cy, r, fill, className, }: CirclesProps<T>): react_jsx_runtime.JSX.Element;
43
+
44
+ interface XAxisProps {
45
+ ticks: (number | string)[];
46
+ scale: (value: number | string) => number;
47
+ height: number;
48
+ tickSize?: number;
49
+ className?: string;
50
+ }
51
+ declare function XAxis({ ticks, scale, height, tickSize, className, }: XAxisProps): react_jsx_runtime.JSX.Element;
52
+
53
+ interface YAxisProps {
54
+ ticks: (number | string)[];
55
+ scale: (value: number | string) => number;
56
+ tickSize?: number;
57
+ className?: string;
58
+ }
59
+ declare function YAxis({ ticks, scale, tickSize, className, }: YAxisProps): react_jsx_runtime.JSX.Element;
60
+
61
+ interface GradientProps {
62
+ id: string;
63
+ from: string;
64
+ to: string;
65
+ direction?: 'vertical' | 'horizontal';
66
+ className?: string;
67
+ }
68
+ declare function Gradient({ id, from, to, direction, className, }: GradientProps): react_jsx_runtime.JSX.Element;
69
+
70
+ interface HistogramProps {
71
+ data: number[];
72
+ width?: number;
73
+ height?: number;
74
+ bins?: number;
75
+ fill?: string;
76
+ margin?: Partial<Margin>;
77
+ className?: string;
78
+ }
79
+ declare function Histogram({ data, width, height, bins: binCount, fill, margin, className, }: HistogramProps): react_jsx_runtime.JSX.Element;
80
+
81
+ interface ScatterPlotProps<T = unknown> {
82
+ data: T[];
83
+ x: (d: T) => number;
84
+ y: (d: T) => number;
85
+ width?: number;
86
+ height?: number;
87
+ r?: number;
88
+ fill?: string;
89
+ margin?: Partial<Margin>;
90
+ className?: string;
91
+ }
92
+ declare function ScatterPlot<T>({ data, x, y, width, height, r, fill, margin, className, }: ScatterPlotProps<T>): react_jsx_runtime.JSX.Element;
93
+
94
+ interface PieChartProps<T = unknown> {
95
+ data: T[];
96
+ value: (d: T) => number;
97
+ width?: number;
98
+ height?: number;
99
+ colors?: string[];
100
+ className?: string;
101
+ }
102
+ declare function PieChart<T>({ data, value, width, height, colors, className, }: PieChartProps<T>): react_jsx_runtime.JSX.Element;
103
+
104
+ interface ChartContextValue {
105
+ dimensions: Dimensions;
106
+ /**
107
+ * Internal marker: `true` only on the context *default* (i.e. no `<Chart>`
108
+ * provider above this consumer). `<Chart>` always supplies a value without
109
+ * this flag. Used purely to detect the silent-default footgun — never read
110
+ * for rendering, and stripped from the public type surface.
111
+ *
112
+ * @internal
113
+ */
114
+ __isDefault?: boolean;
115
+ }
116
+ declare const ChartContext: React.Context<ChartContextValue>;
117
+
118
+ export { Bars, type BarsProps, Chart, ChartContext, type ChartContextValue, type ChartProps, Circles, type CirclesProps, Gradient, type GradientProps, Histogram, type HistogramProps, Line, type LineProps, PieChart, type PieChartProps, ScatterPlot, type ScatterPlotProps, XAxis, type XAxisProps, YAxis, type YAxisProps };
@@ -0,0 +1,118 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import { Margin, Dimensions } from '../charts/index.js';
4
+
5
+ interface ChartProps {
6
+ width?: number;
7
+ height?: number;
8
+ margin?: Partial<Margin>;
9
+ children?: React.ReactNode;
10
+ className?: string;
11
+ }
12
+ declare function Chart({ width, height, margin, children, className, }: ChartProps): react_jsx_runtime.JSX.Element;
13
+
14
+ interface BarsProps<T = unknown> {
15
+ data: T[];
16
+ x: (d: T) => string;
17
+ y: (d: T) => number;
18
+ fill?: string;
19
+ className?: string;
20
+ }
21
+ declare function Bars<T>({ data, x, y, fill, className }: BarsProps<T>): react_jsx_runtime.JSX.Element;
22
+
23
+ interface LineProps<T = unknown> {
24
+ data: T[];
25
+ x: (d: T) => number;
26
+ y: (d: T) => number;
27
+ stroke?: string;
28
+ strokeWidth?: number;
29
+ fill?: string;
30
+ className?: string;
31
+ }
32
+ declare function Line<T>({ data, x, y, stroke, strokeWidth, fill, className, }: LineProps<T>): react_jsx_runtime.JSX.Element;
33
+
34
+ interface CirclesProps<T = unknown> {
35
+ data: T[];
36
+ cx: (d: T) => number;
37
+ cy: (d: T) => number;
38
+ r?: number;
39
+ fill?: string;
40
+ className?: string;
41
+ }
42
+ declare function Circles<T>({ data, cx, cy, r, fill, className, }: CirclesProps<T>): react_jsx_runtime.JSX.Element;
43
+
44
+ interface XAxisProps {
45
+ ticks: (number | string)[];
46
+ scale: (value: number | string) => number;
47
+ height: number;
48
+ tickSize?: number;
49
+ className?: string;
50
+ }
51
+ declare function XAxis({ ticks, scale, height, tickSize, className, }: XAxisProps): react_jsx_runtime.JSX.Element;
52
+
53
+ interface YAxisProps {
54
+ ticks: (number | string)[];
55
+ scale: (value: number | string) => number;
56
+ tickSize?: number;
57
+ className?: string;
58
+ }
59
+ declare function YAxis({ ticks, scale, tickSize, className, }: YAxisProps): react_jsx_runtime.JSX.Element;
60
+
61
+ interface GradientProps {
62
+ id: string;
63
+ from: string;
64
+ to: string;
65
+ direction?: 'vertical' | 'horizontal';
66
+ className?: string;
67
+ }
68
+ declare function Gradient({ id, from, to, direction, className, }: GradientProps): react_jsx_runtime.JSX.Element;
69
+
70
+ interface HistogramProps {
71
+ data: number[];
72
+ width?: number;
73
+ height?: number;
74
+ bins?: number;
75
+ fill?: string;
76
+ margin?: Partial<Margin>;
77
+ className?: string;
78
+ }
79
+ declare function Histogram({ data, width, height, bins: binCount, fill, margin, className, }: HistogramProps): react_jsx_runtime.JSX.Element;
80
+
81
+ interface ScatterPlotProps<T = unknown> {
82
+ data: T[];
83
+ x: (d: T) => number;
84
+ y: (d: T) => number;
85
+ width?: number;
86
+ height?: number;
87
+ r?: number;
88
+ fill?: string;
89
+ margin?: Partial<Margin>;
90
+ className?: string;
91
+ }
92
+ declare function ScatterPlot<T>({ data, x, y, width, height, r, fill, margin, className, }: ScatterPlotProps<T>): react_jsx_runtime.JSX.Element;
93
+
94
+ interface PieChartProps<T = unknown> {
95
+ data: T[];
96
+ value: (d: T) => number;
97
+ width?: number;
98
+ height?: number;
99
+ colors?: string[];
100
+ className?: string;
101
+ }
102
+ declare function PieChart<T>({ data, value, width, height, colors, className, }: PieChartProps<T>): react_jsx_runtime.JSX.Element;
103
+
104
+ interface ChartContextValue {
105
+ dimensions: Dimensions;
106
+ /**
107
+ * Internal marker: `true` only on the context *default* (i.e. no `<Chart>`
108
+ * provider above this consumer). `<Chart>` always supplies a value without
109
+ * this flag. Used purely to detect the silent-default footgun — never read
110
+ * for rendering, and stripped from the public type surface.
111
+ *
112
+ * @internal
113
+ */
114
+ __isDefault?: boolean;
115
+ }
116
+ declare const ChartContext: React.Context<ChartContextValue>;
117
+
118
+ export { Bars, type BarsProps, Chart, ChartContext, type ChartContextValue, type ChartProps, Circles, type CirclesProps, Gradient, type GradientProps, Histogram, type HistogramProps, Line, type LineProps, PieChart, type PieChartProps, ScatterPlot, type ScatterPlotProps, XAxis, type XAxisProps, YAxis, type YAxisProps };
@@ -38,7 +38,7 @@ interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {
38
38
  heading?: string;
39
39
  }
40
40
  declare const CommandGroup: React.ForwardRefExoticComponent<CommandGroupProps & React.RefAttributes<HTMLDivElement>>;
41
- interface CommandItemProps extends React.HTMLAttributes<HTMLDivElement> {
41
+ interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
42
42
  value?: string;
43
43
  disabled?: boolean;
44
44
  onSelect?: () => void;
@@ -38,7 +38,7 @@ interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {
38
38
  heading?: string;
39
39
  }
40
40
  declare const CommandGroup: React.ForwardRefExoticComponent<CommandGroupProps & React.RefAttributes<HTMLDivElement>>;
41
- interface CommandItemProps extends React.HTMLAttributes<HTMLDivElement> {
41
+ interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
42
42
  value?: string;
43
43
  disabled?: boolean;
44
44
  onSelect?: () => void;
@@ -0,0 +1,21 @@
1
+ import React, { HTMLAttributes } from 'react';
2
+ import { Trigger } from '../command-input/index.cjs';
3
+
4
+ interface CommandInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
5
+ value?: string;
6
+ onChange?: (value: string) => void;
7
+ triggers?: Trigger[];
8
+ renderPopover?: (props: {
9
+ isOpen: boolean;
10
+ trigger: string;
11
+ search: string;
12
+ close: () => void;
13
+ position: {
14
+ top: number;
15
+ left: number;
16
+ };
17
+ }) => React.ReactNode;
18
+ }
19
+ declare const CommandInput: React.ForwardRefExoticComponent<CommandInputProps & React.RefAttributes<HTMLDivElement>>;
20
+
21
+ export { CommandInput, type CommandInputProps };