4d:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4e:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4f:T31e0,import { Toolbar as ToolbarPrimitive } from "@base-ui/react/toolbar"; import type { VariantProps } from "class-variance-authority"; import type { ComponentProps } from "react"; import { cn } from "@/lib/utils"; import { buttonVariants } from "./button"; /** * Toolbar — Fluent 2-styled, Base-UI-modeled toolbar part family. * * Maps to Fluent 2's **Toolbar**: a transparent horizontal (or vertical) bar of * related controls — buttons, groups, separators, links, inline inputs. It is * the foundation primitive for an Office-style Ribbon, but stands alone as a * general-purpose component. * * ## Base UI mapping (conventions §9) * A toolbar's *behavior* — a single tab stop (roving tabindex), arrow-key * navigation among its items, composite focus, and wrap-around at the ends — is * real focus management that plain markup can't express, so the parts wrap * `@base-ui/react/toolbar` (namespace import as `ToolbarPrimitive`, matching * the actual `export * as Toolbar from "./index.parts.js"` shape in * node_modules — the same pattern `tabs.tsx`/`popover.tsx` use). Base UI owns * all of the keyboard behavior; this wrapper never hand-rolls a roving * tabindex. * * | Exported (kit name) | Base UI primitive | Element | * | ------------------- | --------------------- | ------- | * | `Toolbar` | `Toolbar.Root` | `