51: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T7c9,"use client"; import { forwardRef, useMemo } from "react"; import type { ReactNode } from "react"; import { cn } from "../../utils"; import { BUTTON_GROUP_CONTEXT_KEY } from "./types"; import type { ButtonGroupContext, ButtonGroupOrientation } from "./types"; import "./button-group.css"; export interface ButtonGroupProps { /** Stacking axis for the joined items. Defaults to a row. */ orientation?: ButtonGroupOrientation; /** Accessible name for the group, exposed as `aria-label`. */ label?: string; /** The adjacent actions to join into one seamless control. */ children?: ReactNode; /** Additional CSS classes */ className?: string; } /** * Joins a row (or a stack) of adjacent actions into one seamless control. * * The root element arrives through the ref channel rather than a `ref` prop, * per PORTING.md — the Svelte source declares `ref = $bindable(null)`. * * Rest props are not spread: the Svelte source reads only these props off * `$props()` and has no `...restProps`, so the port carries no wider * attribute surface than the component it mirrors. */ export const ButtonGroup = forwardRef( ({ orientation = "horizontal", label, children, className }, ref) => { // Rebuilt only when the orientation actually changes — that rebuild is // what re-renders the nested controls reading it, and it is the React // counterpart of the Svelte context's live getter. const context = useMemo(() => ({ orientation }), [orientation]); return (

{children}

); } ); ButtonGroup.displayName = "ButtonGroup"; 54:Tbf6,/* * These rules reach into whatever a caller renders inside ButtonGroup — a * Button, a plain