@you-agent-factory/components 0.0.0 → 0.0.2

package/dist/index.js

@@ -0,0 +1,145 @@
+import { B, b } from "./chunks/button.js";
+import { B as B2, C, H, I, L, T } from "./chunks/typography.js";
+import { C as C2, D, a, T as T2, b as b2, c, d, e, f, g, h, t, i, j, k } from "./chunks/table-layout.js";
+import { A, a as a2, b as b3, c as c2, S } from "./chunks/alert-panel.js";
+import { W, a as a3, b as b4, c as c3, d as d2, e as e2, f as f2, g as g2, h as h2, i as i2, j as j2, k as k2, l, m, n, o, p, q, r, s, t as t2, u, v, w, x, y, z } from "./chunks/widget-frame.js";
+import { E, a as a4, F, b as b5, c as c4, d as d3, e as e3, f as f3, g as g3, h as h3, i as i3, N, O, P, j as j3, k as k3, l as l2, R, S as S2, m as m2, n as n2, o as o2, p as p2, q as q2, r as r2, s as s2, t as t3, u as u2, v as v2, w as w2, x as x2, y as y2 } from "./chunks/package-form-field.js";
+import { F as F2 } from "./chunks/factory-emulator-controls.js";
+import { A as A2 } from "./chunks/action-row.js";
+import { S as S3, s as s3 } from "./chunks/surface-panel.js";
+import { C as C3, a as a5, b as b6, D as D2, c as c5, d as d4, e as e4, f as f4, g as g4, h as h4, i as i4, j as j4, k as k4, O as O2, l as l3, m as m3, P as P2, n as n3, o as o3, p as p3, S as S4, q as q3 } from "./chunks/scroll-area.js";
+const COMPONENT_CATEGORY_EXPORT_PATHS = [
+  "primitives",
+  "forms",
+  "layout",
+  "feedback",
+  "data-display",
+  "navigation",
+  "overlays",
+  "charts",
+  "factory-emulator",
+  "graphs",
+  "recipes",
+  "icons",
+  "utilities",
+  "testing",
+  "tokens"
+];
+const COMPONENTS_PACKAGE_NAME = "@you-agent-factory/components";
+export {
+  A2 as ActionRow,
+  A as AlertPanel,
+  a2 as AlertPanelStatusLabel,
+  b3 as AlertPanelText,
+  c2 as AlertPanelTitle,
+  B as Button,
+  B2 as ButtonLink,
+  COMPONENTS_PACKAGE_NAME,
+  COMPONENT_CATEGORY_EXPORT_PATHS,
+  C as Code,
+  C2 as CodePanel,
+  C3 as Collapsible,
+  a5 as CollapsibleContent,
+  b6 as CollapsibleTrigger,
+  D as DataTable,
+  a as DescriptionList,
+  D2 as Dialog,
+  c5 as DialogClose,
+  d4 as DialogContent,
+  e4 as DialogDescription,
+  f4 as DialogFooter,
+  g4 as DialogHeader,
+  h4 as DialogOverlay,
+  i4 as DialogPortal,
+  j4 as DialogTitle,
+  k4 as DialogTrigger,
+  E as ENUM_SELECT_EMPTY_VALUE,
+  a4 as EnumSelect,
+  F2 as FactoryEmulatorControls,
+  F as FormDescription,
+  b5 as FormError,
+  c4 as FormField,
+  d3 as FormFieldGroup,
+  e3 as FormFieldGroupLabel,
+  f3 as FormHelperText,
+  g3 as FormLabel,
+  h3 as FormSuccess,
+  i3 as FormWarning,
+  H as Heading,
+  I as IconButtonShell,
+  L as Label,
+  N as NativeSelect,
+  O2 as OVERLAY_DIALOG_BODY_CLASS,
+  l3 as OVERLAY_DIALOG_CONTENT_SHELL_CLASS,
+  m3 as OVERLAY_FORM_GROUP_CLASS,
+  O as OptionalEnumSelect,
+  P as PackageCheckbox,
+  j3 as PackageFileInput,
+  k3 as PackageInput,
+  l2 as PackageTextarea,
+  P2 as Popover,
+  n3 as PopoverAnchor,
+  o3 as PopoverContent,
+  p3 as PopoverTrigger,
+  R as ResetEnumSelect,
+  S2 as SELECT_EMPTY_STATE_VALUE,
+  S4 as ScrollArea,
+  q3 as ScrollBar,
+  m2 as Select,
+  n2 as SelectContent,
+  o2 as SelectEmpty,
+  p2 as SelectField,
+  q2 as SelectGroup,
+  r2 as SelectItem,
+  s2 as SelectLabel,
+  t3 as SelectSeparator,
+  u2 as SelectTrigger,
+  v2 as SelectValue,
+  S as Skeleton,
+  S3 as SurfacePanel,
+  T2 as Table,
+  b2 as TableBody,
+  c as TableCaption,
+  d as TableCell,
+  e as TableHead,
+  f as TableHeader,
+  g as TableRow,
+  T as Text,
+  W as WIDGET_FRAME_BODY_TEXT_CLASS,
+  a3 as WIDGET_FRAME_MIN_WIDTH_CLASS,
+  b4 as WIDGET_FRAME_OVERFLOW_TOLERANCE_PX,
+  c3 as WIDGET_FRAME_RESPONSIVE_SHELL_CLASS,
+  d2 as WIDGET_FRAME_SECTION_HEADING_CLASS,
+  e2 as WIDGET_FRAME_STORY_SHELL_DATA_ATTR,
+  f2 as WIDGET_FRAME_SUBTITLE_CLASS,
+  g2 as WIDGET_FRAME_SUPPORTING_LABELS_CLASS,
+  h2 as WIDGET_FRAME_SUPPORTING_LABEL_CLASS,
+  i2 as WIDGET_FRAME_WIDE_BODY_CLASS,
+  j2 as WidgetDetailCopy,
+  k2 as WidgetEmptyState,
+  l as WidgetEmptyStateText,
+  m as WidgetEmptyStateTitle,
+  n as WidgetErrorState,
+  o as WidgetFrame,
+  p as WidgetFrameDisclosure,
+  q as WidgetFrameDisclosureIcon,
+  r as WidgetFrameDisclosurePanel,
+  s as WidgetFrameDisclosureTrigger,
+  t2 as WidgetFrameSkeleton,
+  u as WidgetLoadingState,
+  v as WidgetSubtitle,
+  w as WidgetSuccessState,
+  w2 as buildFormFieldAriaDescribedBy,
+  b as buttonVariants,
+  h as codePanelVariants,
+  x2 as inputVariants,
+  s3 as surfacePanelVariants,
+  t as tableCellTruncateClassName,
+  i as tableCellWrapClassName,
+  j as tableMinWidthWideClassName,
+  k as tableNarrowContainerClassName,
+  y2 as textareaVariants,
+  x as widgetFrameDetailCardClass,
+  y as widgetFrameHasNoHorizontalOverflow,
+  z as widgetFrameStoryShellStyle
+};

package/dist/layout/action-row.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface ActionRowProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    actions?: ReactNode;
+    actionsClassName?: string;
+    statuses?: ReactNode;
+    statusesClassName?: string;
+}
+export declare function ActionRow({ actions, actionsClassName, className, statuses, statusesClassName, ...props }: ActionRowProps): import("react").JSX.Element | null;

package/{src/layout/index.ts → dist/layout/index.d.ts}

@@ -1,8 +1,6 @@
 /** Stable category path for `@you-agent-factory/components/layout`. */
-export const COMPONENTS_CATEGORY = "layout" as const;
-
+export declare const COMPONENTS_CATEGORY: "layout";
 export type ComponentsCategory = typeof COMPONENTS_CATEGORY;
-
 export { ActionRow } from "./action-row";
 export type { ActionRowProps } from "./action-row";
 export { SurfacePanel, surfacePanelVariants } from "./surface-panel";

package/dist/layout/index.js

@@ -0,0 +1,9 @@
+import { A } from "../chunks/action-row.js";
+import { S, s } from "../chunks/surface-panel.js";
+const COMPONENTS_CATEGORY = "layout";
+export {
+  A as ActionRow,
+  COMPONENTS_CATEGORY,
+  S as SurfacePanel,
+  s as surfacePanelVariants
+};

package/dist/layout/surface-panel.d.ts

@@ -0,0 +1,15 @@
+import { type HTMLAttributes } from "react";
+type SurfacePanelPadding = "compact" | "default" | "none";
+type SurfacePanelRadius = "lg" | "xl" | "2xl" | "3xl" | "full";
+type SurfacePanelSurface = "high" | "low";
+type SurfacePanelTone = "default" | "accent" | "selected";
+export interface SurfacePanelProps extends HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+    padding?: SurfacePanelPadding;
+    radius?: SurfacePanelRadius;
+    surface?: SurfacePanelSurface;
+    tone?: SurfacePanelTone;
+}
+export declare function surfacePanelVariants({ className, padding, radius, surface, tone, }: Pick<SurfacePanelProps, "className" | "padding" | "radius" | "surface" | "tone">): string;
+export declare const SurfacePanel: import("react").ForwardRefExoticComponent<SurfacePanelProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/{src/navigation/index.ts → dist/navigation/index.d.ts}

@@ -1,4 +1,3 @@
 /** Stable category path for `@you-agent-factory/components/navigation`. */
-export const COMPONENTS_CATEGORY = "navigation" as const;
-
+export declare const COMPONENTS_CATEGORY: "navigation";
 export type ComponentsCategory = typeof COMPONENTS_CATEGORY;

package/dist/navigation/index.js

@@ -0,0 +1,4 @@
+const COMPONENTS_CATEGORY = "navigation";
+export {
+  COMPONENTS_CATEGORY
+};

package/dist/overlays/collapsible.d.ts

@@ -0,0 +1,5 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import type { ComponentProps } from "react";
+export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare function CollapsibleContent({ className, ...props }: ComponentProps<typeof CollapsiblePrimitive.Content>): import("react").JSX.Element;

package/dist/overlays/dialog.d.ts

@@ -0,0 +1,16 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import type { ComponentProps, HTMLAttributes } from "react";
+export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
+export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare function DialogOverlay({ className, ...props }: ComponentProps<typeof DialogPrimitive.Overlay>): import("react").JSX.Element;
+export type DialogContentProps = ComponentProps<typeof DialogPrimitive.Content> & {
+    closeDisabled?: boolean;
+    closeLabel?: string;
+};
+export declare function DialogContent({ children, className, closeDisabled, closeLabel, ...props }: DialogContentProps): import("react").JSX.Element;
+export declare function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>): import("react").JSX.Element;
+export declare function DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>): import("react").JSX.Element;

package/dist/overlays/index.d.ts

@@ -0,0 +1,10 @@
+/** Stable category path for `@you-agent-factory/components/overlays`. */
+export declare const COMPONENTS_CATEGORY: "overlays";
+export type ComponentsCategory = typeof COMPONENTS_CATEGORY;
+export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./collapsible";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./dialog";
+export type { DialogContentProps } from "./dialog";
+export { OVERLAY_DIALOG_BODY_CLASS, OVERLAY_DIALOG_CONTENT_SHELL_CLASS, OVERLAY_FORM_GROUP_CLASS, } from "./overlay-layout";
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./popover";
+export { ScrollArea, ScrollBar } from "./scroll-area";
+export type { ScrollAreaProps, ScrollBarProps } from "./scroll-area";

package/dist/overlays/index.js

@@ -0,0 +1,27 @@
+import { C, a, b, D, c, d, e, f, g, h, i, j, k, O, l, m, P, n, o, p, S, q } from "../chunks/scroll-area.js";
+const COMPONENTS_CATEGORY = "overlays";
+export {
+  COMPONENTS_CATEGORY,
+  C as Collapsible,
+  a as CollapsibleContent,
+  b as CollapsibleTrigger,
+  D as Dialog,
+  c as DialogClose,
+  d as DialogContent,
+  e as DialogDescription,
+  f as DialogFooter,
+  g as DialogHeader,
+  h as DialogOverlay,
+  i as DialogPortal,
+  j as DialogTitle,
+  k as DialogTrigger,
+  O as OVERLAY_DIALOG_BODY_CLASS,
+  l as OVERLAY_DIALOG_CONTENT_SHELL_CLASS,
+  m as OVERLAY_FORM_GROUP_CLASS,
+  P as Popover,
+  n as PopoverAnchor,
+  o as PopoverContent,
+  p as PopoverTrigger,
+  S as ScrollArea,
+  q as ScrollBar
+};

package/dist/overlays/overlay-layout.d.ts

@@ -0,0 +1,6 @@
+/** Interior stack for dialog header, body, and footer regions. */
+export declare const OVERLAY_FORM_GROUP_CLASS = "grid gap-layout-tight";
+/** Dialog and modal body regions between header and footer. */
+export declare const OVERLAY_DIALOG_BODY_CLASS = "grid gap-layout-group";
+/** Radix dialog content shell spacing for package-owned dialogs. */
+export declare const OVERLAY_DIALOG_CONTENT_SHELL_CLASS = "grid gap-layout-group p-layout-inset-dialog";

package/dist/overlays/popover.d.ts

@@ -0,0 +1,6 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import type { ComponentProps } from "react";
+export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
+export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function PopoverContent({ align, className, sideOffset, ...props }: ComponentProps<typeof PopoverPrimitive.Content>): import("react").JSX.Element;

package/dist/overlays/scroll-area.d.ts

@@ -0,0 +1,9 @@
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { type ComponentProps } from "react";
+export type ScrollAreaProps = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+    viewportClassName?: string;
+    viewportProps?: ComponentProps<typeof ScrollAreaPrimitive.Viewport>;
+};
+export declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<ScrollAreaProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type ScrollBarProps = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
+export declare const ScrollBar: import("react").ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/primitives/button-link.d.ts

@@ -0,0 +1,5 @@
+import { type AnchorHTMLAttributes } from "react";
+import { type ButtonProps } from "./button";
+export interface ButtonLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, Pick<ButtonProps, "size" | "tone"> {
+}
+export declare const ButtonLink: import("react").ForwardRefExoticComponent<ButtonLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/primitives/button.d.ts

@@ -0,0 +1,9 @@
+import { type ButtonHTMLAttributes } from "react";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+    loading?: boolean;
+    tone?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "warning";
+    size?: "default" | "icon" | "iconPill" | "lg" | "pill" | "sm";
+}
+export declare const buttonVariants: ({ className, size, tone, }: Pick<ButtonProps, "className" | "size" | "tone">) => string;
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/primitives/icon-button-shell.d.ts

@@ -0,0 +1,10 @@
+import { type ButtonProps } from "./button";
+declare const ICON_BUTTON_SHELL_TONE_CLASS: {
+    readonly dangerGhost: "text-on-surface-subtle hover:border-af-danger-border hover:bg-error-container hover:text-on-error-container";
+};
+type IconButtonShellTone = ButtonProps["tone"] | keyof typeof ICON_BUTTON_SHELL_TONE_CLASS;
+export interface IconButtonShellProps extends Omit<ButtonProps, "size" | "tone"> {
+    tone?: IconButtonShellTone;
+}
+export declare const IconButtonShell: import("react").ForwardRefExoticComponent<IconButtonShellProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/{src/primitives/index.ts → dist/primitives/index.d.ts}

@@ -1,8 +1,6 @@
 /** Stable category path for `@you-agent-factory/components/primitives`. */
-export const COMPONENTS_CATEGORY = "primitives" as const;
-
+export declare const COMPONENTS_CATEGORY: "primitives";
 export type ComponentsCategory = typeof COMPONENTS_CATEGORY;
-
 export { Button, buttonVariants } from "./button";
 export type { ButtonProps } from "./button";
 export { ButtonLink } from "./button-link";
@@ -11,21 +9,6 @@ export { IconButtonShell } from "./icon-button-shell";
 export type { IconButtonShellProps } from "./icon-button-shell";
 export { PackageText } from "./package-text";
 export type { PackageTextProps, PackageTextVariant } from "./package-text";
-
 export { Code, Heading, Label, Text } from "./typography";
 export type { CodeProps, HeadingProps, LabelProps, TextProps, TextVariant } from "./typography";
-
-export {
-  BODY_CODE_CLASS,
-  BODY_TEXT_CLASS,
-  CAPTION_TEXT_CLASS,
-  DENSE_BODY_TEXT_CLASS,
-  MUTED_TEXT_CLASS,
-  PAGE_HEADING_CLASS,
-  SECTION_HEADING_CLASS,
-  SUPPORTING_CODE_CLASS,
-  SUPPORTING_LABEL_CLASS,
-  SUPPORTING_TEXT_CLASS,
-  TEXT_TRUNCATE_CLASS,
-  TEXT_WRAP_CLASS,
-} from "./typography-roles";
+export { BODY_CODE_CLASS, BODY_TEXT_CLASS, CAPTION_TEXT_CLASS, DENSE_BODY_TEXT_CLASS, MUTED_TEXT_CLASS, PAGE_HEADING_CLASS, SECTION_HEADING_CLASS, SUPPORTING_CODE_CLASS, SUPPORTING_LABEL_CLASS, SUPPORTING_TEXT_CLASS, TEXT_TRUNCATE_CLASS, TEXT_WRAP_CLASS, } from "./typography-roles";

package/dist/primitives/index.js

@@ -0,0 +1,49 @@
+import { B, b } from "../chunks/button.js";
+import { B as B2, C, H, I, L, T } from "../chunks/typography.js";
+import { jsx } from "react/jsx-runtime";
+import { c as cn } from "../chunks/cn.js";
+import { a, B as B3, C as C2, D, M, P, S, b as b2, c, d, T as T2, e } from "../chunks/typography-roles.js";
+function PackageText({
+  children,
+  className,
+  variant = "body",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn(
+        variant === "title" ? "text-title-large" : "text-body-medium",
+        "text-on-surface",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+const COMPONENTS_CATEGORY = "primitives";
+export {
+  a as BODY_CODE_CLASS,
+  B3 as BODY_TEXT_CLASS,
+  B as Button,
+  B2 as ButtonLink,
+  C2 as CAPTION_TEXT_CLASS,
+  COMPONENTS_CATEGORY,
+  C as Code,
+  D as DENSE_BODY_TEXT_CLASS,
+  H as Heading,
+  I as IconButtonShell,
+  L as Label,
+  M as MUTED_TEXT_CLASS,
+  P as PAGE_HEADING_CLASS,
+  PackageText,
+  S as SECTION_HEADING_CLASS,
+  b2 as SUPPORTING_CODE_CLASS,
+  c as SUPPORTING_LABEL_CLASS,
+  d as SUPPORTING_TEXT_CLASS,
+  T2 as TEXT_TRUNCATE_CLASS,
+  e as TEXT_WRAP_CLASS,
+  T as Text,
+  b as buttonVariants
+};

package/dist/primitives/package-text.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentPropsWithoutRef } from "react";
+export type PackageTextVariant = "body" | "title";
+export type PackageTextProps = ComponentPropsWithoutRef<"p"> & {
+    variant?: PackageTextVariant;
+};
+export declare function PackageText({ children, className, variant, ...props }: PackageTextProps): import("react").JSX.Element;

package/dist/primitives/typography-roles.d.ts

@@ -0,0 +1,12 @@
+export declare const PAGE_HEADING_CLASS = "af-page-heading";
+export declare const SECTION_HEADING_CLASS = "af-section-heading";
+export declare const BODY_TEXT_CLASS = "af-body-text";
+export declare const SUPPORTING_TEXT_CLASS = "af-supporting-text";
+export declare const MUTED_TEXT_CLASS = "af-muted-text";
+export declare const CAPTION_TEXT_CLASS = "af-caption-text";
+export declare const DENSE_BODY_TEXT_CLASS = "af-dense-body-text";
+export declare const SUPPORTING_LABEL_CLASS = "af-supporting-label";
+export declare const BODY_CODE_CLASS = "af-body-code";
+export declare const SUPPORTING_CODE_CLASS = "af-supporting-code";
+export declare const TEXT_TRUNCATE_CLASS = "af-text-truncate";
+export declare const TEXT_WRAP_CLASS = "af-text-wrap";

package/dist/primitives/typography.d.ts

@@ -0,0 +1,36 @@
+import { type ElementType, type HTMLAttributes, type ReactNode } from "react";
+type TypographyElementProps = HTMLAttributes<HTMLElement> & {
+    as?: ElementType;
+    children?: ReactNode;
+    dateTime?: string;
+    htmlFor?: string;
+    type?: "button" | "reset" | "submit";
+};
+type TypographyOverflowProps = {
+    truncate?: boolean;
+    wrap?: boolean;
+};
+declare const TEXT_VARIANT_CLASS: {
+    readonly body: "af-body-text";
+    readonly supporting: "af-supporting-text";
+    readonly muted: "af-muted-text";
+    readonly caption: "af-caption-text";
+    readonly dense: "af-dense-body-text";
+};
+export type TextVariant = keyof typeof TEXT_VARIANT_CLASS;
+export interface TextProps extends TypographyElementProps, TypographyOverflowProps {
+    variant?: TextVariant;
+}
+export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLElement>>;
+export interface HeadingProps extends TypographyElementProps, TypographyOverflowProps {
+    level?: "page" | "section";
+}
+export declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLElement>>;
+export interface LabelProps extends TypographyElementProps, TypographyOverflowProps {
+}
+export declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLElement>>;
+export interface CodeProps extends TypographyElementProps {
+    size?: "body" | "supporting";
+}
+export declare const Code: import("react").ForwardRefExoticComponent<CodeProps & import("react").RefAttributes<HTMLElement>>;
+export {};

package/dist/recipes/index.d.ts

@@ -0,0 +1,14 @@
+/** Stable category path for `@you-agent-factory/components/recipes`. */
+export declare const COMPONENTS_CATEGORY: "recipes";
+export type ComponentsCategory = typeof COMPONENTS_CATEGORY;
+export { WidgetFrameDisclosure, WidgetFrameDisclosureIcon, WidgetFrameDisclosurePanel, WidgetFrameDisclosureTrigger, } from "./widget-frame-disclosure";
+export type { WidgetFrameDisclosureIconProps, WidgetFrameDisclosurePanelProps, WidgetFrameDisclosureProps, WidgetFrameDisclosureTriggerProps, } from "./widget-frame-disclosure";
+export { WidgetDetailCopy, WidgetEmptyState, WidgetEmptyStateText, WidgetEmptyStateTitle, WidgetSubtitle, } from "./widget-frame-content";
+export type { WidgetDetailCopyProps, WidgetEmptyStateProps, WidgetEmptyStateTextProps, WidgetEmptyStateTitleProps, WidgetSubtitleProps, } from "./widget-frame-content";
+export { WidgetFrameSkeleton } from "./widget-frame-skeleton";
+export { WidgetErrorState, WidgetLoadingState, WidgetSuccessState, } from "./widget-frame-states";
+export type { WidgetErrorStateProps, WidgetLoadingStateProps, WidgetSuccessStateProps, } from "./widget-frame-states";
+export { WIDGET_FRAME_MIN_WIDTH_CLASS, WIDGET_FRAME_OVERFLOW_TOLERANCE_PX, WIDGET_FRAME_RESPONSIVE_SHELL_CLASS, WIDGET_FRAME_STORY_SHELL_DATA_ATTR, WIDGET_FRAME_WIDE_BODY_CLASS, widgetFrameDetailCardClass, widgetFrameHasNoHorizontalOverflow, widgetFrameStoryShellStyle, } from "./widget-frame-layout";
+export { WidgetFrame } from "./widget-frame";
+export type { WidgetFrameProps } from "./widget-frame";
+export { WIDGET_FRAME_BODY_TEXT_CLASS, WIDGET_FRAME_SECTION_HEADING_CLASS, WIDGET_FRAME_SUBTITLE_CLASS, WIDGET_FRAME_SUPPORTING_LABEL_CLASS, WIDGET_FRAME_SUPPORTING_LABELS_CLASS, } from "./widget-frame-typography";

package/dist/recipes/index.js

@@ -0,0 +1,32 @@
+import { W, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z } from "../chunks/widget-frame.js";
+const COMPONENTS_CATEGORY = "recipes";
+export {
+  COMPONENTS_CATEGORY,
+  W as WIDGET_FRAME_BODY_TEXT_CLASS,
+  a as WIDGET_FRAME_MIN_WIDTH_CLASS,
+  b as WIDGET_FRAME_OVERFLOW_TOLERANCE_PX,
+  c as WIDGET_FRAME_RESPONSIVE_SHELL_CLASS,
+  d as WIDGET_FRAME_SECTION_HEADING_CLASS,
+  e as WIDGET_FRAME_STORY_SHELL_DATA_ATTR,
+  f as WIDGET_FRAME_SUBTITLE_CLASS,
+  g as WIDGET_FRAME_SUPPORTING_LABELS_CLASS,
+  h as WIDGET_FRAME_SUPPORTING_LABEL_CLASS,
+  i as WIDGET_FRAME_WIDE_BODY_CLASS,
+  j as WidgetDetailCopy,
+  k as WidgetEmptyState,
+  l as WidgetEmptyStateText,
+  m as WidgetEmptyStateTitle,
+  n as WidgetErrorState,
+  o as WidgetFrame,
+  p as WidgetFrameDisclosure,
+  q as WidgetFrameDisclosureIcon,
+  r as WidgetFrameDisclosurePanel,
+  s as WidgetFrameDisclosureTrigger,
+  t as WidgetFrameSkeleton,
+  u as WidgetLoadingState,
+  v as WidgetSubtitle,
+  w as WidgetSuccessState,
+  x as widgetFrameDetailCardClass,
+  y as widgetFrameHasNoHorizontalOverflow,
+  z as widgetFrameStoryShellStyle
+};

package/dist/recipes/widget-frame-content.d.ts

@@ -0,0 +1,24 @@
+import type { ElementType, HTMLAttributes, ReactNode } from "react";
+export interface WidgetSubtitleProps extends HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+    children: ReactNode;
+}
+export declare function WidgetSubtitle({ as: Component, children, className, ...props }: WidgetSubtitleProps): import("react").JSX.Element;
+export interface WidgetDetailCopyProps extends HTMLAttributes<HTMLParagraphElement> {
+    children: ReactNode;
+}
+export declare function WidgetDetailCopy({ children, className, ...props }: WidgetDetailCopyProps): import("react").JSX.Element;
+export interface WidgetEmptyStateProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    compact?: boolean;
+}
+export declare function WidgetEmptyState({ children, className, compact, ...props }: WidgetEmptyStateProps): import("react").JSX.Element;
+export interface WidgetEmptyStateTitleProps extends HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+    children: ReactNode;
+}
+export declare function WidgetEmptyStateTitle({ as: Component, children, className, ...props }: WidgetEmptyStateTitleProps): import("react").JSX.Element;
+export interface WidgetEmptyStateTextProps extends HTMLAttributes<HTMLParagraphElement> {
+    children: ReactNode;
+}
+export declare function WidgetEmptyStateText({ children, className, ...props }: WidgetEmptyStateTextProps): import("react").JSX.Element;

package/dist/recipes/widget-frame-disclosure.d.ts

@@ -0,0 +1,33 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from "react";
+export interface WidgetFrameDisclosureProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function WidgetFrameDisclosure({ children, className, ...props }: WidgetFrameDisclosureProps): import("react").JSX.Element;
+export interface WidgetFrameDisclosureIconProps {
+    expanded: boolean;
+    className?: string;
+}
+export declare function WidgetFrameDisclosureIcon({ className, expanded, }: WidgetFrameDisclosureIconProps): import("react").JSX.Element;
+type WidgetFrameDisclosureTriggerBaseProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-expanded" | "aria-controls" | "children" | "type"> & {
+    controlsID: string;
+    expanded: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    type?: "button";
+};
+type WidgetFrameDisclosureTriggerWithLabelProps = WidgetFrameDisclosureTriggerBaseProps & {
+    children: ReactNode;
+    "aria-label"?: string;
+};
+type WidgetFrameDisclosureTriggerIconOnlyProps = WidgetFrameDisclosureTriggerBaseProps & {
+    children?: never;
+    "aria-label": string;
+};
+export type WidgetFrameDisclosureTriggerProps = WidgetFrameDisclosureTriggerWithLabelProps | WidgetFrameDisclosureTriggerIconOnlyProps;
+export declare const WidgetFrameDisclosureTrigger: import("react").ForwardRefExoticComponent<WidgetFrameDisclosureTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface WidgetFrameDisclosurePanelProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    expanded: boolean;
+    id: string;
+}
+export declare function WidgetFrameDisclosurePanel({ children, className, expanded, id, ...props }: WidgetFrameDisclosurePanelProps): import("react").JSX.Element;
+export {};

package/dist/recipes/widget-frame-layout.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties } from "react";
+export declare const WIDGET_FRAME_MIN_WIDTH_CLASS = "min-w-0";
+export declare const WIDGET_FRAME_WIDE_BODY_CLASS = "min-h-72";
+export declare const WIDGET_FRAME_RESPONSIVE_SHELL_CLASS = "min-w-0 w-full";
+export declare const WIDGET_FRAME_STORY_SHELL_DATA_ATTR = "data-widget-frame-story-shell";
+export declare const WIDGET_FRAME_OVERFLOW_TOLERANCE_PX = 1;
+/** Detail-card layout recipe for description lists inside widget frames. */
+export declare const widgetFrameDetailCardClass: string;
+export declare function widgetFrameStoryShellStyle(maxWidth: string): {
+    style: CSSProperties;
+};
+export declare function widgetFrameHasNoHorizontalOverflow(element: HTMLElement, tolerancePx?: number): boolean;

package/dist/recipes/widget-frame-skeleton.d.ts

@@ -0,0 +1,2 @@
+import type { HTMLAttributes } from "react";
+export declare function WidgetFrameSkeleton({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/dist/recipes/widget-frame-states.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface WidgetLoadingStateProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    placeholder?: ReactNode;
+    showDefaultPlaceholder?: boolean;
+}
+export declare function WidgetLoadingState({ children, className, placeholder, showDefaultPlaceholder, ...props }: WidgetLoadingStateProps): import("react").JSX.Element;
+export interface WidgetErrorStateProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function WidgetErrorState({ children, className, ...props }: WidgetErrorStateProps): import("react").JSX.Element;
+export interface WidgetSuccessStateProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function WidgetSuccessState({ children, className, ...props }: WidgetSuccessStateProps): import("react").JSX.Element;

package/dist/recipes/widget-frame-typography.d.ts

@@ -0,0 +1,10 @@
+/** Section heading typography for widget frame titles and empty-state headings. */
+export declare const WIDGET_FRAME_SECTION_HEADING_CLASS = "text-title-large uppercase text-on-surface";
+/** Body copy typography for widget frame detail regions. */
+export declare const WIDGET_FRAME_BODY_TEXT_CLASS = "text-body-medium text-on-surface-variant";
+/** Monospace subtitle typography for metric and metadata values. */
+export declare const WIDGET_FRAME_SUBTITLE_CLASS = "font-mono text-display-small text-on-surface-variant [overflow-wrap:anywhere]";
+/** Supporting label typography for description-list terms. */
+export declare const WIDGET_FRAME_SUPPORTING_LABEL_CLASS = "text-label-medium uppercase text-on-surface-subtle";
+/** Description-list label styling for widget detail cards. */
+export declare const WIDGET_FRAME_SUPPORTING_LABELS_CLASS = "[&_dt]:text-label-medium [&_dt]:uppercase [&_dt]:text-on-surface-subtle";

package/dist/recipes/widget-frame.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface WidgetFrameProps {
+    bodyClassName?: string;
+    bodyProps?: HTMLAttributes<HTMLDivElement>;
+    bodyScroll?: boolean;
+    children: ReactNode;
+    className?: string;
+    headerAction?: ReactNode;
+    title: string;
+    wide?: boolean;
+}
+export declare function WidgetFrame({ bodyClassName, bodyProps, bodyScroll, children, className, headerAction, title, wide, }: WidgetFrameProps): import("react").JSX.Element;