@you-agent-factory/components 0.0.0 → 0.0.2
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/LICENSE.md +21 -0
- package/README.md +38 -7
- package/dist/category-paths.d.ts +3 -0
- package/dist/charts/chart-state-panel.d.ts +11 -0
- package/dist/charts/chart.d.ts +35 -0
- package/dist/charts/index.d.ts +5 -0
- package/dist/charts/index.js +287 -0
- package/dist/chunks/action-row.js +39 -0
- package/dist/chunks/alert-panel.js +182 -0
- package/dist/chunks/button.js +193 -0
- package/dist/chunks/cn.js +6 -0
- package/dist/chunks/factory-emulator-controls.js +123 -0
- package/dist/chunks/package-form-field.js +546 -0
- package/dist/chunks/scroll-area.js +261 -0
- package/dist/chunks/surface-panel.js +73 -0
- package/dist/chunks/table-layout.js +292 -0
- package/dist/chunks/typography-roles.js +26 -0
- package/dist/chunks/typography.js +129 -0
- package/dist/chunks/widget-frame.js +344 -0
- package/dist/data-display/code-panel.d.ts +12 -0
- package/dist/data-display/data-table.d.ts +27 -0
- package/dist/data-display/description-list.d.ts +4 -0
- package/{src/data-display/index.ts → dist/data-display/index.d.ts} +4 -26
- package/dist/data-display/index.js +20 -0
- package/dist/data-display/table-layout.d.ts +8 -0
- package/dist/data-display/table.d.ts +14 -0
- package/dist/factory-emulator/factory-emulator-controls.d.ts +23 -0
- package/dist/factory-emulator/index.d.ts +6 -0
- package/dist/factory-emulator/index.js +6 -0
- package/dist/feedback/alert-panel-semantics.d.ts +11 -0
- package/dist/feedback/alert-panel.d.ts +29 -0
- package/dist/feedback/index.d.ts +6 -0
- package/dist/feedback/index.js +10 -0
- package/dist/feedback/skeleton.d.ts +2 -0
- package/dist/forms/index.d.ts +19 -0
- package/dist/forms/index.js +37 -0
- package/dist/forms/package-checkbox.d.ts +3 -0
- package/dist/forms/package-enum-select.d.ts +42 -0
- package/dist/forms/package-file-input.d.ts +3 -0
- package/dist/forms/package-form-field.d.ts +49 -0
- package/dist/forms/package-input.d.ts +6 -0
- package/dist/forms/package-native-select.d.ts +3 -0
- package/dist/forms/package-select.d.ts +32 -0
- package/dist/forms/package-textarea.d.ts +10 -0
- package/dist/forms/select-icons.d.ts +3 -0
- package/dist/graphs/graph-edge-path.d.ts +18 -0
- package/dist/graphs/graph-edge.d.ts +15 -0
- package/dist/graphs/graph-node-button.d.ts +11 -0
- package/dist/graphs/graph-node-handle-badge.d.ts +5 -0
- package/dist/graphs/graph-node-handle.d.ts +18 -0
- package/dist/graphs/graph-node-shell.d.ts +13 -0
- package/dist/graphs/graph-node-state-indicator.d.ts +6 -0
- package/dist/graphs/graph-node-state.d.ts +23 -0
- package/dist/graphs/graph-viewport-surface.d.ts +5 -0
- package/dist/graphs/index.d.ts +13 -0
- package/dist/graphs/index.js +614 -0
- package/{src/icons/index.ts → dist/icons/index.d.ts} +1 -2
- package/dist/icons/index.js +4 -0
- package/dist/index.d.ts +26 -0
- package/dist/index.js +145 -0
- package/dist/layout/action-row.d.ts +8 -0
- package/{src/layout/index.ts → dist/layout/index.d.ts} +1 -3
- package/dist/layout/index.js +9 -0
- package/dist/layout/surface-panel.d.ts +15 -0
- package/{src/navigation/index.ts → dist/navigation/index.d.ts} +1 -2
- package/dist/navigation/index.js +4 -0
- package/dist/overlays/collapsible.d.ts +5 -0
- package/dist/overlays/dialog.d.ts +16 -0
- package/dist/overlays/index.d.ts +10 -0
- package/dist/overlays/index.js +27 -0
- package/dist/overlays/overlay-layout.d.ts +6 -0
- package/dist/overlays/popover.d.ts +6 -0
- package/dist/overlays/scroll-area.d.ts +9 -0
- package/dist/primitives/button-link.d.ts +5 -0
- package/dist/primitives/button.d.ts +9 -0
- package/dist/primitives/icon-button-shell.d.ts +10 -0
- package/{src/primitives/index.ts → dist/primitives/index.d.ts} +2 -19
- package/dist/primitives/index.js +49 -0
- package/dist/primitives/package-text.d.ts +6 -0
- package/dist/primitives/typography-roles.d.ts +12 -0
- package/dist/primitives/typography.d.ts +36 -0
- package/dist/recipes/index.d.ts +14 -0
- package/dist/recipes/index.js +32 -0
- package/dist/recipes/widget-frame-content.d.ts +24 -0
- package/dist/recipes/widget-frame-disclosure.d.ts +33 -0
- package/dist/recipes/widget-frame-layout.d.ts +12 -0
- package/dist/recipes/widget-frame-skeleton.d.ts +2 -0
- package/dist/recipes/widget-frame-states.d.ts +15 -0
- package/dist/recipes/widget-frame-typography.d.ts +10 -0
- package/dist/recipes/widget-frame.d.ts +12 -0
- package/{src → dist}/styles.css +36 -0
- package/dist/testing/index.d.ts +4 -0
- package/dist/testing/index.js +16 -0
- package/dist/testing/render.d.ts +5 -0
- package/{src/tokens/index.ts → dist/tokens/index.d.ts} +1 -2
- package/dist/tokens/index.js +4 -0
- package/dist/utilities/cn.d.ts +1 -0
- package/{src/utilities/index.ts → dist/utilities/index.d.ts} +1 -3
- package/dist/utilities/index.js +6 -0
- package/package.json +65 -64
- package/docs/README.md +0 -83
- package/docs/button.md +0 -119
- package/docs/charts.md +0 -325
- package/docs/data-display-code-panel.md +0 -120
- package/docs/feedback-alert-panel.md +0 -117
- package/docs/feedback-skeleton.md +0 -54
- package/docs/forms-form-field.md +0 -490
- package/docs/forms-input-primitives.md +0 -311
- package/docs/forms-select-primitives.md +0 -362
- package/docs/graphs.md +0 -250
- package/docs/layout-display-primitives.md +0 -211
- package/docs/overlays.md +0 -414
- package/docs/table-data-table.md +0 -331
- package/docs/typography-roles.md +0 -182
- package/docs/widget-frame-recipes.md +0 -273
- package/src/category-paths.ts +0 -20
- package/src/charts/chart-state-panel.tsx +0 -103
- package/src/charts/chart.tsx +0 -287
- package/src/charts/index.ts +0 -21
- package/src/data-display/code-panel.tsx +0 -67
- package/src/data-display/data-table.tsx +0 -180
- package/src/data-display/description-list.tsx +0 -24
- package/src/data-display/table-layout.ts +0 -12
- package/src/data-display/table.tsx +0 -131
- package/src/feedback/alert-panel-semantics.ts +0 -75
- package/src/feedback/alert-panel.tsx +0 -187
- package/src/feedback/index.ts +0 -21
- package/src/feedback/skeleton.tsx +0 -16
- package/src/forms/index.ts +0 -73
- package/src/forms/package-checkbox.tsx +0 -50
- package/src/forms/package-enum-select.tsx +0 -185
- package/src/forms/package-file-input.tsx +0 -25
- package/src/forms/package-form-field.tsx +0 -202
- package/src/forms/package-input.tsx +0 -25
- package/src/forms/package-native-select.tsx +0 -25
- package/src/forms/package-select.tsx +0 -209
- package/src/forms/package-textarea.tsx +0 -35
- package/src/forms/select-icons.tsx +0 -35
- package/src/graphs/graph-edge-path.ts +0 -241
- package/src/graphs/graph-edge.tsx +0 -130
- package/src/graphs/graph-interactive-example.tsx +0 -187
- package/src/graphs/graph-node-button.tsx +0 -51
- package/src/graphs/graph-node-handle-badge.tsx +0 -108
- package/src/graphs/graph-node-handle.ts +0 -28
- package/src/graphs/graph-node-shell.tsx +0 -111
- package/src/graphs/graph-node-state-indicator.tsx +0 -47
- package/src/graphs/graph-node-state.ts +0 -111
- package/src/graphs/graph-viewport-surface.tsx +0 -27
- package/src/graphs/index.ts +0 -41
- package/src/index.ts +0 -209
- package/src/layout/action-row.tsx +0 -53
- package/src/layout/surface-panel.tsx +0 -91
- package/src/overlays/collapsible.tsx +0 -22
- package/src/overlays/dialog.tsx +0 -148
- package/src/overlays/index.ts +0 -31
- package/src/overlays/overlay-layout.ts +0 -9
- package/src/overlays/popover.tsx +0 -29
- package/src/overlays/scroll-area.tsx +0 -78
- package/src/primitives/button-link.tsx +0 -22
- package/src/primitives/button.tsx +0 -258
- package/src/primitives/icon-button-shell.tsx +0 -49
- package/src/primitives/package-text.tsx +0 -29
- package/src/primitives/typography-roles.ts +0 -12
- package/src/primitives/typography.tsx +0 -165
- package/src/recipes/index.ts +0 -61
- package/src/recipes/widget-frame-content.tsx +0 -114
- package/src/recipes/widget-frame-disclosure.tsx +0 -161
- package/src/recipes/widget-frame-layout.ts +0 -40
- package/src/recipes/widget-frame-skeleton.tsx +0 -16
- package/src/recipes/widget-frame-states.tsx +0 -99
- package/src/recipes/widget-frame-typography.ts +0 -19
- package/src/recipes/widget-frame.tsx +0 -84
- package/src/testing/index.ts +0 -13
- package/src/testing/render.tsx +0 -16
- package/src/utilities/cn.ts +0 -5
- /package/{src → dist}/styles/color-palette-presets.css +0 -0
- /package/{src → dist}/styles/color-role-tokens.css +0 -0
- /package/{src → dist}/styles/layout-role-tokens.css +0 -0
- /package/{src → dist}/styles/text-color-role-tokens.css +0 -0
- /package/{src → dist}/styles/typography-role-tokens.css +0 -0
- /package/{src → dist}/styles/typography-role-utilities.css +0 -0
- /package/{src → dist}/styles/typography-roles.css +0 -0
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { type ElementType, type HTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
import { type SurfacePanelProps } from "../layout/surface-panel";
|
|
3
|
+
import { type AlertPanelSemanticVariant } from "./alert-panel-semantics";
|
|
4
|
+
export type AlertPanelTone = "danger" | "error" | "info" | "neutral" | "success" | "warning";
|
|
5
|
+
export type AlertPanelVariant = "default" | "empty" | "loading";
|
|
6
|
+
export interface AlertPanelProps extends Omit<SurfacePanelProps, "surface" | "tone"> {
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
compact?: boolean;
|
|
9
|
+
semantic?: AlertPanelSemanticVariant;
|
|
10
|
+
showStatusLabel?: boolean;
|
|
11
|
+
tone?: AlertPanelTone;
|
|
12
|
+
variant?: AlertPanelVariant;
|
|
13
|
+
}
|
|
14
|
+
export declare const AlertPanel: import("react").ForwardRefExoticComponent<AlertPanelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export interface AlertPanelStatusLabelProps extends HTMLAttributes<HTMLSpanElement> {
|
|
16
|
+
children?: ReactNode;
|
|
17
|
+
}
|
|
18
|
+
export declare const AlertPanelStatusLabel: import("react").ForwardRefExoticComponent<AlertPanelStatusLabelProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
19
|
+
export interface AlertPanelTitleProps extends HTMLAttributes<HTMLHeadingElement> {
|
|
20
|
+
children?: ReactNode;
|
|
21
|
+
}
|
|
22
|
+
export declare const AlertPanelTitle: import("react").ForwardRefExoticComponent<AlertPanelTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
23
|
+
export interface AlertPanelTextProps extends HTMLAttributes<HTMLElement> {
|
|
24
|
+
as?: ElementType;
|
|
25
|
+
children?: ReactNode;
|
|
26
|
+
variant?: "body" | "supporting";
|
|
27
|
+
}
|
|
28
|
+
export declare const AlertPanelText: import("react").ForwardRefExoticComponent<AlertPanelTextProps & import("react").RefAttributes<HTMLElement>>;
|
|
29
|
+
export type { AlertPanelSemanticVariant } from "./alert-panel-semantics";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/** Stable category path for `@you-agent-factory/components/feedback`. */
|
|
2
|
+
export declare const COMPONENTS_CATEGORY: "feedback";
|
|
3
|
+
export type ComponentsCategory = typeof COMPONENTS_CATEGORY;
|
|
4
|
+
export { AlertPanel, AlertPanelStatusLabel, AlertPanelText, AlertPanelTitle, } from "./alert-panel";
|
|
5
|
+
export type { AlertPanelProps, AlertPanelSemanticVariant, AlertPanelStatusLabelProps, AlertPanelTextProps, AlertPanelTitleProps, AlertPanelTone, AlertPanelVariant, } from "./alert-panel";
|
|
6
|
+
export { Skeleton } from "./skeleton";
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/** Stable category path for `@you-agent-factory/components/forms`. */
|
|
2
|
+
export declare const COMPONENTS_CATEGORY: "forms";
|
|
3
|
+
export type ComponentsCategory = typeof COMPONENTS_CATEGORY;
|
|
4
|
+
export { PackageCheckbox } from "./package-checkbox";
|
|
5
|
+
export type { PackageCheckboxProps } from "./package-checkbox";
|
|
6
|
+
export { EnumSelect, ENUM_SELECT_EMPTY_VALUE, OptionalEnumSelect, ResetEnumSelect, } from "./package-enum-select";
|
|
7
|
+
export type { EnumSelectOption, EnumSelectProps, OptionalEnumSelectProps, ResetEnumSelectProps, } from "./package-enum-select";
|
|
8
|
+
export { PackageFileInput } from "./package-file-input";
|
|
9
|
+
export type { PackageFileInputProps } from "./package-file-input";
|
|
10
|
+
export { PackageInput, inputVariants } from "./package-input";
|
|
11
|
+
export type { PackageInputProps } from "./package-input";
|
|
12
|
+
export { NativeSelect } from "./package-native-select";
|
|
13
|
+
export type { NativeSelectProps } from "./package-native-select";
|
|
14
|
+
export { Select, SELECT_EMPTY_STATE_VALUE, SelectContent, SelectEmpty, SelectField, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, } from "./package-select";
|
|
15
|
+
export type { SelectContentProps, SelectEmptyProps, SelectFieldProps, SelectItemProps, SelectLabelProps, SelectSeparatorProps, SelectTriggerProps, } from "./package-select";
|
|
16
|
+
export { PackageTextarea, textareaVariants } from "./package-textarea";
|
|
17
|
+
export type { PackageTextareaProps } from "./package-textarea";
|
|
18
|
+
export { buildFormFieldAriaDescribedBy, FormDescription, FormError, FormField, FormFieldGroup, FormFieldGroupLabel, FormHelperText, FormLabel, FormSuccess, FormWarning, } from "./package-form-field";
|
|
19
|
+
export type { FormDescriptionProps, FormErrorProps, FormFieldGroupLabelProps, FormFieldGroupProps, FormFieldMessageIds, FormFieldProps, FormHelperTextProps, FormLabelProps, FormSuccessProps, FormWarningProps, } from "./package-form-field";
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { E, a, F, b, c, d, e, f, g, h, i, N, O, P, j, k, l, R, S, m, n, o, p, q, r, s, t, u, v, w, x, y } from "../chunks/package-form-field.js";
|
|
2
|
+
const COMPONENTS_CATEGORY = "forms";
|
|
3
|
+
export {
|
|
4
|
+
COMPONENTS_CATEGORY,
|
|
5
|
+
E as ENUM_SELECT_EMPTY_VALUE,
|
|
6
|
+
a as EnumSelect,
|
|
7
|
+
F as FormDescription,
|
|
8
|
+
b as FormError,
|
|
9
|
+
c as FormField,
|
|
10
|
+
d as FormFieldGroup,
|
|
11
|
+
e as FormFieldGroupLabel,
|
|
12
|
+
f as FormHelperText,
|
|
13
|
+
g as FormLabel,
|
|
14
|
+
h as FormSuccess,
|
|
15
|
+
i as FormWarning,
|
|
16
|
+
N as NativeSelect,
|
|
17
|
+
O as OptionalEnumSelect,
|
|
18
|
+
P as PackageCheckbox,
|
|
19
|
+
j as PackageFileInput,
|
|
20
|
+
k as PackageInput,
|
|
21
|
+
l as PackageTextarea,
|
|
22
|
+
R as ResetEnumSelect,
|
|
23
|
+
S as SELECT_EMPTY_STATE_VALUE,
|
|
24
|
+
m as Select,
|
|
25
|
+
n as SelectContent,
|
|
26
|
+
o as SelectEmpty,
|
|
27
|
+
p as SelectField,
|
|
28
|
+
q as SelectGroup,
|
|
29
|
+
r as SelectItem,
|
|
30
|
+
s as SelectLabel,
|
|
31
|
+
t as SelectSeparator,
|
|
32
|
+
u as SelectTrigger,
|
|
33
|
+
v as SelectValue,
|
|
34
|
+
w as buildFormFieldAriaDescribedBy,
|
|
35
|
+
x as inputVariants,
|
|
36
|
+
y as textareaVariants
|
|
37
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { type InputHTMLAttributes } from "react";
|
|
2
|
+
export type PackageCheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type">;
|
|
3
|
+
export declare const PackageCheckbox: import("react").ForwardRefExoticComponent<PackageCheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { type ComponentProps } from "react";
|
|
2
|
+
import { SelectTrigger } from "./package-select";
|
|
3
|
+
export declare const ENUM_SELECT_EMPTY_VALUE = "__enum-select-empty__";
|
|
4
|
+
export interface EnumSelectOption {
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
label: string;
|
|
7
|
+
value: string;
|
|
8
|
+
}
|
|
9
|
+
type EnumSelectAriaProps = Pick<ComponentProps<typeof SelectTrigger>, "aria-describedby" | "aria-invalid" | "aria-label" | "aria-labelledby">;
|
|
10
|
+
export interface EnumSelectProps extends EnumSelectAriaProps {
|
|
11
|
+
className?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
emptyOptionsLabel?: string;
|
|
14
|
+
id: string;
|
|
15
|
+
loading?: boolean;
|
|
16
|
+
loadingLabel?: string;
|
|
17
|
+
onValueChange: (value: string) => void;
|
|
18
|
+
options: readonly EnumSelectOption[];
|
|
19
|
+
placeholder?: string;
|
|
20
|
+
value: string;
|
|
21
|
+
}
|
|
22
|
+
export declare function EnumSelect({ className, disabled, emptyOptionsLabel, id, loading, loadingLabel, onValueChange, options, placeholder, value, ...aria }: EnumSelectProps): import("react").JSX.Element;
|
|
23
|
+
export interface OptionalEnumSelectProps extends EnumSelectAriaProps {
|
|
24
|
+
className?: string;
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
emptyOptionLabel: string;
|
|
27
|
+
id: string;
|
|
28
|
+
onValueChange: (value: string | null) => void;
|
|
29
|
+
options: readonly EnumSelectOption[];
|
|
30
|
+
value: string | null | undefined;
|
|
31
|
+
}
|
|
32
|
+
export declare function OptionalEnumSelect({ className, disabled, emptyOptionLabel, id, onValueChange, options, value, ...aria }: OptionalEnumSelectProps): import("react").JSX.Element;
|
|
33
|
+
export interface ResetEnumSelectProps extends EnumSelectAriaProps {
|
|
34
|
+
className?: string;
|
|
35
|
+
disabled?: boolean;
|
|
36
|
+
id: string;
|
|
37
|
+
onValueChange: (value: string) => void;
|
|
38
|
+
options: readonly EnumSelectOption[];
|
|
39
|
+
placeholder: string;
|
|
40
|
+
}
|
|
41
|
+
export declare function ResetEnumSelect({ className, disabled, id, onValueChange, options, placeholder, ...aria }: ResetEnumSelectProps): import("react").JSX.Element;
|
|
42
|
+
export {};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { type InputHTMLAttributes } from "react";
|
|
2
|
+
export type PackageFileInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type">;
|
|
3
|
+
export declare const PackageFileInput: import("react").ForwardRefExoticComponent<PackageFileInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { type ElementType, type FieldsetHTMLAttributes, type HTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
export type FormFieldMessageIds = {
|
|
3
|
+
descriptionId?: string;
|
|
4
|
+
helperId?: string;
|
|
5
|
+
warningId?: string;
|
|
6
|
+
errorId?: string;
|
|
7
|
+
successId?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare function buildFormFieldAriaDescribedBy(messageIds: FormFieldMessageIds): string | undefined;
|
|
10
|
+
export type FormFieldProps = HTMLAttributes<HTMLDivElement>;
|
|
11
|
+
export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export type FormLabelProps = HTMLAttributes<HTMLElement> & {
|
|
13
|
+
as?: ElementType;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
htmlFor?: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const FormLabel: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
|
|
18
|
+
as?: ElementType;
|
|
19
|
+
children?: ReactNode;
|
|
20
|
+
htmlFor?: string;
|
|
21
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
|
22
|
+
export interface FormDescriptionProps extends HTMLAttributes<HTMLElement> {
|
|
23
|
+
as?: ElementType;
|
|
24
|
+
variant?: "body" | "supporting";
|
|
25
|
+
}
|
|
26
|
+
export declare const FormDescription: import("react").ForwardRefExoticComponent<FormDescriptionProps & import("react").RefAttributes<HTMLElement>>;
|
|
27
|
+
export interface FormHelperTextProps extends HTMLAttributes<HTMLElement> {
|
|
28
|
+
as?: ElementType;
|
|
29
|
+
}
|
|
30
|
+
export declare const FormHelperText: import("react").ForwardRefExoticComponent<FormHelperTextProps & import("react").RefAttributes<HTMLElement>>;
|
|
31
|
+
export interface FormErrorProps extends HTMLAttributes<HTMLElement> {
|
|
32
|
+
as?: ElementType;
|
|
33
|
+
role?: "alert" | "status";
|
|
34
|
+
}
|
|
35
|
+
export declare const FormError: import("react").ForwardRefExoticComponent<FormErrorProps & import("react").RefAttributes<HTMLElement>>;
|
|
36
|
+
export interface FormWarningProps extends HTMLAttributes<HTMLElement> {
|
|
37
|
+
as?: ElementType;
|
|
38
|
+
role?: "alert" | "status";
|
|
39
|
+
}
|
|
40
|
+
export declare const FormWarning: import("react").ForwardRefExoticComponent<FormWarningProps & import("react").RefAttributes<HTMLElement>>;
|
|
41
|
+
export interface FormSuccessProps extends HTMLAttributes<HTMLElement> {
|
|
42
|
+
as?: ElementType;
|
|
43
|
+
role?: "alert" | "status";
|
|
44
|
+
}
|
|
45
|
+
export declare const FormSuccess: import("react").ForwardRefExoticComponent<FormSuccessProps & import("react").RefAttributes<HTMLElement>>;
|
|
46
|
+
export type FormFieldGroupProps = FieldsetHTMLAttributes<HTMLFieldSetElement>;
|
|
47
|
+
export declare const FormFieldGroup: import("react").ForwardRefExoticComponent<FormFieldGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;
|
|
48
|
+
export type FormFieldGroupLabelProps = HTMLAttributes<HTMLLegendElement>;
|
|
49
|
+
export declare const FormFieldGroupLabel: import("react").ForwardRefExoticComponent<FormFieldGroupLabelProps & import("react").RefAttributes<HTMLLegendElement>>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type InputHTMLAttributes } from "react";
|
|
2
|
+
export type PackageInputProps = InputHTMLAttributes<HTMLInputElement>;
|
|
3
|
+
export declare function inputVariants({ className }?: {
|
|
4
|
+
className?: string;
|
|
5
|
+
}): string;
|
|
6
|
+
export declare const PackageInput: import("react").ForwardRefExoticComponent<PackageInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
2
|
+
import { type ComponentProps, type ReactNode } from "react";
|
|
3
|
+
export declare const Select: import("react").FC<SelectPrimitive.SelectProps>;
|
|
4
|
+
export declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export declare const SelectValue: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
export type SelectTriggerProps = ComponentProps<typeof SelectPrimitive.Trigger>;
|
|
7
|
+
export declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export type SelectContentProps = ComponentProps<typeof SelectPrimitive.Content>;
|
|
9
|
+
export declare function SelectContent({ children, className, onCloseAutoFocus, position, ...props }: SelectContentProps): import("react").JSX.Element;
|
|
10
|
+
export type SelectLabelProps = ComponentProps<typeof SelectPrimitive.Label>;
|
|
11
|
+
export declare function SelectLabel({ className, ...props }: SelectLabelProps): import("react").JSX.Element;
|
|
12
|
+
export declare const SELECT_EMPTY_STATE_VALUE = "__select-empty-state__";
|
|
13
|
+
export type SelectItemProps = ComponentProps<typeof SelectPrimitive.Item>;
|
|
14
|
+
export declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export type SelectEmptyProps = {
|
|
16
|
+
children: ReactNode;
|
|
17
|
+
className?: string;
|
|
18
|
+
};
|
|
19
|
+
export declare function SelectEmpty({ children, className }: SelectEmptyProps): import("react").JSX.Element;
|
|
20
|
+
export type SelectSeparatorProps = ComponentProps<typeof SelectPrimitive.Separator>;
|
|
21
|
+
export declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): import("react").JSX.Element;
|
|
22
|
+
export interface SelectFieldProps {
|
|
23
|
+
children: ReactNode;
|
|
24
|
+
className?: string;
|
|
25
|
+
description?: ReactNode;
|
|
26
|
+
descriptionId?: string;
|
|
27
|
+
error?: ReactNode;
|
|
28
|
+
errorId?: string;
|
|
29
|
+
inputId: string;
|
|
30
|
+
label: ReactNode;
|
|
31
|
+
}
|
|
32
|
+
export declare function SelectField({ children, className, description, descriptionId, error, errorId, inputId, label, }: SelectFieldProps): import("react").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type TextareaHTMLAttributes } from "react";
|
|
2
|
+
export type PackageTextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
3
|
+
variant?: "field" | "plain";
|
|
4
|
+
};
|
|
5
|
+
export declare function textareaVariants({ className }?: {
|
|
6
|
+
className?: string;
|
|
7
|
+
}): string;
|
|
8
|
+
export declare const PackageTextarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
9
|
+
variant?: "field" | "plain";
|
|
10
|
+
} & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Position } from "@xyflow/react";
|
|
2
|
+
export type GraphEdgeWaypoint = {
|
|
3
|
+
x: number;
|
|
4
|
+
y: number;
|
|
5
|
+
};
|
|
6
|
+
export declare function buildGraphEdgePathThroughWaypoints(input: {
|
|
7
|
+
sourceX: number;
|
|
8
|
+
sourceY: number;
|
|
9
|
+
sourcePosition: Position;
|
|
10
|
+
targetX: number;
|
|
11
|
+
targetY: number;
|
|
12
|
+
targetPosition: Position;
|
|
13
|
+
waypoints?: readonly GraphEdgeWaypoint[];
|
|
14
|
+
}): {
|
|
15
|
+
labelX: number;
|
|
16
|
+
labelY: number;
|
|
17
|
+
path: string;
|
|
18
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type EdgeProps } from "@xyflow/react";
|
|
2
|
+
import { type GraphEdgeWaypoint } from "./graph-edge-path";
|
|
3
|
+
export type GraphEdgeData = {
|
|
4
|
+
alwaysShowLabel?: boolean;
|
|
5
|
+
label?: string;
|
|
6
|
+
waypoints?: GraphEdgeWaypoint[];
|
|
7
|
+
};
|
|
8
|
+
export declare const GRAPH_EDGE_TYPES: {
|
|
9
|
+
graphEdge: typeof GraphEdge;
|
|
10
|
+
};
|
|
11
|
+
export type GraphEdgeProps = EdgeProps & {
|
|
12
|
+
edgeClassName?: string;
|
|
13
|
+
labelClassName?: string;
|
|
14
|
+
};
|
|
15
|
+
export declare function GraphEdge({ data, edgeClassName, id, interactionWidth, labelClassName, markerEnd, selected, sourcePosition, sourceX, sourceY, style, targetPosition, targetX, targetY, }: GraphEdgeProps): import("react").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from "react";
|
|
2
|
+
import { type GraphNodeState } from "./graph-node-state";
|
|
3
|
+
export type GraphNodeButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
4
|
+
graphState?: GraphNodeState;
|
|
5
|
+
stateLabel?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const GRAPH_NODE_BUTTON_BASE_CLASS = "nodrag nopan cursor-pointer border-0 bg-transparent p-0 text-left text-inherit focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-af-focus-ring disabled:cursor-not-allowed disabled:opacity-100";
|
|
8
|
+
export declare const GraphNodeButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
9
|
+
graphState?: GraphNodeState;
|
|
10
|
+
stateLabel?: string;
|
|
11
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export type GraphNodeHandleTone = "assignment" | "continue" | "default" | "failure" | "input" | "output" | "rejection" | "resource" | "worker";
|
|
2
|
+
export interface GraphNodeHandle {
|
|
3
|
+
buttonAriaLabel?: string;
|
|
4
|
+
buttonDisabled?: boolean;
|
|
5
|
+
buttonPressed?: boolean;
|
|
6
|
+
buttonTitle?: string;
|
|
7
|
+
connectable?: boolean;
|
|
8
|
+
hidden?: boolean;
|
|
9
|
+
id: string;
|
|
10
|
+
label: string;
|
|
11
|
+
onButtonClick?: () => void;
|
|
12
|
+
side: "left" | "right";
|
|
13
|
+
tone?: GraphNodeHandleTone;
|
|
14
|
+
type: "source" | "target";
|
|
15
|
+
validationError?: boolean;
|
|
16
|
+
validationMessage?: string;
|
|
17
|
+
variant?: "default" | "error" | "muted" | "selected" | "valid-target";
|
|
18
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
import type { GraphNodeHandle } from "./graph-node-handle";
|
|
3
|
+
import { type GraphNodeState } from "./graph-node-state";
|
|
4
|
+
export interface GraphNodeShellProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
handles: GraphNodeHandle[];
|
|
8
|
+
nodeKind?: string;
|
|
9
|
+
showStateIndicator?: boolean;
|
|
10
|
+
state?: GraphNodeState;
|
|
11
|
+
stateLabel?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare function GraphNodeShell({ children, className, handles, nodeKind, showStateIndicator, state, stateLabel, ...articleProps }: GraphNodeShellProps): import("react").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type GraphNodeState } from "./graph-node-state";
|
|
2
|
+
export interface GraphNodeStateIndicatorProps {
|
|
3
|
+
state: GraphNodeState;
|
|
4
|
+
stateLabel?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function GraphNodeStateIndicator({ state, stateLabel, }: GraphNodeStateIndicatorProps): import("react").JSX.Element;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export type GraphNodeState = "default" | "selected" | "disabled" | "loading" | "error";
|
|
2
|
+
export declare const GRAPH_NODE_CONTENT_MIN_HEIGHT_CLASS = "min-h-12";
|
|
3
|
+
export declare const GRAPH_NODE_STATE_INDICATOR_HEIGHT_CLASS = "min-h-5";
|
|
4
|
+
export declare function graphNodeShellStateClassName(state: GraphNodeState): string;
|
|
5
|
+
export declare function graphNodeButtonStateClassName(state: GraphNodeState): string;
|
|
6
|
+
export declare function graphNodeShellStateAttributes(state: GraphNodeState, stateLabel?: string): {
|
|
7
|
+
"aria-busy"?: boolean;
|
|
8
|
+
"aria-disabled"?: boolean;
|
|
9
|
+
"aria-invalid"?: boolean;
|
|
10
|
+
"aria-label"?: string;
|
|
11
|
+
"aria-selected"?: boolean;
|
|
12
|
+
"data-graph-node-state"?: GraphNodeState;
|
|
13
|
+
};
|
|
14
|
+
export declare function graphNodeButtonStateAttributes(state: GraphNodeState, stateLabel?: string): {
|
|
15
|
+
"aria-busy"?: boolean;
|
|
16
|
+
"aria-disabled"?: boolean;
|
|
17
|
+
"aria-invalid"?: boolean;
|
|
18
|
+
"aria-label"?: string;
|
|
19
|
+
"aria-pressed"?: boolean;
|
|
20
|
+
"data-graph-node-state"?: GraphNodeState;
|
|
21
|
+
};
|
|
22
|
+
export declare function graphNodeButtonIsDisabled(state: GraphNodeState, disabled?: boolean): boolean;
|
|
23
|
+
export declare function defaultGraphNodeStateLabel(state: GraphNodeState): string | undefined;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
export interface GraphViewportSurfaceProps extends HTMLAttributes<HTMLElement> {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare const GraphViewportSurface: import("react").ForwardRefExoticComponent<GraphViewportSurfaceProps & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/** Stable category path for `@you-agent-factory/components/graphs`. */
|
|
2
|
+
export declare const COMPONENTS_CATEGORY: "graphs";
|
|
3
|
+
export type ComponentsCategory = typeof COMPONENTS_CATEGORY;
|
|
4
|
+
export { GRAPH_NODE_BUTTON_BASE_CLASS, GraphNodeButton, type GraphNodeButtonProps, } from "./graph-node-button";
|
|
5
|
+
export { GraphViewportSurface, type GraphViewportSurfaceProps, } from "./graph-viewport-surface";
|
|
6
|
+
export type { GraphNodeHandle, GraphNodeHandleTone } from "./graph-node-handle";
|
|
7
|
+
export { GraphNodeHandleBadge, type GraphNodeHandleBadgeProps, } from "./graph-node-handle-badge";
|
|
8
|
+
export { GraphNodeShell, type GraphNodeShellProps } from "./graph-node-shell";
|
|
9
|
+
export { defaultGraphNodeStateLabel, GRAPH_NODE_CONTENT_MIN_HEIGHT_CLASS, GRAPH_NODE_STATE_INDICATOR_HEIGHT_CLASS, graphNodeButtonIsDisabled, graphNodeButtonStateAttributes, graphNodeButtonStateClassName, graphNodeShellStateAttributes, graphNodeShellStateClassName, type GraphNodeState, } from "./graph-node-state";
|
|
10
|
+
export { GraphNodeStateIndicator, type GraphNodeStateIndicatorProps, } from "./graph-node-state-indicator";
|
|
11
|
+
export { buildGraphEdgePathThroughWaypoints, type GraphEdgeWaypoint, } from "./graph-edge-path";
|
|
12
|
+
export type { GraphEdgeData, GraphEdgeProps } from "./graph-edge";
|
|
13
|
+
export { GRAPH_EDGE_TYPES, GraphEdge } from "./graph-edge";
|