@protobase/ui 0.12.8 → 0.12.9

package/dist/action-card/action-card.d.ts

@@ -20,7 +20,9 @@ export type ActionCardProps = {
   actions?: CardAction[];
   onAction?: (id: string) => void;
   children?: ReactNode;
+  /** Without the bordered card and the title row, for a page that is already framed; the title still labels the section. */
+  frameless?: boolean;
 };
 /** A card with a toned title row, any content, a note and buttons: the building block of rich chat messages. */
-export declare const ActionCard: ({ title, tone, badge, note, actions, onAction, children }: ActionCardProps) => import("react").JSX.Element;
+export declare const ActionCard: ({ title, tone, badge, note, actions, onAction, children, frameless }: ActionCardProps) => import("react").JSX.Element;
 //#endregion

package/dist/action-card/action-card.js

@@ -27,15 +27,15 @@ const frames = {
 	}
 };
 /** A card with a toned title row, any content, a note and buttons: the building block of rich chat messages. */
-const ActionCard = ({ title, tone = "neutral", badge, note, actions = [], onAction, children }) => {
+const ActionCard = ({ title, tone = "neutral", badge, note, actions = [], onAction, children, frameless = false }) => {
 	const [confirming, setConfirming] = useState();
 	const hints = actions.flatMap((action) => action.hint ? [action.hint] : []);
 	const click = (action) => action.confirm ? setConfirming(action) : onAction?.(action.id);
 	return /* @__PURE__ */ jsxs("section", {
 		"aria-label": title,
-		className: cn("shrink-0 overflow-hidden rounded-lg border bg-background whitespace-normal text-foreground shadow-sm", frames[tone].border),
+		className: frameless ? "whitespace-normal text-foreground" : cn("shrink-0 overflow-hidden rounded-lg border bg-background whitespace-normal text-foreground shadow-sm", frames[tone].border),
 		children: [
-			/* @__PURE__ */ jsxs("header", {
+			!frameless && /* @__PURE__ */ jsxs("header", {
 				className: cn("flex items-center gap-2 px-3 py-2", frames[tone].header),
 				children: [/* @__PURE__ */ jsx("h3", {
 					className: "min-w-0 flex-1 text-[13px] font-semibold",
@@ -46,7 +46,7 @@ const ActionCard = ({ title, tone = "neutral", badge, note, actions = [], onActi
 				})]
 			}),
 			(children || note || actions.length > 0) && /* @__PURE__ */ jsxs("div", {
-				className: "space-y-2.5 px-3 py-2.5",
+				className: cn("space-y-2.5", !frameless && "px-3 py-2.5"),
 				children: [
 					children,
 					note && /* @__PURE__ */ jsx("p", {

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.12.8";
+var version = "0.12.9";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };