@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/copy-field-Bjw9u2cV.js

@@ -1,268 +0,0 @@
-import { jsxs as M, jsx as o } from "react/jsx-runtime";
-import { forwardRef as P, useRef as v, useState as E, useEffect as H, useCallback as z, useMemo as O } from "react";
-import { c as u } from "./index-D2ZczOXr.js";
-import { useTranslation as W } from "react-i18next";
-import { B as _ } from "./button-DD_0Xdmr.js";
-import { u as q } from "./registry-DvAUVLHh.js";
-import { u as D } from "./use-copy-to-clipboard-Cyfc_dlv.js";
-import { C as G } from "./check-DPdL_Sm7.js";
-import { C as J } from "./copy-B00HK7tj.js";
-const Q = {
-  id: "copy-field",
-  capabilities: ["copy"],
-  state: {
-    value: {
-      type: "string",
-      descriptionKey: "ui.agent.copyField.state.value",
-      description: "The value displayed in the read-only field.",
-      read: (e) => e.getValue()
-    },
-    copied: {
-      type: "boolean",
-      descriptionKey: "ui.agent.copyField.state.copied",
-      description: "True for the brief window after a successful copy.",
-      read: (e) => e.isCopied()
-    }
-  },
-  actions: {
-    copy: {
-      // Writes the value to the system clipboard — reaches outside this UI.
-      safety: "write",
-      openWorld: !0,
-      returns: "boolean",
-      returnsSchema: {
-        type: "boolean",
-        description: "True when the clipboard write succeeded."
-      },
-      descriptionKey: "ui.agent.copyField.actions.copy",
-      description: "Programmatically trigger the clipboard write.",
-      invoke: (e) => e.copy()
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "copy-field",
-      description: "Marks the CopyField root. The trailing button uses `aria-label` keyed off the copy / copied state."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop, when provided."
-    }
-  }
-};
-async function U(e) {
-  var a;
-  if (typeof navigator < "u" && ((a = navigator.clipboard) != null && a.writeText))
-    try {
-      return await navigator.clipboard.writeText(e), !0;
-    } catch {
-    }
-  if (typeof document > "u") return !1;
-  const s = document.createElement("textarea");
-  s.value = e, s.setAttribute("readonly", ""), s.style.position = "absolute", s.style.setProperty("inset-inline-start", "-9999px"), document.body.appendChild(s), s.select();
-  let i = !1;
-  try {
-    i = document.execCommand("copy");
-  } catch {
-    i = !1;
-  }
-  return document.body.removeChild(s), i;
-}
-const X = u(
-  [
-    "ds:inline-flex ds:items-stretch ds:w-full",
-    "ds:rounded-[var(--radius-sm)] ds:bg-input ds:text-foreground",
-    "ds:border ds:border-border",
-    "ds:shadow-[var(--shadow-input)]",
-    "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
-    "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-within:outline-[CanvasText]",
-    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:overflow-hidden"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:h-8 ds:text-[var(--font-size-sm)]",
-        md: "ds:h-[var(--min-target-size)] ds:text-[var(--font-size-base)]",
-        lg: "ds:h-12 ds:text-[var(--font-size-lg)]"
-      },
-      disabled: {
-        true: "ds:opacity-50 ds:cursor-not-allowed",
-        false: ""
-      }
-    },
-    defaultVariants: { size: "md", disabled: !1 }
-  }
-), Y = u(
-  [
-    "ds:flex-1 ds:min-w-0 ds:bg-transparent ds:border-0 ds:outline-none",
-    "ds:text-foreground",
-    "ds:disabled:cursor-not-allowed"
-  ].join(" "),
-  {
-    variants: {
-      intent: {
-        default: "",
-        // `--primary` is calibrated for foreground use (violet-500 light,
-        // magenta-500 dark) — both pass AA against their input backgrounds.
-        primary: "ds:text-primary ds:font-medium"
-      },
-      size: {
-        sm: "ds:text-[var(--font-size-sm)]",
-        md: "ds:text-[var(--font-size-base)]",
-        lg: "ds:text-[var(--font-size-lg)]"
-      },
-      wrap: {
-        true: "ds:[overflow-wrap:anywhere] ds:whitespace-normal",
-        false: "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap"
-      },
-      hasStartIcon: {
-        true: "",
-        false: ""
-      }
-    },
-    // Explicit pairs decide the leading padding — single ps-* per cell, so
-    // there's no fight between size + hasStartIcon under Tailwind's flat
-    // utility precedence.
-    compoundVariants: [
-      { size: "sm", hasStartIcon: !1, class: "ds:ps-[var(--spacing-sm)]" },
-      { size: "md", hasStartIcon: !1, class: "ds:ps-[var(--spacing-sm)]" },
-      { size: "lg", hasStartIcon: !1, class: "ds:ps-[var(--spacing-md)]" },
-      { size: "sm", hasStartIcon: !0, class: "ds:ps-[var(--spacing-xs)]" },
-      { size: "md", hasStartIcon: !0, class: "ds:ps-[var(--spacing-xs)]" },
-      { size: "lg", hasStartIcon: !0, class: "ds:ps-[var(--spacing-sm)]" }
-    ],
-    defaultVariants: {
-      intent: "default",
-      size: "md",
-      wrap: !1,
-      hasStartIcon: !1
-    }
-  }
-), Z = u(
-  [
-    "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
-    "ds:text-muted-foreground",
-    "ds:[&_svg]:size-4"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:ps-[var(--spacing-sm)]",
-        md: "ds:ps-[var(--spacing-sm)]",
-        lg: "ds:ps-[var(--spacing-md)]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), $ = u(
-  [
-    "ds:shrink-0 ds:rounded-none",
-    "ds:focus-visible:outline-none",
-    "ds:h-full",
-    "ds:gap-[var(--spacing-xs)]"
-  ].join(" ")
-), ee = P(
-  ({
-    value: e,
-    size: s = "md",
-    intent: i = "default",
-    startIcon: a,
-    wrap: F = !1,
-    copyLabel: T,
-    copiedLabel: S,
-    copiedDuration: k = 2e3,
-    ariaLabel: I,
-    onCopy: g,
-    disabled: r = !1,
-    className: V,
-    id: f,
-    ...j
-  }, N) => {
-    const { t } = W(), d = v(e);
-    d.current = e;
-    const c = v(g);
-    c.current = g;
-    const { status: l, copy: b } = D({
-      resetAfterMs: k,
-      writer: U
-    }), n = l === "copied", w = v(!1);
-    w.current = n;
-    const [A, m] = E("");
-    H(() => {
-      m(l === "copied" ? t("copyField.copySuccess") : l === "error" ? t("copyField.copyFailed") : "");
-    }, [l, t]);
-    const p = z(async () => {
-      var C;
-      if (r) return !1;
-      const x = await b(d.current);
-      return x && ((C = c.current) == null || C.call(c, d.current)), x;
-    }, [r, b]), R = z(() => {
-      p();
-    }, [p]), B = O(
-      () => ({
-        getValue: () => d.current,
-        copy: () => p(),
-        isCopied: () => w.current
-      }),
-      [p]
-    );
-    q(Q, B, f);
-    const L = I ?? t("copyField.valueLabel"), y = T ?? t("copyField.copy"), h = S ?? t("copyField.copied"), K = n ? typeof h == "string" ? h : t("copyField.copied") : typeof y == "string" ? y : t("copyField.copy");
-    return /* @__PURE__ */ M(
-      "div",
-      {
-        ref: N,
-        className: X({ size: s, disabled: r, className: V }),
-        "data-component": "copy-field",
-        "data-component-id": f,
-        "data-copied": n ? "true" : void 0,
-        ...j,
-        children: [
-          a ? /* @__PURE__ */ o("span", { "aria-hidden": "true", className: Z({ size: s }), children: a }) : null,
-          /* @__PURE__ */ o(
-            "input",
-            {
-              id: f,
-              type: "text",
-              readOnly: !0,
-              value: e,
-              disabled: r,
-              "aria-label": L,
-              className: Y({
-                intent: i,
-                size: s,
-                wrap: F,
-                hasStartIcon: !!a
-              })
-            }
-          ),
-          /* @__PURE__ */ o(
-            _,
-            {
-              type: "button",
-              intent: "ghost",
-              size: s,
-              onClick: R,
-              disabled: r,
-              "aria-label": K,
-              className: $(),
-              startIcon: n ? /* @__PURE__ */ o(G, { "aria-hidden": "true" }) : /* @__PURE__ */ o(J, { "aria-hidden": "true" }),
-              children: /* @__PURE__ */ o("span", { className: "type-label", children: n ? h : y })
-            }
-          ),
-          /* @__PURE__ */ o("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: A })
-        ]
-      }
-    );
-  }
-);
-ee.displayName = "CopyField";
-export {
-  ee as C,
-  Q as c
-};
-//# sourceMappingURL=copy-field-Bjw9u2cV.js.map

package/dist/_chunks/copy-field-Bjw9u2cV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"copy-field-Bjw9u2cV.js","sources":["../../src/components/copy-field/copy-field.agent.ts","../../src/components/copy-field/copy-field.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — CopyField.                                             */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\n/**\n * Imperative handle for CopyField — agents can read the value and trigger a\n * programmatic copy. State stays scoped to identifiers + transient UI state;\n * never PHI (per PRS §Security).\n */\nexport interface CopyFieldHandle {\n  /** Returns the read-only value currently displayed. */\n  getValue: () => string;\n  /** Triggers the clipboard write side-effect. */\n  copy: () => Promise<boolean>;\n  /** Returns true for the brief window after a successful copy. */\n  isCopied: () => boolean;\n}\n\nexport const copyFieldAgent: AgentAdapter<CopyFieldHandle> = {\n  id: 'copy-field',\n  capabilities: ['copy'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.copyField.state.value',\n      description: 'The value displayed in the read-only field.',\n      read: (handle) => handle.getValue(),\n    },\n    copied: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.copyField.state.copied',\n      description: 'True for the brief window after a successful copy.',\n      read: (handle) => handle.isCopied(),\n    },\n  },\n  actions: {\n    copy: {\n      // Writes the value to the system clipboard — reaches outside this UI.\n      safety: 'write',\n      openWorld: true,\n      returns: 'boolean',\n      returnsSchema: {\n        type: 'boolean',\n        description: 'True when the clipboard write succeeded.',\n      },\n      descriptionKey: 'ui.agent.copyField.actions.copy',\n      description: 'Programmatically trigger the clipboard write.',\n      invoke: (handle) => handle.copy(),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'copy-field',\n      description:\n        'Marks the CopyField root. The trailing button uses `aria-label` keyed off the copy / copied state.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop, when provided.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Copy } from 'lucide-react';\nimport { Button } from '../button/button';\nimport { useAgentRegistration } from '../../agent';\nimport { useCopyToClipboard } from '../../hooks/use-copy-to-clipboard';\nimport { copyFieldAgent, type CopyFieldHandle } from './copy-field.agent';\n\n/* ------------------------------------------------------------------ */\n/* Clipboard helper                                                    */\n/*                                                                     */\n/* `navigator.clipboard.writeText` is the modern path. The fallback   */\n/* covers older browsers and insecure contexts via a synthesised      */\n/* textarea + `document.execCommand('copy')`. The off-screen position */\n/* uses imperative DOM `.style` assignments — those are NOT JSX inline */\n/* styles and don't violate constraint §3.                            */\n/* ------------------------------------------------------------------ */\n\nasync function copyToClipboard(text: string): Promise<boolean> {\n  if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {\n    try {\n      await navigator.clipboard.writeText(text);\n      return true;\n    } catch {\n      // fall through to legacy path\n    }\n  }\n  if (typeof document === 'undefined') return false;\n  const textarea = document.createElement('textarea');\n  textarea.value = text;\n  textarea.setAttribute('readonly', '');\n  // Imperative DOM style — not a JSX inline-style violation. We use\n  // `setProperty('inset-inline-start', …)` so the hidden textarea stays\n  // logically off-screen in both LTR and RTL contexts.\n  textarea.style.position = 'absolute';\n  textarea.style.setProperty('inset-inline-start', '-9999px');\n  document.body.appendChild(textarea);\n  textarea.select();\n  let ok = false;\n  try {\n    ok = document.execCommand('copy');\n  } catch {\n    ok = false;\n  }\n  document.body.removeChild(textarea);\n  return ok;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — outer wrapper                                                 */\n/*                                                                     */\n/* Mirrors the shared input-surface chrome (border + halo shadow) so   */\n/* CopyField sits inline next to TextInput / Combobox in forms without */\n/* visual drift. Logical paddings only. `ds:focus-within` paints the   */\n/* ring when the trailing button or the embedded input receives focus. */\n/* ------------------------------------------------------------------ */\n\nconst fieldVariants = cva(\n  [\n    'ds:inline-flex ds:items-stretch ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:bg-input ds:text-foreground',\n    'ds:border ds:border-border',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-within:outline-[CanvasText]',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[var(--font-size-lg)]',\n      },\n      disabled: {\n        true: 'ds:opacity-50 ds:cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: { size: 'md', disabled: false },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — value <input> styling                                         */\n/* ------------------------------------------------------------------ */\n\nconst valueVariants = cva(\n  [\n    'ds:flex-1 ds:min-w-0 ds:bg-transparent ds:border-0 ds:outline-none',\n    'ds:text-foreground',\n    'ds:disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      intent: {\n        default: '',\n        // `--primary` is calibrated for foreground use (violet-500 light,\n        // magenta-500 dark) — both pass AA against their input backgrounds.\n        primary: 'ds:text-primary ds:font-medium',\n      },\n      size: {\n        sm: 'ds:text-[var(--font-size-sm)]',\n        md: 'ds:text-[var(--font-size-base)]',\n        lg: 'ds:text-[var(--font-size-lg)]',\n      },\n      wrap: {\n        true: 'ds:[overflow-wrap:anywhere] ds:whitespace-normal',\n        false: 'ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap',\n      },\n      hasStartIcon: {\n        true: '',\n        false: '',\n      },\n    },\n    // Explicit pairs decide the leading padding — single ps-* per cell, so\n    // there's no fight between size + hasStartIcon under Tailwind's flat\n    // utility precedence.\n    compoundVariants: [\n      { size: 'sm', hasStartIcon: false, class: 'ds:ps-[var(--spacing-sm)]' },\n      { size: 'md', hasStartIcon: false, class: 'ds:ps-[var(--spacing-sm)]' },\n      { size: 'lg', hasStartIcon: false, class: 'ds:ps-[var(--spacing-md)]' },\n      { size: 'sm', hasStartIcon: true, class: 'ds:ps-[var(--spacing-xs)]' },\n      { size: 'md', hasStartIcon: true, class: 'ds:ps-[var(--spacing-xs)]' },\n      { size: 'lg', hasStartIcon: true, class: 'ds:ps-[var(--spacing-sm)]' },\n    ],\n    defaultVariants: {\n      intent: 'default',\n      size: 'md',\n      wrap: false,\n      hasStartIcon: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Leading icon slot                                                   */\n/* ------------------------------------------------------------------ */\n\nconst startIconVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:text-muted-foreground',\n    'ds:[&_svg]:size-4',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-[var(--spacing-sm)]',\n        md: 'ds:ps-[var(--spacing-sm)]',\n        lg: 'ds:ps-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Trailing button wrapper                                             */\n/*                                                                     */\n/* The button visually attaches to the field by removing its own focus */\n/* ring (the wrapper paints `focus-within`) and rounding only the       */\n/* trailing inline-end corners.                                         */\n/* ------------------------------------------------------------------ */\n\nconst copyButtonVariants = cva(\n  [\n    'ds:shrink-0 ds:rounded-none',\n    'ds:focus-visible:outline-none',\n    'ds:h-full',\n    'ds:gap-[var(--spacing-xs)]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Props                                                               */\n/* ------------------------------------------------------------------ */\n\ntype FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;\ntype ValueIntent = NonNullable<VariantProps<typeof valueVariants>['intent']>;\n\nexport interface CopyFieldProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children' | 'onCopy'\n> {\n  /** The value displayed in the read-only field and copied on click. */\n  value: string;\n  /** Field height + padding. Mirrors TextInput sizes. */\n  size?: FieldSize;\n  /**\n   * `primary` tints the value text with `--primary` — matches the\n   * link-style emphasis used by the telehealth showSession page.\n   */\n  intent?: ValueIntent;\n  /**\n   * Leading icon slot, decorative. Use `lucide-react` icons like\n   * `<Link2 />` for a URL, `<KeyRound />` for a token.\n   */\n  startIcon?: ReactNode;\n  /**\n   * `false` (default) truncates long values with ellipsis on a single\n   * line. `true` allows wrap with `overflow-wrap: anywhere`.\n   */\n  wrap?: boolean;\n  /** Override the default 'Copy' button label. */\n  copyLabel?: ReactNode;\n  /** Override the default 'Copied' success-state label. */\n  copiedLabel?: ReactNode;\n  /** Milliseconds before the button reverts to its default state. Default 2000. */\n  copiedDuration?: number;\n  /** ARIA label for the read-only textbox. Defaults to the i18n key. */\n  ariaLabel?: string;\n  /** Fires once after a successful clipboard write. */\n  onCopy?: (value: string) => void;\n  /** Greys both the field and the button; the button doesn't fire onCopy. */\n  disabled?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CopyField                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const CopyField = forwardRef<HTMLDivElement, CopyFieldProps>(\n  (\n    {\n      value,\n      size = 'md',\n      intent = 'default',\n      startIcon,\n      wrap = false,\n      copyLabel,\n      copiedLabel,\n      copiedDuration = 2000,\n      ariaLabel,\n      onCopy,\n      disabled = false,\n      className,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const valueRef = useRef(value);\n    valueRef.current = value;\n    const onCopyRef = useRef(onCopy);\n    onCopyRef.current = onCopy;\n\n    // Drive status + auto-reset from the shared hook. The custom `writer`\n    // preserves CopyField's legacy `document.execCommand('copy')` fallback\n    // for non-HTTPS / older-browser contexts.\n    const { status, copy } = useCopyToClipboard({\n      resetAfterMs: copiedDuration,\n      writer: copyToClipboard,\n    });\n    const copied = status === 'copied';\n    const copiedRef = useRef(false);\n    copiedRef.current = copied;\n\n    // i18n-aware live-region text mirrors the hook status — `copied` →\n    // success message, `error` → failure message, `idle` → clear.\n    const [liveRegionText, setLiveRegionText] = useState('');\n    useEffect(() => {\n      if (status === 'copied') {\n        setLiveRegionText(t('copyField.copySuccess'));\n      } else if (status === 'error') {\n        setLiveRegionText(t('copyField.copyFailed'));\n      } else {\n        setLiveRegionText('');\n      }\n    }, [status, t]);\n\n    const handleCopy = useCallback(async (): Promise<boolean> => {\n      if (disabled) return false;\n      const ok = await copy(valueRef.current);\n      if (ok) onCopyRef.current?.(valueRef.current);\n      return ok;\n    }, [disabled, copy]);\n\n    const handleButtonClick = useCallback(() => {\n      void handleCopy();\n    }, [handleCopy]);\n\n    /* -------------------------------------------------------------- */\n    /* Agent handle — read value + trigger copy + check transient state */\n    /* -------------------------------------------------------------- */\n\n    const agentHandle = useMemo<CopyFieldHandle>(\n      () => ({\n        getValue: () => valueRef.current,\n        copy: () => handleCopy(),\n        isCopied: () => copiedRef.current,\n      }),\n      [handleCopy],\n    );\n    useAgentRegistration(copyFieldAgent, agentHandle, id);\n\n    const resolvedAriaLabel = ariaLabel ?? t('copyField.valueLabel');\n    const resolvedCopyText = copyLabel ?? t('copyField.copy');\n    const resolvedCopiedText = copiedLabel ?? t('copyField.copied');\n    // `aria-label` must be a string; when the consumer passes a non-string\n    // ReactNode for copyLabel / copiedLabel we fall back to the translated\n    // default so AT users still hear a coherent name.\n    const buttonAccessibleLabel = copied\n      ? typeof resolvedCopiedText === 'string'\n        ? resolvedCopiedText\n        : t('copyField.copied')\n      : typeof resolvedCopyText === 'string'\n        ? resolvedCopyText\n        : t('copyField.copy');\n\n    return (\n      <div\n        ref={ref}\n        className={fieldVariants({ size, disabled, className })}\n        data-component=\"copy-field\"\n        data-component-id={id}\n        data-copied={copied ? 'true' : undefined}\n        {...rest}\n      >\n        {startIcon ? (\n          <span aria-hidden=\"true\" className={startIconVariants({ size })}>\n            {startIcon}\n          </span>\n        ) : null}\n        <input\n          id={id}\n          type=\"text\"\n          readOnly\n          value={value}\n          disabled={disabled}\n          aria-label={resolvedAriaLabel}\n          className={valueVariants({\n            intent,\n            size,\n            wrap,\n            hasStartIcon: Boolean(startIcon),\n          })}\n        />\n        <Button\n          type=\"button\"\n          intent=\"ghost\"\n          size={size}\n          onClick={handleButtonClick}\n          disabled={disabled}\n          aria-label={buttonAccessibleLabel}\n          className={copyButtonVariants()}\n          startIcon={\n            copied ? <Check aria-hidden=\"true\" /> : <Copy aria-hidden=\"true\" />\n          }\n        >\n          <span className=\"type-label\">\n            {copied ? resolvedCopiedText : resolvedCopyText}\n          </span>\n        </Button>\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {liveRegionText}\n        </span>\n      </div>\n    );\n  },\n);\n\nCopyField.displayName = 'CopyField';\n"],"names":["copyFieldAgent","handle","copyToClipboard","text","_a","textarea","ok","fieldVariants","cva","valueVariants","startIconVariants","copyButtonVariants","CopyField","forwardRef","value","size","intent","startIcon","wrap","copyLabel","copiedLabel","copiedDuration","ariaLabel","onCopy","disabled","className","id","rest","ref","useTranslation","valueRef","useRef","onCopyRef","status","copy","useCopyToClipboard","copied","copiedRef","liveRegionText","setLiveRegionText","useState","useEffect","handleCopy","useCallback","handleButtonClick","agentHandle","useMemo","useAgentRegistration","resolvedAriaLabel","resolvedCopyText","resolvedCopiedText","buttonAccessibleLabel","jsxs","jsx","Button","Check","Copy"],"mappings":"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"}