@alfadocs/ui-kit 0.24.0 → 0.25.0

package/dist/_chunks/{contact-card-DTQUMetD.js → contact-card-CjG7c-1q.js}

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { forwardRef as i, Fragment as b } from "react";
 import { useTranslation as k } from "react-i18next";
-import { C as o } from "./card-CWzuTLYE.js";
+import { C as o } from "./card-C353dU-H.js";
 import { L as p } from "./link-DmM5IevO.js";
 import { M as v } from "./map-pin-B8STOPMJ.js";
 function L(s) {
@@ -118,4 +118,4 @@ const M = Object.assign(f, {
 export {
   M as C
 };
-//# sourceMappingURL=contact-card-DTQUMetD.js.map
+//# sourceMappingURL=contact-card-CjG7c-1q.js.map

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

@@ -0,0 +1,309 @@
+import { jsx as e, jsxs as V } from "react/jsx-runtime";
+import { forwardRef as c, useMemo as x, Children as C, isValidElement as T, useContext as R, useState as y, useCallback as j, createContext as P } from "react";
+import { c as m } from "./index-D2ZczOXr.js";
+import { useTranslation as z } from "react-i18next";
+import { I as A } from "./icon-button-C4CGcYuz.js";
+import { C as S } from "./check-DPdL_Sm7.js";
+import { C as B } from "./copy-B00HK7tj.js";
+function E(s) {
+  return s === "auto" ? "fit-content(50%)" : s === "fixed" ? "minmax(0,1fr)" : s;
+}
+function M(s) {
+  return s === "fixed" ? "minmax(0,2fr)" : "minmax(0,1fr)";
+}
+const b = P({
+  layout: "inline",
+  density: "default",
+  divider: "none",
+  hasIcons: !1
+}), O = m("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"
+  }
+}), q = m("", {
+  variants: {
+    layout: {
+      inline: "",
+      stacked: "",
+      responsive: ""
+    },
+    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: ""
+    },
+    hasIcons: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    /* ----- inline / no icons ----- */
+    {
+      layout: "inline",
+      hasIcons: !1,
+      copyable: !1,
+      className: "ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-start"
+    },
+    {
+      layout: "inline",
+      hasIcons: !1,
+      copyable: !0,
+      className: "ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-start ds:[&>button]:col-start-3"
+    },
+    /* ----- inline / with icons ----- */
+    {
+      layout: "inline",
+      hasIcons: !0,
+      copyable: !1,
+      className: "ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-start"
+    },
+    {
+      layout: "inline",
+      hasIcons: !0,
+      copyable: !0,
+      className: "ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-start ds:[&>button]:col-start-4"
+    },
+    /* ----- stacked / no icons / no copyable ----- */
+    {
+      layout: "stacked",
+      hasIcons: !1,
+      copyable: !1,
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"
+    },
+    /* ----- stacked / no icons / copyable — 2-col grid so the copy
+            button sits in a trailing column instead of below dd ----- */
+    {
+      layout: "stacked",
+      hasIcons: !1,
+      copyable: !0,
+      className: "ds:grid ds:grid-cols-[minmax(0,1fr)_auto] ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)] ds:items-start ds:[&>button]:col-start-2 ds:[&>button]:row-span-full"
+    },
+    /* ----- stacked / with icons — explicit grid so dt/dd remain
+            direct children of the row div while the icon sits at the
+            leading edge of the column-2 stack. `labelWidth` does not
+            apply here (single content column). ----- */
+    {
+      layout: "stacked",
+      hasIcons: !0,
+      copyable: !1,
+      className: "ds:grid ds:grid-cols-[auto_minmax(0,1fr)] ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)] ds:items-start ds:[&>dt]:col-start-2 ds:[&>dd]:col-start-2 ds:[&>[data-dl-icon-slot]]:row-span-full"
+    },
+    {
+      layout: "stacked",
+      hasIcons: !0,
+      copyable: !0,
+      className: "ds:grid ds:grid-cols-[auto_minmax(0,1fr)_auto] ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)] ds:items-start ds:[&>dt]:col-start-2 ds:[&>dd]:col-start-2 ds:[&>[data-dl-icon-slot]]:row-span-full ds:[&>button]:col-start-3 ds:[&>button]:row-span-full"
+    },
+    /* ----- responsive / no icons (inline above sm, stacked below) ----- */
+    {
+      layout: "responsive",
+      hasIcons: !1,
+      copyable: !1,
+      className: "ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-start ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]"
+    },
+    {
+      layout: "responsive",
+      hasIcons: !1,
+      copyable: !0,
+      className: "ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-start ds:[&>button]:col-start-3 ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]"
+    },
+    /* ----- responsive / with icons ----- */
+    {
+      layout: "responsive",
+      hasIcons: !0,
+      copyable: !1,
+      className: "ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-start ds:max-sm:grid-cols-[auto_minmax(0,1fr)] ds:max-sm:gap-x-[var(--spacing-sm)] ds:max-sm:gap-y-[var(--spacing-xs)] ds:max-sm:[&>dt]:col-start-2 ds:max-sm:[&>dd]:col-start-2 ds:max-sm:[&>[data-dl-icon-slot]]:row-span-full"
+    },
+    {
+      layout: "responsive",
+      hasIcons: !0,
+      copyable: !0,
+      className: "ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-start ds:[&>button]:col-start-4 ds:max-sm:grid-cols-[auto_minmax(0,1fr)_auto] ds:max-sm:gap-x-[var(--spacing-sm)] ds:max-sm:gap-y-[var(--spacing-xs)] ds:max-sm:[&>dt]:col-start-2 ds:max-sm:[&>dd]:col-start-2 ds:max-sm:[&>[data-dl-icon-slot]]:row-span-full ds:max-sm:[&>button]:col-start-3 ds:max-sm:[&>button]:row-span-full"
+    }
+  ],
+  defaultVariants: {
+    layout: "inline",
+    divider: "none",
+    copyable: !1,
+    hasIcons: !1
+  }
+}), k = c(
+  ({
+    layout: s = "inline",
+    density: a = "default",
+    divider: r = "none",
+    labelWidth: t = "auto",
+    className: p,
+    children: o,
+    style: d,
+    ...u
+  }, v) => {
+    const g = x(
+      () => C.toArray(o).some(
+        (i) => T(i) && i.props.icon != null
+      ),
+      [o]
+    ), l = x(
+      () => ({
+        ...d,
+        "--description-list-label-track": E(t),
+        "--description-list-value-track": M(t)
+      }),
+      [d, t]
+    );
+    return /* @__PURE__ */ e(
+      b.Provider,
+      {
+        value: { layout: s, density: a, divider: r, hasIcons: g },
+        children: /* @__PURE__ */ e(
+          "dl",
+          {
+            ref: v,
+            className: O({
+              layout: s,
+              density: a,
+              divider: r,
+              className: p
+            }),
+            "data-component": "description-list",
+            "data-label-width": t === "auto" || t === "fixed" ? t : "custom",
+            style: l,
+            ...u,
+            children: o
+          }
+        )
+      }
+    );
+  }
+);
+k.displayName = "DescriptionList";
+const w = c(
+  ({
+    copyable: s = !1,
+    copyText: a,
+    copyLabel: r,
+    icon: t,
+    className: p,
+    children: o,
+    ...d
+  }, u) => {
+    const { layout: v, divider: g, hasIcons: l } = R(b), { t: i } = z(), [h, f] = y(!1), [I, n] = y(""), L = j(async () => {
+      if (a)
+        try {
+          await navigator.clipboard.writeText(a), f(!0), n(i("keyValuePair.copied")), setTimeout(() => {
+            f(!1), n("");
+          }, 2e3);
+        } catch {
+          n(i("keyValuePair.notAvailable")), setTimeout(() => n(""), 3e3);
+        }
+    }, [a, i]), D = i("keyValuePair.copy", {
+      label: r ?? a ?? ""
+    });
+    return /* @__PURE__ */ V(
+      "div",
+      {
+        ref: u,
+        className: q({
+          layout: v,
+          divider: g,
+          copyable: s,
+          hasIcons: l,
+          className: p
+        }),
+        ...d,
+        children: [
+          l && /* @__PURE__ */ e(
+            "span",
+            {
+              "data-dl-icon-slot": !0,
+              "aria-hidden": "true",
+              className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:mt-0.5 ds:items-center ds:justify-center ds:[&_svg]:size-4 ds:text-[color:var(--description-list-icon-color)]",
+              children: t
+            }
+          ),
+          o,
+          s && /* @__PURE__ */ e(
+            A,
+            {
+              icon: h ? /* @__PURE__ */ e(S, {}) : /* @__PURE__ */ e(B, {}),
+              size: "sm",
+              "aria-label": D,
+              onClick: L,
+              intent: "ghost",
+              className: "ds:self-start"
+            }
+          ),
+          s && /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: I })
+        ]
+      }
+    );
+  }
+);
+w.displayName = "DescriptionList.Row";
+const F = m(
+  "type-label ds:text-[color:var(--muted-foreground)] ds:text-start ds:[overflow-wrap:break-word] ds:[word-break:normal]"
+), G = m(
+  "type-body ds:text-[color:var(--foreground)] ds:m-0 ds:[overflow-wrap:break-word] ds:[word-break:normal]",
+  {
+    variants: {
+      numeric: {
+        true: "ds:text-end",
+        false: "ds:text-start"
+      }
+    },
+    defaultVariants: {
+      numeric: !1
+    }
+  }
+), _ = c(
+  ({ className: s, ...a }, r) => /* @__PURE__ */ e(
+    "dt",
+    {
+      ref: r,
+      className: F({ className: s }),
+      ...a
+    }
+  )
+);
+_.displayName = "DescriptionList.Term";
+const N = c(({ numeric: s = !1, className: a, ...r }, t) => /* @__PURE__ */ e(
+  "dd",
+  {
+    ref: t,
+    className: G({ numeric: s, className: a }),
+    ...r
+  }
+));
+N.displayName = "DescriptionList.Detail";
+const Z = Object.assign(k, {
+  Row: w,
+  Term: _,
+  Detail: N
+});
+export {
+  Z as D
+};
+//# sourceMappingURL=description-list-Bsga4IW8.js.map