@actioneer/ads 0.1.0

package/components/checkbox.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    indeterminate?: boolean;
+    size?: "sm" | "md";
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export interface CheckboxGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    orientation?: "vertical" | "horizontal";
+}
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;

package/components/checkbox.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+import { Minus as u, Check as f } from "../lib/icons.js";
+import { cn as l } from "../lib/cn.js";
+import { Field as m } from "./field.js";
+const b = {
+  sm: "size-4 [&_svg]:size-3",
+  md: "size-4.5 [&_svg]:size-3.5"
+}, x = s.forwardRef(
+  ({ className: i, children: t, indeterminate: o = !1, size: a = "md", disabled: n, ...c }, d) => {
+    const r = s.useRef(null);
+    return s.useImperativeHandle(d, () => r.current), s.useEffect(() => {
+      r.current && (r.current.indeterminate = o);
+    }, [o]), /* @__PURE__ */ p(
+      "label",
+      {
+        className: l(
+          "group inline-flex items-center gap-2 text-xs text-foreground select-none",
+          n ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+          i
+        ),
+        children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              ref: r,
+              type: "checkbox",
+              disabled: n,
+              className: "peer sr-only",
+              ...c
+            }
+          ),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              "aria-hidden": !0,
+              className: l(
+                "flex shrink-0 items-center justify-center rounded-sm border border-input bg-elevated text-brand-foreground",
+                "transition-[background,border,box-shadow] duration-(--duration-fast)",
+                "peer-checked:border-brand peer-checked:bg-brand",
+                "peer-indeterminate:border-brand peer-indeterminate:bg-brand",
+                "peer-focus-visible:ring-3 peer-focus-visible:ring-ring",
+                b[a]
+              ),
+              children: o ? /* @__PURE__ */ e(u, { strokeWidth: 3 }) : /* @__PURE__ */ e(f, { className: "opacity-0 group-has-[:checked]:opacity-100", strokeWidth: 3 })
+            }
+          ),
+          t && /* @__PURE__ */ e("span", { children: t })
+        ]
+      }
+    );
+  }
+);
+x.displayName = "Checkbox";
+const h = s.forwardRef(
+  ({ className: i, label: t, description: o, error: a, orientation: n = "vertical", children: c, ...d }, r) => /* @__PURE__ */ e(
+    m,
+    {
+      ref: r,
+      label: t,
+      description: o,
+      error: a,
+      role: "group",
+      className: i,
+      ...d,
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: l(
+            "flex gap-3",
+            n === "vertical" ? "flex-col" : "flex-row flex-wrap"
+          ),
+          children: c
+        }
+      )
+    }
+  )
+);
+h.displayName = "CheckboxGroup";
+export {
+  x as Checkbox,
+  h as CheckboxGroup
+};

package/components/chip.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const chipVariants: (props?: ({
+    variant?: "soft" | "solid" | "outline" | "dot" | null | undefined;
+    color?: "success" | "warning" | "danger" | "info" | "default" | "primary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ChipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof chipVariants> {
+    onClose?: () => void;
+    startContent?: React.ReactNode;
+    avatar?: React.ReactNode;
+}
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/components/chip.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import * as f from "react";
+import { cva as u } from "class-variance-authority";
+import { Close as m } from "../lib/icons.js";
+import { cn as o } from "../lib/cn.js";
+const b = u(
+  "inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        solid: "",
+        soft: "",
+        outline: "bg-transparent border",
+        dot: "bg-transparent border border-border text-foreground"
+      },
+      color: {
+        default: "",
+        primary: "",
+        success: "",
+        warning: "",
+        danger: "",
+        info: ""
+      }
+    },
+    compoundVariants: [
+      // solid
+      { variant: "solid", color: "default", className: "bg-fill text-fill-foreground" },
+      { variant: "solid", color: "primary", className: "bg-brand text-brand-foreground" },
+      { variant: "solid", color: "success", className: "bg-success text-success-foreground" },
+      { variant: "solid", color: "warning", className: "bg-warning text-warning-foreground" },
+      { variant: "solid", color: "danger", className: "bg-danger text-danger-foreground" },
+      { variant: "solid", color: "info", className: "bg-info text-info-foreground" },
+      // soft
+      { variant: "soft", color: "default", className: "bg-muted text-muted-foreground" },
+      { variant: "soft", color: "primary", className: "bg-fill text-fill-foreground" },
+      { variant: "soft", color: "success", className: "bg-success-50 text-success-700" },
+      { variant: "soft", color: "warning", className: "bg-warning-50 text-warning-700" },
+      { variant: "soft", color: "danger", className: "bg-danger-50 text-danger-700" },
+      { variant: "soft", color: "info", className: "bg-info-50 text-info-700" },
+      // outline
+      { variant: "outline", color: "default", className: "border-border-strong text-foreground" },
+      { variant: "outline", color: "primary", className: "border-border-strong text-foreground" },
+      { variant: "outline", color: "success", className: "border-success-100 text-success-700" },
+      { variant: "outline", color: "warning", className: "border-warning-100 text-warning-700" },
+      { variant: "outline", color: "danger", className: "border-danger-100 text-danger-700" },
+      { variant: "outline", color: "info", className: "border-info-100 text-info-700" }
+    ],
+    defaultVariants: { variant: "soft", color: "default" }
+  }
+), p = {
+  default: "bg-muted-foreground",
+  primary: "bg-brand",
+  success: "bg-success",
+  warning: "bg-warning",
+  danger: "bg-danger",
+  info: "bg-info"
+}, x = f.forwardRef(
+  ({
+    className: i,
+    variant: n = "soft",
+    color: s = "default",
+    onClose: e,
+    startContent: t,
+    avatar: a,
+    children: l,
+    ...c
+  }, d) => /* @__PURE__ */ g(
+    "span",
+    {
+      ref: d,
+      className: o(
+        b({ variant: n, color: s }),
+        a && "pl-1",
+        e && "pr-1.5",
+        i
+      ),
+      ...c,
+      children: [
+        a && /* @__PURE__ */ r("span", { className: "-ml-0.5 inline-flex shrink-0", children: a }),
+        n === "dot" && /* @__PURE__ */ r(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: o("size-2 rounded-dot", p[s ?? "default"])
+          }
+        ),
+        t && /* @__PURE__ */ r("span", { className: "inline-flex shrink-0 [&_svg]:size-4", children: t }),
+        l,
+        e && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Remove",
+            onClick: e,
+            className: o(
+              "inline-flex size-4 shrink-0 items-center justify-center rounded-full",
+              "opacity-60 transition-opacity hover:opacity-100",
+              "outline-none focus-visible:ring-3 focus-visible:ring-ring",
+              "[&_svg]:size-3"
+            ),
+            children: /* @__PURE__ */ r(m, { "aria-hidden": !0 })
+          }
+        )
+      ]
+    }
+  )
+);
+x.displayName = "Chip";
+export {
+  x as Chip
+};

package/components/collapsible.d.ts

@@ -0,0 +1,5 @@
+import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
+import * as React from "react";
+export declare const Collapsible: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/components/collapsible.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+import { Collapsible as t } from "radix-ui";
+const i = s.forwardRef(({ children: l, ...o }, a) => /* @__PURE__ */ e(t.Root, { ref: a, "data-slot": "collapsible", ...o, children: l }));
+i.displayName = "Collapsible";
+const r = s.forwardRef(({ children: l, ...o }, a) => /* @__PURE__ */ e(
+  t.CollapsibleTrigger,
+  {
+    ref: a,
+    "data-slot": "collapsible-trigger",
+    ...o,
+    children: l
+  }
+));
+r.displayName = "CollapsibleTrigger";
+const p = s.forwardRef(({ children: l, ...o }, a) => /* @__PURE__ */ e(
+  t.CollapsibleContent,
+  {
+    ref: a,
+    "data-slot": "collapsible-content",
+    ...o,
+    children: l
+  }
+));
+p.displayName = "CollapsibleContent";
+export {
+  i as Collapsible,
+  p as CollapsibleContent,
+  r as CollapsibleTrigger
+};

package/components/connector-card.d.ts

@@ -0,0 +1,62 @@
+import * as React from "react";
+/**
+ * ConnectorCard — a single data source / destination card for an integrations
+ * screen. Structure: identity row (logo + name + schema + connection status),
+ * a tinted health strip, and a recessed footer with a usage metric + action.
+ *
+ * On-principle: elevation marks actionability — the card carries
+ * `shadow-elevation` only when clickable (`onOpen`); otherwise it sits flat,
+ * delineated by fill. The health strip uses a soft status tint and the footer
+ * steps down to `bg-muted`.
+ */
+/**
+ * ConnectorTint — collapsed to two states: `issue` (red — anything the agent
+ * can't rely on: stale data, dropped rows, disconnected source) and `healthy`
+ * (green — everything is available). We deliberately don't grade issues into
+ * major/minor tiers; an issue is an issue.
+ */
+export type ConnectorTint = "issue" | "healthy";
+export interface ConnectorStrip {
+    tint: ConnectorTint;
+    message: string;
+}
+export interface ConnectorFooter {
+    text: string;
+    /** Dim the footer text (e.g. a disconnected source with nothing available). */
+    faint?: boolean;
+}
+export interface ConnectorAction {
+    label: string;
+    /** "reconnect" turns the action red for a down source. */
+    tone?: "default" | "reconnect";
+}
+export interface ConnectorCardData {
+    id: string;
+    name: string;
+    schema?: string;
+    logo?: string;
+    connected?: boolean;
+    /** When the source last synced. Rendered as "Last sync at …" / "… from … ago". */
+    lastSync?: Date;
+    strip: ConnectorStrip;
+    footer: ConnectorFooter;
+    action?: ConnectorAction;
+}
+export interface ConnectorCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
+    card: ConnectorCardData;
+    /** When supplied, the whole card becomes clickable. */
+    onOpen?: (card: ConnectorCardData) => void;
+}
+export interface ConnectionStatusProps {
+    connected?: boolean;
+    lastSync?: Date;
+    /** Override the computed label (e.g. when the sync time is a string). */
+    label?: string;
+}
+/**
+ * Square status dot + muted sync label — the connection-state language of
+ * the connector cards. Exported so detail screens render the same status
+ * the same way.
+ */
+export declare function ConnectionStatus({ connected, lastSync, label: labelOverride, }: ConnectionStatusProps): React.JSX.Element;
+export declare const ConnectorCard: React.ForwardRefExoticComponent<ConnectorCardProps & React.RefAttributes<HTMLDivElement>>;

package/components/connector-card.js

@@ -0,0 +1,154 @@
+"use client";
+import { jsxs as r, Fragment as g, jsx as t } from "react/jsx-runtime";
+import * as h from "react";
+import { Database as x, ChevronRight as b } from "../lib/icons.js";
+import { cn as o } from "../lib/cn.js";
+const u = {
+  issue: { band: "bg-linear-to-r from-danger-50 to-danger-50/0" },
+  healthy: { band: "bg-linear-to-r from-success-50 to-success-50/0" }
+};
+function p(s) {
+  const e = /* @__PURE__ */ new Date();
+  if (s.toDateString() === e.toDateString())
+    return `Last sync at ${s.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" })}`;
+  const n = Math.max(1, Math.floor((e.getTime() - s.getTime()) / 864e5));
+  if (n === 1) return "Last sync yesterday";
+  let a;
+  if (n < 7) a = `${n} days ago`;
+  else if (n < 30) {
+    const i = Math.round(n / 7);
+    a = `${i} week${i > 1 ? "s" : ""} ago`;
+  } else {
+    const i = Math.round(n / 30);
+    a = `${i} month${i > 1 ? "s" : ""} ago`;
+  }
+  return `Last sync from ${a}`;
+}
+function y({
+  connected: s,
+  lastSync: e,
+  label: n
+}) {
+  const a = n ?? (s ? e ? p(e) : "Connected" : "Disconnected");
+  return /* @__PURE__ */ r("span", { className: "inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap text-xs text-tertiary", children: [
+    /* @__PURE__ */ t(
+      "span",
+      {
+        "aria-hidden": !0,
+        className: o(
+          "size-2 rounded-dot",
+          s ? "bg-success" : "bg-danger"
+        )
+      }
+    ),
+    a
+  ] });
+}
+function N({ strip: s }) {
+  const e = u[s.tint] ?? u.issue;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: o(
+        "flex min-w-0 items-center gap-2 rounded-md px-3.5 py-2.5",
+        e.band
+      ),
+      children: /* @__PURE__ */ t(
+        "span",
+        {
+          className: o(
+            "min-w-0 flex-1 truncate text-xs text-foreground"
+          ),
+          children: s.message
+        }
+      )
+    }
+  );
+}
+const v = h.forwardRef(
+  ({ className: s, card: e, onOpen: n, ...a }, i) => {
+    var m;
+    const c = !!n, f = ((m = e.action) == null ? void 0 : m.tone) === "reconnect", l = /* @__PURE__ */ r(g, { children: [
+      /* @__PURE__ */ r("div", { className: "rounded-t-xl p-[var(--card-padding)]", children: [
+        /* @__PURE__ */ r("div", { className: "mb-5 flex items-center gap-3.5", children: [
+          e.logo ? /* @__PURE__ */ t(
+            "img",
+            {
+              src: e.logo,
+              alt: "",
+              className: "size-10 shrink-0 rounded-md object-contain"
+            }
+          ) : /* @__PURE__ */ t("span", { className: "grid size-10 shrink-0 place-items-center rounded-md bg-muted text-secondary", children: /* @__PURE__ */ t(x, { className: "size-5", "aria-hidden": !0 }) }),
+          /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ r("div", { className: "flex items-baseline justify-between gap-3", children: [
+              /* @__PURE__ */ t("div", { className: "min-w-0 truncate text-base font-semibold leading-tight text-foreground", children: e.name }),
+              /* @__PURE__ */ t(
+                y,
+                {
+                  connected: e.connected,
+                  lastSync: e.lastSync
+                }
+              )
+            ] }),
+            e.schema && /* @__PURE__ */ t("div", { className: "mt-0.5 truncate text-xs tabular-nums text-tertiary", children: e.schema })
+          ] })
+        ] }),
+        /* @__PURE__ */ t(N, { strip: e.strip })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-3 rounded-b-xl bg-muted px-[var(--card-padding)] py-3", children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: o(
+              "min-w-0 truncate text-xs",
+              e.footer.faint ? "text-tertiary/70" : "text-secondary"
+            ),
+            children: e.footer.text
+          }
+        ),
+        e.action && /* @__PURE__ */ r(
+          "span",
+          {
+            className: o(
+              "inline-flex shrink-0 items-center gap-0.5 text-xs font-medium",
+              f ? "text-danger" : "text-foreground"
+            ),
+            children: [
+              e.action.label,
+              /* @__PURE__ */ t(b, { strokeWidth: 2, className: "size-3.5" })
+            ]
+          }
+        )
+      ] })
+    ] }), d = o(
+      // Each region shapes its own corners: top body carries rounded-t-xl,
+      // footer carries rounded-b-xl. Layer promoted with translateZ(0) so
+      // the rounded edges rasterize on their own GPU layer (subpixel corner
+      // aliasing under transform is a real browser gotcha; forcing a
+      // compositor layer fixes it deterministically).
+      "rounded-xl bg-card text-card-foreground transform-gpu [will-change:transform] [backface-visibility:hidden]",
+      c && "shadow-elevation transition-[transform,box-shadow] duration-(--duration-fast) ease-out motion-reduce:transition-none",
+      s
+    );
+    return c ? /* @__PURE__ */ t(
+      "button",
+      {
+        ref: i,
+        type: "button",
+        onClick: () => n == null ? void 0 : n(e),
+        className: o(
+          d,
+          "w-full cursor-pointer text-left hover:-translate-y-0.5",
+          "outline-none focus-visible:ring-3 focus-visible:ring-ring active:translate-y-0"
+        ),
+        ...a,
+        children: l
+      }
+    ) : /* @__PURE__ */ t("div", { ref: i, className: d, ...a, children: l });
+  }
+);
+v.displayName = "ConnectorCard";
+export {
+  y as ConnectionStatus,
+  v as ConnectorCard
+};

package/components/divider.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: "horizontal" | "vertical";
+    /**
+     * `primary` — a solid line (default). `secondary` — a dashed line, used to
+     * separate related-but-optional content or to imply a soft break.
+     */
+    variant?: "primary" | "secondary";
+    /**
+     * When true, the line fades from full opacity on the leading edge (left in
+     * horizontal, top in vertical) to zero on the trailing edge. Useful when the
+     * divider marks the end of a section and shouldn't hard-terminate it.
+     */
+    fade?: boolean;
+    /** Centered label with a line on each side (horizontal only). */
+    label?: React.ReactNode;
+}
+/**
+ * A rule that separates content — one of the few sanctioned strokes in ADS
+ * (principle 1). Two variants (`primary` solid / `secondary` dashed) and an
+ * optional `fade` modifier that lets the line trail off on its far edge.
+ */
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;

package/components/divider.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import * as k from "react";
+import { cn as e } from "../lib/cn.js";
+const p = "linear-gradient(to right, black, transparent)", g = "linear-gradient(to bottom, black, transparent)", u = k.forwardRef(
+  ({
+    className: n,
+    orientation: m = "horizontal",
+    variant: b = "primary",
+    fade: c = !1,
+    label: d,
+    style: o,
+    ...i
+  }, s) => {
+    const x = b === "secondary", a = m === "vertical", t = x ? a ? "w-px [background-image:linear-gradient(to_bottom,var(--color-border)_50%,transparent_50%)] [background-size:1px_12px] [background-repeat:repeat-y]" : "h-px [background-image:linear-gradient(to_right,var(--color-border)_50%,transparent_50%)] [background-size:12px_1px] [background-repeat:repeat-x]" : a ? "w-px bg-border" : "h-px bg-border", l = c ? {
+      WebkitMaskImage: a ? g : p,
+      maskImage: a ? g : p
+    } : void 0;
+    return a ? /* @__PURE__ */ r(
+      "div",
+      {
+        ref: s,
+        role: "separator",
+        "aria-orientation": "vertical",
+        className: e("h-full self-stretch", t, n),
+        style: { ...l, ...o },
+        ...i
+      }
+    ) : d != null ? /* @__PURE__ */ f(
+      "div",
+      {
+        ref: s,
+        role: "separator",
+        "aria-orientation": "horizontal",
+        className: e("flex items-center gap-3 w-full", n),
+        style: o,
+        ...i,
+        children: [
+          /* @__PURE__ */ r("span", { className: e("flex-1", t), style: l }),
+          /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: d }),
+          /* @__PURE__ */ r(
+            "span",
+            {
+              className: e("flex-1", t),
+              style: c ? {
+                WebkitMaskImage: "linear-gradient(to left, black, transparent)",
+                maskImage: "linear-gradient(to left, black, transparent)"
+              } : void 0
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ r(
+      "div",
+      {
+        ref: s,
+        role: "separator",
+        "aria-orientation": "horizontal",
+        className: e("w-full", t, n),
+        style: { ...l, ...o },
+        ...i
+      }
+    );
+  }
+);
+u.displayName = "Divider";
+export {
+  u as Divider
+};

package/components/drawer.d.ts

@@ -0,0 +1,45 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const panelVariants: (props?: ({
+    side?: "left" | "right" | "bottom" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DrawerProps extends VariantProps<typeof panelVariants> {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Accessible label for the drawer landmark. */
+    "aria-label": string;
+    className?: string;
+    children: React.ReactNode;
+}
+/**
+ * ModalDrawer — legacy portaled drawer. Kept for the demo product's
+ * answer-sources / citation-preview / voice-campaigns screens where a blocking
+ * side panel over the whole viewport is the intended pattern. New code should
+ * prefer `Drawer` (the inline variant) — it doesn't leave the page while it's
+ * open, so users can keep referencing content beside it.
+ */
+export interface ModalDrawerProps extends VariantProps<typeof panelVariants> {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare function ModalDrawer({ open, onOpenChange, side: sideProp, size, className, children, }: ModalDrawerProps): React.ReactPortal;
+/**
+ * Drawer — an in-flow side panel that slides in beside content instead of
+ * portaling over the whole page. No backdrop, no scroll lock; the surrounding
+ * page stays visible and interactive while it's open. This is the canonical
+ * Drawer in ADS. Use `ModalDrawer` when a page-blocking overlay is genuinely
+ * required.
+ */
+export declare function Drawer({ open, onOpenChange, side: sideProp, size, className, children, "aria-label": ariaLabel, }: DrawerProps): React.JSX.Element;
+/** @deprecated Alias for `Drawer` — the canonical drawer is now the inline
+ *  variant. Kept for any code still importing `InlineDrawer`. */
+export declare const InlineDrawer: typeof Drawer;
+export type InlineDrawerProps = DrawerProps;
+export declare const DrawerHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const DrawerBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export {};