@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.
- package/README.md +12 -3
- package/agent-native.eject.json +71 -0
- package/dist/chat-history/ChatHistoryRail.d.ts +33 -0
- package/dist/chat-history/ChatHistoryRail.d.ts.map +1 -0
- package/dist/chat-history/ChatHistoryRail.js +35 -0
- package/dist/chat-history/ChatHistoryRail.js.map +1 -0
- package/dist/chat-history/ChatHistoryRail.spec.d.ts +2 -0
- package/dist/chat-history/ChatHistoryRail.spec.d.ts.map +1 -0
- package/dist/chat-history/ChatHistoryRail.spec.js +157 -0
- package/dist/chat-history/ChatHistoryRail.spec.js.map +1 -0
- package/dist/chat-history/index.d.ts +2 -0
- package/dist/chat-history/index.d.ts.map +1 -1
- package/dist/chat-history/index.js +2 -0
- package/dist/chat-history/index.js.map +1 -1
- package/dist/chat-history/useChatHistoryRailController.d.ts +26 -0
- package/dist/chat-history/useChatHistoryRailController.d.ts.map +1 -0
- package/dist/chat-history/useChatHistoryRailController.js +36 -0
- package/dist/chat-history/useChatHistoryRailController.js.map +1 -0
- package/dist/chat-history/useChatHistoryRailController.spec.d.ts +2 -0
- package/dist/chat-history/useChatHistoryRailController.spec.d.ts.map +1 -0
- package/dist/chat-history/useChatHistoryRailController.spec.js +101 -0
- package/dist/chat-history/useChatHistoryRailController.spec.js.map +1 -0
- package/dist/chat-history.css +61 -0
- package/dist/composer/ComposerPlusMenu.js +1 -1
- package/dist/composer/ComposerPlusMenu.js.map +1 -1
- package/dist/composer/PromptComposer.d.ts.map +1 -1
- package/dist/composer/PromptComposer.js +22 -4
- package/dist/composer/PromptComposer.js.map +1 -1
- package/dist/composer/RealtimeVoiceMode.d.ts +5 -1
- package/dist/composer/RealtimeVoiceMode.d.ts.map +1 -1
- package/dist/composer/RealtimeVoiceMode.js +27 -8
- package/dist/composer/RealtimeVoiceMode.js.map +1 -1
- package/dist/composer/RealtimeVoiceMode.spec.js +51 -11
- package/dist/composer/RealtimeVoiceMode.spec.js.map +1 -1
- package/dist/composer/VoiceButton.d.ts +2 -0
- package/dist/composer/VoiceButton.d.ts.map +1 -1
- package/dist/composer/VoiceButton.js +33 -1
- package/dist/composer/VoiceButton.js.map +1 -1
- package/dist/composer/VoiceButton.spec.js +9 -1
- package/dist/composer/VoiceButton.spec.js.map +1 -1
- package/dist/composer/realtime-voice-audio-level.d.ts.map +1 -1
- package/dist/composer/realtime-voice-audio-level.js +2 -1
- package/dist/composer/realtime-voice-audio-level.js.map +1 -1
- package/dist/composer/realtime-voice-audio-level.spec.js +7 -0
- package/dist/composer/realtime-voice-audio-level.spec.js.map +1 -1
- package/dist/composer/useRealtimeVoiceMode.d.ts +7 -0
- package/dist/composer/useRealtimeVoiceMode.d.ts.map +1 -1
- package/dist/composer/useRealtimeVoiceMode.js +95 -23
- package/dist/composer/useRealtimeVoiceMode.js.map +1 -1
- package/dist/composer/useRealtimeVoiceMode.spec.js +58 -9
- package/dist/composer/useRealtimeVoiceMode.spec.js.map +1 -1
- package/dist/conformance/__fixtures__/css-in-js-adapter.d.ts +7 -0
- package/dist/conformance/__fixtures__/css-in-js-adapter.d.ts.map +1 -0
- package/dist/conformance/__fixtures__/css-in-js-adapter.js +84 -0
- package/dist/conformance/__fixtures__/css-in-js-adapter.js.map +1 -0
- package/dist/conformance/conformance.spec.d.ts +2 -0
- package/dist/conformance/conformance.spec.d.ts.map +1 -0
- package/dist/conformance/conformance.spec.js +58 -0
- package/dist/conformance/conformance.spec.js.map +1 -0
- package/dist/conformance/index.d.ts +4 -0
- package/dist/conformance/index.d.ts.map +1 -0
- package/dist/conformance/index.js +4 -0
- package/dist/conformance/index.js.map +1 -0
- package/dist/conformance/runner.d.ts +12 -0
- package/dist/conformance/runner.d.ts.map +1 -0
- package/dist/conformance/runner.js +441 -0
- package/dist/conformance/runner.js.map +1 -0
- package/dist/conformance/types.d.ts +26 -0
- package/dist/conformance/types.d.ts.map +1 -0
- package/dist/conformance/types.js +13 -0
- package/dist/conformance/types.js.map +1 -0
- package/dist/conformance/version.d.ts +6 -0
- package/dist/conformance/version.d.ts.map +1 -0
- package/dist/conformance/version.js +14 -0
- package/dist/conformance/version.js.map +1 -0
- package/dist/design-system/components.d.ts +64 -0
- package/dist/design-system/components.d.ts.map +1 -0
- package/dist/design-system/components.js +50 -0
- package/dist/design-system/components.js.map +1 -0
- package/dist/design-system/context.d.ts +11 -0
- package/dist/design-system/context.d.ts.map +1 -0
- package/dist/design-system/context.js +17 -0
- package/dist/design-system/context.js.map +1 -0
- package/dist/design-system/default-adapter.d.ts +3 -0
- package/dist/design-system/default-adapter.d.ts.map +1 -0
- package/dist/design-system/default-adapter.js +166 -0
- package/dist/design-system/default-adapter.js.map +1 -0
- package/dist/design-system/default-adapter.spec.d.ts +2 -0
- package/dist/design-system/default-adapter.spec.d.ts.map +1 -0
- package/dist/design-system/default-adapter.spec.js +96 -0
- package/dist/design-system/default-adapter.spec.js.map +1 -0
- package/dist/design-system/definition.d.ts +9 -0
- package/dist/design-system/definition.d.ts.map +1 -0
- package/dist/design-system/definition.js +4 -0
- package/dist/design-system/definition.js.map +1 -0
- package/dist/design-system/design-system.spec.d.ts +2 -0
- package/dist/design-system/design-system.spec.d.ts.map +1 -0
- package/dist/design-system/design-system.spec.js +121 -0
- package/dist/design-system/design-system.spec.js.map +1 -0
- package/dist/design-system/error-boundary.d.ts +18 -0
- package/dist/design-system/error-boundary.d.ts.map +1 -0
- package/dist/design-system/error-boundary.js +16 -0
- package/dist/design-system/error-boundary.js.map +1 -0
- package/dist/design-system/index.d.ts +8 -0
- package/dist/design-system/index.d.ts.map +1 -0
- package/dist/design-system/index.js +8 -0
- package/dist/design-system/index.js.map +1 -0
- package/dist/design-system/theme.d.ts +30 -0
- package/dist/design-system/theme.d.ts.map +1 -0
- package/dist/design-system/theme.js +95 -0
- package/dist/design-system/theme.js.map +1 -0
- package/dist/design-system/theme.spec.d.ts +2 -0
- package/dist/design-system/theme.spec.d.ts.map +1 -0
- package/dist/design-system/theme.spec.js +43 -0
- package/dist/design-system/theme.spec.js.map +1 -0
- package/dist/design-system/types.d.ts +288 -0
- package/dist/design-system/types.d.ts.map +1 -0
- package/dist/design-system/types.js +2 -0
- package/dist/design-system/types.js.map +1 -0
- package/dist/provider.d.ts +4 -3
- package/dist/provider.d.ts.map +1 -1
- package/dist/provider.js +46 -4
- package/dist/provider.js.map +1 -1
- package/dist/styles.css +35 -0
- package/dist/ui/button.d.ts +5 -0
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/button.js +25 -4
- package/dist/ui/button.js.map +1 -1
- package/dist/ui/dialog.d.ts +4 -0
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +2 -2
- package/dist/ui/dialog.js.map +1 -1
- package/dist/ui/popover.d.ts +1 -0
- package/dist/ui/popover.d.ts.map +1 -1
- package/dist/ui/popover.js +2 -2
- package/dist/ui/popover.js.map +1 -1
- package/dist/ui/select.d.ts +3 -1
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +1 -1
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/sidebar.d.ts +6 -2
- package/dist/ui/sidebar.d.ts.map +1 -1
- package/dist/ui/sidebar.js +12 -15
- package/dist/ui/sidebar.js.map +1 -1
- package/dist/ui/tooltip.d.ts +3 -1
- package/dist/ui/tooltip.d.ts.map +1 -1
- package/dist/ui/tooltip.js +2 -2
- package/dist/ui/tooltip.js.map +1 -1
- package/package.json +31 -1
- package/src/chat-history/ChatHistoryRail.spec.tsx +312 -0
- package/src/chat-history/ChatHistoryRail.tsx +150 -0
- package/src/chat-history/index.ts +14 -0
- package/src/chat-history/useChatHistoryRailController.spec.tsx +131 -0
- package/src/chat-history/useChatHistoryRailController.ts +76 -0
- package/src/chat-history.css +61 -0
- package/src/composer/ComposerPlusMenu.tsx +11 -8
- package/src/composer/PromptComposer.tsx +27 -6
- package/src/composer/RealtimeVoiceMode.spec.tsx +116 -11
- package/src/composer/RealtimeVoiceMode.tsx +106 -36
- package/src/composer/VoiceButton.spec.ts +17 -1
- package/src/composer/VoiceButton.tsx +49 -0
- package/src/composer/realtime-voice-audio-level.spec.ts +15 -0
- package/src/composer/realtime-voice-audio-level.ts +2 -1
- package/src/composer/useRealtimeVoiceMode.spec.ts +82 -8
- package/src/composer/useRealtimeVoiceMode.tsx +112 -25
- package/src/conformance/__fixtures__/css-in-js-adapter.tsx +401 -0
- package/src/conformance/conformance.spec.tsx +83 -0
- package/src/conformance/index.ts +3 -0
- package/src/conformance/runner.tsx +710 -0
- package/src/conformance/types.ts +45 -0
- package/src/conformance/version.ts +22 -0
- package/src/design-system/components.tsx +146 -0
- package/src/design-system/context.tsx +31 -0
- package/src/design-system/default-adapter.spec.tsx +143 -0
- package/src/design-system/default-adapter.tsx +915 -0
- package/src/design-system/definition.ts +14 -0
- package/src/design-system/design-system.spec.tsx +183 -0
- package/src/design-system/error-boundary.tsx +37 -0
- package/src/design-system/index.ts +7 -0
- package/src/design-system/theme.spec.ts +61 -0
- package/src/design-system/theme.ts +145 -0
- package/src/design-system/types.ts +363 -0
- package/src/provider.tsx +98 -5
- package/src/styles.css +35 -0
- package/src/ui/button.tsx +95 -6
- package/src/ui/dialog.tsx +48 -23
- package/src/ui/popover.tsx +16 -2
- package/src/ui/select.tsx +7 -3
- package/src/ui/sidebar.tsx +47 -48
- 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 @@
|
|
|
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 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/design-system/types.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAU,CAAC"}
|
package/dist/provider.d.ts
CHANGED
|
@@ -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
|
package/dist/provider.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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"}
|