@verdify/ui 0.1.0

package/dist/components/credential-card/credential-card.d.ts

@@ -0,0 +1,144 @@
+import * as React from "react";
+import { type CredentialCardVariantProps } from "./credential-card.variants";
+/** The credential kind a CredentialCard represents (spec §3). */
+export type CredentialKind = NonNullable<CredentialCardVariantProps["kind"]>;
+/**
+ * One small fact shown about the credential (spec §2 `status`). `verified` is the green status
+ * Badge (a proof about THIS credential, never the identity); `primary` is the credential you
+ * currently sign in with — a NEUTRAL fact, not a status color and never the brand. The status
+ * describes the credential, not the identity: a verified credential does not make the person
+ * verified.
+ */
+export interface CredentialCardStatus {
+    /** `verified` (the green status) or `primary` (the current sign-in credential). */
+    kind: "verified" | "primary";
+    /** The Badge's visible label and accessible name, a plain word ("Verified", "Primary"). */
+    label: React.ReactNode;
+}
+export interface CredentialCardProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, "title">, CredentialCardVariantProps {
+    /**
+     * The credential kind this card represents (spec §3): `email`, `phone`, `passkey`, `wallet`,
+     * or `enterprise-sso`. The kind is carried by the {@link icon} + {@link label} text, never by
+     * color — every kind is the same neutral surface. Defaults to `email`, the common case.
+     */
+    kind?: CredentialKind;
+    /**
+     * The human-readable name of the credential KIND (spec §2 `label`), a statement in sentence
+     * case — "Email", "Passkey", "Wallet". It says what kind of link this is, not who the identity
+     * is. Required.
+     */
+    label: React.ReactNode;
+    /**
+     * The value that identifies this specific credential (spec §2 `identifier`): the email, the
+     * masked phone, the passkey device name, the truncated wallet address, or the SSO provider and
+     * domain. Rendered in the monospace type role and isolated left-to-right so addresses, hashes,
+     * and wallet strings are never garbled, even inside RTL text. Selectable text so it can be
+     * copied; that does not make the card a control. Required.
+     */
+    identifier: React.ReactNode;
+    /**
+     * A short, plain string used to NAME the credential in the control accessible names — the
+     * `remove` button reads "Remove {kindNoun} {identifierText}" and the `selectable` checkbox
+     * reads "Select {kindNoun} {identifierText}", so a screen-reader user is never asked to remove
+     * or select an unnamed thing (spec §7). When omitted it is built from the visible {@link label}
+     * and the {@link identifier} (when it is a plain string).
+     */
+    identifierText?: string;
+    /**
+     * The required kind glyph (spec §2 `icon`): a small decorative mark for the credential kind. It
+     * reinforces the kind shown in the label and is rendered `aria-hidden` so the kind is announced
+     * once, from the label, not twice. Its fill is a neutral role — never a status color, never the
+     * brand.
+     */
+    icon?: React.ReactNode;
+    /**
+     * At most one or two small status Badges (spec §2 `status`): `verified` (the green status) or
+     * `primary` (the current sign-in credential). The status describes the credential, not the
+     * identity.
+     */
+    status?: CredentialCardStatus[];
+    /**
+     * Quiet secondary text (spec §2 `meta`) such as when the credential was added or last used.
+     * De-emphasized; never an alarm color.
+     */
+    meta?: React.ReactNode;
+    /**
+     * Fires when the required `remove` control is activated (spec §2 `remove`/§8). Removing a
+     * credential detaches a login method from the identity — it never deletes the person. In a real
+     * app this opens the confirm step (spec §8); the card stays mounted and the identity intact. The
+     * `remove` control is the card's primary focus stop. Omit only when the row is display-only.
+     */
+    onRemove?: () => void;
+    /**
+     * Disable `remove` (spec §4 Disabled) — for example on the last remaining sign-in credential,
+     * because removing it would lock the identity out. Shown via `aria-disabled` and removed from
+     * the tab order; the credential is still shown (the card itself is never "disabled").
+     */
+    removeDisabled?: boolean;
+    /**
+     * The reason `remove` is disabled (spec §4/§7), given as adjacent text and wired to the control
+     * as its accessible description — so the reason is heard, not just seen, never communicated by
+     * graying alone. Required reading whenever {@link removeDisabled} is set.
+     */
+    removeDisabledReason?: React.ReactNode;
+    /**
+     * A removal is resolving on the server (spec §4 Loading): `remove` shows a Spinner in place,
+     * is `aria-busy`, and is not re-triggerable. A wait is a plain wait — never the deliberate
+     * verified-check duration.
+     */
+    loading?: boolean;
+    /**
+     * The plain message shown when a removal FAILS (spec §4/§7): the credential stays in the list
+     * and the failure is stated where it happened, naming what failed and what to do next — never
+     * blaming the reader and never an exclamation mark. Announced through an assertive live region.
+     */
+    error?: React.ReactNode;
+    /**
+     * At most one further low-emphasis control beside `remove` (spec §2 `actions`) — for example
+     * "Make primary" or "Re-verify". Pass the interactive element itself; it is its own focus stop
+     * with its own keyboard model and focus ring. Keep the card to one primary action.
+     */
+    actions?: React.ReactNode;
+    /**
+     * Render a leading Checkbox for bulk actions on a managed list (spec §3 `selectable`). Composes
+     * with any kind. The checkbox's accessible name is tied to the same credential.
+     */
+    selectable?: boolean;
+    /** The controlled selected value for the `selectable` Checkbox (spec §3/§4). */
+    selected?: boolean;
+    /** Fires with the next selected value when the `selectable` Checkbox toggles (spec §6). */
+    onSelectedChange?: (selected: boolean) => void;
+}
+/**
+ * A CredentialCard is one ROW in the list of credentials attached to an identity (spec §1) — a
+ * single way to reach that identity, such as an email, a phone number, a passkey, a wallet, or an
+ * enterprise single sign-on connection. It shows what the credential is, how to recognize it, and
+ * lets you remove it. Each card is a LINK to an identity, NOT the identity itself: it is removable,
+ * and removing it never deletes the person.
+ *
+ * It encodes the platform's first invariant — identity is not credentials — in its UI contract. A
+ * credential is a means of signing in, so a CredentialCard never reads as "you" and never stands
+ * in for the account: one identity holds many credentials the way it holds many profiles, and a
+ * card is one of those means, not the whole. The card may show that a credential is verified (the
+ * green status, never the brand) or that it is the one you currently sign in with, but neither
+ * makes the card into the identity behind it (spec §1/§8).
+ *
+ * It COMPOSES the committed primitives — a Card-like neutral surface, the destructive Button for
+ * `remove`, the secondary control for an optional `action`, the Badge for a `status`, and the
+ * Checkbox for `selectable` — so the focus ring, the target-size floor, the keyboard model, and
+ * the control motion all come from those proven primitives. The card surface itself is a static
+ * `listitem` container, not a single clickable control: the whole row does not map to one action,
+ * so the controls inside it each take focus in DOM order while the row takes none (spec §4/§6/§7).
+ *
+ * brand != state (spec §3/§5/§8): the card surface, the icon, and the identifier are NEUTRAL — the
+ * brand violet never marks a credential as special, and the verified-status green is reserved for
+ * the `verified` status Badge alone, never spent on the surface, the icon, or the identifier.
+ * Coloring the card green would imply the IDENTITY is verified, the one misreport this molecule
+ * forbids. The only status color it binds is the critical foreground on a removal-failure message.
+ *
+ * It is `'use client'` for the `React.useId()` calls that mint the ids wiring the disabled reason
+ * and the failure region to the controls (any hook makes the file a client component); the
+ * composed Button/Checkbox own their own state and `'use client'` independently.
+ */
+export declare const CredentialCard: React.ForwardRefExoticComponent<CredentialCardProps & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=credential-card.d.ts.map

package/dist/components/credential-card/credential-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credential-card.d.ts","sourceRoot":"","sources":["../../../src/components/credential-card/credential-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAWL,KAAK,0BAA0B,EAChC,MAAM,4BAA4B,CAAC;AAEpC,iEAAiE;AACjE,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,CAAC;AAE7E;;;;;;GAMG;AACH,MAAM,WAAW,oBAAoB;IACnC,mFAAmF;IACnF,IAAI,EAAE,UAAU,GAAG,SAAS,CAAC;IAC7B,2FAA2F;IAC3F,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC,EAC1D,0BAA0B;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;;;OAMG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAWD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,cAAc,2FA6I1B,CAAC"}

package/dist/components/credential-card/credential-card.js

@@ -0,0 +1,117 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/cn";
+import { Button } from "../button";
+import { Badge } from "../badge";
+import { Checkbox } from "../checkbox";
+import {
+  credentialCardVariants,
+  credentialCardIconClass,
+  credentialCardBodyClass,
+  credentialCardLabelClass,
+  credentialCardIdentifierClass,
+  credentialCardStatusClass,
+  credentialCardMetaClass,
+  credentialCardControlsClass,
+  credentialCardReasonClass,
+  credentialCardErrorClass
+} from "./credential-card.variants";
+const KIND_NOUN = {
+  email: "email",
+  phone: "phone",
+  passkey: "passkey",
+  wallet: "wallet",
+  "enterprise-sso": "enterprise SSO"
+};
+const CredentialCard = React.forwardRef(
+  function CredentialCard2({
+    className,
+    kind = "email",
+    label,
+    identifier,
+    identifierText,
+    icon,
+    status,
+    meta,
+    onRemove,
+    removeDisabled = false,
+    removeDisabledReason,
+    loading = false,
+    error,
+    actions,
+    selectable = false,
+    selected,
+    onSelectedChange,
+    ...props
+  }, ref) {
+    const reactId = React.useId();
+    const reasonId = removeDisabledReason != null ? `${reactId}-reason` : void 0;
+    const errorId = error != null ? `${reactId}-error` : void 0;
+    const idText = identifierText ?? (typeof identifier === "string" ? identifier : "");
+    const credentialName = `${KIND_NOUN[kind]} ${idText}`.trim();
+    return (
+      // The card is a listitem within the credential list's <ul role="list"> (spec §7): no
+      // interactive role of its own, not a focus stop, not a single control (spec §4/§6).
+      /* @__PURE__ */ jsxs(
+        "li",
+        {
+          ref,
+          className: cn(credentialCardVariants({ kind }), className),
+          ...props,
+          children: [
+            selectable ? /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                "data-testid": "credential-card-select",
+                label: `Select ${credentialName}`,
+                checked: selected,
+                onCheckedChange: onSelectedChange
+              }
+            ) : null,
+            icon != null ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-testid": "credential-card-icon",
+                "aria-hidden": "true",
+                className: credentialCardIconClass,
+                children: icon
+              }
+            ) : null,
+            /* @__PURE__ */ jsxs("span", { className: credentialCardBodyClass, children: [
+              /* @__PURE__ */ jsx("span", { className: credentialCardLabelClass, children: label }),
+              /* @__PURE__ */ jsx("span", { className: credentialCardIdentifierClass, children: identifier }),
+              meta != null ? /* @__PURE__ */ jsx("span", { className: credentialCardMetaClass, children: meta }) : null,
+              removeDisabledReason != null ? /* @__PURE__ */ jsx("span", { id: reasonId, className: credentialCardReasonClass, children: removeDisabledReason }) : null,
+              error != null ? /* @__PURE__ */ jsx("span", { id: errorId, role: "alert", className: credentialCardErrorClass, children: error }) : null
+            ] }),
+            status != null && status.length > 0 ? /* @__PURE__ */ jsx("span", { className: credentialCardStatusClass, children: status.map(
+              (s, i) => s.kind === "verified" ? /* @__PURE__ */ jsx(Badge, { status: "verified", children: s.label }, i) : /* @__PURE__ */ jsx(Badge, { children: s.label }, i)
+            ) }) : null,
+            /* @__PURE__ */ jsxs("span", { className: credentialCardControlsClass, children: [
+              actions,
+              onRemove != null ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "destructive",
+                  loading,
+                  "aria-label": `Remove ${credentialName}`,
+                  "aria-disabled": removeDisabled || void 0,
+                  "aria-describedby": [reasonId, errorId].filter(Boolean).join(" ") || void 0,
+                  tabIndex: removeDisabled ? -1 : void 0,
+                  className: removeDisabled ? "pointer-events-none text-text-disabled" : void 0,
+                  onClick: removeDisabled || loading ? void 0 : onRemove,
+                  children: "Remove"
+                }
+              ) : null
+            ] })
+          ]
+        }
+      )
+    );
+  }
+);
+export {
+  CredentialCard
+};
+//# sourceMappingURL=credential-card.js.map

package/dist/components/credential-card/credential-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/credential-card/credential-card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { Button } from \"../button\";\nimport { Badge } from \"../badge\";\nimport { Checkbox } from \"../checkbox\";\nimport {\n  credentialCardVariants,\n  credentialCardIconClass,\n  credentialCardBodyClass,\n  credentialCardLabelClass,\n  credentialCardIdentifierClass,\n  credentialCardStatusClass,\n  credentialCardMetaClass,\n  credentialCardControlsClass,\n  credentialCardReasonClass,\n  credentialCardErrorClass,\n  type CredentialCardVariantProps,\n} from \"./credential-card.variants\";\n\n/** The credential kind a CredentialCard represents (spec §3). */\nexport type CredentialKind = NonNullable<CredentialCardVariantProps[\"kind\"]>;\n\n/**\n * One small fact shown about the credential (spec §2 `status`). `verified` is the green status\n * Badge (a proof about THIS credential, never the identity); `primary` is the credential you\n * currently sign in with — a NEUTRAL fact, not a status color and never the brand. The status\n * describes the credential, not the identity: a verified credential does not make the person\n * verified.\n */\nexport interface CredentialCardStatus {\n  /** `verified` (the green status) or `primary` (the current sign-in credential). */\n  kind: \"verified\" | \"primary\";\n  /** The Badge's visible label and accessible name, a plain word (\"Verified\", \"Primary\"). */\n  label: React.ReactNode;\n}\n\nexport interface CredentialCardProps\n  extends Omit<React.LiHTMLAttributes<HTMLLIElement>, \"title\">,\n    CredentialCardVariantProps {\n  /**\n   * The credential kind this card represents (spec §3): `email`, `phone`, `passkey`, `wallet`,\n   * or `enterprise-sso`. The kind is carried by the {@link icon} + {@link label} text, never by\n   * color — every kind is the same neutral surface. Defaults to `email`, the common case.\n   */\n  kind?: CredentialKind;\n  /**\n   * The human-readable name of the credential KIND (spec §2 `label`), a statement in sentence\n   * case — \"Email\", \"Passkey\", \"Wallet\". It says what kind of link this is, not who the identity\n   * is. Required.\n   */\n  label: React.ReactNode;\n  /**\n   * The value that identifies this specific credential (spec §2 `identifier`): the email, the\n   * masked phone, the passkey device name, the truncated wallet address, or the SSO provider and\n   * domain. Rendered in the monospace type role and isolated left-to-right so addresses, hashes,\n   * and wallet strings are never garbled, even inside RTL text. Selectable text so it can be\n   * copied; that does not make the card a control. Required.\n   */\n  identifier: React.ReactNode;\n  /**\n   * A short, plain string used to NAME the credential in the control accessible names — the\n   * `remove` button reads \"Remove {kindNoun} {identifierText}\" and the `selectable` checkbox\n   * reads \"Select {kindNoun} {identifierText}\", so a screen-reader user is never asked to remove\n   * or select an unnamed thing (spec §7). When omitted it is built from the visible {@link label}\n   * and the {@link identifier} (when it is a plain string).\n   */\n  identifierText?: string;\n  /**\n   * The required kind glyph (spec §2 `icon`): a small decorative mark for the credential kind. It\n   * reinforces the kind shown in the label and is rendered `aria-hidden` so the kind is announced\n   * once, from the label, not twice. Its fill is a neutral role — never a status color, never the\n   * brand.\n   */\n  icon?: React.ReactNode;\n  /**\n   * At most one or two small status Badges (spec §2 `status`): `verified` (the green status) or\n   * `primary` (the current sign-in credential). The status describes the credential, not the\n   * identity.\n   */\n  status?: CredentialCardStatus[];\n  /**\n   * Quiet secondary text (spec §2 `meta`) such as when the credential was added or last used.\n   * De-emphasized; never an alarm color.\n   */\n  meta?: React.ReactNode;\n  /**\n   * Fires when the required `remove` control is activated (spec §2 `remove`/§8). Removing a\n   * credential detaches a login method from the identity — it never deletes the person. In a real\n   * app this opens the confirm step (spec §8); the card stays mounted and the identity intact. The\n   * `remove` control is the card's primary focus stop. Omit only when the row is display-only.\n   */\n  onRemove?: () => void;\n  /**\n   * Disable `remove` (spec §4 Disabled) — for example on the last remaining sign-in credential,\n   * because removing it would lock the identity out. Shown via `aria-disabled` and removed from\n   * the tab order; the credential is still shown (the card itself is never \"disabled\").\n   */\n  removeDisabled?: boolean;\n  /**\n   * The reason `remove` is disabled (spec §4/§7), given as adjacent text and wired to the control\n   * as its accessible description — so the reason is heard, not just seen, never communicated by\n   * graying alone. Required reading whenever {@link removeDisabled} is set.\n   */\n  removeDisabledReason?: React.ReactNode;\n  /**\n   * A removal is resolving on the server (spec §4 Loading): `remove` shows a Spinner in place,\n   * is `aria-busy`, and is not re-triggerable. A wait is a plain wait — never the deliberate\n   * verified-check duration.\n   */\n  loading?: boolean;\n  /**\n   * The plain message shown when a removal FAILS (spec §4/§7): the credential stays in the list\n   * and the failure is stated where it happened, naming what failed and what to do next — never\n   * blaming the reader and never an exclamation mark. Announced through an assertive live region.\n   */\n  error?: React.ReactNode;\n  /**\n   * At most one further low-emphasis control beside `remove` (spec §2 `actions`) — for example\n   * \"Make primary\" or \"Re-verify\". Pass the interactive element itself; it is its own focus stop\n   * with its own keyboard model and focus ring. Keep the card to one primary action.\n   */\n  actions?: React.ReactNode;\n  /**\n   * Render a leading Checkbox for bulk actions on a managed list (spec §3 `selectable`). Composes\n   * with any kind. The checkbox's accessible name is tied to the same credential.\n   */\n  selectable?: boolean;\n  /** The controlled selected value for the `selectable` Checkbox (spec §3/§4). */\n  selected?: boolean;\n  /** Fires with the next selected value when the `selectable` Checkbox toggles (spec §6). */\n  onSelectedChange?: (selected: boolean) => void;\n}\n\n// The kind → noun used in the control accessible names (\"Remove email …\", \"Select email …\").\nconst KIND_NOUN: Record<CredentialKind, string> = {\n  email: \"email\",\n  phone: \"phone\",\n  passkey: \"passkey\",\n  wallet: \"wallet\",\n  \"enterprise-sso\": \"enterprise SSO\",\n};\n\n/**\n * A CredentialCard is one ROW in the list of credentials attached to an identity (spec §1) — a\n * single way to reach that identity, such as an email, a phone number, a passkey, a wallet, or an\n * enterprise single sign-on connection. It shows what the credential is, how to recognize it, and\n * lets you remove it. Each card is a LINK to an identity, NOT the identity itself: it is removable,\n * and removing it never deletes the person.\n *\n * It encodes the platform's first invariant — identity is not credentials — in its UI contract. A\n * credential is a means of signing in, so a CredentialCard never reads as \"you\" and never stands\n * in for the account: one identity holds many credentials the way it holds many profiles, and a\n * card is one of those means, not the whole. The card may show that a credential is verified (the\n * green status, never the brand) or that it is the one you currently sign in with, but neither\n * makes the card into the identity behind it (spec §1/§8).\n *\n * It COMPOSES the committed primitives — a Card-like neutral surface, the destructive Button for\n * `remove`, the secondary control for an optional `action`, the Badge for a `status`, and the\n * Checkbox for `selectable` — so the focus ring, the target-size floor, the keyboard model, and\n * the control motion all come from those proven primitives. The card surface itself is a static\n * `listitem` container, not a single clickable control: the whole row does not map to one action,\n * so the controls inside it each take focus in DOM order while the row takes none (spec §4/§6/§7).\n *\n * brand != state (spec §3/§5/§8): the card surface, the icon, and the identifier are NEUTRAL — the\n * brand violet never marks a credential as special, and the verified-status green is reserved for\n * the `verified` status Badge alone, never spent on the surface, the icon, or the identifier.\n * Coloring the card green would imply the IDENTITY is verified, the one misreport this molecule\n * forbids. The only status color it binds is the critical foreground on a removal-failure message.\n *\n * It is `'use client'` for the `React.useId()` calls that mint the ids wiring the disabled reason\n * and the failure region to the controls (any hook makes the file a client component); the\n * composed Button/Checkbox own their own state and `'use client'` independently.\n */\nexport const CredentialCard = React.forwardRef<HTMLLIElement, CredentialCardProps>(\n  function CredentialCard(\n    {\n      className,\n      kind = \"email\",\n      label,\n      identifier,\n      identifierText,\n      icon,\n      status,\n      meta,\n      onRemove,\n      removeDisabled = false,\n      removeDisabledReason,\n      loading = false,\n      error,\n      actions,\n      selectable = false,\n      selected,\n      onSelectedChange,\n      ...props\n    },\n    ref,\n  ) {\n    const reactId = React.useId();\n    const reasonId = removeDisabledReason != null ? `${reactId}-reason` : undefined;\n    const errorId = error != null ? `${reactId}-error` : undefined;\n\n    // The credential's name used in the control accessible names (spec §7) — a screen-reader user\n    // is never asked to remove or select an unnamed thing. Built from the kind noun + a plain text\n    // form of the identifier (the caller-supplied identifierText, else the identifier when it is a\n    // plain string), so \"Remove email jordan@example.com\" / \"Select email jordan@example.com\".\n    const idText =\n      identifierText ?? (typeof identifier === \"string\" ? identifier : \"\");\n    const credentialName = `${KIND_NOUN[kind]} ${idText}`.trim();\n\n    return (\n      // The card is a listitem within the credential list's <ul role=\"list\"> (spec §7): no\n      // interactive role of its own, not a focus stop, not a single control (spec §4/§6).\n      <li\n        ref={ref}\n        className={cn(credentialCardVariants({ kind }), className)}\n        {...props}\n      >\n        {/* selectable: a leading Checkbox for bulk actions (spec §3). Its accessible name is tied\n            to the same credential. A checked box is the brand action accent (bound in the Checkbox\n            primitive), never the verified-status green — selection is a neutral action state. */}\n        {selectable ? (\n          <Checkbox\n            data-testid=\"credential-card-select\"\n            label={`Select ${credentialName}`}\n            checked={selected}\n            onCheckedChange={onSelectedChange}\n          />\n        ) : null}\n\n        {/* the kind glyph (spec §2): decorative (aria-hidden), neutral fill, md icon role — the\n            label text carries the kind if the icon is dropped, so the kind never rests on the icon\n            or color alone (spec §7). */}\n        {icon != null ? (\n          <span\n            data-testid=\"credential-card-icon\"\n            aria-hidden=\"true\"\n            className={credentialCardIconClass}\n          >\n            {icon}\n          </span>\n        ) : null}\n\n        {/* the label + identifier block (spec §2): what kind of link this is, then the value that\n            identifies this specific credential, in the monospace role, isolated LTR. Both reach the\n            accessibility tree as text (1.3.1) — never carried by the icon or a color alone. */}\n        <span className={credentialCardBodyClass}>\n          <span className={credentialCardLabelClass}>{label}</span>\n          <span className={credentialCardIdentifierClass}>{identifier}</span>\n          {meta != null ? <span className={credentialCardMetaClass}>{meta}</span> : null}\n          {/* the disabled reason (spec §4/§7): adjacent muted text, wired to the remove control as\n              its accessible description so the reason is heard, not just seen — never gray alone. */}\n          {removeDisabledReason != null ? (\n            <span id={reasonId} className={credentialCardReasonClass}>\n              {removeDisabledReason}\n            </span>\n          ) : null}\n          {/* the removal-failure message (spec §4/§7): the credential stays and the failure is\n              stated where it happened, in the critical color, through an ASSERTIVE live region\n              (role=alert, 4.1.3) — naming what failed and what to do next, never blaming, never an\n              exclamation mark. */}\n          {error != null ? (\n            <span id={errorId} role=\"alert\" className={credentialCardErrorClass}>\n              {error}\n            </span>\n          ) : null}\n        </span>\n\n        {/* the status Badges (spec §2): at most one or two facts about the credential. `verified`\n            is the green status Badge (a proof about THIS credential, never the identity); `primary`\n            is a NEUTRAL Badge — which credential is used, a fact, not a status color or the brand. */}\n        {status != null && status.length > 0 ? (\n          <span className={credentialCardStatusClass}>\n            {status.map((s, i) =>\n              s.kind === \"verified\" ? (\n                <Badge key={i} status=\"verified\">\n                  {s.label}\n                </Badge>\n              ) : (\n                <Badge key={i}>{s.label}</Badge>\n              ),\n            )}\n          </span>\n        ) : null}\n\n        {/* the trailing controls (spec §2): the optional low-emphasis `action` beside the required\n            destructive `remove`. The `remove` control names the credential it detaches (spec §7);\n            detaching is consequential, so it takes the destructive action treatment (spec §2/§5).\n            Loading shows the Button's in-place spinner + aria-busy and is not re-triggerable; the\n            wait runs on the Button's ambient spinner, never the verified-check theatre (spec §4). */}\n        <span className={credentialCardControlsClass}>\n          {actions}\n          {onRemove != null ? (\n            <Button\n              variant=\"destructive\"\n              loading={loading}\n              aria-label={`Remove ${credentialName}`}\n              aria-disabled={removeDisabled || undefined}\n              aria-describedby={\n                [reasonId, errorId].filter(Boolean).join(\" \") || undefined\n              }\n              // a disabled remove stays NAMED and described (aria-disabled, not native disabled),\n              // out of the tab order, and inert — never a silently dropped name (spec §4/§7). DEC-C:\n              // it dims via the disabled text TOKEN, set here, never a blanket opacity.\n              tabIndex={removeDisabled ? -1 : undefined}\n              className={removeDisabled ? \"pointer-events-none text-text-disabled\" : undefined}\n              onClick={removeDisabled || loading ? undefined : onRemove}\n            >\n              Remove\n            </Button>\n          ) : null}\n        </span>\n      </li>\n    );\n  },\n);\n"],"mappings":";AA+NU,cAwBF,YAxBE;AA7NV,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAqHP,MAAM,YAA4C;AAAA,EAChD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,kBAAkB;AACpB;AAiCO,MAAM,iBAAiB,MAAM;AAAA,EAClC,SAASA,gBACP;AAAA,IACE;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,UAAU,MAAM,MAAM;AAC5B,UAAM,WAAW,wBAAwB,OAAO,GAAG,OAAO,YAAY;AACtE,UAAM,UAAU,SAAS,OAAO,GAAG,OAAO,WAAW;AAMrD,UAAM,SACJ,mBAAmB,OAAO,eAAe,WAAW,aAAa;AACnE,UAAM,iBAAiB,GAAG,UAAU,IAAI,CAAC,IAAI,MAAM,GAAG,KAAK;AAE3D;AAAA;AAAA;AAAA,MAGE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAW,GAAG,uBAAuB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,UACxD,GAAG;AAAA,UAKH;AAAA,yBACC;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,OAAO,UAAU,cAAc;AAAA,gBAC/B,SAAS;AAAA,gBACT,iBAAiB;AAAA;AAAA,YACnB,IACE;AAAA,YAKH,QAAQ,OACP;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,eAAY;AAAA,gBACZ,WAAW;AAAA,gBAEV;AAAA;AAAA,YACH,IACE;AAAA,YAKJ,qBAAC,UAAK,WAAW,yBACf;AAAA,kCAAC,UAAK,WAAW,0BAA2B,iBAAM;AAAA,cAClD,oBAAC,UAAK,WAAW,+BAAgC,sBAAW;AAAA,cAC3D,QAAQ,OAAO,oBAAC,UAAK,WAAW,yBAA0B,gBAAK,IAAU;AAAA,cAGzE,wBAAwB,OACvB,oBAAC,UAAK,IAAI,UAAU,WAAW,2BAC5B,gCACH,IACE;AAAA,cAKH,SAAS,OACR,oBAAC,UAAK,IAAI,SAAS,MAAK,SAAQ,WAAW,0BACxC,iBACH,IACE;AAAA,eACN;AAAA,YAKC,UAAU,QAAQ,OAAO,SAAS,IACjC,oBAAC,UAAK,WAAW,2BACd,iBAAO;AAAA,cAAI,CAAC,GAAG,MACd,EAAE,SAAS,aACT,oBAAC,SAAc,QAAO,YACnB,YAAE,SADO,CAEZ,IAEA,oBAAC,SAAe,YAAE,SAAN,CAAY;AAAA,YAE5B,GACF,IACE;AAAA,YAOJ,qBAAC,UAAK,WAAW,6BACd;AAAA;AAAA,cACA,YAAY,OACX;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR;AAAA,kBACA,cAAY,UAAU,cAAc;AAAA,kBACpC,iBAAe,kBAAkB;AAAA,kBACjC,oBACE,CAAC,UAAU,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,kBAKnD,UAAU,iBAAiB,KAAK;AAAA,kBAChC,WAAW,iBAAiB,2CAA2C;AAAA,kBACvE,SAAS,kBAAkB,UAAU,SAAY;AAAA,kBAClD;AAAA;AAAA,cAED,IACE;AAAA,eACN;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AACF;","names":["CredentialCard"]}

package/dist/components/credential-card/credential-card.variants.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from "class-variance-authority";
+export declare const credentialCardVariants: (props?: ({
+    kind?: "email" | "phone" | "passkey" | "wallet" | "enterprise-sso" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const credentialCardIconClass = "inline-flex h-(--size-icon-md) w-(--size-icon-md) shrink-0 items-center justify-center text-text-secondary";
+export declare const credentialCardBodyClass = "flex min-w-0 flex-1 flex-col gap-(--space-1)";
+export declare const credentialCardLabelClass = "text-label text-text-primary";
+export declare const credentialCardIdentifierClass = "text-mono text-text-secondary [direction:ltr] truncate";
+export declare const credentialCardStatusClass = "flex shrink-0 flex-wrap items-center gap-(--space-1)";
+export declare const credentialCardMetaClass = "text-caption text-text-muted";
+export declare const credentialCardControlsClass = "flex shrink-0 items-center gap-(--space-2)";
+export declare const credentialCardReasonClass = "text-caption text-text-muted";
+export declare const credentialCardErrorClass = "text-caption text-status-critical-fg";
+export type CredentialCardVariantProps = VariantProps<typeof credentialCardVariants>;
+//# sourceMappingURL=credential-card.variants.d.ts.map

package/dist/components/credential-card/credential-card.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credential-card.variants.d.ts","sourceRoot":"","sources":["../../../src/components/credential-card/credential-card.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAsClE,eAAO,MAAM,sBAAsB;;8EAwBlC,CAAC;AAOF,eAAO,MAAM,uBAAuB,+GAC0E,CAAC;AAK/G,eAAO,MAAM,uBAAuB,iDAAiD,CAAC;AAKtF,eAAO,MAAM,wBAAwB,iCAAiC,CAAC;AAOvE,eAAO,MAAM,6BAA6B,2DACgB,CAAC;AAO3D,eAAO,MAAM,yBAAyB,yDAAyD,CAAC;AAIhG,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AAOtE,eAAO,MAAM,2BAA2B,+CAA+C,CAAC;AAMxF,eAAO,MAAM,yBAAyB,iCAAiC,CAAC;AAQxE,eAAO,MAAM,wBAAwB,yCAAyC,CAAC;AAE/E,MAAM,MAAM,0BAA0B,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dist/components/credential-card/credential-card.variants.js

@@ -0,0 +1,48 @@
+import { cva } from "class-variance-authority";
+const credentialCardVariants = cva(
+  [
+    // raised neutral surface, rounded container, resting elevation, internal padding from --space-4
+    "relative flex items-start gap-(--space-2) rounded-lg border bg-surface-raised shadow-sm p-(--space-4)",
+    // the default container hairline (spec §5)
+    "border-surface-border",
+    // logical-property text alignment so the row mirrors under dir=rtl (G-U6); list rows carry
+    // no bullet marker
+    "text-start text-text-primary list-none"
+  ],
+  {
+    variants: {
+      // STRUCTURAL axis = spec §3 (the credential KIND the card represents). The kind is carried
+      // by the icon + label text, never color, so every kind is the SAME neutral surface.
+      kind: {
+        email: "",
+        phone: "",
+        passkey: "",
+        wallet: "",
+        "enterprise-sso": ""
+      }
+    },
+    defaultVariants: { kind: "email" }
+  }
+);
+const credentialCardIconClass = "inline-flex h-(--size-icon-md) w-(--size-icon-md) shrink-0 items-center justify-center text-text-secondary";
+const credentialCardBodyClass = "flex min-w-0 flex-1 flex-col gap-(--space-1)";
+const credentialCardLabelClass = "text-label text-text-primary";
+const credentialCardIdentifierClass = "text-mono text-text-secondary [direction:ltr] truncate";
+const credentialCardStatusClass = "flex shrink-0 flex-wrap items-center gap-(--space-1)";
+const credentialCardMetaClass = "text-caption text-text-muted";
+const credentialCardControlsClass = "flex shrink-0 items-center gap-(--space-2)";
+const credentialCardReasonClass = "text-caption text-text-muted";
+const credentialCardErrorClass = "text-caption text-status-critical-fg";
+export {
+  credentialCardBodyClass,
+  credentialCardControlsClass,
+  credentialCardErrorClass,
+  credentialCardIconClass,
+  credentialCardIdentifierClass,
+  credentialCardLabelClass,
+  credentialCardMetaClass,
+  credentialCardReasonClass,
+  credentialCardStatusClass,
+  credentialCardVariants
+};
+//# sourceMappingURL=credential-card.variants.js.map

package/dist/components/credential-card/credential-card.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/credential-card/credential-card.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\n\n// CredentialCard is one ROW in the list of credentials ATTACHED to an identity — a single way\n// to reach that identity (an email, phone, passkey, wallet, or enterprise SSO connection). It\n// encodes the platform's first invariant — identity is not credentials — in its UI contract: a\n// card is a LINK to an identity, never the identity itself, so it never reads as \"you\" and never\n// stands in for the account (spec §1/§8).\n//\n// It COMPOSES the committed primitives rather than reinventing them — a Card-like neutral surface\n// (the surface-* roles, bound here), the destructive Button for `remove`, the secondary Button\n// for an optional `action`, the Badge for a `status`, the Checkbox for `selectable`, and the\n// Button's in-place loading spinner for a resolving removal. So the focus ring, the target-size\n// floor, the keyboard model, and the control motion all come from those proven primitives; this\n// file binds ONLY the surrounding neutral surface + text-role + layout classes.\n//\n// brand != state (spec §3/§5/§8). The card SURFACE consumes NO action or status token of its own\n// — neutrals carry the card. The brand violet (Sovereign Violet, the action accent) is never a\n// card fill, never the icon, never the identifier, and never marks a credential as special. The\n// verified-status green is reserved for the `verified` status Badge and is never spent on the\n// card surface, the icon, or the identifier — coloring the card green would imply the IDENTITY is\n// verified, which is the one misreport this molecule forbids. The card therefore binds nothing\n// from the action tier and nothing from the status tier; those colors live on the controls and\n// Badges it holds (asserted positively in their own primitives' tests), never on this surface.\n//\n// The motion the card adds is none of its own: control hover/press uses the composed primitive's\n// fast functional transition on verdify easing, collapsing to the instant endpoint under reduced\n// motion. A resolving removal is a plain wait on the Button's ambient spinner — never the 350ms\n// VerifiedBadge-only theatre duration: a removal is not a verification (G-U3).\n\n// The card container (spec §2/§4/§5): a NEUTRAL raised surface, the same Card-static surface the\n// committed Card binds, but it is a LIST ROW (`<li role=\"listitem\">`, set in the tsx) so it sits\n// in the credential list's `<ul role=\"list\">` (spec §7). It is a static container, NOT a single\n// clickable control — the whole row does not map to one action — so it carries no focus ring and\n// no target-size floor of its own (those live on its controls, spec §4/§5). The `kind` axis is\n// which credential the card represents; it is carried by the `icon` + `label` TEXT, never by\n// color, so NONE of the kinds recolors the surface — every kind is the identical neutral surface\n// (spec §3). `selectable` composes with any kind and changes layout (a leading Checkbox), not\n// color, so it is not a color variant here.\nexport const credentialCardVariants = cva(\n  [\n    // raised neutral surface, rounded container, resting elevation, internal padding from --space-4\n    \"relative flex items-start gap-(--space-2) rounded-lg border bg-surface-raised shadow-sm p-(--space-4)\",\n    // the default container hairline (spec §5)\n    \"border-surface-border\",\n    // logical-property text alignment so the row mirrors under dir=rtl (G-U6); list rows carry\n    // no bullet marker\n    \"text-start text-text-primary list-none\",\n  ],\n  {\n    variants: {\n      // STRUCTURAL axis = spec §3 (the credential KIND the card represents). The kind is carried\n      // by the icon + label text, never color, so every kind is the SAME neutral surface.\n      kind: {\n        email: \"\",\n        phone: \"\",\n        passkey: \"\",\n        wallet: \"\",\n        \"enterprise-sso\": \"\",\n      },\n    },\n    defaultVariants: { kind: \"email\" },\n  },\n);\n\n// The kind icon (spec §2/§5/§7): one small glyph for the credential kind at the md icon role. It\n// reinforces the kind shown in the label and is decorative (aria-hidden, set in the tsx) — the\n// label text still carries the kind if the icon is dropped, so the kind never rests on the icon\n// or color alone. Its fill is the SECONDARY text role (a neutral role), never a status color and\n// never the brand (spec §2/§3).\nexport const credentialCardIconClass =\n  \"inline-flex h-(--size-icon-md) w-(--size-icon-md) shrink-0 items-center justify-center text-text-secondary\";\n\n// The label + identifier block (spec §2): the human-readable kind name above the value that\n// identifies this specific credential. Takes the remaining inline space between the icon and the\n// trailing status/controls; stacks the two lines at the --space-1 gap.\nexport const credentialCardBodyClass = \"flex min-w-0 flex-1 flex-col gap-(--space-1)\";\n\n// The label (spec §2/§5): the human-readable name of the credential KIND, a statement in\n// sentence case (for example \"Email\", \"Passkey\", \"Wallet\"), in the label type role + the PRIMARY\n// text color. The label says what kind of link this is, not who the identity is.\nexport const credentialCardLabelClass = \"text-label text-text-primary\";\n\n// The identifier (spec §2/§5/G-U6): the value that identifies this specific credential — the\n// email, the masked phone, the passkey device name, the truncated wallet address, or the SSO\n// provider + domain. It renders in the MONOSPACE type role (never the UI font for credential\n// strings) in the SECONDARY text color, isolated left-to-right so addresses, hashes, and wallet\n// strings stay readable even inside RTL text, and truncates rather than wrapping.\nexport const credentialCardIdentifierClass =\n  \"text-mono text-text-secondary [direction:ltr] truncate\";\n\n// The status row (spec §2): at most one or two small Badges stating a fact about the credential —\n// `verified` (the green status, on the composed Badge's verified variant) or `primary` (the\n// credential you currently sign in with, a NEUTRAL Badge — \"primary\" is which credential is used,\n// a fact, not a status color and never the brand). The status describes the credential, not the\n// identity. This row only positions the composed Badges; their color lives in badge.variants.ts.\nexport const credentialCardStatusClass = \"flex shrink-0 flex-wrap items-center gap-(--space-1)\";\n\n// The meta line (spec §2/§5): quiet secondary text such as when the credential was added or last\n// used, in the MUTED text color at the caption role. De-emphasized; never an alarm color.\nexport const credentialCardMetaClass = \"text-caption text-text-muted\";\n\n// The trailing controls cluster (spec §2): the optional `action` beside the required `remove`,\n// aligned to the inline-end edge at the --space-2 gap. Keep the card to one primary action\n// (`remove`) plus at most one further low-emphasis control (restraint over volume). It only lays\n// the controls out; each control's treatment + focus ring + target-size floor live on the\n// composed Button.\nexport const credentialCardControlsClass = \"flex shrink-0 items-center gap-(--space-2)\";\n\n// The disabled-reason note (spec §4/§5/§7): when a control is disabled (for example `remove` on\n// the last sign-in credential), the reason is given as adjacent text in the MUTED text color at\n// the caption role — wired to the control as its accessible description (so the reason is heard,\n// not just seen), never communicated by graying alone.\nexport const credentialCardReasonClass = \"text-caption text-text-muted\";\n\n// The removal-failure message (spec §4/§7): on a FAILED removal the credential stays in the list\n// and the failure is stated plainly where it happened, in the CRITICAL status foreground at the\n// caption role — naming what failed and what to do next, never blaming the reader and never an\n// exclamation mark. It is the ONLY status color this component binds, and only here (never on the\n// card surface, brand != state). It is announced through an assertive live region (role=alert,\n// set in the tsx) per 4.1.3.\nexport const credentialCardErrorClass = \"text-caption text-status-critical-fg\";\n\nexport type CredentialCardVariantProps = VariantProps<typeof credentialCardVariants>;\n"],"mappings":"AAAA,SAAS,WAA8B;AAsChC,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA,IAEE;AAAA;AAAA,IAEA;AAAA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA;AAAA;AAAA,MAGR,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,MAAM,QAAQ;AAAA,EACnC;AACF;AAOO,MAAM,0BACX;AAKK,MAAM,0BAA0B;AAKhC,MAAM,2BAA2B;AAOjC,MAAM,gCACX;AAOK,MAAM,4BAA4B;AAIlC,MAAM,0BAA0B;AAOhC,MAAM,8BAA8B;AAMpC,MAAM,4BAA4B;AAQlC,MAAM,2BAA2B;","names":[]}

package/dist/components/credential-card/index.d.ts

@@ -0,0 +1,3 @@
+export { CredentialCard, type CredentialCardProps, type CredentialKind, type CredentialCardStatus, } from "./credential-card";
+export { credentialCardVariants, credentialCardIconClass, credentialCardBodyClass, credentialCardLabelClass, credentialCardIdentifierClass, credentialCardStatusClass, credentialCardMetaClass, credentialCardControlsClass, credentialCardReasonClass, credentialCardErrorClass, type CredentialCardVariantProps, } from "./credential-card.variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/credential-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/credential-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,oBAAoB,GAC1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,EACxB,6BAA6B,EAC7B,yBAAyB,EACzB,uBAAuB,EACvB,2BAA2B,EAC3B,yBAAyB,EACzB,wBAAwB,EACxB,KAAK,0BAA0B,GAChC,MAAM,4BAA4B,CAAC"}

package/dist/components/credential-card/index.js

@@ -0,0 +1,29 @@
+import {
+  CredentialCard
+} from "./credential-card";
+import {
+  credentialCardVariants,
+  credentialCardIconClass,
+  credentialCardBodyClass,
+  credentialCardLabelClass,
+  credentialCardIdentifierClass,
+  credentialCardStatusClass,
+  credentialCardMetaClass,
+  credentialCardControlsClass,
+  credentialCardReasonClass,
+  credentialCardErrorClass
+} from "./credential-card.variants";
+export {
+  CredentialCard,
+  credentialCardBodyClass,
+  credentialCardControlsClass,
+  credentialCardErrorClass,
+  credentialCardIconClass,
+  credentialCardIdentifierClass,
+  credentialCardLabelClass,
+  credentialCardMetaClass,
+  credentialCardReasonClass,
+  credentialCardStatusClass,
+  credentialCardVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/components/credential-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/credential-card/index.ts"],"sourcesContent":["export {\n  CredentialCard,\n  type CredentialCardProps,\n  type CredentialKind,\n  type CredentialCardStatus,\n} from \"./credential-card\";\nexport {\n  credentialCardVariants,\n  credentialCardIconClass,\n  credentialCardBodyClass,\n  credentialCardLabelClass,\n  credentialCardIdentifierClass,\n  credentialCardStatusClass,\n  credentialCardMetaClass,\n  credentialCardControlsClass,\n  credentialCardReasonClass,\n  credentialCardErrorClass,\n  type CredentialCardVariantProps,\n} from \"./credential-card.variants\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,OAIK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;","names":[]}