@alfadocs/ui-kit 0.47.0 → 0.49.0

package/dist/_chunks/warning-stack-DNR3-IbP.js

@@ -1,180 +0,0 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { forwardRef as M, useId as N, useState as O, useRef as y, useEffect as V, useMemo as _, useCallback as j } from "react";
-import { c as W } from "./index-D2ZczOXr.js";
-import { useTranslation as q } from "react-i18next";
-import { A as u } from "./alert-ywPR59NE.js";
-import { B as F } from "./button-DD_0Xdmr.js";
-import { C as H } from "./chevron-down-BX_NP2Yh.js";
-const L = W(
-  [
-    "ds:flex ds:flex-col",
-    "ds:rounded-[var(--radius-lg)]",
-    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
-    "ds:shadow-[var(--shadow-card)]",
-    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
-    "ds:p-[var(--spacing-md)]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:gap-[var(--spacing-sm)]",
-        md: "ds:gap-[var(--spacing-md)]"
-      },
-      // `stretch: true` fills the parent layout cell — mirrors the `stretch`
-      // prop on `Card` so a WarningStack rendered next to a Card in a grid
-      // row ends up at matching height.
-      stretch: {
-        true: "ds:h-full ds:self-stretch",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      stretch: !1
-    }
-  }
-), J = W("ds:flex ds:flex-col", {
-  variants: {
-    size: {
-      sm: "ds:gap-[var(--spacing-sm)]",
-      md: "ds:gap-[var(--spacing-md)]"
-    }
-  },
-  defaultVariants: { size: "md" }
-}), K = [
-  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start"
-].join(" "), P = M(
-  ({
-    items: r,
-    title: h,
-    description: p,
-    maxVisible: t,
-    defaultCollapsed: z = !0,
-    onDismiss: d,
-    size: f = "md",
-    stretch: v = !1,
-    ariaLabel: A,
-    emptyState: m,
-    className: w,
-    ...b
-  }, x) => {
-    const { t: e } = q(), c = N(), k = N(), i = t !== void 0 && r.length > t, [o, B] = O(z), g = y(null), S = y(r.length);
-    V(() => {
-      if (!g.current) return;
-      const n = S.current, s = r.length;
-      n !== s && (g.current.textContent = e("warningStack.countChanged", {
-        count: s,
-        defaultValue: "{{count}} warnings to review"
-      })), S.current = s;
-    }, [r.length, e]);
-    const R = _(() => !i || !o ? r : r.slice(0, t), [r, i, o, t]), E = i ? r.length - (t ?? 0) : 0, I = j(
-      (n) => (s) => {
-        s || d == null || d(n);
-      },
-      [d]
-    ), T = j(() => B((n) => !n), []), G = A ?? e("warningStack.regionLabel", "Warnings"), C = h ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-3xs)]", children: [
-      /* @__PURE__ */ a(
-        "h2",
-        {
-          id: c,
-          className: "ds:text-start type-title-section ds:text-[var(--foreground)]",
-          children: h
-        }
-      ),
-      p ? /* @__PURE__ */ a("p", { className: "ds:text-start type-body-sm ds:text-[var(--muted-foreground)]", children: p }) : null
-    ] }) : /* @__PURE__ */ a("h2", { id: c, className: "ds:sr-only", children: G });
-    return r.length === 0 ? m ? /* @__PURE__ */ l(
-      "section",
-      {
-        ref: x,
-        "aria-labelledby": c,
-        "data-component": "warning-stack",
-        className: [L({ size: f, stretch: v }), w].filter(Boolean).join(" "),
-        ...b,
-        children: [
-          C,
-          m
-        ]
-      }
-    ) : null : /* @__PURE__ */ l(
-      "section",
-      {
-        ref: x,
-        "aria-labelledby": c,
-        "data-component": "warning-stack",
-        className: [L({ size: f, stretch: v }), w].filter(Boolean).join(" "),
-        ...b,
-        children: [
-          C,
-          /* @__PURE__ */ a(
-            "div",
-            {
-              ref: g,
-              "aria-live": "polite",
-              "aria-atomic": "true",
-              className: "ds:sr-only"
-            }
-          ),
-          /* @__PURE__ */ a(
-            "ul",
-            {
-              id: k,
-              className: J({ size: f }),
-              "aria-label": e("warningStack.listLabel", "Warning list"),
-              children: R.map((n) => {
-                const s = n.variant ?? "warning";
-                return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ l(
-                  u,
-                  {
-                    variant: s,
-                    dismissible: n.dismissible,
-                    icon: n.icon,
-                    onOpenChange: I(n),
-                    children: [
-                      /* @__PURE__ */ a(u.Title, { as: "h3", children: n.title }),
-                      n.description ? /* @__PURE__ */ a(u.Description, { children: n.description }) : null,
-                      n.actions ? /* @__PURE__ */ a(u.Action, { children: n.actions }) : null
-                    ]
-                  }
-                ) }, n.id);
-              })
-            }
-          ),
-          i ? /* @__PURE__ */ l(
-            F,
-            {
-              type: "button",
-              intent: "link",
-              size: "sm",
-              "aria-expanded": !o,
-              "aria-controls": k,
-              onClick: T,
-              className: K,
-              children: [
-                /* @__PURE__ */ a(
-                  H,
-                  {
-                    "aria-hidden": "true",
-                    className: [
-                      "ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-                      o ? "" : "ds:rotate-180"
-                    ].join(" ")
-                  }
-                ),
-                o ? e("warningStack.showMore", {
-                  count: E,
-                  defaultValue: "Show {{count}} more warnings"
-                }) : e("warningStack.showLess", "Show less")
-              ]
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-P.displayName = "WarningStack";
-export {
-  P as W
-};
-//# sourceMappingURL=warning-stack-DNR3-IbP.js.map