@bettercms-ai/kit 0.1.1 → 1.0.0

package/ui/mode-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-bar.js","names":[],"sources":["../../src/kit/ui/mode-bar.tsx"],"sourcesContent":["/**\n * MODE BAR (D61 §3.7, shared with D58 view-as). One 36px strip that says \"you are in a mode\": an icon, a sentence and\n * its actions, with a polite live-region announcement. The primitive is shared; the placement is not:\n *\n *  - View as (D58): app-wide, above the top bar (it changes who you are). `tone=\"info\"`, centred. Esc does not exit.\n *  - Revision preview (D61): inside the editor, under its header (it changes what you are looking at).\n *    `tone=\"raised\"`, start-aligned. Esc goes back to current (the host wires it).\n *\n * If both apply, both show: view-as on top. Tokens only, both themes (D56).\n * The strip sits in the app shell, outside any kit host, so its root carries the kit scope itself (like the portalled layers).\n */\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { KIT_SCOPE, SURFACE_RAISED } from \"./surfaces\";\n\nexport type ModeBarTone = \"info\" | \"raised\";\n\nconst TONE: Record<ModeBarTone, string> = {\n  info: \"border-kit-info-line bg-kit-info-soft\",\n  raised: cn(\"border-kit-line\", SURFACE_RAISED),\n};\n\nexport interface ModeBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"role\"> {\n  /** the region's accessible name (\"View as\", \"Version preview\") */\n  label: string;\n  /** a 16px glyph, decorative */\n  icon?: React.ReactNode;\n  tone?: ModeBarTone;\n  /** \"center\" (view-as) or \"start\" (revision preview) */\n  align?: \"center\" | \"start\";\n  /** polite announcement, read once when it changes */\n  announce?: string;\n}\n\nexport const ModeBar = React.forwardRef<HTMLDivElement, ModeBarProps>(function ModeBar(\n  { label, icon, tone = \"info\", align = \"center\", announce, className, children, ...rest },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      role=\"region\"\n      aria-label={label}\n      data-mode-bar={tone}\n      {...KIT_SCOPE}\n      className={cn(\n        \"relative flex h-9 shrink-0 items-center gap-2 border-b px-4 text-kit-sm text-kit-fg\",\n        align === \"center\" ? \"justify-center\" : \"justify-start\",\n        TONE[tone],\n        className,\n      )}\n      {...rest}\n    >\n      <span aria-live=\"polite\" className=\"sr-only\">{announce ?? \"\"}</span>\n      {icon ? <span aria-hidden className=\"flex shrink-0 text-kit-fg-2 [&>svg]:size-4\">{icon}</span> : null}\n      {children}\n    </div>\n  );\n});\n\n/** The quiet \"·\" between parts of a mode bar sentence. */\nexport function ModeBarDot({ className }: { className?: string }) {\n  return <span aria-hidden className={cn(\"text-kit-fg-3\", className)}>·</span>;\n}\n\n/** A text action in a mode bar (\"Exit\"): underlined, not a button chip. */\nexport const ModeBarLink = React.forwardRef<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>(function ModeBarLink(\n  { className, ...rest },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      className={cn(\n        \"shrink-0 rounded-kit-sm px-1 font-medium text-kit-fg underline decoration-kit-fg-3 underline-offset-2 hover:decoration-kit-fg\",\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,IAAM,OAAoC;CACxC,MAAM;CACN,QAAQ,GAAG,mBAAmB,eAAe;CAC9C;AAcD,IAAa,UAAU,MAAM,WAAyC,SAAS,QAC7E,EAAE,OAAO,MAAM,OAAO,QAAQ,QAAQ,UAAU,UAAU,WAAW,UAAU,GAAG,QAClF,KACA;AACA,QACE,qBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY;EACZ,iBAAe;EACf,GAAI;EACJ,WAAW,GACT,uFACA,UAAU,WAAW,mBAAmB,iBACxC,KAAK,OACL,UACD;EACD,GAAI;YAZN;GAcE,oBAAC,QAAD;IAAM,aAAU;IAAS,WAAU;cAAW,YAAY;IAAU,CAAA;GACnE,OAAO,oBAAC,QAAD;IAAM,eAAA;IAAY,WAAU;cAA8C;IAAY,CAAA,GAAG;GAChG;GACG;;EAER;;AAGF,SAAgB,WAAW,EAAE,aAAqC;AAChE,QAAO,oBAAC,QAAD;EAAM,eAAA;EAAY,WAAW,GAAG,iBAAiB,UAAU;YAAE;EAAQ,CAAA;;;AAI9E,IAAa,cAAc,MAAM,WAA6E,SAAS,YACrH,EAAE,WAAW,GAAG,QAChB,KACA;AACA,QACE,oBAAC,UAAD;EACO;EACL,MAAK;EACL,WAAW,GACT,iIACA,UACD;EACD,GAAI;EACJ,CAAA;EAEJ"}

package/ui/overlay.d.ts

@@ -0,0 +1,123 @@
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
+import { useRender } from "@base-ui/react/use-render";
+/** Base UI parts accept a className function; the kit takes plain strings so cn() can merge them. */
+type Cls<P> = Omit<P, "className"> & {
+    className?: string;
+};
+export declare const FLOATING_LAYER = "[data-floating-layer]";
+export declare const TooltipProvider: React.FC<import("@base-ui/react").TooltipProviderProps>;
+export declare function Tooltip({ content, children, side, shortcut, delay, disabled, }: {
+    content: React.ReactNode;
+    /** the trigger: one element that forwards its ref and spreads props */
+    children: React.ReactElement;
+    side?: "top" | "bottom" | "left" | "right";
+    /** a key hint (D44): shown only while keyboard hints are on */
+    shortcut?: string;
+    delay?: number;
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Popover({ onOpenChange, ...props }: PopoverPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+export declare const PopoverTrigger: PopoverPrimitive.Trigger;
+export declare const PopoverClose: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/** Positions the popover against this element instead of the trigger; presses on it count as inside. */
+export declare function PopoverAnchor({ render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare function PopoverContent({ className, align, side, sideOffset, keepFocus, onMouseDown, collisionBoundary, collisionPadding, collisionAvoidance, ...props }: Cls<PopoverPrimitive.Popup.Props> & {
+    align?: "start" | "center" | "end";
+    side?: "top" | "bottom" | "left" | "right";
+    sideOffset?: number;
+    /** keep the popup inside this area (e.g. the scrolling panel under a sticky header) instead of the viewport */
+    collisionBoundary?: PopoverPrimitive.Positioner.Props["collisionBoundary"];
+    collisionPadding?: PopoverPrimitive.Positioner.Props["collisionPadding"];
+    /** e.g. `{ align: "shift" }`: slide along the edge to fit instead of flipping start ↔ end (V2's Radix behaviour) */
+    collisionAvoidance?: PopoverPrimitive.Positioner.Props["collisionAvoidance"];
+    /** §12 no-focus-steal: typing stays in the input the list hangs off. The popup takes no focus on open, gives none
+     *  back on close, and a mouse-down inside it never blurs the input (text fields inside the popup still focus). */
+    keepFocus?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const HoverCard: typeof PreviewCardPrimitive.Root;
+export declare const HoverCardTrigger: PreviewCardPrimitive.Trigger;
+export declare function HoverCardContent({ className, ...props }: Cls<PreviewCardPrimitive.Popup.Props>): import("react/jsx-runtime").JSX.Element;
+/** Arrowing past the last item stays put (loopFocus false), like V2's Radix menus. */
+export declare function Menu({ onOpenChange, loopFocus, ...props }: MenuPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+export declare const MenuTrigger: MenuPrimitive.Trigger;
+export declare const MenuGroup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuSub: typeof MenuPrimitive.SubmenuRoot;
+export declare const MenuRadioGroup: React.NamedExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare function MenuContent({ className, align, side, sideOffset, ...props }: Cls<MenuPrimitive.Popup.Props> & {
+    align?: "start" | "center" | "end";
+    side?: "top" | "bottom" | "left" | "right";
+    sideOffset?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenuItem({ className, icon, shortcut, danger, children, ...props }: Cls<MenuPrimitive.Item.Props> & {
+    icon?: React.ReactNode;
+    shortcut?: string;
+    danger?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/** Checking an item closes the menu, like V2's Radix items (pass closeOnClick={false} to keep it open). */
+export declare function MenuCheckItem({ className, children, closeOnClick, ...props }: Cls<MenuPrimitive.CheckboxItem.Props>): import("react/jsx-runtime").JSX.Element;
+export declare function MenuRadioItem({ className, children, closeOnClick, ...props }: Cls<MenuPrimitive.RadioItem.Props>): import("react/jsx-runtime").JSX.Element;
+export declare function MenuSubTrigger({ className, icon, children, ...props }: Cls<MenuPrimitive.SubmenuTrigger.Props> & {
+    icon?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenuSubContent({ className, ...props }: Cls<MenuPrimitive.Popup.Props>): import("react/jsx-runtime").JSX.Element;
+export declare function MenuLabel({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function MenuSeparator({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+type FinalFocus = DialogPrimitive.Popup.Props["finalFocus"];
+export declare function useFocusReturn(finalFocus?: FinalFocus): {
+    ref: (el: HTMLElement | null) => void;
+    finalFocus: NonNullable<FinalFocus>;
+};
+export declare function Modal({ onOpenChange, ...props }: DialogPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+export declare const ModalTrigger: DialogPrimitive.Trigger;
+export declare const ModalClose: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const sizes: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+};
+export declare function ModalContent({ className, size, children, hideClose, finalFocus, ref, ...props }: Cls<DialogPrimitive.Popup.Props> & {
+    size?: keyof typeof sizes;
+    hideClose?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ModalHeader({ title, description, className, children, }: {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** D15: no icon tiles in dialog headers (accepted for compatibility, intentionally not rendered) */
+    icon?: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ModalBody({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ModalFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+/** A sheet is a dialog that slides in from an edge: open it with Sheet (= Modal) and its trigger. */
+export declare const Sheet: typeof Modal;
+export declare const SheetTrigger: DialogPrimitive.Trigger;
+export declare const SheetClose: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const sheetSides: {
+    readonly right: "inset-y-0 right-0 border-l data-[open]:animate-[kit-sheet-in-r_260ms_var(--kit-ease-out-soft)]";
+    readonly left: "inset-y-0 left-0 border-r data-[open]:animate-[kit-sheet-in-l_260ms_var(--kit-ease-out-soft)]";
+    readonly bottom: "inset-x-0 bottom-0 h-[52%] overflow-hidden rounded-t-kit-2xl border-t data-[open]:animate-[kit-sheet-in-b_300ms_cubic-bezier(0.32,0.72,0,1)]";
+};
+export declare function SheetContent({ className, side, children, width, label, noScrim, finalFocus, ref, style, backdropClassName, keepMounted, ...props }: Cls<DialogPrimitive.Popup.Props> & {
+    side?: keyof typeof sheetSides;
+    /** side sheets only: the panel width in px (a bottom sheet spans the viewport) */
+    width?: number;
+    /** the dialog's accessible name (V2's tablet inspector sheet is "Inspector") */
+    label?: string;
+    /** no backdrop: the page behind stays visible and, with <Sheet modal={false}>, live (V2's Comments and History sheets) */
+    noScrim?: boolean;
+    style?: React.CSSProperties;
+    /** extra classes for the backdrop, a sibling portal: a host that themes its own scope (light/dark) passes the same class here */
+    backdropClassName?: string;
+    /** keep the content mounted (hidden) while closed: a host whose content holds live state, like the editor's inspector */
+    keepMounted?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/ui/overlay.js

@@ -0,0 +1,378 @@
+import { cn } from "../lib/cn.js";
+import { FLOATING_LINE, GLASS, INK_ACTIVE, KIT_SCOPE, SURFACE_RAISED, TRAY } from "./surfaces.js";
+import { MODAL_LAYER, TooltipLayer, TooltipRoot } from "./tooltip-root.js";
+import { IconButton, TooltipScope } from "./button.js";
+import { useShortcutHints } from "./shortcut-hint.js";
+import * as React from "react";
+import { IconCheck, IconChevronRight, IconX } from "@tabler/icons-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+import { Dialog } from "@base-ui/react/dialog";
+import { Menu } from "@base-ui/react/menu";
+import { Popover } from "@base-ui/react/popover";
+import { PreviewCard } from "@base-ui/react/preview-card";
+import { Separator } from "@base-ui/react/separator";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/kit/ui/overlay.tsx
+var layer = { [MODAL_LAYER]: "" };
+var FLOATING_LAYER = "[data-floating-layer]";
+function keepOpen(details, anchor) {
+	const target = details.event?.target;
+	const keep = details.reason === "escape-key" && details.event.defaultPrevented || details.reason === "outside-press" && target instanceof Element && (!!target.closest("[data-floating-layer]") || !!anchor?.contains(target));
+	if (keep) details.cancel();
+	return keep;
+}
+function guard(onOpenChange, anchor) {
+	return (open, details) => {
+		if (!open && keepOpen(details, anchor?.())) return;
+		onOpenChange?.(open, details);
+	};
+}
+var TooltipProvider = Tooltip.Provider;
+function Tooltip$1({ content, children, side = "top", shortcut, delay = 350, disabled }) {
+	const hints = useShortcutHints();
+	if (disabled || !content) return /* @__PURE__ */ jsx(TooltipScope.Provider, {
+		value: true,
+		children
+	});
+	return /* @__PURE__ */ jsx(TooltipScope.Provider, {
+		value: true,
+		children: /* @__PURE__ */ jsxs(TooltipRoot, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+			delay,
+			render: children
+		}), /* @__PURE__ */ jsxs(TooltipLayer, {
+			side,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "line-clamp-[8] min-w-0 whitespace-normal [overflow-wrap:anywhere]",
+				children: content
+			}), shortcut && hints ? /* @__PURE__ */ jsx("kbd", {
+				"data-hint": "shortcuts",
+				className: cn("mt-px shrink-0 rounded-kit-sm px-1 font-kit-sans text-kit-2xs", INK_ACTIVE),
+				children: shortcut
+			}) : null]
+		})] })
+	});
+}
+var AnchorContext = React.createContext(null);
+function Popover$1({ onOpenChange, ...props }) {
+	const anchor = React.useRef(null);
+	return /* @__PURE__ */ jsx(AnchorContext.Provider, {
+		value: anchor,
+		children: /* @__PURE__ */ jsx(Popover.Root, {
+			...props,
+			onOpenChange: guard(onOpenChange, () => anchor.current)
+		})
+	});
+}
+var PopoverTrigger = Popover.Trigger;
+var PopoverClose = Popover.Close;
+/** Positions the popover against this element instead of the trigger; presses on it count as inside. */
+function PopoverAnchor({ render, ...props }) {
+	const anchor = React.useContext(AnchorContext);
+	return useRender({
+		render: render ?? /* @__PURE__ */ jsx("div", {}),
+		ref: anchor ?? void 0,
+		props
+	});
+}
+function PopoverContent({ className, align = "start", side, sideOffset = 6, keepFocus, onMouseDown, collisionBoundary, collisionPadding = 12, collisionAvoidance, ...props }) {
+	const anchor = React.useContext(AnchorContext);
+	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
+		align,
+		side,
+		sideOffset,
+		collisionBoundary,
+		collisionPadding,
+		collisionAvoidance,
+		anchor: anchor?.current ? anchor : void 0,
+		className: "z-[80]",
+		...KIT_SCOPE,
+		children: /* @__PURE__ */ jsx(Popover.Popup, {
+			initialFocus: keepFocus ? false : void 0,
+			finalFocus: keepFocus ? false : void 0,
+			onMouseDown: (e) => {
+				onMouseDown?.(e);
+				if (keepFocus && !e.target.closest("input, textarea, select, [contenteditable=true]")) e.preventDefault();
+			},
+			className: cn(GLASS, "w-72 max-w-[calc(100vw-24px)] rounded-kit-xl border p-3 text-kit-fg outline-none data-[open]:animate-kit-pop-in", className),
+			...props
+		})
+	}) });
+}
+var HoverCard = PreviewCard.Root;
+var HoverCardTrigger = PreviewCard.Trigger;
+function HoverCardContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(PreviewCard.Portal, { children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
+		sideOffset: 8,
+		collisionPadding: 12,
+		className: "z-[80]",
+		...KIT_SCOPE,
+		children: /* @__PURE__ */ jsx(PreviewCard.Popup, {
+			className: cn(GLASS, "w-72 rounded-kit-xl border p-3 data-[open]:animate-kit-pop-in", className),
+			...props
+		})
+	}) });
+}
+/** Arrowing past the last item stays put (loopFocus false), like V2's Radix menus. */
+function Menu$1({ onOpenChange, loopFocus = false, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Root, {
+		loopFocus,
+		...props,
+		onOpenChange: guard(onOpenChange)
+	});
+}
+var MenuTrigger = Menu.Trigger;
+var MenuGroup = Menu.Group;
+var MenuSub = Menu.SubmenuRoot;
+var MenuRadioGroup = Menu.RadioGroup;
+function MenuContent({ className, align = "start", side, sideOffset = 6, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		align,
+		side,
+		sideOffset,
+		collisionPadding: 12,
+		className: "z-[80]",
+		...KIT_SCOPE,
+		children: /* @__PURE__ */ jsx(Menu.Popup, {
+			...layer,
+			className: cn(GLASS, "min-w-48 overflow-hidden rounded-kit-lg border p-1 text-kit-fg outline-none data-[open]:animate-kit-pop-in", className),
+			...props
+		})
+	}) });
+}
+var itemCls = "relative flex h-8 cursor-pointer select-none items-center gap-2 rounded-kit-md px-2 text-kit-sm text-kit-fg outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-kit-hover [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-kit-fg-2";
+function MenuItem({ className, icon, shortcut, danger, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.Item, {
+		className: cn(itemCls, danger && "text-kit-danger-fg data-[highlighted]:bg-kit-danger-soft [&>svg]:text-kit-danger-fg", className),
+		...props,
+		children: [
+			icon,
+			/* @__PURE__ */ jsx("span", {
+				className: "min-w-0 flex-1 truncate",
+				children
+			}),
+			shortcut ? /* @__PURE__ */ jsx("span", {
+				className: "text-kit-xs text-kit-fg-3",
+				children: shortcut
+			}) : null
+		]
+	});
+}
+/** Checking an item closes the menu, like V2's Radix items (pass closeOnClick={false} to keep it open). */
+function MenuCheckItem({ className, children, closeOnClick = true, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+		className: cn(itemCls, "pr-8", className),
+		closeOnClick,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
+			className: "absolute right-2",
+			children: /* @__PURE__ */ jsx(IconCheck, { className: "size-4" })
+		})]
+	});
+}
+function MenuRadioItem({ className, children, closeOnClick = true, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+		className: cn(itemCls, "pr-8", className),
+		closeOnClick,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
+			className: "absolute right-2",
+			children: /* @__PURE__ */ jsx(IconCheck, { className: "size-4" })
+		})]
+	});
+}
+function MenuSubTrigger({ className, icon, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
+		className: cn(itemCls, "data-[popup-open]:bg-kit-hover", className),
+		...props,
+		children: [
+			icon,
+			/* @__PURE__ */ jsx("span", {
+				className: "flex-1",
+				children
+			}),
+			/* @__PURE__ */ jsx(IconChevronRight, { className: "size-3.5 text-kit-fg-3" })
+		]
+	});
+}
+function MenuSubContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		sideOffset: 6,
+		collisionPadding: 12,
+		className: "z-[81]",
+		...KIT_SCOPE,
+		children: /* @__PURE__ */ jsx(Menu.Popup, {
+			className: cn(GLASS, "min-w-44 rounded-kit-lg border p-1 text-kit-fg outline-none data-[open]:animate-kit-pop-in", className),
+			...props
+		})
+	}) });
+}
+function MenuLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("px-2 pb-1 pt-1.5 text-kit-xs font-medium text-kit-fg-3", className),
+		...props
+	});
+}
+function MenuSeparator({ className }) {
+	return /* @__PURE__ */ jsx(Separator, { className: cn("-mx-1 my-1 h-px bg-kit-line", className) });
+}
+var recent = [];
+if (typeof document !== "undefined") document.addEventListener("focusin", (e) => {
+	recent.unshift(e.target);
+	recent.length = Math.min(recent.length, 4);
+}, true);
+function useFocusReturn(finalFocus) {
+	const ret = React.useRef(null);
+	const popup = React.useRef(null);
+	return {
+		ref: React.useCallback((el) => {
+			if (el === popup.current) return;
+			popup.current = el;
+			if (!el) return;
+			const active = document.activeElement;
+			const outside = (n) => !!n && n !== document.body && !el.contains(n);
+			ret.current = outside(active) ? active : recent.find(outside) ?? null;
+		}, []),
+		finalFocus: finalFocus ?? (() => {
+			const t = ret.current;
+			return t && t.isConnected ? t : true;
+		})
+	};
+}
+/** One stable callback ref for both refs, so React does not detach and re-attach them on every render. */
+function useMergedRef(a, b) {
+	return React.useCallback((el) => {
+		for (const r of [a, b]) if (typeof r === "function") r(el);
+		else if (r) r.current = el;
+	}, [a, b]);
+}
+function Modal({ onOpenChange, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		...props,
+		onOpenChange: guard(onOpenChange)
+	});
+}
+var ModalTrigger = Dialog.Trigger;
+var ModalClose = Dialog.Close;
+var sizes = {
+	sm: "max-w-[400px]",
+	md: "max-w-[480px]",
+	lg: "max-w-[640px]",
+	xl: "max-w-[800px]",
+	full: "max-w-[min(1280px,calc(100vw-48px))] h-[min(860px,calc(100vh-48px))]"
+};
+function ModalContent({ className, size = "md", children, hideClose, finalFocus, ref, ...props }) {
+	const focusReturn = useFocusReturn(finalFocus);
+	const merged = useMergedRef(ref, focusReturn.ref);
+	return /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {
+		...KIT_SCOPE,
+		className: "fixed inset-0 z-[60] bg-kit-overlay backdrop-blur-[2px] data-[open]:animate-kit-fade-in"
+	}), /* @__PURE__ */ jsx("div", {
+		...KIT_SCOPE,
+		className: "pointer-events-none fixed inset-0 z-[61] flex items-center justify-center p-4 sm:p-6",
+		children: /* @__PURE__ */ jsxs(Dialog.Popup, {
+			...layer,
+			className: cn("pointer-events-auto relative flex max-h-[calc(100vh-32px)] w-full flex-col overflow-hidden rounded-kit-xl border text-kit-fg shadow-kit-xl outline-none data-[open]:animate-kit-pop-in", FLOATING_LINE, SURFACE_RAISED, sizes[size], className),
+			...props,
+			ref: merged,
+			finalFocus: focusReturn.finalFocus,
+			children: [children, hideClose ? null : /* @__PURE__ */ jsx(Dialog.Close, {
+				render: /* @__PURE__ */ jsx(IconButton, {
+					label: "Close",
+					size: "sm",
+					className: "absolute right-3 top-3 z-10"
+				}),
+				children: /* @__PURE__ */ jsx(IconX, {})
+			})]
+		})
+	})] });
+}
+function ModalHeader({ title, description, className, children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex shrink-0 items-start gap-2.5 px-5 pb-1 pt-5 pr-12", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "min-w-0 flex-1",
+			children: [
+				/* @__PURE__ */ jsx(Dialog.Title, {
+					className: "text-kit-md font-semibold tracking-[-0.01em] text-kit-fg",
+					children: title
+				}),
+				description ? /* @__PURE__ */ jsx(Dialog.Description, {
+					className: "mt-1 text-kit-sm text-kit-fg-2",
+					children: description
+				}) : /* @__PURE__ */ jsx(Dialog.Description, {
+					className: "sr-only",
+					children: typeof title === "string" ? title : "Dialog"
+				}),
+				children
+			]
+		})
+	});
+}
+function ModalBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("min-h-0 flex-1 overflow-y-auto px-5 pb-5 pt-4", className),
+		...props
+	});
+}
+function ModalFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex shrink-0 items-center justify-end gap-2 border-t px-5 py-3", TRAY, className),
+		...props
+	});
+}
+/** A sheet is a dialog that slides in from an edge: open it with Sheet (= Modal) and its trigger. */
+var Sheet = Modal;
+var SheetTrigger = Dialog.Trigger;
+var SheetClose = Dialog.Close;
+var sheetSides = {
+	right: "inset-y-0 right-0 border-l data-[open]:animate-[kit-sheet-in-r_260ms_var(--kit-ease-out-soft)]",
+	left: "inset-y-0 left-0 border-r data-[open]:animate-[kit-sheet-in-l_260ms_var(--kit-ease-out-soft)]",
+	bottom: "inset-x-0 bottom-0 h-[52%] overflow-hidden rounded-t-kit-2xl border-t data-[open]:animate-[kit-sheet-in-b_300ms_cubic-bezier(0.32,0.72,0,1)]"
+};
+function SheetContent({ className, side = "right", children, width = 440, label = "Panel", noScrim = false, finalFocus, ref, style, backdropClassName, keepMounted = false, ...props }) {
+	const focusReturn = useFocusReturn(finalFocus);
+	const merged = useMergedRef(ref, focusReturn.ref);
+	const bottom = side === "bottom";
+	return /* @__PURE__ */ jsxs(Dialog.Portal, {
+		keepMounted,
+		children: [noScrim ? null : /* @__PURE__ */ jsx(Dialog.Backdrop, {
+			...KIT_SCOPE,
+			className: cn("fixed inset-0 z-[55] bg-kit-overlay data-[open]:animate-kit-fade-in", backdropClassName)
+		}), /* @__PURE__ */ jsxs(Dialog.Popup, {
+			...KIT_SCOPE,
+			...layer,
+			style: bottom ? style : {
+				width: `min(${width}px, 100vw)`,
+				...style
+			},
+			className: cn("fixed z-[56] flex flex-col text-kit-fg shadow-kit-xl outline-none transition-transform motion-reduce:animate-none", SURFACE_RAISED, "border-kit-line", sheetSides[side], className),
+			...props,
+			ref: merged,
+			finalFocus: focusReturn.finalFocus,
+			children: [
+				/* @__PURE__ */ jsx(Dialog.Title, {
+					className: "sr-only",
+					children: label
+				}),
+				/* @__PURE__ */ jsx(Dialog.Description, {
+					className: "sr-only",
+					children: bottom ? "Bottom panel" : "Side panel"
+				}),
+				bottom ? /* @__PURE__ */ jsx("div", {
+					"aria-hidden": true,
+					className: "flex shrink-0 justify-center pt-2",
+					children: /* @__PURE__ */ jsx("span", {
+						"data-sheet-grabber": true,
+						className: "h-1 w-10 rounded-full bg-kit-line-strong"
+					})
+				}) : null,
+				children
+			]
+		})]
+	});
+}
+//#endregion
+export { FLOATING_LAYER, HoverCard, HoverCardContent, HoverCardTrigger, Menu$1 as Menu, MenuCheckItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger, Modal, ModalBody, ModalClose, ModalContent, ModalFooter, ModalHeader, ModalTrigger, Popover$1 as Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Sheet, SheetClose, SheetContent, SheetTrigger, Tooltip$1 as Tooltip, TooltipProvider, useFocusReturn };
+
+//# sourceMappingURL=overlay.js.map

package/ui/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","names":[],"sources":["../../src/kit/ui/overlay.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { Separator } from \"@base-ui/react/separator\";\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { IconCheck, IconChevronRight, IconX } from \"@tabler/icons-react\";\nimport { cn } from \"../lib/cn\";\nimport { IconButton, TooltipScope } from \"./button\";\nimport { useShortcutHints } from \"./shortcut-hint\";\nimport { FLOATING_LINE, GLASS, INK_ACTIVE, KIT_SCOPE, SURFACE_RAISED, TRAY } from \"./surfaces\";\nimport { MODAL_LAYER, TooltipLayer, TooltipRoot } from \"./tooltip-root\";\n\n/*  Z-index scale: popover/menu 80 · modal overlay 60 / content 61 · sheet 55 · toast 100 · tooltip 90  */\n\n/** Base UI parts accept a className function; the kit takes plain strings so cn() can merge them. */\ntype Cls<P> = Omit<P, \"className\"> & { className?: string };\nconst layer = { [MODAL_LAYER]: \"\" };\n\n/* ── Dismiss guards (DESIGN.md §12) ──────────────────────────────────────────\n   Every kit layer runs its close requests through keepOpen():\n   - Escape owned by an inner list: an inner element that handles Escape calls event.preventDefault(); the layer\n     keeps itself open. (Base UI's own nested layers already close innermost first.)\n   - Floating layers portalled outside (an editor's selection toolbar, a slash menu) carry data-floating-layer:\n     a press there counts as inside, so it never dismisses the layer underneath.\n   - A press on a popover's anchor (the input a list hangs off) counts as inside.                          */\ntype CloseDetails = { reason: string; event: Event; cancel: () => void };\nexport const FLOATING_LAYER = \"[data-floating-layer]\";\nfunction keepOpen(details: CloseDetails, anchor?: Element | null) {\n  const target = details.event?.target;\n  const keep =\n    (details.reason === \"escape-key\" && details.event.defaultPrevented) ||\n    (details.reason === \"outside-press\" &&\n      target instanceof Element &&\n      (!!target.closest(FLOATING_LAYER) || !!anchor?.contains(target)));\n  if (keep) details.cancel();\n  return keep;\n}\nfunction guard<D extends CloseDetails>(onOpenChange: ((open: boolean, d: D) => void) | undefined, anchor?: () => Element | null) {\n  return (open: boolean, details: D) => {\n    if (!open && keepOpen(details, anchor?.())) return;\n    onOpenChange?.(open, details);\n  };\n}\n\n/* ── Tooltip ───────────────────────────────────────────────────────────── */\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport function Tooltip({\n  content,\n  children,\n  side = \"top\",\n  shortcut,\n  delay = 350,\n  disabled,\n}: {\n  content: React.ReactNode;\n  /** the trigger: one element that forwards its ref and spreads props */\n  children: React.ReactElement;\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  /** a key hint (D44): shown only while keyboard hints are on */\n  shortcut?: string;\n  delay?: number;\n  disabled?: boolean;\n}) {\n  const hints = useShortcutHints();\n  if (disabled || !content) return <TooltipScope.Provider value>{children}</TooltipScope.Provider>;\n  return (\n    <TooltipScope.Provider value>\n      <TooltipRoot>\n        <TooltipPrimitive.Trigger delay={delay} render={children} />\n        {/* Fixed max width: long text (truncated titles, help) wraps into a calm block instead of a viewport-wide strip. */}\n        <TooltipLayer side={side}>\n          <span className=\"line-clamp-[8] min-w-0 whitespace-normal [overflow-wrap:anywhere]\">{content}</span>\n          {shortcut && hints ? (\n            <kbd data-hint=\"shortcuts\" className={cn(\"mt-px shrink-0 rounded-kit-sm px-1 font-kit-sans text-kit-2xs\", INK_ACTIVE)}>\n              {shortcut}\n            </kbd>\n          ) : null}\n        </TooltipLayer>\n      </TooltipRoot>\n    </TooltipScope.Provider>\n  );\n}\n\n/* ── Popover ───────────────────────────────────────────────────────────── */\nconst AnchorContext = React.createContext<React.RefObject<HTMLElement | null> | null>(null);\n\nexport function Popover({ onOpenChange, ...props }: PopoverPrimitive.Root.Props) {\n  const anchor = React.useRef<HTMLElement | null>(null);\n  return (\n    <AnchorContext.Provider value={anchor}>\n      <PopoverPrimitive.Root {...props} onOpenChange={guard(onOpenChange, () => anchor.current)} />\n    </AnchorContext.Provider>\n  );\n}\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\n\n/** Positions the popover against this element instead of the trigger; presses on it count as inside. */\nexport function PopoverAnchor({ render, ...props }: useRender.ComponentProps<\"div\">) {\n  const anchor = React.useContext(AnchorContext);\n  return useRender({ render: render ?? <div />, ref: anchor ?? undefined, props });\n}\n\nexport function PopoverContent({\n  className,\n  align = \"start\",\n  side,\n  sideOffset = 6,\n  keepFocus,\n  onMouseDown,\n  collisionBoundary,\n  collisionPadding = 12,\n  collisionAvoidance,\n  ...props\n}: Cls<PopoverPrimitive.Popup.Props> & {\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  sideOffset?: number;\n  /** keep the popup inside this area (e.g. the scrolling panel under a sticky header) instead of the viewport */\n  collisionBoundary?: PopoverPrimitive.Positioner.Props[\"collisionBoundary\"];\n  collisionPadding?: PopoverPrimitive.Positioner.Props[\"collisionPadding\"];\n  /** e.g. `{ align: \"shift\" }`: slide along the edge to fit instead of flipping start ↔ end (V2's Radix behaviour) */\n  collisionAvoidance?: PopoverPrimitive.Positioner.Props[\"collisionAvoidance\"];\n  /** §12 no-focus-steal: typing stays in the input the list hangs off. The popup takes no focus on open, gives none\n   *  back on close, and a mouse-down inside it never blurs the input (text fields inside the popup still focus). */\n  keepFocus?: boolean;\n}) {\n  const anchor = React.useContext(AnchorContext);\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        side={side}\n        sideOffset={sideOffset}\n        collisionBoundary={collisionBoundary}\n        collisionPadding={collisionPadding}\n        collisionAvoidance={collisionAvoidance}\n        anchor={anchor?.current ? anchor : undefined}\n        className=\"z-[80]\"\n        {...KIT_SCOPE}\n      >\n        <PopoverPrimitive.Popup\n          initialFocus={keepFocus ? false : undefined}\n          finalFocus={keepFocus ? false : undefined}\n          onMouseDown={(e) => {\n            onMouseDown?.(e);\n            if (keepFocus && !(e.target as Element).closest(\"input, textarea, select, [contenteditable=true]\")) e.preventDefault();\n          }}\n          className={cn(GLASS, \"w-72 max-w-[calc(100vw-24px)] rounded-kit-xl border p-3 text-kit-fg outline-none data-[open]:animate-kit-pop-in\", className)}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n}\n\n/* ── Hover card ────────────────────────────────────────────────────────── */\nexport const HoverCard = PreviewCardPrimitive.Root;\nexport const HoverCardTrigger = PreviewCardPrimitive.Trigger;\nexport function HoverCardContent({ className, ...props }: Cls<PreviewCardPrimitive.Popup.Props>) {\n  return (\n    <PreviewCardPrimitive.Portal>\n      <PreviewCardPrimitive.Positioner sideOffset={8} collisionPadding={12} className=\"z-[80]\" {...KIT_SCOPE}>\n        <PreviewCardPrimitive.Popup\n          className={cn(GLASS, \"w-72 rounded-kit-xl border p-3 data-[open]:animate-kit-pop-in\", className)}\n          {...props}\n        />\n      </PreviewCardPrimitive.Positioner>\n    </PreviewCardPrimitive.Portal>\n  );\n}\n\n/* ── Dropdown menu ─────────────────────────────────────────────────────── */\n/** Arrowing past the last item stays put (loopFocus false), like V2's Radix menus. */\nexport function Menu({ onOpenChange, loopFocus = false, ...props }: MenuPrimitive.Root.Props) {\n  return <MenuPrimitive.Root loopFocus={loopFocus} {...props} onOpenChange={guard(onOpenChange)} />;\n}\nexport const MenuTrigger = MenuPrimitive.Trigger;\nexport const MenuGroup = MenuPrimitive.Group;\nexport const MenuSub = MenuPrimitive.SubmenuRoot;\nexport const MenuRadioGroup = MenuPrimitive.RadioGroup;\n\nexport function MenuContent({\n  className,\n  align = \"start\",\n  side,\n  sideOffset = 6,\n  ...props\n}: Cls<MenuPrimitive.Popup.Props> & {\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  sideOffset?: number;\n}) {\n  return (\n    <MenuPrimitive.Portal>\n      <MenuPrimitive.Positioner align={align} side={side} sideOffset={sideOffset} collisionPadding={12} className=\"z-[80]\" {...KIT_SCOPE}>\n        <MenuPrimitive.Popup\n          {...layer}\n          className={cn(GLASS, \"min-w-48 overflow-hidden rounded-kit-lg border p-1 text-kit-fg outline-none data-[open]:animate-kit-pop-in\", className)}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  );\n}\n\nconst itemCls =\n  \"relative flex h-8 cursor-pointer select-none items-center gap-2 rounded-kit-md px-2 text-kit-sm text-kit-fg outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-kit-hover [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-kit-fg-2\";\n\nexport function MenuItem({\n  className,\n  icon,\n  shortcut,\n  danger,\n  children,\n  ...props\n}: Cls<MenuPrimitive.Item.Props> & { icon?: React.ReactNode; shortcut?: string; danger?: boolean }) {\n  return (\n    <MenuPrimitive.Item\n      className={cn(itemCls, danger && \"text-kit-danger-fg data-[highlighted]:bg-kit-danger-soft [&>svg]:text-kit-danger-fg\", className)}\n      {...props}\n    >\n      {icon}\n      <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n      {/* menu shortcut columns are not hints (D44): they always show */}\n      {shortcut ? <span className=\"text-kit-xs text-kit-fg-3\">{shortcut}</span> : null}\n    </MenuPrimitive.Item>\n  );\n}\n\n/** Checking an item closes the menu, like V2's Radix items (pass closeOnClick={false} to keep it open). */\nexport function MenuCheckItem({ className, children, closeOnClick = true, ...props }: Cls<MenuPrimitive.CheckboxItem.Props>) {\n  return (\n    <MenuPrimitive.CheckboxItem className={cn(itemCls, \"pr-8\", className)} closeOnClick={closeOnClick} {...props}>\n      {children}\n      <MenuPrimitive.CheckboxItemIndicator className=\"absolute right-2\">\n        <IconCheck className=\"size-4\" />\n      </MenuPrimitive.CheckboxItemIndicator>\n    </MenuPrimitive.CheckboxItem>\n  );\n}\n\nexport function MenuRadioItem({ className, children, closeOnClick = true, ...props }: Cls<MenuPrimitive.RadioItem.Props>) {\n  return (\n    <MenuPrimitive.RadioItem className={cn(itemCls, \"pr-8\", className)} closeOnClick={closeOnClick} {...props}>\n      {children}\n      <MenuPrimitive.RadioItemIndicator className=\"absolute right-2\">\n        <IconCheck className=\"size-4\" />\n      </MenuPrimitive.RadioItemIndicator>\n    </MenuPrimitive.RadioItem>\n  );\n}\n\nexport function MenuSubTrigger({\n  className,\n  icon,\n  children,\n  ...props\n}: Cls<MenuPrimitive.SubmenuTrigger.Props> & { icon?: React.ReactNode }) {\n  return (\n    <MenuPrimitive.SubmenuTrigger className={cn(itemCls, \"data-[popup-open]:bg-kit-hover\", className)} {...props}>\n      {icon}\n      <span className=\"flex-1\">{children}</span>\n      <IconChevronRight className=\"size-3.5 text-kit-fg-3\" />\n    </MenuPrimitive.SubmenuTrigger>\n  );\n}\nexport function MenuSubContent({ className, ...props }: Cls<MenuPrimitive.Popup.Props>) {\n  return (\n    <MenuPrimitive.Portal>\n      <MenuPrimitive.Positioner sideOffset={6} collisionPadding={12} className=\"z-[81]\" {...KIT_SCOPE}>\n        <MenuPrimitive.Popup\n          className={cn(GLASS, \"min-w-44 rounded-kit-lg border p-1 text-kit-fg outline-none data-[open]:animate-kit-pop-in\", className)}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  );\n}\nexport function MenuLabel({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div className={cn(\"px-2 pb-1 pt-1.5 text-kit-xs font-medium text-kit-fg-3\", className)} {...props} />;\n}\nexport function MenuSeparator({ className }: { className?: string }) {\n  return <Separator className={cn(\"-mx-1 my-1 h-px bg-kit-line\", className)} />;\n}\n\n/* ── Focus return (a11y) ───────────────────────────────────────────────────\n   A dialog library remembers the focused element when the dialog opens and refocuses it on close. When a field\n   inside autofocuses, that element is already the field, so focus fell to <body> on close. We keep the last few\n   focused elements and hand focus back to the real trigger: the newest one that is outside the popup and still\n   in the document. Without one, the library's default applies.                                              */\nconst recent: HTMLElement[] = [];\nif (typeof document !== \"undefined\") {\n  document.addEventListener(\n    \"focusin\",\n    (e) => {\n      recent.unshift(e.target as HTMLElement);\n      recent.length = Math.min(recent.length, 4);\n    },\n    true,\n  );\n}\ntype FinalFocus = DialogPrimitive.Popup.Props[\"finalFocus\"];\nexport function useFocusReturn(finalFocus?: FinalFocus): {\n  ref: (el: HTMLElement | null) => void;\n  finalFocus: NonNullable<FinalFocus>;\n} {\n  const ret = React.useRef<HTMLElement | null>(null);\n  const popup = React.useRef<HTMLElement | null>(null);\n  const ref = React.useCallback((el: HTMLElement | null) => {\n    // Capture once per open (per popup element). A callback ref can be called again on a re-render while open, when\n    // focus is already inside the popup and the trigger may have dropped out of `recent`.\n    if (el === popup.current) return;\n    popup.current = el;\n    if (!el) return;\n    const active = document.activeElement as HTMLElement | null;\n    const outside = (n: HTMLElement | null): n is HTMLElement => !!n && n !== document.body && !el.contains(n);\n    ret.current = outside(active) ? active : (recent.find(outside) ?? null);\n  }, []);\n  return {\n    ref,\n    finalFocus:\n      finalFocus ??\n      (() => {\n        const t = ret.current;\n        return t && t.isConnected ? t : true;\n      }),\n  };\n}\n\n/** One stable callback ref for both refs, so React does not detach and re-attach them on every render. */\nfunction useMergedRef<T>(a: React.Ref<T> | undefined, b: React.Ref<T> | undefined) {\n  return React.useCallback(\n    (el: T | null) => {\n      for (const r of [a, b]) {\n        if (typeof r === \"function\") r(el);\n        else if (r) (r as React.RefObject<T | null>).current = el;\n      }\n    },\n    [a, b],\n  );\n}\n\n/* ── Modal (Dialog) ────────────────────────────────────────────────────── */\nexport function Modal({ onOpenChange, ...props }: DialogPrimitive.Root.Props) {\n  return <DialogPrimitive.Root {...props} onOpenChange={guard(onOpenChange)} />;\n}\nexport const ModalTrigger = DialogPrimitive.Trigger;\nexport const ModalClose = DialogPrimitive.Close;\n\nconst sizes = {\n  sm: \"max-w-[400px]\",\n  md: \"max-w-[480px]\",\n  lg: \"max-w-[640px]\",\n  xl: \"max-w-[800px]\",\n  full: \"max-w-[min(1280px,calc(100vw-48px))] h-[min(860px,calc(100vh-48px))]\",\n};\n\nexport function ModalContent({\n  className,\n  size = \"md\",\n  children,\n  hideClose,\n  finalFocus,\n  ref,\n  ...props\n}: Cls<DialogPrimitive.Popup.Props> & { size?: keyof typeof sizes; hideClose?: boolean }) {\n  const focusReturn = useFocusReturn(finalFocus);\n  const merged = useMergedRef(ref, focusReturn.ref);\n  return (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Backdrop\n        {...KIT_SCOPE}\n        className=\"fixed inset-0 z-[60] bg-kit-overlay backdrop-blur-[2px] data-[open]:animate-kit-fade-in\"\n      />\n      <div {...KIT_SCOPE} className=\"pointer-events-none fixed inset-0 z-[61] flex items-center justify-center p-4 sm:p-6\">\n        <DialogPrimitive.Popup\n          {...layer}\n          className={cn(\n            \"pointer-events-auto relative flex max-h-[calc(100vh-32px)] w-full flex-col overflow-hidden rounded-kit-xl border text-kit-fg shadow-kit-xl outline-none data-[open]:animate-kit-pop-in\",\n            FLOATING_LINE,\n            SURFACE_RAISED,\n            sizes[size],\n            className,\n          )}\n          {...props}\n          ref={merged}\n          finalFocus={focusReturn.finalFocus}\n        >\n          {children}\n          {hideClose ? null : (\n            <DialogPrimitive.Close render={<IconButton label=\"Close\" size=\"sm\" className=\"absolute right-3 top-3 z-10\" />}>\n              <IconX />\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Popup>\n      </div>\n    </DialogPrimitive.Portal>\n  );\n}\n\nexport function ModalHeader({\n  title,\n  description,\n  className,\n  children,\n}: {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  /** D15: no icon tiles in dialog headers (accepted for compatibility, intentionally not rendered) */\n  icon?: React.ReactNode;\n  className?: string;\n  children?: React.ReactNode;\n}) {\n  return (\n    <div className={cn(\"flex shrink-0 items-start gap-2.5 px-5 pb-1 pt-5 pr-12\", className)}>\n      <div className=\"min-w-0 flex-1\">\n        <DialogPrimitive.Title className=\"text-kit-md font-semibold tracking-[-0.01em] text-kit-fg\">{title}</DialogPrimitive.Title>\n        {description ? (\n          <DialogPrimitive.Description className=\"mt-1 text-kit-sm text-kit-fg-2\">{description}</DialogPrimitive.Description>\n        ) : (\n          <DialogPrimitive.Description className=\"sr-only\">{typeof title === \"string\" ? title : \"Dialog\"}</DialogPrimitive.Description>\n        )}\n        {children}\n      </div>\n    </div>\n  );\n}\nexport function ModalBody({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div className={cn(\"min-h-0 flex-1 overflow-y-auto px-5 pb-5 pt-4\", className)} {...props} />;\n}\nexport function ModalFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\"flex shrink-0 items-center justify-end gap-2 border-t px-5 py-3\", TRAY /* action tray (Figma 61014:66265) */, className)}\n      {...props}\n    />\n  );\n}\n\n/* ── Sheet (side or bottom drawer) ─────────────────────────────────────── */\n/** A sheet is a dialog that slides in from an edge: open it with Sheet (= Modal) and its trigger. */\nexport const Sheet = Modal;\nexport const SheetTrigger = DialogPrimitive.Trigger;\nexport const SheetClose = DialogPrimitive.Close;\nconst sheetSides = {\n  // V2: the sheet-in keyframe (24px slide + fade, 260ms ease-out-soft) on open; no exit motion\n  right: \"inset-y-0 right-0 border-l data-[open]:animate-[kit-sheet-in-r_260ms_var(--kit-ease-out-soft)]\",\n  left: \"inset-y-0 left-0 border-r data-[open]:animate-[kit-sheet-in-l_260ms_var(--kit-ease-out-soft)]\",\n  // V2 TabletSheet / CommentsSheet / HistorySheet (editor.tsx:443-513): 52% tall, rounded-t-2xl, border-t, rises from\n  // y 100% (V2's spring 420/42 settles in ~300ms with no overshoot; the drawer curve matches it without a motion import)\n  bottom:\n    \"inset-x-0 bottom-0 h-[52%] overflow-hidden rounded-t-kit-2xl border-t data-[open]:animate-[kit-sheet-in-b_300ms_cubic-bezier(0.32,0.72,0,1)]\",\n} as const;\nexport function SheetContent({\n  className,\n  side = \"right\",\n  children,\n  width = 440,\n  label = \"Panel\",\n  noScrim = false,\n  finalFocus,\n  ref,\n  style,\n  backdropClassName,\n  keepMounted = false,\n  ...props\n}: Cls<DialogPrimitive.Popup.Props> & {\n  side?: keyof typeof sheetSides;\n  /** side sheets only: the panel width in px (a bottom sheet spans the viewport) */\n  width?: number;\n  /** the dialog's accessible name (V2's tablet inspector sheet is \"Inspector\") */\n  label?: string;\n  /** no backdrop: the page behind stays visible and, with <Sheet modal={false}>, live (V2's Comments and History sheets) */\n  noScrim?: boolean;\n  style?: React.CSSProperties;\n  /** extra classes for the backdrop, a sibling portal: a host that themes its own scope (light/dark) passes the same class here */\n  backdropClassName?: string;\n  /** keep the content mounted (hidden) while closed: a host whose content holds live state, like the editor's inspector */\n  keepMounted?: boolean;\n}) {\n  const focusReturn = useFocusReturn(finalFocus);\n  const merged = useMergedRef(ref, focusReturn.ref);\n  const bottom = side === \"bottom\";\n  return (\n    <DialogPrimitive.Portal keepMounted={keepMounted}>\n      {noScrim ? null : (\n        <DialogPrimitive.Backdrop {...KIT_SCOPE} className={cn(\"fixed inset-0 z-[55] bg-kit-overlay data-[open]:animate-kit-fade-in\", backdropClassName)} />\n      )}\n      <DialogPrimitive.Popup\n        {...KIT_SCOPE}\n        {...layer}\n        style={bottom ? style : { width: `min(${width}px, 100vw)`, ...style }}\n        className={cn(\n          \"fixed z-[56] flex flex-col text-kit-fg shadow-kit-xl outline-none transition-transform motion-reduce:animate-none\",\n          SURFACE_RAISED,\n          // V2's cn() lets the later border-line win over border-floating-line: the sheet edge is --line in both themes\n          \"border-kit-line\",\n          sheetSides[side],\n          className,\n        )}\n        {...props}\n        ref={merged}\n        finalFocus={focusReturn.finalFocus}\n      >\n        <DialogPrimitive.Title className=\"sr-only\">{label}</DialogPrimitive.Title>\n        <DialogPrimitive.Description className=\"sr-only\">{bottom ? \"Bottom panel\" : \"Side panel\"}</DialogPrimitive.Description>\n        {bottom ? (\n          <div aria-hidden className=\"flex shrink-0 justify-center pt-2\">\n            <span data-sheet-grabber className=\"h-1 w-10 rounded-full bg-kit-line-strong\" />\n          </div>\n        ) : null}\n        {children}\n      </DialogPrimitive.Popup>\n    </DialogPrimitive.Portal>\n  );\n}\n"],"mappings":"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"}