@urbicon-ui/blocks 6.38.0 → 6.40.1

package/dist/components/Chat/A2UIView/a2ui-view.variants.d.ts

@@ -0,0 +1,80 @@
+import { type SlotNames, type VariantProps } from '../../../utils/variants.js';
+/**
+ * Slot styles for the A2UI renderer. Pure semantic tokens — no `dark:`, no
+ * hardcoded colours. Enum-driven layout (justify/align/direction/fit/size) is
+ * NOT modelled as tv() variant axes: those tokens live as complete class-string
+ * lookup maps inside `A2UINode.svelte` (so Tailwind's scanner still sees them),
+ * which keeps this config a flat, dead-token-free set of slots (the tv() text-*
+ * colour-bucketing trap only bites when a size utility and a colour utility
+ * share one slot across a variant fold — here every slot is single-combination).
+ */
+export declare const a2uiViewVariants: ((props?: {} | undefined) => {
+    root: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    surface: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    errorList: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    errorChip: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    errorIcon: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    pending: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    pendingSurface: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    pendingBar: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    column: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    row: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    list: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    listItem: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    heading: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    caption: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    inlineText: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    image: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    blockedChip: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    icon: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    svgIcon: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    choiceGroup: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+    choiceLabel: (props?: ({} & {
+        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
+    }) | undefined) => string;
+}) & {
+    readonly config: import("../../../utils/variants.js").TVConfig;
+};
+export type A2UIViewVariants = VariantProps<typeof a2uiViewVariants>;
+/** Slot names derived from the tv() config — single source of truth for slotClasses. */
+export type A2UIViewSlots = SlotNames<typeof a2uiViewVariants>;

package/dist/components/Chat/A2UIView/a2ui-view.variants.js

@@ -0,0 +1,62 @@
+import { tv } from '../../../utils/variants.js';
+/**
+ * Slot styles for the A2UI renderer. Pure semantic tokens — no `dark:`, no
+ * hardcoded colours. Enum-driven layout (justify/align/direction/fit/size) is
+ * NOT modelled as tv() variant axes: those tokens live as complete class-string
+ * lookup maps inside `A2UINode.svelte` (so Tailwind's scanner still sees them),
+ * which keeps this config a flat, dead-token-free set of slots (the tv() text-*
+ * colour-bucketing trap only bites when a size utility and a colour utility
+ * share one slot across a variant fold — here every slot is single-combination).
+ */
+export const a2uiViewVariants = tv({
+    slots: {
+        /** Outer view container. Establishes the base text colour every node inherits. */
+        root: 'flex min-w-0 flex-col gap-3 text-text-primary',
+        /** Per-surface wrapper (one surface per createSurface). */
+        surface: 'flex min-w-0 flex-col',
+        /** Message list inside the top-level error summary Alert. */
+        errorList: 'flex flex-col gap-0.5 text-sm',
+        /** Inline fault chip standing in for an un-renderable node (unknown/unsupported/dangling). */
+        errorChip: [
+            'inline-flex max-w-full items-center gap-1.5 rounded-modify',
+            'bg-danger-subtle px-2 py-1 text-xs text-danger'
+        ],
+        /** Icon inside a fault or blocked chip; size comes from the icon prop. */
+        errorIcon: 'shrink-0',
+        /** Streaming placeholder wrapper for a not-yet-defined reference. */
+        pending: 'inline-flex items-center gap-1.5',
+        /** Skeleton shown while streaming before a surface has received its root. */
+        pendingSurface: 'flex min-w-0 flex-col gap-2 rounded-contain border border-border-subtle p-4',
+        /** One shimmering placeholder bar inside the streaming skeleton. */
+        pendingBar: 'h-4 animate-pulse rounded-modify bg-neutral-subtle motion-reduce:animate-none',
+        /** Column layout container (flex-col); justify/align appended per instance. */
+        column: 'flex min-w-0 flex-col gap-2',
+        /** Row layout container (flex-row); justify/align appended per instance. */
+        row: 'flex min-w-0 flex-row gap-2',
+        /** List container (`<ul>`); flow direction appended per instance. */
+        list: 'm-0 flex min-w-0 list-none gap-1 p-0',
+        /** List item (`<li>`). */
+        listItem: 'min-w-0',
+        /** Heading element for Text variants h1–h5; the font-size step is appended per level. */
+        heading: 'min-w-0 break-words font-semibold leading-tight text-text-primary',
+        /** Caption Text variant. */
+        caption: 'min-w-0 break-words text-xs text-text-tertiary',
+        /** Plain inline text (Text inside a Button label / inline context). */
+        inlineText: 'text-sm',
+        /** Rendered image element (only when the URL passes the policy). */
+        image: 'block max-w-full rounded-contain border border-border-subtle',
+        /** Alt-text chip shown when an image URL is blocked by the policy. */
+        blockedChip: [
+            'inline-flex max-w-full items-center gap-1.5 rounded-modify',
+            'bg-neutral-subtle px-2 py-1 text-xs text-text-secondary'
+        ],
+        /** Icon wrapper (mapped Icon component). */
+        icon: 'inline-flex shrink-0 text-current',
+        /** Inline `<svg>` for a guarded custom `svgPath`. */
+        svgIcon: 'inline-block shrink-0 fill-none stroke-current',
+        /** Wrapper for the multiple-selection ChoicePicker (label + checkboxes). */
+        choiceGroup: 'flex min-w-0 flex-col gap-2',
+        /** Group label for the multiple-selection ChoicePicker. */
+        choiceLabel: 'text-sm font-medium text-text-secondary'
+    }
+});

package/dist/components/Chat/A2UIView/a2ui.types.d.ts

@@ -0,0 +1,119 @@
+/**
+ * Public type contracts for the A2UI engine (AI-Kit P4).
+ *
+ * A2UI is Google/A2UI-project's "Agent to UI" protocol. This engine targets the
+ * **v0.9.1 `basic` catalog**, rendering a curated 12-component subset (see
+ * `a2ui-registry.ts`). These types are the boundary between the pure-TS engine
+ * (WP-A) and the Svelte renderer (WP-B) — keep them Svelte-free.
+ *
+ * The `A2uiValidationIssue` shape is deliberately spec-compatible with the A2UI
+ * client→server `error` message (`{ code, surfaceId?, path?, message }`) so a
+ * consumer can relay error-severity issues back to the agent verbatim as a
+ * `VALIDATION_FAILED` error. `severity` is our addition, so warnings and errors
+ * travel on one channel; the consumer filters.
+ */
+/**
+ * A single Server→Client envelope. Structurally validated at runtime, never
+ * type-enforced — the wire payload is untrusted, so the engine treats every
+ * envelope as an opaque record and validates field-by-field.
+ */
+export type A2uiEnvelope = Record<string, unknown>;
+/**
+ * A resolved user action, spec-exact for the A2UI client→server `action`
+ * message. All five fields are required; `context` bindings are resolved
+ * against the data model in the source component's scope before dispatch.
+ */
+export interface A2uiActionEvent {
+    name: string;
+    surfaceId: string;
+    sourceComponentId: string;
+    /** ISO 8601 timestamp (`new Date().toISOString()`). */
+    timestamp: string;
+    context: Record<string, unknown>;
+}
+/** Severity of a validation issue. `error` renders a fault chip; `warning` degrades. */
+export type A2uiIssueSeverity = 'error' | 'warning';
+/**
+ * A validation finding. `code` is one of {@link A2UI_ISSUE_CODES} (a superset of
+ * the spec's `VALIDATION_FAILED`); `path` is a JSON Pointer into the *payload*
+ * (e.g. `/messages/3/updateComponents/components/0/text`) where determinable.
+ */
+export interface A2uiValidationIssue {
+    severity: A2uiIssueSeverity;
+    code: string;
+    surfaceId?: string;
+    path?: string;
+    message: string;
+}
+/**
+ * Canonical issue codes. Error-severity codes are relay-able to the agent as a
+ * `VALIDATION_FAILED` A2UI error (the consumer maps `code`→detail, keeping
+ * `message`/`path`/`surfaceId`).
+ */
+export declare const A2UI_ISSUE_CODES: {
+    /** Envelope is not a plain object. */
+    readonly INVALID_ENVELOPE: "INVALID_ENVELOPE";
+    /** `version` missing or not `v0.9`/`v0.9.1`. */
+    readonly INVALID_VERSION: "INVALID_VERSION";
+    /** Envelope has none, or more than one, of the four operation keys. */
+    readonly UNKNOWN_ENVELOPE_TYPE: "UNKNOWN_ENVELOPE_TYPE";
+    /** A required field is missing or has the wrong primitive type. */
+    readonly MISSING_FIELD: "MISSING_FIELD";
+    /** `updateComponents`/`updateDataModel`/`deleteSurface` before `createSurface`. */
+    readonly NO_SURFACE: "NO_SURFACE";
+    /** `createSurface` for an id that already exists. */
+    readonly DUPLICATE_SURFACE: "DUPLICATE_SURFACE";
+    /** `component` is a string but not in any catalog. */
+    readonly UNKNOWN_COMPONENT: "UNKNOWN_COMPONENT";
+    /** A real catalog component outside the rendered subset (Modal, Tabs, …). */
+    readonly UNSUPPORTED_COMPONENT: "UNSUPPORTED_COMPONENT";
+    /** A prop not declared for the component (whitelist violation). */
+    readonly UNKNOWN_PROP: "UNKNOWN_PROP";
+    /** A recognized-but-ignored prop (`checks`, `validationRegexp`). */
+    readonly IGNORED_PROP: "IGNORED_PROP";
+    /** A prop value's shape does not match its declared kind. */
+    readonly TYPE_MISMATCH: "TYPE_MISMATCH";
+    /** An enum prop value is outside the allowed set. */
+    readonly UNKNOWN_ENUM: "UNKNOWN_ENUM";
+    /** Two components share an id inside a single `updateComponents` list. */
+    readonly DUPLICATE_ID: "DUPLICATE_ID";
+    /** Two `ChoicePicker` options share a `value` — the second is dropped (values must be unique). */
+    readonly DUPLICATE_OPTION: "DUPLICATE_OPTION";
+    /** `DateTimeInput` with neither `enableDate` nor `enableTime` — rendered as a date input. */
+    readonly DATETIME_NO_MODE: "DATETIME_NO_MODE";
+    /** More surfaces than the engine renders at once — the extra `createSurface` is refused. */
+    readonly MAX_SURFACES: "MAX_SURFACES";
+    /** A single `updateComponents` exceeds the per-message component cap — the surplus is dropped. */
+    readonly MAX_COMPONENTS: "MAX_COMPONENTS";
+    /** A component object has no usable `id`. */
+    readonly MISSING_ID: "MISSING_ID";
+    /** `__proto__`/`constructor`/`prototype` as an id, prop, pointer or context key. */
+    readonly PROTOTYPE_POLLUTION: "PROTOTYPE_POLLUTION";
+    /** A JSON Pointer was malformed. */
+    readonly POINTER_ERROR: "POINTER_ERROR";
+    /** The component graph contains a cycle. */
+    readonly CYCLE: "CYCLE";
+    /** Tree depth exceeds the limit (default 32). */
+    readonly MAX_DEPTH: "MAX_DEPTH";
+    /** Rendered node count exceeds the limit (default 512). */
+    readonly MAX_NODES: "MAX_NODES";
+    /** A child id references a component that was never defined. */
+    readonly DANGLING_REF: "DANGLING_REF";
+    /** No `root` component after the stream ended. */
+    readonly MISSING_ROOT: "MISSING_ROOT";
+    /** A `children` template `path` resolved to a non-array, non-undefined value. */
+    readonly TEMPLATE_PATH_NOT_ARRAY: "TEMPLATE_PATH_NOT_ARRAY";
+    /** `weight` set on a component that is not a direct Row/Column child. */
+    readonly WEIGHT_CONTEXT: "WEIGHT_CONTEXT";
+    /** A `{ call, args }` function-call binding — unsupported, resolves to `undefined`. */
+    readonly FUNCTION_CALL_UNSUPPORTED: "FUNCTION_CALL_UNSUPPORTED";
+    /** An `Icon.name` string outside the mapped set — a fallback glyph is drawn. */
+    readonly ICON_UNMAPPED: "ICON_UNMAPPED";
+    /** An `Icon.name.svgPath` failed the path grammar guard. */
+    readonly ICON_INVALID_SVG: "ICON_INVALID_SVG";
+    /** `ChoicePicker` `displayStyle: 'chips'` / `filterable` — rendered with a fallback. */
+    readonly CHOICEPICKER_FALLBACK: "CHOICEPICKER_FALLBACK";
+    /** A `createSurface`-only prop (`theme`, `sendDataModel`) that the engine ignores. */
+    readonly SURFACE_PROP_IGNORED: "SURFACE_PROP_IGNORED";
+};
+export type A2uiIssueCode = (typeof A2UI_ISSUE_CODES)[keyof typeof A2UI_ISSUE_CODES];

package/dist/components/Chat/A2UIView/a2ui.types.js

@@ -0,0 +1,85 @@
+/**
+ * Public type contracts for the A2UI engine (AI-Kit P4).
+ *
+ * A2UI is Google/A2UI-project's "Agent to UI" protocol. This engine targets the
+ * **v0.9.1 `basic` catalog**, rendering a curated 12-component subset (see
+ * `a2ui-registry.ts`). These types are the boundary between the pure-TS engine
+ * (WP-A) and the Svelte renderer (WP-B) — keep them Svelte-free.
+ *
+ * The `A2uiValidationIssue` shape is deliberately spec-compatible with the A2UI
+ * client→server `error` message (`{ code, surfaceId?, path?, message }`) so a
+ * consumer can relay error-severity issues back to the agent verbatim as a
+ * `VALIDATION_FAILED` error. `severity` is our addition, so warnings and errors
+ * travel on one channel; the consumer filters.
+ */
+/**
+ * Canonical issue codes. Error-severity codes are relay-able to the agent as a
+ * `VALIDATION_FAILED` A2UI error (the consumer maps `code`→detail, keeping
+ * `message`/`path`/`surfaceId`).
+ */
+export const A2UI_ISSUE_CODES = {
+    /** Envelope is not a plain object. */
+    INVALID_ENVELOPE: 'INVALID_ENVELOPE',
+    /** `version` missing or not `v0.9`/`v0.9.1`. */
+    INVALID_VERSION: 'INVALID_VERSION',
+    /** Envelope has none, or more than one, of the four operation keys. */
+    UNKNOWN_ENVELOPE_TYPE: 'UNKNOWN_ENVELOPE_TYPE',
+    /** A required field is missing or has the wrong primitive type. */
+    MISSING_FIELD: 'MISSING_FIELD',
+    /** `updateComponents`/`updateDataModel`/`deleteSurface` before `createSurface`. */
+    NO_SURFACE: 'NO_SURFACE',
+    /** `createSurface` for an id that already exists. */
+    DUPLICATE_SURFACE: 'DUPLICATE_SURFACE',
+    /** `component` is a string but not in any catalog. */
+    UNKNOWN_COMPONENT: 'UNKNOWN_COMPONENT',
+    /** A real catalog component outside the rendered subset (Modal, Tabs, …). */
+    UNSUPPORTED_COMPONENT: 'UNSUPPORTED_COMPONENT',
+    /** A prop not declared for the component (whitelist violation). */
+    UNKNOWN_PROP: 'UNKNOWN_PROP',
+    /** A recognized-but-ignored prop (`checks`, `validationRegexp`). */
+    IGNORED_PROP: 'IGNORED_PROP',
+    /** A prop value's shape does not match its declared kind. */
+    TYPE_MISMATCH: 'TYPE_MISMATCH',
+    /** An enum prop value is outside the allowed set. */
+    UNKNOWN_ENUM: 'UNKNOWN_ENUM',
+    /** Two components share an id inside a single `updateComponents` list. */
+    DUPLICATE_ID: 'DUPLICATE_ID',
+    /** Two `ChoicePicker` options share a `value` — the second is dropped (values must be unique). */
+    DUPLICATE_OPTION: 'DUPLICATE_OPTION',
+    /** `DateTimeInput` with neither `enableDate` nor `enableTime` — rendered as a date input. */
+    DATETIME_NO_MODE: 'DATETIME_NO_MODE',
+    /** More surfaces than the engine renders at once — the extra `createSurface` is refused. */
+    MAX_SURFACES: 'MAX_SURFACES',
+    /** A single `updateComponents` exceeds the per-message component cap — the surplus is dropped. */
+    MAX_COMPONENTS: 'MAX_COMPONENTS',
+    /** A component object has no usable `id`. */
+    MISSING_ID: 'MISSING_ID',
+    /** `__proto__`/`constructor`/`prototype` as an id, prop, pointer or context key. */
+    PROTOTYPE_POLLUTION: 'PROTOTYPE_POLLUTION',
+    /** A JSON Pointer was malformed. */
+    POINTER_ERROR: 'POINTER_ERROR',
+    /** The component graph contains a cycle. */
+    CYCLE: 'CYCLE',
+    /** Tree depth exceeds the limit (default 32). */
+    MAX_DEPTH: 'MAX_DEPTH',
+    /** Rendered node count exceeds the limit (default 512). */
+    MAX_NODES: 'MAX_NODES',
+    /** A child id references a component that was never defined. */
+    DANGLING_REF: 'DANGLING_REF',
+    /** No `root` component after the stream ended. */
+    MISSING_ROOT: 'MISSING_ROOT',
+    /** A `children` template `path` resolved to a non-array, non-undefined value. */
+    TEMPLATE_PATH_NOT_ARRAY: 'TEMPLATE_PATH_NOT_ARRAY',
+    /** `weight` set on a component that is not a direct Row/Column child. */
+    WEIGHT_CONTEXT: 'WEIGHT_CONTEXT',
+    /** A `{ call, args }` function-call binding — unsupported, resolves to `undefined`. */
+    FUNCTION_CALL_UNSUPPORTED: 'FUNCTION_CALL_UNSUPPORTED',
+    /** An `Icon.name` string outside the mapped set — a fallback glyph is drawn. */
+    ICON_UNMAPPED: 'ICON_UNMAPPED',
+    /** An `Icon.name.svgPath` failed the path grammar guard. */
+    ICON_INVALID_SVG: 'ICON_INVALID_SVG',
+    /** `ChoicePicker` `displayStyle: 'chips'` / `filterable` — rendered with a fallback. */
+    CHOICEPICKER_FALLBACK: 'CHOICEPICKER_FALLBACK',
+    /** A `createSurface`-only prop (`theme`, `sendDataModel`) that the engine ignores. */
+    SURFACE_PROP_IGNORED: 'SURFACE_PROP_IGNORED'
+};

package/dist/components/Chat/A2UIView/index.d.ts

@@ -0,0 +1,102 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { MarkdownUrlPolicy } from '../markdown/types.js';
+import type { A2uiActionEvent, A2uiValidationIssue } from './a2ui.types.js';
+import type { A2UIViewSlots } from './a2ui-view.variants.js';
+/**
+ * @description Renders a trusted-catalog A2UI (Agent-to-UI, v0.9.1 `basic`
+ * subset) payload into live, interactive Urbicon components. Fail-loud and
+ * whitelist-only: only the mapped catalog components and their declared props
+ * ever reach the DOM — unknown components/props, prototype-pollution keys and
+ * function-call bindings are rejected, never rendered, and surfaced through
+ * `onValidationError` (spec-compatible issues a consumer can relay to the agent
+ * as a `VALIDATION_FAILED` error). Inputs are two-way (typing writes into the
+ * local data model; bound text updates live); actions dispatch a spec-exact
+ * `A2uiActionEvent`. Images and links are gated by the same strict-by-default
+ * `urlPolicy` as StreamingMarkdown. It is deliberately NOT a default ChatMessage
+ * renderer — wire it in per surface via `partRenderers.a2ui` to keep it out of
+ * the base bundle. Generate the agent-side prompt with the shipped
+ * `a2uiSystemPrompt()`; validate a payload without a DOM with
+ * `createA2uiProcessor()` — never hand-roll either.
+ * @tag ai
+ * @related ChatMessage
+ * @stability experimental
+ *
+ * @example Wire it in as the `a2ui` part renderer (via `partRenderers`, which
+ * ChatMessage/ChatMessageList forward to each part — a plain `a2ui` snippet on
+ * `<ChatMessage>` is NOT consumed)
+ * ```svelte
+ * {#snippet a2uiPart(part)}
+ *   <A2UIView
+ *     payload={part.payload}
+ *     streaming={message.status === 'streaming'}
+ *     {urlPolicy}
+ *     onAction={(event) => sendUserTurn(`[ui-action] ${JSON.stringify(event)}`)}
+ *     onValidationError={(issues) => reportToAgent(issues)}
+ *   />
+ * {/snippet}
+ * <ChatMessage {message} {urlPolicy} partRenderers={{ a2ui: a2uiPart }} />
+ * ```
+ *
+ * @example Standalone with an accumulated envelope array
+ * ```svelte
+ * <A2UIView payload={envelopes} onAction={(e) => console.log(e)} />
+ * ```
+ */
+export interface A2UIViewProps extends Omit<HTMLAttributes<HTMLDivElement>, 'class'> {
+    /**
+     * The A2UI payload. Accepts an array of envelopes (the accumulated JSONL
+     * sequence — stream by extending it immutably: `[...prev, envelope]`), a
+     * single envelope object, or the golden-file `{ messages: [...] }` wrapper.
+     */
+    payload: unknown;
+    /**
+     * While true, a reference to a not-yet-defined component renders a placeholder
+     * instead of a fault chip (mid-stream tolerance). Flip to false when the
+     * stream settles so dangling references become errors. @default false
+     */
+    streaming?: boolean;
+    /**
+     * URL policy for `Image` sources (and Text markdown links). Strict by default:
+     * every external image is blocked unless its prefix is allowlisted. Keep the
+     * object referentially stable.
+     */
+    urlPolicy?: MarkdownUrlPolicy;
+    /** Fired when a Button is activated, with the spec-exact resolved action event. */
+    onAction?: (event: A2uiActionEvent) => void;
+    /**
+     * Fired whenever the validation-issue list changes (errors AND warnings, each
+     * with a `severity`). Relay error-severity issues to the agent as an A2UI
+     * `error` message.
+     */
+    onValidationError?: (issues: A2uiValidationIssue[]) => void;
+    /** Title of the top-level error Alert for envelope-level faults. @default 'Invalid UI payload' */
+    errorTitle?: string;
+    /** Fault-chip label for an unknown/unsupported/incomplete component. @default 'Unsupported component' */
+    unsupportedLabel?: string;
+    /** Chip label shown in place of a policy-blocked image. @default 'Image blocked' */
+    blockedImageLabel?: string;
+    /** Screen-reader label of the streaming placeholder. @default 'Loading UI' */
+    pendingLabel?: string;
+    /** Extra classes merged onto the root element. */
+    class?: string;
+    /** Strip the component's default tv() classes. */
+    unstyled?: boolean;
+    /**
+     * Per-slot class overrides. Slots: `root`, `surface`, `errorList`,
+     * `errorChip`, `errorIcon`, `pending`, `column`, `row`, `list`, `listItem`,
+     * `heading`, `caption`, `inlineText`, `image`, `blockedChip`, `icon`,
+     * `svgIcon`, `choiceGroup`, `choiceLabel`.
+     */
+    slotClasses?: Partial<Record<A2UIViewSlots, string>>;
+    /**
+     * Apply a named preset registered via `<BlocksProvider presets={{ A2UIView: {...} }}>`.
+     * Prefer this over `class` overrides for reusable custom looks.
+     */
+    preset?: string;
+}
+export { default as A2UIView } from './A2UIView.svelte';
+export { A2UI_ISSUE_CODES, type A2uiActionEvent, type A2uiEnvelope, type A2uiIssueCode, type A2uiIssueSeverity, type A2uiValidationIssue } from './a2ui.types.js';
+export { a2uiSystemPrompt } from './a2ui-prompt.js';
+export { A2UI_CATALOG_ID, A2UI_ICON_NAMES, A2UI_REGISTRY, A2UI_SUPPORTED_VERSIONS, type A2uiComponentSpec, type A2uiPropKind, type A2uiPropSpec, UNSUPPORTED_A2UI_COMPONENTS } from './a2ui-registry.js';
+export { type A2uiComponentInstance, type A2uiProcessor, type A2uiSurfaceState, collectGraphIssues, createA2uiProcessor, normalizeA2uiPayload } from './a2ui-validate.js';
+export { type A2UIViewSlots, type A2UIViewVariants, a2uiViewVariants } from './a2ui-view.variants.js';

package/dist/components/Chat/A2UIView/index.js

@@ -0,0 +1,7 @@
+export { default as A2UIView } from './A2UIView.svelte';
+// ── Engine surface (Svelte-free; a server building the prompt has no DOM) ────
+export { A2UI_ISSUE_CODES } from './a2ui.types.js';
+export { a2uiSystemPrompt } from './a2ui-prompt.js';
+export { A2UI_CATALOG_ID, A2UI_ICON_NAMES, A2UI_REGISTRY, A2UI_SUPPORTED_VERSIONS, UNSUPPORTED_A2UI_COMPONENTS } from './a2ui-registry.js';
+export { collectGraphIssues, createA2uiProcessor, normalizeA2uiPayload } from './a2ui-validate.js';
+export { a2uiViewVariants } from './a2ui-view.variants.js';

package/dist/components/Chat/ChatMessage/ChatMessage.svelte

@@ -220,7 +220,10 @@
           {@render attachmentChip(part)}
         {/if}
       {:else if part.type === 'a2ui'}
-        <!-- default: render nothing. A2UIView lands in P4 via partRenderers. -->
+        <!-- No default renderer by design: A2UIView is opt-in via
+             `partRenderers.a2ui` so it stays out of the base bundle. Wire it up
+             with `{#snippet a2ui(part)}<A2UIView payload={part.payload} … />{/snippet}`
+             (see A2UIView's JSDoc). Without the snippet, an a2ui part renders nothing. -->
         {#if partRenderers?.a2ui}{@render partRenderers.a2ui(part)}{/if}
       {/if}
       <!-- part.type === 'source' is intentionally skipped: sources render in the

package/dist/components/Chat/index.d.ts

@@ -1,3 +1,5 @@
+export type { A2UIViewProps } from './A2UIView/index.js';
+export * from './A2UIView/index.js';
 export type { ChatProps } from './Chat/index.js';
 export * from './Chat/index.js';
 export type { ChatMessageProps, ChatPartRenderers } from './ChatMessage/index.js';

package/dist/components/Chat/index.js

@@ -1,6 +1,7 @@
 // Chat family barrel — AI-kit surfaces (conversation, composer, streaming
 // markdown, code display, citations) plus the public pieces of the markdown
 // engine underneath them.
+export * from './A2UIView/index.js';
 export * from './Chat/index.js';
 export * from './ChatMessage/index.js';
 export * from './ChatMessageList/index.js';

package/dist/components/CopyButton/copy-button.variants.d.ts

@@ -1,23 +1,23 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const copyButtonVariants: ((props?: {
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | undefined;
-    state?: "error" | "idle" | "copied" | undefined;
+    state?: "copied" | "error" | "idle" | undefined;
 } | undefined) => {
     base: (props?: ({
         size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | undefined;
-        state?: "error" | "idle" | "copied" | undefined;
+        state?: "copied" | "error" | "idle" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     icon: (props?: ({
         size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | undefined;
-        state?: "error" | "idle" | "copied" | undefined;
+        state?: "copied" | "error" | "idle" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     label: (props?: ({
         size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | undefined;
-        state?: "error" | "idle" | "copied" | undefined;
+        state?: "copied" | "error" | "idle" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;