@fiestaboard/ui 5.8.0 → 5.10.0

package/dist/components/forms/field.js

@@ -0,0 +1,64 @@
+import { cn as e } from "../../lib/utils.js";
+import { Text as t } from "../typography/text.js";
+import { Label as n } from "./label.js";
+import * as r from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/forms/field.tsx
+function s(e) {
+	return e != null && e !== !1 && e !== "";
+}
+function c({ label: c, description: l, error: u, required: d, requiredLabel: f = "(required)", id: p, descriptionPlacement: m = "below", orientation: h = "stacked", children: g, className: _ }) {
+	let v = r.useId(), y = r.Children.only(g), b = y.props, x = p ?? b.id ?? v, S = `${x}-description`, C = `${x}-error`, w = s(l), T = s(u), E = [T ? C : w ? S : void 0, b["aria-describedby"]].filter(Boolean).join(" ") || void 0, D = r.cloneElement(y, {
+		id: x,
+		"aria-describedby": E,
+		"aria-invalid": b["aria-invalid"] ?? (T ? !0 : void 0),
+		required: b.required ?? d
+	}), O = w ? /* @__PURE__ */ a(t, {
+		id: S,
+		"data-slot": "field-description",
+		size: "xs",
+		tone: "muted",
+		children: l
+	}) : null;
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "field",
+		"data-orientation": h,
+		className: e(h === "inline" ? "grid grid-cols-1 gap-1.5 sm:grid-cols-[minmax(6rem,14rem)_minmax(0,1fr)] sm:items-start sm:gap-x-4 sm:gap-y-0" : "flex flex-col gap-1.5", _),
+		children: [/* @__PURE__ */ o(n, {
+			htmlFor: x,
+			className: h === "inline" ? "sm:pt-2" : void 0,
+			children: [c, d ? /* @__PURE__ */ o(i, { children: [
+				/* @__PURE__ */ a("span", {
+					"data-slot": "field-required",
+					"aria-hidden": "true",
+					className: "ml-0.5 text-destructive",
+					children: "*"
+				}),
+				" ",
+				/* @__PURE__ */ a("span", {
+					className: "sr-only",
+					children: f
+				})
+			] }) : null]
+		}), /* @__PURE__ */ o("div", {
+			"data-slot": "field-content",
+			className: "flex flex-col gap-1.5",
+			children: [
+				m === "above" ? O : null,
+				D,
+				m === "below" ? O : null,
+				T ? /* @__PURE__ */ a(t, {
+					id: C,
+					"data-slot": "field-error",
+					size: "xs",
+					tone: "destructive",
+					children: u
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { c as Field };
+
+//# sourceMappingURL=field.js.map

package/dist/components/forms/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":[],"sources":["../../../src/components/forms/field.tsx"],"mappings":";;;;;;AAmJA,SAAS,EAAU,GAAgC;CACjD,OAAO,KAA+B,QAAQ,MAAS,MAAS,MAAS;AAC3E;AAkEA,SAAS,EAAM,EACb,UACA,gBACA,UACA,aACA,mBAAgB,cAChB,IAAI,GACJ,0BAAuB,SACvB,iBAAc,WACd,aACA,gBACa;CAGb,IAAM,IAAc,EAAM,MAAM,GAI1B,IAAQ,EAAM,SAAS,KAAK,CAAQ,GACpC,IAAa,EAAM,OAEnB,IAAY,KAAU,EAAW,MAAM,GACvC,IAAgB,GAAG,EAAU,eAC7B,IAAU,GAAG,EAAU,SAEvB,IAAiB,EAAU,CAAW,GACtC,IAAW,EAAU,CAAK,GAK1B,IACJ,CAAC,IAAW,IAAU,IAAiB,IAAgB,KAAA,GAAW,EAAW,mBAAmB,CAAC,CAC9F,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,KAAK,KAAA,GAEZ,IAAU,EAAM,aAAa,GAAmD;EACpF,IAAI;EACJ,oBAAoB;EAIpB,gBAAgB,EAAW,oBAAoB,IAAW,KAAO,KAAA;EACjE,UAAU,EAAW,YAAY;CACnC,CAAC,GAEK,IAAkB,IACtB,kBAAC,GAAD;EAAM,IAAI;EAAe,aAAU;EAAoB,MAAK;EAAK,MAAK;EACnE,UAAA;CACG,CAAA,IACJ;CAEJ,OACE,kBAAC,OAAD;EACE,aAAU;EACV,oBAAkB;EAClB,WAAW,EACT,MAAgB,WAGZ,kHACA,yBACJ,CACF;EAVF,UAAA,CAYE,kBAAC,GAAD;GACE,SAAS;GAGT,WAAW,MAAgB,WAAW,YAAY,KAAA;GAJpD,UAAA,CAMG,GACA,IACC,kBAAA,GAAA,EAAA,UAAA;IAIE,kBAAC,QAAD;KAAM,aAAU;KAAiB,eAAY;KAAO,WAAU;KAA0B,UAAA;IAElF,CAAA;IAK0B;IAChC,kBAAC,QAAD;KAAM,WAAU;KAAW,UAAA;IAAoB,CAAA;GAC/C,EAAA,CAAA,IACA,IACC;EACP,CAAA,GAAA,kBAAC,OAAD;GAAK,aAAU;GAAgB,WAAU;GAAzC,UAAA;IACG,MAAyB,UAAU,IAAkB;IACrD;IACA,MAAyB,UAAU,IAAkB;IACrD,IACC,kBAAC,GAAD;KAAM,IAAI;KAAS,aAAU;KAAc,MAAK;KAAK,MAAK;KACvD,UAAA;IACG,CAAA,IACJ;GACD;EACF,CAAA,CAAA;;AAET"}

package/dist/components/forms/swatch.d.ts

@@ -5,10 +5,10 @@ declare const swatchGroupVariants: (props?: ({
     wrap?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const swatchVariants: (props?: ({
-    size?: "lg" | "sm" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const swatchFillVariants: (props?: ({
-    size?: "lg" | "sm" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * The glyph a content swatch carries, sized to its fill (#261).
@@ -18,10 +18,10 @@ declare const swatchFillVariants: (props?: ({
  * optically centred in the circle rather than sitting on a text baseline.
  */
 declare const swatchGlyphVariants: (props?: ({
-    size?: "lg" | "sm" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const swatchIndicatorVariants: (props?: ({
-    size?: "lg" | "sm" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SwatchSize = NonNullable<VariantProps<typeof swatchVariants>["size"]>;
 export type SwatchGroupProps = SelectionGroupBaseProps & SelectionGroupNameProps & VariantProps<typeof swatchGroupVariants> & {

package/dist/components/forms/time-picker.js

@@ -1,9 +1,9 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "./button.js";
-import { Flex as n } from "../layout/flex.js";
-import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "../overlays/popover.js";
-import { Text as o } from "../typography/text.js";
+import { Text as n } from "../typography/text.js";
+import { Flex as r } from "../layout/flex.js";
+import { Popover as i, PopoverContent as a, PopoverTrigger as o } from "../overlays/popover.js";
 import { Clock as s } from "lucide-react";
 import * as c from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
@@ -52,8 +52,8 @@ var b = {
 	am: "AM",
 	pm: "PM"
 };
-function x({ value: n, defaultValue: o = "", onValueChange: l, placeholder: f = "00:00", className: g, contentClassName: _, disabled: v, id: y, "aria-label": x, "aria-labelledby": C, "aria-describedby": w, "aria-invalid": T, hourCycle: E = "12", minuteStep: D = 5, presets: O, labels: k, defaultOpen: A = !1, open: j, onOpenChange: M, ref: N }) {
-	let [P, F] = c.useState(A), I = j ?? P, [L, R] = c.useState(o), z = n ?? L, B = c.useId(), V = {
+function x({ value: n, defaultValue: r = "", onValueChange: l, placeholder: f = "00:00", className: g, contentClassName: _, disabled: v, id: y, "aria-label": x, "aria-labelledby": C, "aria-describedby": w, "aria-invalid": T, hourCycle: E = "12", minuteStep: D = 5, presets: O, labels: k, defaultOpen: A = !1, open: j, onOpenChange: M, ref: N }) {
+	let [P, F] = c.useState(A), I = j ?? P, [L, R] = c.useState(r), z = n ?? L, B = c.useId(), V = {
 		...b,
 		...k
 	}, H = m(z), U = H ?? p, W = (e) => {
@@ -61,10 +61,10 @@ function x({ value: n, defaultValue: o = "", onValueChange: l, placeholder: f =
 	}, G = (e) => {
 		n === void 0 && R(e), l?.(e);
 	}, K = H ? h(H, E, V.am, V.pm) : f, q = `${B}-value`, J = `${B}-label`, Y = C ?? (x ? J : void 0);
-	return /* @__PURE__ */ d(r, {
+	return /* @__PURE__ */ d(i, {
 		open: I,
 		onOpenChange: W,
-		children: [/* @__PURE__ */ u(a, {
+		children: [/* @__PURE__ */ u(o, {
 			asChild: !0,
 			children: /* @__PURE__ */ d(t, {
 				ref: N,
@@ -92,7 +92,7 @@ function x({ value: n, defaultValue: o = "", onValueChange: l, placeholder: f =
 					})
 				]
 			})
-		}), /* @__PURE__ */ u(i, {
+		}), /* @__PURE__ */ u(a, {
 			className: e("w-64", _),
 			align: "start",
 			label: V.panel,
@@ -110,12 +110,12 @@ function x({ value: n, defaultValue: o = "", onValueChange: l, placeholder: f =
 		})]
 	});
 }
-function S({ baseId: e, parts: r, hasValue: i, hourCycle: a, minuteStep: s, presets: f, text: y, onChange: b, onClose: x }) {
+function S({ baseId: e, parts: i, hasValue: a, hourCycle: o, minuteStep: s, presets: f, text: y, onChange: b, onClose: x }) {
 	let S = c.useRef(null), w = c.useMemo(() => Array.from({ length: 24 }, (e, t) => ({
 		value: String(t).padStart(2, "0"),
-		label: g(t, a, y.am, y.pm)
+		label: g(t, o, y.am, y.pm)
 	})), [
-		a,
+		o,
 		y.am,
 		y.pm
 	]), T = c.useMemo(() => {
@@ -135,12 +135,12 @@ function S({ baseId: e, parts: r, hasValue: i, hourCycle: a, minuteStep: s, pres
 		return () => cancelAnimationFrame(e);
 	}, []);
 	let D = `${e}-hour`, O = `${e}-minute`, k = `${e}-presets`;
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d(n, {
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d(r, {
 		gap: "4",
 		children: [/* @__PURE__ */ d("div", {
 			className: "flex-1",
 			ref: S,
-			children: [/* @__PURE__ */ u(o, {
+			children: [/* @__PURE__ */ u(n, {
 				as: "span",
 				id: D,
 				size: "xs",
@@ -151,12 +151,12 @@ function S({ baseId: e, parts: r, hasValue: i, hourCycle: a, minuteStep: s, pres
 			}), /* @__PURE__ */ u(C, {
 				labelId: D,
 				options: w,
-				selected: r.hours,
-				onSelect: (e) => b(`${e}:${r.minutes}`)
+				selected: i.hours,
+				onSelect: (e) => b(`${e}:${i.minutes}`)
 			})]
 		}), /* @__PURE__ */ d("div", {
 			className: "flex-1",
-			children: [/* @__PURE__ */ u(o, {
+			children: [/* @__PURE__ */ u(n, {
 				as: "span",
 				id: O,
 				size: "xs",
@@ -167,13 +167,13 @@ function S({ baseId: e, parts: r, hasValue: i, hourCycle: a, minuteStep: s, pres
 			}), /* @__PURE__ */ u(C, {
 				labelId: O,
 				options: T,
-				selected: r.minutes,
-				onSelect: (e) => b(`${r.hours}:${e}`)
+				selected: i.minutes,
+				onSelect: (e) => b(`${i.hours}:${e}`)
 			})]
 		})]
 	}), E.length > 0 && /* @__PURE__ */ d("div", {
 		className: "mt-4 border-t pt-4",
-		children: [/* @__PURE__ */ u(o, {
+		children: [/* @__PURE__ */ u(n, {
 			as: "span",
 			id: k,
 			size: "xs",
@@ -181,23 +181,23 @@ function S({ baseId: e, parts: r, hasValue: i, hourCycle: a, minuteStep: s, pres
 			tone: "muted",
 			className: "mb-2 block",
 			children: y.quickPresets
-		}), /* @__PURE__ */ u(n, {
+		}), /* @__PURE__ */ u(r, {
 			gap: "2",
 			wrap: !0,
 			role: "group",
 			"aria-labelledby": k,
 			children: E.map((e) => {
-				let n = m(e.value) ?? p, o = `${n.hours}:${n.minutes}`;
+				let n = m(e.value) ?? p, r = `${n.hours}:${n.minutes}`;
 				return /* @__PURE__ */ u(t, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
-					"aria-current": i && o === `${r.hours}:${r.minutes}` ? !0 : void 0,
+					"aria-current": a && r === `${i.hours}:${i.minutes}` ? !0 : void 0,
 					onClick: () => {
-						b(o), x();
+						b(r), x();
 					},
 					className: "h-7 px-2 text-xs aria-[current=true]:bg-accent aria-[current=true]:text-accent-foreground",
-					children: e.label ?? h(n, a, y.am, y.pm)
+					children: e.label ?? h(n, o, y.am, y.pm)
 				}, e.value);
 			})
 		})]

package/dist/components/forms/toggle-card.d.ts

@@ -13,7 +13,7 @@ declare const toggleCardGroupVariants: (props?: ({
     columns?: "1" | "2" | "3" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const toggleCardVariants: (props?: ({
-    size?: "lg" | "sm" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
     align?: "start" | "center" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ToggleCardSize = NonNullable<VariantProps<typeof toggleCardVariants>["size"]>;
@@ -81,7 +81,7 @@ declare const segmentedControlVariants: (props?: ({
     wrap?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const segmentedControlItemVariants: (props?: ({
-    size?: "lg" | "sm" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
     layout?: "grid" | "inline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SegmentedControlSize = NonNullable<VariantProps<typeof segmentedControlItemVariants>["size"]>;

package/dist/components/forms/toggle.d.ts

@@ -5,7 +5,7 @@ import * as React from "react";
 import type { SelectionGroupNameProps } from "./toggle-card";
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "lg" | "icon" | "sm" | "default" | "icon-sm" | null | undefined;
+    size?: "sm" | "lg" | "icon" | "default" | "icon-sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ToggleProps = Omit<React.ComponentProps<typeof TogglePrimitive>, "onPressedChange"> & VariantProps<typeof toggleVariants> & {
     /**

package/dist/components/plugin/plugin-card.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import { Heading as t } from "../typography/heading.js";
-import { Text as n } from "../typography/text.js";
+import { Text as t } from "../typography/text.js";
+import { Heading as n } from "../typography/heading.js";
 import { PluginCategoryBadge as r } from "./plugin-category-badge.js";
 import { ScaledBoardTeaser as i } from "./scaled-board-teaser.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -17,7 +17,7 @@ function c({ name: c, description: l, authorLabel: u, category: d, categoryLabel
 			children: [
 				/* @__PURE__ */ o("div", {
 					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ a(t, {
+					children: [/* @__PURE__ */ a(n, {
 						level: 3,
 						className: "min-w-0 text-base",
 						children: g({
@@ -30,7 +30,7 @@ function c({ name: c, description: l, authorLabel: u, category: d, categoryLabel
 						className: "ml-auto"
 					})]
 				}),
-				l && /* @__PURE__ */ a(n, {
+				l && /* @__PURE__ */ a(t, {
 					tone: "muted",
 					size: "sm",
 					className: "line-clamp-3 flex-1 leading-relaxed",
@@ -38,7 +38,7 @@ function c({ name: c, description: l, authorLabel: u, category: d, categoryLabel
 				}),
 				/* @__PURE__ */ o("div", {
 					className: "mt-auto flex items-center justify-between gap-2 pt-1",
-					children: [u ? /* @__PURE__ */ a(n, {
+					children: [u ? /* @__PURE__ */ a(t, {
 						as: "span",
 						tone: "muted",
 						size: "xs",

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

@@ -1,8 +1,8 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const headingVariants: (props?: ({
-    tone?: "muted" | "default" | "destructive" | null | undefined;
-    size?: "base" | "lg" | "sm" | "xl" | null | undefined;
+    tone?: "muted" | "destructive" | "default" | 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> {
     /** Semantic heading element. h1 is reserved for PageHeader. */

package/dist/components/typography/kbd.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+/** Which spelling of the modifier keys to render. */
+export type KbdPlatform = "apple" | "generic";
+export type KbdProps = Omit<React.ComponentProps<"kbd">, "children"> & {
+    /**
+     * The chord, one entry per key — `["Mod", "K"]`, `["Shift", "Enter"]`. Each
+     * key becomes its own cap inside a wrapping `<kbd>`. Omit it and pass
+     * `children` instead for a single free-form cap.
+     */
+    keys?: readonly string[];
+    /**
+     * Which modifier spelling to print. Defaults to `"generic"` (words); pass
+     * `useKbdPlatform()` to follow the reader's actual machine.
+     * @default "generic"
+     */
+    platform?: KbdPlatform;
+    /** A single key's label, when `keys` is not used. */
+    children?: React.ReactNode;
+};
+declare function Kbd({ keys, platform, className, children, ...props }: KbdProps): React.JSX.Element;
+/**
+ * The reader's platform, resolved without breaking hydration.
+ *
+ * `useSyncExternalStore` is what makes that guarantee structural rather than
+ * careful: React uses the SERVER snapshot for the server pass and for the
+ * hydrating client render, then re-renders with the real one. So the two trees
+ * always agree — a `useEffect` + `setState` version would work too, but it
+ * would flip the value on a client-only mount as well, costing a second render
+ * on every page whether or not it was ever hydrated.
+ *
+ * On a plain `createRoot` render (Storybook, the app) there is no server pass,
+ * so the real platform is read on the first render and no flash occurs at all.
+ */
+declare function useKbdPlatform(): KbdPlatform;
+export { Kbd, useKbdPlatform };

package/dist/components/typography/kbd.js

@@ -0,0 +1,115 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/typography/kbd.tsx
+var r = {
+	mod: {
+		apple: "⌘",
+		generic: "Ctrl"
+	},
+	meta: {
+		apple: "⌘",
+		generic: "Win"
+	},
+	command: {
+		apple: "⌘",
+		generic: "Ctrl"
+	},
+	ctrl: {
+		apple: "⌃",
+		generic: "Ctrl"
+	},
+	control: {
+		apple: "⌃",
+		generic: "Ctrl"
+	},
+	alt: {
+		apple: "⌥",
+		generic: "Alt"
+	},
+	option: {
+		apple: "⌥",
+		generic: "Alt"
+	},
+	shift: {
+		apple: "⇧",
+		generic: "Shift"
+	},
+	enter: {
+		apple: "⏎",
+		generic: "Enter"
+	},
+	return: {
+		apple: "⏎",
+		generic: "Enter"
+	},
+	tab: {
+		apple: "⇥",
+		generic: "Tab"
+	},
+	backspace: {
+		apple: "⌫",
+		generic: "Backspace"
+	},
+	delete: {
+		apple: "⌦",
+		generic: "Delete"
+	},
+	escape: {
+		apple: "Esc",
+		generic: "Esc"
+	},
+	esc: {
+		apple: "Esc",
+		generic: "Esc"
+	},
+	space: {
+		apple: "Space",
+		generic: "Space"
+	},
+	up: {
+		apple: "↑",
+		generic: "↑"
+	},
+	down: {
+		apple: "↓",
+		generic: "↓"
+	},
+	left: {
+		apple: "←",
+		generic: "←"
+	},
+	right: {
+		apple: "→",
+		generic: "→"
+	}
+};
+function i(e, t) {
+	return r[e.toLowerCase()]?.[t] ?? e;
+}
+var a = "inline-flex items-center gap-1 whitespace-nowrap align-middle font-mono text-[0.8125em]", o = "inline-flex min-w-[1.6em] items-center justify-center rounded-sm border border-border bg-muted px-1 py-0.5 leading-none text-foreground";
+function s({ keys: t, platform: r = "generic", className: s, children: c, ...l }) {
+	return /* @__PURE__ */ n("kbd", {
+		"data-slot": "kbd",
+		className: e(a, !t && o, s),
+		...l,
+		children: t ? t.map((e, t) => /* @__PURE__ */ n("kbd", {
+			"data-slot": "kbd-key",
+			className: o,
+			children: i(e, r)
+		}, `${e}-${t}`)) : c
+	});
+}
+var c = () => () => {};
+function l() {
+	return typeof navigator > "u" ? "generic" : /mac|iphone|ipad|ipod/i.test(`${navigator.platform ?? ""} ${navigator.userAgent ?? ""}`) ? "apple" : "generic";
+}
+var u = () => "generic";
+function d() {
+	return t.useSyncExternalStore(c, l, u);
+}
+//#endregion
+export { s as Kbd, d as useKbdPlatform };
+
+//# sourceMappingURL=kbd.js.map

package/dist/components/typography/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","names":[],"sources":["../../../src/components/typography/kbd.tsx"],"mappings":";;;;;AAgFA,IAAM,IAAiE;CACrE,KAAK;EAAE,OAAO;EAAK,SAAS;CAAO;CACnC,MAAM;EAAE,OAAO;EAAK,SAAS;CAAM;CACnC,SAAS;EAAE,OAAO;EAAK,SAAS;CAAO;CACvC,MAAM;EAAE,OAAO;EAAK,SAAS;CAAO;CACpC,SAAS;EAAE,OAAO;EAAK,SAAS;CAAO;CACvC,KAAK;EAAE,OAAO;EAAK,SAAS;CAAM;CAClC,QAAQ;EAAE,OAAO;EAAK,SAAS;CAAM;CACrC,OAAO;EAAE,OAAO;EAAK,SAAS;CAAQ;CACtC,OAAO;EAAE,OAAO;EAAK,SAAS;CAAQ;CACtC,QAAQ;EAAE,OAAO;EAAK,SAAS;CAAQ;CACvC,KAAK;EAAE,OAAO;EAAK,SAAS;CAAM;CAClC,WAAW;EAAE,OAAO;EAAK,SAAS;CAAY;CAC9C,QAAQ;EAAE,OAAO;EAAK,SAAS;CAAS;CACxC,QAAQ;EAAE,OAAO;EAAO,SAAS;CAAM;CACvC,KAAK;EAAE,OAAO;EAAO,SAAS;CAAM;CACpC,OAAO;EAAE,OAAO;EAAS,SAAS;CAAQ;CAC1C,IAAI;EAAE,OAAO;EAAK,SAAS;CAAI;CAC/B,MAAM;EAAE,OAAO;EAAK,SAAS;CAAI;CACjC,MAAM;EAAE,OAAO;EAAK,SAAS;CAAI;CACjC,OAAO;EAAE,OAAO;EAAK,SAAS;CAAI;AACpC;AAGA,SAAS,EAAS,GAAa,GAA+B;CAC5D,OAAO,EAAW,EAAI,YAAY,EAAE,GAAG,MAAa;AACtD;AAIA,IAAM,IAAW,2FAKX,IACJ;AAmBF,SAAS,EAAI,EAAE,SAAM,cAAW,WAAW,cAAW,aAAU,GAAG,KAAmB;CACpF,OACE,kBAAC,OAAD;EAAK,aAAU;EAAM,WAAW,EAAG,GAAU,CAAC,KAAQ,GAAS,CAAS;EAAG,GAAI;EAC5E,UAAA,IACG,EAAK,KAAK,GAAK,MAIb,kBAAC,OAAD;GAA6B,aAAU;GAAU,WAAW;GACzD,UAAA,EAAS,GAAK,CAAQ;EACpB,GAFK,GAAG,EAAI,GAAG,GAEf,CACN,IACD;CACD,CAAA;AAET;AAOA,IAAM,gBAAiC,CAAC;AAOxC,SAAS,IAA4B;CAEnC,OADI,OAAO,YAAc,MAAoB,YACtC,wBAAwB,KAAK,GAAG,UAAU,YAAY,GAAG,GAAG,UAAU,aAAa,IAAI,IAAI,UAAU;AAC9G;AAGA,IAAM,UAAoC;AAe1C,SAAS,IAA8B;CACrC,OAAO,EAAM,qBAAqB,GAAoB,GAAc,CAAc;AACpF"}

package/dist/components/typography/text.d.ts

@@ -1,8 +1,8 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const textVariants: (props?: ({
-    size?: "base" | "lg" | "sm" | "xs" | null | undefined;
-    tone?: "muted" | "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
+    size?: "base" | "sm" | "lg" | "xs" | null | undefined;
+    tone?: "muted" | "destructive" | "default" | "info" | "success" | "warning" | null | undefined;
     weight?: "normal" | "medium" | "semibold" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface TextProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {

package/dist/index.d.ts

@@ -7,6 +7,7 @@
  *   @source "../node_modules/@fiestaboard/ui/dist";
  */
 export * from "./components/containment/accordion";
+export * from "./components/containment/action-card";
 export * from "./components/containment/card";
 export * from "./components/containment/collapsible";
 export * from "./components/containment/icon-tile";
@@ -20,6 +21,7 @@ export * from "./components/forms/button";
 export * from "./components/forms/checkbox";
 export * from "./components/forms/combobox";
 export * from "./components/forms/copy-button";
+export * from "./components/forms/field";
 export * from "./components/forms/input";
 export * from "./components/forms/label";
 export * from "./components/forms/secret-input";
@@ -33,6 +35,7 @@ export * from "./components/overlays/lightbox";
 export * from "./components/overlays/popover";
 export * from "./components/typography/code";
 export * from "./components/typography/heading";
+export * from "./components/typography/kbd";
 export * from "./components/typography/list";
 export * from "./components/containment/scroll-area";
 export * from "./components/containment/table";
@@ -67,9 +70,11 @@ export * from "./components/chrome/page-header";
 export * from "./components/chrome/page-inset";
 export * from "./components/chrome/page-layout";
 export * from "./components/chrome/page-toolbar";
+export * from "./components/chrome/pagination";
 export * from "./components/chrome/sidebar";
 export * from "./components/chrome/skip-to-content";
 export * from "./components/chrome/theme-toggle";
+export * from "./components/chrome/top-nav";
 export * from "./components/wizard/wizard-progress";
 export * from "./components/wizard/wizard-shell";
 export { cn } from "./lib/utils";