@fiestaboard/ui 2.0.3 → 2.1.1

package/dist/index.js

@@ -1,64 +1,65 @@
 import { cn as e } from "./lib/utils.js";
 import { Accordion as t, AccordionContent as n, AccordionItem as r, AccordionTrigger as i } from "./components/ui/accordion.js";
 import { Alert as a, AlertDescription as o, AlertTitle as s, alertVariants as c } from "./components/ui/alert.js";
-import { Button as l, buttonVariants as u } from "./components/ui/button.js";
-import { AlertDialog as d, AlertDialogAction as f, AlertDialogCancel as p, AlertDialogContent as m, AlertDialogDescription as h, AlertDialogFooter as g, AlertDialogHeader as _, AlertDialogOverlay as v, AlertDialogPortal as y, AlertDialogTitle as b, AlertDialogTrigger as x } from "./components/ui/alert-dialog.js";
-import { Aurora as S } from "./components/ui/aurora.js";
-import { Badge as C, badgeVariants as w } from "./components/ui/badge.js";
-import { Box as T } from "./components/ui/box.js";
-import { Card as E, CardAction as D, CardContent as O, CardDescription as k, CardFooter as A, CardHeader as j, CardTitle as M } from "./components/ui/card.js";
-import { Checkbox as N } from "./components/ui/checkbox.js";
-import { Code as P } from "./components/ui/code.js";
-import { Collapsible as F, CollapsibleContent as I, CollapsibleTrigger as L } from "./components/ui/collapsible.js";
-import { Dialog as R, DialogClose as z, DialogContent as B, DialogDescription as V, DialogFooter as H, DialogHeader as U, DialogOverlay as W, DialogPortal as G, DialogTitle as K, DialogTrigger as q } from "./components/ui/dialog.js";
-import { DropdownMenu as J, DropdownMenuCheckboxItem as Y, DropdownMenuContent as X, DropdownMenuGroup as Z, DropdownMenuItem as Q, DropdownMenuLabel as $, DropdownMenuPortal as ee, DropdownMenuRadioGroup as te, DropdownMenuRadioItem as ne, DropdownMenuSeparator as re, DropdownMenuShortcut as ie, DropdownMenuSub as ae, DropdownMenuSubContent as oe, DropdownMenuSubTrigger as se, DropdownMenuTrigger as ce } from "./components/ui/dropdown-menu.js";
-import { EmptyState as le } from "./components/ui/empty-state.js";
-import { Flex as ue, flexVariants as de } from "./components/ui/flex.js";
-import { Grid as fe, gridVariants as pe } from "./components/ui/grid.js";
-import { Heading as me, headingVariants as he } from "./components/ui/heading.js";
-import { Input as ge } from "./components/ui/input.js";
-import { Label as _e } from "./components/ui/label.js";
-import { List as ve, ListItem as ye, listVariants as be } from "./components/ui/list.js";
-import xe from "./components/ui/react-bits/decrypted-text.js";
-import Se from "./components/ui/react-bits/fade-content.js";
-import { ScrollArea as Ce, ScrollBar as we } from "./components/ui/scroll-area.js";
-import { Select as Te, SelectContent as Ee, SelectGroup as De, SelectItem as Oe, SelectLabel as ke, SelectScrollDownButton as Ae, SelectScrollUpButton as je, SelectSeparator as Me, SelectTrigger as Ne, SelectValue as Pe } from "./components/ui/select.js";
-import { Sheet as Fe, SheetClose as Ie, SheetContent as Le, SheetDescription as Re, SheetFooter as ze, SheetHeader as Be, SheetOverlay as Ve, SheetPortal as He, SheetTitle as Ue, SheetTrigger as We } from "./components/ui/sheet.js";
-import { Skeleton as Ge } from "./components/ui/skeleton.js";
-import { Slider as Ke } from "./components/ui/slider.js";
-import { Stack as qe, stackVariants as Je } from "./components/ui/stack.js";
-import { Switch as Ye } from "./components/ui/switch.js";
-import { Table as Xe, TableBody as Ze, TableCell as Qe, TableHead as $e, TableHeader as et, TableRow as tt } from "./components/ui/table.js";
-import { Tabs as nt, TabsContent as rt, TabsList as it, TabsTrigger as at } from "./components/ui/tabs.js";
-import { Text as ot, textVariants as st } from "./components/ui/text.js";
-import { TextLink as ct } from "./components/ui/text-link.js";
-import { Textarea as lt } from "./components/ui/textarea.js";
-import { Tooltip as ut, TooltipContent as dt, TooltipProvider as ft, TooltipTrigger as pt } from "./components/ui/tooltip.js";
-import { BoardIcon as mt } from "./components/chrome/board-icon.js";
-import { BoardSelector as ht } from "./components/chrome/board-selector.js";
-import { FIESTA_ICON_DATA_URI as gt, FIESTA_ICON_PALETTE as _t, FIESTA_ICON_SVG as vt, FiestaIcon as yt } from "./components/chrome/fiesta-icon.js";
-import { FiestaLogo as bt } from "./components/chrome/fiesta-logo.js";
-import { LanguageSelector as xt } from "./components/chrome/language-selector.js";
-import { MainContent as St } from "./components/chrome/main-content.js";
-import { PageHeader as Ct, PageIconGradientDefs as wt } from "./components/chrome/page-header.js";
-import { PageLayout as Tt } from "./components/chrome/page-layout.js";
-import { PageToolbar as Et } from "./components/chrome/page-toolbar.js";
-import { SidebarAurora as Dt } from "./components/seasons/sidebar-aurora.js";
-import { SidebarAuroraHorizontal as Ot } from "./components/seasons/sidebar-aurora-horizontal.js";
-import { Sidebar as kt } from "./components/chrome/sidebar.js";
-import { SkipToContent as At } from "./components/chrome/skip-to-content.js";
-import { ThemeToggle as jt } from "./components/chrome/theme-toggle.js";
-import { HIDE_FESTIVE_COOKIE as Mt, PRIDE_SEASON as Nt, SEASONS as Pt, fireSeasonBurst as Ft, getActiveSeason as It, readCookieString as Lt, shouldShowPride as Rt, useActiveSeason as zt, usePrideActive as Bt } from "./lib/seasons.js";
-import { ALL_COLOR_CODES as Vt, AVAILABLE_COLORS as Ht, BOARD_COLORS as Ut, COLOR_CODE_MAP as Wt, COLOR_DISPLAY as Gt, getBoardColor as Kt, isValidBoardColor as qt, resolveColorCode as Jt } from "./lib/board-colors.js";
-import { BOARD_CHARS as Yt, EXTRA_CHARS as Xt, getCharFromToken as Zt, getCharIndex as Qt, isColorTile as $t, messageToGrid as en, parseLine as tn, tokensEqual as nn } from "./lib/board-characters.js";
-import { DEVICE_DIMENSIONS as rn, MAX_NOTES_PER_AXIS as an, NOTE_COLS as on, NOTE_ROWS as sn, isNoteArray as cn, noteArrayDimensions as ln, resolveDimensions as un } from "./lib/board-dimensions.js";
-import { BoardDisplay as dn } from "./components/board/board-display.js";
-import { BoardTeaser as fn } from "./components/board/board-teaser.js";
-import { ScaledBoardDisplay as pn } from "./components/board/scaled-board-display.js";
-import { StaticBoardDisplay as mn } from "./components/board/static-board-display.js";
-import { DEFAULT_SHAPE_LABELS as hn, previewLabel as gn, previewLabels as _n, previewMessage as vn } from "./lib/board-previews.js";
-import { BoardShowcase as yn, DEFAULT_SHOWCASE_LABELS as bn } from "./components/plugin/board-showcase.js";
-import { PLUGIN_CATEGORIES as xn, PluginCategoryBadge as Sn } from "./components/plugin/plugin-category-badge.js";
-import { ScaledBoardTeaser as Cn } from "./components/plugin/scaled-board-teaser.js";
-import { PluginCard as wn } from "./components/plugin/plugin-card.js";
-export { Vt as ALL_COLOR_CODES, Ht as AVAILABLE_COLORS, t as Accordion, n as AccordionContent, r as AccordionItem, i as AccordionTrigger, a as Alert, o as AlertDescription, d as AlertDialog, f as AlertDialogAction, p as AlertDialogCancel, m as AlertDialogContent, h as AlertDialogDescription, g as AlertDialogFooter, _ as AlertDialogHeader, v as AlertDialogOverlay, y as AlertDialogPortal, b as AlertDialogTitle, x as AlertDialogTrigger, s as AlertTitle, S as Aurora, Yt as BOARD_CHARS, Ut as BOARD_COLORS, C as Badge, dn as BoardDisplay, mt as BoardIcon, ht as BoardSelector, yn as BoardShowcase, fn as BoardTeaser, T as Box, l as Button, Wt as COLOR_CODE_MAP, Gt as COLOR_DISPLAY, E as Card, D as CardAction, O as CardContent, k as CardDescription, A as CardFooter, j as CardHeader, M as CardTitle, N as Checkbox, P as Code, F as Collapsible, I as CollapsibleContent, L as CollapsibleTrigger, hn as DEFAULT_SHAPE_LABELS, bn as DEFAULT_SHOWCASE_LABELS, rn as DEVICE_DIMENSIONS, xe as DecryptedText, R as Dialog, z as DialogClose, B as DialogContent, V as DialogDescription, H as DialogFooter, U as DialogHeader, W as DialogOverlay, G as DialogPortal, K as DialogTitle, q as DialogTrigger, J as DropdownMenu, Y as DropdownMenuCheckboxItem, X as DropdownMenuContent, Z as DropdownMenuGroup, Q as DropdownMenuItem, $ as DropdownMenuLabel, ee as DropdownMenuPortal, te as DropdownMenuRadioGroup, ne as DropdownMenuRadioItem, re as DropdownMenuSeparator, ie as DropdownMenuShortcut, ae as DropdownMenuSub, oe as DropdownMenuSubContent, se as DropdownMenuSubTrigger, ce as DropdownMenuTrigger, Xt as EXTRA_CHARS, le as EmptyState, gt as FIESTA_ICON_DATA_URI, _t as FIESTA_ICON_PALETTE, vt as FIESTA_ICON_SVG, Se as FadeContent, yt as FiestaIcon, bt as FiestaLogo, ue as Flex, fe as Grid, Mt as HIDE_FESTIVE_COOKIE, me as Heading, ge as Input, _e as Label, xt as LanguageSelector, ve as List, ye as ListItem, an as MAX_NOTES_PER_AXIS, St as MainContent, on as NOTE_COLS, sn as NOTE_ROWS, xn as PLUGIN_CATEGORIES, Nt as PRIDE_SEASON, Ct as PageHeader, wt as PageIconGradientDefs, Tt as PageLayout, Et as PageToolbar, wn as PluginCard, Sn as PluginCategoryBadge, Pt as SEASONS, pn as ScaledBoardDisplay, Cn as ScaledBoardTeaser, Ce as ScrollArea, we as ScrollBar, Te as Select, Ee as SelectContent, De as SelectGroup, Oe as SelectItem, ke as SelectLabel, Ae as SelectScrollDownButton, je as SelectScrollUpButton, Me as SelectSeparator, Ne as SelectTrigger, Pe as SelectValue, Fe as Sheet, Ie as SheetClose, Le as SheetContent, Re as SheetDescription, ze as SheetFooter, Be as SheetHeader, Ve as SheetOverlay, He as SheetPortal, Ue as SheetTitle, We as SheetTrigger, kt as Sidebar, Dt as SidebarAurora, Ot as SidebarAuroraHorizontal, Ge as Skeleton, At as SkipToContent, Ke as Slider, qe as Stack, mn as StaticBoardDisplay, Ye as Switch, Xe as Table, Ze as TableBody, Qe as TableCell, $e as TableHead, et as TableHeader, tt as TableRow, nt as Tabs, rt as TabsContent, it as TabsList, at as TabsTrigger, ot as Text, ct as TextLink, lt as Textarea, jt as ThemeToggle, ut as Tooltip, dt as TooltipContent, ft as TooltipProvider, pt as TooltipTrigger, c as alertVariants, w as badgeVariants, u as buttonVariants, e as cn, Ft as fireSeasonBurst, de as flexVariants, It as getActiveSeason, Kt as getBoardColor, Zt as getCharFromToken, Qt as getCharIndex, pe as gridVariants, he as headingVariants, $t as isColorTile, cn as isNoteArray, qt as isValidBoardColor, be as listVariants, en as messageToGrid, ln as noteArrayDimensions, tn as parseLine, gn as previewLabel, _n as previewLabels, vn as previewMessage, Lt as readCookieString, Jt as resolveColorCode, un as resolveDimensions, Rt as shouldShowPride, Je as stackVariants, st as textVariants, nn as tokensEqual, zt as useActiveSeason, Bt as usePrideActive };
+import { Spinner as l, spinnerVariants as u } from "./components/ui/spinner.js";
+import { Button as d, buttonVariants as f } from "./components/ui/button.js";
+import { AlertDialog as p, AlertDialogAction as m, AlertDialogCancel as h, AlertDialogContent as g, AlertDialogDescription as _, AlertDialogFooter as v, AlertDialogHeader as y, AlertDialogOverlay as b, AlertDialogPortal as x, AlertDialogTitle as S, AlertDialogTrigger as C } from "./components/ui/alert-dialog.js";
+import { Aurora as w } from "./components/ui/aurora.js";
+import { Badge as T, badgeVariants as E } from "./components/ui/badge.js";
+import { Box as D } from "./components/ui/box.js";
+import { Card as O, CardAction as k, CardContent as A, CardDescription as j, CardFooter as M, CardHeader as N, CardTitle as P } from "./components/ui/card.js";
+import { Checkbox as F } from "./components/ui/checkbox.js";
+import { Code as I } from "./components/ui/code.js";
+import { Collapsible as L, CollapsibleContent as R, CollapsibleTrigger as z } from "./components/ui/collapsible.js";
+import { Dialog as B, DialogClose as V, DialogContent as H, DialogDescription as U, DialogFooter as W, DialogHeader as G, DialogOverlay as K, DialogPortal as q, DialogTitle as J, DialogTrigger as Y } from "./components/ui/dialog.js";
+import { DropdownMenu as X, DropdownMenuCheckboxItem as Z, DropdownMenuContent as Q, DropdownMenuGroup as $, DropdownMenuItem as ee, DropdownMenuLabel as te, DropdownMenuPortal as ne, DropdownMenuRadioGroup as re, DropdownMenuRadioItem as ie, DropdownMenuSeparator as ae, DropdownMenuShortcut as oe, DropdownMenuSub as se, DropdownMenuSubContent as ce, DropdownMenuSubTrigger as le, DropdownMenuTrigger as ue } from "./components/ui/dropdown-menu.js";
+import { EmptyState as de } from "./components/ui/empty-state.js";
+import { Flex as fe, flexVariants as pe } from "./components/ui/flex.js";
+import { Grid as me, gridVariants as he } from "./components/ui/grid.js";
+import { Heading as ge, headingVariants as _e } from "./components/ui/heading.js";
+import { Input as ve } from "./components/ui/input.js";
+import { Label as ye } from "./components/ui/label.js";
+import { List as be, ListItem as xe, listVariants as Se } from "./components/ui/list.js";
+import Ce from "./components/ui/react-bits/decrypted-text.js";
+import we from "./components/ui/react-bits/fade-content.js";
+import { ScrollArea as Te, ScrollBar as Ee } from "./components/ui/scroll-area.js";
+import { Select as De, SelectContent as Oe, SelectGroup as ke, SelectItem as Ae, SelectLabel as je, SelectScrollDownButton as Me, SelectScrollUpButton as Ne, SelectSeparator as Pe, SelectTrigger as Fe, SelectValue as Ie } from "./components/ui/select.js";
+import { Sheet as Le, SheetClose as Re, SheetContent as ze, SheetDescription as Be, SheetFooter as Ve, SheetHeader as He, SheetOverlay as Ue, SheetPortal as We, SheetTitle as Ge, SheetTrigger as Ke } from "./components/ui/sheet.js";
+import { Skeleton as qe } from "./components/ui/skeleton.js";
+import { Slider as Je } from "./components/ui/slider.js";
+import { Stack as Ye, stackVariants as Xe } from "./components/ui/stack.js";
+import { Switch as Ze } from "./components/ui/switch.js";
+import { Table as Qe, TableBody as $e, TableCell as et, TableHead as tt, TableHeader as nt, TableRow as rt } from "./components/ui/table.js";
+import { Tabs as it, TabsContent as at, TabsList as ot, TabsTrigger as st } from "./components/ui/tabs.js";
+import { Text as ct, textVariants as lt } from "./components/ui/text.js";
+import { TextLink as ut } from "./components/ui/text-link.js";
+import { Textarea as dt } from "./components/ui/textarea.js";
+import { Tooltip as ft, TooltipContent as pt, TooltipProvider as mt, TooltipTrigger as ht } from "./components/ui/tooltip.js";
+import { BoardIcon as gt } from "./components/chrome/board-icon.js";
+import { BoardSelector as _t } from "./components/chrome/board-selector.js";
+import { FIESTA_ICON_DATA_URI as vt, FIESTA_ICON_PALETTE as yt, FIESTA_ICON_SVG as bt, FiestaIcon as xt } from "./components/chrome/fiesta-icon.js";
+import { FiestaLogo as St } from "./components/chrome/fiesta-logo.js";
+import { LanguageSelector as Ct } from "./components/chrome/language-selector.js";
+import { MainContent as wt } from "./components/chrome/main-content.js";
+import { PageHeader as Tt, PageIconGradientDefs as Et } from "./components/chrome/page-header.js";
+import { PageLayout as Dt } from "./components/chrome/page-layout.js";
+import { PageToolbar as Ot } from "./components/chrome/page-toolbar.js";
+import { SidebarAurora as kt } from "./components/seasons/sidebar-aurora.js";
+import { SidebarAuroraHorizontal as At } from "./components/seasons/sidebar-aurora-horizontal.js";
+import { Sidebar as jt } from "./components/chrome/sidebar.js";
+import { SkipToContent as Mt } from "./components/chrome/skip-to-content.js";
+import { ThemeToggle as Nt } from "./components/chrome/theme-toggle.js";
+import { HIDE_FESTIVE_COOKIE as Pt, PRIDE_SEASON as Ft, SEASONS as It, fireSeasonBurst as Lt, getActiveSeason as Rt, readCookieString as zt, shouldShowPride as Bt, useActiveSeason as Vt, usePrideActive as Ht } from "./lib/seasons.js";
+import { ALL_COLOR_CODES as Ut, AVAILABLE_COLORS as Wt, BOARD_COLORS as Gt, COLOR_CODE_MAP as Kt, COLOR_DISPLAY as qt, getBoardColor as Jt, isValidBoardColor as Yt, resolveColorCode as Xt } from "./lib/board-colors.js";
+import { BOARD_CHARS as Zt, EXTRA_CHARS as Qt, getCharFromToken as $t, getCharIndex as en, isColorTile as tn, messageToGrid as nn, parseLine as rn, tokensEqual as an } from "./lib/board-characters.js";
+import { DEVICE_DIMENSIONS as on, MAX_NOTES_PER_AXIS as sn, NOTE_COLS as cn, NOTE_ROWS as ln, isNoteArray as un, noteArrayDimensions as dn, resolveDimensions as fn } from "./lib/board-dimensions.js";
+import { BoardDisplay as pn, FLAP_SPEED_PRESETS as mn, deriveFlapTiming as hn, resolveFlapSpeed as gn } from "./components/board/board-display.js";
+import { BoardTeaser as _n } from "./components/board/board-teaser.js";
+import { ScaledBoardDisplay as vn } from "./components/board/scaled-board-display.js";
+import { StaticBoardDisplay as yn } from "./components/board/static-board-display.js";
+import { DEFAULT_SHAPE_LABELS as bn, previewLabel as xn, previewLabels as Sn, previewMessage as Cn } from "./lib/board-previews.js";
+import { BoardShowcase as wn, DEFAULT_SHOWCASE_LABELS as Tn } from "./components/plugin/board-showcase.js";
+import { PLUGIN_CATEGORIES as En, PluginCategoryBadge as Dn } from "./components/plugin/plugin-category-badge.js";
+import { ScaledBoardTeaser as On } from "./components/plugin/scaled-board-teaser.js";
+import { PluginCard as kn } from "./components/plugin/plugin-card.js";
+export { Ut as ALL_COLOR_CODES, Wt as AVAILABLE_COLORS, t as Accordion, n as AccordionContent, r as AccordionItem, i as AccordionTrigger, a as Alert, o as AlertDescription, p as AlertDialog, m as AlertDialogAction, h as AlertDialogCancel, g as AlertDialogContent, _ as AlertDialogDescription, v as AlertDialogFooter, y as AlertDialogHeader, b as AlertDialogOverlay, x as AlertDialogPortal, S as AlertDialogTitle, C as AlertDialogTrigger, s as AlertTitle, w as Aurora, Zt as BOARD_CHARS, Gt as BOARD_COLORS, T as Badge, pn as BoardDisplay, gt as BoardIcon, _t as BoardSelector, wn as BoardShowcase, _n as BoardTeaser, D as Box, d as Button, Kt as COLOR_CODE_MAP, qt as COLOR_DISPLAY, O as Card, k as CardAction, A as CardContent, j as CardDescription, M as CardFooter, N as CardHeader, P as CardTitle, F as Checkbox, I as Code, L as Collapsible, R as CollapsibleContent, z as CollapsibleTrigger, bn as DEFAULT_SHAPE_LABELS, Tn as DEFAULT_SHOWCASE_LABELS, on as DEVICE_DIMENSIONS, Ce as DecryptedText, B as Dialog, V as DialogClose, H as DialogContent, U as DialogDescription, W as DialogFooter, G as DialogHeader, K as DialogOverlay, q as DialogPortal, J as DialogTitle, Y as DialogTrigger, X as DropdownMenu, Z as DropdownMenuCheckboxItem, Q as DropdownMenuContent, $ as DropdownMenuGroup, ee as DropdownMenuItem, te as DropdownMenuLabel, ne as DropdownMenuPortal, re as DropdownMenuRadioGroup, ie as DropdownMenuRadioItem, ae as DropdownMenuSeparator, oe as DropdownMenuShortcut, se as DropdownMenuSub, ce as DropdownMenuSubContent, le as DropdownMenuSubTrigger, ue as DropdownMenuTrigger, Qt as EXTRA_CHARS, de as EmptyState, vt as FIESTA_ICON_DATA_URI, yt as FIESTA_ICON_PALETTE, bt as FIESTA_ICON_SVG, mn as FLAP_SPEED_PRESETS, we as FadeContent, xt as FiestaIcon, St as FiestaLogo, fe as Flex, me as Grid, Pt as HIDE_FESTIVE_COOKIE, ge as Heading, ve as Input, ye as Label, Ct as LanguageSelector, be as List, xe as ListItem, sn as MAX_NOTES_PER_AXIS, wt as MainContent, cn as NOTE_COLS, ln as NOTE_ROWS, En as PLUGIN_CATEGORIES, Ft as PRIDE_SEASON, Tt as PageHeader, Et as PageIconGradientDefs, Dt as PageLayout, Ot as PageToolbar, kn as PluginCard, Dn as PluginCategoryBadge, It as SEASONS, vn as ScaledBoardDisplay, On as ScaledBoardTeaser, Te as ScrollArea, Ee as ScrollBar, De as Select, Oe as SelectContent, ke as SelectGroup, Ae as SelectItem, je as SelectLabel, Me as SelectScrollDownButton, Ne as SelectScrollUpButton, Pe as SelectSeparator, Fe as SelectTrigger, Ie as SelectValue, Le as Sheet, Re as SheetClose, ze as SheetContent, Be as SheetDescription, Ve as SheetFooter, He as SheetHeader, Ue as SheetOverlay, We as SheetPortal, Ge as SheetTitle, Ke as SheetTrigger, jt as Sidebar, kt as SidebarAurora, At as SidebarAuroraHorizontal, qe as Skeleton, Mt as SkipToContent, Je as Slider, l as Spinner, Ye as Stack, yn as StaticBoardDisplay, Ze as Switch, Qe as Table, $e as TableBody, et as TableCell, tt as TableHead, nt as TableHeader, rt as TableRow, it as Tabs, at as TabsContent, ot as TabsList, st as TabsTrigger, ct as Text, ut as TextLink, dt as Textarea, Nt as ThemeToggle, ft as Tooltip, pt as TooltipContent, mt as TooltipProvider, ht as TooltipTrigger, c as alertVariants, E as badgeVariants, f as buttonVariants, e as cn, hn as deriveFlapTiming, Lt as fireSeasonBurst, pe as flexVariants, Rt as getActiveSeason, Jt as getBoardColor, $t as getCharFromToken, en as getCharIndex, he as gridVariants, _e as headingVariants, tn as isColorTile, un as isNoteArray, Yt as isValidBoardColor, Se as listVariants, nn as messageToGrid, dn as noteArrayDimensions, rn as parseLine, xn as previewLabel, Sn as previewLabels, Cn as previewMessage, zt as readCookieString, Xt as resolveColorCode, fn as resolveDimensions, gn as resolveFlapSpeed, Bt as shouldShowPride, u as spinnerVariants, Xe as stackVariants, lt as textVariants, an as tokensEqual, Vt as useActiveSeason, Ht as usePrideActive };

package/dist/lib/board-metrics.d.ts

@@ -1,19 +1,122 @@
 /**
- * Render-invariant Tailwind class maps keyed by board size ("sm" | "md" | "lg").
- *
- * These are a single shared source for BoardDisplay, StaticBoardDisplay, and
- * BoardTeaser so a teaser strip and a static preview match a full animated
- * board row rendered at the same size. Keeping one copy here means the three
- * renderers can't drift apart.
- *
- * They live at module scope (imported once) rather than inside a component body
- * so they are allocated a single time at import instead of on every render.
- * BoardDisplay originally hoisted its own copies for this reason (PR #31 /
- * issue #24); StaticBoardDisplay and BoardTeaser re-allocated equivalents per
- * render until they were consolidated here (issue #68).
+ * Board tile geometry — one free variable, everything else derived from it.
+ *
+ * A split-flap module is a physical object, so its proportions have to be
+ * invariant: the same tile rendered at any scale keeps one aspect ratio, one
+ * gutter-to-tile ratio, one glyph-to-tile ratio, and a corner radius that
+ * scales with it. Before issue #176 this file kept four independent class maps
+ * and they had drifted apart (aspect spread 12.3%, gutter/tile 53.1%,
+ * glyph/tile 24.2%, corner radius a flat 3px from a 18px tile to a 46px one —
+ * and `gapClasses.md` had silently lost its `lg:` step, so at ≥1024px an
+ * `md` board grew its tiles and kept its gutter).
+ *
+ * Now there is exactly one free variable per size/breakpoint — the tile
+ * **height** — and every other dimension comes out of {@link TILE_RATIOS}:
+ *
+ *     width  = round(h × 0.70)     aspect, matching the md/lg cluster
+ *     gutter = round(h × 0.145)    ≈ 0.207 of width, the old md/lg centre
+ *     glyph  = round(h × 0.39)     font-size
+ *     radius = h × 0.075           corner radius (see note below)
+ *
+ * Resulting ratios across all 12 size × breakpoint steps:
+ *
+ *     aspect        0.692 … 0.722   spread  4.3%   (was 12.3%)
+ *     gutter/tile   0.200 … 0.231   spread 15.4%   (was 53.1%)
+ *     glyph/tile    0.382 … 0.400   spread  4.6%   (was 24.2%)
+ *     radius/tile   0.075           spread  0.0%   (was 155.6%)
+ *
+ * The residual spread is entirely integer-pixel quantisation: no dimension is
+ * more than 0.5px from its ideal value, and the relative error looks large
+ * only because a 3px gutter cannot be expressed more precisely than ±0.5px.
+ * That is a rendering limit, not drift — there is no per-size fudge factor
+ * left in this file. Corner radius is the one exception to integer rounding:
+ * it is paint-only (never affects layout) and antialiases cleanly, so it is
+ * kept fractional and the ratio is exactly invariant.
+ *
+ * Steps are declared for every breakpoint, and a breakpoint that intentionally
+ * inherits the previous step must say so with an explicit `null`. That makes
+ * the "gapClasses.md forgot its lg: step" bug a type error rather than
+ * something you have to notice by eye.
+ *
+ * These maps are a single shared source for BoardDisplay, StaticBoardDisplay,
+ * and BoardTeaser so a teaser strip and a static preview match a full animated
+ * board row rendered at the same size. They live at module scope (built once at
+ * import) rather than inside a component body, because during loading each of
+ * the ~132 tiles of a flagship board re-renders every flap step and
+ * re-allocating these per render churned continuously across the grid
+ * (PR #31 / issue #24; consolidated here in issue #68).
  */
 export type BoardSize = "sm" | "md" | "lg";
+/** Tailwind's responsive steps, in cascade order. `base` is the unprefixed one. */
+export declare const BOARD_STEPS: readonly ["base", "sm", "md", "lg"];
+export type BoardStep = (typeof BOARD_STEPS)[number];
+/** Fixed tile proportions, all expressed against the tile height. */
+export declare const TILE_RATIOS: {
+    /** Tile width ÷ tile height. */
+    readonly width: 0.7;
+    /** Gutter between tiles ÷ tile height (≈ 0.207 of the tile width). */
+    readonly gutter: 0.145;
+    /** Glyph font-size ÷ tile height. */
+    readonly glyph: 0.39;
+    /** Corner radius ÷ tile height. */
+    readonly radius: 0.075;
+};
+export interface TileMetrics {
+    height: number;
+    width: number;
+    gutter: number;
+    glyph: number;
+    radius: number;
+}
+/**
+ * The whole tile scale, derived from a single tile height.
+ *
+ * Layout dimensions are rounded to whole pixels (fractional tile widths make
+ * the grid seams blurry and the glyph centring uneven); the corner radius is
+ * paint-only and is kept fractional so the ratio stays exact.
+ */
+export declare function deriveTileMetrics(height: number): TileMetrics;
+/** Tile width + height. */
 export declare const sizeClasses: Record<BoardSize, string>;
+/** Glyph font-size. */
 export declare const textSizeClasses: Record<BoardSize, string>;
-export declare const paddingClasses: Record<BoardSize, string>;
+/** Gutter between tiles (also the row gap — the grid is square-pitched). */
 export declare const gapClasses: Record<BoardSize, string>;
+/** Tile (and leaf) corner radius. Scales with the tile — see issue #176. */
+export declare const radiusClasses: Record<BoardSize, string>;
+/**
+ * Bezel padding around the grid.
+ *
+ * Deliberately *not* derived from the tile height: this is the frame the tiles
+ * sit in, not a property of a tile, and the physical bezel does not scale with
+ * the module. It is authored per step and left at the values the boards have
+ * always shipped with, so deriving the tile scale does not resize every board.
+ * It is declared here alongside the tile maps only so all board metrics stay in
+ * one file.
+ */
+export declare const paddingClasses: Record<BoardSize, string>;
+export interface TileScaleRow extends TileMetrics {
+    size: BoardSize;
+    step: BoardStep;
+    /** Ratios as rendered, i.e. after integer-pixel rounding. */
+    aspect: number;
+    gutterRatio: number;
+    glyphRatio: number;
+    radiusRatio: number;
+}
+/** Every authored step, with the ratios it actually renders at. */
+export declare function tileScaleRows(): TileScaleRow[];
+export interface TileScaleIssue {
+    size: BoardSize;
+    step: BoardStep;
+    field: "size" | "gap" | "text" | "radius";
+    expected: string;
+    actual: string;
+}
+/**
+ * Re-derive every authored class string from its tile height and report any
+ * that no longer matches. The class strings have to be literals for Tailwind's
+ * scanner (see {@link TileStep}), so this is what keeps them honest; the
+ * "Tile geometry" story calls it.
+ */
+export declare function verifyTileScale(): TileScaleIssue[];

package/dist/lib/board-metrics.js

@@ -1,22 +1,105 @@
 //#region src/lib/board-metrics.ts
-var e = {
-	sm: "w-[14px] h-[18px]",
-	md: "w-[14px] h-[20px] sm:w-[20px] sm:h-[28px] md:w-[24px] md:h-[34px] lg:w-[28px] lg:h-[40px]",
-	lg: "w-[18px] h-[26px] sm:w-[24px] sm:h-[34px] md:w-[28px] md:h-[40px] lg:w-[32px] lg:h-[46px]"
-}, t = {
-	sm: "text-[7px]",
-	md: "text-[7px] sm:text-[10px] md:text-[13px] lg:text-[16px]",
-	lg: "text-[10px] sm:text-[13px] md:text-[16px] lg:text-[20px]"
-}, n = {
+var e = [
+	"base",
+	"sm",
+	"md",
+	"lg"
+], t = {
+	sm: {
+		base: {
+			h: 18,
+			size: "w-[13px] h-[18px]",
+			gap: "gap-[3px]",
+			text: "text-[7px]",
+			radius: "rounded-[1.35px]"
+		},
+		sm: null,
+		md: null,
+		lg: null
+	},
+	md: {
+		base: {
+			h: 20,
+			size: "w-[14px] h-[20px]",
+			gap: "gap-[3px]",
+			text: "text-[8px]",
+			radius: "rounded-[1.5px]"
+		},
+		sm: {
+			h: 28,
+			size: "sm:w-[20px] sm:h-[28px]",
+			gap: "sm:gap-[4px]",
+			text: "sm:text-[11px]",
+			radius: "sm:rounded-[2.1px]"
+		},
+		md: {
+			h: 34,
+			size: "md:w-[24px] md:h-[34px]",
+			gap: "md:gap-[5px]",
+			text: "md:text-[13px]",
+			radius: "md:rounded-[2.55px]"
+		},
+		lg: {
+			h: 40,
+			size: "lg:w-[28px] lg:h-[40px]",
+			gap: "lg:gap-[6px]",
+			text: "lg:text-[16px]",
+			radius: "lg:rounded-[3px]"
+		}
+	},
+	lg: {
+		base: {
+			h: 26,
+			size: "w-[18px] h-[26px]",
+			gap: "gap-[4px]",
+			text: "text-[10px]",
+			radius: "rounded-[1.95px]"
+		},
+		sm: {
+			h: 34,
+			size: "sm:w-[24px] sm:h-[34px]",
+			gap: "sm:gap-[5px]",
+			text: "sm:text-[13px]",
+			radius: "sm:rounded-[2.55px]"
+		},
+		md: {
+			h: 40,
+			size: "md:w-[28px] md:h-[40px]",
+			gap: "md:gap-[6px]",
+			text: "md:text-[16px]",
+			radius: "md:rounded-[3px]"
+		},
+		lg: {
+			h: 46,
+			size: "lg:w-[32px] lg:h-[46px]",
+			gap: "lg:gap-[7px]",
+			text: "lg:text-[18px]",
+			radius: "lg:rounded-[3.45px]"
+		}
+	}
+}, n = [
+	"sm",
+	"md",
+	"lg"
+];
+function r(r) {
+	let i = {};
+	for (let a of n) {
+		let n = [];
+		for (let i of e) {
+			let e = t[a][i];
+			e && n.push(r(e));
+		}
+		i[a] = n.join(" ");
+	}
+	return i;
+}
+var i = r((e) => e.size), a = r((e) => e.text), o = r((e) => e.gap), s = r((e) => e.radius), c = {
 	sm: "px-3 py-4",
 	md: "px-2 py-3 sm:px-4 sm:py-6 md:px-5 md:py-8 lg:px-6 lg:py-10",
 	lg: "px-3 py-4 sm:px-5 sm:py-7 md:px-6 md:py-9 lg:px-8 lg:py-12"
-}, r = {
-	sm: "gap-[3px]",
-	md: "gap-[2px] sm:gap-[4px] md:gap-[5px]",
-	lg: "gap-[3px] sm:gap-[5px] md:gap-[6px] lg:gap-[7px]"
 };
 //#endregion
-export { r as gapClasses, n as paddingClasses, e as sizeClasses, t as textSizeClasses };
+export { e as BOARD_STEPS, o as gapClasses, c as paddingClasses, s as radiusClasses, i as sizeClasses, a as textSizeClasses };
 
 //# sourceMappingURL=board-metrics.js.map

package/dist/lib/board-metrics.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-metrics.js","names":[],"sources":["../../src/lib/board-metrics.ts"],"mappings":";AAiBA,IAAa,IAAyC;CACpD,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEa,IAA6C;CACxD,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEa,IAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEa,IAAwC;CACnD,IAAI;CACJ,IAAI;CACJ,IAAI;AACN"}
+{"version":3,"file":"board-metrics.js","names":[],"sources":["../../src/lib/board-metrics.ts"],"mappings":";AAoDA,IAAa,IAAc;CAAC;CAAQ;CAAM;CAAM;AAAI,GAgE9C,IAAoE;CAExE,IAAI;EACF,MAAM;GAAE,GAAG;GAAI,MAAM;GAAqB,KAAK;GAAa,MAAM;GAAc,QAAQ;EAAmB;EAC3G,IAAI;EACJ,IAAI;EACJ,IAAI;CACN;CACA,IAAI;EACF,MAAM;GAAE,GAAG;GAAI,MAAM;GAAqB,KAAK;GAAa,MAAM;GAAc,QAAQ;EAAkB;EAC1G,IAAI;GACF,GAAG;GACH,MAAM;GACN,KAAK;GACL,MAAM;GACN,QAAQ;EACV;EACA,IAAI;GACF,GAAG;GACH,MAAM;GACN,KAAK;GACL,MAAM;GACN,QAAQ;EACV;EACA,IAAI;GACF,GAAG;GACH,MAAM;GACN,KAAK;GACL,MAAM;GACN,QAAQ;EACV;CACF;CACA,IAAI;EACF,MAAM;GAAE,GAAG;GAAI,MAAM;GAAqB,KAAK;GAAa,MAAM;GAAe,QAAQ;EAAmB;EAC5G,IAAI;GACF,GAAG;GACH,MAAM;GACN,KAAK;GACL,MAAM;GACN,QAAQ;EACV;EACA,IAAI;GACF,GAAG;GACH,MAAM;GACN,KAAK;GACL,MAAM;GACN,QAAQ;EACV;EACA,IAAI;GACF,GAAG;GACH,MAAM;GACN,KAAK;GACL,MAAM;GACN,QAAQ;EACV;CACF;AACF,GAEM,IAAoC;CAAC;CAAM;CAAM;AAAI;AAE3D,SAAS,EAAU,GAA6D;CAC9E,IAAM,IAAM,CAAC;CACb,KAAK,IAAM,KAAQ,GAAa;EAC9B,IAAM,IAAkB,CAAC;EACzB,KAAK,IAAM,KAAQ,GAAa;GAC9B,IAAM,IAAQ,EAAW,EAAK,CAAC;GAC/B,AAAI,KAAO,EAAM,KAAK,EAAK,CAAK,CAAC;EACnC;EACA,EAAI,KAAQ,EAAM,KAAK,GAAG;CAC5B;CACA,OAAO;AACT;AAGA,IAAa,IAAyC,GAAW,MAAS,EAAK,IAAI,GAGtE,IAA6C,GAAW,MAAS,EAAK,IAAI,GAG1E,IAAwC,GAAW,MAAS,EAAK,GAAG,GAGpE,IAA2C,GAAW,MAAS,EAAK,MAAM,GAY1E,IAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;AACN"}

package/dist/theme.css

@@ -151,6 +151,42 @@
   --shadow-card: var(--elevation-card);
   --shadow-card-hover: var(--elevation-card-hover);
   --shadow-modal: var(--elevation-modal);
+
+  /* ============================================================
+   * Motion scale → Tailwind utilities (issue #182).
+   *
+   * The `duration-*` utility resolves through the `--transition-duration-*`
+   * namespace and `ease-*` through `--ease-*` (Tailwind v4). Exporting the
+   * motion tokens here is what makes `duration-base` in a component and
+   * `var(--motion-duration-base)` in this file the SAME number — retuning a
+   * token in :root now moves the component layer with it, instead of the two
+   * silently drifting apart (which raw `duration-200` allowed).
+   *
+   * Declared inside `@theme inline`, so a utility emits
+   * `transition-duration: var(--motion-duration-base)` rather than a baked
+   * copy of `200ms` — the indirection is what carries a retune through.
+   *
+   * Bare numeric durations (`duration-200`) still compile; they are banned in
+   * src/components by scripts/ci/tests/no-bare-duration-utility.test.mjs.
+   *
+   * Not exported on purpose:
+   *   --motion-ease-out (`ease-out`) — Tailwind already ships `--ease-out`
+   *     with a DIFFERENT curve (cubic-bezier(0, 0, 0.2, 1)). Overriding it
+   *     would silently retime every existing `ease-out` utility, so the
+   *     keyword stays a CSS-only token.
+   *   --motion-ease-in — identical to Tailwind's stock `--ease-in`
+   *     (cubic-bezier(0.4, 0, 1, 1)), so `ease-in` is already on-scale.
+   * ============================================================ */
+  --transition-duration-fast: var(--motion-duration-fast);
+  --transition-duration-control: var(--motion-duration-control);
+  --transition-duration-base: var(--motion-duration-base);
+  --transition-duration-exit: var(--motion-duration-exit);
+  --transition-duration-slow: var(--motion-duration-slow);
+  --transition-duration-slower: var(--motion-duration-slower);
+  --transition-duration-slowest: var(--motion-duration-slowest);
+  --ease-spring: var(--motion-ease-spring);
+  --ease-out-cubic: var(--motion-ease-out-cubic);
+  --ease-standard: var(--motion-ease-standard);
 }
 
 :root {
@@ -313,6 +349,10 @@
    * Deliberately left inline (true one-offs): 117s sidebar gradient
    * flow, 220ms board-switch exits, 0.8s pride-burst, 1s card-fade-in,
    * 50ms page-toolbar stagger delay.
+   *
+   * The component layer reaches these through Tailwind utilities
+   * (`duration-base`, `ease-spring`, …), not raw `duration-200` — see the
+   * motion export block in `@theme inline` at the top of this file.
    * ============================================================ */
   --motion-duration-fast: 100ms;
   --motion-duration-control: 150ms;
@@ -1300,3 +1340,64 @@ html[data-board-switch="backward"]::view-transition-new(board-page) {
     transition: none !important;
   }
 }
+
+/* ============================================================
+ * Reduced-motion backstop (issue #180)
+ *
+ * The blocks above gate the animations this file OWNS. Three sources of
+ * motion are structurally out of their reach, and all three shipped
+ * running under `prefers-reduced-motion: reduce`:
+ *
+ *   1. Tailwind utilities — `animate-pulse` (Skeleton) and `animate-spin`
+ *      carry no motion gate, and both are INFINITE, which also engages
+ *      WCAG 2.2.2 (Pause, Stop, Hide).
+ *   2. tw-animate-css — its `enter`/`exit` keyframes (Dialog, AlertDialog,
+ *      Select, Tooltip …) contain no `prefers-reduced-motion` rule at all.
+ *   3. Inline `style` animations — `sheet.tsx` sets `animation` as an
+ *      element style, which no ordinary CSS rule can reach. `!important`
+ *      can: it outranks the style attribute.
+ *
+ * Hence the universal rule. 1ms rather than 0s on purpose: a zero-length
+ * animation/transition is skipped entirely by some engines, which would
+ * silently drop the `animationend`/`transitionend` that Base UI waits on
+ * before unmounting an exiting popup. 1ms still fires the event on the
+ * next frame, so anything gated on completion still completes; anything
+ * animating in from `opacity: 0` still lands at `opacity: 1`.
+ *
+ * This is a BACKSTOP, not the whole answer. Where a frozen frame is worse
+ * than a bespoke pose, the component states it itself and wins by being
+ * more specific — Skeleton uses `motion-reduce:animate-none` for a static
+ * `bg-accent` placeholder rather than an arbitrary mid-pulse frame, and
+ * Spinner swaps its rotating arc for a static complete ring.
+ * ============================================================ */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 1ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 1ms !important;
+  }
+
+  /* Exemption: these two must read back EXACTLY 0s.
+     `main-content.tsx` gates its FLIP slide on
+     `parseFloat(getComputedStyle(shift).transitionDuration) === 0`, then —
+     once past that gate — pins `overflow-x: clip` on <main> until a
+     `transitionend` for `transform` clears it. The reduced-motion rule
+     above keeps `transition-property: none`, so that event never arrives;
+     leaving the universal 1ms in place would push the computed duration to
+     0.001s, defeat the `=== 0` early return, and strand the clip. Keeping
+     the shorthand (specificity 0,1,0 beats `*`) restores 0s. */
+  .sidebar-transition,
+  .content-shift {
+    transition: none !important;
+  }
+}
+
+/* Same exemption for the app's `.reduce-motion` class: when the OS
+   preference and the class are both set the universal rule above applies,
+   so the class-based freeze needs `!important` too. */
+.reduce-motion .sidebar-transition,
+.reduce-motion .content-shift {
+  transition: none !important;
+}

package/package.json

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