@alfadocs/ui-kit 0.20.0 → 0.21.0

package/dist/_chunks/key-value-pair-AbrRwesr.js

@@ -1,76 +0,0 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { forwardRef as C, useState as c, useCallback as g } from "react";
-import { c as V } from "./index-D2ZczOXr.js";
-import { useTranslation as N } from "react-i18next";
-import { I as b } from "./icon-button-C4CGcYuz.js";
-import { C as P } from "./check-DPdL_Sm7.js";
-import { C as w } from "./copy-B00HK7tj.js";
-const z = V("ds:flex", {
-  variants: {
-    layout: {
-      horizontal: "ds:flex-row ds:items-center ds:gap-[var(--spacing-sm)]",
-      vertical: "ds:flex-col ds:gap-[var(--spacing-xs)]"
-    }
-  },
-  defaultVariants: {
-    layout: "horizontal"
-  }
-}), T = C(
-  ({
-    label: n,
-    value: o,
-    layout: r = "horizontal",
-    mono: d = !1,
-    copyable: m = !1,
-    copyText: p,
-    className: f,
-    ...u
-  }, y) => {
-    const { t: s } = N(), [h, i] = c(!1), [k, e] = c(""), t = p ?? (typeof o == "string" ? o : void 0), v = g(async () => {
-      if (t)
-        try {
-          await navigator.clipboard.writeText(t), i(!0), e(s("keyValuePair.copied")), setTimeout(() => {
-            i(!1), e("");
-          }, 2e3);
-        } catch {
-          e(s("keyValuePair.notAvailable")), setTimeout(() => e(""), 3e3);
-        }
-    }, [t, s]), x = [
-      "type-body ds:text-foreground ds:min-w-0 ds:shrink ds:[unicode-bidi:isolate]",
-      d ? "ds:font-[family-name:var(--font-mono)]" : ""
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: y,
-        className: z({ layout: r, className: f }),
-        "data-component": "key-value-pair",
-        ...u,
-        children: [
-          /* @__PURE__ */ l("span", { className: "type-label ds:text-muted-foreground ds:shrink-0", children: [
-            n,
-            /* @__PURE__ */ a("span", { className: "ds:sr-only", children: ": " })
-          ] }),
-          /* @__PURE__ */ a("span", { className: x, children: o }),
-          m && /* @__PURE__ */ a(
-            b,
-            {
-              icon: h ? /* @__PURE__ */ a(P, {}) : /* @__PURE__ */ a(w, {}),
-              size: "sm",
-              "aria-label": s("keyValuePair.copy", { label: n }),
-              onClick: v,
-              intent: "ghost",
-              className: r === "horizontal" ? "ds:ms-auto ds:shrink-0" : "ds:self-start"
-            }
-          ),
-          /* @__PURE__ */ a("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: k })
-        ]
-      }
-    );
-  }
-);
-T.displayName = "KeyValuePair";
-export {
-  T as K
-};
-//# sourceMappingURL=key-value-pair-AbrRwesr.js.map