@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/alert-KJbsPYkI.js

@@ -0,0 +1,314 @@
+import { jsxs as k, jsx as e, Fragment as U } from "react/jsx-runtime";
+import { forwardRef as v, useState as I, useRef as M, useCallback as _, Children as P, isValidElement as W, useContext as O, useId as X, createContext as G } from "react";
+import { c as H } from "./index-D2ZczOXr.js";
+import { useTranslation as R } from "react-i18next";
+import { u as $ } from "./use-controllable-state-BiY4xTzM.js";
+import { u as S } from "./use-clamp-overflow-DQE2kwZ9.js";
+import { T as q } from "./tooltip-DvmfrNvB.js";
+import { X as J } from "./x-B5YnXwCz.js";
+import { c as K } from "./createLucideIcon-DhHxpK9K.js";
+import { C as Q } from "./circle-x-W8Enq3i4.js";
+import { T as Y } from "./triangle-alert-CBnO6nq_.js";
+import { C as Z } from "./circle-check-BN6rz4NV.js";
+import { I as ee } from "./info-CGn22peZ.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 te = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m16 12-4-4-4 4", key: "177agl" }],
+  ["path", { d: "M12 16V8", key: "1sbj14" }]
+], se = K("circle-arrow-up", te), C = G(!1), oe = [
+  // Full-opacity `text-current` so it matches the body text's contrast (an
+  // `opacity` dim would drop the variant-tinted text below AA). Underline
+  // carries the affordance instead. No `--min-target-size` floor: this is an
+  // inline text disclosure sitting in the flow of the body copy, which is
+  // exempt from WCAG 2.5.8 target-size the same way an inline link is.
+  "ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start",
+  "ds:text-[length:var(--font-size-xs)] ds:font-semibold",
+  "ds:underline ds:underline-offset-2 ds:text-current ds:hover:no-underline",
+  "ds:rounded-[var(--radius-sm)]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]"
+].join(" "), re = H(
+  [
+    // Default `items-center` keeps the icon + dismiss optically aligned
+    // with a single-line description. The `data-[has-title=true]`
+    // selector flips to `items-start` when an `<Alert.Title>` is
+    // present so the icon anchors to the heading's top instead of
+    // floating against the centre of the title+description block.
+    // For multi-line descriptions without a title, `items-center` still
+    // looks right at 2–3 lines and matches Toast / Notification.
+    "ds:flex ds:items-center ds:data-[has-title=true]:items-start ds:gap-[var(--spacing-md)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:border ds:border-[length:var(--border-width-sm)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:break-words"
+  ].join(" "),
+  {
+    variants: {
+      // Each variant paints `<Button intent="tonal">` descendants via a
+      // child selector — the button carries `data-intent="tonal"`, the
+      // Alert applies the matching tint (`*-foreground` for bg + the
+      // surface `--background` for fg). Descendant selectors sidestep
+      // custom-property inheritance and are rock-solid across themes.
+      variant: {
+        info: [
+          "ds:border-[color:var(--info)]",
+          "ds:bg-[color-mix(in_srgb,var(--info)_10%,transparent)]",
+          "ds:text-[var(--info-foreground)]",
+          "ds:[&_[data-intent=tonal]]:bg-[color:var(--info-foreground)]",
+          "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
+        ].join(" "),
+        success: [
+          "ds:border-[color:var(--success)]",
+          "ds:bg-[color-mix(in_srgb,var(--success)_10%,transparent)]",
+          "ds:text-[var(--success-foreground)]",
+          "ds:[&_[data-intent=tonal]]:bg-[color:var(--success-foreground)]",
+          "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
+        ].join(" "),
+        warning: [
+          "ds:border-[color:var(--warning)]",
+          "ds:bg-[color-mix(in_srgb,var(--warning)_10%,transparent)]",
+          "ds:text-[var(--warning-foreground)]",
+          "ds:[&_[data-intent=tonal]]:bg-[color:var(--warning-foreground)]",
+          "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
+        ].join(" "),
+        error: [
+          "ds:border-[color:var(--error)]",
+          "ds:bg-[color-mix(in_srgb,var(--error)_10%,transparent)]",
+          "ds:text-[var(--error-foreground)]",
+          "ds:[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]",
+          "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
+        ].join(" "),
+        // Sales / marketing upsell — accent magenta via the --promo
+        // semantic pair so marketing pushes (product hub → warning
+        // stack) read as offers, not operational warnings. Surface is
+        // the same subtle accent gradient as SidebarUpgradeChip (it
+        // flattens in the accessible themes and follows Canvas in
+        // forced-colors), keeping the two upsell affordances kin.
+        promo: [
+          "ds:border-[color:var(--promo)]",
+          "ds:bg-[image:var(--gradient-surface-subtle-accent)]",
+          "ds:text-[var(--promo-foreground)]",
+          "ds:[&_[data-intent=tonal]]:bg-[color:var(--promo-foreground)]",
+          "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+), E = "ds:shrink-0 ds:size-5", ae = `${E} ds:mt-0.5`, ne = [
+  // Default (no title): the alert root uses `items-center` and the
+  // button centres in the cross-axis. A centred 16×16 glyph inside a
+  // 44×44 button aligns optically with a single-line description.
+  // With a title: the root flips to `items-start` so the button's top
+  // edge aligns with the title row top. A centred glyph would then
+  // land ~11 px below the title's optical centre (button height is
+  // --min-target-size, much taller than the title's line-height). The
+  // `[data-has-title=true]` variant below flips the button to
+  // `items-start` and adds a block-start padding that pulls the glyph
+  // up onto the title row — same cap-height compensation idea as the
+  // leading icon's `mt-0.5`.
+  "ds:ms-auto ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center",
+  "ds:[[data-has-title=true]_&]:items-start",
+  "ds:[[data-has-title=true]_&]:pt-[var(--spacing-sm)]",
+  "ds:rounded-[var(--radius-sm)]",
+  "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+  "ds:-mt-[var(--spacing-xs)] ds:-me-[var(--spacing-xs)]",
+  "ds:text-current ds:opacity-70",
+  "ds:hover:opacity-100",
+  "ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]"
+].join(" "), ie = {
+  info: { icon: /* @__PURE__ */ e(ee, { "aria-hidden": "true" }), role: "status", live: "polite" },
+  success: {
+    icon: /* @__PURE__ */ e(Z, { "aria-hidden": "true" }),
+    role: "status",
+    live: "polite"
+  },
+  warning: {
+    icon: /* @__PURE__ */ e(Y, { "aria-hidden": "true" }),
+    role: "alert",
+    live: "assertive"
+  },
+  error: {
+    icon: /* @__PURE__ */ e(Q, { "aria-hidden": "true" }),
+    role: "alert",
+    live: "assertive"
+  },
+  // Promotions never interrupt — same polite semantics as info.
+  promo: {
+    icon: /* @__PURE__ */ e(se, { "aria-hidden": "true" }),
+    role: "status",
+    live: "polite"
+  }
+}, y = v(
+  ({ as: a = "h5", className: i, children: s, ...o }, t) => {
+    const n = O(C), { ref: d, isOverflowing: r } = S(n), m = _(
+      (c) => {
+        d.current = c, typeof t == "function" ? t(c) : t && (t.current = c);
+      },
+      [t, d]
+    ), l = n && r && typeof s == "string", f = /* @__PURE__ */ e(
+      a,
+      {
+        ref: m,
+        tabIndex: l ? 0 : void 0,
+        className: [
+          "type-title-item",
+          n ? "ds:line-clamp-2" : "",
+          i
+        ].filter(Boolean).join(" "),
+        ...o,
+        children: s
+      }
+    );
+    return l ? /* @__PURE__ */ e(q, { label: s, children: f }) : f;
+  }
+);
+y.displayName = "Alert.Title";
+const L = v(({ className: a, children: i, ...s }, o) => {
+  const t = O(C), { t: n } = R(), d = X(), [r, m] = I(!1), { ref: l, isOverflowing: f } = S(t && !r), c = _(
+    (u) => {
+      l.current = u, typeof o == "function" ? o(u) : o && (o.current = u);
+    },
+    [o, l]
+  ), g = t && (f || r);
+  return /* @__PURE__ */ k(U, { children: [
+    /* @__PURE__ */ e(
+      "p",
+      {
+        ref: c,
+        id: t ? d : void 0,
+        className: [
+          "ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm",
+          t && !r ? "ds:line-clamp-2" : "",
+          a
+        ].filter(Boolean).join(" "),
+        ...s,
+        children: i
+      }
+    ),
+    g ? /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": r,
+        "aria-controls": d,
+        onClick: () => m((u) => !u),
+        className: oe,
+        children: r ? n("feedback.alert.readLess", "Read less") : n("feedback.alert.readMore", "Read more")
+      }
+    ) : null
+  ] });
+});
+L.displayName = "Alert.Description";
+const V = v(
+  ({ className: a, ...i }, s) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: s,
+      className: [
+        "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
+        a
+      ].filter(Boolean).join(" "),
+      ...i
+    }
+  )
+);
+V.displayName = "Alert.Action";
+const z = v(
+  ({
+    variant: a = "info",
+    dismissible: i = !1,
+    open: s,
+    onOpenChange: o,
+    icon: t,
+    live: n,
+    clamp: d = !1,
+    className: r,
+    children: m,
+    ...l
+  }, f) => {
+    const { t: c } = R(), [g, u] = $({
+      value: s,
+      defaultValue: !0,
+      onChange: o
+    }), B = g ?? !0, [w, T] = I(!1), b = M(null), D = _(() => {
+      if (typeof window > "u") return 200;
+      const p = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
+      if (!p) return 200;
+      const j = p.trim(), h = parseFloat(j);
+      return Number.isFinite(h) ? j.endsWith("ms") ? h : h * 1e3 : 200;
+    }, []);
+    if (!B) return null;
+    const x = ie[a], A = t !== void 0 ? t : x.icon, N = P.toArray(m).some(
+      (p) => W(p) && p.type === y
+    ), F = () => {
+      w || (T(!0), b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+        T(!1), u(!1);
+      }, D()));
+    };
+    return /* @__PURE__ */ k(
+      "div",
+      {
+        ref: f,
+        role: x.role,
+        "aria-live": n ?? x.live,
+        "data-component": "alert",
+        "data-has-title": N ? "true" : "false",
+        "data-state": w ? "closing" : "open",
+        className: [
+          re({ variant: a, className: r }),
+          // Entry: fade + slide-down on mount. Exit: fade + slide-up + slight
+          // scale when dismissed. Driven by `tw-animate-css`. Respects
+          // `prefers-reduced-motion` via `motion-safe:` and zeroes under the
+          // accessible theme (`--animation-duration: 0ms`).
+          "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2",
+          "ds:motion-safe:data-[state=closing]:animate-out ds:motion-safe:data-[state=closing]:fade-out-0",
+          "ds:motion-safe:data-[state=closing]:slide-out-to-top-2 ds:motion-safe:data-[state=closing]:zoom-out-95",
+          // Pin the exit's end-state until React unmounts. Without
+          // `fill-mode-forwards` the element snaps back to opacity:1 for one
+          // paint frame after the animation ends.
+          "ds:motion-safe:data-[state=closing]:fill-mode-forwards",
+          "ds:motion-safe:duration-[var(--animation-duration)]"
+        ].join(" "),
+        ...l,
+        children: [
+          A ? /* @__PURE__ */ e("span", { className: N ? ae : E, children: A }) : null,
+          /* @__PURE__ */ e("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ e(C.Provider, { value: d, children: m }) }),
+          i ? /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": c("common.close", "Close"),
+              onClick: F,
+              "data-alert-dismiss": "",
+              className: ne,
+              children: /* @__PURE__ */ e(J, { "aria-hidden": "true", className: "ds:size-4" })
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+z.displayName = "Alert";
+const Ce = Object.assign(z, {
+  Title: y,
+  Description: L,
+  Action: V
+});
+export {
+  Ce as A
+};
+//# sourceMappingURL=alert-KJbsPYkI.js.map

package/dist/_chunks/alert-KJbsPYkI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-KJbsPYkI.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-arrow-up.mjs","../../src/components/alert/alert.tsx"],"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  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"m16 12-4-4-4 4\", key: \"177agl\" }],\n  [\"path\", { d: \"M12 16V8\", key: \"1sbj14\" }]\n];\nconst CircleArrowUp = createLucideIcon(\"circle-arrow-up\", __iconNode);\n\nexport { __iconNode, CircleArrowUp as default };\n//# sourceMappingURL=circle-arrow-up.mjs.map\n","import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type MutableRefObject,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  CircleArrowUp,\n  CircleCheck,\n  CircleX,\n  Info,\n  TriangleAlert,\n  X,\n} from 'lucide-react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useClampOverflow } from '../../hooks/use-clamp-overflow';\nimport { Tooltip } from '../tooltip';\n\n/* ------------------------------------------------------------------ */\n/* Clamp context — opt-in compact mode propagated from the root Alert  */\n/* to its Title / Description so a consumer enables it with one prop.  */\n/* ------------------------------------------------------------------ */\n\nconst AlertClampContext = createContext(false);\n\n/** Inline \"Read more / Read less\" disclosure. Tinted with `text-current` so it\n *  inherits the alert variant's foreground rather than the link palette. */\nconst DISCLOSURE_BUTTON_CLASSES = [\n  // Full-opacity `text-current` so it matches the body text's contrast (an\n  // `opacity` dim would drop the variant-tinted text below AA). Underline\n  // carries the affordance instead. No `--min-target-size` floor: this is an\n  // inline text disclosure sitting in the flow of the body copy, which is\n  // exempt from WCAG 2.5.8 target-size the same way an inline link is.\n  'ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start',\n  'ds:text-[length:var(--font-size-xs)] ds:font-semibold',\n  'ds:underline ds:underline-offset-2 ds:text-current ds:hover:no-underline',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst alertVariants = cva(\n  [\n    // Default `items-center` keeps the icon + dismiss optically aligned\n    // with a single-line description. The `data-[has-title=true]`\n    // selector flips to `items-start` when an `<Alert.Title>` is\n    // present so the icon anchors to the heading's top instead of\n    // floating against the centre of the title+description block.\n    // For multi-line descriptions without a title, `items-center` still\n    // looks right at 2–3 lines and matches Toast / Notification.\n    'ds:flex ds:items-center ds:data-[has-title=true]:items-start ds:gap-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[length:var(--border-width-sm)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      // Each variant paints `<Button intent=\"tonal\">` descendants via a\n      // child selector — the button carries `data-intent=\"tonal\"`, the\n      // Alert applies the matching tint (`*-foreground` for bg + the\n      // surface `--background` for fg). Descendant selectors sidestep\n      // custom-property inheritance and are rock-solid across themes.\n      variant: {\n        info: [\n          'ds:border-[color:var(--info)]',\n          'ds:bg-[color-mix(in_srgb,var(--info)_10%,transparent)]',\n          'ds:text-[var(--info-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--info-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        success: [\n          'ds:border-[color:var(--success)]',\n          'ds:bg-[color-mix(in_srgb,var(--success)_10%,transparent)]',\n          'ds:text-[var(--success-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--success-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        warning: [\n          'ds:border-[color:var(--warning)]',\n          'ds:bg-[color-mix(in_srgb,var(--warning)_10%,transparent)]',\n          'ds:text-[var(--warning-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--warning-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        error: [\n          'ds:border-[color:var(--error)]',\n          'ds:bg-[color-mix(in_srgb,var(--error)_10%,transparent)]',\n          'ds:text-[var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        // Sales / marketing upsell — accent magenta via the --promo\n        // semantic pair so marketing pushes (product hub → warning\n        // stack) read as offers, not operational warnings. Surface is\n        // the same subtle accent gradient as SidebarUpgradeChip (it\n        // flattens in the accessible themes and follows Canvas in\n        // forced-colors), keeping the two upsell affordances kin.\n        promo: [\n          'ds:border-[color:var(--promo)]',\n          'ds:bg-[image:var(--gradient-surface-subtle-accent)]',\n          'ds:text-[var(--promo-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--promo-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  },\n);\n\n// Icon stays `mt-0.5` only when an `<Alert.Title>` is present — that\n// offset compensates for the title's cap-height vs. line-box origin so\n// the glyph aligns with the heading's caps. Without a title, the\n// container uses `items-center` and the offset would push the icon\n// 2px off the optical axis.\nconst ICON_BASE = 'ds:shrink-0 ds:size-5';\nconst ICON_WITH_TITLE = `${ICON_BASE} ds:mt-0.5`;\n\nconst CLOSE_BUTTON_CLASSES = [\n  // Default (no title): the alert root uses `items-center` and the\n  // button centres in the cross-axis. A centred 16×16 glyph inside a\n  // 44×44 button aligns optically with a single-line description.\n  // With a title: the root flips to `items-start` so the button's top\n  // edge aligns with the title row top. A centred glyph would then\n  // land ~11 px below the title's optical centre (button height is\n  // --min-target-size, much taller than the title's line-height). The\n  // `[data-has-title=true]` variant below flips the button to\n  // `items-start` and adds a block-start padding that pulls the glyph\n  // up onto the title row — same cap-height compensation idea as the\n  // leading icon's `mt-0.5`.\n  'ds:ms-auto ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center',\n  'ds:[[data-has-title=true]_&]:items-start',\n  'ds:[[data-has-title=true]_&]:pt-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n  'ds:-mt-[var(--spacing-xs)] ds:-me-[var(--spacing-xs)]',\n  'ds:text-current ds:opacity-70',\n  'ds:hover:opacity-100',\n  'ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst VARIANT_CONFIG = {\n  info: { icon: <Info aria-hidden=\"true\" />, role: 'status', live: 'polite' },\n  success: {\n    icon: <CircleCheck aria-hidden=\"true\" />,\n    role: 'status',\n    live: 'polite',\n  },\n  warning: {\n    icon: <TriangleAlert aria-hidden=\"true\" />,\n    role: 'alert',\n    live: 'assertive',\n  },\n  error: {\n    icon: <CircleX aria-hidden=\"true\" />,\n    role: 'alert',\n    live: 'assertive',\n  },\n  // Promotions never interrupt — same polite semantics as info.\n  promo: {\n    icon: <CircleArrowUp aria-hidden=\"true\" />,\n    role: 'status',\n    live: 'polite',\n  },\n} as const;\n\ninterface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';\n}\n\nconst AlertTitle = forwardRef<HTMLHeadingElement, AlertTitleProps>(\n  ({ as: Tag = 'h5', className, children, ...props }, ref) => {\n    const clamp = useContext(AlertClampContext);\n    const { ref: clampRef, isOverflowing } =\n      useClampOverflow<HTMLHeadingElement>(clamp);\n    const setRefs = useCallback(\n      (node: HTMLHeadingElement | null) => {\n        (clampRef as MutableRefObject<HTMLHeadingElement | null>).current =\n          node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref)\n          (ref as MutableRefObject<HTMLHeadingElement | null>).current = node;\n      },\n      [ref, clampRef],\n    );\n\n    // The full title stays in the DOM (line-clamp only clips it visually), so\n    // screen readers always read it whole. The tooltip is a sighted-user\n    // affordance, shown only when the title is actually cut — and only for\n    // string titles, since the Tooltip label must be plain text.\n    const tooltipReady = clamp && isOverflowing && typeof children === 'string';\n\n    const heading = (\n      <Tag\n        ref={setRefs}\n        // Focusable only when truncated, so keyboard users can surface the\n        // tooltip too (otherwise it would be mouse/hover-only).\n        tabIndex={tooltipReady ? 0 : undefined}\n        className={[\n          'type-title-item',\n          clamp ? 'ds:line-clamp-2' : '',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n      </Tag>\n    );\n\n    return tooltipReady ? (\n      <Tooltip label={children as string}>{heading}</Tooltip>\n    ) : (\n      heading\n    );\n  },\n);\nAlertTitle.displayName = 'Alert.Title';\n\nconst AlertDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const clamp = useContext(AlertClampContext);\n  const { t } = useTranslation();\n  const bodyId = useId();\n  const [expanded, setExpanded] = useState(false);\n  // Only measure while clamped — once expanded there's nothing to clip.\n  const { ref: clampRef, isOverflowing } =\n    useClampOverflow<HTMLParagraphElement>(clamp && !expanded);\n  const setRefs = useCallback(\n    (node: HTMLParagraphElement | null) => {\n      (clampRef as MutableRefObject<HTMLParagraphElement | null>).current =\n        node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref)\n        (ref as MutableRefObject<HTMLParagraphElement | null>).current = node;\n    },\n    [ref, clampRef],\n  );\n  // Show the toggle once the body has overflowed; keep it while expanded so\n  // the user can collapse again.\n  const showToggle = clamp && (isOverflowing || expanded);\n\n  return (\n    <>\n      <p\n        ref={setRefs}\n        id={clamp ? bodyId : undefined}\n        // `mt` is gated on the root's `data-has-title=\"true\"` attribute so\n        // the margin only paints when there's a Title above the\n        // Description to separate from. Without this gate, a Description\n        // rendered alone sits a few pixels below the icon + dismiss ×\n        // optical centre — visible on the AlfaDocs marketing privacy\n        // generator before HTP-4860's follow-up fix.\n        className={[\n          'ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm',\n          clamp && !expanded ? 'ds:line-clamp-2' : '',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n      </p>\n      {showToggle ? (\n        <button\n          type=\"button\"\n          aria-expanded={expanded}\n          aria-controls={bodyId}\n          onClick={() => setExpanded((prev) => !prev)}\n          className={DISCLOSURE_BUTTON_CLASSES}\n        >\n          {expanded\n            ? t('feedback.alert.readLess', 'Read less')\n            : t('feedback.alert.readMore', 'Read more')}\n        </button>\n      ) : null}\n    </>\n  );\n});\nAlertDescription.displayName = 'Alert.Description';\n\nconst AlertAction = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertAction.displayName = 'Alert.Action';\n\nexport interface AlertProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'role'>,\n    VariantProps<typeof alertVariants> {\n  variant?: 'info' | 'success' | 'warning' | 'error' | 'promo';\n  dismissible?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  icon?: ReactNode;\n  live?: 'assertive' | 'polite' | 'off';\n  /** Compact mode: clamps `Alert.Title` to 2 lines (with a tooltip when the\n   *  title is truncated) and `Alert.Description` to 2 lines (with a \"Read more\"\n   *  toggle). Opt-in — leave off for standalone alerts whose full message must\n   *  always be visible. */\n  clamp?: boolean;\n}\n\nexport type { AlertTitleProps };\n\nconst AlertRoot = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      variant = 'info',\n      dismissible = false,\n      open: controlledOpen,\n      onOpenChange,\n      icon,\n      live,\n      clamp = false,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [isOpenRaw, setOpen] = useControllableState<boolean>({\n      value: controlledOpen,\n      defaultValue: true,\n      onChange: onOpenChange,\n    });\n    const isOpen = isOpenRaw ?? true;\n    const [isClosing, setIsClosing] = useState(false);\n    const closeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const animationDurationMs = useCallback((): number => {\n      if (typeof window === 'undefined') return 200;\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue('--animation-duration');\n      if (!raw) return 200;\n      const trimmed = raw.trim();\n      const n = parseFloat(trimmed);\n      if (!Number.isFinite(n)) return 200;\n      return trimmed.endsWith('ms') ? n : n * 1000;\n    }, []);\n\n    if (!isOpen) return null;\n\n    const config = VARIANT_CONFIG[variant];\n    const effectiveIcon = icon !== undefined ? icon : config.icon;\n\n    // Detect an `<Alert.Title>` anywhere in the immediate children so\n    // the root can flip its cross-axis alignment. Nested wrappers\n    // around a Title aren't supported — keep the API as flat as the\n    // existing `Alert.Title` / `Alert.Description` convention.\n    const hasTitle = Children.toArray(children).some(\n      (child) => isValidElement(child) && child.type === AlertTitle,\n    );\n\n    const handleDismiss = () => {\n      if (isClosing) return;\n      setIsClosing(true);\n      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = setTimeout(() => {\n        setIsClosing(false);\n        setOpen(false);\n      }, animationDurationMs());\n    };\n\n    return (\n      <div\n        ref={ref}\n        role={config.role}\n        aria-live={live ?? config.live}\n        data-component=\"alert\"\n        data-has-title={hasTitle ? 'true' : 'false'}\n        data-state={isClosing ? 'closing' : 'open'}\n        className={[\n          alertVariants({ variant, className }),\n          // Entry: fade + slide-down on mount. Exit: fade + slide-up + slight\n          // scale when dismissed. Driven by `tw-animate-css`. Respects\n          // `prefers-reduced-motion` via `motion-safe:` and zeroes under the\n          // accessible theme (`--animation-duration: 0ms`).\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2',\n          'ds:motion-safe:data-[state=closing]:animate-out ds:motion-safe:data-[state=closing]:fade-out-0',\n          'ds:motion-safe:data-[state=closing]:slide-out-to-top-2 ds:motion-safe:data-[state=closing]:zoom-out-95',\n          // Pin the exit's end-state until React unmounts. Without\n          // `fill-mode-forwards` the element snaps back to opacity:1 for one\n          // paint frame after the animation ends.\n          'ds:motion-safe:data-[state=closing]:fill-mode-forwards',\n          'ds:motion-safe:duration-[var(--animation-duration)]',\n        ].join(' ')}\n        {...props}\n      >\n        {effectiveIcon ? (\n          <span className={hasTitle ? ICON_WITH_TITLE : ICON_BASE}>\n            {effectiveIcon}\n          </span>\n        ) : null}\n\n        <div className=\"ds:flex-1 ds:min-w-0\">\n          <AlertClampContext.Provider value={clamp}>\n            {children}\n          </AlertClampContext.Provider>\n        </div>\n\n        {dismissible ? (\n          <button\n            type=\"button\"\n            aria-label={t('common.close', 'Close')}\n            onClick={handleDismiss}\n            // Stable hook for containers (WarningStack) that hand focus to\n            // a neighbouring dismiss control after this one unmounts.\n            data-alert-dismiss=\"\"\n            className={CLOSE_BUTTON_CLASSES}\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAlertRoot.displayName = 'Alert';\n\nexport const Alert = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n});\n"],"names":["__iconNode","CircleArrowUp","createLucideIcon","AlertClampContext","createContext","DISCLOSURE_BUTTON_CLASSES","alertVariants","cva","ICON_BASE","ICON_WITH_TITLE","CLOSE_BUTTON_CLASSES","VARIANT_CONFIG","jsx","Info","CircleCheck","TriangleAlert","CircleX","AlertTitle","forwardRef","Tag","className","children","props","ref","clamp","useContext","clampRef","isOverflowing","useClampOverflow","setRefs","useCallback","node","tooltipReady","heading","Tooltip","AlertDescription","t","useTranslation","bodyId","useId","expanded","setExpanded","useState","showToggle","jsxs","Fragment","prev","AlertAction","AlertRoot","variant","dismissible","controlledOpen","onOpenChange","icon","live","isOpenRaw","setOpen","useControllableState","isOpen","isClosing","setIsClosing","closeTimerRef","useRef","animationDurationMs","raw","trimmed","n","config","effectiveIcon","hasTitle","Children","child","isValidElement","handleDismiss","X","Alert"],"mappings":"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","x_google_ignoreList":[0]}