@verdify/ui 0.1.0

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

@@ -0,0 +1,3 @@
+export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogBody, DialogFooter, DialogClose, type DialogProps, type DialogTriggerProps, type DialogContentProps, type DialogHeaderProps, type DialogTitleProps, type DialogDescriptionProps, type DialogBodyProps, type DialogFooterProps, type DialogCloseProps, } from "./dialog";
+export { dialogPanelVariants, dialogScrimVariants, dialogCloseVariants, type DialogPanelVariantProps, } from "./dialog.variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,uBAAuB,GAC7B,MAAM,mBAAmB,CAAC"}

package/dist/components/dialog/index.js

@@ -0,0 +1,31 @@
+import {
+  Dialog,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogBody,
+  DialogFooter,
+  DialogClose
+} from "./dialog";
+import {
+  dialogPanelVariants,
+  dialogScrimVariants,
+  dialogCloseVariants
+} from "./dialog.variants";
+export {
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  dialogCloseVariants,
+  dialogPanelVariants,
+  dialogScrimVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/components/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/dialog/index.ts"],"sourcesContent":["export {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogBody,\n  DialogFooter,\n  DialogClose,\n  type DialogProps,\n  type DialogTriggerProps,\n  type DialogContentProps,\n  type DialogHeaderProps,\n  type DialogTitleProps,\n  type DialogDescriptionProps,\n  type DialogBodyProps,\n  type DialogFooterProps,\n  type DialogCloseProps,\n} from \"./dialog\";\nexport {\n  dialogPanelVariants,\n  dialogScrimVariants,\n  dialogCloseVariants,\n  type DialogPanelVariantProps,\n} from \"./dialog.variants\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAUK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;","names":[]}

package/dist/components/identity-chip/identity-chip.d.ts

@@ -0,0 +1,121 @@
+import * as React from "react";
+import { type AgentBadgeProps } from "../agent-badge";
+import { type VerifiedBadgeProps } from "../verified-badge";
+import { type IdentityChipVariantProps } from "./identity-chip.variants";
+/** How an IdentityChip is used (spec §3). Defaults to `static`. */
+export type IdentityChipVariant = NonNullable<IdentityChipVariantProps["variant"]>;
+/**
+ * The optional AgentBadge shown when, and only when, the identity is an AI agent (spec §2). Pass
+ * the badge's own props — its `aria-label` (e.g. "AI agent") names the actor kind for assistive
+ * technology, so an agent is never read as a human (spec §7/§8). The chip reserves the position
+ * and never absorbs the badge's meaning into itself; a human identity passes nothing here.
+ */
+export type IdentityChipAgent = Omit<AgentBadgeProps, "className">;
+/**
+ * The optional VerifiedBadge shown when the identity's verification is worth surfacing inline
+ * (spec §2). Pass the badge's own props — it owns the verified-status treatment and the green
+ * status color end to end, and carries its OWN accessible name (its visible `label`, or an
+ * `aria-label` when shown check-only). The chip only reserves the position and never paints a
+ * verified signal itself (spec §1/§2).
+ */
+export type IdentityChipVerified = Omit<VerifiedBadgeProps, "className">;
+export interface IdentityChipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, IdentityChipVariantProps {
+    /**
+     * The identity's display name (spec §2 `name`), sentence case, no all-caps. It carries the
+     * identity in the accessibility tree as text and is the chip's accessible name; it truncates
+     * with an ellipsis when the chip is width-constrained rather than being dropped (spec §2/§7).
+     * Required.
+     */
+    name: string;
+    /**
+     * The text alternative for the composed Avatar (spec §2/§7) — normally the same as {@link name}.
+     * The Avatar is marked DECORATIVE inside the chip so the identity is announced once (the visible
+     * name), not twice; this value is the picture's alternative if the chip's name is ever absent.
+     * Defaults to {@link name}.
+     */
+    avatarAlt?: string;
+    /**
+     * The picture for the identity (spec §2 `avatar`). Cropped to the Avatar shape when it loads;
+     * falls back to the name initials, then a neutral glyph. The picture is never the only signal of
+     * who the identity is — the visible name always carries it (spec §7).
+     */
+    src?: string;
+    /**
+     * One supporting line under the name (spec §2 `secondary`) — a handle, a role, or the profile
+     * context — to disambiguate two identities that share a name. Supporting detail only: never a
+     * credential value and never a status.
+     */
+    secondary?: React.ReactNode;
+    /**
+     * The AgentBadge props shown when, and only when, the identity is an AI agent (spec §2/§7/§8).
+     * Its `aria-label` names the actor kind. When the chip is `interactive`, the actor kind is also
+     * folded into the control's accessible name — "Atlas (AI agent)" — so a screen-reader user can
+     * always tell an agent from a human. A human identity passes nothing here.
+     */
+    agent?: IdentityChipAgent;
+    /**
+     * The VerifiedBadge props shown when the identity's verification is worth surfacing inline (spec
+     * §2). The badge owns the verified-status treatment and its own accessible name; the chip never
+     * paints a verified signal itself (spec §1/§2/§5).
+     */
+    verified?: IdentityChipVerified;
+    /**
+     * Fires when a `removable` chip's trailing remove-control is activated (spec §2/§6). Required for
+     * the `removable` variant — it is the chip's one focusable part. In a chip field this removes the
+     * token; the surrounding field owns where focus moves next (spec §7).
+     */
+    onRemove?: () => void;
+    /**
+     * Override the remove-control's accessible name (spec §7). Defaults to `"Remove {name}"` so a
+     * screen-reader user is never asked to remove an unnamed thing. `removable` variant only.
+     */
+    removeLabel?: string;
+    /**
+     * Disable the `interactive` / `removable` control (spec §4 Disabled). The identity stays named
+     * and pictured so it remains legible; only the action is withdrawn. The `interactive` body sets
+     * `aria-disabled` and suppresses activation; the `removable` control uses the native `disabled`.
+     */
+    disabled?: boolean;
+    /**
+     * The identity itself is still resolving (spec §4 Loading) — for example a chip rendered from an
+     * ID before the profile loads. Shows a Skeleton in the chip's shape and marks the chip region
+     * `aria-busy`, rather than a chip with a guessed name or a borrowed picture; the real chip
+     * replaces it when the identity resolves (spec §4/§7).
+     */
+    loading?: boolean;
+}
+/**
+ * An IdentityChip is a compact inline reference to a single identity — a person or an AI agent —
+ * that names and pictures who or what an entry belongs to (spec §1). Its one job is to place an
+ * identity in a flow: an actor in an audit row, a recipient in a share field, the current profile
+ * in an account switcher. It carries the person or the agent, never their login and never their
+ * proof.
+ *
+ * It encodes the platform invariant that identity is NOT credentials: the chip says *who*, while a
+ * CredentialCard says *what an identity can prove* — the chip never asserts a verification result,
+ * a key, or a document on its own (spec §1/§8). The verified status is the composed VerifiedBadge,
+ * with its own meaning and accessible name; the chip only reserves the position and binds nothing
+ * from the status tier. One identity can have many profiles, so the same person may appear as
+ * different chips in different contexts; a chip pictures the profile in view, not the whole
+ * identity behind it (spec §1).
+ *
+ * It COMPOSES the committed primitives rather than reinventing them — the Avatar for the picture
+ * (marked decorative so the identity is announced once), the optional AgentBadge for the actor
+ * kind, the optional VerifiedBadge for a surfaced verification, and a Skeleton in the chip's shape
+ * while the identity is still resolving — so each composed part owns its own tokens, motion, and
+ * accessible name. When the actor is an AI agent, the chip hosts the AgentBadge so the kind of
+ * actor is explicit and an agent never reads as a human (spec §1/§7/§8).
+ *
+ * brand != state (spec §3/§5/§8): a chip carries no status of its own, so the body paints from
+ * NEUTRAL surface / text / border roles — never the verified-status green (that lives in the
+ * VerifiedBadge) and never the brand violet as a fill (the brand is not a status and a chip is not
+ * an action). A chip is never made interactive by styling alone: the `interactive` and `removable`
+ * variants are real controls with a real role, target size, focus ring, and keyboard model (spec
+ * §3/§4/§6/§7).
+ *
+ * It is `'use client'` for the `React.useId()` that mints the id wiring an interactive chip's
+ * folded accessible name (any hook makes the file a client component); the composed Avatar /
+ * AgentBadge / VerifiedBadge own their own state independently.
+ */
+export declare const IdentityChip: React.ForwardRefExoticComponent<IdentityChipProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=identity-chip.d.ts.map

package/dist/components/identity-chip/identity-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity-chip.d.ts","sourceRoot":"","sources":["../../../src/components/identity-chip/identity-chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE3E,OAAO,EAOL,KAAK,wBAAwB,EAC9B,MAAM,0BAA0B,CAAC;AAElC,mEAAmE;AACnE,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAC;AAEnF;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC;AAEnE;;;;;;GAMG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;AAuBzE,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAC1D,wBAAwB;IAC1B;;;;;OAKG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,YAAY,2FA+NxB,CAAC"}

package/dist/components/identity-chip/identity-chip.js

@@ -0,0 +1,203 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/cn";
+import { Avatar } from "../avatar";
+import { AgentBadge } from "../agent-badge";
+import { VerifiedBadge } from "../verified-badge";
+import { Skeleton } from "../skeleton";
+import {
+  identityChipVariants,
+  identityChipNameClass,
+  identityChipSecondaryClass,
+  identityChipTextClass,
+  identityChipRemoveControlClass,
+  identityChipRemoveGlyphClass
+} from "./identity-chip.variants";
+function RemoveGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: identityChipRemoveGlyphClass,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+const IdentityChip = React.forwardRef(
+  function IdentityChip2({
+    className,
+    variant = "static",
+    name,
+    avatarAlt,
+    src,
+    secondary,
+    agent,
+    verified,
+    onRemove,
+    removeLabel,
+    disabled = false,
+    loading = false,
+    "aria-label": ariaLabelProp,
+    ...props
+  }, ref) {
+    const reactId = React.useId();
+    const nameId = `${reactId}-name`;
+    const agentNameId = `${reactId}-agent`;
+    const alt = avatarAlt ?? name;
+    const avatarSize = "sm";
+    if (loading) {
+      return /* @__PURE__ */ jsxs(
+        "span",
+        {
+          ref,
+          "data-testid": "identity-chip",
+          "aria-busy": "true",
+          className: cn(identityChipVariants({ variant: "static" }), "min-h-(--space-9)", className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(
+              Skeleton,
+              {
+                variant: "circle",
+                "data-testid": "identity-chip-skeleton",
+                className: "h-(--space-7) w-(--space-7)"
+              }
+            ),
+            /* @__PURE__ */ jsx(Skeleton, { variant: "text", className: "w-(--space-20)" })
+          ]
+        }
+      );
+    }
+    const avatar = /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        "data-testid": "identity-chip-avatar",
+        decorative: true,
+        size: avatarSize,
+        src,
+        alt,
+        name
+      }
+    );
+    const text = /* @__PURE__ */ jsxs("span", { className: identityChipTextClass, children: [
+      /* @__PURE__ */ jsx("span", { id: nameId, className: identityChipNameClass, children: name }),
+      secondary != null ? /* @__PURE__ */ jsx("span", { className: identityChipSecondaryClass, children: secondary }) : null
+    ] });
+    const agentBadge = agent != null ? /* @__PURE__ */ jsx(AgentBadge, { "data-testid": "identity-chip-agent", ...agent }) : null;
+    const verifiedBadge = verified != null ? /* @__PURE__ */ jsx(VerifiedBadge, { "data-testid": "identity-chip-verified", ...verified }) : null;
+    if (variant === "interactive") {
+      const { href, onClick: propOnClick, ...interactiveProps } = props;
+      const agentName = agent != null && typeof agent["aria-label"] === "string" ? agent["aria-label"] : void 0;
+      const accessibleName = agentName ? `${name} (${agentName})` : name;
+      const classes = cn(identityChipVariants({ variant: "interactive" }), className);
+      const innerAgent = agent != null ? /* @__PURE__ */ jsx("span", { id: agentNameId, "aria-hidden": "true", children: /* @__PURE__ */ jsx(AgentBadge, { "data-testid": "identity-chip-agent", ...agent, "aria-label": void 0 }) }) : null;
+      if (href !== void 0 && !disabled) {
+        return /* @__PURE__ */ jsxs(
+          "a",
+          {
+            ref,
+            "data-testid": "identity-chip",
+            href,
+            "aria-label": ariaLabelProp ?? accessibleName,
+            className: classes,
+            onClick: propOnClick,
+            ...interactiveProps,
+            children: [
+              avatar,
+              text,
+              innerAgent,
+              verifiedBadge
+            ]
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref,
+          type: "button",
+          "data-testid": "identity-chip",
+          "aria-label": ariaLabelProp ?? accessibleName,
+          "aria-disabled": disabled || void 0,
+          className: classes,
+          onClick: disabled ? (e) => e.preventDefault() : propOnClick,
+          ...interactiveProps,
+          children: [
+            avatar,
+            text,
+            innerAgent,
+            verifiedBadge
+          ]
+        }
+      );
+    }
+    if (variant === "removable") {
+      const removeName = removeLabel ?? `Remove ${name}`;
+      const handleRemove = () => {
+        if (!disabled) onRemove?.();
+      };
+      return /* @__PURE__ */ jsxs(
+        "span",
+        {
+          ref,
+          "data-testid": "identity-chip",
+          className: cn(identityChipVariants({ variant: "removable" }), className),
+          ...props,
+          children: [
+            avatar,
+            text,
+            agentBadge,
+            verifiedBadge,
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "data-testid": "identity-chip-remove",
+                "aria-label": removeName,
+                disabled,
+                className: identityChipRemoveControlClass,
+                onClick: handleRemove,
+                onKeyDown: (e) => {
+                  if (e.key === "Backspace" || e.key === "Delete") {
+                    e.preventDefault();
+                    handleRemove();
+                  }
+                },
+                children: /* @__PURE__ */ jsx(RemoveGlyph, {})
+              }
+            )
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        "data-testid": "identity-chip",
+        className: cn(identityChipVariants({ variant: "static" }), className),
+        ...props,
+        children: [
+          avatar,
+          text,
+          agentBadge,
+          verifiedBadge
+        ]
+      }
+    );
+  }
+);
+export {
+  IdentityChip
+};
+//# sourceMappingURL=identity-chip.js.map

package/dist/components/identity-chip/identity-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/identity-chip/identity-chip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { Avatar, type AvatarSize } from \"../avatar\";\nimport { AgentBadge, type AgentBadgeProps } from \"../agent-badge\";\nimport { VerifiedBadge, type VerifiedBadgeProps } from \"../verified-badge\";\nimport { Skeleton } from \"../skeleton\";\nimport {\n  identityChipVariants,\n  identityChipNameClass,\n  identityChipSecondaryClass,\n  identityChipTextClass,\n  identityChipRemoveControlClass,\n  identityChipRemoveGlyphClass,\n  type IdentityChipVariantProps,\n} from \"./identity-chip.variants\";\n\n/** How an IdentityChip is used (spec §3). Defaults to `static`. */\nexport type IdentityChipVariant = NonNullable<IdentityChipVariantProps[\"variant\"]>;\n\n/**\n * The optional AgentBadge shown when, and only when, the identity is an AI agent (spec §2). Pass\n * the badge's own props — its `aria-label` (e.g. \"AI agent\") names the actor kind for assistive\n * technology, so an agent is never read as a human (spec §7/§8). The chip reserves the position\n * and never absorbs the badge's meaning into itself; a human identity passes nothing here.\n */\nexport type IdentityChipAgent = Omit<AgentBadgeProps, \"className\">;\n\n/**\n * The optional VerifiedBadge shown when the identity's verification is worth surfacing inline\n * (spec §2). Pass the badge's own props — it owns the verified-status treatment and the green\n * status color end to end, and carries its OWN accessible name (its visible `label`, or an\n * `aria-label` when shown check-only). The chip only reserves the position and never paints a\n * verified signal itself (spec §1/§2).\n */\nexport type IdentityChipVerified = Omit<VerifiedBadgeProps, \"className\">;\n\n// The default decorative remove glyph (spec §2/§5): a small ✕ at the sm icon role, inheriting the\n// remove-control's action-ghost foreground via currentColor. The accessible name lives on the\n// control (\"Remove {name}\"), so the glyph is aria-hidden.\nfunction RemoveGlyph() {\n  return (\n    <svg\n      className={identityChipRemoveGlyphClass}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\nexport interface IdentityChipProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    IdentityChipVariantProps {\n  /**\n   * The identity's display name (spec §2 `name`), sentence case, no all-caps. It carries the\n   * identity in the accessibility tree as text and is the chip's accessible name; it truncates\n   * with an ellipsis when the chip is width-constrained rather than being dropped (spec §2/§7).\n   * Required.\n   */\n  name: string;\n  /**\n   * The text alternative for the composed Avatar (spec §2/§7) — normally the same as {@link name}.\n   * The Avatar is marked DECORATIVE inside the chip so the identity is announced once (the visible\n   * name), not twice; this value is the picture's alternative if the chip's name is ever absent.\n   * Defaults to {@link name}.\n   */\n  avatarAlt?: string;\n  /**\n   * The picture for the identity (spec §2 `avatar`). Cropped to the Avatar shape when it loads;\n   * falls back to the name initials, then a neutral glyph. The picture is never the only signal of\n   * who the identity is — the visible name always carries it (spec §7).\n   */\n  src?: string;\n  /**\n   * One supporting line under the name (spec §2 `secondary`) — a handle, a role, or the profile\n   * context — to disambiguate two identities that share a name. Supporting detail only: never a\n   * credential value and never a status.\n   */\n  secondary?: React.ReactNode;\n  /**\n   * The AgentBadge props shown when, and only when, the identity is an AI agent (spec §2/§7/§8).\n   * Its `aria-label` names the actor kind. When the chip is `interactive`, the actor kind is also\n   * folded into the control's accessible name — \"Atlas (AI agent)\" — so a screen-reader user can\n   * always tell an agent from a human. A human identity passes nothing here.\n   */\n  agent?: IdentityChipAgent;\n  /**\n   * The VerifiedBadge props shown when the identity's verification is worth surfacing inline (spec\n   * §2). The badge owns the verified-status treatment and its own accessible name; the chip never\n   * paints a verified signal itself (spec §1/§2/§5).\n   */\n  verified?: IdentityChipVerified;\n  /**\n   * Fires when a `removable` chip's trailing remove-control is activated (spec §2/§6). Required for\n   * the `removable` variant — it is the chip's one focusable part. In a chip field this removes the\n   * token; the surrounding field owns where focus moves next (spec §7).\n   */\n  onRemove?: () => void;\n  /**\n   * Override the remove-control's accessible name (spec §7). Defaults to `\"Remove {name}\"` so a\n   * screen-reader user is never asked to remove an unnamed thing. `removable` variant only.\n   */\n  removeLabel?: string;\n  /**\n   * Disable the `interactive` / `removable` control (spec §4 Disabled). The identity stays named\n   * and pictured so it remains legible; only the action is withdrawn. The `interactive` body sets\n   * `aria-disabled` and suppresses activation; the `removable` control uses the native `disabled`.\n   */\n  disabled?: boolean;\n  /**\n   * The identity itself is still resolving (spec §4 Loading) — for example a chip rendered from an\n   * ID before the profile loads. Shows a Skeleton in the chip's shape and marks the chip region\n   * `aria-busy`, rather than a chip with a guessed name or a borrowed picture; the real chip\n   * replaces it when the identity resolves (spec §4/§7).\n   */\n  loading?: boolean;\n}\n\n/**\n * An IdentityChip is a compact inline reference to a single identity — a person or an AI agent —\n * that names and pictures who or what an entry belongs to (spec §1). Its one job is to place an\n * identity in a flow: an actor in an audit row, a recipient in a share field, the current profile\n * in an account switcher. It carries the person or the agent, never their login and never their\n * proof.\n *\n * It encodes the platform invariant that identity is NOT credentials: the chip says *who*, while a\n * CredentialCard says *what an identity can prove* — the chip never asserts a verification result,\n * a key, or a document on its own (spec §1/§8). The verified status is the composed VerifiedBadge,\n * with its own meaning and accessible name; the chip only reserves the position and binds nothing\n * from the status tier. One identity can have many profiles, so the same person may appear as\n * different chips in different contexts; a chip pictures the profile in view, not the whole\n * identity behind it (spec §1).\n *\n * It COMPOSES the committed primitives rather than reinventing them — the Avatar for the picture\n * (marked decorative so the identity is announced once), the optional AgentBadge for the actor\n * kind, the optional VerifiedBadge for a surfaced verification, and a Skeleton in the chip's shape\n * while the identity is still resolving — so each composed part owns its own tokens, motion, and\n * accessible name. When the actor is an AI agent, the chip hosts the AgentBadge so the kind of\n * actor is explicit and an agent never reads as a human (spec §1/§7/§8).\n *\n * brand != state (spec §3/§5/§8): a chip carries no status of its own, so the body paints from\n * NEUTRAL surface / text / border roles — never the verified-status green (that lives in the\n * VerifiedBadge) and never the brand violet as a fill (the brand is not a status and a chip is not\n * an action). A chip is never made interactive by styling alone: the `interactive` and `removable`\n * variants are real controls with a real role, target size, focus ring, and keyboard model (spec\n * §3/§4/§6/§7).\n *\n * It is `'use client'` for the `React.useId()` that mints the id wiring an interactive chip's\n * folded accessible name (any hook makes the file a client component); the composed Avatar /\n * AgentBadge / VerifiedBadge own their own state independently.\n */\nexport const IdentityChip = React.forwardRef<HTMLSpanElement, IdentityChipProps>(\n  function IdentityChip(\n    {\n      className,\n      variant = \"static\",\n      name,\n      avatarAlt,\n      src,\n      secondary,\n      agent,\n      verified,\n      onRemove,\n      removeLabel,\n      disabled = false,\n      loading = false,\n      \"aria-label\": ariaLabelProp,\n      ...props\n    },\n    ref,\n  ) {\n    const reactId = React.useId();\n    const nameId = `${reactId}-name`;\n    const agentNameId = `${reactId}-agent`;\n    const alt = avatarAlt ?? name;\n    const avatarSize: AvatarSize = \"sm\";\n\n    // LOADING (spec §4/§7): a Skeleton in the chip's shape while the identity resolves. The chip\n    // REGION owns the wait (aria-busy on the chip), and the Skeleton is decorative (aria-hidden),\n    // so a screen reader hears the wait once, not the placeholder shapes. Never a chip with a\n    // guessed name or a borrowed picture — show the placeholder until the identity resolves.\n    if (loading) {\n      return (\n        <span\n          ref={ref}\n          data-testid=\"identity-chip\"\n          aria-busy=\"true\"\n          className={cn(identityChipVariants({ variant: \"static\" }), \"min-h-(--space-9)\", className)}\n          {...props}\n        >\n          <Skeleton\n            variant=\"circle\"\n            data-testid=\"identity-chip-skeleton\"\n            className=\"h-(--space-7) w-(--space-7)\"\n          />\n          <Skeleton variant=\"text\" className=\"w-(--space-20)\" />\n        </span>\n      );\n    }\n\n    // The composed Avatar (spec §2/§7): pictures the profile in view. It is marked DECORATIVE\n    // inside the chip so the identity is announced once — by the visible name — not twice. It\n    // carries no verified or status signal of its own (identity != credentials).\n    const avatar = (\n      <Avatar\n        data-testid=\"identity-chip-avatar\"\n        decorative\n        size={avatarSize}\n        src={src}\n        alt={alt}\n        name={name}\n      />\n    );\n\n    // The name + optional supporting line (spec §2/§5). The name is the LABEL role + primary\n    // color, truncatable; the secondary line is the caption role + secondary color. The name\n    // carries the identity in the tree as text (1.3.1) and is the chip's accessible name.\n    const text = (\n      <span className={identityChipTextClass}>\n        <span id={nameId} className={identityChipNameClass}>\n          {name}\n        </span>\n        {secondary != null ? (\n          <span className={identityChipSecondaryClass}>{secondary}</span>\n        ) : null}\n      </span>\n    );\n\n    // The composed AgentBadge (spec §2/§7/§8): shown only for an AI agent. It owns its own meaning\n    // and accessible name; the chip reserves the position and never absorbs the badge's meaning.\n    const agentBadge =\n      agent != null ? (\n        <AgentBadge data-testid=\"identity-chip-agent\" {...agent} />\n      ) : null;\n\n    // The composed VerifiedBadge (spec §1/§2/§5): shown when verification is worth surfacing\n    // inline. It owns the verified-status treatment and the green status color end to end and\n    // carries its OWN accessible name — the chip only reserves the position and paints no green.\n    const verifiedBadge =\n      verified != null ? (\n        <VerifiedBadge data-testid=\"identity-chip-verified\" {...verified} />\n      ) : null;\n\n    // INTERACTIVE (spec §3/§6/§7): the chip body is itself a control — a native <button> in place,\n    // or a native <a> when it navigates to a profile by URL — so it exposes the button/link role\n    // and is operable without extra wiring, and it gets the focus ring + target-size floor + ghost\n    // hover/press fill from the variant. The accessible name is the display name, and — when an\n    // AgentBadge is present — the actor kind is FOLDED IN (\"Atlas (AI agent)\") so a screen-reader\n    // user can always tell an agent from a human (spec §7). A disabled interactive chip is\n    // aria-disabled with activation suppressed; the identity stays named and pictured (spec §4).\n    if (variant === \"interactive\") {\n      // a navigating chip carries an href on the rest props; pull it out so the button branch\n      // never receives it (href is only valid on the <a> branch).\n      const { href, onClick: propOnClick, ...interactiveProps } = props as React.HTMLAttributes<HTMLElement> & {\n        href?: string;\n      };\n      // fold the actor kind into the accessible name when an agent is present, so it is heard\n      const agentName =\n        agent != null && typeof agent[\"aria-label\"] === \"string\"\n          ? agent[\"aria-label\"]\n          : undefined;\n      const accessibleName = agentName ? `${name} (${agentName})` : name;\n      const classes = cn(identityChipVariants({ variant: \"interactive\" }), className);\n      // the AgentBadge inside an interactive control is decorative — its meaning is folded into the\n      // control's accessible name above, so it is not announced a second time from inside the button\n      const innerAgent =\n        agent != null ? (\n          <span id={agentNameId} aria-hidden=\"true\">\n            <AgentBadge data-testid=\"identity-chip-agent\" {...agent} aria-label={undefined} />\n          </span>\n        ) : null;\n\n      // navigate by URL → native <a>; act in place → native <button> (spec §7).\n      if (href !== undefined && !disabled) {\n        return (\n          <a\n            ref={ref as React.Ref<HTMLAnchorElement>}\n            data-testid=\"identity-chip\"\n            href={href}\n            aria-label={ariaLabelProp ?? accessibleName}\n            className={classes}\n            onClick={propOnClick as React.MouseEventHandler<HTMLAnchorElement>}\n            {...(interactiveProps as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n          >\n            {avatar}\n            {text}\n            {innerAgent}\n            {verifiedBadge}\n          </a>\n        );\n      }\n      return (\n        <button\n          ref={ref as React.Ref<HTMLButtonElement>}\n          type=\"button\"\n          data-testid=\"identity-chip\"\n          aria-label={ariaLabelProp ?? accessibleName}\n          aria-disabled={disabled || undefined}\n          className={classes}\n          // a disabled interactive chip is aria-disabled (still named/pictured) and inert — the\n          // identity stays legible, only the action is withdrawn (spec §4). DEC-C dim via token.\n          onClick={\n            disabled\n              ? (e: React.MouseEvent) => e.preventDefault()\n              : (propOnClick as React.MouseEventHandler<HTMLButtonElement>)\n          }\n          {...(interactiveProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        >\n          {avatar}\n          {text}\n          {innerAgent}\n          {verifiedBadge}\n        </button>\n      );\n    }\n\n    // REMOVABLE (spec §2/§3/§4/§6): a token in an editable field. The chip BODY stays\n    // PRESENTATIONAL (no focus ring / target floor of its own) — the trailing remove-control is the\n    // one focusable part and owns its activation, target size, and focus ring. It is removed on\n    // click, Backspace, or Delete when focused; a disabled control is native-disabled and inert.\n    if (variant === \"removable\") {\n      const removeName = removeLabel ?? `Remove ${name}`;\n      const handleRemove = () => {\n        if (!disabled) onRemove?.();\n      };\n      return (\n        <span\n          ref={ref}\n          data-testid=\"identity-chip\"\n          className={cn(identityChipVariants({ variant: \"removable\" }), className)}\n          {...props}\n        >\n          {avatar}\n          {text}\n          {agentBadge}\n          {verifiedBadge}\n          <button\n            type=\"button\"\n            data-testid=\"identity-chip-remove\"\n            aria-label={removeName}\n            disabled={disabled}\n            className={identityChipRemoveControlClass}\n            onClick={handleRemove}\n            onKeyDown={(e) => {\n              // Backspace / Delete remove the chip when its control has focus (spec §6)\n              if (e.key === \"Backspace\" || e.key === \"Delete\") {\n                e.preventDefault();\n                handleRemove();\n              }\n            }}\n          >\n            <RemoveGlyph />\n          </button>\n        </span>\n      );\n    }\n\n    // STATIC (default, spec §3/§4/§6): a read-only inline reference. Non-interactive — no role, no\n    // tabIndex, no focus ring, no target floor; skipped in the tab order. A native <span> grouping\n    // the composed Avatar + the name text (+ any badges); the name is the accessible name.\n    return (\n      <span\n        ref={ref}\n        data-testid=\"identity-chip\"\n        className={cn(identityChipVariants({ variant: \"static\" }), className)}\n        {...props}\n      >\n        {avatar}\n        {text}\n        {agentBadge}\n        {verifiedBadge}\n      </span>\n    );\n  },\n);\n"],"mappings":"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","names":["IdentityChip"]}

package/dist/components/identity-chip/identity-chip.variants.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from "class-variance-authority";
+export declare const identityChipVariants: (props?: ({
+    variant?: "static" | "interactive" | "removable" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const identityChipNameClass = "min-w-0 truncate text-label text-text-primary";
+export declare const identityChipSecondaryClass = "min-w-0 truncate text-caption text-text-secondary";
+export declare const identityChipTextClass = "flex min-w-0 flex-col";
+export declare const identityChipRemoveControlClass: string;
+export declare const identityChipRemoveGlyphClass = "h-(--size-icon-sm) w-(--size-icon-sm)";
+export type IdentityChipVariantProps = VariantProps<typeof identityChipVariants>;
+//# sourceMappingURL=identity-chip.variants.d.ts.map

package/dist/components/identity-chip/identity-chip.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity-chip.variants.d.ts","sourceRoot":"","sources":["../../../src/components/identity-chip/identity-chip.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAqClE,eAAO,MAAM,oBAAoB;;8EA6ChC,CAAC;AAKF,eAAO,MAAM,qBAAqB,kDAAkD,CAAC;AAKrF,eAAO,MAAM,0BAA0B,sDAAsD,CAAC;AAK9F,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAQ7D,eAAO,MAAM,8BAA8B,QASiB,CAAC;AAI7D,eAAO,MAAM,4BAA4B,0CAA0C,CAAC;AAEpF,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/components/identity-chip/identity-chip.variants.js

@@ -0,0 +1,61 @@
+import { cva } from "class-variance-authority";
+const identityChipVariants = cva(
+  [
+    // shape / layout: a single inline row, never shrinking in a flex line, names truncatable
+    "inline-flex min-w-0 shrink-0 items-center gap-(--space-1) px-(--space-2)",
+    // full radius + the neutral raised surface + the muted separating hairline (spec §5)
+    "rounded-(--radius-full) bg-surface-raised border border-surface-border-muted",
+    // relative so a loading Skeleton can be positioned absolute inset-0 inside (Avatar pattern)
+    "relative",
+    // global-first: never wrap the row; logical alignment so it mirrors under dir=rtl (G-U6)
+    "whitespace-nowrap text-start"
+  ],
+  {
+    variants: {
+      // STRUCTURAL axis = spec §3 (how the chip is USED, never status, never a brand fill).
+      variant: {
+        // static (default): a read-only inline reference — non-interactive, no focus, no hit
+        // target, no hover. The common case (spec §3).
+        static: "",
+        // interactive: the chip body is itself a control (an account-switcher trigger, a chip
+        // that opens the profile). It takes the focus ring, the target-size floor, the restrained
+        // ghost hover/press fill, and the fast functional transition (spec §3/§4). DEC-C: a
+        // disabled control dims the label/name via the disabled TOKEN, never a blanket opacity.
+        interactive: [
+          "cursor-pointer",
+          // fast functional motion on verdify easing; instant under reduced motion (NEVER deliberate)
+          "transition-colors duration-(--motion-duration-fast) ease-(--motion-easing-verdify)",
+          "motion-reduce:duration-(--motion-duration-instant)",
+          // target-size floor — 44px touch / 40px pointer (spec §5/§7, WCAG 2.5.8)
+          "min-h-(--size-target-mobile) sm:min-h-(--size-target-desktop)",
+          // restrained ghost hover/press fill — quiet neutral, never a status or brand color (spec §4)
+          "hover:bg-action-ghost-bg-hover active:bg-action-ghost-bg-hover",
+          // focus ring — always visible, never removed (spec §4/§7)
+          "outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2",
+          // disabled — DEC-C: dim the label via the disabled TOKEN, inert, never opacity-60 (spec §4)
+          "aria-disabled:pointer-events-none aria-disabled:text-text-disabled"
+        ],
+        // removable: a token in an editable field. The chip BODY stays presentational (no focus
+        // ring / target floor of its own) — the trailing remove-control is the focusable part and
+        // owns the target size + focus ring (set on removeControlClass). The body keeps the static
+        // surface (spec §3/§4).
+        removable: ""
+      }
+    },
+    defaultVariants: { variant: "static" }
+  }
+);
+const identityChipNameClass = "min-w-0 truncate text-label text-text-primary";
+const identityChipSecondaryClass = "min-w-0 truncate text-caption text-text-secondary";
+const identityChipTextClass = "flex min-w-0 flex-col";
+const identityChipRemoveControlClass = "inline-flex shrink-0 items-center justify-center rounded-(--radius-full) min-h-(--size-target-mobile) min-w-(--size-target-mobile) sm:min-h-(--size-target-desktop) sm:min-w-(--size-target-desktop) text-action-ghost-fg cursor-pointer transition-colors duration-(--motion-duration-fast) ease-(--motion-easing-verdify) motion-reduce:duration-(--motion-duration-instant) hover:bg-action-ghost-bg-hover active:bg-action-ghost-bg-hover outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:text-text-disabled";
+const identityChipRemoveGlyphClass = "h-(--size-icon-sm) w-(--size-icon-sm)";
+export {
+  identityChipNameClass,
+  identityChipRemoveControlClass,
+  identityChipRemoveGlyphClass,
+  identityChipSecondaryClass,
+  identityChipTextClass,
+  identityChipVariants
+};
+//# sourceMappingURL=identity-chip.variants.js.map

package/dist/components/identity-chip/identity-chip.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/identity-chip/identity-chip.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\n\n// An IdentityChip is a compact inline reference to a single identity — a person or an AI agent\n// (spec §1). It COMPOSES the committed primitives — the Avatar for the picture, the optional\n// AgentBadge for the actor kind, the optional VerifiedBadge for a surfaced verification, and a\n// Skeleton in the chip's shape while the identity is still resolving — rather than reinventing\n// any of them. This file binds ONLY the chip body's neutral surface + text-role + layout classes\n// and (for the interactive variants) the ghost hover/press fill, the focus ring, the target-size\n// floor, and the fast functional transition; every composed primitive owns its own tokens.\n//\n// brand != state (spec §3/§5/§8). A chip carries NO status of its own — it reports who, never a\n// result — so the chip body consumes NOTHING from the status tier: no --color-status-* token is\n// bound here, and the verified-status green lives entirely inside the composed VerifiedBadge,\n// never painted on the chip. The brand violet (Sovereign Violet, the action accent) is never a\n// chip FILL either: the brand is not a status and a chip is not an action, so the body paints\n// from neutral surface / text / border roles. The interactive variants are real controls, so\n// they legitimately bind the ACTION-GHOST hover/press fill and the focus ring — the restrained\n// neutral control treatment, never a brand-colored or status-colored chip.\n//\n// The motion is the functional fast transition on verdify easing, collapsing to the instant\n// endpoint under reduced motion — never the 350ms VerifiedBadge-only theatre duration: a chip\n// is not a verification (G-U3).\n\n// The chip container (spec §2/§3/§4/§5). A self-contained rounded unit that holds the avatar,\n// the name, and the reserved badge positions in a single inline row at the --space-1 gap with\n// --space-2 inline padding, on the NEUTRAL raised surface with the muted hairline that separates\n// it from a same-colored surface. `relative` so a loading-state Skeleton placed inside can sit\n// `absolute inset-0` (the committed Avatar/Skeleton pattern). `min-w-0` so the name can truncate\n// rather than overflow when the chip is width-constrained (spec §2 — the name is never dropped).\n//\n// The `variant` axis is about HOW the chip is used (spec §3), never status and never a brand\n// fill — so NONE of the variants recolors the body. `static` (default) is a passive frame: no\n// focus, no hit target, no hover (spec §3/§4/§6). `interactive` and `removable` are real controls\n// and add the ghost hover/press fill, the focus ring, the target-size floor, and the fast\n// functional transition — the difference is the keyboard model and which element takes focus\n// (the body for `interactive`, the trailing remove-control for `removable`), carried by the tsx,\n// not by recoloring here.\nexport const identityChipVariants = cva(\n  [\n    // shape / layout: a single inline row, never shrinking in a flex line, names truncatable\n    \"inline-flex min-w-0 shrink-0 items-center gap-(--space-1) px-(--space-2)\",\n    // full radius + the neutral raised surface + the muted separating hairline (spec §5)\n    \"rounded-(--radius-full) bg-surface-raised border border-surface-border-muted\",\n    // relative so a loading Skeleton can be positioned absolute inset-0 inside (Avatar pattern)\n    \"relative\",\n    // global-first: never wrap the row; logical alignment so it mirrors under dir=rtl (G-U6)\n    \"whitespace-nowrap text-start\",\n  ],\n  {\n    variants: {\n      // STRUCTURAL axis = spec §3 (how the chip is USED, never status, never a brand fill).\n      variant: {\n        // static (default): a read-only inline reference — non-interactive, no focus, no hit\n        // target, no hover. The common case (spec §3).\n        static: \"\",\n        // interactive: the chip body is itself a control (an account-switcher trigger, a chip\n        // that opens the profile). It takes the focus ring, the target-size floor, the restrained\n        // ghost hover/press fill, and the fast functional transition (spec §3/§4). DEC-C: a\n        // disabled control dims the label/name via the disabled TOKEN, never a blanket opacity.\n        interactive: [\n          \"cursor-pointer\",\n          // fast functional motion on verdify easing; instant under reduced motion (NEVER deliberate)\n          \"transition-colors duration-(--motion-duration-fast) ease-(--motion-easing-verdify)\",\n          \"motion-reduce:duration-(--motion-duration-instant)\",\n          // target-size floor — 44px touch / 40px pointer (spec §5/§7, WCAG 2.5.8)\n          \"min-h-(--size-target-mobile) sm:min-h-(--size-target-desktop)\",\n          // restrained ghost hover/press fill — quiet neutral, never a status or brand color (spec §4)\n          \"hover:bg-action-ghost-bg-hover active:bg-action-ghost-bg-hover\",\n          // focus ring — always visible, never removed (spec §4/§7)\n          \"outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2\",\n          // disabled — DEC-C: dim the label via the disabled TOKEN, inert, never opacity-60 (spec §4)\n          \"aria-disabled:pointer-events-none aria-disabled:text-text-disabled\",\n        ],\n        // removable: a token in an editable field. The chip BODY stays presentational (no focus\n        // ring / target floor of its own) — the trailing remove-control is the focusable part and\n        // owns the target size + focus ring (set on removeControlClass). The body keeps the static\n        // surface (spec §3/§4).\n        removable: \"\",\n      },\n    },\n    defaultVariants: { variant: \"static\" },\n  },\n);\n\n// The display name (spec §2/§5): the identity's name in the LABEL type role + the PRIMARY text\n// color. It carries the identity in the accessibility tree as text, so it is never the only part\n// dropped at small sizes — it truncates with an ellipsis rather than disappearing (spec §2/§7).\nexport const identityChipNameClass = \"min-w-0 truncate text-label text-text-primary\";\n\n// The optional supporting line (spec §2/§5): one handle / role / profile-context line that\n// disambiguates two identities sharing a name, in the CAPTION type role + the SECONDARY text\n// color. Supporting detail only — never a credential value and never a status color.\nexport const identityChipSecondaryClass = \"min-w-0 truncate text-caption text-text-secondary\";\n\n// The text block (spec §2): stacks the name above the optional secondary line; takes the\n// remaining inline space between the avatar and the reserved badge positions and lets the name\n// truncate (min-w-0) rather than overflow.\nexport const identityChipTextClass = \"flex min-w-0 flex-col\";\n\n// The trailing remove-control of the `removable` variant (spec §2/§4/§5/§6). It is the ONE\n// focusable part of a removable chip and owns its own activation, so it carries the target-size\n// floor, the focus ring, and the ghost hover/press fill — the control treatment lives HERE, not\n// on the chip body. The glyph takes the action-ghost foreground at the sm icon role; under reduced\n// motion the transition collapses to the instant endpoint. DEC-C: a disabled remove dims via the\n// disabled TOKEN, never a blanket opacity.\nexport const identityChipRemoveControlClass =\n  \"inline-flex shrink-0 items-center justify-center rounded-(--radius-full) \" +\n  \"min-h-(--size-target-mobile) min-w-(--size-target-mobile) \" +\n  \"sm:min-h-(--size-target-desktop) sm:min-w-(--size-target-desktop) \" +\n  \"text-action-ghost-fg cursor-pointer \" +\n  \"transition-colors duration-(--motion-duration-fast) ease-(--motion-easing-verdify) \" +\n  \"motion-reduce:duration-(--motion-duration-instant) \" +\n  \"hover:bg-action-ghost-bg-hover active:bg-action-ghost-bg-hover \" +\n  \"outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 \" +\n  \"disabled:pointer-events-none disabled:text-text-disabled\";\n\n// The remove-control glyph (spec §5): one small decorative mark at the sm icon role, inheriting\n// the control's action-ghost foreground via currentColor.\nexport const identityChipRemoveGlyphClass = \"h-(--size-icon-sm) w-(--size-icon-sm)\";\n\nexport type IdentityChipVariantProps = VariantProps<typeof identityChipVariants>;\n"],"mappings":"AAAA,SAAS,WAA8B;AAqChC,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA,IAEE;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA;AAAA,MAER,SAAS;AAAA;AAAA;AAAA,QAGP,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAKR,aAAa;AAAA,UACX;AAAA;AAAA,UAEA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA,QACF;AAAA;AAAA;AAAA;AAAA;AAAA,QAKA,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,SAAS;AAAA,EACvC;AACF;AAKO,MAAM,wBAAwB;AAK9B,MAAM,6BAA6B;AAKnC,MAAM,wBAAwB;AAQ9B,MAAM,iCACX;AAYK,MAAM,+BAA+B;","names":[]}

package/dist/components/identity-chip/index.d.ts

@@ -0,0 +1,3 @@
+export { IdentityChip, type IdentityChipProps, type IdentityChipVariant, type IdentityChipAgent, type IdentityChipVerified, } from "./identity-chip";
+export { identityChipVariants, identityChipNameClass, identityChipSecondaryClass, identityChipTextClass, identityChipRemoveControlClass, identityChipRemoveGlyphClass, type IdentityChipVariantProps, } from "./identity-chip.variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/identity-chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/identity-chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,0BAA0B,EAC1B,qBAAqB,EACrB,8BAA8B,EAC9B,4BAA4B,EAC5B,KAAK,wBAAwB,GAC9B,MAAM,0BAA0B,CAAC"}

package/dist/components/identity-chip/index.js

@@ -0,0 +1,21 @@
+import {
+  IdentityChip
+} from "./identity-chip";
+import {
+  identityChipVariants,
+  identityChipNameClass,
+  identityChipSecondaryClass,
+  identityChipTextClass,
+  identityChipRemoveControlClass,
+  identityChipRemoveGlyphClass
+} from "./identity-chip.variants";
+export {
+  IdentityChip,
+  identityChipNameClass,
+  identityChipRemoveControlClass,
+  identityChipRemoveGlyphClass,
+  identityChipSecondaryClass,
+  identityChipTextClass,
+  identityChipVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/components/identity-chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/identity-chip/index.ts"],"sourcesContent":["export {\n  IdentityChip,\n  type IdentityChipProps,\n  type IdentityChipVariant,\n  type IdentityChipAgent,\n  type IdentityChipVerified,\n} from \"./identity-chip\";\nexport {\n  identityChipVariants,\n  identityChipNameClass,\n  identityChipSecondaryClass,\n  identityChipTextClass,\n  identityChipRemoveControlClass,\n  identityChipRemoveGlyphClass,\n  type IdentityChipVariantProps,\n} from \"./identity-chip.variants\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,OAKK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;","names":[]}

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

@@ -0,0 +1,3 @@
+export { Input, type InputProps } from "./input";
+export { inputVariants, inputMessageVariants, type InputVariantProps, } from "./input.variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,KAAK,iBAAiB,GACvB,MAAM,kBAAkB,CAAC"}

package/dist/components/input/index.js

@@ -0,0 +1,11 @@
+import { Input } from "./input";
+import {
+  inputVariants,
+  inputMessageVariants
+} from "./input.variants";
+export {
+  Input,
+  inputMessageVariants,
+  inputVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/components/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/input/index.ts"],"sourcesContent":["export { Input, type InputProps } from \"./input\";\nexport {\n  inputVariants,\n  inputMessageVariants,\n  type InputVariantProps,\n} from \"./input.variants\";\n"],"mappings":"AAAA,SAAS,aAA8B;AACvC;AAAA,EACE;AAAA,EACA;AAAA,OAEK;","names":[]}

package/dist/components/input/input.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { type InputVariantProps } from "./input.variants";
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, Pick<InputVariantProps, "size"> {
+    /** Required: the field is wired to a sibling <label for={id}> (or aria-label). */
+    id: string;
+    /** Icon/prefix inside the inline-start edge (search glyph, currency mark). */
+    leading?: React.ReactNode;
+    /** Icon/affordance inside the inline-end edge (clear, reveal, unit suffix). */
+    trailing?: React.ReactNode;
+    /** Neutral description below the field, wired by aria-describedby. */
+    help?: React.ReactNode;
+    /** Error message below the field: sets aria-invalid + critical border, wired
+     *  by aria-describedby so the reason is read with the field. */
+    error?: React.ReactNode;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

package/dist/components/input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACjC,kFAAkF;IAClF,EAAE,EAAE,MAAM,CAAC;IACX,8EAA8E;IAC9E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;oEACgE;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAKD,eAAO,MAAM,KAAK,qFAoEjB,CAAC"}