61: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 62: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 63:T10e8,"use client"; import { Switch as SwitchPrimitive } from "@base-ui/react/switch"; import type * as React from "react"; import { type SiteplaneControlSize, useResolvedControlSize, } from "../../system/provider/siteplane-ui-provider"; import { choiceMenuItemClassName, choiceMenuItemSwitchGridClassName, choiceMenuItemSwitchLabelClassName, menuRowLabel, } from "../../system/styles/choice-menu-item"; import { cn, type WithStringClassName } from "../../system/utils/cn"; import { baseClass, slotClass } from "../../system/utils/slot-class"; import type { KitSwitchProps } from "./switch-internal"; import "./switch.css"; // The standalone control and the track of a menu row's switch draw their // track and thumb, their sizes and the thumb's travel from the same rules in // design-rework.css; the utilities here only lay the parts out. The track of a // menu row is the chassis in its default variant at the step of the row's // line, 36x20 beside the menu rows' 20 px line and 44x24 in a touch-size // DrawerMenu (Lukas, 2 November 2026), and takes the standalone control's 3:1 // edge by its switch-track slot. The thumb starts // at the track's inline start and travels toward its end when checked: in a // right-to-left page it starts on the right and travels left, and it stretches // from its leading edge there too, while the switch or its label is pressed. const switchControlClassName = "sp-switch-motion inline-flex shrink-0 cursor-pointer items-center data-disabled:cursor-not-allowed"; export const switchThumbClassName = "pointer-events-none block aspect-square origin-left will-change-transform in-[[data-foundation=switch][data-checked]]:origin-right rtl:origin-right rtl:in-[[data-foundation=switch][data-checked]]:origin-left"; /** The track of a switch row in a menu; the row's checked state drives it. */ export const switchTrackClassName = "sp-switch-track sp-switch-motion col-start-2"; export interface SwitchProps extends Omit< WithStringClassName, "size" > { /** The control size, which the track and its label follow. */ size?: SiteplaneControlSize | undefined; /** * `slim` draws the track without padding, as tall as the thumb, which * covers its edge. The thumb keeps its size and travel. A switch row of a * menu draws the default track. */ variant?: "default" | "slim" | undefined; } export function Switch(switchProps: SwitchProps): React.ReactElement { // Menu and drawer rows pass the internal menu-item profile through // KitSwitch (switch-internal.ts), the same function. const { children, className, profile = "control", size, variant = "default", ...props } = switchProps as KitSwitchProps; const resolvedSize = useResolvedControlSize(size); return ( {profile === "menu-item" ? ( <> {menuRowLabel(children)} ) : ( )} ); } export { SwitchPrimitive }; 64:T564,@layer theme, base, components, siteplane, utilities; @layer components { /* The switch reads the theme's colours where it is, as every part does: it * declares no copy of a theme token (3 November 2026). */ .sp-switch-motion { /* The track's fill changes on the state step, as Checkbox and Radio do, * so the track and the thumb finish together. */ transition-duration: var(--motion-duration-fast); transition-property: background-color, box-shadow; transition-timing-function: var(--motion-ease-state); } /* The thumb's travel, stretch and origin move over one step and curve; they * are set with the thumb's geometry in design-rework.css. */ /* A switch before text centres on the first text line (rulebook I5): the * shared rule of the checkbox, radio and switch in design-rework.css. */ html[data-motion-reduce="true"] .sp-switch-motion, html[data-motion-reduce="true"] .sp-switch-motion .sp-switch-thumb { animation: none; transition-delay: 0ms; transition-duration: 1ms; } } /* The reduced-motion override sits in the kit layer, where it keeps its order * against design-rework.css. */ @layer siteplane { @media (prefers-reduced-motion: reduce) { .sp-switch-motion, .sp-switch-motion .sp-switch-thumb { animation: none; transition-delay: 0ms; transition-duration: 1ms; } } } 60:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@base-ui/react@1.7.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@base-ui/react@1.7.0"}]]}]}]]}],["$","$L61",null,{"namespace":"@siteplane","registryDependencies":["@siteplane/base"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"packages/ui/src/components/switch/switch.tsx","content":"$63","type":"registry:ui","target":"~/src/siteplane/components/switch/switch.tsx"},{"path":"packages/ui/src/components/switch/switch-internal.ts","content":"import type * as React from \"react\";\n\nimport { Switch, type SwitchProps } from \"./switch\";\n\n/*\n * Kit-internal Switch. Not public API: the switch index does not export this\n * module, and its names and profiles may change in any release. Menu and\n * Drawer switch rows render a Switch with the menu-item profile.\n */\nexport type SwitchProfile = \"control\" | \"menu-item\";\n\nexport type KitSwitchProps = SwitchProps & { profile?: SwitchProfile };\n\n/** Switch with the kit's composition profile; the same component. */\nexport const KitSwitch = Switch as (\n props: KitSwitchProps,\n) => React.ReactElement;\n","type":"registry:ui","target":"~/src/siteplane/components/switch/switch-internal.ts"},{"path":"packages/ui/src/components/switch/switch.css","content":"$64","type":"registry:ui","target":"~/src/siteplane/components/switch/switch.css"},{"path":"packages/ui/src/components/switch/index.ts","content":"export * from \"./switch\";\n","type":"registry:ui","target":"~/src/siteplane/components/switch/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]