@agent-native/toolkit 0.9.0 → 0.10.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 (190) hide show
  1. package/README.md +12 -3
  2. package/agent-native.eject.json +71 -0
  3. package/dist/chat-history/ChatHistoryRail.d.ts +33 -0
  4. package/dist/chat-history/ChatHistoryRail.d.ts.map +1 -0
  5. package/dist/chat-history/ChatHistoryRail.js +35 -0
  6. package/dist/chat-history/ChatHistoryRail.js.map +1 -0
  7. package/dist/chat-history/ChatHistoryRail.spec.d.ts +2 -0
  8. package/dist/chat-history/ChatHistoryRail.spec.d.ts.map +1 -0
  9. package/dist/chat-history/ChatHistoryRail.spec.js +157 -0
  10. package/dist/chat-history/ChatHistoryRail.spec.js.map +1 -0
  11. package/dist/chat-history/index.d.ts +2 -0
  12. package/dist/chat-history/index.d.ts.map +1 -1
  13. package/dist/chat-history/index.js +2 -0
  14. package/dist/chat-history/index.js.map +1 -1
  15. package/dist/chat-history/useChatHistoryRailController.d.ts +26 -0
  16. package/dist/chat-history/useChatHistoryRailController.d.ts.map +1 -0
  17. package/dist/chat-history/useChatHistoryRailController.js +36 -0
  18. package/dist/chat-history/useChatHistoryRailController.js.map +1 -0
  19. package/dist/chat-history/useChatHistoryRailController.spec.d.ts +2 -0
  20. package/dist/chat-history/useChatHistoryRailController.spec.d.ts.map +1 -0
  21. package/dist/chat-history/useChatHistoryRailController.spec.js +101 -0
  22. package/dist/chat-history/useChatHistoryRailController.spec.js.map +1 -0
  23. package/dist/chat-history.css +61 -0
  24. package/dist/composer/ComposerPlusMenu.js +1 -1
  25. package/dist/composer/ComposerPlusMenu.js.map +1 -1
  26. package/dist/composer/PromptComposer.d.ts.map +1 -1
  27. package/dist/composer/PromptComposer.js +22 -4
  28. package/dist/composer/PromptComposer.js.map +1 -1
  29. package/dist/composer/RealtimeVoiceMode.d.ts +5 -1
  30. package/dist/composer/RealtimeVoiceMode.d.ts.map +1 -1
  31. package/dist/composer/RealtimeVoiceMode.js +27 -8
  32. package/dist/composer/RealtimeVoiceMode.js.map +1 -1
  33. package/dist/composer/RealtimeVoiceMode.spec.js +51 -11
  34. package/dist/composer/RealtimeVoiceMode.spec.js.map +1 -1
  35. package/dist/composer/VoiceButton.d.ts +2 -0
  36. package/dist/composer/VoiceButton.d.ts.map +1 -1
  37. package/dist/composer/VoiceButton.js +33 -1
  38. package/dist/composer/VoiceButton.js.map +1 -1
  39. package/dist/composer/VoiceButton.spec.js +9 -1
  40. package/dist/composer/VoiceButton.spec.js.map +1 -1
  41. package/dist/composer/realtime-voice-audio-level.d.ts.map +1 -1
  42. package/dist/composer/realtime-voice-audio-level.js +2 -1
  43. package/dist/composer/realtime-voice-audio-level.js.map +1 -1
  44. package/dist/composer/realtime-voice-audio-level.spec.js +7 -0
  45. package/dist/composer/realtime-voice-audio-level.spec.js.map +1 -1
  46. package/dist/composer/useRealtimeVoiceMode.d.ts +7 -0
  47. package/dist/composer/useRealtimeVoiceMode.d.ts.map +1 -1
  48. package/dist/composer/useRealtimeVoiceMode.js +95 -23
  49. package/dist/composer/useRealtimeVoiceMode.js.map +1 -1
  50. package/dist/composer/useRealtimeVoiceMode.spec.js +58 -9
  51. package/dist/composer/useRealtimeVoiceMode.spec.js.map +1 -1
  52. package/dist/conformance/__fixtures__/css-in-js-adapter.d.ts +7 -0
  53. package/dist/conformance/__fixtures__/css-in-js-adapter.d.ts.map +1 -0
  54. package/dist/conformance/__fixtures__/css-in-js-adapter.js +84 -0
  55. package/dist/conformance/__fixtures__/css-in-js-adapter.js.map +1 -0
  56. package/dist/conformance/conformance.spec.d.ts +2 -0
  57. package/dist/conformance/conformance.spec.d.ts.map +1 -0
  58. package/dist/conformance/conformance.spec.js +58 -0
  59. package/dist/conformance/conformance.spec.js.map +1 -0
  60. package/dist/conformance/index.d.ts +4 -0
  61. package/dist/conformance/index.d.ts.map +1 -0
  62. package/dist/conformance/index.js +4 -0
  63. package/dist/conformance/index.js.map +1 -0
  64. package/dist/conformance/runner.d.ts +12 -0
  65. package/dist/conformance/runner.d.ts.map +1 -0
  66. package/dist/conformance/runner.js +441 -0
  67. package/dist/conformance/runner.js.map +1 -0
  68. package/dist/conformance/types.d.ts +26 -0
  69. package/dist/conformance/types.d.ts.map +1 -0
  70. package/dist/conformance/types.js +13 -0
  71. package/dist/conformance/types.js.map +1 -0
  72. package/dist/conformance/version.d.ts +6 -0
  73. package/dist/conformance/version.d.ts.map +1 -0
  74. package/dist/conformance/version.js +14 -0
  75. package/dist/conformance/version.js.map +1 -0
  76. package/dist/design-system/components.d.ts +64 -0
  77. package/dist/design-system/components.d.ts.map +1 -0
  78. package/dist/design-system/components.js +50 -0
  79. package/dist/design-system/components.js.map +1 -0
  80. package/dist/design-system/context.d.ts +11 -0
  81. package/dist/design-system/context.d.ts.map +1 -0
  82. package/dist/design-system/context.js +17 -0
  83. package/dist/design-system/context.js.map +1 -0
  84. package/dist/design-system/default-adapter.d.ts +3 -0
  85. package/dist/design-system/default-adapter.d.ts.map +1 -0
  86. package/dist/design-system/default-adapter.js +166 -0
  87. package/dist/design-system/default-adapter.js.map +1 -0
  88. package/dist/design-system/default-adapter.spec.d.ts +2 -0
  89. package/dist/design-system/default-adapter.spec.d.ts.map +1 -0
  90. package/dist/design-system/default-adapter.spec.js +96 -0
  91. package/dist/design-system/default-adapter.spec.js.map +1 -0
  92. package/dist/design-system/definition.d.ts +9 -0
  93. package/dist/design-system/definition.d.ts.map +1 -0
  94. package/dist/design-system/definition.js +4 -0
  95. package/dist/design-system/definition.js.map +1 -0
  96. package/dist/design-system/design-system.spec.d.ts +2 -0
  97. package/dist/design-system/design-system.spec.d.ts.map +1 -0
  98. package/dist/design-system/design-system.spec.js +121 -0
  99. package/dist/design-system/design-system.spec.js.map +1 -0
  100. package/dist/design-system/error-boundary.d.ts +18 -0
  101. package/dist/design-system/error-boundary.d.ts.map +1 -0
  102. package/dist/design-system/error-boundary.js +16 -0
  103. package/dist/design-system/error-boundary.js.map +1 -0
  104. package/dist/design-system/index.d.ts +8 -0
  105. package/dist/design-system/index.d.ts.map +1 -0
  106. package/dist/design-system/index.js +8 -0
  107. package/dist/design-system/index.js.map +1 -0
  108. package/dist/design-system/theme.d.ts +30 -0
  109. package/dist/design-system/theme.d.ts.map +1 -0
  110. package/dist/design-system/theme.js +95 -0
  111. package/dist/design-system/theme.js.map +1 -0
  112. package/dist/design-system/theme.spec.d.ts +2 -0
  113. package/dist/design-system/theme.spec.d.ts.map +1 -0
  114. package/dist/design-system/theme.spec.js +43 -0
  115. package/dist/design-system/theme.spec.js.map +1 -0
  116. package/dist/design-system/types.d.ts +288 -0
  117. package/dist/design-system/types.d.ts.map +1 -0
  118. package/dist/design-system/types.js +2 -0
  119. package/dist/design-system/types.js.map +1 -0
  120. package/dist/provider.d.ts +4 -3
  121. package/dist/provider.d.ts.map +1 -1
  122. package/dist/provider.js +46 -4
  123. package/dist/provider.js.map +1 -1
  124. package/dist/styles.css +35 -0
  125. package/dist/ui/button.d.ts +5 -0
  126. package/dist/ui/button.d.ts.map +1 -1
  127. package/dist/ui/button.js +25 -4
  128. package/dist/ui/button.js.map +1 -1
  129. package/dist/ui/dialog.d.ts +4 -0
  130. package/dist/ui/dialog.d.ts.map +1 -1
  131. package/dist/ui/dialog.js +2 -2
  132. package/dist/ui/dialog.js.map +1 -1
  133. package/dist/ui/popover.d.ts +1 -0
  134. package/dist/ui/popover.d.ts.map +1 -1
  135. package/dist/ui/popover.js +2 -2
  136. package/dist/ui/popover.js.map +1 -1
  137. package/dist/ui/select.d.ts +3 -1
  138. package/dist/ui/select.d.ts.map +1 -1
  139. package/dist/ui/select.js +1 -1
  140. package/dist/ui/select.js.map +1 -1
  141. package/dist/ui/sidebar.d.ts +6 -2
  142. package/dist/ui/sidebar.d.ts.map +1 -1
  143. package/dist/ui/sidebar.js +12 -15
  144. package/dist/ui/sidebar.js.map +1 -1
  145. package/dist/ui/tooltip.d.ts +3 -1
  146. package/dist/ui/tooltip.d.ts.map +1 -1
  147. package/dist/ui/tooltip.js +2 -2
  148. package/dist/ui/tooltip.js.map +1 -1
  149. package/package.json +31 -1
  150. package/src/chat-history/ChatHistoryRail.spec.tsx +312 -0
  151. package/src/chat-history/ChatHistoryRail.tsx +150 -0
  152. package/src/chat-history/index.ts +14 -0
  153. package/src/chat-history/useChatHistoryRailController.spec.tsx +131 -0
  154. package/src/chat-history/useChatHistoryRailController.ts +76 -0
  155. package/src/chat-history.css +61 -0
  156. package/src/composer/ComposerPlusMenu.tsx +11 -8
  157. package/src/composer/PromptComposer.tsx +27 -6
  158. package/src/composer/RealtimeVoiceMode.spec.tsx +116 -11
  159. package/src/composer/RealtimeVoiceMode.tsx +106 -36
  160. package/src/composer/VoiceButton.spec.ts +17 -1
  161. package/src/composer/VoiceButton.tsx +49 -0
  162. package/src/composer/realtime-voice-audio-level.spec.ts +15 -0
  163. package/src/composer/realtime-voice-audio-level.ts +2 -1
  164. package/src/composer/useRealtimeVoiceMode.spec.ts +82 -8
  165. package/src/composer/useRealtimeVoiceMode.tsx +112 -25
  166. package/src/conformance/__fixtures__/css-in-js-adapter.tsx +401 -0
  167. package/src/conformance/conformance.spec.tsx +83 -0
  168. package/src/conformance/index.ts +3 -0
  169. package/src/conformance/runner.tsx +710 -0
  170. package/src/conformance/types.ts +45 -0
  171. package/src/conformance/version.ts +22 -0
  172. package/src/design-system/components.tsx +146 -0
  173. package/src/design-system/context.tsx +31 -0
  174. package/src/design-system/default-adapter.spec.tsx +143 -0
  175. package/src/design-system/default-adapter.tsx +915 -0
  176. package/src/design-system/definition.ts +14 -0
  177. package/src/design-system/design-system.spec.tsx +183 -0
  178. package/src/design-system/error-boundary.tsx +37 -0
  179. package/src/design-system/index.ts +7 -0
  180. package/src/design-system/theme.spec.ts +61 -0
  181. package/src/design-system/theme.ts +145 -0
  182. package/src/design-system/types.ts +363 -0
  183. package/src/provider.tsx +98 -5
  184. package/src/styles.css +35 -0
  185. package/src/ui/button.tsx +95 -6
  186. package/src/ui/dialog.tsx +48 -23
  187. package/src/ui/popover.tsx +16 -2
  188. package/src/ui/select.tsx +7 -3
  189. package/src/ui/sidebar.tsx +47 -48
  190. package/src/ui/tooltip.tsx +7 -3
@@ -0,0 +1,18 @@
1
+ import { Component, type ErrorInfo, type ReactNode } from "react";
2
+ import type { DesignSystemComponentName } from "./types.js";
3
+ interface DesignSystemErrorBoundaryProps {
4
+ component: DesignSystemComponentName | string;
5
+ fallback: ReactNode;
6
+ children: ReactNode;
7
+ }
8
+ interface DesignSystemErrorBoundaryState {
9
+ failed: boolean;
10
+ }
11
+ export declare class DesignSystemErrorBoundary extends Component<DesignSystemErrorBoundaryProps, DesignSystemErrorBoundaryState> {
12
+ state: DesignSystemErrorBoundaryState;
13
+ static getDerivedStateFromError(): DesignSystemErrorBoundaryState;
14
+ componentDidCatch(error: unknown, info: ErrorInfo): void;
15
+ render(): ReactNode;
16
+ }
17
+ export {};
18
+ //# sourceMappingURL=error-boundary.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/design-system/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAE5D,UAAU,8BAA8B;IACtC,SAAS,EAAE,yBAAyB,GAAG,MAAM,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,8BAA8B;IACtC,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,qBAAa,yBAA0B,SAAQ,SAAS,CACtD,8BAA8B,EAC9B,8BAA8B,CAC/B;IACC,KAAK,EAAE,8BAA8B,CAAqB;IAE1D,MAAM,CAAC,wBAAwB,IAAI,8BAA8B,CAEhE;IAED,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,QAMhD;IAED,MAAM,cAGL;CACF"}
@@ -0,0 +1,16 @@
1
+ import { Component } from "react";
2
+ export class DesignSystemErrorBoundary extends Component {
3
+ state = { failed: false };
4
+ static getDerivedStateFromError() {
5
+ return { failed: true };
6
+ }
7
+ componentDidCatch(error, info) {
8
+ console.error(`[agent-native] Custom design-system component ${this.props.component} failed; rendering the default adapter for this control.`, error, info);
9
+ }
10
+ render() {
11
+ if (this.state.failed)
12
+ return this.props.fallback;
13
+ return this.props.children;
14
+ }
15
+ }
16
+ //# sourceMappingURL=error-boundary.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../src/design-system/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAclE,MAAM,OAAO,yBAA0B,SAAQ,SAG9C;IACC,KAAK,GAAmC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAE1D,MAAM,CAAC,wBAAwB;QAC7B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IAC1B,CAAC;IAED,iBAAiB,CAAC,KAAc,EAAE,IAAe;QAC/C,OAAO,CAAC,KAAK,CACX,iDAAiD,IAAI,CAAC,KAAK,CAAC,SAAS,0DAA0D,EAC/H,KAAK,EACL,IAAI,CACL,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAClD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF"}
@@ -0,0 +1,8 @@
1
+ export * from "./components.js";
2
+ export * from "./context.js";
3
+ export * from "./default-adapter.js";
4
+ export * from "./definition.js";
5
+ export * from "./error-boundary.js";
6
+ export * from "./theme.js";
7
+ export * from "./types.js";
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/design-system/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}
@@ -0,0 +1,8 @@
1
+ export * from "./components.js";
2
+ export * from "./context.js";
3
+ export * from "./default-adapter.js";
4
+ export * from "./definition.js";
5
+ export * from "./error-boundary.js";
6
+ export * from "./theme.js";
7
+ export * from "./types.js";
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/design-system/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}
@@ -0,0 +1,30 @@
1
+ export declare const DESIGN_SYSTEM_COLOR_TOKENS: readonly ["background", "foreground", "border", "input", "ring", "primary", "primary-foreground", "secondary", "secondary-foreground", "destructive", "destructive-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "popover", "popover-foreground", "card", "card-foreground", "sidebar-background", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"];
2
+ export type DesignSystemColorToken = (typeof DESIGN_SYSTEM_COLOR_TOKENS)[number];
3
+ export type DesignSystemColorPalette = Partial<Record<DesignSystemColorToken, string>>;
4
+ export interface DesignSystemTheme {
5
+ colors: {
6
+ light: DesignSystemColorPalette;
7
+ /** Dark mode falls back token-by-token to the light palette. */
8
+ dark?: DesignSystemColorPalette;
9
+ };
10
+ radius?: string;
11
+ typography?: {
12
+ fontFamily?: string;
13
+ monoFontFamily?: string;
14
+ baseFontSize?: string;
15
+ };
16
+ elevation?: {
17
+ low?: string;
18
+ medium?: string;
19
+ high?: string;
20
+ };
21
+ }
22
+ export interface NormalizedDesignSystemTheme {
23
+ light: Record<string, string>;
24
+ dark: Record<string, string>;
25
+ }
26
+ export declare function normalizeDesignSystemColor(value: string): string;
27
+ export declare function normalizeDesignSystemTheme(theme: DesignSystemTheme): NormalizedDesignSystemTheme;
28
+ export declare function renderDesignSystemThemeCss(theme: DesignSystemTheme): string;
29
+ export declare function defineTheme<const Theme extends DesignSystemTheme>(theme: Theme): Theme;
30
+ //# sourceMappingURL=theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/design-system/theme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,YACrC,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,oBAAoB,EACpB,WAAW,EACX,sBAAsB,EACtB,aAAa,EACb,wBAAwB,EACxB,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,oBAAoB,EACpB,MAAM,EACN,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,4BAA4B,EAC5B,gBAAgB,EAChB,2BAA2B,EAC3B,gBAAgB,EAChB,cAAc,CACN,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9C,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,CACvC,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE;QACN,KAAK,EAAE,wBAAwB,CAAC;QAChC,gEAAgE;QAChE,IAAI,CAAC,EAAE,wBAAwB,CAAC;KACjC,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE;QACX,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC9B;AAQD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAYhE;AAqBD,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,iBAAiB,GACvB,2BAA2B,CAwB7B;AAQD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAG3E;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,KAAK,SAAS,iBAAiB,EAC/D,KAAK,EAAE,KAAK,GACX,KAAK,CAEP"}
@@ -0,0 +1,95 @@
1
+ import { clampChroma, converter, parse } from "culori";
2
+ export const DESIGN_SYSTEM_COLOR_TOKENS = [
3
+ "background",
4
+ "foreground",
5
+ "border",
6
+ "input",
7
+ "ring",
8
+ "primary",
9
+ "primary-foreground",
10
+ "secondary",
11
+ "secondary-foreground",
12
+ "destructive",
13
+ "destructive-foreground",
14
+ "muted",
15
+ "muted-foreground",
16
+ "accent",
17
+ "accent-foreground",
18
+ "popover",
19
+ "popover-foreground",
20
+ "card",
21
+ "card-foreground",
22
+ "sidebar-background",
23
+ "sidebar-foreground",
24
+ "sidebar-primary",
25
+ "sidebar-primary-foreground",
26
+ "sidebar-accent",
27
+ "sidebar-accent-foreground",
28
+ "sidebar-border",
29
+ "sidebar-ring",
30
+ ];
31
+ const toHsl = converter("hsl");
32
+ function round(value) {
33
+ return Number(value.toFixed(3)).toString();
34
+ }
35
+ export function normalizeDesignSystemColor(value) {
36
+ const parsed = parse(value);
37
+ const color = parsed ? toHsl(clampChroma(parsed, "oklch")) : undefined;
38
+ if (!color) {
39
+ throw new Error(`Unsupported design system color: ${value}`);
40
+ }
41
+ const hue = color.h ?? 0;
42
+ const base = `${round(hue)} ${round(color.s * 100)}% ${round(color.l * 100)}%`;
43
+ return color.alpha !== undefined && color.alpha < 1
44
+ ? `${base} / ${round(color.alpha)}`
45
+ : base;
46
+ }
47
+ function normalizePalette(palette) {
48
+ return Object.fromEntries(DESIGN_SYSTEM_COLOR_TOKENS.flatMap((token) => {
49
+ const value = palette[token];
50
+ if (value === undefined)
51
+ return [];
52
+ try {
53
+ return [[`--${token}`, normalizeDesignSystemColor(value)]];
54
+ }
55
+ catch (error) {
56
+ throw new Error(`Invalid design system color for "${token}": ${value}`, { cause: error });
57
+ }
58
+ }));
59
+ }
60
+ export function normalizeDesignSystemTheme(theme) {
61
+ const light = normalizePalette(theme.colors.light);
62
+ const dark = {
63
+ ...light,
64
+ ...normalizePalette(theme.colors.dark ?? {}),
65
+ };
66
+ const shared = {
67
+ "--radius": theme.radius,
68
+ "--font-family": theme.typography?.fontFamily,
69
+ "--font-mono": theme.typography?.monoFontFamily,
70
+ "--base-font-size": theme.typography?.baseFontSize,
71
+ "--shadow-low": theme.elevation?.low,
72
+ "--shadow-medium": theme.elevation?.medium,
73
+ "--shadow-high": theme.elevation?.high,
74
+ };
75
+ for (const [name, value] of Object.entries(shared)) {
76
+ if (value !== undefined) {
77
+ light[name] = value;
78
+ dark[name] = value;
79
+ }
80
+ }
81
+ return { light, dark };
82
+ }
83
+ function renderDeclarations(values) {
84
+ return Object.entries(values)
85
+ .map(([name, value]) => ` ${name}: ${value};`)
86
+ .join("\n");
87
+ }
88
+ export function renderDesignSystemThemeCss(theme) {
89
+ const normalized = normalizeDesignSystemTheme(theme);
90
+ return `:root:root {\n${renderDeclarations(normalized.light)}\n}\n\n:root.dark {\n${renderDeclarations(normalized.dark)}\n}\n`;
91
+ }
92
+ export function defineTheme(theme) {
93
+ return theme;
94
+ }
95
+ //# sourceMappingURL=theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/design-system/theme.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=theme.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.spec.d.ts","sourceRoot":"","sources":["../../src/design-system/theme.spec.ts"],"names":[],"mappings":""}
@@ -0,0 +1,43 @@
1
+ import { describe, expect, it } from "vitest";
2
+ import { normalizeDesignSystemColor, normalizeDesignSystemTheme, renderDesignSystemThemeCss, } from "./theme.js";
3
+ describe("design system themes", () => {
4
+ it.each([
5
+ ["#ff0000", "0 100% 50%"],
6
+ ["rgb(0 128 255)", "209.882 100% 50%"],
7
+ ["oklch(62% 0.2 250)", "204.933 99.979% 45.91%"],
8
+ ["rebeccapurple", "270 50% 40%"],
9
+ ["rgb(255 0 0 / 50%)", "0 100% 50% / 0.5"],
10
+ ])("normalizes %s to an HSL triplet", (input, output) => {
11
+ expect(normalizeDesignSystemColor(input)).toBe(output);
12
+ });
13
+ it("falls back to light colors token by token without deriving dark colors", () => {
14
+ const normalized = normalizeDesignSystemTheme({
15
+ colors: {
16
+ light: { background: "white", foreground: "black" },
17
+ dark: { background: "#101010" },
18
+ },
19
+ });
20
+ expect(normalized.dark["--background"]).toBe("0 0% 6.275%");
21
+ expect(normalized.dark["--foreground"]).toBe(normalized.light["--foreground"]);
22
+ });
23
+ it("renders static light and dark token blocks", () => {
24
+ const css = renderDesignSystemThemeCss({
25
+ colors: { light: { primary: "oklch(60% 0.2 250)" } },
26
+ radius: "0.75rem",
27
+ });
28
+ expect(css).toContain(":root:root {");
29
+ expect(css).toContain(":root.dark {");
30
+ expect(css).toContain("--primary:");
31
+ expect(css.match(/--radius: 0.75rem/g)).toHaveLength(2);
32
+ });
33
+ it.each(["oklch(62% 0.2 250)", "oklch(70% 0.4 30)", "oklch(60% 0.3 120)"])("maps vivid %s into the sRGB gamut before HSL conversion", (input) => {
34
+ const [, saturation] = normalizeDesignSystemColor(input).split(" ");
35
+ expect(Number.parseFloat(saturation)).toBeLessThanOrEqual(100);
36
+ });
37
+ it("identifies the invalid semantic token", () => {
38
+ expect(() => normalizeDesignSystemTheme({
39
+ colors: { light: { primary: "definitely-not-a-color" } },
40
+ })).toThrow('Invalid design system color for "primary"');
41
+ });
42
+ });
43
+ //# sourceMappingURL=theme.spec.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.spec.js","sourceRoot":"","sources":["../../src/design-system/theme.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EACL,0BAA0B,EAC1B,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,YAAY,CAAC;AAEpB,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,IAAI,CAAC;QACN,CAAC,SAAS,EAAE,YAAY,CAAC;QACzB,CAAC,gBAAgB,EAAE,kBAAkB,CAAC;QACtC,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;QAChD,CAAC,eAAe,EAAE,aAAa,CAAC;QAChC,CAAC,oBAAoB,EAAE,kBAAkB,CAAC;KAC3C,CAAC,CAAC,iCAAiC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;QACtD,MAAM,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE,GAAG,EAAE;QAChF,MAAM,UAAU,GAAG,0BAA0B,CAAC;YAC5C,MAAM,EAAE;gBACN,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE;gBACnD,IAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE;aAChC;SACF,CAAC,CAAC;QAEH,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC5D,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAC1C,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC,CACjC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,GAAG,GAAG,0BAA0B,CAAC;YACrC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,EAAE;YACpD,MAAM,EAAE,SAAS;SAClB,CAAC,CAAC;QAEH,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QACtC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QACtC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACpC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,IAAI,CAAC,CAAC,oBAAoB,EAAE,mBAAmB,EAAE,oBAAoB,CAAC,CAAC,CACxE,yDAAyD,EACzD,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACpE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;IACjE,CAAC,CACF,CAAC;IAEF,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,GAAG,EAAE,CACV,0BAA0B,CAAC;YACzB,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAAE,EAAE;SACzD,CAAC,CACH,CAAC,OAAO,CAAC,2CAA2C,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -0,0 +1,288 @@
1
+ import type { ComponentType, CSSProperties, KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent, ReactElement, ReactNode, Ref, RefObject } from "react";
2
+ export declare const DESIGN_SYSTEM_CONTRACT_VERSION: 1;
3
+ export type DesignSystemIntent = "primary" | "neutral" | "danger";
4
+ export type DesignSystemEmphasis = "solid" | "outline" | "ghost";
5
+ export type DesignSystemSize = "compact" | "default" | "large";
6
+ export type DesignSystemTone = "neutral" | "info" | "success" | "warning" | "danger";
7
+ export type DesignSystemPlacement = "top" | "right" | "bottom" | "left";
8
+ export type DesignSystemAlign = "start" | "center" | "end";
9
+ export type DesignSystemKey = string | number;
10
+ export type DesignSystemPressEvent = ReactMouseEvent<HTMLElement> | ReactKeyboardEvent<HTMLElement>;
11
+ /**
12
+ * Styling hooks are optional interoperability affordances. Adapters must not
13
+ * rely on either hook being present, and Toolkit views must not pass
14
+ * framework-specific utility classes through this contract.
15
+ */
16
+ export interface DesignSystemStyleProps {
17
+ className?: string;
18
+ style?: CSSProperties;
19
+ }
20
+ export interface DesignSystemAccessibleProps {
21
+ id?: string;
22
+ title?: string;
23
+ "aria-label"?: string;
24
+ "aria-labelledby"?: string;
25
+ "aria-describedby"?: string;
26
+ "aria-controls"?: string;
27
+ "aria-expanded"?: boolean;
28
+ "aria-haspopup"?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree";
29
+ "aria-pressed"?: boolean | "mixed";
30
+ }
31
+ export interface DesignSystemOverlayProps extends DesignSystemStyleProps {
32
+ portalContainer?: Element | null;
33
+ placement?: DesignSystemPlacement;
34
+ align?: DesignSystemAlign;
35
+ collisionPadding?: number;
36
+ }
37
+ export interface ActionButtonProps extends DesignSystemStyleProps, DesignSystemAccessibleProps {
38
+ children?: ReactNode;
39
+ intent?: DesignSystemIntent;
40
+ emphasis?: DesignSystemEmphasis;
41
+ size?: DesignSystemSize;
42
+ pending?: boolean;
43
+ disabled?: boolean;
44
+ type?: "button" | "submit" | "reset";
45
+ leadingIcon?: ReactNode;
46
+ trailingIcon?: ReactNode;
47
+ onPress?: (event?: DesignSystemPressEvent) => void;
48
+ elementRef?: Ref<HTMLButtonElement>;
49
+ }
50
+ export interface IconButtonProps extends DesignSystemStyleProps, DesignSystemAccessibleProps {
51
+ label: string;
52
+ icon: ReactNode;
53
+ intent?: DesignSystemIntent;
54
+ emphasis?: DesignSystemEmphasis;
55
+ size?: DesignSystemSize;
56
+ pending?: boolean;
57
+ disabled?: boolean;
58
+ type?: "button" | "submit" | "reset";
59
+ onPress?: (event?: DesignSystemPressEvent) => void;
60
+ elementRef?: Ref<HTMLButtonElement>;
61
+ }
62
+ export type DesignSystemTextInputType = "text" | "email" | "password" | "search" | "tel" | "url";
63
+ export interface TextFieldProps extends DesignSystemStyleProps, DesignSystemAccessibleProps {
64
+ value: string;
65
+ onChange: (value: string) => void;
66
+ label?: ReactNode;
67
+ description?: ReactNode;
68
+ errorMessage?: ReactNode;
69
+ placeholder?: string;
70
+ /** Optional native datalist id for editable fields with suggestions. */
71
+ list?: string;
72
+ name?: string;
73
+ type?: DesignSystemTextInputType;
74
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
75
+ autoComplete?: string;
76
+ autoFocus?: boolean;
77
+ required?: boolean;
78
+ readOnly?: boolean;
79
+ disabled?: boolean;
80
+ invalid?: boolean;
81
+ leadingContent?: ReactNode;
82
+ trailingContent?: ReactNode;
83
+ onBlur?: () => void;
84
+ onFocus?: () => void;
85
+ onKeyDown?: (event: ReactKeyboardEvent<HTMLElement>) => void;
86
+ inputRef?: Ref<HTMLInputElement>;
87
+ }
88
+ export interface TextAreaProps extends DesignSystemStyleProps, DesignSystemAccessibleProps {
89
+ value: string;
90
+ onChange: (value: string) => void;
91
+ label?: ReactNode;
92
+ description?: ReactNode;
93
+ errorMessage?: ReactNode;
94
+ placeholder?: string;
95
+ name?: string;
96
+ rows?: number;
97
+ maxLength?: number;
98
+ autoFocus?: boolean;
99
+ required?: boolean;
100
+ readOnly?: boolean;
101
+ disabled?: boolean;
102
+ invalid?: boolean;
103
+ onBlur?: () => void;
104
+ onFocus?: () => void;
105
+ onKeyDown?: (event: ReactKeyboardEvent<HTMLElement>) => void;
106
+ textAreaRef?: Ref<HTMLTextAreaElement>;
107
+ }
108
+ export interface SpinnerProps extends DesignSystemStyleProps, DesignSystemAccessibleProps {
109
+ label?: string;
110
+ size?: DesignSystemSize;
111
+ }
112
+ export interface SkeletonProps extends DesignSystemStyleProps, DesignSystemAccessibleProps {
113
+ width?: string | number;
114
+ height?: string | number;
115
+ shape?: "line" | "rectangle" | "circle";
116
+ }
117
+ export interface StatusProps extends DesignSystemStyleProps, DesignSystemAccessibleProps {
118
+ children: ReactNode;
119
+ tone?: DesignSystemTone;
120
+ icon?: ReactNode;
121
+ size?: DesignSystemSize;
122
+ }
123
+ export interface SurfaceProps extends DesignSystemStyleProps, DesignSystemAccessibleProps {
124
+ children: ReactNode;
125
+ as?: "div" | "section" | "article" | "aside";
126
+ elevation?: "none" | "low" | "medium";
127
+ padding?: "none" | "compact" | "default" | "spacious";
128
+ interactive?: boolean;
129
+ onPress?: (event?: DesignSystemPressEvent) => void;
130
+ }
131
+ export interface AvatarProps extends DesignSystemStyleProps, DesignSystemAccessibleProps {
132
+ name: string;
133
+ src?: string | null;
134
+ fallback?: ReactNode;
135
+ size?: DesignSystemSize;
136
+ status?: "online" | "offline" | "busy" | "away";
137
+ imageRef?: Ref<HTMLImageElement>;
138
+ }
139
+ export interface TooltipProps extends DesignSystemOverlayProps {
140
+ trigger: ReactElement;
141
+ content: ReactNode;
142
+ open?: boolean;
143
+ defaultOpen?: boolean;
144
+ onOpenChange?: (open: boolean) => void;
145
+ delayMs?: number;
146
+ disabled?: boolean;
147
+ }
148
+ export interface MenuItem {
149
+ id: DesignSystemKey;
150
+ label: ReactNode;
151
+ description?: ReactNode;
152
+ icon?: ReactNode;
153
+ shortcut?: ReactNode;
154
+ disabled?: boolean;
155
+ intent?: Extract<DesignSystemIntent, "neutral" | "danger">;
156
+ selected?: boolean;
157
+ children?: readonly MenuItem[];
158
+ }
159
+ export interface MenuSection {
160
+ id: DesignSystemKey;
161
+ label?: ReactNode;
162
+ items: readonly MenuItem[];
163
+ }
164
+ export interface MenuProps extends DesignSystemOverlayProps {
165
+ trigger: ReactElement;
166
+ items?: readonly MenuItem[];
167
+ sections?: readonly MenuSection[];
168
+ open?: boolean;
169
+ defaultOpen?: boolean;
170
+ onOpenChange?: (open: boolean) => void;
171
+ onAction: (id: DesignSystemKey) => void;
172
+ closeOnAction?: boolean;
173
+ }
174
+ export interface PopoverProps extends DesignSystemOverlayProps {
175
+ trigger: ReactElement;
176
+ children: ReactNode;
177
+ open?: boolean;
178
+ defaultOpen?: boolean;
179
+ onOpenChange?: (open: boolean) => void;
180
+ modal?: boolean;
181
+ dismissible?: boolean;
182
+ initialFocusRef?: RefObject<HTMLElement | null>;
183
+ restoreFocusRef?: RefObject<HTMLElement | null>;
184
+ }
185
+ export interface DialogProps extends DesignSystemOverlayProps {
186
+ open: boolean;
187
+ onOpenChange: (open: boolean) => void;
188
+ title: ReactNode;
189
+ children: ReactNode;
190
+ description?: ReactNode;
191
+ footer?: ReactNode;
192
+ trigger?: ReactElement;
193
+ size?: "small" | "medium" | "large" | "fullscreen";
194
+ dismissible?: boolean;
195
+ closeLabel?: string;
196
+ initialFocusRef?: RefObject<HTMLElement | null>;
197
+ restoreFocusRef?: RefObject<HTMLElement | null>;
198
+ }
199
+ export interface PickerOption<Value extends DesignSystemKey = string> {
200
+ value: Value;
201
+ label: ReactNode;
202
+ textValue?: string;
203
+ description?: ReactNode;
204
+ icon?: ReactNode;
205
+ disabled?: boolean;
206
+ keywords?: readonly string[];
207
+ }
208
+ export interface PickerProps<Value extends DesignSystemKey = string> extends DesignSystemOverlayProps, DesignSystemAccessibleProps {
209
+ mode: "select" | "combobox";
210
+ options: readonly PickerOption<Value>[];
211
+ value: Value | null;
212
+ onChange: (value: Value | null) => void;
213
+ label?: ReactNode;
214
+ description?: ReactNode;
215
+ errorMessage?: ReactNode;
216
+ placeholder?: string;
217
+ searchValue?: string;
218
+ onSearchChange?: (value: string) => void;
219
+ open?: boolean;
220
+ onOpenChange?: (open: boolean) => void;
221
+ emptyContent?: ReactNode;
222
+ loadingContent?: ReactNode;
223
+ loading?: boolean;
224
+ required?: boolean;
225
+ disabled?: boolean;
226
+ invalid?: boolean;
227
+ pickerRef?: Ref<HTMLElement>;
228
+ }
229
+ export interface CheckboxProps extends DesignSystemStyleProps, DesignSystemAccessibleProps {
230
+ checked: boolean;
231
+ onChange: (checked: boolean) => void;
232
+ label?: ReactNode;
233
+ description?: ReactNode;
234
+ indeterminate?: boolean;
235
+ required?: boolean;
236
+ disabled?: boolean;
237
+ invalid?: boolean;
238
+ inputRef?: Ref<HTMLButtonElement>;
239
+ }
240
+ export interface SwitchProps extends DesignSystemStyleProps, DesignSystemAccessibleProps {
241
+ checked: boolean;
242
+ onChange: (checked: boolean) => void;
243
+ label?: ReactNode;
244
+ description?: ReactNode;
245
+ disabled?: boolean;
246
+ inputRef?: Ref<HTMLButtonElement>;
247
+ }
248
+ export interface TabItem<Value extends DesignSystemKey = string> {
249
+ value: Value;
250
+ label: ReactNode;
251
+ content: ReactNode;
252
+ disabled?: boolean;
253
+ icon?: ReactNode;
254
+ }
255
+ export interface TabsProps<Value extends DesignSystemKey = string> extends DesignSystemStyleProps, DesignSystemAccessibleProps {
256
+ items: readonly TabItem<Value>[];
257
+ value: Value;
258
+ onChange: (value: Value) => void;
259
+ orientation?: "horizontal" | "vertical";
260
+ activationMode?: "automatic" | "manual";
261
+ }
262
+ export interface PickerComponent {
263
+ <Value extends DesignSystemKey = string>(props: PickerProps<Value>): ReactNode;
264
+ }
265
+ export interface TabsComponent {
266
+ <Value extends DesignSystemKey = string>(props: TabsProps<Value>): ReactNode;
267
+ }
268
+ export interface DesignSystemComponents {
269
+ ActionButton: ComponentType<ActionButtonProps>;
270
+ IconButton: ComponentType<IconButtonProps>;
271
+ TextField: ComponentType<TextFieldProps>;
272
+ TextArea: ComponentType<TextAreaProps>;
273
+ Spinner: ComponentType<SpinnerProps>;
274
+ Skeleton: ComponentType<SkeletonProps>;
275
+ Status: ComponentType<StatusProps>;
276
+ Surface: ComponentType<SurfaceProps>;
277
+ Avatar: ComponentType<AvatarProps>;
278
+ Tooltip: ComponentType<TooltipProps>;
279
+ Menu: ComponentType<MenuProps>;
280
+ Popover: ComponentType<PopoverProps>;
281
+ Dialog: ComponentType<DialogProps>;
282
+ Picker: PickerComponent;
283
+ Checkbox: ComponentType<CheckboxProps>;
284
+ Switch: ComponentType<SwitchProps>;
285
+ Tabs: TabsComponent;
286
+ }
287
+ export type DesignSystemComponentName = keyof DesignSystemComponents;
288
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/design-system/types.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export const DESIGN_SYSTEM_CONTRACT_VERSION = 1;
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/design-system/types.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAU,CAAC"}
@@ -1,14 +1,15 @@
1
1
  import { type ReactNode, type ComponentType } from "react";
2
+ import type { DesignSystemDefinition } from "./design-system/definition.js";
2
3
  import type { ButtonProps } from "./ui/button.js";
3
4
  export interface ToolkitComponents {
4
5
  Button?: ComponentType<ButtonProps>;
5
6
  }
6
- interface ToolkitProviderProps {
7
+ export interface ToolkitProviderProps {
7
8
  children: ReactNode;
8
9
  components?: ToolkitComponents;
10
+ designSystem?: DesignSystemDefinition;
9
11
  }
10
- export declare function ToolkitProvider({ children, components, }: ToolkitProviderProps): import("react").JSX.Element;
12
+ export declare function ToolkitProvider({ children, components, designSystem, }: ToolkitProviderProps): import("react").JSX.Element;
11
13
  export declare function useToolkitComponents(): ToolkitComponents;
12
14
  export declare function useToolkitComponent<Name extends keyof ToolkitComponents>(name: Name): ToolkitComponents[Name];
13
- export {};
14
15
  //# sourceMappingURL=provider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAID,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,UAAU,GACX,EAAE,oBAAoB,+BAYtB;AAED,wBAAgB,oBAAoB,IAAI,iBAAiB,CAExD;AAED,wBAAgB,mBAAmB,CAAC,IAAI,SAAS,MAAM,iBAAiB,EACtE,IAAI,EAAE,IAAI,GACT,iBAAiB,CAAC,IAAI,CAAC,CAEzB"}
1
+ {"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACd,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAK5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACvC;AAID,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,UAAU,EACV,YAAY,GACb,EAAE,oBAAoB,+BA2FtB;AAED,wBAAgB,oBAAoB,IAAI,iBAAiB,CAExD;AAED,wBAAgB,mBAAmB,CAAC,IAAI,SAAS,MAAM,iBAAiB,EACtE,IAAI,EAAE,IAAI,GACT,iBAAiB,CAAC,IAAI,CAAC,CAEzB"}