@fiestaboard/ui 5.0.1 → 5.2.0

package/dist/components/data/bar-list.js

@@ -0,0 +1,54 @@
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/data/bar-list.tsx
+var r = "min-w-0 truncate text-sm";
+function i(e, t) {
+	return t <= 0 ? 0 : Math.min(100, Math.max(0, e / t * 100));
+}
+function a({ items: a, max: o, formatValue: s = (e) => e.toLocaleString(), className: c, ...l }) {
+	let u = o ?? Math.max(0, ...a.map((e) => e.value));
+	return /* @__PURE__ */ t("ul", {
+		role: "list",
+		"data-slot": "bar-list",
+		className: e("grid w-full list-none grid-cols-[fit-content(40%)_minmax(0,1fr)_max-content] items-center gap-x-3 gap-y-2 p-0", c),
+		...l,
+		children: a.map((e) => {
+			let a = i(e.value, u);
+			return /* @__PURE__ */ n("li", {
+				"data-slot": "bar-list-item",
+				className: "col-span-3 grid grid-cols-subgrid items-center",
+				children: [
+					e.renderLabel ? e.renderLabel({
+						className: r,
+						children: e.label
+					}) : /* @__PURE__ */ t("span", {
+						className: r,
+						children: e.label
+					}),
+					/* @__PURE__ */ t("div", {
+						"data-slot": "bar-list-track",
+						"aria-hidden": "true",
+						className: "h-4.5 overflow-hidden rounded-sm bg-muted",
+						children: /* @__PURE__ */ t("div", {
+							"data-slot": "bar-list-fill",
+							className: "h-full rounded-sm bg-brand",
+							style: a > 0 ? {
+								width: `${a}%`,
+								minWidth: "2px"
+							} : { width: 0 }
+						})
+					}),
+					/* @__PURE__ */ t("span", {
+						"data-slot": "bar-list-value",
+						className: "text-right text-sm tabular-nums text-muted-foreground",
+						children: s(e.value)
+					})
+				]
+			}, e.key);
+		})
+	});
+}
+//#endregion
+export { a as BarList };
+
+//# sourceMappingURL=bar-list.js.map

package/dist/components/data/bar-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-list.js","names":[],"sources":["../../../src/components/data/bar-list.tsx"],"mappings":";;;AAkFA,IAAM,IAAc;AASpB,SAAS,EAAY,GAAe,GAAqB;CAEvD,OADI,KAAO,IAAU,IACd,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,IAAQ,IAAO,GAAG,CAAC;AACvD;AAEA,SAAS,EAAQ,EAAE,UAAO,QAAK,kBAAe,MAAM,EAAE,eAAe,GAAG,cAAW,GAAG,KAAuB;CAG3G,IAAM,IAAQ,KAAO,KAAK,IAAI,GAAG,GAAG,EAAM,KAAK,MAAS,EAAK,KAAK,CAAC;CACnE,OAeE,kBAAC,MAAD;EACE,MAAK;EACL,aAAU;EACV,WAAW,EACT,iHACA,CACF;EACA,GAAI;EAEH,UAAA,EAAM,KAAK,MAAS;GACnB,IAAM,IAAM,EAAY,EAAK,OAAO,CAAK;GACzC,OACE,kBAAC,MAAD;IAAmB,aAAU;IAAgB,WAAU;IAAvD,UAAA;KACG,EAAK,cACJ,EAAK,YAAY;MAAE,WAAW;MAAa,UAAU,EAAK;KAAM,CAAC,IAEjE,kBAAC,QAAD;MAAM,WAAW;MAAc,UAAA,EAAK;KAAY,CAAA;KAElD,kBAAC,OAAD;MAAK,aAAU;MAAiB,eAAY;MAAO,WAAU;MAC3D,UAAA,kBAAC,OAAD;OACE,aAAU;OACV,WAAU;OAIV,OAAO,IAAM,IAAI;QAAE,OAAO,GAAG,EAAI;QAAI,UAAU;OAAM,IAAI,EAAE,OAAO,EAAE;MACrE,CAAA;KACE,CAAA;KACL,kBAAC,QAAD;MAAM,aAAU;MAAiB,WAAU;MACxC,UAAA,EAAY,EAAK,KAAK;KACnB,CAAA;IACJ;GAnBK,GAAA,EAAK,GAmBV;EAER,CAAC;CACC,CAAA;AAER"}

package/dist/components/data/stat-strip.d.ts

@@ -0,0 +1,86 @@
+/**
+ * `data/` — the data-display family (#229).
+ *
+ * First member of a new family. The existing families each own a job —
+ * `containment` boxes things, `feedback` reports system state, `typography`
+ * sets prose — and none of them owns "render a derived number so a human can
+ * compare it". StatStrip (and the sibling BarList landing in a parallel PR)
+ * are exactly that: presentation of computed metrics, not chrome, not form
+ * input, not prose. Folding them into `feedback` would misfile them —
+ * feedback is the system talking about itself (alerts, spinners, status),
+ * not the product displaying the user's data. Hence `data/`.
+ */
+import * as React from "react";
+type StatStripTone = "default" | "brand";
+export interface StatStripItemData {
+    /** The big number. ReactNode so a consumer can wrap it in <abbr>, add a unit sup, etc. */
+    value: React.ReactNode;
+    /** The muted descriptor beside the value, e.g. "unique cloners (last 14 days)". */
+    label: React.ReactNode;
+    /**
+     * List key when `label` is not a plain string. Falls back to the array
+     * index, which is fine for the intended use (a short static header strip),
+     * wrong for anything reorderable — pass a key there.
+     */
+    key?: string;
+}
+interface StatStripProps extends React.ComponentProps<"dl"> {
+    /**
+     * Data form: map an array straight onto the strip. Ignored when `children`
+     * is provided — the two forms answer the same question and mixing them
+     * would render duplicate stats.
+     */
+    items?: StatStripItemData[];
+    /**
+     * Colour of every value in the strip. Strip-level rather than per-item
+     * deliberately: a summary strip is one statement, and mixing value colours
+     * inside it turns emphasis into noise. `brand` exists for the one real
+     * consumer (the docs stats header); the status tones (`destructive` etc.)
+     * are withheld until a real call site wants a red headline number —
+     * see heading.tsx for the same scoping argument.
+     */
+    tone?: StatStripTone;
+}
+/**
+ * An inline row of big-number stats — "52 plugins · 5,612 unique cloners" —
+ * promoted from the docs site's stats header (#229).
+ *
+ * Semantics: a `<dl>` of name/value groups, because that is what the content
+ * IS — each stat is a term ("plugins") described by a value ("52"). The spec
+ * allows `<div>` group wrappers inside `<dl>`, so the flex styling survives
+ * without semantic lies. The content model requires `<dt>` before `<dd>`,
+ * but the design shows the value first; `order-first` on the `<dd>` flips
+ * the visual order only, so a screen reader hears the natural dl reading
+ * ("plugins, 52") while sighted users get the big-number-first layout. Both
+ * sequences are meaningful, so SC 1.3.2 is satisfied either way.
+ *
+ * Typography: the value carries the unified title treatment (semibold +
+ * tracking-tight, per heading.tsx) at 1.5rem rather than the docs version's
+ * 700 weight — one title voice across the system beats a one-off bold.
+ * `leading-none` because a value never wraps (it's a number); it also keeps
+ * the strip from towering over the sm label it baselines against. No
+ * `tabular-nums`: values sit in distinct rows of one, never in a column
+ * where digits must align.
+ *
+ * Colour: values default to `text-foreground`, not the docs' brand — brand
+ * emphasis is a page-level choice, not a property of "a statistic", so it is
+ * opt-in via `tone="brand"`. Contrast is inherited from theme.css: --brand
+ * (--hue-orange) measures 5.08:1 light / 9.63:1 dark on --background, and
+ * --muted-foreground labels measure 8.32:1 light on --background.
+ */
+declare function StatStrip({ items, tone, className, children, ...props }: StatStripProps): React.JSX.Element;
+interface StatStripItemProps extends Omit<React.ComponentProps<"div">, "children"> {
+    value: React.ReactNode;
+    label: React.ReactNode;
+}
+/**
+ * One value/label pair. Exists as a public component (rather than only the
+ * `items` array) because the `<dl>` content model is an internal contract —
+ * a consumer composing custom markup should not need to know that the label
+ * must precede the value in the DOM, or that `order-first` restores the
+ * visual order. `value`/`label` stay props, not children slots: the pair is
+ * a fixed shape with no middle ground, the empty-state end of the
+ * config-vs-composition spectrum, not the card end.
+ */
+declare function StatStripItem({ value, label, className, ...props }: StatStripItemProps): React.JSX.Element;
+export { StatStrip, StatStripItem };

package/dist/components/data/stat-strip.js

@@ -0,0 +1,36 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/data/stat-strip.tsx
+function r({ items: n, tone: r = "default", className: a, children: o, ...s }) {
+	return /* @__PURE__ */ t("dl", {
+		"data-slot": "stat-strip",
+		"data-tone": r,
+		className: e("group/stat-strip flex flex-wrap items-baseline gap-x-5 gap-y-2 sm:gap-x-8", a),
+		...s,
+		children: o ?? n?.map((e, n) => /* @__PURE__ */ t(i, {
+			value: e.value,
+			label: e.label
+		}, e.key ?? n))
+	});
+}
+function i({ value: r, label: i, className: a, ...o }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "stat-strip-item",
+		className: e("flex items-baseline gap-1.5", a),
+		...o,
+		children: [/* @__PURE__ */ t("dt", {
+			"data-slot": "stat-strip-label",
+			className: "text-sm text-muted-foreground",
+			children: i
+		}), /* @__PURE__ */ t("dd", {
+			"data-slot": "stat-strip-value",
+			className: "order-first m-0 text-2xl leading-none font-semibold tracking-tight text-foreground group-data-[tone=brand]/stat-strip:text-brand",
+			children: r
+		})]
+	});
+}
+//#endregion
+export { r as StatStrip, i as StatStripItem };
+
+//# sourceMappingURL=stat-strip.js.map

package/dist/components/data/stat-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-strip.js","names":[],"sources":["../../../src/components/data/stat-strip.tsx"],"mappings":";;;;AA4EA,SAAS,EAAU,EAAE,UAAO,UAAO,WAAW,cAAW,aAAU,GAAG,KAAyB;CAC7F,OACE,kBAAC,MAAD;EACE,aAAU;EACV,aAAW;EAQX,WAAW,EAAG,6EAA6E,CAAS;EACpG,GAAI;EAEH,UAAA,KAAY,GAAO,KAAK,GAAM,MAAM,kBAAC,GAAD;GAAmC,OAAO,EAAK;GAAO,OAAO,EAAK;EAAQ,GAAtD,EAAK,OAAO,CAA0C,CAAC;CAC9G,CAAA;AAER;AAgBA,SAAS,EAAc,EAAE,UAAO,UAAO,cAAW,GAAG,KAA6B;CAChF,OACE,kBAAC,OAAD;EAAK,aAAU;EAAkB,WAAW,EAAG,+BAA+B,CAAS;EAAG,GAAI;EAA9F,UAAA,CACE,kBAAC,MAAD;GAAI,aAAU;GAAmB,WAAU;GACxC,UAAA;EACC,CAAA,GAGJ,kBAAC,MAAD;GACE,aAAU;GACV,WAAU;GAET,UAAA;EACC,CAAA,CACD;;AAET"}

package/dist/components/feedback/chip.d.ts

@@ -0,0 +1,28 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+/**
+ * Chip — the OPERABLE counterpart to {@link Badge} (#229).
+ *
+ * Badge is deliberately non-interactive content, which is why its comments
+ * wave off SC 1.4.11. Chip is a link or button wearing the same outline
+ * vocabulary, so 1.4.11 (3:1 non-text contrast for component/state visuals)
+ * DOES reach it, and every state below is measured. Selection is explicitly
+ * out of scope — a Chip never carries `aria-pressed`; that job belongs to
+ * ToggleGroup (#218).
+ */
+declare const chipVariants: (props?: ({
+    mono?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * A link/button-shaped tag: archived-version links, blog tags.
+ *
+ * The primary usage is `asChild` around a real anchor —
+ * `<Chip asChild><a href=…>5.11</a></Chip>` — so navigation keeps native
+ * link semantics. Without `asChild` it renders a real `<button>`, never a
+ * styled span: a Chip is operable by definition, and a span default would
+ * hand every bare `<Chip onClick>` call site a focus/keyboard/AT bug.
+ */
+declare function Chip({ className, mono, asChild, children, ref, ...props }: React.ComponentProps<"button"> & VariantProps<typeof chipVariants> & {
+    asChild?: boolean;
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export { Chip, chipVariants };

package/dist/components/feedback/chip.js

@@ -0,0 +1,29 @@
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { cva as n } from "class-variance-authority";
+import { useRender as r } from "@base-ui/react/use-render";
+//#region src/components/feedback/chip.tsx
+var i = n("inline-flex items-center justify-center rounded-full border px-2.5 py-1 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none text-foreground no-underline hover:bg-accent hover:text-accent-foreground hover:border-brand active:bg-secondary focus-ring transition-[color,background-color,border-color,box-shadow] duration-control disabled:pointer-events-none disabled:opacity-50", {
+	variants: { mono: {
+		true: "font-mono",
+		false: ""
+	} },
+	defaultVariants: { mono: !1 }
+});
+function a({ className: n, mono: a, asChild: o = !1, children: s, ref: c, ...l }) {
+	return r({
+		defaultTagName: "button",
+		ref: c,
+		render: o ? t.Children.only(s) : void 0,
+		props: {
+			"data-slot": "chip",
+			className: e(i({ mono: a }), n),
+			...o ? {} : { children: s },
+			...l
+		}
+	});
+}
+//#endregion
+export { a as Chip, i as chipVariants };
+
+//# sourceMappingURL=chip.js.map

package/dist/components/feedback/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","names":[],"sources":["../../../src/components/feedback/chip.tsx"],"mappings":";;;;;AAgBA,IAAM,IAAe,EA0CnB,2aACA;CACE,UAAU,EAMR,MAAM;EACJ,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,MAAM,GACR;AACF,CACF;AAWA,SAAS,EAAK,EACZ,cACA,SACA,aAAU,IACV,aACA,QACA,GAAG,KAC0F;CAC7F,OAAO,EAAU;EACf,gBAAgB;EACX;EACL,QAAQ,IAAW,EAAM,SAAS,KAAK,CAAQ,IAA2B,KAAA;EAC1E,OAAO;GACL,aAAa;GACb,WAAW,EAAG,EAAa,EAAE,QAAK,CAAC,GAAG,CAAS;GAC/C,GAAI,IAAU,CAAC,IAAI,EAAE,YAAS;GAC9B,GAAG;EACL;CACF,CAAC;AACH"}

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

@@ -0,0 +1,56 @@
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import type { SelectionGroupNameProps } from "./toggle-card";
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ToggleProps = Omit<React.ComponentProps<typeof TogglePrimitive>, "onPressedChange"> & VariantProps<typeof toggleVariants> & {
+    /**
+     * Fired with the next pressed state. Base UI passes `(pressed,
+     * eventDetails)`; the extra argument is dropped here for the same
+     * reason toggle-card.tsx drops it — it leaks into
+     * `onPressedChange={setState}` call sites.
+     */
+    onPressedChange?: (pressed: boolean) => void;
+};
+/**
+ * A two-state button — `aria-pressed`, pressed fill and focus ring included,
+ * so none of them can be forgotten at a call site (#218).
+ *
+ * Standalone it owns its pressed state (`pressed`/`defaultPressed`); inside a
+ * {@link ToggleGroup} it is driven by the group's `value` and MUST carry a
+ * `value` prop of its own (Base UI warns in dev if it doesn't).
+ */
+declare function Toggle({ className, variant, size, onPressedChange, ...props }: ToggleProps): React.JSX.Element;
+declare const toggleGroupVariants: (props?: ({
+    segmented?: boolean | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ToggleGroupProps = Omit<React.ComponentProps<typeof ToggleGroupPrimitive>, "onValueChange"> & SelectionGroupNameProps & VariantProps<typeof toggleGroupVariants> & {
+    /** Fired with the values of all pressed items (eventDetails dropped). */
+    onValueChange?: (groupValue: string[]) => void;
+    /**
+     * Joined toolbar look: one shared border, hairline dividers, items
+     * stripped of their own chrome. Off, items sit loose with a small gap.
+     */
+    segmented?: boolean;
+};
+/**
+ * Shared state for a set of {@link Toggle}s — one tab stop, roving focus.
+ *
+ * The value model is Base UI's: always an array of the pressed items'
+ * values, single-select by default (`multiple` opts into any-of-N). The
+ * issue sketched Radix's `type="single" | "multiple"` with a
+ * `string | string[]` value instead; that union forks every controlled call
+ * site into runtime narrowing, and the empty single-selection ("none of
+ * these") falls out of the array shape for free, so Base UI's model stands.
+ *
+ * Single-select here CAN be emptied by pressing the pressed item again. If
+ * your group must always have a selection, that is a radiogroup — use
+ * SegmentedControl (toggle-card.tsx).
+ */
+declare function ToggleGroup({ className, segmented, orientation, onValueChange, ...props }: ToggleGroupProps): React.JSX.Element;
+export { Toggle, ToggleGroup, toggleGroupVariants, toggleVariants };

package/dist/components/forms/toggle.js

@@ -0,0 +1,97 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+import { Toggle as i } from "@base-ui/react/toggle";
+import { ToggleGroup as a } from "@base-ui/react/toggle-group";
+//#region src/components/forms/toggle.tsx
+var o = r([
+	"inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium",
+	"transition-[color,background-color,border-color,box-shadow] duration-control focus-ring",
+	"disabled:pointer-events-none disabled:opacity-50",
+	"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	"data-[pressed]:bg-primary data-[pressed]:text-primary-foreground",
+	"data-[pressed]:hover:bg-primary-hover data-[pressed]:active:bg-primary-active"
+], {
+	variants: {
+		variant: {
+			default: [
+				"bg-transparent",
+				"not-data-[pressed]:hover:bg-accent not-data-[pressed]:hover:text-accent-foreground",
+				"dark:not-data-[pressed]:hover:bg-accent/50"
+			],
+			outline: [
+				"border bg-background shadow-xs",
+				"not-data-[pressed]:hover:bg-accent not-data-[pressed]:hover:text-accent-foreground",
+				"dark:border-input dark:not-data-[pressed]:bg-card dark:not-data-[pressed]:hover:bg-muted",
+				"data-[pressed]:border-primary"
+			]
+		},
+		size: {
+			default: "h-9 min-w-9 px-2",
+			sm: "h-8 min-w-8 px-1.5",
+			lg: "h-10 min-w-10 px-2.5",
+			icon: "size-9",
+			"icon-sm": "size-8"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), s = t.createContext(null);
+function c({ className: r, variant: a = "default", size: c = "default", onPressedChange: l, ...u }) {
+	let d = t.useContext(s);
+	return /* @__PURE__ */ n(i, {
+		"data-slot": "toggle",
+		"data-variant": a,
+		"data-size": c,
+		onPressedChange: (e) => l?.(e),
+		className: e(o({
+			variant: a,
+			size: c
+		}), d?.segmented && ["rounded-[0px] border-0 shadow-none focus-visible:z-10", d.orientation === "vertical" ? ["not-first:border-t not-first:border-input", "first:rounded-t-[calc(var(--radius-md)-1px)] last:rounded-b-[calc(var(--radius-md)-1px)]"] : ["not-first:border-l not-first:border-input", "first:rounded-l-[calc(var(--radius-md)-1px)] last:rounded-r-[calc(var(--radius-md)-1px)]"]], r),
+		...u
+	});
+}
+var l = r("flex w-fit items-center", {
+	variants: {
+		segmented: {
+			false: "gap-1",
+			true: "isolate rounded-md border border-input bg-background shadow-xs dark:bg-card"
+		},
+		orientation: {
+			horizontal: "flex-row",
+			vertical: "flex-col items-stretch"
+		}
+	},
+	defaultVariants: {
+		segmented: !1,
+		orientation: "horizontal"
+	}
+});
+function u({ className: r, segmented: i = !1, orientation: o = "horizontal", onValueChange: c, ...u }) {
+	let d = t.useMemo(() => ({
+		segmented: i,
+		orientation: o
+	}), [i, o]);
+	return /* @__PURE__ */ n(s.Provider, {
+		value: d,
+		children: /* @__PURE__ */ n(a, {
+			"data-slot": "toggle-group",
+			"data-segmented": i ? "" : void 0,
+			orientation: o,
+			onValueChange: (e) => c?.(e),
+			className: e(l({
+				segmented: i,
+				orientation: o
+			}), r),
+			...u
+		})
+	});
+}
+//#endregion
+export { c as Toggle, u as ToggleGroup, l as toggleGroupVariants, o as toggleVariants };
+
+//# sourceMappingURL=toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":[],"sources":["../../../src/components/forms/toggle.tsx"],"mappings":";;;;;;;;AA0CA,IAAM,IAAiB,EACrB;CACE;CACA;CACA;CACA;CAOA;CACA;AACF,GACA;CACE,UAAU;EAKR,SAAS;GAEP,SAAS;IACP;IACA;IACA;GACF;GAKA,SAAS;IACP;IACA;IACA;IACA;GACF;EACF;EAMA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WAAW;EACb;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF,GAmBM,IAA0B,EAAM,cAAmD,IAAI;AAU7F,SAAS,EAAO,EAAE,cAAW,aAAU,WAAW,UAAO,WAAW,oBAAiB,GAAG,KAAsB;CAC5G,IAAM,IAAQ,EAAM,WAAW,CAAuB;CAEtD,OACE,kBAAC,GAAD;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,kBAAkB,MAAY,IAAkB,CAAO;EACvD,WAAW,EACT,EAAe;GAAE;GAAS;EAAK,CAAC,GAgChC,GAAO,aAAa,CAClB,yDACA,EAAM,gBAAgB,aAClB,CACE,6CACA,0FACF,IACA,CACE,6CACA,0FACF,CACN,GACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAsB,EAAI,2BAA2B;CACzD,UAAU;EACR,WAAW;GAET,OAAO;GAQP,MAAM;EACR;EACA,aAAa;GACX,YAAY;GACZ,UAAU;EACZ;CACF;CACA,iBAAiB;EACf,WAAW;EACX,aAAa;CACf;AACF,CAAC;AA8BD,SAAS,EAAY,EACnB,cACA,eAAY,IACZ,iBAAc,cACd,kBACA,GAAG,KACgB;CACnB,IAAM,IAAU,EAAM,eACb;EAAE;EAAW;CAAY,IAChC,CAAC,GAAW,CAAW,CACzB;CAEA,OACE,kBAAC,EAAwB,UAAzB;EAAkC,OAAO;EACvC,UAAA,kBAAC,GAAD;GACE,aAAU;GACV,kBAAgB,IAAY,KAAK,KAAA;GACpB;GACb,gBAAgB,MAAe,IAAgB,CAAU;GACzD,WAAW,EAAG,EAAoB;IAAE;IAAW;GAAY,CAAC,GAAG,CAAS;GACxE,GAAI;EACL,CAAA;CAC+B,CAAA;AAEtC"}

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export * from "./components/containment/collapsible";
 export * from "./components/containment/json-tree";
 export * from "./components/feedback/alert";
 export * from "./components/feedback/badge";
+export * from "./components/feedback/chip";
 export * from "./components/feedback/empty-state";
 export * from "./components/forms/button";
 export * from "./components/forms/checkbox";
@@ -40,6 +41,7 @@ export * from "./components/forms/slider";
 export * from "./components/forms/switch";
 export * from "./components/forms/textarea";
 export * from "./components/forms/time-picker";
+export * from "./components/forms/toggle";
 export * from "./components/forms/toggle-card";
 export * from "./components/layout/stack";
 export * from "./components/overlays/sheet";
@@ -48,6 +50,7 @@ export * from "./components/typography/text";
 export * from "./components/typography/text-link";
 export * from "./components/chrome/board-icon";
 export * from "./components/chrome/board-selector";
+export * from "./components/chrome/breadcrumb";
 export * from "./components/chrome/fiesta-icon";
 export * from "./components/chrome/fiesta-logo";
 export * from "./components/chrome/language-selector";
@@ -70,6 +73,8 @@ export * from "./lib/board-characters";
 export * from "./lib/board-colors";
 export * from "./lib/board-dimensions";
 export * from "./lib/board-previews";
+export * from "./components/data/bar-list";
+export * from "./components/data/stat-strip";
 export * from "./components/plugin/board-showcase";
 export * from "./components/plugin/plugin-card";
 export * from "./components/plugin/plugin-category-badge";