@alfadocs/ui-kit 0.24.0 → 0.25.0

package/dist/_chunks/{card-CWzuTLYE.js → card-C353dU-H.js}

@@ -1,8 +1,8 @@
 import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as o, useId as B, useState as _, useCallback as v, useContext as k, createContext as I } from "react";
+import { forwardRef as t, useId as B, useState as k, useCallback as v, useContext as I, createContext as _ } from "react";
 import { Slot as F } from "@radix-ui/react-slot";
 import { c as M } from "./index-D2ZczOXr.js";
-const u = I({
+const u = _({
   headerId: "",
   interactive: !1,
   registerHeader: () => {
@@ -45,7 +45,7 @@ const u = I({
       stretch: !1
     }
   }
-), m = o(
+), m = t(
   ({
     variant: r = "default",
     interactive: e = !1,
@@ -57,10 +57,10 @@ const u = I({
     onKeyDown: c,
     ...C
   }, x) => {
-    const f = B(), [w, y] = _(!1), N = v(() => y(!0), []), j = e ? {
+    const f = B(), [w, y] = k(!1), N = v(() => y(!0), []), j = e ? {
       ...i ? {} : { role: "button", tabIndex: 0 },
-      onKeyDown: (t) => {
-        e && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click()), c == null || c(t);
+      onKeyDown: (o) => {
+        e && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), o.currentTarget.click()), c == null || c(o);
       },
       onClick: s
     } : { onClick: s }, H = i ? F : e ? "div" : "article";
@@ -90,9 +90,9 @@ const u = I({
   }
 );
 m.displayName = "Card";
-const p = o(
+const p = t(
   ({ className: r, ...e }, a) => {
-    const { headerId: i, registerHeader: l } = k(u), n = v(
+    const { headerId: i, registerHeader: l } = I(u), n = v(
       (s) => {
         s && l(), typeof a == "function" ? a(s) : a && (a.current = s);
       },
@@ -105,7 +105,15 @@ const p = o(
         id: i,
         className: [
           "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-md)] ds:pb-0",
-          "ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:anywhere]",
+          // Wrap policy for header text content. Scoped to DIRECT children
+          // (h1–h6 / p / div) and using `break-word` instead of `anywhere`
+          // so natural-language titles wrap at word boundaries first; only
+          // genuinely unbreakable strings (URLs, hashes) break mid-word
+          // when they'd otherwise overflow. The previous `[&_*]:` cascade
+          // applied `overflow-wrap: anywhere` to every descendant, which
+          // chopped natural-language labels mid-character inside narrow
+          // contexts (DescriptionList rows in a Carousel slide).
+          "ds:[&>*]:break-normal ds:[&>*]:[overflow-wrap:break-word]",
           r
         ].filter(Boolean).join(" "),
         ...e
@@ -114,7 +122,7 @@ const p = o(
   }
 );
 p.displayName = "Card.Header";
-const g = o(
+const g = t(
   ({ className: r, ...e }, a) => /* @__PURE__ */ d(
     "div",
     {
@@ -128,7 +136,7 @@ const g = o(
   )
 );
 g.displayName = "Card.Media";
-const h = o(
+const h = t(
   ({ className: r, ...e }, a) => /* @__PURE__ */ d(
     "div",
     {
@@ -139,7 +147,7 @@ const h = o(
   )
 );
 h.displayName = "Card.Body";
-const b = o(
+const b = t(
   ({ className: r, ...e }, a) => /* @__PURE__ */ d(
     "div",
     {
@@ -162,4 +170,4 @@ const O = Object.assign(m, {
 export {
   O as C
 };
-//# sourceMappingURL=card-CWzuTLYE.js.map
+//# sourceMappingURL=card-C353dU-H.js.map