@selectwin/kit 0.1.126 → 0.1.127

package/dist/SelectChoiceCard.d.ts

@@ -33,6 +33,12 @@ type SelectChoiceGridOwnProps = {
     loading?: boolean;
     /** Quantos esqueletos — o número de cards que VAI aparecer, para a grade não mudar de forma. */
     skeletonCount?: number;
+    /**
+     * No celular (≤ 40rem), a grade vira UMA lista numa caixa: cada card é uma linha — ícone, nome,
+     * a linha de apoio (o `meta`, ou a descrição quando não há meta), o selo e a chamada à direita
+     * (0.1.127). Para os "por onde começar" que no celular empurrariam o conteúdo da tela para baixo.
+     */
+    listOnPhone?: boolean;
 };
 export type SelectChoiceGridProps = SelectChoiceGridOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectChoiceGridOwnProps>;
 export declare const SelectChoiceGrid: import('react').ForwardRefExoticComponent<SelectChoiceGridOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectChoiceGridOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/SelectModal.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare function SelectModal({ open, onClose, title, subtitle, children, footer, aside, size, showClose, noise, dividedHeader, backdrop, theme, }: {
+export declare function SelectModal({ open, onClose, title, subtitle, children, footer, aside, size, showClose, noise, dividedHeader, backdrop, theme, placement, }: {
     open: boolean;
     onClose: () => void;
     title?: ReactNode;
@@ -17,4 +17,6 @@ export declare function SelectModal({ open, onClose, title, subtitle, children,
      *  trás (queda do servidor): escurecer só não esconde, o conteúdo segue legível. */
     backdrop?: 'dim' | 'blur';
     theme?: 'light' | 'dark';
+    /** `side` = folha lateral à direita, na altura inteira (o detalhe de uma linha da lista). */
+    placement?: 'center' | 'side';
 }): import('react').ReactPortal | null;

package/dist/index.js

@@ -7070,19 +7070,19 @@ var ja = r(function({ title: e, children: t, defaultOpen: n = !1, plain: r = !1,
 		]
 	});
 }), Ia = 220;
-function La({ open: e, onClose: t, title: n, subtitle: r, children: i, footer: a, aside: s, size: c = "md", showClose: l = !0, noise: u = !0, dividedHeader: f = !1, backdrop: _ = "dim", theme: v = "light" }) {
-	let [y, b] = d(e), [x, S] = d(!1);
+function La({ open: e, onClose: t, title: n, subtitle: r, children: i, footer: a, aside: s, size: c = "md", showClose: l = !0, noise: u = !0, dividedHeader: f = !1, backdrop: _ = "dim", theme: v = "light", placement: y = "center" }) {
+	let [b, x] = d(e), [S, C] = d(!1);
 	if (o(() => {
-		if (e) b(!0), S(!1);
-		else if (y) {
-			S(!0);
+		if (e) x(!0), C(!1);
+		else if (b) {
+			C(!0);
 			let e = setTimeout(() => {
-				b(!1), S(!1);
+				x(!1), C(!1);
 			}, Ia);
 			return () => clearTimeout(e);
 		}
-	}, [e, y]), o(() => {
-		if (!y) return;
+	}, [e, b]), o(() => {
+		if (!b) return;
 		let e = (e) => {
 			e.key === "Escape" && t();
 		};
@@ -7091,20 +7091,20 @@ function La({ open: e, onClose: t, title: n, subtitle: r, children: i, footer: a
 		return document.body.style.overflow = "hidden", () => {
 			document.removeEventListener("keydown", e), document.body.style.overflow = n;
 		};
-	}, [y, t]), !y) return null;
-	let C = l && /* @__PURE__ */ m("button", {
+	}, [b, t]), !b) return null;
+	let w = l && /* @__PURE__ */ m("button", {
 		type: "button",
 		className: "select-modal__close",
 		"aria-label": "Fechar",
 		onClick: t,
 		children: /* @__PURE__ */ m(ce, {})
-	}), w = `select-modal__header${f ? " select-modal__header--divided" : ""}`;
+	}), T = `select-modal__header${f ? " select-modal__header--divided" : ""}`;
 	return g(/* @__PURE__ */ m("div", {
-		className: `select select-modal__overlay${u ? " select-modal__overlay--noise" : ""}${_ === "blur" ? " select-modal__overlay--blur" : ""}${x ? " select-modal__overlay--closing" : ""}`,
+		className: `select select-modal__overlay${y === "side" ? " select-modal__overlay--side" : ""}${u ? " select-modal__overlay--noise" : ""}${_ === "blur" ? " select-modal__overlay--blur" : ""}${S ? " select-modal__overlay--closing" : ""}`,
 		"data-theme": v,
 		onMouseDown: t,
 		children: /* @__PURE__ */ m("div", {
-			className: `select-modal select-modal--${c}${s ? " select-modal--split" : ""}${x ? " select-modal--closing" : ""}`,
+			className: `select-modal select-modal--${c}${y === "side" ? " select-modal--side" : ""}${s ? " select-modal--split" : ""}${S ? " select-modal--closing" : ""}`,
 			role: "dialog",
 			"aria-modal": "true",
 			onMouseDown: (e) => e.stopPropagation(),
@@ -7114,9 +7114,9 @@ function La({ open: e, onClose: t, title: n, subtitle: r, children: i, footer: a
 			}), /* @__PURE__ */ h("div", {
 				className: "select-modal__content",
 				children: [
-					C,
+					w,
 					(n || r) && /* @__PURE__ */ h("div", {
-						className: w,
+						className: T,
 						children: [n && /* @__PURE__ */ m("h2", {
 							className: "select-modal__title",
 							children: n
@@ -7131,9 +7131,9 @@ function La({ open: e, onClose: t, title: n, subtitle: r, children: i, footer: a
 					})
 				]
 			})] }) : /* @__PURE__ */ h(p, { children: [
-				C,
+				w,
 				(n || r) && /* @__PURE__ */ h("div", {
-					className: w,
+					className: T,
 					children: [n && /* @__PURE__ */ m("h2", {
 						className: "select-modal__title",
 						children: n
@@ -27184,15 +27184,15 @@ function wu({ badge: e = !0 }) {
 		]
 	});
 }
-var Tu = r(function({ children: e, minCardWidth: t = "15rem", loading: n = !1, skeletonCount: r = 4, className: i, style: a, ...o }, s) {
+var Tu = r(function({ children: e, minCardWidth: t = "15rem", loading: n = !1, skeletonCount: r = 4, listOnPhone: i = !1, className: a, style: o, ...s }, c) {
 	return /* @__PURE__ */ m("div", {
-		ref: s,
-		...o,
+		ref: c,
+		...s,
 		"aria-busy": n || void 0,
-		className: `select-choicegrid${i ? " " + i : ""}`,
+		className: `select-choicegrid${i ? " select-choicegrid--phone-list" : ""}${a ? " " + a : ""}`,
 		style: {
 			"--select-choice-min": t,
-			...a
+			...o
 		},
 		children: n ? Array.from({ length: r }, (e, t) => /* @__PURE__ */ m(wu, {}, t)) : e
 	});