@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.
Files changed (182) hide show
  1. package/LICENSE.md +21 -0
  2. package/README.md +38 -7
  3. package/dist/category-paths.d.ts +3 -0
  4. package/dist/charts/chart-state-panel.d.ts +11 -0
  5. package/dist/charts/chart.d.ts +35 -0
  6. package/dist/charts/index.d.ts +5 -0
  7. package/dist/charts/index.js +287 -0
  8. package/dist/chunks/action-row.js +39 -0
  9. package/dist/chunks/alert-panel.js +182 -0
  10. package/dist/chunks/button.js +193 -0
  11. package/dist/chunks/cn.js +6 -0
  12. package/dist/chunks/factory-emulator-controls.js +123 -0
  13. package/dist/chunks/package-form-field.js +546 -0
  14. package/dist/chunks/scroll-area.js +261 -0
  15. package/dist/chunks/surface-panel.js +73 -0
  16. package/dist/chunks/table-layout.js +292 -0
  17. package/dist/chunks/typography-roles.js +26 -0
  18. package/dist/chunks/typography.js +129 -0
  19. package/dist/chunks/widget-frame.js +344 -0
  20. package/dist/data-display/code-panel.d.ts +12 -0
  21. package/dist/data-display/data-table.d.ts +27 -0
  22. package/dist/data-display/description-list.d.ts +4 -0
  23. package/{src/data-display/index.ts → dist/data-display/index.d.ts} +4 -26
  24. package/dist/data-display/index.js +20 -0
  25. package/dist/data-display/table-layout.d.ts +8 -0
  26. package/dist/data-display/table.d.ts +14 -0
  27. package/dist/factory-emulator/factory-emulator-controls.d.ts +23 -0
  28. package/dist/factory-emulator/index.d.ts +6 -0
  29. package/dist/factory-emulator/index.js +6 -0
  30. package/dist/feedback/alert-panel-semantics.d.ts +11 -0
  31. package/dist/feedback/alert-panel.d.ts +29 -0
  32. package/dist/feedback/index.d.ts +6 -0
  33. package/dist/feedback/index.js +10 -0
  34. package/dist/feedback/skeleton.d.ts +2 -0
  35. package/dist/forms/index.d.ts +19 -0
  36. package/dist/forms/index.js +37 -0
  37. package/dist/forms/package-checkbox.d.ts +3 -0
  38. package/dist/forms/package-enum-select.d.ts +42 -0
  39. package/dist/forms/package-file-input.d.ts +3 -0
  40. package/dist/forms/package-form-field.d.ts +49 -0
  41. package/dist/forms/package-input.d.ts +6 -0
  42. package/dist/forms/package-native-select.d.ts +3 -0
  43. package/dist/forms/package-select.d.ts +32 -0
  44. package/dist/forms/package-textarea.d.ts +10 -0
  45. package/dist/forms/select-icons.d.ts +3 -0
  46. package/dist/graphs/graph-edge-path.d.ts +18 -0
  47. package/dist/graphs/graph-edge.d.ts +15 -0
  48. package/dist/graphs/graph-node-button.d.ts +11 -0
  49. package/dist/graphs/graph-node-handle-badge.d.ts +5 -0
  50. package/dist/graphs/graph-node-handle.d.ts +18 -0
  51. package/dist/graphs/graph-node-shell.d.ts +13 -0
  52. package/dist/graphs/graph-node-state-indicator.d.ts +6 -0
  53. package/dist/graphs/graph-node-state.d.ts +23 -0
  54. package/dist/graphs/graph-viewport-surface.d.ts +5 -0
  55. package/dist/graphs/index.d.ts +13 -0
  56. package/dist/graphs/index.js +614 -0
  57. package/{src/icons/index.ts → dist/icons/index.d.ts} +1 -2
  58. package/dist/icons/index.js +4 -0
  59. package/dist/index.d.ts +26 -0
  60. package/dist/index.js +145 -0
  61. package/dist/layout/action-row.d.ts +8 -0
  62. package/{src/layout/index.ts → dist/layout/index.d.ts} +1 -3
  63. package/dist/layout/index.js +9 -0
  64. package/dist/layout/surface-panel.d.ts +15 -0
  65. package/{src/navigation/index.ts → dist/navigation/index.d.ts} +1 -2
  66. package/dist/navigation/index.js +4 -0
  67. package/dist/overlays/collapsible.d.ts +5 -0
  68. package/dist/overlays/dialog.d.ts +16 -0
  69. package/dist/overlays/index.d.ts +10 -0
  70. package/dist/overlays/index.js +27 -0
  71. package/dist/overlays/overlay-layout.d.ts +6 -0
  72. package/dist/overlays/popover.d.ts +6 -0
  73. package/dist/overlays/scroll-area.d.ts +9 -0
  74. package/dist/primitives/button-link.d.ts +5 -0
  75. package/dist/primitives/button.d.ts +9 -0
  76. package/dist/primitives/icon-button-shell.d.ts +10 -0
  77. package/{src/primitives/index.ts → dist/primitives/index.d.ts} +2 -19
  78. package/dist/primitives/index.js +49 -0
  79. package/dist/primitives/package-text.d.ts +6 -0
  80. package/dist/primitives/typography-roles.d.ts +12 -0
  81. package/dist/primitives/typography.d.ts +36 -0
  82. package/dist/recipes/index.d.ts +14 -0
  83. package/dist/recipes/index.js +32 -0
  84. package/dist/recipes/widget-frame-content.d.ts +24 -0
  85. package/dist/recipes/widget-frame-disclosure.d.ts +33 -0
  86. package/dist/recipes/widget-frame-layout.d.ts +12 -0
  87. package/dist/recipes/widget-frame-skeleton.d.ts +2 -0
  88. package/dist/recipes/widget-frame-states.d.ts +15 -0
  89. package/dist/recipes/widget-frame-typography.d.ts +10 -0
  90. package/dist/recipes/widget-frame.d.ts +12 -0
  91. package/{src → dist}/styles.css +36 -0
  92. package/dist/testing/index.d.ts +4 -0
  93. package/dist/testing/index.js +16 -0
  94. package/dist/testing/render.d.ts +5 -0
  95. package/{src/tokens/index.ts → dist/tokens/index.d.ts} +1 -2
  96. package/dist/tokens/index.js +4 -0
  97. package/dist/utilities/cn.d.ts +1 -0
  98. package/{src/utilities/index.ts → dist/utilities/index.d.ts} +1 -3
  99. package/dist/utilities/index.js +6 -0
  100. package/package.json +65 -64
  101. package/docs/README.md +0 -83
  102. package/docs/button.md +0 -119
  103. package/docs/charts.md +0 -325
  104. package/docs/data-display-code-panel.md +0 -120
  105. package/docs/feedback-alert-panel.md +0 -117
  106. package/docs/feedback-skeleton.md +0 -54
  107. package/docs/forms-form-field.md +0 -490
  108. package/docs/forms-input-primitives.md +0 -311
  109. package/docs/forms-select-primitives.md +0 -362
  110. package/docs/graphs.md +0 -250
  111. package/docs/layout-display-primitives.md +0 -211
  112. package/docs/overlays.md +0 -414
  113. package/docs/table-data-table.md +0 -331
  114. package/docs/typography-roles.md +0 -182
  115. package/docs/widget-frame-recipes.md +0 -273
  116. package/src/category-paths.ts +0 -20
  117. package/src/charts/chart-state-panel.tsx +0 -103
  118. package/src/charts/chart.tsx +0 -287
  119. package/src/charts/index.ts +0 -21
  120. package/src/data-display/code-panel.tsx +0 -67
  121. package/src/data-display/data-table.tsx +0 -180
  122. package/src/data-display/description-list.tsx +0 -24
  123. package/src/data-display/table-layout.ts +0 -12
  124. package/src/data-display/table.tsx +0 -131
  125. package/src/feedback/alert-panel-semantics.ts +0 -75
  126. package/src/feedback/alert-panel.tsx +0 -187
  127. package/src/feedback/index.ts +0 -21
  128. package/src/feedback/skeleton.tsx +0 -16
  129. package/src/forms/index.ts +0 -73
  130. package/src/forms/package-checkbox.tsx +0 -50
  131. package/src/forms/package-enum-select.tsx +0 -185
  132. package/src/forms/package-file-input.tsx +0 -25
  133. package/src/forms/package-form-field.tsx +0 -202
  134. package/src/forms/package-input.tsx +0 -25
  135. package/src/forms/package-native-select.tsx +0 -25
  136. package/src/forms/package-select.tsx +0 -209
  137. package/src/forms/package-textarea.tsx +0 -35
  138. package/src/forms/select-icons.tsx +0 -35
  139. package/src/graphs/graph-edge-path.ts +0 -241
  140. package/src/graphs/graph-edge.tsx +0 -130
  141. package/src/graphs/graph-interactive-example.tsx +0 -187
  142. package/src/graphs/graph-node-button.tsx +0 -51
  143. package/src/graphs/graph-node-handle-badge.tsx +0 -108
  144. package/src/graphs/graph-node-handle.ts +0 -28
  145. package/src/graphs/graph-node-shell.tsx +0 -111
  146. package/src/graphs/graph-node-state-indicator.tsx +0 -47
  147. package/src/graphs/graph-node-state.ts +0 -111
  148. package/src/graphs/graph-viewport-surface.tsx +0 -27
  149. package/src/graphs/index.ts +0 -41
  150. package/src/index.ts +0 -209
  151. package/src/layout/action-row.tsx +0 -53
  152. package/src/layout/surface-panel.tsx +0 -91
  153. package/src/overlays/collapsible.tsx +0 -22
  154. package/src/overlays/dialog.tsx +0 -148
  155. package/src/overlays/index.ts +0 -31
  156. package/src/overlays/overlay-layout.ts +0 -9
  157. package/src/overlays/popover.tsx +0 -29
  158. package/src/overlays/scroll-area.tsx +0 -78
  159. package/src/primitives/button-link.tsx +0 -22
  160. package/src/primitives/button.tsx +0 -258
  161. package/src/primitives/icon-button-shell.tsx +0 -49
  162. package/src/primitives/package-text.tsx +0 -29
  163. package/src/primitives/typography-roles.ts +0 -12
  164. package/src/primitives/typography.tsx +0 -165
  165. package/src/recipes/index.ts +0 -61
  166. package/src/recipes/widget-frame-content.tsx +0 -114
  167. package/src/recipes/widget-frame-disclosure.tsx +0 -161
  168. package/src/recipes/widget-frame-layout.ts +0 -40
  169. package/src/recipes/widget-frame-skeleton.tsx +0 -16
  170. package/src/recipes/widget-frame-states.tsx +0 -99
  171. package/src/recipes/widget-frame-typography.ts +0 -19
  172. package/src/recipes/widget-frame.tsx +0 -84
  173. package/src/testing/index.ts +0 -13
  174. package/src/testing/render.tsx +0 -16
  175. package/src/utilities/cn.ts +0 -5
  176. /package/{src → dist}/styles/color-palette-presets.css +0 -0
  177. /package/{src → dist}/styles/color-role-tokens.css +0 -0
  178. /package/{src → dist}/styles/layout-role-tokens.css +0 -0
  179. /package/{src → dist}/styles/text-color-role-tokens.css +0 -0
  180. /package/{src → dist}/styles/typography-role-tokens.css +0 -0
  181. /package/{src → dist}/styles/typography-role-utilities.css +0 -0
  182. /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,10 @@
1
+ import { A, a, b, c, S } from "../chunks/alert-panel.js";
2
+ const COMPONENTS_CATEGORY = "feedback";
3
+ export {
4
+ A as AlertPanel,
5
+ a as AlertPanelStatusLabel,
6
+ b as AlertPanelText,
7
+ c as AlertPanelTitle,
8
+ COMPONENTS_CATEGORY,
9
+ S as Skeleton
10
+ };
@@ -0,0 +1,2 @@
1
+ import type { HTMLAttributes } from "react";
2
+ export declare function Skeleton({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
@@ -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,3 @@
1
+ import { type SelectHTMLAttributes } from "react";
2
+ export type NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement>;
3
+ export declare const NativeSelect: import("react").ForwardRefExoticComponent<NativeSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
@@ -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,3 @@
1
+ import type { SVGProps } from "react";
2
+ export declare function SelectChevronDownIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
3
+ export declare function SelectCheckIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
@@ -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,5 @@
1
+ import type { GraphNodeHandle } from "./graph-node-handle";
2
+ export interface GraphNodeHandleBadgeProps {
3
+ handle: GraphNodeHandle;
4
+ }
5
+ export declare function GraphNodeHandleBadge({ handle }: GraphNodeHandleBadgeProps): import("react").JSX.Element;
@@ -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";