@fiestaboard/ui 5.1.0 → 5.2.0

package/dist/components/chrome/breadcrumb.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+declare function Breadcrumb({ className, ...props }: Omit<React.ComponentProps<"nav">, "aria-label"> & {
+    /**
+     * Localized accessible name for the landmark (e.g. "Breadcrumb"). Required:
+     * an unnamed nav is indistinguishable from the site nav in a landmark list,
+     * and the repo does not ship English defaults for consumers to forget.
+     */
+    "aria-label": string;
+}): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+/**
+ * A crumb that navigates. `asChild` (same useRender mechanics as Badge) lets
+ * the docs site pass Docusaurus's `<Link>` — router-aware prefetch and
+ * base-path handling — while this component keeps owning the look.
+ */
+declare function BreadcrumbLink({ className, asChild, children, ref, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** The trail's final entry: where you are, so it announces but never navigates. */
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+/**
+ * Visual divider between crumbs. Children override the glyph (the docs site
+ * may want `/`); the default chevron reads as "descends into" in LTR.
+ */
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+/**
+ * Collapsed-middle marker for deep trails. Static by design: expand/collapse
+ * behaviour belongs to the consumer (wrap it in a DropdownMenu trigger via
+ * that component's own mechanics); baking a disclosure in here would force a
+ * hook — and "use client" — onto every static docs page for a control most
+ * trails never show.
+ */
+declare function BreadcrumbEllipsis({ label, className, ...props }: Omit<React.ComponentProps<"span">, "children"> & {
+    /**
+     * Localized sr-only announcement (e.g. "More pages"). Required, and NOT
+     * `aria-hidden` on the wrapper like shadcn's version — hiding the whole
+     * span silences the sr-only text inside it, leaving AT users with no hint
+     * that levels were elided. Only the glyph is hidden.
+     */
+    label: string;
+}): React.JSX.Element;
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };

package/dist/components/chrome/breadcrumb.js

@@ -0,0 +1,76 @@
+import { cn as e } from "../../lib/utils.js";
+import { ChevronRight as t, MoreHorizontal as n } from "lucide-react";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useRender as o } from "@base-ui/react/use-render";
+//#region src/components/chrome/breadcrumb.tsx
+function s({ className: e, ...t }) {
+	return /* @__PURE__ */ i("nav", {
+		"data-slot": "breadcrumb",
+		className: e,
+		...t
+	});
+}
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ i("ol", {
+		"data-slot": "breadcrumb-list",
+		className: e("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", t),
+		...n
+	});
+}
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ i("li", {
+		"data-slot": "breadcrumb-item",
+		className: e("inline-flex items-center gap-1.5", t),
+		...n
+	});
+}
+function u({ className: t, asChild: n = !1, children: i, ref: a, ...s }) {
+	return o({
+		defaultTagName: "a",
+		ref: a,
+		render: n ? r.Children.only(i) : void 0,
+		props: {
+			"data-slot": "breadcrumb-link",
+			className: e("focus-ring rounded-sm transition-colors hover:text-foreground", t),
+			...n ? {} : { children: i },
+			...s
+		}
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ i("span", {
+		"data-slot": "breadcrumb-page",
+		"aria-current": "page",
+		className: e("text-foreground font-normal", t),
+		...n
+	});
+}
+function f({ children: n, className: r, ...a }) {
+	return /* @__PURE__ */ i("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: e("[&>svg]:size-3.5", r),
+		...a,
+		children: n ?? /* @__PURE__ */ i(t, {})
+	});
+}
+function p({ label: t, className: r, ...o }) {
+	return /* @__PURE__ */ a("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		className: e("flex items-center justify-center", r),
+		...o,
+		children: [/* @__PURE__ */ i(n, {
+			className: "size-4",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ i("span", {
+			className: "sr-only",
+			children: t
+		})]
+	});
+}
+//#endregion
+export { s as Breadcrumb, p as BreadcrumbEllipsis, l as BreadcrumbItem, u as BreadcrumbLink, c as BreadcrumbList, d as BreadcrumbPage, f as BreadcrumbSeparator };
+
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/chrome/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../src/components/chrome/breadcrumb.tsx"],"mappings":";;;;;;AAoCA,SAAS,EAAW,EAClB,cACA,GAAG,KAQF;CACD,OAAO,kBAAC,OAAD;EAAK,aAAU;EAAwB;EAAW,GAAI;CAAQ,CAAA;AACvE;AAEA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAqC;CAC3E,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAGT,4FACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAqC;CAC3E,OAAO,kBAAC,MAAD;EAAI,aAAU;EAAkB,WAAW,EAAG,oCAAoC,CAAS;EAAG,GAAI;CAAQ,CAAA;AACnH;AAOA,SAAS,EAAe,EACtB,cACA,aAAU,IACV,aACA,QACA,GAAG,KACiD;CACpD,OAAO,EAAU;EACf,gBAAgB;EACX;EACL,QAAQ,IAAW,EAAM,SAAS,KAAK,CAAQ,IAA2B,KAAA;EAC1E,OAAO;GACL,aAAa;GAOb,WAAW,EAAG,iEAAiE,CAAS;GACxF,GAAI,IAAU,CAAC,IAAI,EAAE,YAAS;GAC9B,GAAG;EACL;CACF,CAAC;AACH;AAGA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAuC;CAC7E,OACE,kBAAC,QAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAMA,SAAS,EAAoB,EAAE,aAAU,cAAW,GAAG,KAAqC;CAC1F,OAKE,kBAAC,MAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,EAAG,oBAAoB,CAAS;EAC3C,GAAI;EAEH,UAAA,KAAY,kBAAC,GAAD,CAAe,CAAA;CAC1B,CAAA;AAER;AASA,SAAS,EAAmB,EAC1B,UACA,cACA,GAAG,KASF;CACD,OACE,kBAAC,QAAD;EAAM,aAAU;EAAsB,WAAW,EAAG,oCAAoC,CAAS;EAAG,GAAI;EAAxG,UAAA,CACE,kBAAC,GAAD;GAAgB,WAAU;GAAS,eAAY;EAAQ,CAAA,GACvD,kBAAC,QAAD;GAAM,WAAU;GAAW,UAAA;EAAY,CAAA,CACnC;;AAEV"}

package/dist/components/data/bar-list.d.ts

@@ -0,0 +1,81 @@
+import type * as React from "react";
+/**
+ * Ranked horizontal bar list — label / track / fill / value rows. A thin
+ * cousin of a meter, not a chart library: no axes, no legend, no scales,
+ * just rows sorted by whoever calls it. Promoted from the docs site's
+ * "Popularity ranking" (issue #229), which hand-mixed a brand fill on an
+ * emphasis track once per page.
+ *
+ * This starts the `data` family: quantitative READOUTS (BarList, StatStrip).
+ * They are not `feedback` (no system status), not `containment` (no
+ * surface/box), not `typography` (the number is the point, not the prose) —
+ * they exist to show measured values, which no existing family owns.
+ *
+ * FILL COLOR — measured, not inherited (SC 1.4.11 wants 3:1 for meaningful
+ * graphics). The docs site used its brand orange; in this palette that forks
+ * into two tokens and only one of them survives measurement:
+ *
+ *                          vs light bg  vs light muted  vs dark bg  vs dark muted
+ *   --brand (hue-orange)      5.09:1        4.65:1        9.63:1       8.11:1
+ *   --primary (#f5a623 tile)  1.83:1        1.67:1        9.77:1       8.23:1
+ *
+ * --primary is the literal tile and theme.css already rules it "legal as a
+ * field, illegal as a link" at 1.83:1 on a light page — a fill whose painted
+ * edge IS the datum is closer to a link than to a button face, so the tile
+ * fails here. --brand is the same hue at the ink plateau and clears 3:1
+ * against both the track and every surface in both themes, so a bar stays
+ * meaningful even before the reader finds the number. Strictly the value
+ * text makes the graphic redundant (see below) and 1.4.11 would exempt it,
+ * but passing outright beats litigating the exemption.
+ *
+ * The TRACK is --muted (1.09:1 light / 1.19:1 dark vs the page) — that low
+ * ratio is deliberate and mirrors the --border rationale in theme.css: the
+ * track is decoration marking where 100% would land, the fill and the text
+ * carry the information, so 1.4.11 does not apply to it.
+ *
+ * SEMANTICS — a plain list, no role="meter". Each row already renders its
+ * value as literal text beside the bar, so assistive tech hears
+ * "label, 943" with zero extra wiring; a meter role would announce the same
+ * number a second time and demand aria-valuemin/max/now plumbing to say
+ * nothing new. The track and fill are aria-hidden because they are that
+ * redundant graphic. role="list" is set explicitly: `list-none` (needed
+ * because rows are grid cells, not bullets) makes Safari/VoiceOver drop the
+ * implicit list role.
+ */
+export interface BarListItem {
+    key: string;
+    /** Row label. Any ReactNode — pass an anchor/Link element directly, or use `renderLabel`. */
+    label: React.ReactNode;
+    value: number;
+    /**
+     * Renders the label cell — inject your router's Link here, same contract
+     * as PluginCard's `renderLink`/Sidebar's `renderLink` (the house pattern
+     * for router-agnostic links). `className` carries the truncation and type
+     * styles and MUST land on the returned element, so the ellipsis clips the
+     * link itself rather than a wrapper. There is deliberately no `href`
+     * shortcut: a bare string href renders a plain <a> that full-page-reloads
+     * inside SPA consumers, which is exactly the trap `renderLink` exists to
+     * avoid — same reasoning as PluginCard.
+     */
+    renderLabel?: (props: {
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+export interface BarListProps extends React.ComponentProps<"ul"> {
+    items: BarListItem[];
+    /**
+     * The value that fills the track completely. Defaults to the largest item
+     * value — the natural scale for a ranking, where the leader spans full
+     * width. Pass explicitly when rows share an external scale (a total, a
+     * quota) so bars stay comparable across lists.
+     */
+    max?: number;
+    /**
+     * Formats the visible value. Defaults to `toLocaleString()` — what the
+     * docs ranking shipped — so thousands read as "5,612" not "5612".
+     */
+    formatValue?: (value: number) => string;
+}
+declare function BarList({ items, max, formatValue, className, ...props }: BarListProps): React.JSX.Element;
+export { BarList };

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/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,7 @@ 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";

package/dist/index.js

@@ -5,94 +5,98 @@ import { Collapsible as f, CollapsibleContent as p, CollapsibleTrigger as m } fr
 import { JsonTree as h } from "./components/containment/json-tree.js";
 import { Alert as g, AlertDescription as _, AlertTitle as v, alertVariants as y } from "./components/feedback/alert.js";
 import { Badge as b, badgeVariants as x } from "./components/feedback/badge.js";
-import { EmptyState as S } from "./components/feedback/empty-state.js";
-import { Spinner as C, spinnerVariants as w } from "./components/feedback/spinner.js";
-import { Button as T, buttonVariants as E } from "./components/forms/button.js";
-import { Checkbox as D } from "./components/forms/checkbox.js";
-import { Input as O } from "./components/forms/input.js";
-import { Label as k } from "./components/forms/label.js";
-import { SecretInput as A } from "./components/forms/secret-input.js";
-import { Box as j } from "./components/layout/box.js";
-import { Flex as M, flexVariants as N } from "./components/layout/flex.js";
-import { Grid as P, gridVariants as F } from "./components/layout/grid.js";
-import { AlertDialog as I, AlertDialogAction as L, AlertDialogCancel as R, AlertDialogContent as z, AlertDialogDescription as B, AlertDialogFooter as V, AlertDialogHeader as H, AlertDialogOverlay as U, AlertDialogPortal as W, AlertDialogTitle as G, AlertDialogTrigger as K } from "./components/overlays/alert-dialog.js";
-import { Dialog as q, DialogClose as J, DialogContent as Y, DialogDescription as X, DialogFooter as Z, DialogHeader as Q, DialogOverlay as $, DialogPortal as ee, DialogTitle as te, DialogTrigger as ne } from "./components/overlays/dialog.js";
-import { DropdownMenu as re, DropdownMenuCheckboxItem as ie, DropdownMenuContent as ae, DropdownMenuGroup as oe, DropdownMenuItem as se, DropdownMenuLabel as ce, DropdownMenuPortal as le, DropdownMenuRadioGroup as ue, DropdownMenuRadioItem as de, DropdownMenuSeparator as fe, DropdownMenuShortcut as pe, DropdownMenuSub as me, DropdownMenuSubContent as he, DropdownMenuSubTrigger as ge, DropdownMenuTrigger as _e } from "./components/overlays/dropdown-menu.js";
-import { Popover as ve, PopoverClose as ye, PopoverContent as be, PopoverDescription as xe, PopoverTitle as Se, PopoverTrigger as Ce, usePopoverClose as we } from "./components/overlays/popover.js";
-import { Code as Te } from "./components/typography/code.js";
-import { Heading as Ee, headingVariants as De } from "./components/typography/heading.js";
-import { List as Oe, ListItem as ke, listVariants as Ae } from "./components/typography/list.js";
-import { ScrollArea as je, ScrollBar as Me } from "./components/containment/scroll-area.js";
-import { Table as Ne, TableBody as Pe, TableCell as Fe, TableHead as Ie, TableHeader as Le, TableRow as Re } from "./components/containment/table.js";
-import { Tabs as ze, TabsContent as Be, TabsList as Ve, TabsTrigger as He } from "./components/containment/tabs.js";
-import Ue from "./components/effects/react-bits/fade-content.js";
-import { Skeleton as We } from "./components/feedback/skeleton.js";
-import { StatusDot as Ge, statusDotVariants as Ke } from "./components/feedback/status-dot.js";
-import { Select as qe, SelectContent as Je, SelectGroup as Ye, SelectItem as Xe, SelectLabel as Ze, SelectScrollDownButton as Qe, SelectScrollUpButton as $e, SelectSeparator as et, SelectTrigger as tt, SelectValue as nt } from "./components/forms/select.js";
-import { Slider as rt } from "./components/forms/slider.js";
-import { Switch as it } from "./components/forms/switch.js";
-import { Textarea as at } from "./components/forms/textarea.js";
-import { Text as ot, textVariants as st } from "./components/typography/text.js";
-import { TimePicker as ct } from "./components/forms/time-picker.js";
-import { SegmentedControl as lt, SegmentedControlItem as ut, ToggleCard as dt, ToggleCardGroup as ft, segmentedControlItemVariants as pt, segmentedControlVariants as mt, toggleCardGroupVariants as ht, toggleCardVariants as gt } from "./components/forms/toggle-card.js";
-import { Stack as _t, stackVariants as vt } from "./components/layout/stack.js";
-import { Sheet as yt, SheetClose as bt, SheetContent as xt, SheetDescription as St, SheetFooter as Ct, SheetHeader as wt, SheetOverlay as Tt, SheetPortal as Et, SheetTitle as Dt, SheetTrigger as Ot } from "./components/overlays/sheet.js";
-import { Tooltip as kt, TooltipContent as At, TooltipProvider as jt, TooltipTrigger as Mt } from "./components/overlays/tooltip.js";
-import { TextLink as Nt } from "./components/typography/text-link.js";
-import { BoardIcon as Pt } from "./components/chrome/board-icon.js";
-import { BoardSelector as Ft } from "./components/chrome/board-selector.js";
-import { FIESTA_ICON_DATA_URI as It, FIESTA_ICON_PALETTE as Lt, FIESTA_ICON_SVG as Rt, FiestaIcon as zt } from "./components/chrome/fiesta-icon.js";
-import { FiestaLogo as Bt } from "./components/chrome/fiesta-logo.js";
-import { LanguageSelector as Vt } from "./components/chrome/language-selector.js";
-import { MainContent as Ht } from "./components/chrome/main-content.js";
-import { PAGE_HUES as Ut, PageHeader as Wt, PageIconGradientDefs as Gt, pageHue as Kt } from "./components/chrome/page-header.js";
-import { PageLayout as qt } from "./components/chrome/page-layout.js";
-import { PageToolbar as Jt } from "./components/chrome/page-toolbar.js";
-import { Sidebar as Yt } from "./components/chrome/sidebar.js";
-import { SkipToContent as Xt } from "./components/chrome/skip-to-content.js";
-import { ThemeToggle as Zt } from "./components/chrome/theme-toggle.js";
-import { WizardProgress as Qt } from "./components/wizard/wizard-progress.js";
-import { ALL_COLOR_CODES as $t, AVAILABLE_COLORS as en, BOARD_COLORS as tn, COLOR_CODE_MAP as nn, COLOR_DISPLAY as rn, FIESTABOARD_COLORS as an, getBoardColor as on, isValidBoardColor as sn, resolveColorCode as cn } from "./lib/board-colors.js";
-import { BOARD_CHARS as ln, EXTRA_CHARS as un, getCharFromToken as dn, getCharIndex as fn, isColorTile as pn, messageToGrid as mn, messageToText as hn, parseLine as gn, tokensEqual as _n } from "./lib/board-characters.js";
-import { BoardTeaser as vn } from "./components/board/board-teaser.js";
-import { BoardBackdrop as yn } from "./components/board/board-backdrop.js";
-import { WizardShell as bn } from "./components/wizard/wizard-shell.js";
-import { DEVICE_DIMENSIONS as xn, MAX_NOTES_PER_AXIS as Sn, NOTE_COLS as Cn, NOTE_ROWS as wn, isNoteArray as Tn, noteArrayDimensions as En, resolveDimensions as Dn } from "./lib/board-dimensions.js";
-import { BoardDisplay as On, FLAP_SPEED_PRESETS as kn, deriveFlapTiming as An, resolveFlapSpeed as jn } from "./components/board/board-display.js";
-import { ScaledBoardDisplay as Mn } from "./components/board/scaled-board-display.js";
-import { StaticBoardDisplay as Nn } from "./components/board/static-board-display.js";
-import { DEFAULT_SHAPE_LABELS as Pn, previewLabel as Fn, previewLabels as In, previewMessage as Ln } from "./lib/board-previews.js";
-import { StatStrip as Rn, StatStripItem as zn } from "./components/data/stat-strip.js";
-import { BoardShowcase as Bn, DEFAULT_SHOWCASE_LABELS as Vn } from "./components/plugin/board-showcase.js";
-import { PLUGIN_CATEGORIES as Hn, PluginCategoryBadge as Un } from "./components/plugin/plugin-category-badge.js";
-import { ScaledBoardTeaser as Wn } from "./components/plugin/scaled-board-teaser.js";
-import { PluginCard as Gn } from "./components/plugin/plugin-card.js";
-import { BOARD_CODE_TO_COLOR as Kn, BOARD_COLOR_CODES as qn, CURSOR_ANCHOR as Jn, DEFAULT_BOARD_LINES as Yn, DEFAULT_BOARD_WIDTH as Xn, FILL_SPACE_REPEAT_VAR as Zn, FILL_SPACE_VAR as Qn } from "./components/editor/constants.js";
-import { NodeViewInjectionProvider as $n, useNodeViewInjection as er } from "./components/editor/node-views/node-view-context.js";
-import { ColorTileNodeView as tr, DEFAULT_COLOR_TILE_NODE_VIEW_LABELS as nr } from "./components/editor/node-views/color-tile-node-view.js";
-import { ColorTileNode as rr } from "./components/editor/extensions/color-tile-node.js";
-import { DEFAULT_FILL_SPACE_NODE_VIEW_LABELS as ir, FillSpaceNodeView as ar } from "./components/editor/node-views/fill-space-node-view.js";
-import { FillSpaceNode as or } from "./components/editor/extensions/fill-space-node.js";
-import { DEFAULT_FORMULA_NODE_VIEW_LABELS as sr, FormulaNodeView as cr } from "./components/editor/node-views/formula-node-view.js";
-import { FormulaNode as lr } from "./components/editor/extensions/formula-node.js";
-import { LineNavigation as ur } from "./components/editor/extensions/line-navigation.js";
-import { SingleParagraphDoc as dr } from "./components/editor/extensions/single-paragraph-doc.js";
-import { TrailingNewline as fr } from "./components/editor/extensions/trailing-newline.js";
-import { DEFAULT_VARIABLE_NODE_VIEW_LABELS as pr, VariableNodeView as mr } from "./components/editor/node-views/variable-node-view.js";
-import { VariableNode as hr } from "./components/editor/extensions/variable-node.js";
-import { DEFAULT_WRAPPED_TEXT_VIEW_LABELS as gr, WrappedTextView as _r } from "./components/editor/node-views/wrapped-text-view.js";
-import { WrappedTextNode as vr } from "./components/editor/extensions/wrapped-text-node.js";
-import { ColorPickerContent as yr, DEFAULT_COLOR_PICKER_LABELS as br } from "./components/editor/color-picker-content.js";
-import { DRAW_CHARS as xr, brushToCell as Sr, cellsToLine as Cr, isPositionalLine as wr, lineToCells as Tr, paintLine as Er, renderPositionalLine as Dr } from "./components/editor/utils/draw-mode.js";
-import { DEFAULT_DRAW_CHAR_PICKER_LABELS as Or, DrawCharPickerContent as kr } from "./components/editor/draw-char-picker-content.js";
-import { DEFAULT_FORMATTING_PICKER_LABELS as Ar, FormattingPickerContent as jr } from "./components/editor/formatting-picker-content.js";
-import { DEFAULT_TOOLBAR_DROPDOWN_LABELS as Mr, ToolbarDropdown as Nr } from "./components/editor/toolbar-dropdown.js";
-import { parseLineContent as Pr, parseTemplateSimple as Fr, serializeTemplateSimple as Ir } from "./components/editor/utils/serialization.js";
-import { insertTemplateContent as Lr } from "./components/editor/utils/insertion.js";
-import { DEFAULT_TEMPLATE_EDITOR_TOOLBAR_LABELS as Rr, TemplateEditorToolbar as zr } from "./components/editor/template-editor-toolbar.js";
-import { buildStrokeTransaction as Br, lineRanges as Vr } from "./components/editor/utils/stroke-transaction.js";
-import { DEFAULT_TEMPLATE_EDITOR_LABELS as Hr, TemplateEditor as Ur } from "./components/editor/template-editor.js";
-import { DEFAULT_FILTER_PICKER_LABELS as Wr, FilterPickerContent as Gr } from "./components/editor/filter-picker-content.js";
-import { DEFAULT_VARIABLE_PICKER_LABELS as Kr, VariablePickerContent as qr, createLucideIconResolver as Jr, getPluginsWithNestedArrays as Yr } from "./components/editor/variable-picker-content.js";
-import { calculateLineLength as Xr, getOverflowAmount as Zr, willOverflow as Qr } from "./components/editor/utils/length-calculator.js";
-export { $t as ALL_COLOR_CODES, en as AVAILABLE_COLORS, t as Accordion, n as AccordionContent, r as AccordionItem, i as AccordionTrigger, g as Alert, _ as AlertDescription, I as AlertDialog, L as AlertDialogAction, R as AlertDialogCancel, z as AlertDialogContent, B as AlertDialogDescription, V as AlertDialogFooter, H as AlertDialogHeader, U as AlertDialogOverlay, W as AlertDialogPortal, G as AlertDialogTitle, K as AlertDialogTrigger, v as AlertTitle, ln as BOARD_CHARS, Kn as BOARD_CODE_TO_COLOR, tn as BOARD_COLORS, qn as BOARD_COLOR_CODES, b as Badge, yn as BoardBackdrop, On as BoardDisplay, Pt as BoardIcon, Ft as BoardSelector, Bn as BoardShowcase, vn as BoardTeaser, j as Box, T as Button, nn as COLOR_CODE_MAP, rn as COLOR_DISPLAY, Jn as CURSOR_ANCHOR, a as Card, o as CardAction, s as CardContent, c as CardDescription, l as CardFooter, u as CardHeader, d as CardTitle, D as Checkbox, Te as Code, f as Collapsible, p as CollapsibleContent, m as CollapsibleTrigger, yr as ColorPickerContent, rr as ColorTileNode, tr as ColorTileNodeView, Yn as DEFAULT_BOARD_LINES, Xn as DEFAULT_BOARD_WIDTH, br as DEFAULT_COLOR_PICKER_LABELS, nr as DEFAULT_COLOR_TILE_NODE_VIEW_LABELS, Or as DEFAULT_DRAW_CHAR_PICKER_LABELS, ir as DEFAULT_FILL_SPACE_NODE_VIEW_LABELS, Wr as DEFAULT_FILTER_PICKER_LABELS, Ar as DEFAULT_FORMATTING_PICKER_LABELS, sr as DEFAULT_FORMULA_NODE_VIEW_LABELS, Pn as DEFAULT_SHAPE_LABELS, Vn as DEFAULT_SHOWCASE_LABELS, Hr as DEFAULT_TEMPLATE_EDITOR_LABELS, Rr as DEFAULT_TEMPLATE_EDITOR_TOOLBAR_LABELS, Mr as DEFAULT_TOOLBAR_DROPDOWN_LABELS, pr as DEFAULT_VARIABLE_NODE_VIEW_LABELS, Kr as DEFAULT_VARIABLE_PICKER_LABELS, gr as DEFAULT_WRAPPED_TEXT_VIEW_LABELS, xn as DEVICE_DIMENSIONS, xr as DRAW_CHARS, q as Dialog, J as DialogClose, Y as DialogContent, X as DialogDescription, Z as DialogFooter, Q as DialogHeader, $ as DialogOverlay, ee as DialogPortal, te as DialogTitle, ne as DialogTrigger, kr as DrawCharPickerContent, re as DropdownMenu, ie as DropdownMenuCheckboxItem, ae as DropdownMenuContent, oe as DropdownMenuGroup, se as DropdownMenuItem, ce as DropdownMenuLabel, le as DropdownMenuPortal, ue as DropdownMenuRadioGroup, de as DropdownMenuRadioItem, fe as DropdownMenuSeparator, pe as DropdownMenuShortcut, me as DropdownMenuSub, he as DropdownMenuSubContent, ge as DropdownMenuSubTrigger, _e as DropdownMenuTrigger, un as EXTRA_CHARS, S as EmptyState, an as FIESTABOARD_COLORS, It as FIESTA_ICON_DATA_URI, Lt as FIESTA_ICON_PALETTE, Rt as FIESTA_ICON_SVG, Zn as FILL_SPACE_REPEAT_VAR, Qn as FILL_SPACE_VAR, kn as FLAP_SPEED_PRESETS, Ue as FadeContent, zt as FiestaIcon, Bt as FiestaLogo, or as FillSpaceNode, ar as FillSpaceNodeView, Gr as FilterPickerContent, M as Flex, jr as FormattingPickerContent, lr as FormulaNode, cr as FormulaNodeView, P as Grid, Ee as Heading, O as Input, h as JsonTree, k as Label, Vt as LanguageSelector, ur as LineNavigation, Oe as List, ke as ListItem, Sn as MAX_NOTES_PER_AXIS, Ht as MainContent, Cn as NOTE_COLS, wn as NOTE_ROWS, $n as NodeViewInjectionProvider, Ut as PAGE_HUES, Hn as PLUGIN_CATEGORIES, Wt as PageHeader, Gt as PageIconGradientDefs, qt as PageLayout, Jt as PageToolbar, Gn as PluginCard, Un as PluginCategoryBadge, ve as Popover, ye as PopoverClose, be as PopoverContent, xe as PopoverDescription, Se as PopoverTitle, Ce as PopoverTrigger, Mn as ScaledBoardDisplay, Wn as ScaledBoardTeaser, je as ScrollArea, Me as ScrollBar, A as SecretInput, lt as SegmentedControl, ut as SegmentedControlItem, qe as Select, Je as SelectContent, Ye as SelectGroup, Xe as SelectItem, Ze as SelectLabel, Qe as SelectScrollDownButton, $e as SelectScrollUpButton, et as SelectSeparator, tt as SelectTrigger, nt as SelectValue, yt as Sheet, bt as SheetClose, xt as SheetContent, St as SheetDescription, Ct as SheetFooter, wt as SheetHeader, Tt as SheetOverlay, Et as SheetPortal, Dt as SheetTitle, Ot as SheetTrigger, Yt as Sidebar, dr as SingleParagraphDoc, We as Skeleton, Xt as SkipToContent, rt as Slider, C as Spinner, _t as Stack, Rn as StatStrip, zn as StatStripItem, Nn as StaticBoardDisplay, Ge as StatusDot, it as Switch, Ne as Table, Pe as TableBody, Fe as TableCell, Ie as TableHead, Le as TableHeader, Re as TableRow, ze as Tabs, Be as TabsContent, Ve as TabsList, He as TabsTrigger, Ur as TemplateEditor, zr as TemplateEditorToolbar, ot as Text, Nt as TextLink, at as Textarea, Zt as ThemeToggle, ct as TimePicker, dt as ToggleCard, ft as ToggleCardGroup, Nr as ToolbarDropdown, kt as Tooltip, At as TooltipContent, jt as TooltipProvider, Mt as TooltipTrigger, fr as TrailingNewline, hr as VariableNode, mr as VariableNodeView, qr as VariablePickerContent, Qt as WizardProgress, bn as WizardShell, vr as WrappedTextNode, _r as WrappedTextView, y as alertVariants, x as badgeVariants, Sr as brushToCell, Br as buildStrokeTransaction, E as buttonVariants, Xr as calculateLineLength, Cr as cellsToLine, e as cn, Jr as createLucideIconResolver, An as deriveFlapTiming, N as flexVariants, on as getBoardColor, dn as getCharFromToken, fn as getCharIndex, Zr as getOverflowAmount, Yr as getPluginsWithNestedArrays, F as gridVariants, De as headingVariants, Lr as insertTemplateContent, pn as isColorTile, Tn as isNoteArray, wr as isPositionalLine, sn as isValidBoardColor, Vr as lineRanges, Tr as lineToCells, Ae as listVariants, mn as messageToGrid, hn as messageToText, En as noteArrayDimensions, Kt as pageHue, Er as paintLine, gn as parseLine, Pr as parseLineContent, Fr as parseTemplateSimple, Fn as previewLabel, In as previewLabels, Ln as previewMessage, Dr as renderPositionalLine, cn as resolveColorCode, Dn as resolveDimensions, jn as resolveFlapSpeed, pt as segmentedControlItemVariants, mt as segmentedControlVariants, Ir as serializeTemplateSimple, w as spinnerVariants, vt as stackVariants, Ke as statusDotVariants, st as textVariants, ht as toggleCardGroupVariants, gt as toggleCardVariants, _n as tokensEqual, er as useNodeViewInjection, we as usePopoverClose, Qr as willOverflow };
+import { Chip as S, chipVariants as C } from "./components/feedback/chip.js";
+import { EmptyState as w } from "./components/feedback/empty-state.js";
+import { Spinner as T, spinnerVariants as E } from "./components/feedback/spinner.js";
+import { Button as D, buttonVariants as O } from "./components/forms/button.js";
+import { Checkbox as k } from "./components/forms/checkbox.js";
+import { Input as A } from "./components/forms/input.js";
+import { Label as j } from "./components/forms/label.js";
+import { SecretInput as M } from "./components/forms/secret-input.js";
+import { Box as N } from "./components/layout/box.js";
+import { Flex as P, flexVariants as F } from "./components/layout/flex.js";
+import { Grid as I, gridVariants as L } from "./components/layout/grid.js";
+import { AlertDialog as R, AlertDialogAction as z, AlertDialogCancel as B, AlertDialogContent as V, AlertDialogDescription as H, AlertDialogFooter as U, AlertDialogHeader as W, AlertDialogOverlay as G, AlertDialogPortal as K, AlertDialogTitle as q, AlertDialogTrigger as J } from "./components/overlays/alert-dialog.js";
+import { Dialog as Y, DialogClose as X, DialogContent as Z, DialogDescription as Q, DialogFooter as $, DialogHeader as ee, DialogOverlay as te, DialogPortal as ne, DialogTitle as re, DialogTrigger as ie } from "./components/overlays/dialog.js";
+import { DropdownMenu as ae, DropdownMenuCheckboxItem as oe, DropdownMenuContent as se, DropdownMenuGroup as ce, DropdownMenuItem as le, DropdownMenuLabel as ue, DropdownMenuPortal as de, DropdownMenuRadioGroup as fe, DropdownMenuRadioItem as pe, DropdownMenuSeparator as me, DropdownMenuShortcut as he, DropdownMenuSub as ge, DropdownMenuSubContent as _e, DropdownMenuSubTrigger as ve, DropdownMenuTrigger as ye } from "./components/overlays/dropdown-menu.js";
+import { Popover as be, PopoverClose as xe, PopoverContent as Se, PopoverDescription as Ce, PopoverTitle as we, PopoverTrigger as Te, usePopoverClose as Ee } from "./components/overlays/popover.js";
+import { Code as De } from "./components/typography/code.js";
+import { Heading as Oe, headingVariants as ke } from "./components/typography/heading.js";
+import { List as Ae, ListItem as je, listVariants as Me } from "./components/typography/list.js";
+import { ScrollArea as Ne, ScrollBar as Pe } from "./components/containment/scroll-area.js";
+import { Table as Fe, TableBody as Ie, TableCell as Le, TableHead as Re, TableHeader as ze, TableRow as Be } from "./components/containment/table.js";
+import { Tabs as Ve, TabsContent as He, TabsList as Ue, TabsTrigger as We } from "./components/containment/tabs.js";
+import Ge from "./components/effects/react-bits/fade-content.js";
+import { Skeleton as Ke } from "./components/feedback/skeleton.js";
+import { StatusDot as qe, statusDotVariants as Je } from "./components/feedback/status-dot.js";
+import { Select as Ye, SelectContent as Xe, SelectGroup as Ze, SelectItem as Qe, SelectLabel as $e, SelectScrollDownButton as et, SelectScrollUpButton as tt, SelectSeparator as nt, SelectTrigger as rt, SelectValue as it } from "./components/forms/select.js";
+import { Slider as at } from "./components/forms/slider.js";
+import { Switch as ot } from "./components/forms/switch.js";
+import { Textarea as st } from "./components/forms/textarea.js";
+import { Text as ct, textVariants as lt } from "./components/typography/text.js";
+import { TimePicker as ut } from "./components/forms/time-picker.js";
+import { Toggle as dt, ToggleGroup as ft, toggleGroupVariants as pt, toggleVariants as mt } from "./components/forms/toggle.js";
+import { SegmentedControl as ht, SegmentedControlItem as gt, ToggleCard as _t, ToggleCardGroup as vt, segmentedControlItemVariants as yt, segmentedControlVariants as bt, toggleCardGroupVariants as xt, toggleCardVariants as St } from "./components/forms/toggle-card.js";
+import { Stack as Ct, stackVariants as wt } from "./components/layout/stack.js";
+import { Sheet as Tt, SheetClose as Et, SheetContent as Dt, SheetDescription as Ot, SheetFooter as kt, SheetHeader as At, SheetOverlay as jt, SheetPortal as Mt, SheetTitle as Nt, SheetTrigger as Pt } from "./components/overlays/sheet.js";
+import { Tooltip as Ft, TooltipContent as It, TooltipProvider as Lt, TooltipTrigger as Rt } from "./components/overlays/tooltip.js";
+import { TextLink as zt } from "./components/typography/text-link.js";
+import { BoardIcon as Bt } from "./components/chrome/board-icon.js";
+import { BoardSelector as Vt } from "./components/chrome/board-selector.js";
+import { Breadcrumb as Ht, BreadcrumbEllipsis as Ut, BreadcrumbItem as Wt, BreadcrumbLink as Gt, BreadcrumbList as Kt, BreadcrumbPage as qt, BreadcrumbSeparator as Jt } from "./components/chrome/breadcrumb.js";
+import { FIESTA_ICON_DATA_URI as Yt, FIESTA_ICON_PALETTE as Xt, FIESTA_ICON_SVG as Zt, FiestaIcon as Qt } from "./components/chrome/fiesta-icon.js";
+import { FiestaLogo as $t } from "./components/chrome/fiesta-logo.js";
+import { LanguageSelector as en } from "./components/chrome/language-selector.js";
+import { MainContent as tn } from "./components/chrome/main-content.js";
+import { PAGE_HUES as nn, PageHeader as rn, PageIconGradientDefs as an, pageHue as on } from "./components/chrome/page-header.js";
+import { PageLayout as sn } from "./components/chrome/page-layout.js";
+import { PageToolbar as cn } from "./components/chrome/page-toolbar.js";
+import { Sidebar as ln } from "./components/chrome/sidebar.js";
+import { SkipToContent as un } from "./components/chrome/skip-to-content.js";
+import { ThemeToggle as dn } from "./components/chrome/theme-toggle.js";
+import { WizardProgress as fn } from "./components/wizard/wizard-progress.js";
+import { ALL_COLOR_CODES as pn, AVAILABLE_COLORS as mn, BOARD_COLORS as hn, COLOR_CODE_MAP as gn, COLOR_DISPLAY as _n, FIESTABOARD_COLORS as vn, getBoardColor as yn, isValidBoardColor as bn, resolveColorCode as xn } from "./lib/board-colors.js";
+import { BOARD_CHARS as Sn, EXTRA_CHARS as Cn, getCharFromToken as wn, getCharIndex as Tn, isColorTile as En, messageToGrid as Dn, messageToText as On, parseLine as kn, tokensEqual as An } from "./lib/board-characters.js";
+import { BoardTeaser as jn } from "./components/board/board-teaser.js";
+import { BoardBackdrop as Mn } from "./components/board/board-backdrop.js";
+import { WizardShell as Nn } from "./components/wizard/wizard-shell.js";
+import { DEVICE_DIMENSIONS as Pn, MAX_NOTES_PER_AXIS as Fn, NOTE_COLS as In, NOTE_ROWS as Ln, isNoteArray as Rn, noteArrayDimensions as zn, resolveDimensions as Bn } from "./lib/board-dimensions.js";
+import { BoardDisplay as Vn, FLAP_SPEED_PRESETS as Hn, deriveFlapTiming as Un, resolveFlapSpeed as Wn } from "./components/board/board-display.js";
+import { ScaledBoardDisplay as Gn } from "./components/board/scaled-board-display.js";
+import { StaticBoardDisplay as Kn } from "./components/board/static-board-display.js";
+import { DEFAULT_SHAPE_LABELS as qn, previewLabel as Jn, previewLabels as Yn, previewMessage as Xn } from "./lib/board-previews.js";
+import { BarList as Zn } from "./components/data/bar-list.js";
+import { StatStrip as Qn, StatStripItem as $n } from "./components/data/stat-strip.js";
+import { BoardShowcase as er, DEFAULT_SHOWCASE_LABELS as tr } from "./components/plugin/board-showcase.js";
+import { PLUGIN_CATEGORIES as nr, PluginCategoryBadge as rr } from "./components/plugin/plugin-category-badge.js";
+import { ScaledBoardTeaser as ir } from "./components/plugin/scaled-board-teaser.js";
+import { PluginCard as ar } from "./components/plugin/plugin-card.js";
+import { BOARD_CODE_TO_COLOR as or, BOARD_COLOR_CODES as sr, CURSOR_ANCHOR as cr, DEFAULT_BOARD_LINES as lr, DEFAULT_BOARD_WIDTH as ur, FILL_SPACE_REPEAT_VAR as dr, FILL_SPACE_VAR as fr } from "./components/editor/constants.js";
+import { NodeViewInjectionProvider as pr, useNodeViewInjection as mr } from "./components/editor/node-views/node-view-context.js";
+import { ColorTileNodeView as hr, DEFAULT_COLOR_TILE_NODE_VIEW_LABELS as gr } from "./components/editor/node-views/color-tile-node-view.js";
+import { ColorTileNode as _r } from "./components/editor/extensions/color-tile-node.js";
+import { DEFAULT_FILL_SPACE_NODE_VIEW_LABELS as vr, FillSpaceNodeView as yr } from "./components/editor/node-views/fill-space-node-view.js";
+import { FillSpaceNode as br } from "./components/editor/extensions/fill-space-node.js";
+import { DEFAULT_FORMULA_NODE_VIEW_LABELS as xr, FormulaNodeView as Sr } from "./components/editor/node-views/formula-node-view.js";
+import { FormulaNode as Cr } from "./components/editor/extensions/formula-node.js";
+import { LineNavigation as wr } from "./components/editor/extensions/line-navigation.js";
+import { SingleParagraphDoc as Tr } from "./components/editor/extensions/single-paragraph-doc.js";
+import { TrailingNewline as Er } from "./components/editor/extensions/trailing-newline.js";
+import { DEFAULT_VARIABLE_NODE_VIEW_LABELS as Dr, VariableNodeView as Or } from "./components/editor/node-views/variable-node-view.js";
+import { VariableNode as kr } from "./components/editor/extensions/variable-node.js";
+import { DEFAULT_WRAPPED_TEXT_VIEW_LABELS as Ar, WrappedTextView as jr } from "./components/editor/node-views/wrapped-text-view.js";
+import { WrappedTextNode as Mr } from "./components/editor/extensions/wrapped-text-node.js";
+import { ColorPickerContent as Nr, DEFAULT_COLOR_PICKER_LABELS as Pr } from "./components/editor/color-picker-content.js";
+import { DRAW_CHARS as Fr, brushToCell as Ir, cellsToLine as Lr, isPositionalLine as Rr, lineToCells as zr, paintLine as Br, renderPositionalLine as Vr } from "./components/editor/utils/draw-mode.js";
+import { DEFAULT_DRAW_CHAR_PICKER_LABELS as Hr, DrawCharPickerContent as Ur } from "./components/editor/draw-char-picker-content.js";
+import { DEFAULT_FORMATTING_PICKER_LABELS as Wr, FormattingPickerContent as Gr } from "./components/editor/formatting-picker-content.js";
+import { DEFAULT_TOOLBAR_DROPDOWN_LABELS as Kr, ToolbarDropdown as qr } from "./components/editor/toolbar-dropdown.js";
+import { parseLineContent as Jr, parseTemplateSimple as Yr, serializeTemplateSimple as Xr } from "./components/editor/utils/serialization.js";
+import { insertTemplateContent as Zr } from "./components/editor/utils/insertion.js";
+import { DEFAULT_TEMPLATE_EDITOR_TOOLBAR_LABELS as Qr, TemplateEditorToolbar as $r } from "./components/editor/template-editor-toolbar.js";
+import { buildStrokeTransaction as ei, lineRanges as ti } from "./components/editor/utils/stroke-transaction.js";
+import { DEFAULT_TEMPLATE_EDITOR_LABELS as ni, TemplateEditor as ri } from "./components/editor/template-editor.js";
+import { DEFAULT_FILTER_PICKER_LABELS as ii, FilterPickerContent as ai } from "./components/editor/filter-picker-content.js";
+import { DEFAULT_VARIABLE_PICKER_LABELS as oi, VariablePickerContent as si, createLucideIconResolver as ci, getPluginsWithNestedArrays as li } from "./components/editor/variable-picker-content.js";
+import { calculateLineLength as ui, getOverflowAmount as di, willOverflow as fi } from "./components/editor/utils/length-calculator.js";
+export { pn as ALL_COLOR_CODES, mn as AVAILABLE_COLORS, t as Accordion, n as AccordionContent, r as AccordionItem, i as AccordionTrigger, g as Alert, _ as AlertDescription, R as AlertDialog, z as AlertDialogAction, B as AlertDialogCancel, V as AlertDialogContent, H as AlertDialogDescription, U as AlertDialogFooter, W as AlertDialogHeader, G as AlertDialogOverlay, K as AlertDialogPortal, q as AlertDialogTitle, J as AlertDialogTrigger, v as AlertTitle, Sn as BOARD_CHARS, or as BOARD_CODE_TO_COLOR, hn as BOARD_COLORS, sr as BOARD_COLOR_CODES, b as Badge, Zn as BarList, Mn as BoardBackdrop, Vn as BoardDisplay, Bt as BoardIcon, Vt as BoardSelector, er as BoardShowcase, jn as BoardTeaser, N as Box, Ht as Breadcrumb, Ut as BreadcrumbEllipsis, Wt as BreadcrumbItem, Gt as BreadcrumbLink, Kt as BreadcrumbList, qt as BreadcrumbPage, Jt as BreadcrumbSeparator, D as Button, gn as COLOR_CODE_MAP, _n as COLOR_DISPLAY, cr as CURSOR_ANCHOR, a as Card, o as CardAction, s as CardContent, c as CardDescription, l as CardFooter, u as CardHeader, d as CardTitle, k as Checkbox, S as Chip, De as Code, f as Collapsible, p as CollapsibleContent, m as CollapsibleTrigger, Nr as ColorPickerContent, _r as ColorTileNode, hr as ColorTileNodeView, lr as DEFAULT_BOARD_LINES, ur as DEFAULT_BOARD_WIDTH, Pr as DEFAULT_COLOR_PICKER_LABELS, gr as DEFAULT_COLOR_TILE_NODE_VIEW_LABELS, Hr as DEFAULT_DRAW_CHAR_PICKER_LABELS, vr as DEFAULT_FILL_SPACE_NODE_VIEW_LABELS, ii as DEFAULT_FILTER_PICKER_LABELS, Wr as DEFAULT_FORMATTING_PICKER_LABELS, xr as DEFAULT_FORMULA_NODE_VIEW_LABELS, qn as DEFAULT_SHAPE_LABELS, tr as DEFAULT_SHOWCASE_LABELS, ni as DEFAULT_TEMPLATE_EDITOR_LABELS, Qr as DEFAULT_TEMPLATE_EDITOR_TOOLBAR_LABELS, Kr as DEFAULT_TOOLBAR_DROPDOWN_LABELS, Dr as DEFAULT_VARIABLE_NODE_VIEW_LABELS, oi as DEFAULT_VARIABLE_PICKER_LABELS, Ar as DEFAULT_WRAPPED_TEXT_VIEW_LABELS, Pn as DEVICE_DIMENSIONS, Fr as DRAW_CHARS, Y as Dialog, X as DialogClose, Z as DialogContent, Q as DialogDescription, $ as DialogFooter, ee as DialogHeader, te as DialogOverlay, ne as DialogPortal, re as DialogTitle, ie as DialogTrigger, Ur as DrawCharPickerContent, ae as DropdownMenu, oe as DropdownMenuCheckboxItem, se as DropdownMenuContent, ce as DropdownMenuGroup, le as DropdownMenuItem, ue as DropdownMenuLabel, de as DropdownMenuPortal, fe as DropdownMenuRadioGroup, pe as DropdownMenuRadioItem, me as DropdownMenuSeparator, he as DropdownMenuShortcut, ge as DropdownMenuSub, _e as DropdownMenuSubContent, ve as DropdownMenuSubTrigger, ye as DropdownMenuTrigger, Cn as EXTRA_CHARS, w as EmptyState, vn as FIESTABOARD_COLORS, Yt as FIESTA_ICON_DATA_URI, Xt as FIESTA_ICON_PALETTE, Zt as FIESTA_ICON_SVG, dr as FILL_SPACE_REPEAT_VAR, fr as FILL_SPACE_VAR, Hn as FLAP_SPEED_PRESETS, Ge as FadeContent, Qt as FiestaIcon, $t as FiestaLogo, br as FillSpaceNode, yr as FillSpaceNodeView, ai as FilterPickerContent, P as Flex, Gr as FormattingPickerContent, Cr as FormulaNode, Sr as FormulaNodeView, I as Grid, Oe as Heading, A as Input, h as JsonTree, j as Label, en as LanguageSelector, wr as LineNavigation, Ae as List, je as ListItem, Fn as MAX_NOTES_PER_AXIS, tn as MainContent, In as NOTE_COLS, Ln as NOTE_ROWS, pr as NodeViewInjectionProvider, nn as PAGE_HUES, nr as PLUGIN_CATEGORIES, rn as PageHeader, an as PageIconGradientDefs, sn as PageLayout, cn as PageToolbar, ar as PluginCard, rr as PluginCategoryBadge, be as Popover, xe as PopoverClose, Se as PopoverContent, Ce as PopoverDescription, we as PopoverTitle, Te as PopoverTrigger, Gn as ScaledBoardDisplay, ir as ScaledBoardTeaser, Ne as ScrollArea, Pe as ScrollBar, M as SecretInput, ht as SegmentedControl, gt as SegmentedControlItem, Ye as Select, Xe as SelectContent, Ze as SelectGroup, Qe as SelectItem, $e as SelectLabel, et as SelectScrollDownButton, tt as SelectScrollUpButton, nt as SelectSeparator, rt as SelectTrigger, it as SelectValue, Tt as Sheet, Et as SheetClose, Dt as SheetContent, Ot as SheetDescription, kt as SheetFooter, At as SheetHeader, jt as SheetOverlay, Mt as SheetPortal, Nt as SheetTitle, Pt as SheetTrigger, ln as Sidebar, Tr as SingleParagraphDoc, Ke as Skeleton, un as SkipToContent, at as Slider, T as Spinner, Ct as Stack, Qn as StatStrip, $n as StatStripItem, Kn as StaticBoardDisplay, qe as StatusDot, ot as Switch, Fe as Table, Ie as TableBody, Le as TableCell, Re as TableHead, ze as TableHeader, Be as TableRow, Ve as Tabs, He as TabsContent, Ue as TabsList, We as TabsTrigger, ri as TemplateEditor, $r as TemplateEditorToolbar, ct as Text, zt as TextLink, st as Textarea, dn as ThemeToggle, ut as TimePicker, dt as Toggle, _t as ToggleCard, vt as ToggleCardGroup, ft as ToggleGroup, qr as ToolbarDropdown, Ft as Tooltip, It as TooltipContent, Lt as TooltipProvider, Rt as TooltipTrigger, Er as TrailingNewline, kr as VariableNode, Or as VariableNodeView, si as VariablePickerContent, fn as WizardProgress, Nn as WizardShell, Mr as WrappedTextNode, jr as WrappedTextView, y as alertVariants, x as badgeVariants, Ir as brushToCell, ei as buildStrokeTransaction, O as buttonVariants, ui as calculateLineLength, Lr as cellsToLine, C as chipVariants, e as cn, ci as createLucideIconResolver, Un as deriveFlapTiming, F as flexVariants, yn as getBoardColor, wn as getCharFromToken, Tn as getCharIndex, di as getOverflowAmount, li as getPluginsWithNestedArrays, L as gridVariants, ke as headingVariants, Zr as insertTemplateContent, En as isColorTile, Rn as isNoteArray, Rr as isPositionalLine, bn as isValidBoardColor, ti as lineRanges, zr as lineToCells, Me as listVariants, Dn as messageToGrid, On as messageToText, zn as noteArrayDimensions, on as pageHue, Br as paintLine, kn as parseLine, Jr as parseLineContent, Yr as parseTemplateSimple, Jn as previewLabel, Yn as previewLabels, Xn as previewMessage, Vr as renderPositionalLine, xn as resolveColorCode, Bn as resolveDimensions, Wn as resolveFlapSpeed, yt as segmentedControlItemVariants, bt as segmentedControlVariants, Xr as serializeTemplateSimple, E as spinnerVariants, wt as stackVariants, Je as statusDotVariants, lt as textVariants, xt as toggleCardGroupVariants, St as toggleCardVariants, pt as toggleGroupVariants, mt as toggleVariants, An as tokensEqual, mr as useNodeViewInjection, Ee as usePopoverClose, fi as willOverflow };

package/package.json

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