@xenosystem/blocks 0.10.0 → 0.10.1

package/dist/auth/index.js

@@ -698,18 +698,21 @@ var accountManifest = {
 import { useSyncExternalStore } from "react";
 import {
   Badge,
+  Column,
   EmptyState,
   Row,
   RowList,
   ScrollArea,
   Section,
   StatTile,
+  Stack,
   StatusBar,
+  Text,
   TextButton,
   Toolbar,
   ToolbarGroup
 } from "@xenosystem/components/chrome";
-import { Fragment as Fragment2, jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var STATUS_LABEL = {
   unknown: "Loading",
   signedOut: "Signed out",
@@ -748,11 +751,11 @@ function AccountPanelView({
   }
   const { identity, plan, credits } = state;
   const unit = credits?.unit ?? "credits";
-  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+  return /* @__PURE__ */ jsxs(Column, { children: [
     /* @__PURE__ */ jsx2(
       Toolbar,
       {
-        left: /* @__PURE__ */ jsxs(Fragment2, { children: [
+        left: /* @__PURE__ */ jsxs(ToolbarGroup, { children: [
           /* @__PURE__ */ jsx2(Badge, { tone: STATUS_TONE[state.status], children: STATUS_LABEL[state.status] }),
           plan ? /* @__PURE__ */ jsx2(Badge, { title: `Plan: ${plan.label}`, children: plan.label }) : null
         ] }),
@@ -760,12 +763,12 @@ function AccountPanelView({
       }
     ),
     /* @__PURE__ */ jsxs(ScrollArea, { children: [
-      /* @__PURE__ */ jsxs("div", { style: { padding: 8, display: "flex", flexDirection: "column", gap: 2 }, children: [
-        /* @__PURE__ */ jsx2("div", { style: { fontSize: 12, fontWeight: 600 }, children: identity?.name ?? identity?.sub }),
-        identity?.email ? /* @__PURE__ */ jsx2("div", { style: { fontSize: 10, opacity: 0.65 }, children: identity.email }) : null,
-        state.message ? /* @__PURE__ */ jsx2("div", { style: { fontSize: 10, opacity: 0.75, marginTop: 4 }, children: state.message }) : null
+      /* @__PURE__ */ jsxs(Stack, { children: [
+        /* @__PURE__ */ jsx2(Text, { role: "title", children: identity?.name ?? identity?.sub }),
+        identity?.email ? /* @__PURE__ */ jsx2(Text, { role: "meta", children: identity.email }) : null,
+        state.message ? /* @__PURE__ */ jsx2(Text, { role: "meta", children: state.message }) : null
       ] }),
-      credits ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 6, padding: "0 8px 8px" }, children: [
+      credits ? /* @__PURE__ */ jsxs(Stack, { direction: "row", pad: "inset", children: [
         /* @__PURE__ */ jsx2(
           StatTile,
           {
@@ -825,16 +828,16 @@ function AccountPanelView({
                 noIcon: true,
                 label: entry.description,
                 meta: entry.source,
-                trailing: /* @__PURE__ */ jsx2("span", { style: { fontVariantNumeric: "tabular-nums", fontSize: 11 }, children: formatAmount(entry.amount) })
+                trailing: /* @__PURE__ */ jsx2(Text, { role: "number", children: formatAmount(entry.amount) })
               },
               entry.id
             )) }),
-            state.ledgerHasMore ? /* @__PURE__ */ jsx2("div", { style: { padding: "2px 8px", fontSize: 9, opacity: 0.6 }, children: "Older entries are not held by this panel." }) : null
+            state.ledgerHasMore ? /* @__PURE__ */ jsx2(Stack, { pad: "inset", children: /* @__PURE__ */ jsx2(Text, { role: "caption", children: "Older entries are not held by this panel." }) }) : null
           ]
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsx2("div", { style: { padding: "0 8px", fontSize: 9, opacity: 0.55 }, children: "Billing and sign-out ask you to confirm who you are." }),
+    /* @__PURE__ */ jsx2(Stack, { pad: "inset", children: /* @__PURE__ */ jsx2(Text, { role: "caption", children: "Billing and sign-out ask you to confirm who you are." }) }),
     /* @__PURE__ */ jsx2(
       Toolbar,
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/blocks",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "XENO Blocks — rung 3 of the front ladder: components composed into a contract-bearing unit (manifest: ports, intents, commands, agent surface), rendered by @xenosystem/workbench. ONE package, one subpath per family (/auth, /edit, /data, /time, /ops, /trust, /agent), one named export per block — XENO PACKAGE NAMING - STANDARD.md.",
   "license": "UNLICENSED",
   "type": "module",
@@ -60,7 +60,7 @@
   "peerDependencies": {
     "@duckdb/duckdb-wasm": ">=1.28.0",
     "@xenosystem/block-sdk": "^0.3.0",
-    "@xenosystem/components": ">=0.9.2 <1",
+    "@xenosystem/components": ">=0.9.3 <1",
     "@xenosystem/data-core": "^0.1.0",
     "@xenosystem/elements-react": ">=0.0.1",
     "@xenosystem/time-core": "^0.1.0",
@@ -76,7 +76,7 @@
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@xenosystem/block-sdk": "^0.3.1",
-    "@xenosystem/components": "^0.9.2",
+    "@xenosystem/components": "^0.9.3",
     "@xenosystem/data-core": "^0.1.0",
     "@xenosystem/elements-react": "0.0.1",
     "@xenosystem/time-core": "^0.1.0",