cortena-ui 1.3.0 → 1.4.0

package/dist/a2ui/views.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views.js","names":[],"sources":["../../src/a2ui/views.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The cortena-ui side of the A2UI catalogue.\n *\n * One React view per catalogue entry. Each is a real component, not a render\n * function, so an interactive entry can hold hooks (draft input state, the\n * debounce timer) without the renderer having to care which entries are\n * stateful.\n *\n * Views receive already-resolved props: the renderer has read the data\n * bindings, validated against the entry's zod schema and normalised actions\n * before any of this runs. A view therefore never parses A2UI, and never sees\n * an unvalidated value.\n *\n * Every visual value is a cortena-design token, as everywhere else in the\n * package. The Tailwind scale maps below exist because Tailwind only emits a\n * class it can see in the source, so `gap-${n}` would silently produce nothing.\n */\n\nimport { AlertTriangle, CheckCircle2, Info, OctagonAlert, Terminal } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Alert, AlertDescription, AlertIcon, AlertTitle } from \"@/components/alert\";\nimport { Badge } from \"@/components/badge\";\nimport { Button } from \"@/components/button\";\nimport { ButtonLink } from \"@/components/button-link\";\nimport { Card, CardContent } from \"@/components/card\";\n// Straight at the composite, not at `@/components/chart`: the chart module's\n// index re-exports the raw Recharts primitives, and reaching the catalogue\n// through it puts them in A2UI's static graph for nothing.\nimport { Chart } from \"@/components/chart/chart\";\nimport type { ChartDataFor, ChartType } from \"@/components/chart/types\";\nimport { Checkbox } from \"@/components/checkbox\";\nimport { DataTable } from \"@/components/data-table\";\nimport type { DataSource, DataTableColumnDef } from \"@/components/data-table\";\nimport { DateField, formatDateISO, parseDateISO } from \"@/components/date-field\";\nimport { EmptyState } from \"@/components/empty-state\";\nimport { Field, FieldDescription, FieldError, FieldLabel } from \"@/components/field\";\nimport { Input } from \"@/components/input\";\nimport { Markdown } from \"@/components/markdown\";\nimport { Progress, ProgressLabel, ProgressValue } from \"@/components/progress\";\nimport { RadioGroup, RadioGroupItem } from \"@/components/radio-group\";\nimport { SectionCard } from \"@/components/section-card\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/select\";\nimport { Separator } from \"@/components/separator\";\nimport { StatusDot } from \"@/components/status-dot\";\nimport { Switch } from \"@/components/switch\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/tabs\";\nimport { Textarea } from \"@/components/textarea\";\nimport { cn } from \"@/lib/cn\";\nimport type { A2UIAction } from \"./message\";\n\n/** A row in an agent-drawn table. Every value is opaque until a column reads it. */\nexport type A2UIRow = Record<string, unknown>;\n\n/** Where a node sits, carried into every action the view emits. */\nexport interface A2UINodeInfo {\n  surfaceId: string;\n  componentId: string;\n  /** JSON pointer this node's relative bindings resolve against. */\n  dataContextPath: string;\n}\n\n/** A normalised action attached to an interactive property. */\nexport interface A2UIResolvedAction {\n  name: string;\n  context?: Record<string, unknown>;\n}\n\n/** What every view receives. */\nexport interface A2UIViewProps<P> {\n  props: P;\n  node: A2UINodeInfo;\n  /** Already-rendered child nodes, in the order the component listed them. */\n  children: React.ReactNode[];\n  /** The surface data model, for actions that report the whole form. */\n  dataModel: Record<string, unknown>;\n  /**\n   * Send an action. `action` is what the agent attached to the property; when\n   * it is absent the event still fires under `fallbackName` so a host can\n   * observe interactions the agent did not ask for.\n   */\n  emit: (\n    action: A2UIResolvedAction | undefined,\n    fallbackName: string,\n    payload?: Record<string, unknown>,\n  ) => void;\n  /** Write a value back to the data model where this prop was bound. No-op for a literal. */\n  writeBack: (property: string, value: unknown) => void;\n  /** Resolve a `{ kind: \"server\", sourceId }` handle into a real data source. */\n  resolveDataSource: (sourceId: string) => DataSource<A2UIRow> | undefined;\n  /** Debounce applied to continuous inputs before they become actions. */\n  debounceMs: number;\n}\n\nexport type A2UIView<P> = React.FC<A2UIViewProps<P>>;\n\n/* ------------------------------------------------------------------ */\n/* Shared scales                                                       */\n/* ------------------------------------------------------------------ */\n\n/** Tailwind spacing steps an agent may pick. Written out so Tailwind emits them. */\nconst GAP: Record<number, string> = {\n  0: \"gap-0\",\n  1: \"gap-1\",\n  2: \"gap-2\",\n  3: \"gap-3\",\n  4: \"gap-4\",\n  6: \"gap-6\",\n  8: \"gap-8\",\n};\n\nconst PADDING: Record<number, string> = {\n  0: \"p-0\",\n  1: \"p-1\",\n  2: \"p-2\",\n  3: \"p-3\",\n  4: \"p-4\",\n  6: \"p-6\",\n  8: \"p-8\",\n};\n\nconst HEIGHT: Record<number, string> = {\n  0: \"h-0\",\n  1: \"h-1\",\n  2: \"h-2\",\n  3: \"h-3\",\n  4: \"h-4\",\n  6: \"h-6\",\n  8: \"h-8\",\n};\n\nconst ALIGN: Record<string, string> = {\n  start: \"items-start\",\n  center: \"items-center\",\n  end: \"items-end\",\n  stretch: \"items-stretch\",\n  baseline: \"items-baseline\",\n};\n\nconst JUSTIFY: Record<string, string> = {\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n  between: \"justify-between\",\n};\n\nconst TEXT_ALIGN: Record<string, string> = {\n  start: \"text-left\",\n  center: \"text-center\",\n  end: \"text-right\",\n};\n\nconst TEXT_ROLE: Record<string, string> = {\n  heading:\n    \"font-display text-[length:var(--ds-text-h3)] leading-[var(--ds-text-h3--line-height)] font-semibold\",\n  subheading:\n    \"text-[length:var(--ds-text-body-md)] leading-[var(--ds-text-body-md--line-height)] font-semibold\",\n  body: \"text-[length:var(--ds-text-body-sm)] leading-[var(--ds-text-body-sm--line-height)]\",\n  caption: \"text-[length:var(--ds-text-caption)] leading-[var(--ds-text-caption--line-height)]\",\n  eyebrow:\n    \"text-[length:var(--ds-text-eyebrow)] leading-[var(--ds-text-eyebrow--line-height)] font-medium uppercase tracking-[var(--ds-text-eyebrow--letter-spacing)]\",\n};\n\nconst TEXT_TONE: Record<string, string> = {\n  default: \"text-[color:var(--ds-foreground)]\",\n  muted: \"text-[color:var(--ds-muted-foreground)]\",\n  success: \"text-[color:var(--ds-success)]\",\n  warning: \"text-[color:var(--ds-warning)]\",\n  danger: \"text-[color:var(--ds-destructive)]\",\n  info: \"text-[color:var(--ds-info)]\",\n};\n\n/**\n * Components that are inline by nature.\n *\n * A Column stretches its children on the cross axis, which is right for a field\n * or a table and wrong for a badge — one would span the whole surface. `w-fit`\n * gives the item an explicit cross size, which is what disables the stretch,\n * without overriding a Row's own alignment.\n */\nconst INLINE = \"w-fit\";\n\nconst ALERT_ICON: Record<string, React.ReactNode> = {\n  default: <Terminal />,\n  success: <CheckCircle2 />,\n  warn: <AlertTriangle />,\n  danger: <OctagonAlert />,\n  info: <Info />,\n};\n\n/**\n * Debounce a value. Used for continuous inputs so an agent receives one action\n * per pause rather than one per keystroke; the visible input stays immediate.\n */\nfunction useDebouncedEmit(\n  emit: (value: unknown) => void,\n  delay: number,\n): (value: unknown) => void {\n  const latest = React.useRef(emit);\n  latest.current = emit;\n  const timer = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  React.useEffect(\n    () => () => {\n      if (timer.current !== undefined) {\n        clearTimeout(timer.current);\n      }\n    },\n    [],\n  );\n  return React.useCallback(\n    (value: unknown) => {\n      if (timer.current !== undefined) {\n        clearTimeout(timer.current);\n      }\n      timer.current = setTimeout(() => latest.current(value), delay);\n    },\n    [delay],\n  );\n}\n\n/**\n * A value that follows the data model but can be typed over.\n *\n * The bound value wins whenever the agent changes it; between agent updates the\n * local draft wins, so typing is not swallowed by a re-render.\n *\n * `key` is what identity is judged on, and defaults to the value itself. It\n * matters for a value the renderer rebuilds each pass — a Date parsed from an\n * ISO string is a new object every render, so comparing the objects would reset\n * the draft forever. Compare the string instead.\n */\nfunction useDraft<T>(bound: T, key: unknown = bound): [T, (next: T) => void] {\n  const [draft, setDraft] = React.useState<T>(bound);\n  const previous = React.useRef(key);\n  if (!Object.is(previous.current, key)) {\n    previous.current = key;\n    setDraft(bound);\n  }\n  return [draft, setDraft];\n}\n\n/* ------------------------------------------------------------------ */\n/* Layout                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface ColumnProps {\n  gap?: number;\n  padding?: number;\n  align?: string;\n  justify?: string;\n}\n\nexport const ColumnView: A2UIView<ColumnProps> = ({ props, children }) => (\n  <div\n    data-slot=\"a2ui-column\"\n    className={cn(\n      \"flex min-w-0 flex-col\",\n      GAP[props.gap ?? 3],\n      props.padding !== undefined ? PADDING[props.padding] : undefined,\n      props.align ? ALIGN[props.align] : undefined,\n      props.justify ? JUSTIFY[props.justify] : undefined,\n    )}\n  >\n    {children}\n  </div>\n);\n\nexport interface RowProps extends ColumnProps {\n  wrap?: boolean;\n}\n\nexport const RowView: A2UIView<RowProps> = ({ props, children }) => (\n  <div\n    data-slot=\"a2ui-row\"\n    className={cn(\n      \"flex min-w-0 flex-row\",\n      props.wrap === false ? \"flex-nowrap\" : \"flex-wrap\",\n      GAP[props.gap ?? 2],\n      props.padding !== undefined ? PADDING[props.padding] : undefined,\n      ALIGN[props.align ?? \"center\"],\n      props.justify ? JUSTIFY[props.justify] : undefined,\n    )}\n  >\n    {children}\n  </div>\n);\n\nexport interface CardViewProps {\n  accent?: boolean;\n  flush?: boolean;\n}\n\nexport const CardView: A2UIView<CardViewProps> = ({ props, children }) => (\n  <Card data-slot=\"a2ui-card\" accent={props.accent}>\n    {props.flush ? (\n      <div className=\"flex flex-col gap-3\">{children}</div>\n    ) : (\n      <CardContent className=\"flex flex-col gap-3 p-5\">{children}</CardContent>\n    )}\n  </Card>\n);\n\nexport interface SectionCardViewProps {\n  title: string;\n  description?: string;\n  flush?: boolean;\n}\n\nexport const SectionCardView: A2UIView<SectionCardViewProps> = ({ props, children }) => (\n  <SectionCard\n    data-slot=\"a2ui-section-card\"\n    title={props.title}\n    description={props.description}\n    flush={props.flush}\n  >\n    <div className=\"flex flex-col gap-3\">{children}</div>\n  </SectionCard>\n);\n\nexport interface DividerProps {\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nexport const DividerView: A2UIView<DividerProps> = ({ props }) => (\n  <Separator data-slot=\"a2ui-divider\" orientation={props.orientation ?? \"horizontal\"} />\n);\n\nexport interface SpacerProps {\n  size?: number;\n}\n\nexport const SpacerView: A2UIView<SpacerProps> = ({ props }) => (\n  <div data-slot=\"a2ui-spacer\" aria-hidden className={cn(\"w-full\", HEIGHT[props.size ?? 4])} />\n);\n\n/* ------------------------------------------------------------------ */\n/* Text                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface TextProps {\n  text: string;\n  role?: string;\n  tone?: string;\n  align?: string;\n  mono?: boolean;\n}\n\nexport const TextView: A2UIView<TextProps> = ({ props }) => (\n  <p\n    data-slot=\"a2ui-text\"\n    data-role={props.role ?? \"body\"}\n    className={cn(\n      \"min-w-0 break-words\",\n      TEXT_ROLE[props.role ?? \"body\"],\n      TEXT_TONE[props.tone ?? \"default\"],\n      props.align ? TEXT_ALIGN[props.align] : undefined,\n      props.mono ? \"font-[family-name:var(--ds-font-mono)]\" : undefined,\n    )}\n  >\n    {props.text}\n  </p>\n);\n\nexport interface MarkdownViewProps {\n  text: string;\n  compact?: boolean;\n}\n\nexport const MarkdownView: A2UIView<MarkdownViewProps> = ({ props }) => (\n  <Markdown data-slot=\"a2ui-markdown\" compact={props.compact}>\n    {props.text}\n  </Markdown>\n);\n\n/* ------------------------------------------------------------------ */\n/* Inputs                                                              */\n/* ------------------------------------------------------------------ */\n\ninterface FieldShellProps {\n  label?: string;\n  description?: string;\n  error?: string;\n  children: React.ReactNode;\n  slot: string;\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * Ties the label to the control. Base UI's Field associates its own\n   * `Field.Control`; these views render plain cortena-ui controls, so the pair\n   * is wired explicitly rather than left to produce a label with no `for`.\n   */\n  controlId?: string;\n}\n\nfunction FieldShell({\n  label,\n  description,\n  error,\n  children,\n  slot,\n  orientation,\n  controlId,\n}: FieldShellProps) {\n  return (\n    <Field data-slot={slot} orientation={orientation ?? \"vertical\"} invalid={Boolean(error)}>\n      {label ? <FieldLabel htmlFor={controlId}>{label}</FieldLabel> : null}\n      {children}\n      {description ? <FieldDescription>{description}</FieldDescription> : null}\n      {error ? <FieldError>{error}</FieldError> : null}\n    </Field>\n  );\n}\n\nexport interface TextFieldProps {\n  label?: string;\n  value?: string;\n  placeholder?: string;\n  description?: string;\n  error?: string;\n  type?: \"text\" | \"email\" | \"url\" | \"tel\" | \"number\" | \"password\" | \"search\";\n  disabled?: boolean;\n  required?: boolean;\n  onChange?: A2UIResolvedAction;\n}\n\nexport const TextFieldView: A2UIView<TextFieldProps> = ({\n  props,\n  emit,\n  writeBack,\n  debounceMs,\n}) => {\n  const id = React.useId();\n  const [draft, setDraft] = useDraft(props.value ?? \"\");\n  const send = useDebouncedEmit(\n    (value) => emit(props.onChange, \"change\", { value }),\n    debounceMs,\n  );\n  return (\n    <FieldShell\n      slot=\"a2ui-text-field\"\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      controlId={id}\n    >\n      <Input\n        id={id}\n        type={props.type ?? \"text\"}\n        value={draft}\n        placeholder={props.placeholder}\n        disabled={props.disabled}\n        required={props.required}\n        aria-label={props.label ? undefined : (props.placeholder ?? \"Text field\")}\n        onChange={(event) => {\n          const next = event.target.value;\n          setDraft(next);\n          writeBack(\"value\", next);\n          send(next);\n        }}\n      />\n    </FieldShell>\n  );\n};\n\nexport interface TextAreaProps {\n  label?: string;\n  value?: string;\n  placeholder?: string;\n  description?: string;\n  error?: string;\n  rows?: number;\n  disabled?: boolean;\n  autoGrow?: boolean;\n  onChange?: A2UIResolvedAction;\n}\n\nexport const TextAreaView: A2UIView<TextAreaProps> = ({ props, emit, writeBack, debounceMs }) => {\n  const id = React.useId();\n  const [draft, setDraft] = useDraft(props.value ?? \"\");\n  const send = useDebouncedEmit((value) => emit(props.onChange, \"change\", { value }), debounceMs);\n  return (\n    <FieldShell\n      slot=\"a2ui-text-area\"\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      controlId={id}\n    >\n      <Textarea\n        id={id}\n        value={draft}\n        rows={props.rows ?? 4}\n        placeholder={props.placeholder}\n        disabled={props.disabled}\n        autoGrow={props.autoGrow}\n        aria-label={props.label ? undefined : (props.placeholder ?? \"Text area\")}\n        onChange={(event) => {\n          const next = event.target.value;\n          setDraft(next);\n          writeBack(\"value\", next);\n          send(next);\n        }}\n      />\n    </FieldShell>\n  );\n};\n\nexport interface SelectOption {\n  value: string;\n  label?: string;\n  disabled?: boolean;\n}\n\nexport interface SelectViewProps {\n  label?: string;\n  value?: string;\n  placeholder?: string;\n  description?: string;\n  error?: string;\n  options: SelectOption[];\n  disabled?: boolean;\n  onChange?: A2UIResolvedAction;\n}\n\nexport const SelectView: A2UIView<SelectViewProps> = ({ props, emit, writeBack }) => {\n  const [draft, setDraft] = useDraft(props.value ?? null);\n  const items = React.useMemo(\n    () => props.options.map((option) => ({ value: option.value, label: option.label ?? option.value })),\n    [props.options],\n  );\n  return (\n    <FieldShell\n      slot=\"a2ui-select\"\n      label={props.label}\n      description={props.description}\n      error={props.error}\n    >\n      <Select\n        items={items}\n        value={draft}\n        disabled={props.disabled}\n        onValueChange={(next) => {\n          const value = next === null ? \"\" : String(next);\n          setDraft(value);\n          writeBack(\"value\", value);\n          emit(props.onChange, \"change\", { value });\n        }}\n      >\n        <SelectTrigger aria-label={props.label ?? props.placeholder ?? \"Select\"}>\n          <SelectValue placeholder={props.placeholder ?? \"Select…\"} />\n        </SelectTrigger>\n        <SelectContent>\n          {props.options.map((option) => (\n            <SelectItem key={option.value} value={option.value} disabled={option.disabled}>\n              {option.label ?? option.value}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </FieldShell>\n  );\n};\n\nexport interface CheckboxViewProps {\n  label?: string;\n  checked?: boolean;\n  description?: string;\n  disabled?: boolean;\n  onChange?: A2UIResolvedAction;\n}\n\nexport const CheckboxView: A2UIView<CheckboxViewProps> = ({ props, emit, writeBack }) => {\n  const [draft, setDraft] = useDraft(props.checked ?? false);\n  return (\n    <FieldShell\n      slot=\"a2ui-checkbox\"\n      description={props.description}\n      orientation=\"horizontal\"\n    >\n      <label className=\"flex items-start gap-3 text-[length:var(--ds-text-caption-lg)] text-[color:var(--ds-foreground)]\">\n        <span className=\"flex h-5 items-center\">\n          <Checkbox\n            checked={draft}\n            disabled={props.disabled}\n            aria-label={props.label ?? \"Checkbox\"}\n            onCheckedChange={(checked) => {\n              setDraft(checked);\n              writeBack(\"checked\", checked);\n              emit(props.onChange, \"change\", { checked });\n            }}\n          />\n        </span>\n        <span>{props.label}</span>\n      </label>\n    </FieldShell>\n  );\n};\n\nexport interface SwitchViewProps extends CheckboxViewProps {}\n\nexport const SwitchView: A2UIView<SwitchViewProps> = ({ props, emit, writeBack }) => {\n  const [draft, setDraft] = useDraft(props.checked ?? false);\n  return (\n    <FieldShell slot=\"a2ui-switch\" description={props.description} orientation=\"horizontal\">\n      <label className=\"flex items-center gap-3 text-[length:var(--ds-text-caption-lg)] text-[color:var(--ds-foreground)]\">\n        <Switch\n          checked={draft}\n          disabled={props.disabled}\n          aria-label={props.label ?? \"Switch\"}\n          onCheckedChange={(checked) => {\n            setDraft(checked);\n            writeBack(\"checked\", checked);\n            emit(props.onChange, \"change\", { checked });\n          }}\n        />\n        <span>{props.label}</span>\n      </label>\n    </FieldShell>\n  );\n};\n\nexport interface RadioGroupViewProps {\n  label?: string;\n  value?: string;\n  description?: string;\n  options: SelectOption[];\n  disabled?: boolean;\n  onChange?: A2UIResolvedAction;\n}\n\nexport const RadioGroupView: A2UIView<RadioGroupViewProps> = ({ props, emit, writeBack }) => {\n  const [draft, setDraft] = useDraft(props.value ?? \"\");\n  return (\n    <FieldShell\n      slot=\"a2ui-radio-group\"\n      label={props.label}\n      description={props.description}\n    >\n      <RadioGroup\n        aria-label={props.label ?? \"Options\"}\n        value={draft}\n        disabled={props.disabled}\n        onValueChange={(next) => {\n          const value = String(next);\n          setDraft(value);\n          writeBack(\"value\", value);\n          emit(props.onChange, \"change\", { value });\n        }}\n      >\n        {props.options.map((option) => (\n          <label\n            key={option.value}\n            className=\"flex items-start gap-3 text-[length:var(--ds-text-caption-lg)] text-[color:var(--ds-foreground)]\"\n          >\n            <span className=\"flex h-5 items-center\">\n              <RadioGroupItem value={option.value} disabled={option.disabled} />\n            </span>\n            <span>{option.label ?? option.value}</span>\n          </label>\n        ))}\n      </RadioGroup>\n    </FieldShell>\n  );\n};\n\nexport interface DateFieldViewProps {\n  label?: string;\n  /** ISO `yyyy-mm-dd`; the wire format for a date in A2UI. */\n  value?: string;\n  min?: string;\n  max?: string;\n  description?: string;\n  error?: string;\n  disabled?: boolean;\n  onChange?: A2UIResolvedAction;\n}\n\nexport const DateFieldView: A2UIView<DateFieldViewProps> = ({ props, emit, writeBack }) => {\n  const id = React.useId();\n  const bound = props.value ? parseDateISO(props.value) : undefined;\n  const [draft, setDraft] = useDraft<Date | undefined>(bound, props.value ?? \"\");\n  return (\n    <FieldShell\n      slot=\"a2ui-date-field\"\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      controlId={id}\n    >\n      <DateField\n        id={id}\n        value={draft}\n        min={props.min ? parseDateISO(props.min) : undefined}\n        max={props.max ? parseDateISO(props.max) : undefined}\n        disabled={props.disabled}\n        invalid={Boolean(props.error)}\n        aria-label={props.label ?? \"Date\"}\n        onValueChange={(date) => {\n          setDraft(date);\n          const value = date ? formatDateISO(date) : \"\";\n          writeBack(\"value\", value);\n          emit(props.onChange, \"change\", { value });\n        }}\n      />\n    </FieldShell>\n  );\n};\n\nexport interface ButtonViewProps {\n  label: string;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\" | \"soft\" | \"destructive\" | \"link\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  disabled?: boolean;\n  /** Report the whole surface data model with the action, for a form submit. */\n  submit?: boolean;\n  onPress?: A2UIResolvedAction;\n}\n\nexport const ButtonView: A2UIView<ButtonViewProps> = ({ props, emit, dataModel }) => (\n  <Button\n    data-slot=\"a2ui-button\"\n    className={INLINE}\n    variant={props.variant ?? \"primary\"}\n    size={props.size ?? \"md\"}\n    disabled={props.disabled}\n    onClick={() =>\n      emit(\n        props.onPress,\n        props.submit ? \"submit\" : \"press\",\n        props.submit ? { data: dataModel } : {},\n      )\n    }\n  >\n    {props.label}\n  </Button>\n);\n\nexport interface ButtonLinkViewProps {\n  label: string;\n  href: string;\n  variant?: ButtonViewProps[\"variant\"];\n  size?: ButtonViewProps[\"size\"];\n  target?: \"_self\" | \"_blank\";\n}\n\n// ButtonLink sets its own `data-slot` after spreading props, so the A2UI marker\n// goes on a wrapper rather than being silently dropped.\nexport const ButtonLinkView: A2UIView<ButtonLinkViewProps> = ({ props }) => (\n  <span data-slot=\"a2ui-button-link\" className={cn(\"inline-flex\", INLINE)}>\n    <ButtonLink\n      variant={props.variant ?? \"secondary\"}\n      size={props.size ?? \"md\"}\n      href={props.href}\n      target={props.target}\n      rel={props.target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n    >\n      {props.label}\n    </ButtonLink>\n  </span>\n);\n\nexport interface LinkViewProps {\n  label: string;\n  href: string;\n  target?: \"_self\" | \"_blank\";\n}\n\nexport const LinkView: A2UIView<LinkViewProps> = ({ props }) => (\n  <a\n    data-slot=\"a2ui-link\"\n    href={props.href}\n    target={props.target}\n    rel={props.target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n    className={cn(\n      INLINE,\n      \"text-[length:var(--ds-text-body-sm)] text-[color:var(--ds-primary)] underline underline-offset-4\",\n      \"hover:text-[color:var(--ds-primary-hover)]\",\n    )}\n  >\n    {props.label}\n  </a>\n);\n\n/* ------------------------------------------------------------------ */\n/* Feedback                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface BadgeViewProps {\n  label: string;\n  variant?: \"default\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"neutral\" | \"outline\";\n}\n\nexport const BadgeView: A2UIView<BadgeViewProps> = ({ props }) => (\n  <Badge data-slot=\"a2ui-badge\" className={INLINE} variant={props.variant ?? \"default\"}>\n    {props.label}\n  </Badge>\n);\n\nexport interface AlertViewProps {\n  title?: string;\n  description?: string;\n  variant?: \"default\" | \"success\" | \"warn\" | \"danger\" | \"info\";\n}\n\nexport const AlertView: A2UIView<AlertViewProps> = ({ props }) => {\n  const variant = props.variant ?? \"default\";\n  return (\n    <Alert data-slot=\"a2ui-alert\" variant={variant}>\n      <AlertIcon>{ALERT_ICON[variant]}</AlertIcon>\n      <div>\n        {props.title ? <AlertTitle>{props.title}</AlertTitle> : null}\n        {props.description ? <AlertDescription>{props.description}</AlertDescription> : null}\n      </div>\n    </Alert>\n  );\n};\n\nexport interface ProgressViewProps {\n  /** `null` renders the indeterminate bar. */\n  value?: number | null;\n  max?: number;\n  label?: string;\n  showValue?: boolean;\n}\n\nexport const ProgressViewComponent: A2UIView<ProgressViewProps> = ({ props }) => (\n  <Progress\n    data-slot=\"a2ui-progress\"\n    value={props.value === undefined ? null : props.value}\n    max={props.max}\n    aria-label={props.label ?? \"Progress\"}\n  >\n    {props.label ? <ProgressLabel>{props.label}</ProgressLabel> : null}\n    {props.showValue === false ? null : <ProgressValue />}\n  </Progress>\n);\n\nexport interface StatusDotViewProps {\n  label?: string;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"neutral\";\n  live?: boolean;\n}\n\nexport const StatusDotView: A2UIView<StatusDotViewProps> = ({ props }) => (\n  <StatusDot\n    data-slot=\"a2ui-status-dot\"\n    className={INLINE}\n    tone={props.tone ?? \"accent\"}\n    live={props.live}\n    label={props.label}\n  />\n);\n\nexport interface EmptyStateViewProps {\n  title: string;\n  description?: string;\n  size?: \"default\" | \"compact\";\n}\n\nexport const EmptyStateView: A2UIView<EmptyStateViewProps> = ({ props, children }) => (\n  <EmptyState\n    data-slot=\"a2ui-empty-state\"\n    title={props.title}\n    description={props.description}\n    size={props.size ?? \"compact\"}\n    action={children.length > 0 ? <div className=\"flex gap-2\">{children}</div> : undefined}\n  />\n);\n\n/* ------------------------------------------------------------------ */\n/* Data                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface A2UIColumn {\n  id: string;\n  label?: string;\n  align?: \"start\" | \"center\" | \"end\";\n  filter?: \"faceted\" | \"text\";\n  width?: number;\n}\n\n/**\n * Where a table's rows come from.\n *\n * `client` carries the rows inline, which suits a short result an agent\n * already has. `server` carries a handle instead: the agent obtains a\n * `sourceId` from a tool and the host resolves it through\n * `resolveDataSource`, so search, sort and paging run on the backend and the\n * agent never has to put ten thousand rows in a message.\n */\nexport type A2UITableSource =\n  | { kind: \"client\"; rows: A2UIRow[] }\n  | { kind: \"server\"; sourceId: string };\n\nexport interface DataTableViewProps {\n  columns: A2UIColumn[];\n  dataSource: A2UITableSource;\n  pageSize?: number;\n  density?: \"default\" | \"compact\";\n  searchPlaceholder?: string;\n  emptyMessage?: string;\n  maxHeight?: number;\n  onRowClick?: A2UIResolvedAction;\n}\n\nexport const DataTableView: A2UIView<DataTableViewProps> = ({\n  props,\n  emit,\n  resolveDataSource,\n}) => {\n  const columns = React.useMemo<DataTableColumnDef<A2UIRow>[]>(\n    () =>\n      props.columns.map((column) => ({\n        id: column.id,\n        accessorKey: column.id,\n        header: column.label ?? column.id,\n        size: column.width,\n        meta: {\n          align: column.align,\n          filter: column.filter,\n          label: column.label ?? column.id,\n        },\n      })) as DataTableColumnDef<A2UIRow>[],\n    [props.columns],\n  );\n\n  const source = props.dataSource;\n  const resolved: DataSource<A2UIRow> | undefined =\n    source.kind === \"client\" ? { kind: \"client\", rows: source.rows } : resolveDataSource(source.sourceId);\n\n  if (!resolved) {\n    return (\n      <A2UIErrorCard\n        title=\"Unknown data source\"\n        detail={`No data source is registered for \"${(source as { sourceId: string }).sourceId}\". The host resolves a server table through resolveDataSource.`}\n      />\n    );\n  }\n\n  return (\n    <div data-slot=\"a2ui-data-table\">\n      <DataTable<A2UIRow>\n        columns={columns}\n        dataSource={resolved}\n        pageSize={props.pageSize ?? 10}\n        density={props.density ?? \"compact\"}\n        maxHeight={props.maxHeight}\n        searchPlaceholder={props.searchPlaceholder}\n        emptyMessage={props.emptyMessage}\n        onRowClick={(row) => emit(props.onRowClick, \"rowClick\", { row })}\n      />\n    </div>\n  );\n};\n\nexport interface ChartViewProps {\n  type: ChartType;\n  data: unknown;\n  title?: string;\n  height?: number;\n  stacked?: boolean;\n  legend?: boolean;\n  grid?: boolean;\n  scale?: \"sequential\" | \"diverging\";\n  indexBy?: string;\n  keys?: string[];\n  from?: string;\n  to?: string;\n  emptyMessage?: string;\n}\n\nexport const ChartView: A2UIView<ChartViewProps> = ({ props }) => (\n  <div data-slot=\"a2ui-chart\" className=\"flex flex-col gap-2\">\n    {props.title ? (\n      <p className=\"text-[length:var(--ds-text-caption-lg)] font-medium text-[color:var(--ds-foreground)]\">\n        {props.title}\n      </p>\n    ) : null}\n    <Chart\n      type={props.type}\n      data={props.data as ChartDataFor<ChartType>}\n      height={props.height ?? 260}\n      stacked={props.stacked}\n      legend={props.legend}\n      grid={props.grid}\n      scale={props.scale}\n      indexBy={props.indexBy}\n      keys={props.keys}\n      from={props.from}\n      to={props.to}\n      emptyMessage={props.emptyMessage}\n    />\n  </div>\n);\n\n/* ------------------------------------------------------------------ */\n/* Tabs and media                                                      */\n/* ------------------------------------------------------------------ */\n\nexport interface TabDescriptor {\n  value: string;\n  label: string;\n}\n\nexport interface TabsViewProps {\n  tabs: TabDescriptor[];\n  value?: string;\n  onChange?: A2UIResolvedAction;\n}\n\nexport const TabsView: A2UIView<TabsViewProps> = ({ props, children, emit, writeBack }) => {\n  const first = props.tabs[0]?.value ?? \"\";\n  const [draft, setDraft] = useDraft(props.value ?? first);\n  return (\n    <Tabs\n      data-slot=\"a2ui-tabs\"\n      value={draft}\n      onValueChange={(next) => {\n        const value = String(next);\n        setDraft(value);\n        writeBack(\"value\", value);\n        emit(props.onChange, \"tabChange\", { value });\n      }}\n    >\n      <TabsList>\n        {props.tabs.map((tab) => (\n          <TabsTrigger key={tab.value} value={tab.value}>\n            {tab.label}\n          </TabsTrigger>\n        ))}\n      </TabsList>\n      {props.tabs.map((tab, index) => (\n        <TabsContent key={tab.value} value={tab.value}>\n          {children[index] ?? null}\n        </TabsContent>\n      ))}\n    </Tabs>\n  );\n};\n\nexport interface ImageViewProps {\n  src: string;\n  alt: string;\n  width?: number;\n  height?: number;\n  rounded?: boolean;\n  fit?: \"cover\" | \"contain\";\n}\n\nexport const ImageView: A2UIView<ImageViewProps> = ({ props }) => (\n  <img\n    data-slot=\"a2ui-image\"\n    src={props.src}\n    alt={props.alt}\n    width={props.width}\n    height={props.height}\n    className={cn(\n      INLINE,\n      \"max-w-full\",\n      props.fit === \"cover\" ? \"object-cover\" : \"object-contain\",\n      props.rounded === false ? undefined : \"rounded-[var(--ds-radius-md)]\",\n      \"border border-[var(--ds-border-subtle)]\",\n    )}\n  />\n);\n\n/* ------------------------------------------------------------------ */\n/* Error card                                                          */\n/* ------------------------------------------------------------------ */\n\n/**\n * What the renderer draws instead of a component it cannot draw.\n *\n * Never raw markup and never the offending payload as HTML: the detail is set\n * as text, so a malformed message cannot inject anything. This is the\n * \"fallback: an error card on malformed payloads\" of `05-agent-ui.md`.\n */\nexport function A2UIErrorCard({\n  title,\n  detail,\n  componentId,\n}: {\n  title: string;\n  detail?: string;\n  componentId?: string;\n}) {\n  return (\n    <Alert data-slot=\"a2ui-error\" variant=\"danger\" role=\"alert\">\n      <AlertIcon>\n        <OctagonAlert />\n      </AlertIcon>\n      <div className=\"min-w-0\">\n        <AlertTitle>{title}</AlertTitle>\n        {detail ? (\n          <AlertDescription className=\"font-[family-name:var(--ds-font-mono)] text-[length:var(--ds-text-caption)] break-words\">\n            {detail}\n          </AlertDescription>\n        ) : null}\n        {componentId ? (\n          <AlertDescription className=\"text-[length:var(--ds-text-caption-sm)] text-[color:var(--ds-muted-foreground)]\">\n            Component id: {componentId}\n          </AlertDescription>\n        ) : null}\n      </div>\n    </Alert>\n  );\n}\n\n/** Re-exported so consumers can type an action handler without the message module. */\nexport type { A2UIAction };\n"],"mappings":"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"}

package/dist/a2ui.d.ts

@@ -0,0 +1,8 @@
+"use client";
+import { A2UIAction, A2UIActionSpec, A2UIBeginRendering, A2UIChildList, A2UIChildren, A2UIComponentSpec, A2UICreateSurface, A2UIDataBinding, A2UIDeleteSurface, A2UIFoldResult, A2UIMessage, A2UIMessageInput, A2UIPropertyValue, A2UISurface, A2UIUpdateComponents, A2UIUpdateDataModel, A2UI_DEFAULT_SURFACE_ID, A2UI_VERSION, foldMessages, getAtPointer, isDataBinding, parseA2UIMessages, pointerSegments, readAction, readChildren, readComponent, resolvePointer, resolveValue, setAtPointer } from "./a2ui/message.js";
+import { A2UIColumn, A2UIErrorCard, A2UINodeInfo, A2UIResolvedAction, A2UIRow, A2UITableSource, A2UIView, A2UIViewProps } from "./a2ui/views.js";
+import { A2UICatalogue, A2UICatalogueEntry, A2UIExample, A2UIGroup, A2UI_CATALOGUE_ID, catalogueNames, defaultCatalogue } from "./a2ui/catalogue.js";
+import { A2UICatalogueDoc, A2UIComponentDoc, JsonSchema, buildCatalogueDoc, catalogueMarkdown, exampleMessages } from "./a2ui/catalogue-doc.js";
+import { A2UIRenderer, A2UIRendererProps } from "./a2ui/renderer.js";
+import "./a2ui/index.js";
+export { type A2UIAction, type A2UIActionSpec, type A2UIBeginRendering, type A2UICatalogue, type A2UICatalogueDoc, type A2UICatalogueEntry, type A2UIChildList, type A2UIChildren, type A2UIColumn, type A2UIComponentDoc, type A2UIComponentSpec, type A2UICreateSurface, type A2UIDataBinding, type A2UIDeleteSurface, A2UIErrorCard, type A2UIExample, type A2UIFoldResult, type A2UIGroup, type A2UIMessage, type A2UIMessageInput, type A2UINodeInfo, type A2UIPropertyValue, A2UIRenderer, type A2UIRendererProps, type A2UIResolvedAction, type A2UIRow, type A2UISurface, type A2UITableSource, type A2UIUpdateComponents, type A2UIUpdateDataModel, type A2UIView, type A2UIViewProps, A2UI_CATALOGUE_ID, A2UI_DEFAULT_SURFACE_ID, A2UI_VERSION, type JsonSchema, buildCatalogueDoc, catalogueMarkdown, catalogueNames, defaultCatalogue, exampleMessages, foldMessages, getAtPointer, isDataBinding, parseA2UIMessages, pointerSegments, readAction, readChildren, readComponent, resolvePointer, resolveValue, setAtPointer };

package/dist/a2ui.js

@@ -0,0 +1,7 @@
+"use client";
+import { A2UIErrorCard } from "./a2ui/views.js";
+import { A2UI_CATALOGUE_ID, catalogueNames, defaultCatalogue } from "./a2ui/catalogue.js";
+import { A2UI_DEFAULT_SURFACE_ID, A2UI_VERSION, foldMessages, getAtPointer, isDataBinding, parseA2UIMessages, pointerSegments, readAction, readChildren, readComponent, resolvePointer, resolveValue, setAtPointer } from "./a2ui/message.js";
+import { buildCatalogueDoc, catalogueMarkdown, exampleMessages } from "./a2ui/catalogue-doc.js";
+import { A2UIRenderer } from "./a2ui/renderer.js";
+export { A2UIErrorCard, A2UIRenderer, A2UI_CATALOGUE_ID, A2UI_DEFAULT_SURFACE_ID, A2UI_VERSION, buildCatalogueDoc, catalogueMarkdown, catalogueNames, defaultCatalogue, exampleMessages, foldMessages, getAtPointer, isDataBinding, parseA2UIMessages, pointerSegments, readAction, readChildren, readComponent, resolvePointer, resolveValue, setAtPointer };

package/dist/chart.d.ts

@@ -0,0 +1,9 @@
+"use client";
+import { ChartConfig, ChartDataFor, ChartDay, ChartEngine, ChartLabels, ChartMatrix, ChartPoint, ChartRenderer, ChartRow, ChartScale, ChartSeries, ChartSlice, ChartTree, ChartType, NIVO_TYPES, RECHARTS_TYPES, chartEngine } from "./components/chart/types.js";
+import { ChartContainer, ChartContainerProps, ChartEmpty, ChartError, ChartLegendContent, ChartLegendContentProps, ChartLoading, ChartTooltipContent, ChartTooltipContentProps, seriesColor, useChart } from "./components/chart/container.js";
+import { Chart, ChartProps } from "./components/chart/chart.js";
+import { ChartLegend, ChartTooltip } from "./components/chart/recharts-parts.js";
+import { NivoTheme, nivoTheme, useNivoTheme } from "./components/chart/nivo-theme.js";
+import { ChartScales, VIZ_SERIES_COUNT, chartScales, resolveColor, resolveVizSeries, toHex, vizSeriesVars, vizVar } from "./components/chart/tokens.js";
+import { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, ComposedChart, Funnel, FunnelChart, LabelList, Line, LineChart, Pie, PieChart, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadarChart, RechartsLegend, RechartsTooltip, ReferenceLine, ResponsiveContainer, Scatter, ScatterChart, XAxis, YAxis } from "./components/chart/index.js";
+export { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, Chart, type ChartConfig, ChartContainer, type ChartContainerProps, type ChartDataFor, type ChartDay, ChartEmpty, type ChartEngine, ChartError, type ChartLabels, ChartLegend, ChartLegendContent, type ChartLegendContentProps, ChartLoading, type ChartMatrix, type ChartPoint, type ChartProps, type ChartRenderer, type ChartRow, type ChartScale, type ChartScales, type ChartSeries, type ChartSlice, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, type ChartTree, type ChartType, ComposedChart, Funnel, FunnelChart, LabelList, Line, LineChart, NIVO_TYPES, type NivoTheme, Pie, PieChart, PolarAngleAxis, PolarGrid, PolarRadiusAxis, RECHARTS_TYPES, Radar, RadarChart, RechartsLegend, RechartsTooltip, ReferenceLine, ResponsiveContainer, Scatter, ScatterChart, VIZ_SERIES_COUNT, XAxis, YAxis, chartEngine, chartScales, nivoTheme, resolveColor, resolveVizSeries, seriesColor, toHex, useChart, useNivoTheme, vizSeriesVars, vizVar };

package/dist/chart.js

@@ -0,0 +1,9 @@
+"use client";
+import { VIZ_SERIES_COUNT, chartScales, resolveColor, resolveVizSeries, toHex, vizSeriesVars, vizVar } from "./components/chart/tokens.js";
+import { ChartContainer, ChartEmpty, ChartError, ChartLegendContent, ChartLoading, ChartTooltipContent, seriesColor, useChart } from "./components/chart/container.js";
+import { NIVO_TYPES, RECHARTS_TYPES, chartEngine } from "./components/chart/types.js";
+import { Chart } from "./components/chart/chart.js";
+import { ChartLegend, ChartTooltip } from "./components/chart/recharts-parts.js";
+import { nivoTheme, useNivoTheme } from "./components/chart/nivo-theme.js";
+import { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, ComposedChart, Funnel, FunnelChart, LabelList, Line, LineChart, Pie, PieChart, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadarChart, RechartsLegend, RechartsTooltip, ReferenceLine, ResponsiveContainer, Scatter, ScatterChart, XAxis, YAxis } from "./components/chart/index.js";
+export { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, Chart, ChartContainer, ChartEmpty, ChartError, ChartLegend, ChartLegendContent, ChartLoading, ChartTooltip, ChartTooltipContent, ComposedChart, Funnel, FunnelChart, LabelList, Line, LineChart, NIVO_TYPES, Pie, PieChart, PolarAngleAxis, PolarGrid, PolarRadiusAxis, RECHARTS_TYPES, Radar, RadarChart, RechartsLegend, RechartsTooltip, ReferenceLine, ResponsiveContainer, Scatter, ScatterChart, VIZ_SERIES_COUNT, XAxis, YAxis, chartEngine, chartScales, nivoTheme, resolveColor, resolveVizSeries, seriesColor, toHex, useChart, useNivoTheme, vizSeriesVars, vizVar };

package/dist/components/accordion.d.ts

@@ -0,0 +1,22 @@
+"use client";
+import { Accordion } from "@base-ui/react/accordion";
+//#region src/components/accordion.d.ts
+/**
+ * Accordion.
+ *
+ * Base UI's Accordion is a list of Collapsibles: `Root > Item > Header > Trigger`
+ * plus `Panel`. The panel animates on height through Base UI's
+ * `--accordion-panel-height`, and marks its first/last frame with
+ * `data-starting-style` / `data-ending-style`, which is where it collapses to 0.
+ *
+ * Radix users: `type="single" | "multiple"` is now the boolean `multiple`, and
+ * `value` is always an array. `collapsible` is the default. `data-state="open"`
+ * is `data-open` on the item and panel, `data-panel-open` on the trigger.
+ */
+declare function Accordion$1({ className, ...props }: Accordion.Root.Props): import("react").JSX.Element;
+declare function AccordionItem({ className, ...props }: Accordion.Item.Props): import("react").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: Accordion.Trigger.Props): import("react").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: Accordion.Panel.Props): import("react").JSX.Element;
+//#endregion
+export { Accordion$1 as Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/accordion.js

@@ -0,0 +1,63 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { Accordion } from "@base-ui/react/accordion";
+import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/accordion.tsx
+/**
+* Accordion.
+*
+* Base UI's Accordion is a list of Collapsibles: `Root > Item > Header > Trigger`
+* plus `Panel`. The panel animates on height through Base UI's
+* `--accordion-panel-height`, and marks its first/last frame with
+* `data-starting-style` / `data-ending-style`, which is where it collapses to 0.
+*
+* Radix users: `type="single" | "multiple"` is now the boolean `multiple`, and
+* `value` is always an array. `collapsible` is the default. `data-state="open"`
+* is `data-open` on the item and panel, `data-panel-open` on the trigger.
+*/
+function Accordion$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Root, {
+		"data-slot": "accordion",
+		className: cn("flex w-full flex-col", className),
+		...props
+	});
+}
+function AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Item, {
+		"data-slot": "accordion-item",
+		className: cn("border-b border-[var(--ds-border)] last:border-b-0", className),
+		...props
+	});
+}
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Header, {
+		"data-slot": "accordion-header",
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(Accordion.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("flex flex-1 items-start justify-between gap-4 py-4 text-left", "text-[length:var(--ds-text-body-sm)] font-medium text-[color:var(--ds-foreground)]", "rounded-[var(--ds-radius-sm)] outline-none", "transition-colors duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]", "hover:underline focus-visible:ring-[3px] focus-visible:ring-[var(--ds-ring)]/40", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "[&[data-panel-open]>svg]:rotate-180", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(ChevronDown, {
+				"aria-hidden": true,
+				className: cn("pointer-events-none size-4 shrink-0 translate-y-0.5 text-[color:var(--ds-muted-foreground)]", "transition-transform duration-[var(--ds-duration-base)] ease-[var(--ds-ease-out)]")
+			})]
+		})
+	});
+}
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Panel, {
+		"data-slot": "accordion-content",
+		className: cn("h-[var(--accordion-panel-height,auto)] overflow-hidden", "text-[length:var(--ds-text-body-sm)] text-[color:var(--ds-muted-foreground)]", "transition-[height] duration-[var(--ds-duration-base)] ease-[var(--ds-ease-out)]", "data-[starting-style]:h-0 data-[ending-style]:h-0"),
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("pt-0 pb-4", className),
+			children
+		})
+	});
+}
+//#endregion
+export { Accordion$1 as Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":["Accordion","AccordionPrimitive"],"sources":["../../src/components/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"@/lib/cn\";\n\n/**\n * Accordion.\n *\n * Base UI's Accordion is a list of Collapsibles: `Root > Item > Header > Trigger`\n * plus `Panel`. The panel animates on height through Base UI's\n * `--accordion-panel-height`, and marks its first/last frame with\n * `data-starting-style` / `data-ending-style`, which is where it collapses to 0.\n *\n * Radix users: `type=\"single\" | \"multiple\"` is now the boolean `multiple`, and\n * `value` is always an array. `collapsible` is the default. `data-state=\"open\"`\n * is `data-open` on the item and panel, `data-panel-open` on the trigger.\n */\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"flex w-full flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b border-[var(--ds-border)] last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({ className, children, ...props }: AccordionPrimitive.Trigger.Props) {\n  return (\n    <AccordionPrimitive.Header data-slot=\"accordion-header\" className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"flex flex-1 items-start justify-between gap-4 py-4 text-left\",\n          \"text-[length:var(--ds-text-body-sm)] font-medium text-[color:var(--ds-foreground)]\",\n          \"rounded-[var(--ds-radius-sm)] outline-none\",\n          \"transition-colors duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]\",\n          \"hover:underline focus-visible:ring-[3px] focus-visible:ring-[var(--ds-ring)]/40\",\n          \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n          \"[&[data-panel-open]>svg]:rotate-180\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDown\n          aria-hidden\n          className={cn(\n            \"pointer-events-none size-4 shrink-0 translate-y-0.5 text-[color:var(--ds-muted-foreground)]\",\n            \"transition-transform duration-[var(--ds-duration-base)] ease-[var(--ds-ease-out)]\",\n          )}\n        />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({ className, children, ...props }: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className={cn(\n        \"h-[var(--accordion-panel-height,auto)] overflow-hidden\",\n        \"text-[length:var(--ds-text-body-sm)] text-[color:var(--ds-muted-foreground)]\",\n        \"transition-[height] duration-[var(--ds-duration-base)] ease-[var(--ds-ease-out)]\",\n        \"data-[starting-style]:h-0 data-[ending-style]:h-0\",\n      )}\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Panel>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,SAASA,YAAU,EAAE,WAAW,GAAG,SAAwC;CACzE,OACE,oBAACC,UAAmB,MAApB;EACE,aAAU;EACV,WAAW,GAAG,wBAAwB,SAAS;EAC/C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;CAC7E,OACE,oBAACA,UAAmB,MAApB;EACE,aAAU;EACV,WAAW,GAAG,sDAAsD,SAAS;EAC7E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EAAE,WAAW,UAAU,GAAG,SAA2C;CAC7F,OACE,oBAACA,UAAmB,QAApB;EAA2B,aAAU;EAAmB,WAAU;EAChE,UAAA,qBAACA,UAAmB,SAApB;GACE,aAAU;GACV,WAAW,GACT,gEACA,sFACA,8CACA,kFACA,mFACA,kEACA,uCACA,SACF;GACA,GAAI;GAZN,UAAA,CAcG,UACD,oBAAC,aAAD;IACE,eAAA;IACA,WAAW,GACT,+FACA,mFACF;GACD,CAAA,CACyB;;CACH,CAAA;AAE/B;AAEA,SAAS,iBAAiB,EAAE,WAAW,UAAU,GAAG,SAAyC;CAC3F,OACE,oBAACA,UAAmB,OAApB;EACE,aAAU;EACV,WAAW,GACT,0DACA,gFACA,oFACA,mDACF;EACA,GAAI;EAEJ,UAAA,oBAAC,OAAD;GAAK,WAAW,GAAG,aAAa,SAAS;GAAI;EAAc,CAAA;CACnC,CAAA;AAE9B"}

package/dist/components/alert.d.ts

@@ -0,0 +1,15 @@
+"use client";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/components/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "success" | "warn" | "destructive" | "danger" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AlertProps extends React.ComponentProps<"div">, VariantProps<typeof alertVariants> {}
+declare function Alert({ className, variant, ...props }: AlertProps): React.JSX.Element;
+declare function AlertIcon({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertIcon, AlertTitle, alertVariants };
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/alert.js

@@ -0,0 +1,64 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/alert.tsx
+/**
+* Alert — an inline callout. Tinted variants use the `-soft` fill for the
+* background and the tone colour for the border and icon; the body text stays
+* on the foreground token so it reads in both themes.
+*
+* The error tone is `destructive`, the same spelling Button uses; `danger` is
+* a deprecated alias of it and paints identically.
+*/
+const DESTRUCTIVE_ALERT = "bg-[var(--ds-destructive-soft)] border-[var(--ds-destructive)]/35 [&_[data-slot=alert-icon]]:text-[color:var(--ds-destructive)]";
+const alertVariants = /* @__PURE__ */ cva([
+	"flex gap-3 rounded-[var(--ds-radius-md)] border px-3.5 py-3",
+	"text-[length:var(--ds-text-caption-lg)] leading-[var(--ds-text-caption-lg--line-height)]",
+	"text-[color:var(--ds-foreground)]"
+], {
+	variants: { variant: {
+		default: "bg-[var(--ds-card)] border-[var(--ds-border-subtle)] [&_[data-slot=alert-icon]]:text-[color:var(--ds-muted-foreground)]",
+		success: "bg-[var(--ds-success-soft)] border-[var(--ds-success)]/35 [&_[data-slot=alert-icon]]:text-[color:var(--ds-success)]",
+		warn: "bg-[var(--ds-warning-soft)] border-[var(--ds-warning)]/35 [&_[data-slot=alert-icon]]:text-[color:var(--ds-warning)]",
+		destructive: DESTRUCTIVE_ALERT,
+		/** @deprecated Use `destructive`, the name Button and Badge use; this alias paints the same. */
+		danger: DESTRUCTIVE_ALERT,
+		info: "bg-[var(--ds-info-soft)] border-[var(--ds-info)]/35 [&_[data-slot=alert-icon]]:text-[color:var(--ds-info)]"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Alert({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: cn(alertVariants({ variant }), className),
+		...props
+	});
+}
+function AlertIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-icon",
+		className: cn("shrink-0 self-start [&_svg]:size-4.5 [&_svg]:shrink-0", className),
+		...props
+	});
+}
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("self-start font-semibold text-[color:var(--ds-foreground)]", className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("mt-0.5 self-start text-[color:var(--ds-muted-foreground)]", className),
+		...props
+	});
+}
+//#endregion
+export { Alert, AlertDescription, AlertIcon, AlertTitle, alertVariants };
+
+//# sourceMappingURL=alert.js.map

package/dist/components/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"sources":["../../src/components/alert.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\nimport { cn } from \"@/lib/cn\";\n\n/**\n * Alert — an inline callout. Tinted variants use the `-soft` fill for the\n * background and the tone colour for the border and icon; the body text stays\n * on the foreground token so it reads in both themes.\n *\n * The error tone is `destructive`, the same spelling Button uses; `danger` is\n * a deprecated alias of it and paints identically.\n */\nconst DESTRUCTIVE_ALERT =\n  \"bg-[var(--ds-destructive-soft)] border-[var(--ds-destructive)]/35 [&_[data-slot=alert-icon]]:text-[color:var(--ds-destructive)]\";\n\nconst alertVariants = /* @__PURE__ */ cva(\n  [\n    \"flex gap-3 rounded-[var(--ds-radius-md)] border px-3.5 py-3\",\n    \"text-[length:var(--ds-text-caption-lg)] leading-[var(--ds-text-caption-lg--line-height)]\",\n    \"text-[color:var(--ds-foreground)]\",\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-[var(--ds-card)] border-[var(--ds-border-subtle)] [&_[data-slot=alert-icon]]:text-[color:var(--ds-muted-foreground)]\",\n        success:\n          \"bg-[var(--ds-success-soft)] border-[var(--ds-success)]/35 [&_[data-slot=alert-icon]]:text-[color:var(--ds-success)]\",\n        warn: \"bg-[var(--ds-warning-soft)] border-[var(--ds-warning)]/35 [&_[data-slot=alert-icon]]:text-[color:var(--ds-warning)]\",\n        destructive: DESTRUCTIVE_ALERT,\n        /** @deprecated Use `destructive`, the name Button and Badge use; this alias paints the same. */\n        danger: DESTRUCTIVE_ALERT,\n        info: \"bg-[var(--ds-info-soft)] border-[var(--ds-info)]/35 [&_[data-slot=alert-icon]]:text-[color:var(--ds-info)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface AlertProps\n  extends React.ComponentProps<\"div\">, VariantProps<typeof alertVariants> {}\n\nfunction Alert({ className, variant, ...props }: AlertProps) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertIcon({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-icon\"\n      className={cn(\"shrink-0 self-start [&_svg]:size-4.5 [&_svg]:shrink-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\"self-start font-semibold text-[color:var(--ds-foreground)]\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\"mt-0.5 self-start text-[color:var(--ds-muted-foreground)]\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertIcon, AlertTitle, AlertDescription, alertVariants };\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,oBACJ;AAEF,MAAM,gBAAgC,oBACpC;CACE;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,SACE;EACF,MAAM;EACN,aAAa;;EAEb,QAAQ;EACR,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAKA,SAAS,MAAM,EAAE,WAAW,SAAS,GAAG,SAAqB;CAC3D,OACE,oBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,yDAAyD,SAAS;EAChF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,8DAA8D,SAAS;EACrF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;CAC9E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,6DAA6D,SAAS;EACpF,GAAI;CACL,CAAA;AAEL"}

package/dist/components/avatar.d.ts

@@ -0,0 +1,18 @@
+"use client";
+import { Avatar } from "@base-ui/react/avatar";
+//#region src/components/avatar.d.ts
+/**
+ * Avatar.
+ *
+ * Base UI preloads the image and only mounts `<img>` once it has loaded, so
+ * the fallback is what paints while loading and after an error. Initials sit
+ * on the primary fill in inverse text.
+ *
+ * Radix users: `delayMs` on the fallback is now `delay`.
+ */
+declare function Avatar$1({ className, ...props }: Avatar.Root.Props): import("react").JSX.Element;
+declare function AvatarImage({ className, ...props }: Avatar.Image.Props): import("react").JSX.Element;
+declare function AvatarFallback({ className, ...props }: Avatar.Fallback.Props): import("react").JSX.Element;
+//#endregion
+export { Avatar$1 as Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar.js

@@ -0,0 +1,40 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+//#region src/components/avatar.tsx
+/**
+* Avatar.
+*
+* Base UI preloads the image and only mounts `<img>` once it has loaded, so
+* the fallback is what paints while loading and after an error. Initials sit
+* on the primary fill in inverse text.
+*
+* Radix users: `delayMs` on the fallback is now `delay`.
+*/
+function Avatar$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Root, {
+		"data-slot": "avatar",
+		className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-[var(--ds-radius-full)]", className),
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Image, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full object-cover", className),
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("flex size-full select-none items-center justify-center rounded-[var(--ds-radius-full)]", "bg-[var(--ds-primary)] text-[color:var(--ds-primary-foreground)]", "text-[length:var(--ds-text-caption-lg)] font-semibold tracking-tight", className),
+		...props
+	});
+}
+//#endregion
+export { Avatar$1 as Avatar, AvatarFallback, AvatarImage };
+
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["Avatar","AvatarPrimitive"],"sources":["../../src/components/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\";\nimport { cn } from \"@/lib/cn\";\n\n/**\n * Avatar.\n *\n * Base UI preloads the image and only mounts `<img>` once it has loaded, so\n * the fallback is what paints while loading and after an error. Initials sit\n * on the primary fill in inverse text.\n *\n * Radix users: `delayMs` on the fallback is now `delay`.\n */\nfunction Avatar({ className, ...props }: AvatarPrimitive.Root.Props) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        \"relative flex size-8 shrink-0 overflow-hidden rounded-[var(--ds-radius-full)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full object-cover\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"flex size-full select-none items-center justify-center rounded-[var(--ds-radius-full)]\",\n        \"bg-[var(--ds-primary)] text-[color:var(--ds-primary-foreground)]\",\n        \"text-[length:var(--ds-text-caption-lg)] font-semibold tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"mappings":";;;;;;;;;;;;;;;AAcA,SAASA,SAAO,EAAE,WAAW,GAAG,SAAqC;CACnE,OACE,oBAACC,OAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GACT,iFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAACA,OAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAyC;CAC/E,OACE,oBAACA,OAAgB,UAAjB;EACE,aAAU;EACV,WAAW,GACT,0FACA,oEACA,wEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/badge.d.ts

@@ -0,0 +1,12 @@
+"use client";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/components/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "default" | "success" | "warning" | "warn" | "destructive" | "danger" | "info" | "neutral" | "secondary" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {}
+declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
+//#endregion
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge.js

@@ -0,0 +1,47 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/badge.tsx
+/**
+* Badge — the mono, uppercase status label. Each tone pairs a `-soft` fill
+* with its foreground token. The error tone is `destructive`, the same
+* spelling Button and Alert use; `warn`, `danger` and `secondary` are
+* deprecated aliases kept for cortenaweb call sites and paint identically.
+*/
+const DESTRUCTIVE_BADGE = "bg-[var(--ds-destructive-soft)] text-[color:var(--ds-destructive)]";
+const badgeVariants = /* @__PURE__ */ cva([
+	"inline-flex items-center gap-1.5 px-1.5 py-0.5 whitespace-nowrap",
+	"rounded-[var(--ds-radius-sm)]",
+	"font-[family-name:var(--ds-font-mono)] text-[length:var(--ds-text-caption-sm)] font-medium uppercase",
+	"tracking-[var(--ds-text-eyebrow--letter-spacing)] leading-[var(--ds-text-caption-sm--line-height)]",
+	"[&_svg]:size-3 [&_svg]:shrink-0"
+], {
+	variants: { variant: {
+		default: "bg-[var(--ds-primary-soft)] text-[color:var(--ds-primary-soft-foreground)]",
+		success: "bg-[var(--ds-success-soft)] text-[color:var(--ds-success)]",
+		warning: "bg-[var(--ds-warning-soft)] text-[color:var(--ds-warning)]",
+		/** @deprecated Use `warning`; this alias paints the same. */
+		warn: "bg-[var(--ds-warning-soft)] text-[color:var(--ds-warning)]",
+		destructive: DESTRUCTIVE_BADGE,
+		/** @deprecated Use `destructive`, the name Button and Alert use; this alias paints the same. */
+		danger: DESTRUCTIVE_BADGE,
+		info: "bg-[var(--ds-info-soft)] text-[color:var(--ds-info)]",
+		neutral: "bg-[var(--ds-hover)] text-[color:var(--ds-muted-foreground)]",
+		secondary: "bg-[var(--ds-hover)] text-[color:var(--ds-muted-foreground)]",
+		outline: "bg-transparent border border-[var(--ds-border)] text-[color:var(--ds-muted-foreground)]"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "badge",
+		className: cn(badgeVariants({ variant }), className),
+		...props
+	});
+}
+//#endregion
+export { Badge, badgeVariants };
+
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\nimport { cn } from \"@/lib/cn\";\n\n/**\n * Badge — the mono, uppercase status label. Each tone pairs a `-soft` fill\n * with its foreground token. The error tone is `destructive`, the same\n * spelling Button and Alert use; `warn`, `danger` and `secondary` are\n * deprecated aliases kept for cortenaweb call sites and paint identically.\n */\nconst DESTRUCTIVE_BADGE = \"bg-[var(--ds-destructive-soft)] text-[color:var(--ds-destructive)]\";\n\nconst badgeVariants = /* @__PURE__ */ cva(\n  [\n    \"inline-flex items-center gap-1.5 px-1.5 py-0.5 whitespace-nowrap\",\n    \"rounded-[var(--ds-radius-sm)]\",\n    \"font-[family-name:var(--ds-font-mono)] text-[length:var(--ds-text-caption-sm)] font-medium uppercase\",\n    \"tracking-[var(--ds-text-eyebrow--letter-spacing)] leading-[var(--ds-text-caption-sm--line-height)]\",\n    \"[&_svg]:size-3 [&_svg]:shrink-0\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"bg-[var(--ds-primary-soft)] text-[color:var(--ds-primary-soft-foreground)]\",\n        success: \"bg-[var(--ds-success-soft)] text-[color:var(--ds-success)]\",\n        warning: \"bg-[var(--ds-warning-soft)] text-[color:var(--ds-warning)]\",\n        /** @deprecated Use `warning`; this alias paints the same. */\n        warn: \"bg-[var(--ds-warning-soft)] text-[color:var(--ds-warning)]\",\n        destructive: DESTRUCTIVE_BADGE,\n        /** @deprecated Use `destructive`, the name Button and Alert use; this alias paints the same. */\n        danger: DESTRUCTIVE_BADGE,\n        info: \"bg-[var(--ds-info-soft)] text-[color:var(--ds-info)]\",\n        neutral: \"bg-[var(--ds-hover)] text-[color:var(--ds-muted-foreground)]\",\n        secondary: \"bg-[var(--ds-hover)] text-[color:var(--ds-muted-foreground)]\",\n        outline:\n          \"bg-transparent border border-[var(--ds-border)] text-[color:var(--ds-muted-foreground)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends React.ComponentProps<\"span\">, VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return (\n    <span data-slot=\"badge\" className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,oBAAoB;AAE1B,MAAM,gBAAgC,oBACpC;CACE;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,SAAS;;EAET,MAAM;EACN,aAAa;;EAEb,QAAQ;EACR,MAAM;EACN,SAAS;EACT,WAAW;EACX,SACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAKA,SAAS,MAAM,EAAE,WAAW,SAAS,GAAG,SAAqB;CAC3D,OACE,oBAAC,QAAD;EAAM,aAAU;EAAQ,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE9F"}

package/dist/components/breadcrumb.d.ts

@@ -0,0 +1,71 @@
+"use client";
+import { RenderProp } from "../lib/render.js";
+import * as React from "react";
+//#region src/components/breadcrumb.d.ts
+/**
+ * Breadcrumb — the trail above a page title.
+ *
+ * A `<nav aria-label="Breadcrumb">` around an ordered list, which is what
+ * assistive technology expects: the list order is the hierarchy, so a screen
+ * reader announces "list, 4 items" and reads the path in order. Separators are
+ * decorative list items, not text inside the links, so a link's accessible
+ * name is the crumb and nothing else.
+ *
+ * The last crumb is `BreadcrumbPage`, not a link: it is the page you are on,
+ * so it carries `aria-current="page"` and is not focusable. Everything before
+ * it is a `BreadcrumbLink`.
+ *
+ * ```tsx
+ * <Breadcrumb>
+ *   <BreadcrumbList>
+ *     <BreadcrumbItem>
+ *       <BreadcrumbLink href="/">Home</BreadcrumbLink>
+ *     </BreadcrumbItem>
+ *     <BreadcrumbSeparator />
+ *     <BreadcrumbItem>
+ *       <BreadcrumbEllipsis />
+ *     </BreadcrumbItem>
+ *     <BreadcrumbSeparator />
+ *     <BreadcrumbItem>
+ *       <BreadcrumbPage>Invoice 4021</BreadcrumbPage>
+ *     </BreadcrumbItem>
+ *   </BreadcrumbList>
+ * </Breadcrumb>
+ * ```
+ *
+ * **Router links.** `BreadcrumbLink` renders an `<a>` by default. Pass
+ * `render` with the router's link component and the class name, `href` and
+ * handlers are merged onto it, the same contract as `ButtonLink`:
+ * `render={<NextLink href="/projects" />}` or
+ * `render={<Link to="/projects" />}`. This is deliberately not Base UI's
+ * `render` — a breadcrumb is markup, not a Base UI primitive — but it takes
+ * the same shape so there is one thing to remember.
+ */
+declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+export interface BreadcrumbLinkProps extends React.ComponentProps<"a"> {
+  /** Replace the rendered `<a>` with a router link; props are merged onto it. */
+  render?: RenderProp;
+}
+declare function BreadcrumbLink({ className, render, children, ...props }: BreadcrumbLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/**
+ * The current page: the last crumb, which is not a link.
+ *
+ * A plain `<span aria-current="page">`, deliberately not `role="link"` with
+ * `aria-disabled` — a disabled link that cannot be focused is a fiction, and
+ * it makes `getByRole("link")` return a crumb that navigates nowhere. With a
+ * span, the roles in the trail are exactly the crumbs you can travel to.
+ */
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+/** Decorative divider between two crumbs; a chevron unless children replace it. */
+declare function BreadcrumbSeparator({ className, children, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+/**
+ * Stands in for the crumbs a long trail collapses; put it inside a
+ * BreadcrumbItem. The glyph is hidden and the label is not: an ellipsis that
+ * announces nothing leaves a screen-reader user with a gap in the path.
+ */
+declare function BreadcrumbEllipsis({ className, children, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.ts.map