fiboui 2.9.0 → 2.9.1

package/dist/index.js

@@ -281,25 +281,37 @@ class We extends y {
       principal: [],
       trailing: []
     };
-    for (const m of t)
-      r[je(m)].push(m);
+    for (const f of t)
+      r[je(f)].push(f);
     const { className: i, style: n, children: o, ...a } = this._props, l = ["fibo-app-bar", this.getClassName(), i].filter(Boolean).join(" "), h = {
       display: "flex",
-      alignItems: "flex-end",
+      alignItems: "center",
       width: "100%",
-      gap: 16,
       ...this.getStyle(),
       ...n && typeof n == "object" ? n : {}
-    }, d = De.filter((m) => r[m].length > 0).map((m) => u.createElement(
+    }, d = {
+      leading: "flex-start",
+      principal: "center",
+      trailing: "flex-end"
+    }, m = De.map((f) => u.createElement(
       "div",
       {
-        key: m,
-        className: `fibo-app-bar-${m}`,
-        style: m === "principal" ? { flex: "1 1 auto", minWidth: 0 } : { display: "flex", alignItems: "flex-end", gap: 12, flexShrink: 0 }
+        key: f,
+        className: `fibo-app-bar-${f}`,
+        "data-toolbar-slot": f,
+        "data-empty": r[f].length === 0 ? "true" : void 0,
+        style: {
+          flex: "1 1 0",
+          minWidth: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: d[f],
+          gap: 12
+        }
       },
-      ...r[m]
+      ...r[f]
     ));
-    return u.createElement("header", { ...a, className: l, style: h }, ...d);
+    return u.createElement("header", { ...a, className: l, style: h }, ...m);
   }
 }
 const Gi = _(He), zi = _(We), ae = ["top", "bottom", "left", "right"], Ve = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fiboui",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "description": "Flutter/SwiftUI-inspired React UI — fluent builders, signals, and themes. https://fiboui.vercel.app",
   "type": "module",
   "main": "./dist/index.js",