@ai-matrx/design-system 0.86.364 → 0.86.365

package/dist/swipe-deck.cjs

@@ -469,6 +469,10 @@ function fitText(box, inner, text2, min, max) {
   else box.removeAttribute("data-sd-overflow");
   return size;
 }
+function markOverflow(box, inner) {
+  if (inner.offsetHeight > box.clientHeight + 1) box.setAttribute("data-sd-overflow", "");
+  else box.removeAttribute("data-sd-overflow");
+}
 function keepFitted(box, run) {
   run();
   let alive = true;
@@ -2416,7 +2420,8 @@ function SwipeDeck(props) {
                   conflict,
                   labels,
                   suggestedDir,
-                  more: cardMoreShown,
+                  more: props.moreOnCard === false ? [] : cardMoreShown,
+                  titleSize: props.titleSize ?? "fit",
                   detail: detailNow,
                   onDetail: (d) => setCardDetail({ id: step.item.id, detail: d }),
                   body: cardContext && props.renderCardBody ? props.renderCardBody(cardContext) : null,
@@ -2516,6 +2521,7 @@ function CardView({
   onChoose,
   more,
   onChooseMore,
+  titleSize,
   detail,
   onDetail,
   body,
@@ -2548,9 +2554,11 @@ function CardView({
     const box = layer.current;
     if (!box || !inner.current || !hero.current) return;
     return keepFitted(box, () => {
-      if (inner.current && hero.current) fitText(box, inner.current, hero.current, 20, heroMax(box));
+      if (!inner.current || !hero.current) return;
+      if (titleSize === "fit") fitText(box, inner.current, hero.current, 20, heroMax(box));
+      else markOverflow(box, inner.current);
     });
-  }, [item.text, partsKey, item.members?.length, more.length]);
+  }, [item.text, partsKey, item.members?.length, more.length, titleSize]);
   const nodes = [];
   for (let i = 0; i < tokens.length; ) {
     const p = parts.find((x) => x.start === i);
@@ -2581,6 +2589,7 @@ function CardView({
       ref: layer,
       className: "matrx-sd-layer",
       "data-sd-item": item.id,
+      "data-sd-title": titleSize === "page" ? "page" : void 0,
       "aria-label": [item.kicker, item.text].filter(Boolean).join(": "),
       onDoubleClick: (e) => {
         const t = e.target instanceof Element ? e.target.closest("[data-sd-t]") : null;