@alfadocs/ui-kit 0.23.0 → 0.25.0

package/dist/_chunks/description-list-y7Hk51KI.js

@@ -1,191 +0,0 @@
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
-import { forwardRef as n, useContext as V, useState as u, useCallback as k, createContext as R } from "react";
-import { c as d } from "./index-D2ZczOXr.js";
-import { useTranslation as _ } from "react-i18next";
-import { I as T } from "./icon-button-C4CGcYuz.js";
-import { C as P } from "./check-DPdL_Sm7.js";
-import { C as j } from "./copy-B00HK7tj.js";
-const f = R({
-  layout: "inline",
-  density: "default",
-  divider: "none"
-}), A = d("ds:flex ds:flex-col", {
-  variants: {
-    layout: {
-      inline: "",
-      stacked: "",
-      responsive: ""
-    },
-    density: {
-      default: "ds:gap-[var(--spacing-md)]",
-      compact: "ds:gap-[var(--spacing-sm)]"
-    },
-    divider: {
-      none: "",
-      between: "",
-      bordered: ""
-    }
-  },
-  defaultVariants: {
-    layout: "inline",
-    density: "default",
-    divider: "none"
-  }
-}), I = d("", {
-  variants: {
-    layout: {
-      inline: "ds:grid ds:gap-[var(--spacing-md)]",
-      stacked: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-      responsive: "ds:grid ds:gap-[var(--spacing-md)] ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]"
-    },
-    divider: {
-      none: "",
-      between: "ds:[&:not(:last-child)]:border-b ds:[&:not(:last-child)]:border-[color:var(--border)] ds:[&:not(:last-child)]:pb-[var(--spacing-md)]",
-      bordered: "ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-sm)] ds:p-[var(--spacing-sm)]"
-    },
-    copyable: {
-      true: "",
-      false: ""
-    }
-  },
-  compoundVariants: [
-    {
-      layout: "inline",
-      copyable: !1,
-      className: "ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]"
-    },
-    {
-      layout: "inline",
-      copyable: !0,
-      className: "ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto]"
-    },
-    {
-      layout: "responsive",
-      copyable: !1,
-      className: "ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]"
-    },
-    {
-      layout: "responsive",
-      copyable: !0,
-      className: "ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto]"
-    }
-  ],
-  defaultVariants: {
-    layout: "inline",
-    divider: "none",
-    copyable: !1
-  }
-}), v = n(
-  ({
-    layout: e = "inline",
-    density: s = "default",
-    divider: a = "none",
-    className: i,
-    children: l,
-    ...c
-  }, m) => /* @__PURE__ */ t(f.Provider, { value: { layout: e, density: s, divider: a }, children: /* @__PURE__ */ t(
-    "dl",
-    {
-      ref: m,
-      className: A({
-        layout: e,
-        density: s,
-        divider: a,
-        className: i
-      }),
-      "data-component": "description-list",
-      ...c,
-      children: l
-    }
-  ) })
-);
-v.displayName = "DescriptionList";
-const y = n(
-  ({ copyable: e = !1, copyText: s, copyLabel: a, className: i, children: l, ...c }, m) => {
-    const { layout: g, divider: w } = V(f), { t: r } = _(), [D, p] = u(!1), [L, o] = u(""), N = k(async () => {
-      if (s)
-        try {
-          await navigator.clipboard.writeText(s), p(!0), o(r("keyValuePair.copied")), setTimeout(() => {
-            p(!1), o("");
-          }, 2e3);
-        } catch {
-          o(r("keyValuePair.notAvailable")), setTimeout(() => o(""), 3e3);
-        }
-    }, [s, r]), h = r("keyValuePair.copy", {
-      label: a ?? s ?? ""
-    });
-    return /* @__PURE__ */ C(
-      "div",
-      {
-        ref: m,
-        className: I({
-          layout: g,
-          divider: w,
-          copyable: e,
-          className: i
-        }),
-        ...c,
-        children: [
-          l,
-          e && /* @__PURE__ */ t(
-            T,
-            {
-              icon: D ? /* @__PURE__ */ t(P, {}) : /* @__PURE__ */ t(j, {}),
-              size: "sm",
-              "aria-label": h,
-              onClick: N,
-              intent: "ghost",
-              className: "ds:self-start"
-            }
-          ),
-          e && /* @__PURE__ */ t("span", { role: "status", className: "ds:sr-only", children: L })
-        ]
-      }
-    );
-  }
-);
-y.displayName = "DescriptionList.Row";
-const z = d(
-  "type-label ds:text-[color:var(--muted-foreground)] ds:text-start ds:[overflow-wrap:anywhere] ds:[word-break:normal]"
-), B = d(
-  "type-body ds:text-[color:var(--foreground)] ds:m-0 ds:[overflow-wrap:anywhere] ds:[word-break:normal]",
-  {
-    variants: {
-      numeric: {
-        true: "ds:text-end",
-        false: "ds:text-start"
-      }
-    },
-    defaultVariants: {
-      numeric: !1
-    }
-  }
-), x = n(
-  ({ className: e, ...s }, a) => /* @__PURE__ */ t(
-    "dt",
-    {
-      ref: a,
-      className: z({ className: e }),
-      ...s
-    }
-  )
-);
-x.displayName = "DescriptionList.Term";
-const b = n(({ numeric: e = !1, className: s, ...a }, i) => /* @__PURE__ */ t(
-  "dd",
-  {
-    ref: i,
-    className: B({ numeric: e, className: s }),
-    ...a
-  }
-));
-b.displayName = "DescriptionList.Detail";
-const J = Object.assign(v, {
-  Row: y,
-  Term: x,
-  Detail: b
-});
-export {
-  J as D
-};
-//# sourceMappingURL=description-list-y7Hk51KI.js.map