@viglet/viglet-design-system 2026.3.2 → 2026.3.3

package/dist/contexts/user.context.d.ts

@@ -1,11 +1,35 @@
 import { VigUser } from '../models/user';
 import { default as React } from 'react';
+/**
+ * Where the current user has got to.
+ *
+ * `user` alone could not say. It is initialised to `{} as VigUser`, so a
+ * consumer reading `user.name` gets `undefined` whether the request is in
+ * flight, the session expired, or the account genuinely has no name — three
+ * different screens, one indistinguishable value. Every consumer invented its
+ * own guess at which it was looking at; `BentoUserMenu` guessed "loading" from
+ * an absent username, and so rendered a skeleton for ever when the fetch failed.
+ */
+export type VigUserStatus = "loading" | "ready" | "failed";
+/**
+ * "loading" is the state before the first result, not "a request is in flight" —
+ * see `refreshUser`.
+ */
 interface UserContextValue {
     user: VigUser;
     refreshUser: () => void;
+    /** Which of the three states `user` is in. */
+    status: VigUserStatus;
+    /** What `fetchUser` rejected with, while `status` is "failed". */
+    error: unknown;
 }
 interface UserProviderProps {
     children: React.ReactNode;
+    /**
+     * Loads the current user. Rejecting puts the provider in `status: "failed"`
+     * with `error` set; the rejection is not rethrown, so a caller does not have
+     * to guard against it becoming an unhandled rejection.
+     */
     fetchUser: () => Promise<VigUser>;
 }
 export declare function UserProvider({ children, fetchUser }: UserProviderProps): React.JSX.Element;

package/dist/contexts/user.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user.context.d.ts","sourceRoot":"","sources":["../../src/contexts/user.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,UAAU,gBAAgB;IACxB,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAID,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;CAClC;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,qBActE;AAED,wBAAgB,cAAc,IAAI,gBAAgB,CAIjD"}
+{"version":3,"file":"user.context.d.ts","sourceRoot":"","sources":["../../src/contexts/user.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;;GASG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE1D;;;GAGG;AAEH,UAAU,gBAAgB;IACxB,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,8CAA8C;IAC9C,MAAM,EAAE,aAAa,CAAA;IACrB,kEAAkE;IAClE,KAAK,EAAE,OAAO,CAAA;CACf;AAID,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;;OAIG;IACH,SAAS,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;CAClC;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,qBAkDtE;AAED,wBAAgB,cAAc,IAAI,gBAAgB,CAIjD"}

package/dist/exports.json

@@ -0,0 +1,404 @@
+{
+  "name": "@viglet/viglet-design-system",
+  "version": "2026.3.3",
+  "generatedBy": "scripts/emit-exports.mjs",
+  "entries": {
+    ".": {
+      "specifier": "@viglet/viglet-design-system",
+      "values": [
+        "Accordion",
+        "AccordionContent",
+        "AccordionItem",
+        "AccordionTrigger",
+        "AppFooter",
+        "AppSwitcher",
+        "Avatar",
+        "AvatarFallback",
+        "AvatarImage",
+        "BackendStatusBanner",
+        "BackendStatusProvider",
+        "Badge",
+        "BadgeColorful",
+        "BadgeLocale",
+        "Breadcrumb",
+        "BreadcrumbEllipsis",
+        "BreadcrumbItem",
+        "BreadcrumbLink",
+        "BreadcrumbList",
+        "BreadcrumbPage",
+        "BreadcrumbProvider",
+        "BreadcrumbSeparator",
+        "Button",
+        "Card",
+        "CardAction",
+        "CardContent",
+        "CardDescription",
+        "CardFooter",
+        "CardHeader",
+        "CardTitle",
+        "Checkbox",
+        "Dialog",
+        "DialogClose",
+        "DialogContent",
+        "DialogDescription",
+        "DialogFooter",
+        "DialogHeader",
+        "DialogOverlay",
+        "DialogPortal",
+        "DialogTitle",
+        "DialogTrigger",
+        "Drawer",
+        "DrawerClose",
+        "DrawerContent",
+        "DrawerDescription",
+        "DrawerFooter",
+        "DrawerHeader",
+        "DrawerOverlay",
+        "DrawerPortal",
+        "DrawerTitle",
+        "DrawerTrigger",
+        "DropdownMenu",
+        "DropdownMenuCheckboxItem",
+        "DropdownMenuContent",
+        "DropdownMenuGroup",
+        "DropdownMenuItem",
+        "DropdownMenuLabel",
+        "DropdownMenuPortal",
+        "DropdownMenuRadioGroup",
+        "DropdownMenuRadioItem",
+        "DropdownMenuSeparator",
+        "DropdownMenuShortcut",
+        "DropdownMenuSub",
+        "DropdownMenuSubContent",
+        "DropdownMenuSubTrigger",
+        "DropdownMenuTrigger",
+        "ErrorBoundary",
+        "FloatingFormulasBg",
+        "Form",
+        "FormActions",
+        "FormControl",
+        "FormDescription",
+        "FormField",
+        "FormItem",
+        "FormItemTwoColumns",
+        "FormLabel",
+        "FormMessage",
+        "GlassCard",
+        "GradientButton",
+        "GradientSwitch",
+        "HoverCard",
+        "HoverCardContent",
+        "HoverCardTrigger",
+        "IconPickerDialog",
+        "Input",
+        "Label",
+        "LanguageSelect",
+        "LanguageSwitcher",
+        "Login",
+        "ModeToggle",
+        "ModeToggleSidebar",
+        "NavSecondary",
+        "NavigationMenu",
+        "NavigationMenuContent",
+        "NavigationMenuIndicator",
+        "NavigationMenuItem",
+        "NavigationMenuLink",
+        "NavigationMenuList",
+        "NavigationMenuTrigger",
+        "NavigationMenuViewport",
+        "Pagination",
+        "PaginationContent",
+        "PaginationEllipsis",
+        "PaginationItem",
+        "PaginationLink",
+        "PaginationNext",
+        "PaginationPrevious",
+        "Popover",
+        "PopoverAnchor",
+        "PopoverContent",
+        "PopoverTrigger",
+        "Progress",
+        "PulseRing",
+        "ResizableHandle",
+        "ResizablePanel",
+        "ResizablePanelGroup",
+        "SectionCard",
+        "Select",
+        "SelectContent",
+        "SelectGroup",
+        "SelectItem",
+        "SelectLabel",
+        "SelectScrollDownButton",
+        "SelectScrollUpButton",
+        "SelectSeparator",
+        "SelectTrigger",
+        "SelectValue",
+        "Separator",
+        "Sheet",
+        "SheetClose",
+        "SheetContent",
+        "SheetDescription",
+        "SheetFooter",
+        "SheetHeader",
+        "SheetTitle",
+        "SheetTrigger",
+        "Sidebar",
+        "SidebarContent",
+        "SidebarFooter",
+        "SidebarGroup",
+        "SidebarGroupAction",
+        "SidebarGroupContent",
+        "SidebarGroupLabel",
+        "SidebarHeader",
+        "SidebarInput",
+        "SidebarInset",
+        "SidebarMenu",
+        "SidebarMenuAction",
+        "SidebarMenuBadge",
+        "SidebarMenuButton",
+        "SidebarMenuItem",
+        "SidebarMenuSkeleton",
+        "SidebarMenuSub",
+        "SidebarMenuSubButton",
+        "SidebarMenuSubItem",
+        "SidebarProvider",
+        "SidebarRail",
+        "SidebarSeparator",
+        "SidebarTrigger",
+        "Skeleton",
+        "Slider",
+        "StartupFirst",
+        "Stepper",
+        "StickySaveBar",
+        "Switch",
+        "Table",
+        "TableBody",
+        "TableCaption",
+        "TableCell",
+        "TableFooter",
+        "TableHead",
+        "TableHeader",
+        "TableRow",
+        "Tabs",
+        "TabsContent",
+        "TabsList",
+        "TabsTrigger",
+        "Textarea",
+        "ThemeProvider",
+        "Toaster",
+        "Toggle",
+        "ToggleGroup",
+        "ToggleGroupItem",
+        "Tooltip",
+        "TooltipContent",
+        "TooltipProvider",
+        "TooltipTrigger",
+        "UserAvatar",
+        "UserMenu",
+        "UserProvider",
+        "VigletAppSwitcher",
+        "badgeVariants",
+        "buttonVariants",
+        "cn",
+        "exportToXlsx",
+        "getFlagEmoji",
+        "getHashedColor",
+        "getLocaleCountryCode",
+        "getUserInitials",
+        "gradientButtonVariants",
+        "initVigI18n",
+        "navigationMenuTriggerStyle",
+        "registerVigTranslations",
+        "reportBackendOffline",
+        "reportBackendOnline",
+        "setupAxiosInterceptors",
+        "toast",
+        "toggleVariants",
+        "truncateMiddle",
+        "useBackendStatus",
+        "useBreadcrumb",
+        "useBreadcrumbOptional",
+        "useCurrentUser",
+        "useDateLocale",
+        "useFormField",
+        "useGridAdapter",
+        "useIsMobile",
+        "useSidebar",
+        "useSubPageBreadcrumb",
+        "useTheme",
+        "vigDesignSystemTranslations"
+      ],
+      "types": [
+        "AppSwitcherItem",
+        "AppSwitcherProps",
+        "FloatingFormulasBgProps",
+        "GlassCardProps",
+        "IconPickerDialogProps",
+        "LanguageOption",
+        "LanguageSwitcherProps",
+        "LoginFeaturePillProps",
+        "LoginRootProps",
+        "PulseRingProps",
+        "StartupFirstHintProps",
+        "StartupFirstRootProps",
+        "StartupFirstStepsProps",
+        "StickySaveBarProps",
+        "StickySaveBarVariant",
+        "UserAvatarProps",
+        "UserMenuProps",
+        "UserMenuUser",
+        "VigBreadcrumbItem",
+        "VigGridItem",
+        "VigLocale",
+        "VigUser",
+        "VigletAppSwitcherProps",
+        "VigletAppSwitcherUrls",
+        "VigletProduct"
+      ]
+    },
+    "./bento": {
+      "specifier": "@viglet/viglet-design-system/bento",
+      "values": [
+        "AdaptiveSectionCard",
+        "BENTO_EMPHASIS_NEXT",
+        "BENTO_EMPHASIS_SPAN",
+        "BENTO_TONES",
+        "BENTO_TONE_CLASS",
+        "BentoActionsMenu",
+        "BentoBackLink",
+        "BentoBackToTop",
+        "BentoCommandPalette",
+        "BentoCountTile",
+        "BentoEmptyState",
+        "BentoEntityShell",
+        "BentoEntityTile",
+        "BentoFormHero",
+        "BentoFormSection",
+        "BentoHero",
+        "BentoHeroIconPicker",
+        "BentoInlineEdit",
+        "BentoListPage",
+        "BentoNavRail",
+        "BentoSaveBar",
+        "BentoScrollSaveBar",
+        "BentoSection",
+        "BentoShortcutsDialog",
+        "BentoStatusMarker",
+        "BentoTile",
+        "BentoTileGrid",
+        "BentoUserMenu",
+        "SectionCardChromeProvider",
+        "bentoChipClass",
+        "bentoNavTarget",
+        "resolveBentoLayout",
+        "toBentoLayoutEntries",
+        "useBentoScrollFade",
+        "useSectionChrome"
+      ],
+      "types": [
+        "AdaptiveSectionCardProps",
+        "BentoActionTone",
+        "BentoActionsMenuItem",
+        "BentoActionsMenuProps",
+        "BentoCommandPaletteProps",
+        "BentoCountTileProps",
+        "BentoEmphasis",
+        "BentoEmptyStateProps",
+        "BentoEntityShellProps",
+        "BentoEntityShellRenderArgs",
+        "BentoEntityTileProps",
+        "BentoFormHeroProps",
+        "BentoFormSectionProps",
+        "BentoHeroIconPickerProps",
+        "BentoHeroProps",
+        "BentoIdentity",
+        "BentoInlineEditProps",
+        "BentoLayoutEntry",
+        "BentoLayoutResponse",
+        "BentoLayoutSource",
+        "BentoListLayout",
+        "BentoListPageProps",
+        "BentoNavGroup",
+        "BentoNavItem",
+        "BentoNavRailProps",
+        "BentoNavSection",
+        "BentoNavSectionId",
+        "BentoSaveBarProps",
+        "BentoSectionProps",
+        "BentoShellFormState",
+        "BentoShortcutsDialogProps",
+        "BentoStatusMarkerProps",
+        "BentoTileGridProps",
+        "BentoTileProps",
+        "BentoTone",
+        "BentoUserMenuProps",
+        "ResolvedBentoItem",
+        "SectionChrome"
+      ]
+    },
+    "./assets": {
+      "specifier": "@viglet/viglet-design-system/assets",
+      "values": [
+        "dumontLogoUrl",
+        "productLogos",
+        "shioLogoUrl",
+        "turingLogoUrl",
+        "vigletLogoUrl"
+      ],
+      "types": [
+        "ProductId"
+      ]
+    },
+    "./i18n": {
+      "specifier": "@viglet/viglet-design-system/i18n",
+      "values": [
+        "i18n",
+        "initVigI18n",
+        "registerVigTranslations",
+        "vigDesignSystemTranslations"
+      ],
+      "types": []
+    },
+    "./router": {
+      "specifier": "@viglet/viglet-design-system/router",
+      "values": [
+        "BlankSlate",
+        "DialogDelete",
+        "GradientButtonLink",
+        "GridList",
+        "InternalSidebar",
+        "LoadProvider",
+        "NavMain",
+        "NavUser",
+        "Page",
+        "PageContent",
+        "PageHeader",
+        "StickyPageHeader",
+        "SubPage",
+        "SubPageHeader"
+      ],
+      "types": [
+        "VigBlockedByItem",
+        "VigGridItemActionProps"
+      ]
+    },
+    "./floating-formulas-bg": {
+      "specifier": "@viglet/viglet-design-system/floating-formulas-bg",
+      "values": [
+        "FloatingFormulasBg"
+      ],
+      "types": [
+        "FloatingFormulasBgProps"
+      ]
+    },
+    "./vite": {
+      "specifier": "@viglet/viglet-design-system/vite",
+      "values": [
+        "vigletBootLoader"
+      ],
+      "types": [
+        "VigletBootLoaderOptions"
+      ]
+    }
+  }
+}

package/dist/floating-formulas-bg.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");var n=[[480,.25],[640,.35],[768,.5],[1024,.7]];function r(){let e=window.innerWidth;for(let[t,r]of n)if(e<t)return r;return 1}function i(e){return window.addEventListener(`resize`,e,{passive:!0}),()=>window.removeEventListener(`resize`,e)}function a(){return(0,e.useSyncExternalStore)(i,r,()=>1)}var o=`H₂O.CO₂.NaCl.C₆H₁₂O₆.O₂.NH₃.CH₄.H₂SO₄.Fe₂O₃.CaCO₃.C₂H₅OH.HCl.NaOH.KMnO₄.N₂.SiO₂.Al₂O₃.MgO.ZnSO₄.Cu.H₂O₂.SO₃.PbO₂.BaSO₄.AgNO₃.K₂Cr₂O₇.Na₂CO₃.Mg(OH)₂.FeCl₃.CuSO₄.Ca(OH)₂.HNO₃.P₄O₁₀.Cl₂.Br₂`.split(`.`),s=[`ff-drift-a`,`ff-drift-b`,`ff-drift-c`,`ff-drift-d`,`ff-drift-e`],c=[{top:`8%`,left:`6%`,size:80,duration:18,delay:-2,drift:`ff-drift-b`,opacity:.3,path:`M10,40 L40,20 L70,40 M40,20 L40,5 M40,20 L25,8 M40,20 L55,8`},{top:`22%`,left:`75%`,size:100,duration:22,delay:-5,drift:`ff-drift-a`,opacity:.25,path:`M20,50 L50,30 L80,50 M50,30 L50,10 M20,50 L20,70 M80,50 L80,70 M50,30 L35,15 M50,30 L65,15`},{top:`60%`,left:`85%`,size:70,duration:16,delay:-1,drift:`ff-drift-b`,opacity:.28,path:`M15,35 L35,15 L55,35 L35,55 Z M35,15 L35,5 M55,35 L65,35`},{top:`70%`,left:`12%`,size:90,duration:20,delay:-4,drift:`ff-drift-a`,opacity:.25,path:`M10,45 L45,25 L80,45 M45,25 L45,5 M10,45 L10,65 M80,45 L80,65`},{top:`5%`,left:`42%`,size:60,duration:15,delay:-3,drift:`ff-drift-c`,opacity:.22,path:`M10,30 L30,10 L50,30 M30,10 L30,0 M10,30 L0,40 M50,30 L60,40`},{top:`45%`,left:`3%`,size:75,duration:19,delay:-6,drift:`ff-drift-a`,opacity:.25,path:`M20,40 L40,20 L60,40 M40,20 L40,5 M20,40 L5,50 M60,40 L75,50 M40,5 L30,0 M40,5 L50,0`},{top:`78%`,left:`52%`,size:85,duration:21,delay:-2,drift:`ff-drift-b`,opacity:.22,path:`M15,45 L42,20 L70,45 M42,20 L42,5 M15,45 L30,60 M70,45 L55,60`},{top:`32%`,left:`92%`,size:65,duration:17,delay:-5,drift:`ff-drift-a`,opacity:.25,path:`M10,35 L32,15 L55,35 M32,15 L32,3 M10,35 L10,50`},{top:`15%`,left:`28%`,size:70,duration:19,delay:-1,drift:`ff-drift-c`,opacity:.25,path:`M10,35 L35,10 L60,35 M35,10 L35,0 M10,35 L0,50 M60,35 L70,50`},{top:`50%`,left:`35%`,size:65,duration:16,delay:-7,drift:`ff-drift-b`,opacity:.2,path:`M10,30 L30,10 L50,30 L30,50 Z M30,10 L30,0`},{top:`40%`,left:`60%`,size:80,duration:20,delay:-3,drift:`ff-drift-a`,opacity:.22,path:`M15,40 L40,15 L65,40 M40,15 L40,3 M15,40 L5,55 M65,40 L75,55 M40,15 L28,5 M40,15 L52,5`},{top:`85%`,left:`78%`,size:60,duration:15,delay:-6,drift:`ff-drift-b`,opacity:.22,path:`M10,30 L30,10 L50,30 M30,10 L30,0 M10,30 L0,40 M50,30 L60,40`}];function l(e){let t=e;return()=>(t=(t*16807+0)%2147483647,(t-1)/2147483646)}function u(e){let t=new Set;for(let n of e)for(let e of n.split(/[\s_-]+/)){let n=e.trim();n.length>0&&t.add(n)}return Array.from(t)}function d(e){if(!e)return null;let t=/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(e.trim());if(t){let[,e,n,r]=t;return`${Number.parseInt(e+e,16)}, ${Number.parseInt(n+n,16)}, ${Number.parseInt(r+r,16)}`}let n=/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(e.trim());if(n){let[,e,t,r]=n;return`${Number.parseInt(e,16)}, ${Number.parseInt(t,16)}, ${Number.parseInt(r,16)}`}return null}function f(e){return e<.4?1:e<.8?2:3}function p(e){let t=2166136261;for(let n of e)for(let e=0;e<n.length;e+=1)t^=n.charCodeAt(e),t=Math.imul(t,16777619);return Math.abs(t)%2147483646+1}function m(e,t){let n=[...e];for(let e=n.length-1;e>0;--e){let r=Math.floor(t()*(e+1));[n[e],n[r]]=[n[r],n[e]]}return n}function h(e,t,n){let r=l(n);return m(e,r).slice(0,t).map(e=>({text:e,top:`${r()*85+2}%`,left:`${r()*88+2}%`,size:.8+r()*1.2,duration:10+r()*20,delay:-(r()*20),drift:s[Math.floor(r()*s.length)],opacity:.2+r()*.35}))}function g({itemCount:n=35,extraTokens:r,seed:i,color:s,colorDark:l,withFormulas:m=!0,withBonds:g=!0,withOrbs:_=!0,withLightning:v=!1,withExplosion:y=!1,withGrid:b=!0,motionPaused:x=!1,className:S}){let C=a(),w=Math.max(4,Math.round(n*C)),T=(0,e.useMemo)(()=>c.slice(0,Math.max(2,Math.round(c.length*C))),[C]),E=f(C),D=(0,e.useMemo)(()=>{let e=[...o,...r?u(r):[]];return h(e,w,i??p(e))},[w,r,i]),O={};s&&(O[`--ff-color`]=s),l?O[`--ff-color-dark`]=l:s&&(O[`--ff-color-dark`]=s);let k=d(s);k&&(O[`--ff-color-rgb`]=k);let A=d(l)??k;return A&&(O[`--ff-color-dark-rgb`]=A),(0,t.jsxs)(`div`,{className:`absolute inset-0 pointer-events-none overflow-hidden ${x?`ff-paused`:``} ${S??``}`,style:O,"aria-hidden":`true`,children:[v&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--a1`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--a2`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--a3`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--b1`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--b2`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--c1`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--c2`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--c3`}),y&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--nuke`}),(0,t.jsx)(`div`,{className:`ff-lightning--flood`})]})]}),_&&(0,t.jsxs)(t.Fragment,{children:[E>=1&&(0,t.jsx)(`div`,{className:`ff-orb ff-orb--1`}),E>=2&&(0,t.jsx)(`div`,{className:`ff-orb ff-orb--2`}),E>=3&&(0,t.jsx)(`div`,{className:`ff-orb ff-orb--3`})]}),b&&(0,t.jsx)(`div`,{className:`ff-grid`}),g&&T.map(e=>(0,t.jsxs)(`svg`,{className:`ff-bond ${e.drift}`,width:e.size,height:e.size,viewBox:`0 0 ${e.size} ${e.size}`,style:{top:e.top,left:e.left,animationDuration:`${e.duration}s`,animationDelay:`${e.delay}s`,opacity:e.opacity},children:[(0,t.jsx)(`path`,{d:e.path,fill:`none`,className:`ff-bond-line`,strokeWidth:`1.5`,strokeLinecap:`round`}),Array.from(e.path.matchAll(/[ML]\s*(\d+),(\d+)/g)).map((e,n)=>(0,t.jsx)(`circle`,{cx:e[1],cy:e[2],r:`2.5`,className:`ff-bond-node`},`node-${n}`))]},`bond-${e.top}-${e.left}`)),m&&D.map(e=>(0,t.jsx)(`span`,{className:`ff-term ${e.drift}`,style:{top:e.top,left:e.left,fontSize:`${e.size}rem`,animationDuration:`${e.duration}s`,animationDelay:`${e.delay}s`,opacity:e.opacity},children:e.text},`f-${e.text}-${e.top}-${e.left}`))]})}exports.FloatingFormulasBg=g;

package/dist/floating-formulas-bg.css

@@ -99,6 +99,27 @@
   animation-play-state: paused !important;
 }
 
+/* The same freeze, asked for by the reader rather than by the host. The backdrop
+   is decorative and drifts continuously, which is the shape of motion that costs
+   most: the static layers stay, the movement stops, and the lightning — a
+   repeated flash — is removed outright rather than merely paused mid-frame. The
+   rule is asserted in src/styles/reduced-motion.test.ts. */
+@media (prefers-reduced-motion: reduce) {
+  .ff-term,
+  .ff-bond,
+  .ff-orb {
+    animation: none !important;
+    transition: none !important;
+  }
+
+  .ff-lightning,
+  .ff-lightning--nuke,
+  .ff-lightning--flood {
+    animation: none !important;
+    opacity: 0 !important;
+  }
+}
+
 @keyframes ff-drift-a {
   0%   { transform: translate(0, 0) scale(1) rotate(0deg); }
   20%  { transform: translate(80px, -60px) scale(1.15) rotate(5deg); }