@selectwin/kit 0.1.130 → 0.1.131

package/dist/SelectListCard.d.ts

@@ -20,7 +20,7 @@ type SelectListCardOwnProps = {
 };
 export type SelectListCardProps = SelectListCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectListCardOwnProps>;
 export declare const SelectListCard: import('react').ForwardRefExoticComponent<SelectListCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectListCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
-export declare function SelectListRow({ media, mediaSize, title, secondary, action, muted, onClick, }: {
+export declare function SelectListRow({ media, mediaSize, title, secondary, action, muted, wrap, onClick, }: {
     /** Leading visual — an icon or SelectAvatar. */
     media?: ReactNode;
     /** `icon` (padrão) encaixa um glifo cru numa caixa de 1.25rem; `auto` deixa o visual com o
@@ -33,6 +33,12 @@ export declare function SelectListRow({ media, mediaSize, title, secondary, acti
     action?: ReactNode;
     /** Dim the title/media (e.g. a disabled field). */
     muted?: boolean;
+    /**
+     * A ação é LARGA (um preço com a situação embaixo + um botão, 0.1.131): no estreito ela desce para
+     * baixo do texto, alinhada à direita, em vez de espremer o título numa coluna de uma palavra por linha.
+     * No largo, tudo segue numa linha só.
+     */
+    wrap?: boolean;
     onClick?: () => void;
 }): import("react").JSX.Element;
 /**

package/dist/index.js

@@ -25692,8 +25692,8 @@ var jl = r(function({ name: e, price: t, priceSuffix: n, headerAction: r, summar
 		]
 	});
 });
-function Nl({ media: e, mediaSize: t = "icon", title: n, secondary: r, action: i, muted: a = !1, onClick: o }) {
-	let s = /* @__PURE__ */ h(p, { children: [
+function Nl({ media: e, mediaSize: t = "icon", title: n, secondary: r, action: i, muted: a = !1, wrap: o = !1, onClick: s }) {
+	let c = /* @__PURE__ */ h(p, { children: [
 		e && /* @__PURE__ */ m("span", {
 			className: `select-listrow__media${t === "auto" ? " select-listrow__media--auto" : ""}`,
 			"aria-hidden": "true",
@@ -25713,15 +25713,15 @@ function Nl({ media: e, mediaSize: t = "icon", title: n, secondary: r, action: i
 			className: "select-listrow__action",
 			children: i
 		})
-	] }), c = `select-listrow${a ? " select-listrow--muted" : ""}`;
-	return o ? /* @__PURE__ */ m("button", {
+	] }), l = `select-listrow${a ? " select-listrow--muted" : ""}${o ? " select-listrow--wrap" : ""}`;
+	return s ? /* @__PURE__ */ m("button", {
 		type: "button",
-		className: `${c} select-listrow--clickable`,
-		onClick: o,
-		children: s
+		className: `${l} select-listrow--clickable`,
+		onClick: s,
+		children: c
 	}) : /* @__PURE__ */ m("div", {
-		className: c,
-		children: s
+		className: l,
+		children: c
 	});
 }
 function Pl({ children: e }) {