@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/copy-field-PAp0-Wr5.js

@@ -0,0 +1,268 @@
+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-DrFSN__t.js";
+import { C as J } from "./copy-vRpqqHtY.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-PAp0-Wr5.js.map

package/dist/_chunks/copy-field-PAp0-Wr5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-field-PAp0-Wr5.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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"}

package/dist/_chunks/copy-vRpqqHtY.js

@@ -0,0 +1,15 @@
+import { c } from "./createLucideIcon-DhHxpK9K.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+], t = c("copy", e);
+export {
+  t as C
+};
+//# sourceMappingURL=copy-vRpqqHtY.js.map

package/dist/_chunks/copy-vRpqqHtY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-vRpqqHtY.js","sources":["../../node_modules/lucide-react/dist/esm/icons/copy.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { width: \"14\", height: \"14\", x: \"8\", y: \"8\", rx: \"2\", ry: \"2\", key: \"17jyea\" }],\n  [\"path\", { d: \"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\", key: \"zix9uf\" }]\n];\nconst Copy = createLucideIcon(\"copy\", __iconNode);\n\nexport { __iconNode, Copy as default };\n//# sourceMappingURL=copy.mjs.map\n"],"names":["__iconNode","Copy","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,OAAO,MAAM,QAAQ,MAAM,GAAG,KAAK,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,UAAU;AAAA,EACvF,CAAC,QAAQ,EAAE,GAAG,2DAA2D,KAAK,SAAQ,CAAE;AAC1F,GACMC,IAAOC,EAAiB,QAAQF,CAAU;","x_google_ignoreList":[0]}