@fiestaboard/ui 2.1.2 → 2.2.1

package/dist/components/chrome/page-toolbar.js

@@ -4,7 +4,7 @@ import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/chrome/page-toolbar.tsx
 var i = { animationDelay: "50ms" }, a = t(function({ left: t, right: a, className: o }) {
 	return /* @__PURE__ */ r("div", {
-		className: e("mb-4 flex items-center animate-card-fade-in", t && a ? "justify-between" : a ? "justify-end" : "justify-start", o),
+		className: e("mb-4 flex flex-wrap items-center gap-3 animate-card-fade-in", t && a ? "justify-between" : a ? "justify-end" : "justify-start", o),
 		style: i,
 		children: [t && /* @__PURE__ */ n("div", {
 			className: "flex items-center gap-3",

package/dist/components/chrome/page-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-toolbar.js","names":[],"sources":["../../../src/components/chrome/page-toolbar.tsx"],"mappings":";;;;AAKA,IAAM,IAAqC,EAAE,gBAAgB,OAAO,GAQvD,IAAc,EAAK,SAAqB,EAAE,SAAM,UAAO,gBAA+B;CACjG,OACE,kBAAC,OAAD;EACE,WAAW,EACT,+CACA,KAAQ,IAAQ,oBAAoB,IAAQ,gBAAgB,iBAC5D,CACF;EACA,OAAO;EANT,UAAA,CAQG,KAAQ,kBAAC,OAAD;GAAK,WAAU;GAA2B,UAAA;EAAU,CAAA,GAC5D,KAAS,kBAAC,OAAD;GAAK,WAAU;GAA2B,UAAA;EAAW,CAAA,CAC5D;;AAET,CAAC"}
+{"version":3,"file":"page-toolbar.js","names":[],"sources":["../../../src/components/chrome/page-toolbar.tsx"],"mappings":";;;;AAKA,IAAM,IAAqC,EAAE,gBAAgB,OAAO,GAQvD,IAAc,EAAK,SAAqB,EAAE,SAAM,UAAO,gBAA+B;CACjG,OACE,kBAAC,OAAD;EACE,WAAW,EACT,+DACA,KAAQ,IAAQ,oBAAoB,IAAQ,gBAAgB,iBAC5D,CACF;EACA,OAAO;EANT,UAAA,CAQG,KAAQ,kBAAC,OAAD;GAAK,WAAU;GAA2B,UAAA;EAAU,CAAA,GAC5D,KAAS,kBAAC,OAAD;GAAK,WAAU;GAA2B,UAAA;EAAW,CAAA,CAC5D;;AAET,CAAC"}

package/dist/components/ui/heading.d.ts

@@ -1,6 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const headingVariants: (props?: ({
+    tone?: "default" | "destructive" | "muted" | null | undefined;
     size?: "base" | "sm" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
@@ -13,6 +14,9 @@ interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, Variant
  * Section heading primitive for h2–h4, carrying the unified title
  * typography (semibold + tight leading/tracking). Semantic `level` and
  * visual `size` are independent so document outline never fights layout.
+ *
+ * `tone` draws from the same status token set as `Text`, so a status section
+ * title stays on-token instead of reaching for a raw `text-destructive`.
  */
-declare function Heading({ level, size, className, ...props }: HeadingProps): React.JSX.Element;
+declare function Heading({ level, size, tone, className, ...props }: HeadingProps): React.JSX.Element;
 export { Heading, headingVariants };

package/dist/components/ui/heading.js

@@ -3,21 +3,34 @@ import "react";
 import { jsx as t } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
 //#region src/components/ui/heading.tsx
-var r = n("font-semibold leading-tight tracking-tight text-foreground", {
-	variants: { size: {
-		sm: "text-sm",
-		base: "text-base",
-		lg: "text-lg",
-		xl: "text-xl"
-	} },
-	defaultVariants: { size: "base" }
+var r = n("font-semibold tracking-tight", {
+	variants: {
+		tone: {
+			default: "text-foreground",
+			muted: "text-muted-foreground",
+			destructive: "text-destructive"
+		},
+		size: {
+			sm: "text-sm leading-tight",
+			base: "text-base leading-tight",
+			lg: "text-lg leading-tight",
+			xl: "text-xl leading-tight"
+		}
+	},
+	defaultVariants: {
+		tone: "default",
+		size: "base"
+	}
 });
-function i({ level: n = 2, size: i, className: a, ...o }) {
-	let s = `h${n}`;
-	return /* @__PURE__ */ t(s, {
+function i({ level: n = 2, size: i, tone: a, className: o, ...s }) {
+	let c = `h${n}`;
+	return /* @__PURE__ */ t(c, {
 		"data-slot": "heading",
-		className: e(r({ size: i }), a),
-		...o
+		className: e(r({
+			size: i,
+			tone: a
+		}), o),
+		...s
 	});
 }
 //#endregion

package/dist/components/ui/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","names":[],"sources":["../../../src/components/ui/heading.tsx"],"mappings":";;;;;AAQA,IAAM,IAAkB,EAAI,8DAA8D;CACxF,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,MAAM;EACN,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,OACR;AACF,CAAC;AAcD,SAAS,EAAQ,EAAE,WAAQ,GAAG,SAAM,cAAW,GAAG,KAAuB;CACvE,IAAM,IAAY,IAAI;CACtB,OAAO,kBAAC,GAAD;EAAW,aAAU;EAAU,WAAW,EAAG,EAAgB,EAAE,QAAK,CAAC,GAAG,CAAS;EAAG,GAAI;CAAQ,CAAA;AACzG"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../../src/components/ui/heading.tsx"],"mappings":";;;;;AAmBA,IAAM,IAAkB,EAAI,gCAAgC;CAC1D,UAAU;EAcR,MAAM;GACJ,SAAS;GACT,OAAO;GACP,aAAa;EACf;EACA,MAAM;GACJ,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,MAAM;EACN,MAAM;CACR;AACF,CAAC;AAiBD,SAAS,EAAQ,EAAE,WAAQ,GAAG,SAAM,SAAM,cAAW,GAAG,KAAuB;CAC7E,IAAM,IAAY,IAAI;CACtB,OAAO,kBAAC,GAAD;EAAW,aAAU;EAAU,WAAW,EAAG,EAAgB;GAAE;GAAM;EAAK,CAAC,GAAG,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC/G"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fiestaboard/ui",
-  "version": "2.1.2",
+  "version": "2.2.1",
   "description": "FiestaUI — the FiestaBoard design system. React components on Base UI with Tailwind v4 design tokens.",
   "license": "MIT",
   "repository": {