@you-agent-factory/components 0.0.0 → 0.0.2

package/dist/chunks/typography.js

@@ -0,0 +1,129 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { B as Button } from "./button.js";
+import { c as cn } from "./cn.js";
+import { a as BODY_CODE_CLASS, b as SUPPORTING_CODE_CLASS, P as PAGE_HEADING_CLASS, S as SECTION_HEADING_CLASS, c as SUPPORTING_LABEL_CLASS, D as DENSE_BODY_TEXT_CLASS, C as CAPTION_TEXT_CLASS, M as MUTED_TEXT_CLASS, d as SUPPORTING_TEXT_CLASS, B as BODY_TEXT_CLASS, T as TEXT_TRUNCATE_CLASS, e as TEXT_WRAP_CLASS } from "./typography-roles.js";
+const ButtonLink = forwardRef(
+  function ButtonLink2({ children, className, size = "default", tone = "default", ...props }, ref) {
+    return /* @__PURE__ */ jsx(Button, { asChild: true, className, size, tone, children: /* @__PURE__ */ jsx("a", { ref, ...props, children }) });
+  }
+);
+const ICON_BUTTON_SHELL_BASE_CLASS = "relative shrink-0";
+const ICON_BUTTON_SHELL_SIZE_CLASS = "h-10 w-10 rounded-lg";
+const ICON_BUTTON_SHELL_TONE_CLASS = {
+  dangerGhost: "text-on-surface-subtle hover:border-af-danger-border hover:bg-error-container hover:text-on-error-container"
+};
+const IconButtonShell = forwardRef(function IconButtonShell2({ className, tone = "outline", ...props }, ref) {
+  const buttonTone = tone === "dangerGhost" ? "ghost" : tone;
+  const toneClassName = tone === "dangerGhost" ? ICON_BUTTON_SHELL_TONE_CLASS.dangerGhost : void 0;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      className: cn(
+        ICON_BUTTON_SHELL_BASE_CLASS,
+        ICON_BUTTON_SHELL_SIZE_CLASS,
+        toneClassName,
+        className
+      ),
+      ref,
+      size: "icon",
+      tone: buttonTone,
+      ...props
+    }
+  );
+});
+function typographyOverflowClass({
+  truncate,
+  wrap
+}) {
+  if (truncate) {
+    return TEXT_TRUNCATE_CLASS;
+  }
+  if (wrap) {
+    return TEXT_WRAP_CLASS;
+  }
+  return void 0;
+}
+const TEXT_VARIANT_CLASS = {
+  body: BODY_TEXT_CLASS,
+  supporting: SUPPORTING_TEXT_CLASS,
+  muted: MUTED_TEXT_CLASS,
+  caption: CAPTION_TEXT_CLASS,
+  dense: DENSE_BODY_TEXT_CLASS
+};
+const Text = forwardRef(function Text2({
+  as: Component = "p",
+  children,
+  className,
+  truncate,
+  variant = "body",
+  wrap,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(
+        TEXT_VARIANT_CLASS[variant],
+        typographyOverflowClass({ truncate, wrap }),
+        className
+      ),
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+const Heading = forwardRef(function Heading2({ as, children, className, level = "section", truncate, wrap, ...props }, ref) {
+  const Component = as ?? (level === "page" ? "h1" : "h3");
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(
+        level === "page" ? PAGE_HEADING_CLASS : SECTION_HEADING_CLASS,
+        typographyOverflowClass({ truncate, wrap }),
+        className
+      ),
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+const Label = forwardRef(function Label2({ as: Component = "span", children, className, truncate, wrap, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(
+        SUPPORTING_LABEL_CLASS,
+        typographyOverflowClass({ truncate, wrap }),
+        className
+      ),
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+const Code = forwardRef(function Code2({ as: Component = "code", children, className, size = "body", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(
+        size === "body" ? BODY_CODE_CLASS : SUPPORTING_CODE_CLASS,
+        className
+      ),
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+export {
+  ButtonLink as B,
+  Code as C,
+  Heading as H,
+  IconButtonShell as I,
+  Label as L,
+  Text as T
+};

package/dist/chunks/widget-frame.js

@@ -0,0 +1,344 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { c as cn } from "./cn.js";
+const WIDGET_FRAME_SECTION_HEADING_CLASS = "text-title-large uppercase text-on-surface";
+const WIDGET_FRAME_BODY_TEXT_CLASS = "text-body-medium text-on-surface-variant";
+const WIDGET_FRAME_SUBTITLE_CLASS = "font-mono text-display-small text-on-surface-variant [overflow-wrap:anywhere]";
+const WIDGET_FRAME_SUPPORTING_LABEL_CLASS = "text-label-medium uppercase text-on-surface-subtle";
+const WIDGET_FRAME_SUPPORTING_LABELS_CLASS = "[&_dt]:text-label-medium [&_dt]:uppercase [&_dt]:text-on-surface-subtle";
+const WIDGET_FRAME_DISCLOSURE_CLASS = "grid min-w-0 gap-2.5";
+const WIDGET_FRAME_DISCLOSURE_TRIGGER_CLASS = cn(
+  "inline-flex min-h-9 shrink-0 cursor-pointer items-center justify-center gap-1.5 rounded-lg border border-outline bg-surface-container-high px-2.5 py-2 text-on-surface-variant transition hover:border-outline-variant hover:bg-af-overlay hover:text-on-surface focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-af-accent disabled:cursor-not-allowed disabled:border-outline disabled:bg-surface-container-low disabled:text-on-surface-disabled",
+  WIDGET_FRAME_BODY_TEXT_CLASS
+);
+const WIDGET_FRAME_DISCLOSURE_ICON_CLASS = "h-3.5 w-3.5 shrink-0 text-current transition-transform duration-150";
+function WidgetFrameDisclosure({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn(WIDGET_FRAME_DISCLOSURE_CLASS, className), ...props, children });
+}
+function WidgetFrameDisclosureIcon({
+  className,
+  expanded
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        WIDGET_FRAME_DISCLOSURE_ICON_CLASS,
+        expanded ? "rotate-180" : "rotate-0",
+        className
+      ),
+      fill: "none",
+      focusable: "false",
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4 6l4 4 4-4",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+const WidgetFrameDisclosureTrigger = forwardRef(function WidgetFrameDisclosureTrigger2({
+  children,
+  className,
+  controlsID,
+  expanded,
+  onClick,
+  onExpandedChange,
+  type = "button",
+  ...props
+}, ref) {
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (!event.defaultPrevented) {
+      onExpandedChange?.(!expanded);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      "aria-controls": controlsID,
+      "aria-expanded": expanded,
+      className: cn(WIDGET_FRAME_DISCLOSURE_TRIGGER_CLASS, className),
+      onClick: handleClick,
+      ref,
+      type,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(WidgetFrameDisclosureIcon, { expanded }),
+        children
+      ]
+    }
+  );
+});
+function WidgetFrameDisclosurePanel({
+  children,
+  className,
+  expanded,
+  id,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("min-w-0", className),
+      hidden: !expanded,
+      id,
+      ...props,
+      children
+    }
+  );
+}
+const WIDGET_SUBTITLE_CLASS = cn("mt-0", WIDGET_FRAME_SUBTITLE_CLASS);
+const DETAIL_COPY_CLASS = cn("m-0", WIDGET_FRAME_BODY_TEXT_CLASS);
+const EMPTY_STATE_CLASS = "grid min-h-60 items-start gap-1.5 rounded-2xl border border-dashed border-outline-variant bg-surface-container-low p-5 [&_h3]:m-0";
+const EMPTY_STATE_COMPACT_CLASS = "min-h-0";
+function WidgetSubtitle({
+  as: Component = "p",
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Component, { className: cn(WIDGET_SUBTITLE_CLASS, className), ...props, children });
+}
+function WidgetDetailCopy({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("p", { className: cn(DETAIL_COPY_CLASS, className), ...props, children });
+}
+function WidgetEmptyState({
+  children,
+  className,
+  compact = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        EMPTY_STATE_CLASS,
+        compact && EMPTY_STATE_COMPACT_CLASS,
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function WidgetEmptyStateTitle({
+  as: Component = "h3",
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(WIDGET_FRAME_SECTION_HEADING_CLASS, className),
+      ...props,
+      children
+    }
+  );
+}
+function WidgetEmptyStateText({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("p", { className: cn("m-0", WIDGET_FRAME_BODY_TEXT_CLASS, className), ...props, children });
+}
+function WidgetFrameSkeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: cn("animate-pulse rounded-xl bg-af-overlay", className),
+      ...props
+    }
+  );
+}
+const WIDGET_STATE_PANEL_CLASS = "grid gap-2";
+const WIDGET_ERROR_STATE_CLASS = "rounded-2xl border border-af-danger-border bg-error-container p-5 text-on-error-container";
+const WIDGET_SUCCESS_STATE_CLASS = "rounded-2xl border border-af-success-border bg-success-container p-5 text-on-success-container";
+const WIDGET_LOADING_PLACEHOLDER_CLASS = "grid gap-2 pt-2";
+function WidgetLoadingState({
+  children,
+  className,
+  placeholder,
+  showDefaultPlaceholder = true,
+  ...props
+}) {
+  const resolvedPlaceholder = placeholder ?? (showDefaultPlaceholder ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(WidgetFrameSkeleton, { className: "h-4 w-full max-w-48" }),
+    /* @__PURE__ */ jsx(WidgetFrameSkeleton, { className: "h-24 w-full" }),
+    /* @__PURE__ */ jsx(WidgetFrameSkeleton, { className: "h-4 w-full max-w-48" })
+  ] }) : null);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-busy": "true",
+      className: cn(WIDGET_STATE_PANEL_CLASS, className),
+      role: "status",
+      ...props,
+      children: [
+        children,
+        resolvedPlaceholder ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: WIDGET_LOADING_PLACEHOLDER_CLASS,
+            children: resolvedPlaceholder
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function WidgetErrorState({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(WIDGET_ERROR_STATE_CLASS, WIDGET_STATE_PANEL_CLASS, className),
+      role: "alert",
+      ...props,
+      children
+    }
+  );
+}
+function WidgetSuccessState({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        WIDGET_SUCCESS_STATE_CLASS,
+        WIDGET_STATE_PANEL_CLASS,
+        className
+      ),
+      role: "status",
+      ...props,
+      children
+    }
+  );
+}
+const WIDGET_FRAME_MIN_WIDTH_CLASS = "min-w-0";
+const WIDGET_FRAME_WIDE_BODY_CLASS = "min-h-72";
+const WIDGET_FRAME_RESPONSIVE_SHELL_CLASS = "min-w-0 w-full";
+const WIDGET_FRAME_STORY_SHELL_DATA_ATTR = "data-widget-frame-story-shell";
+const WIDGET_FRAME_OVERFLOW_TOLERANCE_PX = 1;
+const widgetFrameDetailCardClass = cn(
+  "[&_dd]:m-0 [&_dl]:m-0 [&_dl]:grid [&_dl]:gap-3 [&_dl_div:first-child]:border-t-0 [&_dl_div:first-child]:pt-0 [&_dl_div]:border-t [&_dl_div]:border-outline [&_dl_div]:pt-3 [&_dt]:mb-1 [&_h3]:mt-0",
+  WIDGET_FRAME_SUPPORTING_LABELS_CLASS
+);
+function widgetFrameStoryShellStyle(maxWidth) {
+  return {
+    style: {
+      maxWidth,
+      padding: "1rem",
+      width: "100%"
+    }
+  };
+}
+function widgetFrameHasNoHorizontalOverflow(element, tolerancePx = WIDGET_FRAME_OVERFLOW_TOLERANCE_PX) {
+  return element.scrollWidth <= element.clientWidth + tolerancePx;
+}
+const WIDGET_FRAME_SHELL_CLASS = "flex min-w-0 flex-col rounded-lg border border-outline bg-surface-container-high text-on-surface shadow-af-card";
+const WIDGET_FRAME_SCROLL_CLASS = "overflow-hidden";
+const WIDGET_FRAME_HEADER_CLASS = "relative z-10 flex min-h-13 shrink-0 items-center justify-between gap-3 border-b border-outline bg-surface-container-high px-3.5 py-3";
+const WIDGET_FRAME_HEADER_TOOLS_CLASS = "flex min-w-0 shrink-0 items-center gap-2";
+const WIDGET_FRAME_BODY_SCROLL_CLASS = "min-h-0 flex-1 overflow-auto";
+const WIDGET_FRAME_BODY_CLASS = cn(
+  "grid min-h-0 gap-2.5 px-3.5 pt-3.5 pb-4 [&>*]:pb-1 [&_p]:m-0",
+  WIDGET_FRAME_BODY_TEXT_CLASS
+);
+function WidgetFrame({
+  bodyClassName,
+  bodyProps,
+  bodyScroll = true,
+  children,
+  className,
+  headerAction,
+  title,
+  wide = false
+}) {
+  const cardClassName = cn(
+    WIDGET_FRAME_SHELL_CLASS,
+    WIDGET_FRAME_MIN_WIDTH_CLASS,
+    widgetFrameDetailCardClass,
+    wide && WIDGET_FRAME_WIDE_BODY_CLASS,
+    bodyScroll && WIDGET_FRAME_SCROLL_CLASS,
+    className
+  );
+  const cardBodyClassName = cn(WIDGET_FRAME_BODY_CLASS, bodyClassName);
+  const bodyClassNames = cn(
+    "min-h-0 flex-1",
+    bodyScroll && WIDGET_FRAME_BODY_SCROLL_CLASS,
+    cardBodyClassName
+  );
+  return /* @__PURE__ */ jsxs("article", { "aria-label": title, className: cardClassName, children: [
+    /* @__PURE__ */ jsxs("header", { className: WIDGET_FRAME_HEADER_CLASS, children: [
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx("h3", { className: "m-0 min-w-0 flex-1 text-title-large uppercase text-on-surface [overflow-wrap:anywhere]", children: title }) }),
+      /* @__PURE__ */ jsx("div", { className: WIDGET_FRAME_HEADER_TOOLS_CLASS, children: headerAction ?? /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "block h-10 w-10 shrink-0",
+          "data-widget-frame-header-action-spacer": "true"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: bodyClassNames, ...bodyProps, children })
+  ] });
+}
+export {
+  WIDGET_FRAME_BODY_TEXT_CLASS as W,
+  WIDGET_FRAME_MIN_WIDTH_CLASS as a,
+  WIDGET_FRAME_OVERFLOW_TOLERANCE_PX as b,
+  WIDGET_FRAME_RESPONSIVE_SHELL_CLASS as c,
+  WIDGET_FRAME_SECTION_HEADING_CLASS as d,
+  WIDGET_FRAME_STORY_SHELL_DATA_ATTR as e,
+  WIDGET_FRAME_SUBTITLE_CLASS as f,
+  WIDGET_FRAME_SUPPORTING_LABELS_CLASS as g,
+  WIDGET_FRAME_SUPPORTING_LABEL_CLASS as h,
+  WIDGET_FRAME_WIDE_BODY_CLASS as i,
+  WidgetDetailCopy as j,
+  WidgetEmptyState as k,
+  WidgetEmptyStateText as l,
+  WidgetEmptyStateTitle as m,
+  WidgetErrorState as n,
+  WidgetFrame as o,
+  WidgetFrameDisclosure as p,
+  WidgetFrameDisclosureIcon as q,
+  WidgetFrameDisclosurePanel as r,
+  WidgetFrameDisclosureTrigger as s,
+  WidgetFrameSkeleton as t,
+  WidgetLoadingState as u,
+  WidgetSubtitle as v,
+  WidgetSuccessState as w,
+  widgetFrameDetailCardClass as x,
+  widgetFrameHasNoHorizontalOverflow as y,
+  widgetFrameStoryShellStyle as z
+};

package/dist/data-display/code-panel.d.ts

@@ -0,0 +1,12 @@
+import { type HTMLAttributes } from "react";
+type CodePanelPadding = "compact" | "default";
+type CodePanelSurface = "high" | "low";
+type CodePanelMaxHeight = "none" | "sm" | "md" | "lg";
+export interface CodePanelProps extends HTMLAttributes<HTMLPreElement> {
+    maxHeight?: CodePanelMaxHeight;
+    padding?: CodePanelPadding;
+    surface?: CodePanelSurface;
+}
+export declare function codePanelVariants({ className, maxHeight, padding, surface, }: Pick<CodePanelProps, "className" | "maxHeight" | "padding" | "surface">): string;
+export declare const CodePanel: import("react").ForwardRefExoticComponent<CodePanelProps & import("react").RefAttributes<HTMLPreElement>>;
+export {};

package/dist/data-display/data-table.d.ts

@@ -0,0 +1,27 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import { type TableSize } from "./table";
+export type DataTableState = "empty" | "error" | "loading" | "success";
+export interface DataTableColumn<Row> {
+    cell: (row: Row) => ReactNode;
+    header: ReactNode;
+    id: string;
+    cellClassName?: string;
+    headerClassName?: string;
+}
+export interface DataTableProps<Row> {
+    columns: DataTableColumn<Row>[];
+    data: Row[];
+    getRowKey: (row: Row) => string;
+    ariaLabel?: string;
+    caption?: ReactNode;
+    containerClassName?: string;
+    containerProps?: HTMLAttributes<HTMLDivElement>;
+    emptyMessage?: ReactNode;
+    errorMessage?: ReactNode;
+    loadingMessage?: ReactNode;
+    rowClassName?: (row: Row) => string | undefined;
+    size?: TableSize;
+    state?: DataTableState;
+    tableClassName?: string;
+}
+export declare function DataTable<Row>({ columns, data, getRowKey, ariaLabel, caption, containerClassName, containerProps, emptyMessage, errorMessage, loadingMessage, rowClassName, size, state, tableClassName, }: DataTableProps<Row>): import("react").JSX.Element;

package/dist/data-display/description-list.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLAttributes } from "react";
+export interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
+}
+export declare const DescriptionList: import("react").ForwardRefExoticComponent<DescriptionListProps & import("react").RefAttributes<HTMLDListElement>>;

package/{src/data-display/index.ts → dist/data-display/index.d.ts}

@@ -1,34 +1,12 @@
 /** Stable category path for `@you-agent-factory/components/data-display`. */
-export const COMPONENTS_CATEGORY = "data-display" as const;
-
+export declare const COMPONENTS_CATEGORY: "data-display";
 export type ComponentsCategory = typeof COMPONENTS_CATEGORY;
-
 export { CodePanel, codePanelVariants } from "./code-panel";
 export type { CodePanelProps } from "./code-panel";
 export { DescriptionList } from "./description-list";
 export type { DescriptionListProps } from "./description-list";
-
 export { DataTable } from "./data-table";
-export type {
-  DataTableColumn,
-  DataTableProps,
-  DataTableState,
-} from "./data-table";
-
-export {
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "./table";
+export type { DataTableColumn, DataTableProps, DataTableState, } from "./data-table";
+export { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, } from "./table";
 export type { TableProps, TableSize } from "./table";
-
-export {
-  tableCellTruncateClassName,
-  tableCellWrapClassName,
-  tableMinWidthWideClassName,
-  tableNarrowContainerClassName,
-} from "./table-layout";
+export { tableCellTruncateClassName, tableCellWrapClassName, tableMinWidthWideClassName, tableNarrowContainerClassName, } from "./table-layout";

package/dist/data-display/index.js

@@ -0,0 +1,20 @@
+import { C, D, a, T, b, c, d, e, f, g, h, t, i, j, k } from "../chunks/table-layout.js";
+const COMPONENTS_CATEGORY = "data-display";
+export {
+  COMPONENTS_CATEGORY,
+  C as CodePanel,
+  D as DataTable,
+  a as DescriptionList,
+  T as Table,
+  b as TableBody,
+  c as TableCaption,
+  d as TableCell,
+  e as TableHead,
+  f as TableHeader,
+  g as TableRow,
+  h as codePanelVariants,
+  t as tableCellTruncateClassName,
+  i as tableCellWrapClassName,
+  j as tableMinWidthWideClassName,
+  k as tableNarrowContainerClassName
+};

package/dist/data-display/table-layout.d.ts

@@ -0,0 +1,8 @@
+/** Wrap long cell content without forcing page-level horizontal overflow. */
+export declare const tableCellWrapClassName = "min-w-0 [overflow-wrap:anywhere]";
+/** Truncate overflowing cell content with ellipsis. */
+export declare const tableCellTruncateClassName = "block min-w-0 max-w-full truncate whitespace-nowrap";
+/** Minimum table width for wide datasets; pair with a narrow scroll container. */
+export declare const tableMinWidthWideClassName = "min-w-2xl";
+/** Scroll container classes for narrow viewport table containment. */
+export declare const tableNarrowContainerClassName = "min-w-0 overscroll-x-contain";

package/dist/data-display/table.d.ts

@@ -0,0 +1,14 @@
+import { type HTMLAttributes, type TableHTMLAttributes, type TdHTMLAttributes, type ThHTMLAttributes } from "react";
+export type TableSize = "default" | "dense";
+export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+    containerClassName?: string;
+    containerProps?: HTMLAttributes<HTMLDivElement>;
+    size?: TableSize;
+}
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare const TableRow: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & import("react").RefAttributes<HTMLTableRowElement>>;
+export declare const TableHead: import("react").ForwardRefExoticComponent<ThHTMLAttributes<HTMLTableCellElement> & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const TableCell: import("react").ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const TableCaption: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableCaptionElement> & import("react").RefAttributes<HTMLTableCaptionElement>>;

package/dist/factory-emulator/factory-emulator-controls.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes } from "react";
+export declare const FACTORY_EMULATOR_SPEEDS: readonly [0.5, 1, 2, 4];
+export type FactoryEmulatorSpeed = (typeof FACTORY_EMULATOR_SPEEDS)[number];
+export type FactoryEmulatorAction = "pause" | "play" | "restart" | "step";
+export interface FactoryEmulatorRuntimeStatus {
+    label: string;
+    tone?: "danger" | "neutral" | "success" | "warning";
+}
+export interface FactoryEmulatorControlsProps extends Omit<HTMLAttributes<HTMLElement>, "onChange"> {
+    disabledActions?: readonly FactoryEmulatorAction[];
+    isPlaying: boolean;
+    onPause: () => void;
+    onPlay: () => void;
+    onRestart: () => void;
+    onSpeedChange: (speed: FactoryEmulatorSpeed) => void;
+    onStep: () => void;
+    runtimeStatus: FactoryEmulatorRuntimeStatus;
+    showPlaybackActions?: boolean;
+    showRuntimeStatus?: boolean;
+    showSpeedControl?: boolean;
+    speed: FactoryEmulatorSpeed;
+}
+export declare function FactoryEmulatorControls({ className, disabledActions, isPlaying, onPause, onPlay, onRestart, onSpeedChange, onStep, runtimeStatus, showPlaybackActions, showRuntimeStatus, showSpeedControl, speed, ...props }: FactoryEmulatorControlsProps): import("react").JSX.Element;

package/dist/factory-emulator/index.d.ts

@@ -0,0 +1,6 @@
+/** Controlled, host-state-owned Factory emulator visualizer components. */
+/** Stable category path for `@you-agent-factory/components/factory-emulator`. */
+export declare const COMPONENTS_CATEGORY: "factory-emulator";
+export type ComponentsCategory = typeof COMPONENTS_CATEGORY;
+export { FactoryEmulatorControls } from "./factory-emulator-controls";
+export type { FactoryEmulatorAction, FactoryEmulatorControlsProps, FactoryEmulatorRuntimeStatus, FactoryEmulatorSpeed, } from "./factory-emulator-controls";

package/dist/factory-emulator/index.js

@@ -0,0 +1,6 @@
+import { F } from "../chunks/factory-emulator-controls.js";
+const COMPONENTS_CATEGORY = "factory-emulator";
+export {
+  COMPONENTS_CATEGORY,
+  F as FactoryEmulatorControls
+};

package/dist/feedback/alert-panel-semantics.d.ts

@@ -0,0 +1,11 @@
+import type { AlertPanelTone, AlertPanelVariant } from "./alert-panel";
+export type AlertPanelSemanticVariant = "danger" | "empty" | "error" | "info" | "loading" | "neutral" | "success" | "warning";
+export interface AlertPanelSemanticConfig {
+    busy?: boolean;
+    role: "alert" | "status";
+    statusLabel?: string;
+    tone: AlertPanelTone;
+    variant: AlertPanelVariant;
+}
+export declare const ALERT_PANEL_SEMANTIC_CONFIG: Record<AlertPanelSemanticVariant, AlertPanelSemanticConfig>;
+export declare function resolveAlertPanelSemantic(semantic: AlertPanelSemanticVariant): AlertPanelSemanticConfig;