@baseline-ui/mcp 3.0.1 → 3.1.0

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @baseline-ui/mcp
 
+## 3.1.0
+
 ## 3.0.1
 
 ## 3.0.0

package/dist/{chunk-7RC5CLRO.js → chunk-MDOP4NRY.js}

@@ -11809,6 +11809,39 @@ export function ScrollIntoViewImageGalleryExample() {
  );
 }
 
+export function MountEffectScrollIntoViewImageGalleryExample() {
+ const listBoxHandle = React.useRef<ListHandle>(null);
+ const galleryItems = Array.from({ length: 20 }, (_, i) => {
+ const index = i + 1;
+ return {
+ id: \`image-\${i}\`,
+ src: resolvePublicUrl(\`gallery/\${(index % 10) + 1}.jpg\`),
+ alt: \`Image \${index}\`,
+ label: index.toString(),
+ };
+ });
+
+ // Scrolls from the consumer's own mount effect, which runs before the list box's
+ // collection has rendered any options.
+ React.useEffect(() => {
+ listBoxHandle.current?.scrollIntoView("image-15");
+ }, []);
+
+ return (
+ <Box display="flex" flexDirection="column" gap="md" style={{ width: 500 }}>
+ <div
+ style={{
+ maxHeight: 300,
+ overflow: "auto",
+ border: "1px solid #ccc",
+ }}
+ >
+ <ImageGallery items={galleryItems} listBoxHandle={listBoxHandle} />
+ </div>
+ </Box>
+ );
+}
+
 // Counts \`renderImage\` calls so a spec can prove that a re-render which changes nothing
 // the gallery reads does not throw away the list box's cached options. \`Report\` publishes
 // the tally taken *before* its own render, so two clicks bracket exactly one re-render.
@@ -14490,7 +14523,8 @@ onOpenChange?: (isOpen: boolean) => void
 children: React.ReactNode
 }`,stories:{usage:[{id:"core-overlays-modal--basic",name:"Basic",snippet:"const Basic = (args) => <DialogExample modalProps={args} />;"},{id:"core-overlays-modal--default-open",name:"Default Open",snippet:"const DefaultOpen = (args) => <DialogExample modalProps={args} />;"},{id:"core-overlays-modal--controlled",name:"Controlled",snippet:"const Controlled = (args) => <DialogExample modalProps={args} />;"}],implementation:`import { IFrame, ShadowRoot } from "@baseline-ui/test-utils/client";
 import { sprinkles } from "@baseline-ui/tokens";
-import React, { useState } from "react";
+import { getOwnerDocument } from "@react-aria/utils";
+import React, { useEffect, useRef, useState } from "react";
 import { VisuallyHidden, useId } from "react-aria";
 
 import { ActionButton } from "../../ActionButton";
@@ -14501,6 +14535,7 @@ import { Editor } from "../../Editor";
 import { FrameProvider } from "../../FrameProvider";
 import { ListBox } from "../../ListBox";
 import { NumberInput } from "../../NumberInput";
+import { PortalContainerProvider } from "../../PortalContainerProvider";
 import { RadioGroup } from "../../RadioGroup";
 import { Select } from "../../Select";
 import { Slider } from "../../Slider";
@@ -14903,6 +14938,59 @@ export const DisabledFocusManagementExample: React.FC<{
  )}
  </Box>
  );
+};
+
+/**
+ * A \`defaultOpen\` Modal whose portal container only resolves to \`document.body\`
+ * in a mount effect, through either \`ModalContent.portalContainer\` or
+ * \`PortalContainerProvider\`. The portal target is \`document.body\` before and
+ * after, so nothing remounts when the container arrives \u2014 only its identity
+ * changes.
+ */
+export const ModalLateBodyContainerExample: React.FC<
+ TestComponentProps & { via: "prop" | "provider" }
+> = ({ enableInert, via }) => {
+ const rootRef = useRef<HTMLDivElement>(null);
+ const [container, setContainer] = useState<HTMLElement>();
+
+ // The body of the tree's own document, not this module's: under the iframe
+ // fixture the component renders into the frame while the module still
+ // evaluates in the top-level realm.
+ useEffect(() => {
+ setContainer(getOwnerDocument(rootRef.current).body);
+ }, []);
+
+ const modal = (
+ <Modal defaultOpen={true}>
+ <ModalContent
+ portalContainer={via === "prop" ? container : undefined}
+ UNSAFE_enableInert={enableInert}
+ >
+ <Dialog aria-label="Late container">
+ <Text>Modal content</Text>
+ </Dialog>
+ </ModalContent>
+ </Modal>
+ );
+
+ return (
+ <Box
+ ref={rootRef}
+ display="flex"
+ flexDirection="column"
+ gap="md"
+ padding="lg"
+ >
+ <ActionButton label="Background button" variant="secondary" />
+ {via === "provider" ? (
+ <PortalContainerProvider portalContainer={container}>
+ {modal}
+ </PortalContainerProvider>
+ ) : (
+ modal
+ )}
+ </Box>
+ );
 };`},similarTo:[],figmaUrl:null},NumberFormat:{id:"core-utilities-numberformat",breadcrumb:"Core/Utilities/NumberFormat",importStatement:'import { NumberFormat } from "@baseline-ui/core";',description:"`NumberFormat` provides localized number formatting for the current locale. It automatically updates when the locale changes, and handles caching of the number formatter for performance.\nIt is a wrapper around the [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) API.",documentation:`\`NumberFormat\` provides localized number formatting for the current locale. It automatically updates when the locale changes, and handles caching of the number formatter for performance.
 It is a wrapper around the [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) API.
 
@@ -17167,7 +17255,7 @@ children: React.ReactNode
   />
 );`},{id:"core-overlays-popover--with-boundary-element",name:"With Boundary Element",snippet:"const WithBoundaryElement = (args) => <PopoverBoundaryElementExample popoverProps={args} />;"},{id:"core-overlays-popover--with-no-boundary",name:"With No Boundary",snippet:"const WithNoBoundary = () => <PopoverNoBoundaryExample />;"},{id:"core-overlays-popover--with-dynamic-trigger-width",name:"With Dynamic Trigger Width",snippet:"const WithDynamicTriggerWidth = (args) => <PopoverTriggerWidthExample popoverProps={args} />;"}],implementation:`import { sprinkles, themeVars } from "@baseline-ui/tokens";
 import { ScrollBox } from "@pw/utils/components";
-import { mergeRefs } from "@react-aria/utils";
+import { getOwnerDocument, mergeRefs } from "@react-aria/utils";
 import React, { useEffect, useRef, useState } from "react";
 import { useButton, useInteractOutside } from "react-aria";
 import { flushSync } from "react-dom";
@@ -17176,6 +17264,7 @@ import { ActionButton } from "../../ActionButton";
 import { Box } from "../../Box";
 import { Dialog } from "../../Dialog";
 import { ListBoxExample, items } from "../../ListBox/__tests__/testComponents";
+import { PortalContainerProvider } from "../../PortalContainerProvider";
 import { Select } from "../../Select";
 import { popoverContentCn } from "../../Select/Select.css";
 import { Switch } from "../../Switch";
@@ -18329,6 +18418,60 @@ export const PopoverHorizontalBoundaryBehaviorDemo: React.FC<{
  </Box>
  </Box>
  );
+};
+
+/**
+ * A \`defaultOpen\` Popover whose portal container only resolves to \`document.body\`
+ * in a mount effect, through either \`PopoverContent.portalContainer\` or
+ * \`PortalContainerProvider\`. The portal target is \`document.body\` before and
+ * after, so nothing remounts when the container arrives \u2014 only its identity
+ * changes.
+ */
+export const PopoverLateBodyContainerExample: React.FC<{
+ via: "prop" | "provider";
+}> = ({ via }) => {
+ const rootRef = useRef<HTMLDivElement>(null);
+ const [container, setContainer] = useState<HTMLElement>();
+
+ // The body of the tree's own document, not this module's: under the iframe
+ // fixture the component renders into the frame while the module still
+ // evaluates in the top-level realm.
+ useEffect(() => {
+ setContainer(getOwnerDocument(rootRef.current).body);
+ }, []);
+
+ const popover = (
+ <Popover type="listbox" defaultOpen={true}>
+ <PopoverTrigger>
+ <ActionButton label="Open" />
+ </PopoverTrigger>
+ <PopoverContent
+ offset={4}
+ portalContainer={via === "prop" ? container : undefined}
+ >
+ <ListBoxExample className={popoverContentCn} autoFocus="first" />
+ </PopoverContent>
+ </Popover>
+ );
+
+ return (
+ <Box
+ ref={rootRef}
+ display="flex"
+ flexDirection="column"
+ gap="md"
+ padding="lg"
+ >
+ <ActionButton label="Background button" variant="secondary" />
+ {via === "provider" ? (
+ <PortalContainerProvider portalContainer={container}>
+ {popover}
+ </PortalContainerProvider>
+ ) : (
+ popover
+ )}
+ </Box>
+ );
 };`},similarTo:[],figmaUrl:null},Portal:{id:"core-utilities-portal",breadcrumb:"Core/Utilities/Portal",importStatement:'import { Portal } from "@baseline-ui/core";',description:"`Portal` renders its children into an overlay portal outside the normal React DOM hierarchy. It integrates with `ThemeProvider` so that the portal content inherits the current theme and virtual keyboard handling configuration.",documentation:'`Portal` renders its children into an overlay portal outside the normal React DOM hierarchy. It integrates with `ThemeProvider` so that the portal content inherits the current theme and virtual keyboard handling configuration.\n\n* Renders children into an overlay container managed by React Aria\n* Automatically wraps children in a `ThemeProvider` to propagate the active theme into the portal\n* Respects a custom `portalContainer` provided via prop or the nearest `PortalContainerProvider` in context\n* Supports all standard `StylingProps` (`className`, `style`, `data-block-id`, `data-block-class`)\n\n```jsx\nimport { Portal } from "@baseline-ui/core";\n\nexport default function App() {\n return (\n <Portal>\n <div>I am rendered in a portal</div>\n </Portal>\n );\n}\n```\n\nPass a `portalContainer` element to render the portal inside a specific DOM node instead of the default overlay container. This is useful when rendering inside Shadow DOM or other isolated subtrees.\n\n```jsx\nimport { Portal } from "@baseline-ui/core";\n\nconst shadowRoot = document.querySelector("#shadow-host").shadowRoot;\nconst container = shadowRoot.querySelector(".portal-root");\n\nexport default function App() {\n return (\n <Portal portalContainer={container}>\n <div>Rendered inside shadow DOM</div>\n </Portal>\n );\n}\n```',props:`interface PortalProps {
 /**
  * The container element in which the overlay portal will be placed.
@@ -29497,6 +29640,45 @@ export const ScrollIntoViewExample: React.FC = () => {
  );
 };
 
+export const SupersededScrollIntoViewExample: React.FC = () => {
+ const listBoxHandle = React.useRef<ListHandle>(null);
+ const [itemCount, setItemCount] = React.useState(5);
+
+ return (
+ <Box display="flex" flexDirection="column" gap="md" style={{ width: 300 }}>
+ <ActionButton
+ label="Grow then scroll to Item 0"
+ onPress={() => {
+ // Item 19 only renders once this handler returns, so the first call finds
+ // nothing and schedules a retry. The second call succeeds against the options
+ // already on screen, and must cancel that retry instead of letting it scroll
+ // back to Item 19 a frame later.
+ setItemCount(20);
+ listBoxHandle.current?.scrollIntoView("item-19");
+ listBoxHandle.current?.scrollIntoView("item-0");
+ }}
+ />
+
+ <div
+ style={{
+ maxHeight: 200,
+ overflow: "auto",
+ border: "1px solid #ccc",
+ }}
+ >
+ <ListBox
+ items={Array.from({ length: itemCount }).map((_, i) => ({
+ id: \`item-\${i}\`,
+ label: \`Item \${i}\`,
+ }))}
+ listBoxHandle={listBoxHandle}
+ aria-label="Superseded scroll list"
+ />
+ </div>
+ </Box>
+ );
+};
+
 const virtualSections = Array.from({ length: 10 }).map((_, sectionIndex) => ({
  id: \`section-\${sectionIndex}\`,
  title: \`Section \${sectionIndex + 1}\`,
@@ -29690,6 +29872,35 @@ export const VirtualizedScrollIntoViewExample: React.FC = () => {
  );
 };
 
+export const MountEffectVirtualizedScrollIntoViewExample: React.FC = () => {
+ const listBoxHandle = React.useRef<ListHandle>(null);
+ const items = Array.from({ length: 10_000 }).map((_, i) => ({
+ id: \`item-\${i}\`,
+ label: \`Item \${i}\`,
+ }));
+
+ // Scrolls from the consumer's own mount effect, which runs before the virtualizer has
+ // rendered any options.
+ useEffect(() => {
+ listBoxHandle.current?.scrollIntoView("item-5000");
+ }, []);
+
+ return (
+ <Virtualizer {...VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS.LIST_BOX}>
+ <ListBox
+ items={items}
+ listBoxHandle={listBoxHandle}
+ style={{
+ height: 300,
+ width: 300,
+ overflow: "auto",
+ }}
+ aria-label="Virtualized mount effect list"
+ />
+ </Virtualizer>
+ );
+};
+
 // Each example varies exactly one prop off \`count\` and keeps the rest at stable
 // module-level identity; varying several at once would let one invalidate the cache for
 // the others, hiding a missing \`dependencies\` entry.
@@ -30452,7 +30663,8 @@ UNSAFE_enableInert?: boolean | ((isDrawer: boolean) => boolean)
   />
 );`},{id:"core-overlays-modal-modalcontent--drawer-mobile",name:"Drawer Mobile",snippet:"const DrawerMobile = () => <ModalDrawerExample />;"},{id:"core-overlays-modal-modalcontent--drawer-mobile-with-nested-popover",name:"Drawer Mobile With Nested Popover",snippet:"const DrawerMobileWithNestedPopover = () => <SelectInsideModalExample />;"},{id:"core-overlays-modal-modalcontent--uncontrolled-interaction-outside",name:"Uncontrolled Interaction Outside",snippet:"const UncontrolledInteractionOutside = () => <UncontrolledInteractionOutsideExample />;"},{id:"core-overlays-modal-modalcontent--long-content",name:"Long Content",snippet:"const LongContent = () => <LongModalExample />;"},{id:"core-overlays-modal-modalcontent--form-controls",name:"Form Controls",snippet:"const FormControls = () => <FormControlsInModalExample defaultOpen={true} />;"},{id:"core-overlays-modal-modalcontent--with-inert",name:"With Inert",snippet:"const WithInert = () => <FormControlsInModalExample enableInert={true} />;",description:"Experimental: Uses the HTML `inert` attribute instead of `aria-hidden` to hide elements outside the modal. This makes elements truly non-interactive (not just hidden from screen readers) which can improve performance and accessibility. Note: With inert enabled, elements outside the modal cannot be clicked or focused. Try interacting with the background elements when the modal is open vs closed."},{id:"core-overlays-modal-modalcontent--with-disabled-focus-management",name:"With Disabled Focus Management",snippet:"const WithDisabledFocusManagement = () => <DisabledFocusManagementExample />;",description:"Demonstrates `disableFocusManagement` with a FrameProvider. When the modal is open, the text input outside the FrameProvider container remains interactive because focus trapping and restoration are disabled."}],implementation:`import { IFrame, ShadowRoot } from "@baseline-ui/test-utils/client";
 import { sprinkles } from "@baseline-ui/tokens";
-import React, { useState } from "react";
+import { getOwnerDocument } from "@react-aria/utils";
+import React, { useEffect, useRef, useState } from "react";
 import { VisuallyHidden, useId } from "react-aria";
 
 import { ActionButton } from "../../ActionButton";
@@ -30463,6 +30675,7 @@ import { Editor } from "../../Editor";
 import { FrameProvider } from "../../FrameProvider";
 import { ListBox } from "../../ListBox";
 import { NumberInput } from "../../NumberInput";
+import { PortalContainerProvider } from "../../PortalContainerProvider";
 import { RadioGroup } from "../../RadioGroup";
 import { Select } from "../../Select";
 import { Slider } from "../../Slider";
@@ -30865,6 +31078,59 @@ export const DisabledFocusManagementExample: React.FC<{
  )}
  </Box>
  );
+};
+
+/**
+ * A \`defaultOpen\` Modal whose portal container only resolves to \`document.body\`
+ * in a mount effect, through either \`ModalContent.portalContainer\` or
+ * \`PortalContainerProvider\`. The portal target is \`document.body\` before and
+ * after, so nothing remounts when the container arrives \u2014 only its identity
+ * changes.
+ */
+export const ModalLateBodyContainerExample: React.FC<
+ TestComponentProps & { via: "prop" | "provider" }
+> = ({ enableInert, via }) => {
+ const rootRef = useRef<HTMLDivElement>(null);
+ const [container, setContainer] = useState<HTMLElement>();
+
+ // The body of the tree's own document, not this module's: under the iframe
+ // fixture the component renders into the frame while the module still
+ // evaluates in the top-level realm.
+ useEffect(() => {
+ setContainer(getOwnerDocument(rootRef.current).body);
+ }, []);
+
+ const modal = (
+ <Modal defaultOpen={true}>
+ <ModalContent
+ portalContainer={via === "prop" ? container : undefined}
+ UNSAFE_enableInert={enableInert}
+ >
+ <Dialog aria-label="Late container">
+ <Text>Modal content</Text>
+ </Dialog>
+ </ModalContent>
+ </Modal>
+ );
+
+ return (
+ <Box
+ ref={rootRef}
+ display="flex"
+ flexDirection="column"
+ gap="md"
+ padding="lg"
+ >
+ <ActionButton label="Background button" variant="secondary" />
+ {via === "provider" ? (
+ <PortalContainerProvider portalContainer={container}>
+ {modal}
+ </PortalContainerProvider>
+ ) : (
+ modal
+ )}
+ </Box>
+ );
 };`},similarTo:[],figmaUrl:null},PointPickerContent:{id:"core-content-pointpicker-pointpickercontent",importStatement:`import {
     Box,
     MultiplePointPickersExample,
@@ -32392,7 +32658,7 @@ horizontalBoundaryBehavior?: "shift" | "anchor"
     boundaryWidth={360}
     boundaryHeight={300} />;`}],implementation:`import { sprinkles, themeVars } from "@baseline-ui/tokens";
 import { ScrollBox } from "@pw/utils/components";
-import { mergeRefs } from "@react-aria/utils";
+import { getOwnerDocument, mergeRefs } from "@react-aria/utils";
 import React, { useEffect, useRef, useState } from "react";
 import { useButton, useInteractOutside } from "react-aria";
 import { flushSync } from "react-dom";
@@ -32401,6 +32667,7 @@ import { ActionButton } from "../../ActionButton";
 import { Box } from "../../Box";
 import { Dialog } from "../../Dialog";
 import { ListBoxExample, items } from "../../ListBox/__tests__/testComponents";
+import { PortalContainerProvider } from "../../PortalContainerProvider";
 import { Select } from "../../Select";
 import { popoverContentCn } from "../../Select/Select.css";
 import { Switch } from "../../Switch";
@@ -33554,6 +33821,60 @@ export const PopoverHorizontalBoundaryBehaviorDemo: React.FC<{
  </Box>
  </Box>
  );
+};
+
+/**
+ * A \`defaultOpen\` Popover whose portal container only resolves to \`document.body\`
+ * in a mount effect, through either \`PopoverContent.portalContainer\` or
+ * \`PortalContainerProvider\`. The portal target is \`document.body\` before and
+ * after, so nothing remounts when the container arrives \u2014 only its identity
+ * changes.
+ */
+export const PopoverLateBodyContainerExample: React.FC<{
+ via: "prop" | "provider";
+}> = ({ via }) => {
+ const rootRef = useRef<HTMLDivElement>(null);
+ const [container, setContainer] = useState<HTMLElement>();
+
+ // The body of the tree's own document, not this module's: under the iframe
+ // fixture the component renders into the frame while the module still
+ // evaluates in the top-level realm.
+ useEffect(() => {
+ setContainer(getOwnerDocument(rootRef.current).body);
+ }, []);
+
+ const popover = (
+ <Popover type="listbox" defaultOpen={true}>
+ <PopoverTrigger>
+ <ActionButton label="Open" />
+ </PopoverTrigger>
+ <PopoverContent
+ offset={4}
+ portalContainer={via === "prop" ? container : undefined}
+ >
+ <ListBoxExample className={popoverContentCn} autoFocus="first" />
+ </PopoverContent>
+ </Popover>
+ );
+
+ return (
+ <Box
+ ref={rootRef}
+ display="flex"
+ flexDirection="column"
+ gap="md"
+ padding="lg"
+ >
+ <ActionButton label="Background button" variant="secondary" />
+ {via === "provider" ? (
+ <PortalContainerProvider portalContainer={container}>
+ {popover}
+ </PortalContainerProvider>
+ ) : (
+ popover
+ )}
+ </Box>
+ );
 };`},similarTo:[],figmaUrl:null},PopoverTrigger:{id:"core-overlays-popover-popovertrigger",importStatement:`import {
     ActionButton,
     PopoverFunctionChildrenExample,
@@ -33585,7 +33906,7 @@ anchorRect?: Rect
   <PopoverWithCustomPositionExample anchorRect={anchorRect} />
 );`},{id:"core-overlays-popover-popovertrigger--function-children",name:"Function Children",snippet:"const FunctionChildren = () => <PopoverFunctionChildrenExample />;"}],implementation:`import { sprinkles, themeVars } from "@baseline-ui/tokens";
 import { ScrollBox } from "@pw/utils/components";
-import { mergeRefs } from "@react-aria/utils";
+import { getOwnerDocument, mergeRefs } from "@react-aria/utils";
 import React, { useEffect, useRef, useState } from "react";
 import { useButton, useInteractOutside } from "react-aria";
 import { flushSync } from "react-dom";
@@ -33594,6 +33915,7 @@ import { ActionButton } from "../../ActionButton";
 import { Box } from "../../Box";
 import { Dialog } from "../../Dialog";
 import { ListBoxExample, items } from "../../ListBox/__tests__/testComponents";
+import { PortalContainerProvider } from "../../PortalContainerProvider";
 import { Select } from "../../Select";
 import { popoverContentCn } from "../../Select/Select.css";
 import { Switch } from "../../Switch";
@@ -34747,6 +35069,60 @@ export const PopoverHorizontalBoundaryBehaviorDemo: React.FC<{
  </Box>
  </Box>
  );
+};
+
+/**
+ * A \`defaultOpen\` Popover whose portal container only resolves to \`document.body\`
+ * in a mount effect, through either \`PopoverContent.portalContainer\` or
+ * \`PortalContainerProvider\`. The portal target is \`document.body\` before and
+ * after, so nothing remounts when the container arrives \u2014 only its identity
+ * changes.
+ */
+export const PopoverLateBodyContainerExample: React.FC<{
+ via: "prop" | "provider";
+}> = ({ via }) => {
+ const rootRef = useRef<HTMLDivElement>(null);
+ const [container, setContainer] = useState<HTMLElement>();
+
+ // The body of the tree's own document, not this module's: under the iframe
+ // fixture the component renders into the frame while the module still
+ // evaluates in the top-level realm.
+ useEffect(() => {
+ setContainer(getOwnerDocument(rootRef.current).body);
+ }, []);
+
+ const popover = (
+ <Popover type="listbox" defaultOpen={true}>
+ <PopoverTrigger>
+ <ActionButton label="Open" />
+ </PopoverTrigger>
+ <PopoverContent
+ offset={4}
+ portalContainer={via === "prop" ? container : undefined}
+ >
+ <ListBoxExample className={popoverContentCn} autoFocus="first" />
+ </PopoverContent>
+ </Popover>
+ );
+
+ return (
+ <Box
+ ref={rootRef}
+ display="flex"
+ flexDirection="column"
+ gap="md"
+ padding="lg"
+ >
+ <ActionButton label="Background button" variant="secondary" />
+ {via === "provider" ? (
+ <PortalContainerProvider portalContainer={container}>
+ {popover}
+ </PortalContainerProvider>
+ ) : (
+ popover
+ )}
+ </Box>
+ );
 };`},similarTo:[],figmaUrl:null},IconSelect:{id:"core-forms-select-iconselect",importStatement:'import { IconSelect } from "@baseline-ui/core";',description:"",documentation:null,props:`interface IconSelectProps {
 /**
  * The icon to show at the start of the color input.
@@ -36895,7 +37271,7 @@ padding={[null, "lg", "xl"]}
 
 * [vanilla-extract sprinkles documentation](https://vanilla-extract.style/documentation/packages/sprinkles/) - Learn about the underlying sprinkles framework
 * [Box component documentation](/docs/core-utilities-box--docs) - Detailed information about the Box component
-* [Theme documentation](/docs/theming--docs) - Learn about Baseline UI's theming system`};var c={"8":["CaretDownIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","ChevronRightFilledIcon","ChevronRightIcon","EllipseIcon","MinusIcon","PlusIcon","XIcon"],"12":["CaretDownIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","CheckmarkIcon","DragIndicatorIcon","DragIndicatorVerticalIcon","EditIcon","EllipseIcon","EnterKeyIcon","LockFilledIcon","LockIcon","MinusIcon","MoreVIcon","MoreIcon","PlaceholderIcon","PlusIcon","SearchIcon","SizeIcon","TrashIcon","XIcon","ZoomIcon"],"16":["AlignBottomIcon","AlignMiddleIcon","AlignTopIcon","AnonymousIcon","ArrowDiagonalTopLeftBottomRightIcon","ArrowDownCircleFilledIcon","ArrowDownIcon","ArrowIcon","ArrowLeftRightIcon","ArrowRightIcon","ArrowUpArrowDownIcon","ArrowUpIcon","AtIcon","AttachmentsIcon","AvatarIcon","BoldIcon","BookmarkFilledIcon","BookmarkIcon","BulletListIcon","CalendarIcon","CaretLeftIcon","CaretRightIcon","CheckmarkCircleFilledIcon","CheckmarkCircleIcon","CheckmarkIcon","CircleFilledIcon","ClockIcon","CopyIcon","CustomizeIcon","DocumentEditIcon","DownloadIcon","DuplicateIcon","EditIcon","ElipseAreaIcon","EllipseCloudyIcon","EllipseDashedIcon","EllipseIcon","EmbedIcon","EmojiSmileIcon","ErrorAltCircleFilledIcon","ErrorCircleFilledIcon","ErrorCircleIcon","ExpandIcon","FilterAltIcon","FolderIcon","FormButtonIcon","FormChoiceIcon","FormComboboxIcon","FormDateIcon","FormListboxIcon","FormRadioButtonIcon","FormSignatureIcon","FormTextFieldIcon","FullScreenIcon","HelpCircleIcon","HelpIcon","HereIcon","HideIcon","HighlightTextAltIcon","HighlightTextIcon","HorizontalScrollIcon","ImageIcon","InfoCircleFilledIcon","InsertIcon","ItalicIcon","LightBulbIcon","LineIcon","LinkIcon","ListIcon","LockIcon","MagicIcon","MeasureIcon","MinusIcon","MoreIcon","MoreVerticalIcon","NoteArrowRightIcon","NoteCheckIcon","NoteCircleIcon","NoteCloudIcon","NoteCrossIcon","NoteHelpIcon","NoteInsetIcon","NoteKeyIcon","NoteNewParagraphAltIcon","NoteNewParagraphIcon","NoteNoteIcon","NotePointerRightIcon","NoteSpeechBubbleIcon","NoteStarIcon","NumberedListIcon","OpenIcon","PageFittingFillIcon","PageFittingFitIcon","PageHorizontalScrollIcon","PageLayoutDoubleIcon","PageLayoutSingleIcon","PageVerticalScrollIcon","PauseIcon","PenHighlighterIcon","PenIcon","PerimeterIcon","PlaceholderIcon","PlayIcon","PlusIcon","PolygonAreaIcon","PolygonCloudyIcon","PolygonDashedIcon","PolygonIcon","PolylineIcon","ReadOnlyIcon","RectangleAreaIcon","RectangleCloudyIcon","RectangleDashedIcon","RectangleIcon","RedoIcon","RemoveFormattingIcon","ReorderIcon","RotateClockwiseIcon","RotateCounterClockwiseIcon","RulerIcon","SearchIcon","SettingsIcon","ShowIcon","SlashCommandsIcon","SoundRecordIcon","StampIcon","StarFilledIcon","StarIcon","StrikeoutTextAltIcon","TableCellIcon","TableColumnIcon","TableHeaderIcon","TableIcon","TableRowIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextCalloutIcon","TextDecreaseIndentIcon","TextIcon","TextIncreaseIndentIcon","TextMarkIcon","ThumbnailsIcon","ThumbsDownIcon","ThumbsUpIcon","TrashIcon","TypeTextIcon","UnderlineIcon","UndoIcon","UnlockIcon","VerticalScrollIcon","VideoIcon","WarningFilledIcon","WarningIcon","WindowedIcon","WorkflowIcon","XCircleFilledIcon","XIcon"],"20":["AddPageIcon","AnonymousIcon","ArrowLeftIcon","ArrowRightIcon","ArrowUpCircleFilledIcon","AtIcon","AvatarFilledIcon","BoldIcon","CalloutIcon","CaretDownIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","CheckCircleFilledIcon","CheckmarkCircleIcon","CheckmarkIcon","ClockIcon","CollapseIcon","CommentIcon","CopyIcon","CutIcon","DistanceIcon","DownloadIcon","DuplicateIcon","EditIcon","EllipseIcon","EmojiSmileIcon","ErrorAltCircleFilledIcon","ErrorAlternativeCircleIcon","ErrorCircleFilledIcon","ErrorCircleIcon","ExpandIcon","FormDateIcon","FormSignatureIcon","FormTextFieldIcon","HelpCircleIcon","HighlightTextIcon","HomeIcon","ImageIcon","InfoCircleFilledIcon","InfoCircleIcon","ItalicIcon","LinkIcon","ListIcon","LockIcon","MagicIcon","MinusIcon","MoreIcon","MoreVerticalIcon","MoveIcon","NoteArrowRightIcon","NoteCheckIcon","NoteCircleIcon","NoteCrossIcon","NoteHelpIcon","NoteInsetIcon","NoteKeyIcon","NoteNewParagraphAltIcon","NoteNewParagraphIcon","NoteNoteIcon","NotePointerRightIcon","NoteSpeechBubbleIcon","NoteStarIcon","OpenIcon","PageMoveLeftIcon","PageMoveRightIcon","PagesInsertIcon","PasteIcon","PipetteIcon","PlusIcon","PrintIcon","RotateClockwiseIcon","SearchIcon","SettingsIcon","ShapeIcon","ShareIcon","SoundIcon","SoundRecordIcon","StarFilledIcon","StarIcon","StyleIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextIcon","ThumbnailsIcon","ThumbsDownIcon","ThumbsUpIcon","TrashIcon","TypeTextIcon","UnderlineIcon","UploadIcon","WarningFilledIcon","WarningIcon","XCircleFilledIcon","XCircleIcon","XIcon"],"24":["AddNoteCloudIcon","AddNoteIcon","AddTextSerifIcon","AiIcon","AirplaneIcon","AlignBottomIcon","AlignHorizontalCenterIcon","AlignMiddleIcon","AlignTopIcon","AnonymousIcon","ArrowDownIcon","ArrowIcon","ArrowLeftIcon","ArrowRightIcon","ArrowUpIcon","AtIcon","AttachmentIcon","AvatarFilledIcon","AvatarIcon","BlendModeIcon","BoldIcon","BookmarkFilledIcon","BookmarkIcon","BorderColorIcon","BottomBorderIcon","BulletListIcon","CalibrateIcon","CaptureAddIcon","CaretDownIcon","CaretIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","CheckmarkCircleFilledIcon","CheckmarkCircleIcon","CheckmarkIcon","ChevronListIcon","ClockIcon","CloudyBorderIcon","CollapseIcon","ColorPaletteIcon","ColorSwatchIcon","CommentIcon","CommentInSidebarIcon","CommentOnPageIcon","CompareDocumentsIcon","CopyIcon","CopyPageIcon","CropIcon","CustomizeIcon","CutIcon","DateModifiedIcon","DatePlusIcon","DebugIcon","DocumentArrowDownCircleIcon","DocumentArrowDownIcon","DocumentArrowRightIcon","DocumentFilledIcon","DocumentLockIcon","DocumentPdfIcon","DownloadIcon","DragIndicatorIcon","DragIndicatorVerticalIcon","DuplicateIcon","EditAnnotationsIcon","EditContentIcon","EditDocumentIcon","EditIcon","EditThumbnailsIcon","EllipseAreaIcon","EllipseCloudyIcon","EllipseDashedIcon","EllipseIcon","EmbedIcon","EmojiSmileIcon","EndCapArrowFilledIcon","EndCapArrowIcon","EndCapChevronFilledIcon","EndCapChevronIcon","EndCapCircleIcon","EndCapDiamondIcon","EndCapNoneIcon","EndCapSlantedIcon","EndCapSquareIcon","EndCapStraightIcon","EraserIcon","ErrorAltCircleFilledIcon","ErrorAltIcon","ErrorCircleFilledIcon","ErrorCircleIcon","ExpandIcon","ExpandVerticalIcon","FillColorIcon","FilterIcon","FitToHeightIcon","FivePagesHorizontalFilledIcon","FivePagesVerticalFilledIcon","FolderAddIcon","FolderIcon","FontListIcon","FontSizeIcon","FormButtonIcon","FormChoiceIcon","FormComboboxIcon","FormDateIcon","FormListboxIcon","FormPageIcon","FormRadioButtonIcon","FormSignatureIcon","FormTextFieldIcon","FormTwoRadioButtonsIcon","FourPagesGridFilledIcon","FourPagesHorizontalFilledIcon","FourPagesStackedFilledIcon","FourPagesVerticalFilledIcon","GroupIcon","HamburgerMenuIcon","HandIcon","HeartIcon","HideIcon","HideRevealIcon","HighlightTextIcon","HomeIcon","HorizontalScollIcon","ImageIcon","InfoCircleFilledIcon","InfoCircleIcon","InitialsIcon","InnerHorizontalBorderIcon","InnerVerticalBorderIcon","InsertIcon","ItalicIcon","LayerBottomIcon","LayerDownIcon","LayerTopIcon","LayerUpIcon","LayersIcon","LeftBindingIcon","LeftBorderIcon","LineCapsIcon","LineIcon","LineSpacingIcon","LineStyleCloudyIcon","LineStyleDashedDoubleDashIcon","LineStyleDashedDoubleGapIcon","LineStyleDashedQuadrupleDashIcon","LineStyleDashedSingleGapIcon","LineStyleIcon","LineStyleSolidIcon","LineWidthIcon","LinkIcon","LockFilledIcon","LockIcon","MagicIcon","MagicPenIcon","MailIcon","MarkupIcon","MarqueeZoomIcon","MeasureIcon","MergeIcon","MessageCloudIcon","MinusIcon","MoonIcon","MoreCircleIcon","MoreIcon","MoreVerticalIcon","MoveAllDirectionsIcon","MoveLeftIcon","MoveLeftRightIcon","MoveRightIcon","MultiplePagesIcon","NonEditableIcon","NoteArrowRightIcon","NoteCheckIcon","NoteCircleIcon","NoteCloudIcon","NoteCrossIcon","NoteHelpIcon","NoteIcon","NoteInsetIcon","NoteKeyIcon","NoteNewParagraphAltIcon","NoteNewParagraphIcon","NoteNoteIcon","NotePointerRightIcon","NoteSpeechBubbleIcon","NoteStarIcon","OcrIcon","OpacityIcon","PageAddIcon","PageCurlIcon","PageDuplicateIcon","PageFittingFillIcon","PageFittingFitIcon","PageHorizontalScrollIcon","PageLandscapeIcon","PageLayoutDoubleIcon","PageLayoutSingleIcon","PageMoveLeftIcon","PageMoveRightIcon","PageNumberCircleIcon","PageNumberIcon","PagePortraitIcon","PageRemoveIcon","PageVerticalScrollIcon","PagesInsertAltIcon","PagesInsertIcon","PagesNewFromSelectionAltIcon","PagesNewFromSelectionIcon","PagesSelectAllIcon","PagesSelectNoneIcon","PasteBoardIcon","PastePageIcon","PauseIcon","PenHighlighterIcon","PenIcon","PerimeterIcon","PinDropFilledIcon","PinDropIcon","PipetteIcon","PlayIcon","PlusCircleFilledIcon","PlusCircleIcon","PlusIcon","PointerIcon","PolygonAreaIcon","PolygonCloudyIcon","PolygonDashedIcon","PolygonIcon","PolylineIcon","PrecisionIcon","PrintIcon","PrivateModeIcon","PushPinIcon","QuestionmarkCircleIcon","ReaderViewIcon","RectangleAreaIcon","RectangleCloudyIcon","RectangleDashedIcon","RectangleIcon","RedactIcon","RedactRectangleIcon","RedactTextHighlighterIcon","RedactionTextRepeatingIcon","RedactionTextSingleIcon","RedoAllIcon","RedoIcon","RegexIcon","ReplaceIcon","RightBindingIcon","RightBorderIcon","RotateClockwiseIcon","RotateCounterClockwiseIcon","RotateObjectClockwiseIcon","RotateObjectCounterClockwiseIcon","RulerIcon","ScaleIcon","SearchCircleIcon","SearchIcon","SearchSelectionIcon","SelectAllIcon","SelectionToolIcon","SettingsIcon","ShapesIcon","ShareAltIcon","ShareIcon","ShieldAddIcon","ShieldCheckmarkIcon","ShieldWarningIcon","ShieldXIcon","ShowIcon","SidebarIcon","SignOutIcon","SignatureDigitalIcon","SignatureIcon","SinglePageFilledIcon","SoundIcon","SquigglyTextIcon","StampAddIcon","StampIcon","StarFilledIcon","StarIcon","StartCapArrowFilledIcon","StartCapArrowIcon","StartCapChevronFilledIcon","StartCapChevronIcon","StartCapCircleIcon","StartCapDiamondIcon","StartCapNoneIcon","StartCapSlantedIcon","StartCapSquareIcon","StartCapStraightIcon","StrikeoutTextIcon","StyleFilledIcon","StyleIcon","StylusFilledIcon","StylusIcon","SunIcon","TableCellIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextCalloutIcon","TextColorIcon","TextIcon","TextPropertiesHideIcon","TextPropertiesShowIcon","TextSerifIcon","TextSmallerIcon","ThreePagesHorizontalFilledIcon","ThreePagesStackedFilledIcon","ThreePagesVerticalFilledIcon","ThumbnailsIcon","ThumbsDownIcon","ThumbsUpIcon","TopBorderIcon","TrashIcon","TwoPagesHorizontalFilledIcon","TwoPagesVerticalFilledIcon","TypeTextIcon","UnderlineIcon","UnderlineTextIcon","UndoAllIcon","UndoIcon","UndoRedoIcon","UngroupIcon","UnlockIcon","UploadIcon","UserIcon","VerticalScrollIcon","VideoIcon","WarningFilledIcon","WarningIcon","WidgetIcon","WorkflowIcon","XCircleFilledIcon","XCircleIcon","XIcon","ZoomInIcon","ZoomOutIcon"],"36":["ArrowRight","Check","Circle","Cross","Help","Inset","Key","NewParagraphAlt","NewParagraph","Note","PointerRight","SpeechBubble","Star"]};var p={version:"3.0.1"};var u=`
+* [Theme documentation](/docs/theming--docs) - Learn about Baseline UI's theming system`};var c={"8":["CaretDownIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","ChevronRightFilledIcon","ChevronRightIcon","EllipseIcon","MinusIcon","PlusIcon","XIcon"],"12":["CaretDownIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","CheckmarkIcon","DragIndicatorIcon","DragIndicatorVerticalIcon","EditIcon","EllipseIcon","EnterKeyIcon","LockFilledIcon","LockIcon","MinusIcon","MoreVIcon","MoreIcon","PlaceholderIcon","PlusIcon","SearchIcon","SizeIcon","TrashIcon","XIcon","ZoomIcon"],"16":["AlignBottomIcon","AlignMiddleIcon","AlignTopIcon","AnonymousIcon","ArrowDiagonalTopLeftBottomRightIcon","ArrowDownCircleFilledIcon","ArrowDownIcon","ArrowIcon","ArrowLeftRightIcon","ArrowRightIcon","ArrowUpArrowDownIcon","ArrowUpIcon","AtIcon","AttachmentsIcon","AvatarIcon","BoldIcon","BookmarkFilledIcon","BookmarkIcon","BulletListIcon","CalendarIcon","CaretLeftIcon","CaretRightIcon","CheckmarkCircleFilledIcon","CheckmarkCircleIcon","CheckmarkIcon","CircleFilledIcon","ClockIcon","CopyIcon","CustomizeIcon","DocumentEditIcon","DownloadIcon","DuplicateIcon","EditIcon","ElipseAreaIcon","EllipseCloudyIcon","EllipseDashedIcon","EllipseIcon","EmbedIcon","EmojiSmileIcon","ErrorAltCircleFilledIcon","ErrorCircleFilledIcon","ErrorCircleIcon","ExpandIcon","FilterAltIcon","FolderIcon","FormButtonIcon","FormChoiceIcon","FormComboboxIcon","FormDateIcon","FormListboxIcon","FormRadioButtonIcon","FormSignatureIcon","FormTextFieldIcon","FullScreenIcon","HelpCircleIcon","HelpIcon","HereIcon","HideIcon","HighlightTextAltIcon","HighlightTextIcon","HorizontalScrollIcon","ImageIcon","InfoCircleFilledIcon","InsertIcon","ItalicIcon","LightBulbIcon","LineIcon","LinkIcon","ListIcon","LockIcon","MagicIcon","MeasureIcon","MinusIcon","MoreIcon","MoreVerticalIcon","NoteArrowRightIcon","NoteCheckIcon","NoteCircleIcon","NoteCloudIcon","NoteCrossIcon","NoteHelpIcon","NoteInsetIcon","NoteKeyIcon","NoteNewParagraphAltIcon","NoteNewParagraphIcon","NoteNoteIcon","NotePointerRightIcon","NoteSpeechBubbleIcon","NoteStarIcon","NumberedListIcon","OpenIcon","PageFittingFillIcon","PageFittingFitIcon","PageHorizontalScrollIcon","PageLayoutDoubleIcon","PageLayoutSingleIcon","PageVerticalScrollIcon","PauseIcon","PenHighlighterIcon","PenIcon","PerimeterIcon","PlaceholderIcon","PlayIcon","PlusIcon","PolygonAreaIcon","PolygonCloudyIcon","PolygonDashedIcon","PolygonIcon","PolylineIcon","ReadOnlyIcon","RectangleAreaIcon","RectangleCloudyIcon","RectangleDashedIcon","RectangleIcon","RedoIcon","RemoveFormattingIcon","ReorderIcon","RotateClockwiseIcon","RotateCounterClockwiseIcon","RulerIcon","SearchIcon","SettingsIcon","ShowIcon","SlashCommandsIcon","SoundRecordIcon","StampIcon","StarFilledIcon","StarIcon","StrikeoutTextAltIcon","TableCellIcon","TableColumnIcon","TableHeaderIcon","TableIcon","TableRowIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextCalloutIcon","TextDecreaseIndentIcon","TextIcon","TextIncreaseIndentIcon","TextMarkIcon","ThumbnailsIcon","ThumbsDownIcon","ThumbsUpIcon","TrashIcon","TypeTextIcon","UnderlineIcon","UndoIcon","UnlockIcon","VerticalScrollIcon","VideoIcon","WarningFilledIcon","WarningIcon","WindowedIcon","WorkflowIcon","XCircleFilledIcon","XIcon"],"20":["AddPageIcon","AnonymousIcon","ArrowLeftIcon","ArrowRightIcon","ArrowUpCircleFilledIcon","AtIcon","AvatarFilledIcon","BoldIcon","CalloutIcon","CaretDownIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","CheckCircleFilledIcon","CheckmarkCircleIcon","CheckmarkIcon","ClockIcon","CollapseIcon","CommentIcon","CopyIcon","CutIcon","DistanceIcon","DownloadIcon","DuplicateIcon","EditIcon","EllipseIcon","EmojiSmileIcon","ErrorAltCircleFilledIcon","ErrorAlternativeCircleIcon","ErrorCircleFilledIcon","ErrorCircleIcon","ExpandIcon","FormDateIcon","FormSignatureIcon","FormTextFieldIcon","HelpCircleIcon","HighlightTextIcon","HomeIcon","ImageIcon","InfoCircleFilledIcon","InfoCircleIcon","ItalicIcon","LinkIcon","ListIcon","LockIcon","MagicIcon","MinusIcon","MoreIcon","MoreVerticalIcon","MoveIcon","NoteArrowRightIcon","NoteCheckIcon","NoteCircleIcon","NoteCrossIcon","NoteHelpIcon","NoteInsetIcon","NoteKeyIcon","NoteNewParagraphAltIcon","NoteNewParagraphIcon","NoteNoteIcon","NotePointerRightIcon","NoteSpeechBubbleIcon","NoteStarIcon","OpenIcon","PageMoveLeftIcon","PageMoveRightIcon","PagesInsertIcon","PasteIcon","PipetteIcon","PlusIcon","PrintIcon","RotateClockwiseIcon","SearchIcon","SettingsIcon","ShapeIcon","ShareIcon","SoundIcon","SoundRecordIcon","StarFilledIcon","StarIcon","StyleIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextIcon","ThumbnailsIcon","ThumbsDownIcon","ThumbsUpIcon","TrashIcon","TypeTextIcon","UnderlineIcon","UploadIcon","WarningFilledIcon","WarningIcon","XCircleFilledIcon","XCircleIcon","XIcon"],"24":["AddNoteCloudIcon","AddNoteIcon","AddTextSerifIcon","AiIcon","AirplaneIcon","AlignBottomIcon","AlignHorizontalCenterIcon","AlignMiddleIcon","AlignTopIcon","AnonymousIcon","ArrowDownIcon","ArrowIcon","ArrowLeftIcon","ArrowRightIcon","ArrowUpIcon","AtIcon","AttachmentIcon","AvatarFilledIcon","AvatarIcon","BlendModeIcon","BoldIcon","BookmarkFilledIcon","BookmarkIcon","BorderColorIcon","BottomBorderIcon","BulletListIcon","CalibrateIcon","CaptureAddIcon","CaretDownIcon","CaretIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","CheckmarkCircleFilledIcon","CheckmarkCircleIcon","CheckmarkIcon","ChevronListIcon","ClockIcon","CloudyBorderIcon","CollapseIcon","ColorPaletteIcon","ColorSwatchIcon","CommentIcon","CommentInSidebarIcon","CommentOnPageIcon","CompareDocumentsIcon","CopyIcon","CopyPageIcon","CropIcon","CustomizeIcon","CutIcon","DateModifiedIcon","DatePlusIcon","DebugIcon","DocumentArrowDownCircleIcon","DocumentArrowDownIcon","DocumentArrowRightIcon","DocumentFilledIcon","DocumentLockIcon","DocumentPdfIcon","DownloadIcon","DragIndicatorIcon","DragIndicatorVerticalIcon","DuplicateIcon","EditAnnotationsIcon","EditContentIcon","EditDocumentIcon","EditIcon","EditThumbnailsIcon","EllipseAreaIcon","EllipseCloudyIcon","EllipseDashedIcon","EllipseIcon","EmbedIcon","EmojiSmileIcon","EndCapArrowFilledIcon","EndCapArrowIcon","EndCapChevronFilledIcon","EndCapChevronIcon","EndCapCircleIcon","EndCapDiamondIcon","EndCapNoneIcon","EndCapSlantedIcon","EndCapSquareIcon","EndCapStraightIcon","EraserIcon","ErrorAltCircleFilledIcon","ErrorAltIcon","ErrorCircleFilledIcon","ErrorCircleIcon","ExpandIcon","ExpandVerticalIcon","FillColorIcon","FilterIcon","FitToHeightIcon","FivePagesHorizontalFilledIcon","FivePagesVerticalFilledIcon","FolderAddIcon","FolderIcon","FontListIcon","FontSizeIcon","FormButtonIcon","FormChoiceIcon","FormComboboxIcon","FormDateIcon","FormListboxIcon","FormPageIcon","FormRadioButtonIcon","FormSignatureIcon","FormTextFieldIcon","FormTwoRadioButtonsIcon","FourPagesGridFilledIcon","FourPagesHorizontalFilledIcon","FourPagesStackedFilledIcon","FourPagesVerticalFilledIcon","GroupIcon","HamburgerMenuIcon","HandIcon","HeartIcon","HideIcon","HideRevealIcon","HighlightTextIcon","HomeIcon","HorizontalScollIcon","ImageIcon","InfoCircleFilledIcon","InfoCircleIcon","InitialsIcon","InnerHorizontalBorderIcon","InnerVerticalBorderIcon","InsertIcon","ItalicIcon","LayerBottomIcon","LayerDownIcon","LayerTopIcon","LayerUpIcon","LayersIcon","LeftBindingIcon","LeftBorderIcon","LineCapsIcon","LineIcon","LineSpacingIcon","LineStyleCloudyIcon","LineStyleDashedDoubleDashIcon","LineStyleDashedDoubleGapIcon","LineStyleDashedQuadrupleDashIcon","LineStyleDashedSingleGapIcon","LineStyleIcon","LineStyleSolidIcon","LineWidthIcon","LinkIcon","LockFilledIcon","LockIcon","MagicIcon","MagicPenIcon","MailIcon","MarkupIcon","MarqueeZoomIcon","MeasureIcon","MergeIcon","MessageCloudIcon","MinusIcon","MoonIcon","MoreCircleIcon","MoreIcon","MoreVerticalIcon","MoveAllDirectionsIcon","MoveLeftIcon","MoveLeftRightIcon","MoveRightIcon","MultiplePagesIcon","NonEditableIcon","NoteArrowRightIcon","NoteCheckIcon","NoteCircleIcon","NoteCloudIcon","NoteCrossIcon","NoteHelpIcon","NoteIcon","NoteInsetIcon","NoteKeyIcon","NoteNewParagraphAltIcon","NoteNewParagraphIcon","NoteNoteIcon","NotePointerRightIcon","NoteSpeechBubbleIcon","NoteStarIcon","OcrIcon","OpacityIcon","PageAddIcon","PageCurlIcon","PageDuplicateIcon","PageFittingFillIcon","PageFittingFitIcon","PageHorizontalScrollIcon","PageLandscapeIcon","PageLayoutDoubleIcon","PageLayoutSingleIcon","PageMoveLeftIcon","PageMoveRightIcon","PageNumberCircleIcon","PageNumberIcon","PagePortraitIcon","PageRemoveIcon","PageVerticalScrollIcon","PagesInsertAltIcon","PagesInsertIcon","PagesNewFromSelectionAltIcon","PagesNewFromSelectionIcon","PagesSelectAllIcon","PagesSelectNoneIcon","PasteBoardIcon","PastePageIcon","PauseIcon","PenHighlighterIcon","PenIcon","PerimeterIcon","PinDropFilledIcon","PinDropIcon","PipetteIcon","PlayIcon","PlusCircleFilledIcon","PlusCircleIcon","PlusIcon","PointerIcon","PolygonAreaIcon","PolygonCloudyIcon","PolygonDashedIcon","PolygonIcon","PolylineIcon","PrecisionIcon","PrintIcon","PrivateModeIcon","PushPinIcon","QuestionmarkCircleIcon","ReaderViewIcon","RectangleAreaIcon","RectangleCloudyIcon","RectangleDashedIcon","RectangleIcon","RedactIcon","RedactRectangleIcon","RedactTextHighlighterIcon","RedactionTextRepeatingIcon","RedactionTextSingleIcon","RedoAllIcon","RedoIcon","RegexIcon","ReplaceIcon","RightBindingIcon","RightBorderIcon","RotateClockwiseIcon","RotateCounterClockwiseIcon","RotateObjectClockwiseIcon","RotateObjectCounterClockwiseIcon","RulerIcon","ScaleIcon","SearchCircleIcon","SearchIcon","SearchSelectionIcon","SelectAllIcon","SelectionToolIcon","SettingsIcon","ShapesIcon","ShareAltIcon","ShareIcon","ShieldAddIcon","ShieldCheckmarkIcon","ShieldWarningIcon","ShieldXIcon","ShowIcon","SidebarIcon","SignOutIcon","SignatureDigitalIcon","SignatureIcon","SinglePageFilledIcon","SoundIcon","SquigglyTextIcon","StampAddIcon","StampIcon","StarFilledIcon","StarIcon","StartCapArrowFilledIcon","StartCapArrowIcon","StartCapChevronFilledIcon","StartCapChevronIcon","StartCapCircleIcon","StartCapDiamondIcon","StartCapNoneIcon","StartCapSlantedIcon","StartCapSquareIcon","StartCapStraightIcon","StrikeoutTextIcon","StyleFilledIcon","StyleIcon","StylusFilledIcon","StylusIcon","SunIcon","TableCellIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextCalloutIcon","TextColorIcon","TextIcon","TextPropertiesHideIcon","TextPropertiesShowIcon","TextSerifIcon","TextSmallerIcon","ThreePagesHorizontalFilledIcon","ThreePagesStackedFilledIcon","ThreePagesVerticalFilledIcon","ThumbnailsIcon","ThumbsDownIcon","ThumbsUpIcon","TopBorderIcon","TrashIcon","TwoPagesHorizontalFilledIcon","TwoPagesVerticalFilledIcon","TypeTextIcon","UnderlineIcon","UnderlineTextIcon","UndoAllIcon","UndoIcon","UndoRedoIcon","UngroupIcon","UnlockIcon","UploadIcon","UserIcon","VerticalScrollIcon","VideoIcon","WarningFilledIcon","WarningIcon","WidgetIcon","WorkflowIcon","XCircleFilledIcon","XCircleIcon","XIcon","ZoomInIcon","ZoomOutIcon"],"36":["ArrowRight","Check","Circle","Cross","Help","Inset","Key","NewParagraphAlt","NewParagraph","Note","PointerRight","SpeechBubble","Star"]};var p={version:"3.1.0"};var u=`
 # Baseline UI MCP Server Guidelines
 
 This MCP server provides AI assistants with structured access to Baseline UI's comprehensive component documentation, icon library, theming resources, and design guidelines.

package/dist/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-import {a}from'./chunk-7RC5CLRO.js';import {StdioServerTransport}from'@modelcontextprotocol/sdk/server/stdio.js';(async()=>await a().connect(new StdioServerTransport))();
+import {a}from'./chunk-MDOP4NRY.js';import {StdioServerTransport}from'@modelcontextprotocol/sdk/server/stdio.js';(async()=>await a().connect(new StdioServerTransport))();

package/dist/server.cjs

@@ -11809,6 +11809,39 @@ export function ScrollIntoViewImageGalleryExample() {
  );
 }
 
+export function MountEffectScrollIntoViewImageGalleryExample() {
+ const listBoxHandle = React.useRef<ListHandle>(null);
+ const galleryItems = Array.from({ length: 20 }, (_, i) => {
+ const index = i + 1;
+ return {
+ id: \`image-\${i}\`,
+ src: resolvePublicUrl(\`gallery/\${(index % 10) + 1}.jpg\`),
+ alt: \`Image \${index}\`,
+ label: index.toString(),
+ };
+ });
+
+ // Scrolls from the consumer's own mount effect, which runs before the list box's
+ // collection has rendered any options.
+ React.useEffect(() => {
+ listBoxHandle.current?.scrollIntoView("image-15");
+ }, []);
+
+ return (
+ <Box display="flex" flexDirection="column" gap="md" style={{ width: 500 }}>
+ <div
+ style={{
+ maxHeight: 300,
+ overflow: "auto",
+ border: "1px solid #ccc",
+ }}
+ >
+ <ImageGallery items={galleryItems} listBoxHandle={listBoxHandle} />
+ </div>
+ </Box>
+ );
+}
+
 // Counts \`renderImage\` calls so a spec can prove that a re-render which changes nothing
 // the gallery reads does not throw away the list box's cached options. \`Report\` publishes
 // the tally taken *before* its own render, so two clicks bracket exactly one re-render.
@@ -14490,7 +14523,8 @@ onOpenChange?: (isOpen: boolean) => void
 children: React.ReactNode
 }`,stories:{usage:[{id:"core-overlays-modal--basic",name:"Basic",snippet:"const Basic = (args) => <DialogExample modalProps={args} />;"},{id:"core-overlays-modal--default-open",name:"Default Open",snippet:"const DefaultOpen = (args) => <DialogExample modalProps={args} />;"},{id:"core-overlays-modal--controlled",name:"Controlled",snippet:"const Controlled = (args) => <DialogExample modalProps={args} />;"}],implementation:`import { IFrame, ShadowRoot } from "@baseline-ui/test-utils/client";
 import { sprinkles } from "@baseline-ui/tokens";
-import React, { useState } from "react";
+import { getOwnerDocument } from "@react-aria/utils";
+import React, { useEffect, useRef, useState } from "react";
 import { VisuallyHidden, useId } from "react-aria";
 
 import { ActionButton } from "../../ActionButton";
@@ -14501,6 +14535,7 @@ import { Editor } from "../../Editor";
 import { FrameProvider } from "../../FrameProvider";
 import { ListBox } from "../../ListBox";
 import { NumberInput } from "../../NumberInput";
+import { PortalContainerProvider } from "../../PortalContainerProvider";
 import { RadioGroup } from "../../RadioGroup";
 import { Select } from "../../Select";
 import { Slider } from "../../Slider";
@@ -14903,6 +14938,59 @@ export const DisabledFocusManagementExample: React.FC<{
  )}
  </Box>
  );
+};
+
+/**
+ * A \`defaultOpen\` Modal whose portal container only resolves to \`document.body\`
+ * in a mount effect, through either \`ModalContent.portalContainer\` or
+ * \`PortalContainerProvider\`. The portal target is \`document.body\` before and
+ * after, so nothing remounts when the container arrives \u2014 only its identity
+ * changes.
+ */
+export const ModalLateBodyContainerExample: React.FC<
+ TestComponentProps & { via: "prop" | "provider" }
+> = ({ enableInert, via }) => {
+ const rootRef = useRef<HTMLDivElement>(null);
+ const [container, setContainer] = useState<HTMLElement>();
+
+ // The body of the tree's own document, not this module's: under the iframe
+ // fixture the component renders into the frame while the module still
+ // evaluates in the top-level realm.
+ useEffect(() => {
+ setContainer(getOwnerDocument(rootRef.current).body);
+ }, []);
+
+ const modal = (
+ <Modal defaultOpen={true}>
+ <ModalContent
+ portalContainer={via === "prop" ? container : undefined}
+ UNSAFE_enableInert={enableInert}
+ >
+ <Dialog aria-label="Late container">
+ <Text>Modal content</Text>
+ </Dialog>
+ </ModalContent>
+ </Modal>
+ );
+
+ return (
+ <Box
+ ref={rootRef}
+ display="flex"
+ flexDirection="column"
+ gap="md"
+ padding="lg"
+ >
+ <ActionButton label="Background button" variant="secondary" />
+ {via === "provider" ? (
+ <PortalContainerProvider portalContainer={container}>
+ {modal}
+ </PortalContainerProvider>
+ ) : (
+ modal
+ )}
+ </Box>
+ );
 };`},similarTo:[],figmaUrl:null},NumberFormat:{id:"core-utilities-numberformat",breadcrumb:"Core/Utilities/NumberFormat",importStatement:'import { NumberFormat } from "@baseline-ui/core";',description:"`NumberFormat` provides localized number formatting for the current locale. It automatically updates when the locale changes, and handles caching of the number formatter for performance.\nIt is a wrapper around the [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) API.",documentation:`\`NumberFormat\` provides localized number formatting for the current locale. It automatically updates when the locale changes, and handles caching of the number formatter for performance.
 It is a wrapper around the [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) API.
 
@@ -17167,7 +17255,7 @@ children: React.ReactNode
   />
 );`},{id:"core-overlays-popover--with-boundary-element",name:"With Boundary Element",snippet:"const WithBoundaryElement = (args) => <PopoverBoundaryElementExample popoverProps={args} />;"},{id:"core-overlays-popover--with-no-boundary",name:"With No Boundary",snippet:"const WithNoBoundary = () => <PopoverNoBoundaryExample />;"},{id:"core-overlays-popover--with-dynamic-trigger-width",name:"With Dynamic Trigger Width",snippet:"const WithDynamicTriggerWidth = (args) => <PopoverTriggerWidthExample popoverProps={args} />;"}],implementation:`import { sprinkles, themeVars } from "@baseline-ui/tokens";
 import { ScrollBox } from "@pw/utils/components";
-import { mergeRefs } from "@react-aria/utils";
+import { getOwnerDocument, mergeRefs } from "@react-aria/utils";
 import React, { useEffect, useRef, useState } from "react";
 import { useButton, useInteractOutside } from "react-aria";
 import { flushSync } from "react-dom";
@@ -17176,6 +17264,7 @@ import { ActionButton } from "../../ActionButton";
 import { Box } from "../../Box";
 import { Dialog } from "../../Dialog";
 import { ListBoxExample, items } from "../../ListBox/__tests__/testComponents";
+import { PortalContainerProvider } from "../../PortalContainerProvider";
 import { Select } from "../../Select";
 import { popoverContentCn } from "../../Select/Select.css";
 import { Switch } from "../../Switch";
@@ -18329,6 +18418,60 @@ export const PopoverHorizontalBoundaryBehaviorDemo: React.FC<{
  </Box>
  </Box>
  );
+};
+
+/**
+ * A \`defaultOpen\` Popover whose portal container only resolves to \`document.body\`
+ * in a mount effect, through either \`PopoverContent.portalContainer\` or
+ * \`PortalContainerProvider\`. The portal target is \`document.body\` before and
+ * after, so nothing remounts when the container arrives \u2014 only its identity
+ * changes.
+ */
+export const PopoverLateBodyContainerExample: React.FC<{
+ via: "prop" | "provider";
+}> = ({ via }) => {
+ const rootRef = useRef<HTMLDivElement>(null);
+ const [container, setContainer] = useState<HTMLElement>();
+
+ // The body of the tree's own document, not this module's: under the iframe
+ // fixture the component renders into the frame while the module still
+ // evaluates in the top-level realm.
+ useEffect(() => {
+ setContainer(getOwnerDocument(rootRef.current).body);
+ }, []);
+
+ const popover = (
+ <Popover type="listbox" defaultOpen={true}>
+ <PopoverTrigger>
+ <ActionButton label="Open" />
+ </PopoverTrigger>
+ <PopoverContent
+ offset={4}
+ portalContainer={via === "prop" ? container : undefined}
+ >
+ <ListBoxExample className={popoverContentCn} autoFocus="first" />
+ </PopoverContent>
+ </Popover>
+ );
+
+ return (
+ <Box
+ ref={rootRef}
+ display="flex"
+ flexDirection="column"
+ gap="md"
+ padding="lg"
+ >
+ <ActionButton label="Background button" variant="secondary" />
+ {via === "provider" ? (
+ <PortalContainerProvider portalContainer={container}>
+ {popover}
+ </PortalContainerProvider>
+ ) : (
+ popover
+ )}
+ </Box>
+ );
 };`},similarTo:[],figmaUrl:null},Portal:{id:"core-utilities-portal",breadcrumb:"Core/Utilities/Portal",importStatement:'import { Portal } from "@baseline-ui/core";',description:"`Portal` renders its children into an overlay portal outside the normal React DOM hierarchy. It integrates with `ThemeProvider` so that the portal content inherits the current theme and virtual keyboard handling configuration.",documentation:'`Portal` renders its children into an overlay portal outside the normal React DOM hierarchy. It integrates with `ThemeProvider` so that the portal content inherits the current theme and virtual keyboard handling configuration.\n\n* Renders children into an overlay container managed by React Aria\n* Automatically wraps children in a `ThemeProvider` to propagate the active theme into the portal\n* Respects a custom `portalContainer` provided via prop or the nearest `PortalContainerProvider` in context\n* Supports all standard `StylingProps` (`className`, `style`, `data-block-id`, `data-block-class`)\n\n```jsx\nimport { Portal } from "@baseline-ui/core";\n\nexport default function App() {\n return (\n <Portal>\n <div>I am rendered in a portal</div>\n </Portal>\n );\n}\n```\n\nPass a `portalContainer` element to render the portal inside a specific DOM node instead of the default overlay container. This is useful when rendering inside Shadow DOM or other isolated subtrees.\n\n```jsx\nimport { Portal } from "@baseline-ui/core";\n\nconst shadowRoot = document.querySelector("#shadow-host").shadowRoot;\nconst container = shadowRoot.querySelector(".portal-root");\n\nexport default function App() {\n return (\n <Portal portalContainer={container}>\n <div>Rendered inside shadow DOM</div>\n </Portal>\n );\n}\n```',props:`interface PortalProps {
 /**
  * The container element in which the overlay portal will be placed.
@@ -29497,6 +29640,45 @@ export const ScrollIntoViewExample: React.FC = () => {
  );
 };
 
+export const SupersededScrollIntoViewExample: React.FC = () => {
+ const listBoxHandle = React.useRef<ListHandle>(null);
+ const [itemCount, setItemCount] = React.useState(5);
+
+ return (
+ <Box display="flex" flexDirection="column" gap="md" style={{ width: 300 }}>
+ <ActionButton
+ label="Grow then scroll to Item 0"
+ onPress={() => {
+ // Item 19 only renders once this handler returns, so the first call finds
+ // nothing and schedules a retry. The second call succeeds against the options
+ // already on screen, and must cancel that retry instead of letting it scroll
+ // back to Item 19 a frame later.
+ setItemCount(20);
+ listBoxHandle.current?.scrollIntoView("item-19");
+ listBoxHandle.current?.scrollIntoView("item-0");
+ }}
+ />
+
+ <div
+ style={{
+ maxHeight: 200,
+ overflow: "auto",
+ border: "1px solid #ccc",
+ }}
+ >
+ <ListBox
+ items={Array.from({ length: itemCount }).map((_, i) => ({
+ id: \`item-\${i}\`,
+ label: \`Item \${i}\`,
+ }))}
+ listBoxHandle={listBoxHandle}
+ aria-label="Superseded scroll list"
+ />
+ </div>
+ </Box>
+ );
+};
+
 const virtualSections = Array.from({ length: 10 }).map((_, sectionIndex) => ({
  id: \`section-\${sectionIndex}\`,
  title: \`Section \${sectionIndex + 1}\`,
@@ -29690,6 +29872,35 @@ export const VirtualizedScrollIntoViewExample: React.FC = () => {
  );
 };
 
+export const MountEffectVirtualizedScrollIntoViewExample: React.FC = () => {
+ const listBoxHandle = React.useRef<ListHandle>(null);
+ const items = Array.from({ length: 10_000 }).map((_, i) => ({
+ id: \`item-\${i}\`,
+ label: \`Item \${i}\`,
+ }));
+
+ // Scrolls from the consumer's own mount effect, which runs before the virtualizer has
+ // rendered any options.
+ useEffect(() => {
+ listBoxHandle.current?.scrollIntoView("item-5000");
+ }, []);
+
+ return (
+ <Virtualizer {...VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS.LIST_BOX}>
+ <ListBox
+ items={items}
+ listBoxHandle={listBoxHandle}
+ style={{
+ height: 300,
+ width: 300,
+ overflow: "auto",
+ }}
+ aria-label="Virtualized mount effect list"
+ />
+ </Virtualizer>
+ );
+};
+
 // Each example varies exactly one prop off \`count\` and keeps the rest at stable
 // module-level identity; varying several at once would let one invalidate the cache for
 // the others, hiding a missing \`dependencies\` entry.
@@ -30452,7 +30663,8 @@ UNSAFE_enableInert?: boolean | ((isDrawer: boolean) => boolean)
   />
 );`},{id:"core-overlays-modal-modalcontent--drawer-mobile",name:"Drawer Mobile",snippet:"const DrawerMobile = () => <ModalDrawerExample />;"},{id:"core-overlays-modal-modalcontent--drawer-mobile-with-nested-popover",name:"Drawer Mobile With Nested Popover",snippet:"const DrawerMobileWithNestedPopover = () => <SelectInsideModalExample />;"},{id:"core-overlays-modal-modalcontent--uncontrolled-interaction-outside",name:"Uncontrolled Interaction Outside",snippet:"const UncontrolledInteractionOutside = () => <UncontrolledInteractionOutsideExample />;"},{id:"core-overlays-modal-modalcontent--long-content",name:"Long Content",snippet:"const LongContent = () => <LongModalExample />;"},{id:"core-overlays-modal-modalcontent--form-controls",name:"Form Controls",snippet:"const FormControls = () => <FormControlsInModalExample defaultOpen={true} />;"},{id:"core-overlays-modal-modalcontent--with-inert",name:"With Inert",snippet:"const WithInert = () => <FormControlsInModalExample enableInert={true} />;",description:"Experimental: Uses the HTML `inert` attribute instead of `aria-hidden` to hide elements outside the modal. This makes elements truly non-interactive (not just hidden from screen readers) which can improve performance and accessibility. Note: With inert enabled, elements outside the modal cannot be clicked or focused. Try interacting with the background elements when the modal is open vs closed."},{id:"core-overlays-modal-modalcontent--with-disabled-focus-management",name:"With Disabled Focus Management",snippet:"const WithDisabledFocusManagement = () => <DisabledFocusManagementExample />;",description:"Demonstrates `disableFocusManagement` with a FrameProvider. When the modal is open, the text input outside the FrameProvider container remains interactive because focus trapping and restoration are disabled."}],implementation:`import { IFrame, ShadowRoot } from "@baseline-ui/test-utils/client";
 import { sprinkles } from "@baseline-ui/tokens";
-import React, { useState } from "react";
+import { getOwnerDocument } from "@react-aria/utils";
+import React, { useEffect, useRef, useState } from "react";
 import { VisuallyHidden, useId } from "react-aria";
 
 import { ActionButton } from "../../ActionButton";
@@ -30463,6 +30675,7 @@ import { Editor } from "../../Editor";
 import { FrameProvider } from "../../FrameProvider";
 import { ListBox } from "../../ListBox";
 import { NumberInput } from "../../NumberInput";
+import { PortalContainerProvider } from "../../PortalContainerProvider";
 import { RadioGroup } from "../../RadioGroup";
 import { Select } from "../../Select";
 import { Slider } from "../../Slider";
@@ -30865,6 +31078,59 @@ export const DisabledFocusManagementExample: React.FC<{
  )}
  </Box>
  );
+};
+
+/**
+ * A \`defaultOpen\` Modal whose portal container only resolves to \`document.body\`
+ * in a mount effect, through either \`ModalContent.portalContainer\` or
+ * \`PortalContainerProvider\`. The portal target is \`document.body\` before and
+ * after, so nothing remounts when the container arrives \u2014 only its identity
+ * changes.
+ */
+export const ModalLateBodyContainerExample: React.FC<
+ TestComponentProps & { via: "prop" | "provider" }
+> = ({ enableInert, via }) => {
+ const rootRef = useRef<HTMLDivElement>(null);
+ const [container, setContainer] = useState<HTMLElement>();
+
+ // The body of the tree's own document, not this module's: under the iframe
+ // fixture the component renders into the frame while the module still
+ // evaluates in the top-level realm.
+ useEffect(() => {
+ setContainer(getOwnerDocument(rootRef.current).body);
+ }, []);
+
+ const modal = (
+ <Modal defaultOpen={true}>
+ <ModalContent
+ portalContainer={via === "prop" ? container : undefined}
+ UNSAFE_enableInert={enableInert}
+ >
+ <Dialog aria-label="Late container">
+ <Text>Modal content</Text>
+ </Dialog>
+ </ModalContent>
+ </Modal>
+ );
+
+ return (
+ <Box
+ ref={rootRef}
+ display="flex"
+ flexDirection="column"
+ gap="md"
+ padding="lg"
+ >
+ <ActionButton label="Background button" variant="secondary" />
+ {via === "provider" ? (
+ <PortalContainerProvider portalContainer={container}>
+ {modal}
+ </PortalContainerProvider>
+ ) : (
+ modal
+ )}
+ </Box>
+ );
 };`},similarTo:[],figmaUrl:null},PointPickerContent:{id:"core-content-pointpicker-pointpickercontent",importStatement:`import {
     Box,
     MultiplePointPickersExample,
@@ -32392,7 +32658,7 @@ horizontalBoundaryBehavior?: "shift" | "anchor"
     boundaryWidth={360}
     boundaryHeight={300} />;`}],implementation:`import { sprinkles, themeVars } from "@baseline-ui/tokens";
 import { ScrollBox } from "@pw/utils/components";
-import { mergeRefs } from "@react-aria/utils";
+import { getOwnerDocument, mergeRefs } from "@react-aria/utils";
 import React, { useEffect, useRef, useState } from "react";
 import { useButton, useInteractOutside } from "react-aria";
 import { flushSync } from "react-dom";
@@ -32401,6 +32667,7 @@ import { ActionButton } from "../../ActionButton";
 import { Box } from "../../Box";
 import { Dialog } from "../../Dialog";
 import { ListBoxExample, items } from "../../ListBox/__tests__/testComponents";
+import { PortalContainerProvider } from "../../PortalContainerProvider";
 import { Select } from "../../Select";
 import { popoverContentCn } from "../../Select/Select.css";
 import { Switch } from "../../Switch";
@@ -33554,6 +33821,60 @@ export const PopoverHorizontalBoundaryBehaviorDemo: React.FC<{
  </Box>
  </Box>
  );
+};
+
+/**
+ * A \`defaultOpen\` Popover whose portal container only resolves to \`document.body\`
+ * in a mount effect, through either \`PopoverContent.portalContainer\` or
+ * \`PortalContainerProvider\`. The portal target is \`document.body\` before and
+ * after, so nothing remounts when the container arrives \u2014 only its identity
+ * changes.
+ */
+export const PopoverLateBodyContainerExample: React.FC<{
+ via: "prop" | "provider";
+}> = ({ via }) => {
+ const rootRef = useRef<HTMLDivElement>(null);
+ const [container, setContainer] = useState<HTMLElement>();
+
+ // The body of the tree's own document, not this module's: under the iframe
+ // fixture the component renders into the frame while the module still
+ // evaluates in the top-level realm.
+ useEffect(() => {
+ setContainer(getOwnerDocument(rootRef.current).body);
+ }, []);
+
+ const popover = (
+ <Popover type="listbox" defaultOpen={true}>
+ <PopoverTrigger>
+ <ActionButton label="Open" />
+ </PopoverTrigger>
+ <PopoverContent
+ offset={4}
+ portalContainer={via === "prop" ? container : undefined}
+ >
+ <ListBoxExample className={popoverContentCn} autoFocus="first" />
+ </PopoverContent>
+ </Popover>
+ );
+
+ return (
+ <Box
+ ref={rootRef}
+ display="flex"
+ flexDirection="column"
+ gap="md"
+ padding="lg"
+ >
+ <ActionButton label="Background button" variant="secondary" />
+ {via === "provider" ? (
+ <PortalContainerProvider portalContainer={container}>
+ {popover}
+ </PortalContainerProvider>
+ ) : (
+ popover
+ )}
+ </Box>
+ );
 };`},similarTo:[],figmaUrl:null},PopoverTrigger:{id:"core-overlays-popover-popovertrigger",importStatement:`import {
     ActionButton,
     PopoverFunctionChildrenExample,
@@ -33585,7 +33906,7 @@ anchorRect?: Rect
   <PopoverWithCustomPositionExample anchorRect={anchorRect} />
 );`},{id:"core-overlays-popover-popovertrigger--function-children",name:"Function Children",snippet:"const FunctionChildren = () => <PopoverFunctionChildrenExample />;"}],implementation:`import { sprinkles, themeVars } from "@baseline-ui/tokens";
 import { ScrollBox } from "@pw/utils/components";
-import { mergeRefs } from "@react-aria/utils";
+import { getOwnerDocument, mergeRefs } from "@react-aria/utils";
 import React, { useEffect, useRef, useState } from "react";
 import { useButton, useInteractOutside } from "react-aria";
 import { flushSync } from "react-dom";
@@ -33594,6 +33915,7 @@ import { ActionButton } from "../../ActionButton";
 import { Box } from "../../Box";
 import { Dialog } from "../../Dialog";
 import { ListBoxExample, items } from "../../ListBox/__tests__/testComponents";
+import { PortalContainerProvider } from "../../PortalContainerProvider";
 import { Select } from "../../Select";
 import { popoverContentCn } from "../../Select/Select.css";
 import { Switch } from "../../Switch";
@@ -34747,6 +35069,60 @@ export const PopoverHorizontalBoundaryBehaviorDemo: React.FC<{
  </Box>
  </Box>
  );
+};
+
+/**
+ * A \`defaultOpen\` Popover whose portal container only resolves to \`document.body\`
+ * in a mount effect, through either \`PopoverContent.portalContainer\` or
+ * \`PortalContainerProvider\`. The portal target is \`document.body\` before and
+ * after, so nothing remounts when the container arrives \u2014 only its identity
+ * changes.
+ */
+export const PopoverLateBodyContainerExample: React.FC<{
+ via: "prop" | "provider";
+}> = ({ via }) => {
+ const rootRef = useRef<HTMLDivElement>(null);
+ const [container, setContainer] = useState<HTMLElement>();
+
+ // The body of the tree's own document, not this module's: under the iframe
+ // fixture the component renders into the frame while the module still
+ // evaluates in the top-level realm.
+ useEffect(() => {
+ setContainer(getOwnerDocument(rootRef.current).body);
+ }, []);
+
+ const popover = (
+ <Popover type="listbox" defaultOpen={true}>
+ <PopoverTrigger>
+ <ActionButton label="Open" />
+ </PopoverTrigger>
+ <PopoverContent
+ offset={4}
+ portalContainer={via === "prop" ? container : undefined}
+ >
+ <ListBoxExample className={popoverContentCn} autoFocus="first" />
+ </PopoverContent>
+ </Popover>
+ );
+
+ return (
+ <Box
+ ref={rootRef}
+ display="flex"
+ flexDirection="column"
+ gap="md"
+ padding="lg"
+ >
+ <ActionButton label="Background button" variant="secondary" />
+ {via === "provider" ? (
+ <PortalContainerProvider portalContainer={container}>
+ {popover}
+ </PortalContainerProvider>
+ ) : (
+ popover
+ )}
+ </Box>
+ );
 };`},similarTo:[],figmaUrl:null},IconSelect:{id:"core-forms-select-iconselect",importStatement:'import { IconSelect } from "@baseline-ui/core";',description:"",documentation:null,props:`interface IconSelectProps {
 /**
  * The icon to show at the start of the color input.
@@ -36895,7 +37271,7 @@ padding={[null, "lg", "xl"]}
 
 * [vanilla-extract sprinkles documentation](https://vanilla-extract.style/documentation/packages/sprinkles/) - Learn about the underlying sprinkles framework
 * [Box component documentation](/docs/core-utilities-box--docs) - Detailed information about the Box component
-* [Theme documentation](/docs/theming--docs) - Learn about Baseline UI's theming system`};var c={"8":["CaretDownIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","ChevronRightFilledIcon","ChevronRightIcon","EllipseIcon","MinusIcon","PlusIcon","XIcon"],"12":["CaretDownIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","CheckmarkIcon","DragIndicatorIcon","DragIndicatorVerticalIcon","EditIcon","EllipseIcon","EnterKeyIcon","LockFilledIcon","LockIcon","MinusIcon","MoreVIcon","MoreIcon","PlaceholderIcon","PlusIcon","SearchIcon","SizeIcon","TrashIcon","XIcon","ZoomIcon"],"16":["AlignBottomIcon","AlignMiddleIcon","AlignTopIcon","AnonymousIcon","ArrowDiagonalTopLeftBottomRightIcon","ArrowDownCircleFilledIcon","ArrowDownIcon","ArrowIcon","ArrowLeftRightIcon","ArrowRightIcon","ArrowUpArrowDownIcon","ArrowUpIcon","AtIcon","AttachmentsIcon","AvatarIcon","BoldIcon","BookmarkFilledIcon","BookmarkIcon","BulletListIcon","CalendarIcon","CaretLeftIcon","CaretRightIcon","CheckmarkCircleFilledIcon","CheckmarkCircleIcon","CheckmarkIcon","CircleFilledIcon","ClockIcon","CopyIcon","CustomizeIcon","DocumentEditIcon","DownloadIcon","DuplicateIcon","EditIcon","ElipseAreaIcon","EllipseCloudyIcon","EllipseDashedIcon","EllipseIcon","EmbedIcon","EmojiSmileIcon","ErrorAltCircleFilledIcon","ErrorCircleFilledIcon","ErrorCircleIcon","ExpandIcon","FilterAltIcon","FolderIcon","FormButtonIcon","FormChoiceIcon","FormComboboxIcon","FormDateIcon","FormListboxIcon","FormRadioButtonIcon","FormSignatureIcon","FormTextFieldIcon","FullScreenIcon","HelpCircleIcon","HelpIcon","HereIcon","HideIcon","HighlightTextAltIcon","HighlightTextIcon","HorizontalScrollIcon","ImageIcon","InfoCircleFilledIcon","InsertIcon","ItalicIcon","LightBulbIcon","LineIcon","LinkIcon","ListIcon","LockIcon","MagicIcon","MeasureIcon","MinusIcon","MoreIcon","MoreVerticalIcon","NoteArrowRightIcon","NoteCheckIcon","NoteCircleIcon","NoteCloudIcon","NoteCrossIcon","NoteHelpIcon","NoteInsetIcon","NoteKeyIcon","NoteNewParagraphAltIcon","NoteNewParagraphIcon","NoteNoteIcon","NotePointerRightIcon","NoteSpeechBubbleIcon","NoteStarIcon","NumberedListIcon","OpenIcon","PageFittingFillIcon","PageFittingFitIcon","PageHorizontalScrollIcon","PageLayoutDoubleIcon","PageLayoutSingleIcon","PageVerticalScrollIcon","PauseIcon","PenHighlighterIcon","PenIcon","PerimeterIcon","PlaceholderIcon","PlayIcon","PlusIcon","PolygonAreaIcon","PolygonCloudyIcon","PolygonDashedIcon","PolygonIcon","PolylineIcon","ReadOnlyIcon","RectangleAreaIcon","RectangleCloudyIcon","RectangleDashedIcon","RectangleIcon","RedoIcon","RemoveFormattingIcon","ReorderIcon","RotateClockwiseIcon","RotateCounterClockwiseIcon","RulerIcon","SearchIcon","SettingsIcon","ShowIcon","SlashCommandsIcon","SoundRecordIcon","StampIcon","StarFilledIcon","StarIcon","StrikeoutTextAltIcon","TableCellIcon","TableColumnIcon","TableHeaderIcon","TableIcon","TableRowIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextCalloutIcon","TextDecreaseIndentIcon","TextIcon","TextIncreaseIndentIcon","TextMarkIcon","ThumbnailsIcon","ThumbsDownIcon","ThumbsUpIcon","TrashIcon","TypeTextIcon","UnderlineIcon","UndoIcon","UnlockIcon","VerticalScrollIcon","VideoIcon","WarningFilledIcon","WarningIcon","WindowedIcon","WorkflowIcon","XCircleFilledIcon","XIcon"],"20":["AddPageIcon","AnonymousIcon","ArrowLeftIcon","ArrowRightIcon","ArrowUpCircleFilledIcon","AtIcon","AvatarFilledIcon","BoldIcon","CalloutIcon","CaretDownIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","CheckCircleFilledIcon","CheckmarkCircleIcon","CheckmarkIcon","ClockIcon","CollapseIcon","CommentIcon","CopyIcon","CutIcon","DistanceIcon","DownloadIcon","DuplicateIcon","EditIcon","EllipseIcon","EmojiSmileIcon","ErrorAltCircleFilledIcon","ErrorAlternativeCircleIcon","ErrorCircleFilledIcon","ErrorCircleIcon","ExpandIcon","FormDateIcon","FormSignatureIcon","FormTextFieldIcon","HelpCircleIcon","HighlightTextIcon","HomeIcon","ImageIcon","InfoCircleFilledIcon","InfoCircleIcon","ItalicIcon","LinkIcon","ListIcon","LockIcon","MagicIcon","MinusIcon","MoreIcon","MoreVerticalIcon","MoveIcon","NoteArrowRightIcon","NoteCheckIcon","NoteCircleIcon","NoteCrossIcon","NoteHelpIcon","NoteInsetIcon","NoteKeyIcon","NoteNewParagraphAltIcon","NoteNewParagraphIcon","NoteNoteIcon","NotePointerRightIcon","NoteSpeechBubbleIcon","NoteStarIcon","OpenIcon","PageMoveLeftIcon","PageMoveRightIcon","PagesInsertIcon","PasteIcon","PipetteIcon","PlusIcon","PrintIcon","RotateClockwiseIcon","SearchIcon","SettingsIcon","ShapeIcon","ShareIcon","SoundIcon","SoundRecordIcon","StarFilledIcon","StarIcon","StyleIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextIcon","ThumbnailsIcon","ThumbsDownIcon","ThumbsUpIcon","TrashIcon","TypeTextIcon","UnderlineIcon","UploadIcon","WarningFilledIcon","WarningIcon","XCircleFilledIcon","XCircleIcon","XIcon"],"24":["AddNoteCloudIcon","AddNoteIcon","AddTextSerifIcon","AiIcon","AirplaneIcon","AlignBottomIcon","AlignHorizontalCenterIcon","AlignMiddleIcon","AlignTopIcon","AnonymousIcon","ArrowDownIcon","ArrowIcon","ArrowLeftIcon","ArrowRightIcon","ArrowUpIcon","AtIcon","AttachmentIcon","AvatarFilledIcon","AvatarIcon","BlendModeIcon","BoldIcon","BookmarkFilledIcon","BookmarkIcon","BorderColorIcon","BottomBorderIcon","BulletListIcon","CalibrateIcon","CaptureAddIcon","CaretDownIcon","CaretIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","CheckmarkCircleFilledIcon","CheckmarkCircleIcon","CheckmarkIcon","ChevronListIcon","ClockIcon","CloudyBorderIcon","CollapseIcon","ColorPaletteIcon","ColorSwatchIcon","CommentIcon","CommentInSidebarIcon","CommentOnPageIcon","CompareDocumentsIcon","CopyIcon","CopyPageIcon","CropIcon","CustomizeIcon","CutIcon","DateModifiedIcon","DatePlusIcon","DebugIcon","DocumentArrowDownCircleIcon","DocumentArrowDownIcon","DocumentArrowRightIcon","DocumentFilledIcon","DocumentLockIcon","DocumentPdfIcon","DownloadIcon","DragIndicatorIcon","DragIndicatorVerticalIcon","DuplicateIcon","EditAnnotationsIcon","EditContentIcon","EditDocumentIcon","EditIcon","EditThumbnailsIcon","EllipseAreaIcon","EllipseCloudyIcon","EllipseDashedIcon","EllipseIcon","EmbedIcon","EmojiSmileIcon","EndCapArrowFilledIcon","EndCapArrowIcon","EndCapChevronFilledIcon","EndCapChevronIcon","EndCapCircleIcon","EndCapDiamondIcon","EndCapNoneIcon","EndCapSlantedIcon","EndCapSquareIcon","EndCapStraightIcon","EraserIcon","ErrorAltCircleFilledIcon","ErrorAltIcon","ErrorCircleFilledIcon","ErrorCircleIcon","ExpandIcon","ExpandVerticalIcon","FillColorIcon","FilterIcon","FitToHeightIcon","FivePagesHorizontalFilledIcon","FivePagesVerticalFilledIcon","FolderAddIcon","FolderIcon","FontListIcon","FontSizeIcon","FormButtonIcon","FormChoiceIcon","FormComboboxIcon","FormDateIcon","FormListboxIcon","FormPageIcon","FormRadioButtonIcon","FormSignatureIcon","FormTextFieldIcon","FormTwoRadioButtonsIcon","FourPagesGridFilledIcon","FourPagesHorizontalFilledIcon","FourPagesStackedFilledIcon","FourPagesVerticalFilledIcon","GroupIcon","HamburgerMenuIcon","HandIcon","HeartIcon","HideIcon","HideRevealIcon","HighlightTextIcon","HomeIcon","HorizontalScollIcon","ImageIcon","InfoCircleFilledIcon","InfoCircleIcon","InitialsIcon","InnerHorizontalBorderIcon","InnerVerticalBorderIcon","InsertIcon","ItalicIcon","LayerBottomIcon","LayerDownIcon","LayerTopIcon","LayerUpIcon","LayersIcon","LeftBindingIcon","LeftBorderIcon","LineCapsIcon","LineIcon","LineSpacingIcon","LineStyleCloudyIcon","LineStyleDashedDoubleDashIcon","LineStyleDashedDoubleGapIcon","LineStyleDashedQuadrupleDashIcon","LineStyleDashedSingleGapIcon","LineStyleIcon","LineStyleSolidIcon","LineWidthIcon","LinkIcon","LockFilledIcon","LockIcon","MagicIcon","MagicPenIcon","MailIcon","MarkupIcon","MarqueeZoomIcon","MeasureIcon","MergeIcon","MessageCloudIcon","MinusIcon","MoonIcon","MoreCircleIcon","MoreIcon","MoreVerticalIcon","MoveAllDirectionsIcon","MoveLeftIcon","MoveLeftRightIcon","MoveRightIcon","MultiplePagesIcon","NonEditableIcon","NoteArrowRightIcon","NoteCheckIcon","NoteCircleIcon","NoteCloudIcon","NoteCrossIcon","NoteHelpIcon","NoteIcon","NoteInsetIcon","NoteKeyIcon","NoteNewParagraphAltIcon","NoteNewParagraphIcon","NoteNoteIcon","NotePointerRightIcon","NoteSpeechBubbleIcon","NoteStarIcon","OcrIcon","OpacityIcon","PageAddIcon","PageCurlIcon","PageDuplicateIcon","PageFittingFillIcon","PageFittingFitIcon","PageHorizontalScrollIcon","PageLandscapeIcon","PageLayoutDoubleIcon","PageLayoutSingleIcon","PageMoveLeftIcon","PageMoveRightIcon","PageNumberCircleIcon","PageNumberIcon","PagePortraitIcon","PageRemoveIcon","PageVerticalScrollIcon","PagesInsertAltIcon","PagesInsertIcon","PagesNewFromSelectionAltIcon","PagesNewFromSelectionIcon","PagesSelectAllIcon","PagesSelectNoneIcon","PasteBoardIcon","PastePageIcon","PauseIcon","PenHighlighterIcon","PenIcon","PerimeterIcon","PinDropFilledIcon","PinDropIcon","PipetteIcon","PlayIcon","PlusCircleFilledIcon","PlusCircleIcon","PlusIcon","PointerIcon","PolygonAreaIcon","PolygonCloudyIcon","PolygonDashedIcon","PolygonIcon","PolylineIcon","PrecisionIcon","PrintIcon","PrivateModeIcon","PushPinIcon","QuestionmarkCircleIcon","ReaderViewIcon","RectangleAreaIcon","RectangleCloudyIcon","RectangleDashedIcon","RectangleIcon","RedactIcon","RedactRectangleIcon","RedactTextHighlighterIcon","RedactionTextRepeatingIcon","RedactionTextSingleIcon","RedoAllIcon","RedoIcon","RegexIcon","ReplaceIcon","RightBindingIcon","RightBorderIcon","RotateClockwiseIcon","RotateCounterClockwiseIcon","RotateObjectClockwiseIcon","RotateObjectCounterClockwiseIcon","RulerIcon","ScaleIcon","SearchCircleIcon","SearchIcon","SearchSelectionIcon","SelectAllIcon","SelectionToolIcon","SettingsIcon","ShapesIcon","ShareAltIcon","ShareIcon","ShieldAddIcon","ShieldCheckmarkIcon","ShieldWarningIcon","ShieldXIcon","ShowIcon","SidebarIcon","SignOutIcon","SignatureDigitalIcon","SignatureIcon","SinglePageFilledIcon","SoundIcon","SquigglyTextIcon","StampAddIcon","StampIcon","StarFilledIcon","StarIcon","StartCapArrowFilledIcon","StartCapArrowIcon","StartCapChevronFilledIcon","StartCapChevronIcon","StartCapCircleIcon","StartCapDiamondIcon","StartCapNoneIcon","StartCapSlantedIcon","StartCapSquareIcon","StartCapStraightIcon","StrikeoutTextIcon","StyleFilledIcon","StyleIcon","StylusFilledIcon","StylusIcon","SunIcon","TableCellIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextCalloutIcon","TextColorIcon","TextIcon","TextPropertiesHideIcon","TextPropertiesShowIcon","TextSerifIcon","TextSmallerIcon","ThreePagesHorizontalFilledIcon","ThreePagesStackedFilledIcon","ThreePagesVerticalFilledIcon","ThumbnailsIcon","ThumbsDownIcon","ThumbsUpIcon","TopBorderIcon","TrashIcon","TwoPagesHorizontalFilledIcon","TwoPagesVerticalFilledIcon","TypeTextIcon","UnderlineIcon","UnderlineTextIcon","UndoAllIcon","UndoIcon","UndoRedoIcon","UngroupIcon","UnlockIcon","UploadIcon","UserIcon","VerticalScrollIcon","VideoIcon","WarningFilledIcon","WarningIcon","WidgetIcon","WorkflowIcon","XCircleFilledIcon","XCircleIcon","XIcon","ZoomInIcon","ZoomOutIcon"],"36":["ArrowRight","Check","Circle","Cross","Help","Inset","Key","NewParagraphAlt","NewParagraph","Note","PointerRight","SpeechBubble","Star"]};var p={version:"3.0.1"};var u=`
+* [Theme documentation](/docs/theming--docs) - Learn about Baseline UI's theming system`};var c={"8":["CaretDownIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","ChevronRightFilledIcon","ChevronRightIcon","EllipseIcon","MinusIcon","PlusIcon","XIcon"],"12":["CaretDownIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","CheckmarkIcon","DragIndicatorIcon","DragIndicatorVerticalIcon","EditIcon","EllipseIcon","EnterKeyIcon","LockFilledIcon","LockIcon","MinusIcon","MoreVIcon","MoreIcon","PlaceholderIcon","PlusIcon","SearchIcon","SizeIcon","TrashIcon","XIcon","ZoomIcon"],"16":["AlignBottomIcon","AlignMiddleIcon","AlignTopIcon","AnonymousIcon","ArrowDiagonalTopLeftBottomRightIcon","ArrowDownCircleFilledIcon","ArrowDownIcon","ArrowIcon","ArrowLeftRightIcon","ArrowRightIcon","ArrowUpArrowDownIcon","ArrowUpIcon","AtIcon","AttachmentsIcon","AvatarIcon","BoldIcon","BookmarkFilledIcon","BookmarkIcon","BulletListIcon","CalendarIcon","CaretLeftIcon","CaretRightIcon","CheckmarkCircleFilledIcon","CheckmarkCircleIcon","CheckmarkIcon","CircleFilledIcon","ClockIcon","CopyIcon","CustomizeIcon","DocumentEditIcon","DownloadIcon","DuplicateIcon","EditIcon","ElipseAreaIcon","EllipseCloudyIcon","EllipseDashedIcon","EllipseIcon","EmbedIcon","EmojiSmileIcon","ErrorAltCircleFilledIcon","ErrorCircleFilledIcon","ErrorCircleIcon","ExpandIcon","FilterAltIcon","FolderIcon","FormButtonIcon","FormChoiceIcon","FormComboboxIcon","FormDateIcon","FormListboxIcon","FormRadioButtonIcon","FormSignatureIcon","FormTextFieldIcon","FullScreenIcon","HelpCircleIcon","HelpIcon","HereIcon","HideIcon","HighlightTextAltIcon","HighlightTextIcon","HorizontalScrollIcon","ImageIcon","InfoCircleFilledIcon","InsertIcon","ItalicIcon","LightBulbIcon","LineIcon","LinkIcon","ListIcon","LockIcon","MagicIcon","MeasureIcon","MinusIcon","MoreIcon","MoreVerticalIcon","NoteArrowRightIcon","NoteCheckIcon","NoteCircleIcon","NoteCloudIcon","NoteCrossIcon","NoteHelpIcon","NoteInsetIcon","NoteKeyIcon","NoteNewParagraphAltIcon","NoteNewParagraphIcon","NoteNoteIcon","NotePointerRightIcon","NoteSpeechBubbleIcon","NoteStarIcon","NumberedListIcon","OpenIcon","PageFittingFillIcon","PageFittingFitIcon","PageHorizontalScrollIcon","PageLayoutDoubleIcon","PageLayoutSingleIcon","PageVerticalScrollIcon","PauseIcon","PenHighlighterIcon","PenIcon","PerimeterIcon","PlaceholderIcon","PlayIcon","PlusIcon","PolygonAreaIcon","PolygonCloudyIcon","PolygonDashedIcon","PolygonIcon","PolylineIcon","ReadOnlyIcon","RectangleAreaIcon","RectangleCloudyIcon","RectangleDashedIcon","RectangleIcon","RedoIcon","RemoveFormattingIcon","ReorderIcon","RotateClockwiseIcon","RotateCounterClockwiseIcon","RulerIcon","SearchIcon","SettingsIcon","ShowIcon","SlashCommandsIcon","SoundRecordIcon","StampIcon","StarFilledIcon","StarIcon","StrikeoutTextAltIcon","TableCellIcon","TableColumnIcon","TableHeaderIcon","TableIcon","TableRowIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextCalloutIcon","TextDecreaseIndentIcon","TextIcon","TextIncreaseIndentIcon","TextMarkIcon","ThumbnailsIcon","ThumbsDownIcon","ThumbsUpIcon","TrashIcon","TypeTextIcon","UnderlineIcon","UndoIcon","UnlockIcon","VerticalScrollIcon","VideoIcon","WarningFilledIcon","WarningIcon","WindowedIcon","WorkflowIcon","XCircleFilledIcon","XIcon"],"20":["AddPageIcon","AnonymousIcon","ArrowLeftIcon","ArrowRightIcon","ArrowUpCircleFilledIcon","AtIcon","AvatarFilledIcon","BoldIcon","CalloutIcon","CaretDownIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","CheckCircleFilledIcon","CheckmarkCircleIcon","CheckmarkIcon","ClockIcon","CollapseIcon","CommentIcon","CopyIcon","CutIcon","DistanceIcon","DownloadIcon","DuplicateIcon","EditIcon","EllipseIcon","EmojiSmileIcon","ErrorAltCircleFilledIcon","ErrorAlternativeCircleIcon","ErrorCircleFilledIcon","ErrorCircleIcon","ExpandIcon","FormDateIcon","FormSignatureIcon","FormTextFieldIcon","HelpCircleIcon","HighlightTextIcon","HomeIcon","ImageIcon","InfoCircleFilledIcon","InfoCircleIcon","ItalicIcon","LinkIcon","ListIcon","LockIcon","MagicIcon","MinusIcon","MoreIcon","MoreVerticalIcon","MoveIcon","NoteArrowRightIcon","NoteCheckIcon","NoteCircleIcon","NoteCrossIcon","NoteHelpIcon","NoteInsetIcon","NoteKeyIcon","NoteNewParagraphAltIcon","NoteNewParagraphIcon","NoteNoteIcon","NotePointerRightIcon","NoteSpeechBubbleIcon","NoteStarIcon","OpenIcon","PageMoveLeftIcon","PageMoveRightIcon","PagesInsertIcon","PasteIcon","PipetteIcon","PlusIcon","PrintIcon","RotateClockwiseIcon","SearchIcon","SettingsIcon","ShapeIcon","ShareIcon","SoundIcon","SoundRecordIcon","StarFilledIcon","StarIcon","StyleIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextIcon","ThumbnailsIcon","ThumbsDownIcon","ThumbsUpIcon","TrashIcon","TypeTextIcon","UnderlineIcon","UploadIcon","WarningFilledIcon","WarningIcon","XCircleFilledIcon","XCircleIcon","XIcon"],"24":["AddNoteCloudIcon","AddNoteIcon","AddTextSerifIcon","AiIcon","AirplaneIcon","AlignBottomIcon","AlignHorizontalCenterIcon","AlignMiddleIcon","AlignTopIcon","AnonymousIcon","ArrowDownIcon","ArrowIcon","ArrowLeftIcon","ArrowRightIcon","ArrowUpIcon","AtIcon","AttachmentIcon","AvatarFilledIcon","AvatarIcon","BlendModeIcon","BoldIcon","BookmarkFilledIcon","BookmarkIcon","BorderColorIcon","BottomBorderIcon","BulletListIcon","CalibrateIcon","CaptureAddIcon","CaretDownIcon","CaretIcon","CaretLeftIcon","CaretRightIcon","CaretUpIcon","CheckmarkCircleFilledIcon","CheckmarkCircleIcon","CheckmarkIcon","ChevronListIcon","ClockIcon","CloudyBorderIcon","CollapseIcon","ColorPaletteIcon","ColorSwatchIcon","CommentIcon","CommentInSidebarIcon","CommentOnPageIcon","CompareDocumentsIcon","CopyIcon","CopyPageIcon","CropIcon","CustomizeIcon","CutIcon","DateModifiedIcon","DatePlusIcon","DebugIcon","DocumentArrowDownCircleIcon","DocumentArrowDownIcon","DocumentArrowRightIcon","DocumentFilledIcon","DocumentLockIcon","DocumentPdfIcon","DownloadIcon","DragIndicatorIcon","DragIndicatorVerticalIcon","DuplicateIcon","EditAnnotationsIcon","EditContentIcon","EditDocumentIcon","EditIcon","EditThumbnailsIcon","EllipseAreaIcon","EllipseCloudyIcon","EllipseDashedIcon","EllipseIcon","EmbedIcon","EmojiSmileIcon","EndCapArrowFilledIcon","EndCapArrowIcon","EndCapChevronFilledIcon","EndCapChevronIcon","EndCapCircleIcon","EndCapDiamondIcon","EndCapNoneIcon","EndCapSlantedIcon","EndCapSquareIcon","EndCapStraightIcon","EraserIcon","ErrorAltCircleFilledIcon","ErrorAltIcon","ErrorCircleFilledIcon","ErrorCircleIcon","ExpandIcon","ExpandVerticalIcon","FillColorIcon","FilterIcon","FitToHeightIcon","FivePagesHorizontalFilledIcon","FivePagesVerticalFilledIcon","FolderAddIcon","FolderIcon","FontListIcon","FontSizeIcon","FormButtonIcon","FormChoiceIcon","FormComboboxIcon","FormDateIcon","FormListboxIcon","FormPageIcon","FormRadioButtonIcon","FormSignatureIcon","FormTextFieldIcon","FormTwoRadioButtonsIcon","FourPagesGridFilledIcon","FourPagesHorizontalFilledIcon","FourPagesStackedFilledIcon","FourPagesVerticalFilledIcon","GroupIcon","HamburgerMenuIcon","HandIcon","HeartIcon","HideIcon","HideRevealIcon","HighlightTextIcon","HomeIcon","HorizontalScollIcon","ImageIcon","InfoCircleFilledIcon","InfoCircleIcon","InitialsIcon","InnerHorizontalBorderIcon","InnerVerticalBorderIcon","InsertIcon","ItalicIcon","LayerBottomIcon","LayerDownIcon","LayerTopIcon","LayerUpIcon","LayersIcon","LeftBindingIcon","LeftBorderIcon","LineCapsIcon","LineIcon","LineSpacingIcon","LineStyleCloudyIcon","LineStyleDashedDoubleDashIcon","LineStyleDashedDoubleGapIcon","LineStyleDashedQuadrupleDashIcon","LineStyleDashedSingleGapIcon","LineStyleIcon","LineStyleSolidIcon","LineWidthIcon","LinkIcon","LockFilledIcon","LockIcon","MagicIcon","MagicPenIcon","MailIcon","MarkupIcon","MarqueeZoomIcon","MeasureIcon","MergeIcon","MessageCloudIcon","MinusIcon","MoonIcon","MoreCircleIcon","MoreIcon","MoreVerticalIcon","MoveAllDirectionsIcon","MoveLeftIcon","MoveLeftRightIcon","MoveRightIcon","MultiplePagesIcon","NonEditableIcon","NoteArrowRightIcon","NoteCheckIcon","NoteCircleIcon","NoteCloudIcon","NoteCrossIcon","NoteHelpIcon","NoteIcon","NoteInsetIcon","NoteKeyIcon","NoteNewParagraphAltIcon","NoteNewParagraphIcon","NoteNoteIcon","NotePointerRightIcon","NoteSpeechBubbleIcon","NoteStarIcon","OcrIcon","OpacityIcon","PageAddIcon","PageCurlIcon","PageDuplicateIcon","PageFittingFillIcon","PageFittingFitIcon","PageHorizontalScrollIcon","PageLandscapeIcon","PageLayoutDoubleIcon","PageLayoutSingleIcon","PageMoveLeftIcon","PageMoveRightIcon","PageNumberCircleIcon","PageNumberIcon","PagePortraitIcon","PageRemoveIcon","PageVerticalScrollIcon","PagesInsertAltIcon","PagesInsertIcon","PagesNewFromSelectionAltIcon","PagesNewFromSelectionIcon","PagesSelectAllIcon","PagesSelectNoneIcon","PasteBoardIcon","PastePageIcon","PauseIcon","PenHighlighterIcon","PenIcon","PerimeterIcon","PinDropFilledIcon","PinDropIcon","PipetteIcon","PlayIcon","PlusCircleFilledIcon","PlusCircleIcon","PlusIcon","PointerIcon","PolygonAreaIcon","PolygonCloudyIcon","PolygonDashedIcon","PolygonIcon","PolylineIcon","PrecisionIcon","PrintIcon","PrivateModeIcon","PushPinIcon","QuestionmarkCircleIcon","ReaderViewIcon","RectangleAreaIcon","RectangleCloudyIcon","RectangleDashedIcon","RectangleIcon","RedactIcon","RedactRectangleIcon","RedactTextHighlighterIcon","RedactionTextRepeatingIcon","RedactionTextSingleIcon","RedoAllIcon","RedoIcon","RegexIcon","ReplaceIcon","RightBindingIcon","RightBorderIcon","RotateClockwiseIcon","RotateCounterClockwiseIcon","RotateObjectClockwiseIcon","RotateObjectCounterClockwiseIcon","RulerIcon","ScaleIcon","SearchCircleIcon","SearchIcon","SearchSelectionIcon","SelectAllIcon","SelectionToolIcon","SettingsIcon","ShapesIcon","ShareAltIcon","ShareIcon","ShieldAddIcon","ShieldCheckmarkIcon","ShieldWarningIcon","ShieldXIcon","ShowIcon","SidebarIcon","SignOutIcon","SignatureDigitalIcon","SignatureIcon","SinglePageFilledIcon","SoundIcon","SquigglyTextIcon","StampAddIcon","StampIcon","StarFilledIcon","StarIcon","StartCapArrowFilledIcon","StartCapArrowIcon","StartCapChevronFilledIcon","StartCapChevronIcon","StartCapCircleIcon","StartCapDiamondIcon","StartCapNoneIcon","StartCapSlantedIcon","StartCapSquareIcon","StartCapStraightIcon","StrikeoutTextIcon","StyleFilledIcon","StyleIcon","StylusFilledIcon","StylusIcon","SunIcon","TableCellIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextCalloutIcon","TextColorIcon","TextIcon","TextPropertiesHideIcon","TextPropertiesShowIcon","TextSerifIcon","TextSmallerIcon","ThreePagesHorizontalFilledIcon","ThreePagesStackedFilledIcon","ThreePagesVerticalFilledIcon","ThumbnailsIcon","ThumbsDownIcon","ThumbsUpIcon","TopBorderIcon","TrashIcon","TwoPagesHorizontalFilledIcon","TwoPagesVerticalFilledIcon","TypeTextIcon","UnderlineIcon","UnderlineTextIcon","UndoAllIcon","UndoIcon","UndoRedoIcon","UngroupIcon","UnlockIcon","UploadIcon","UserIcon","VerticalScrollIcon","VideoIcon","WarningFilledIcon","WarningIcon","WidgetIcon","WorkflowIcon","XCircleFilledIcon","XCircleIcon","XIcon","ZoomInIcon","ZoomOutIcon"],"36":["ArrowRight","Check","Circle","Cross","Help","Inset","Key","NewParagraphAlt","NewParagraph","Note","PointerRight","SpeechBubble","Star"]};var p={version:"3.1.0"};var u=`
 # Baseline UI MCP Server Guidelines
 
 This MCP server provides AI assistants with structured access to Baseline UI's comprehensive component documentation, icon library, theming resources, and design guidelines.

package/dist/server.js

@@ -1 +1 @@
-export{a as createServer}from'./chunk-7RC5CLRO.js';
+export{a as createServer}from'./chunk-MDOP4NRY.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baseline-ui/mcp",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "MCP server for Baseline UI design system documentation",
   "type": "module",
   "exports": {

package/sbom.json

@@ -2,10 +2,10 @@
   "$schema": "http://cyclonedx.org/schema/bom-1.6.schema.json",
   "bomFormat": "CycloneDX",
   "specVersion": "1.6",
-  "serialNumber": "urn:uuid:50b5f4cc-3e8a-4f79-9a5a-9ea96dbb47ba",
+  "serialNumber": "urn:uuid:d6919b01-3233-40c9-bb76-aec15f57267c",
   "version": 1,
   "metadata": {
-    "timestamp": "2026-09-07T13:52:06.454Z",
+    "timestamp": "2026-09-08T17:26:09.690Z",
     "lifecycles": [
       {
         "phase": "pre-build"
@@ -23,9 +23,9 @@
     "component": {
       "type": "library",
       "name": "@baseline-ui/mcp",
-      "version": "3.0.1",
-      "purl": "pkg:npm/@baseline-ui/mcp@3.0.1",
-      "bom-ref": "pkg:npm/@baseline-ui/mcp@3.0.1",
+      "version": "3.1.0",
+      "purl": "pkg:npm/@baseline-ui/mcp@3.1.0",
+      "bom-ref": "pkg:npm/@baseline-ui/mcp@3.1.0",
       "licenses": [
         {
           "license": {
@@ -2134,7 +2134,7 @@
   ],
   "dependencies": [
     {
-      "ref": "pkg:npm/@baseline-ui/mcp@3.0.1",
+      "ref": "pkg:npm/@baseline-ui/mcp@3.1.0",
       "dependsOn": [
         "pkg:npm/%40modelcontextprotocol/sdk@1.29.0",
         "pkg:npm/fast-glob@3.3.3",