@baseline-ui/mcp 1.0.0 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @baseline-ui/mcp
 
+## 1.2.0
+
+## 1.1.0
+
 ## 1.0.0
 
 ## 0.63.0

package/dist/index.cjs

@@ -3085,7 +3085,11 @@ headerVariant?: | "title"
     size="sm"
     aria-label="Event date"
     headerVariant="selectMonthAndYear"
-    title="Date" />;`},{id:"core-forms-calendar--select-month-and-year-extra-small",name:"Select Month And Year Extra Small",snippet:'const SelectMonthAndYearExtraSmall = () => <Calendar size="xs" aria-label="Event date" headerVariant="selectMonthAndYear" />;'},{id:"core-forms-calendar--international-calendar",name:"International Calendar",snippet:`const InternationalCalendar = () => {
+    title="Date" />;`},{id:"core-forms-calendar--select-month-and-year-extra-small",name:"Select Month And Year Extra Small",snippet:'const SelectMonthAndYearExtraSmall = () => <Calendar size="xs" aria-label="Event date" headerVariant="selectMonthAndYear" />;'},{id:"core-forms-calendar--fixed-weeks",name:"Fixed Weeks",snippet:`const FixedWeeks = () => <Calendar
+    size="sm"
+    aria-label="Event date"
+    defaultValue={parseDate("2024-09-15")}
+    weeksInMonth={6} />;`},{id:"core-forms-calendar--international-calendar",name:"International Calendar",snippet:`const InternationalCalendar = () => {
     const [locale, setLocale] = React.useState("th-TH");
 
     return (
@@ -3141,6 +3145,23 @@ export const MinMaxCalendarExample: React.FC<
  );
 };
 
+export const HeaderCalendarExample: React.FC<
+ Omit<CalendarProps, "defaultValue" | "value" | "minValue" | "maxValue"> & {
+ defaultValue?: string;
+ minValue?: string;
+ maxValue?: string;
+ }
+> = ({ defaultValue, minValue, maxValue, ...rest }) => {
+ return (
+ <Calendar
+ {...rest}
+ defaultValue={defaultValue ? parseDate(defaultValue) : undefined}
+ minValue={minValue ? parseDate(minValue) : undefined}
+ maxValue={maxValue ? parseDate(maxValue) : undefined}
+ />
+ );
+};
+
 export const UnavailableCalendarExample: React.FC<
  Omit<CalendarProps, "defaultValue" | "value" | "isDateUnavailable"> & {
  defaultValue?: string;
@@ -3194,6 +3215,32 @@ export const InternationalRangeCalendarExample: React.FC<
  );
 };
 
+export const AnchorDateRangeCalendarExample: React.FC<
+ Omit<RangeCalendarProps, "defaultValue" | "value" | "isDateUnavailable"> & {
+ defaultValue?: { start: string; end: string };
+ }
+> = ({ defaultValue, ...rest }) => {
+ return (
+ <RangeCalendar
+ {...rest}
+ defaultValue={
+ defaultValue
+ ? {
+ start: parseDate(defaultValue.start),
+ end: parseDate(defaultValue.end),
+ }
+ : undefined
+ }
+ // Marks dates more than a week from the in-progress selection anchor as
+ // unavailable. \`anchorDate\` is null until a start date is picked, so this
+ // exercises the second argument react-aria passes to \`isDateUnavailable\`.
+ isDateUnavailable={(date, anchorDate) =>
+ anchorDate ? Math.abs(date.compare(anchorDate)) > 7 : false
+ }
+ />
+ );
+};
+
 export const RangeCalendarExample: React.FC<
  Omit<RangeCalendarProps, "defaultValue" | "value"> & {
  defaultValue?: { start: string; end: string };
@@ -3476,7 +3523,14 @@ headerVariant?: | "title"
     size="sm"
     aria-label="Trip dates"
     minValue={today(getLocalTimeZone())}
-    maxValue={today(getLocalTimeZone()).add({ months: 1 })} />;`},{id:"core-forms-rangecalendar--unavailable-dates",name:"Unavailable Dates",snippet:`const UnavailableDates = () => <RangeCalendar
+    maxValue={today(getLocalTimeZone()).add({ months: 1 })} />;`},{id:"core-forms-rangecalendar--fixed-weeks",name:"Fixed Weeks",snippet:`const FixedWeeks = () => <RangeCalendar
+    size="sm"
+    aria-label="Trip dates"
+    defaultValue={{
+      start: parseDate("2024-09-02"),
+      end: parseDate("2024-09-11"),
+    }}
+    weeksInMonth={6} />;`},{id:"core-forms-rangecalendar--unavailable-dates",name:"Unavailable Dates",snippet:`const UnavailableDates = () => <RangeCalendar
     size="sm"
     aria-label="Trip dates"
     defaultValue={{
@@ -3553,6 +3607,23 @@ export const MinMaxCalendarExample: React.FC<
  );
 };
 
+export const HeaderCalendarExample: React.FC<
+ Omit<CalendarProps, "defaultValue" | "value" | "minValue" | "maxValue"> & {
+ defaultValue?: string;
+ minValue?: string;
+ maxValue?: string;
+ }
+> = ({ defaultValue, minValue, maxValue, ...rest }) => {
+ return (
+ <Calendar
+ {...rest}
+ defaultValue={defaultValue ? parseDate(defaultValue) : undefined}
+ minValue={minValue ? parseDate(minValue) : undefined}
+ maxValue={maxValue ? parseDate(maxValue) : undefined}
+ />
+ );
+};
+
 export const UnavailableCalendarExample: React.FC<
  Omit<CalendarProps, "defaultValue" | "value" | "isDateUnavailable"> & {
  defaultValue?: string;
@@ -3606,6 +3677,32 @@ export const InternationalRangeCalendarExample: React.FC<
  );
 };
 
+export const AnchorDateRangeCalendarExample: React.FC<
+ Omit<RangeCalendarProps, "defaultValue" | "value" | "isDateUnavailable"> & {
+ defaultValue?: { start: string; end: string };
+ }
+> = ({ defaultValue, ...rest }) => {
+ return (
+ <RangeCalendar
+ {...rest}
+ defaultValue={
+ defaultValue
+ ? {
+ start: parseDate(defaultValue.start),
+ end: parseDate(defaultValue.end),
+ }
+ : undefined
+ }
+ // Marks dates more than a week from the in-progress selection anchor as
+ // unavailable. \`anchorDate\` is null until a start date is picked, so this
+ // exercises the second argument react-aria passes to \`isDateUnavailable\`.
+ isDateUnavailable={(date, anchorDate) =>
+ anchorDate ? Math.abs(date.compare(anchorDate)) > 7 : false
+ }
+ />
+ );
+};
+
 export const RangeCalendarExample: React.FC<
  Omit<RangeCalendarProps, "defaultValue" | "value"> & {
  defaultValue?: { start: string; end: string };
@@ -6006,6 +6103,7 @@ By default, the \`Dialog\` component traps focus within the dialog. This means t
 | <kbd>Tab</kbd> | Move focus to the next focusable element in the dialog. If focus is on the last element, move focus to the first focusable element. |`,props:`interface DialogProps {
 /**
  * The accessibility role for the dialog.
+ * 
  * @default 'dialog'
  */
 role?: 'dialog' | 'alertdialog'
@@ -6811,6 +6909,7 @@ className?: string
 style?: React.CSSProperties
 /**
  * The accessibility role for the dialog.
+ * 
  * @default 'dialog'
  */
 role?: 'dialog' | 'alertdialog'
@@ -9406,6 +9505,22 @@ export const GridListExample: React.FC<GridListExampleProps> = (props) => {
  );
 };
 
+// Renders a focusable element before the grid so a spec can Tab into the grid
+// from a known in-frame origin (reliable across normal/shadow/iframe DOM
+// modes), exercising the keyboard-entry behavior of \`UNSTABLE_focusOnEntry\`.
+export const GridListFocusOnEntryExample: React.FC<GridListExampleProps> = (
+ props,
+) => {
+ return (
+ <>
+ <button type="button" data-testid="before-grid">
+ before
+ </button>
+ <GridListExample {...props} />
+ </>
+ );
+};
+
 export const GridListControlledExample: React.FC<GridListExampleProps> = (
  props,
 ) => {
@@ -11862,6 +11977,7 @@ shouldUseSymbol?: boolean
 isDisabled?: boolean
 /**
  * The HTML element used to render the link, e.g. 'a', or 'span'.
+ * 
  * @default 'a'
  */
 elementType?: string
@@ -12067,10 +12183,13 @@ renderDragPreview?: (items: DragItem[]) => React.JSX.Element
  * 
  * @param section ListSection
  * @param ref React.RefObject<HTMLDivElement>
+ * @param headingProps ARIA props for the heading element \u2014 spread these onto the header's
+ *   root (and attach \`ref\`) so the section group's \`aria-labelledby\` resolves to it.
  */
 renderSectionHeader?: (
   section: Node<ListItem>,
   ref: React.Ref<HTMLSpanElement>,
+  headingProps?: React.HTMLAttributes<HTMLElement>,
 ) => React.ReactNode
 /**
  * Whether to show the selected checkmark icon.
@@ -12828,6 +12947,7 @@ defaultOpen?: boolean
 onOpenChange?: (isOpen: boolean) => void
 /**
  * How the menu is triggered.
+ * 
  * @default 'press'
  */
 trigger?: 'press' | 'longPress'
@@ -12935,6 +13055,7 @@ placement?: any
     )} />;`}],implementation:`import React from "react";
 
 import { Menu } from "../Menu";
+import { items } from "./data";
 
 import type { MenuProps } from "../Menu.types";
 
@@ -12944,6 +13065,28 @@ export const MenuExample: React.FC<
  }
 > = ({ label, ...props }) => {
  return <Menu {...props} triggerLabel={label} />;
+};
+
+// Renders the (key, value) pair react-aria now passes to \`onAction\` so a spec
+// can assert the activated item's value is forwarded alongside its key.
+export const MenuActionValueExample: React.FC<{ label: string }> = ({
+ label,
+}) => {
+ const [received, setReceived] = React.useState("");
+ return (
+ <>
+ <Menu
+ items={items}
+ triggerLabel={label}
+ onAction={(key, value) => {
+ setReceived(
+ \`\${String(key)}:\${value && "label" in value ? value.label : ""}\`,
+ );
+ }}
+ />
+ <div data-testid="menu-action-value">{received}</div>
+ </>
+ );
 };`},similarTo:[],figmaUrl:null},MessageFormat:{id:"core-utilities-messageformat",breadcrumb:"Core/Utilities/MessageFormat",importStatement:'import { MessageFormat } from "@baseline-ui/core";',description:"`MessageFormat` is a component for formatting messages. This is built on top of [react-intl](https://formatjs.io/docs/react-intl/).",documentation:`\`MessageFormat\` is a component for formatting messages. This is built on top of [react-intl](https://formatjs.io/docs/react-intl/).
 
 \`\`\`jsx
@@ -15746,6 +15889,31 @@ export const PopoverExample: React.FC<{
  );
 };
 
+export const PopoverGetTargetRectExample: React.FC = () => {
+ const [called, setCalled] = useState(false);
+
+ return (
+ <Popover type="dialog" defaultOpen={true}>
+ <PopoverTrigger>
+ <ActionButton label="Open" />
+ </PopoverTrigger>
+ <PopoverContent
+ // Returns the trigger's own rect (so positioning is unchanged) while
+ // recording that react-aria invoked the forwarded callback.
+ getTargetRect={(target) => {
+ setCalled(true);
+ return target.getBoundingClientRect();
+ }}
+ >
+ <Dialog size="content" aria-label="content">
+ <Text type="label">getTargetRect content</Text>
+ {called ? <span data-testid="popover-target-rect-called" /> : null}
+ </Dialog>
+ </PopoverContent>
+ </Popover>
+ );
+};
+
 export const PopoverWithScrollableContentExample: React.FC<{
  popoverProps: Omit<PopoverProps, "children">;
  popoverContentProps?: Omit<PopoverContentProps, "children">;
@@ -16794,6 +16962,7 @@ export const PopoverHorizontalBoundaryBehaviorDemo: React.FC<{
 };`},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.
+ * 
  * @default document.body
  */
 portalContainer?: Element
@@ -18779,6 +18948,28 @@ export const SelectExample: React.FC<
  );
 };
 
+export const SelectGetTargetRectExample: React.FC = () => {
+ const [called, setCalled] = React.useState(false);
+
+ return (
+ <>
+ <Select
+ aria-label="Choose an item"
+ placeholder="Choose an item"
+ items={items}
+ defaultOpen={true}
+ // Returns the trigger's own rect (so positioning is unchanged) while
+ // recording that the popover invoked the forwarded callback.
+ getTargetRect={(target) => {
+ setCalled(true);
+ return target.getBoundingClientRect();
+ }}
+ />
+ {called ? <span data-testid="select-target-rect-called" /> : null}
+ </>
+ );
+};
+
 export const SelectCustomTriggerExample: React.FC<
  Omit<React.ComponentProps<typeof Select>, "items">
 > = (args) => {
@@ -18886,6 +19077,7 @@ import { Separator } from "../../utils";
 | \\[data-orientation] | The orientation of the separator. It can be \`horizontal\` or \`vertical\`. |`,props:`interface SeparatorProps {
 /**
  * The orientation of the separator.
+ * 
  * @default 'horizontal'
  */
 orientation?: "horizontal" | "vertical"
@@ -20747,22 +20939,32 @@ Use the \`renderEmptyState\` prop on \`TableBody\` to display a message when the
  * 
  * Requirements:
  * 
- * * You must render the expected element type (e.g. if \`<button>\` is expected, you cannot render an \`<a>\`).
- * * Only a single root DOM element can be rendered (no fragments).
- * * You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.
+ * - You must render the expected element type (e.g. if \`<button>\` is expected, you cannot render an
+ *   \`<a>\`).
+ * - Only a single root DOM element can be rendered (no fragments).
+ * - You must pass through props and ref to the underlying DOM element, merging with your own prop
+ *   as appropriate.
  */
-render?: (props: React.JSX.IntrinsicElements[E], renderProps: T) => ReactElement
+render?: (
+  props: React.JSX.IntrinsicElements[E],
+  renderProps: T
+) => ReactElement
 /**
- * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+ * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+ * element. A function may be provided to compute the class based on component state.
  */
-className?: string | ((values: T & {defaultClassName: string | undefined}) => string)
+className?: | string
+| ((values: T & {defaultClassName: string | undefined}) => string)
 /**
- * The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state.
+ * The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the
+ * element. A function may be provided to compute the style based on component state.
  */
-style?: CSSProperties | ((values: T & {defaultStyle: CSSProperties}) => CSSProperties | undefined)
+style?: | CSSProperties
+| ((values: T & {defaultStyle: CSSProperties}) => CSSProperties | undefined)
 /**
- * A slot name for the component. Slots allow the component to receive props from a parent component.
- * An explicit \`null\` value indicates that the local props completely override all props received from a parent.
+ * A slot name for the component. Slots allow the component to receive props from a parent
+ * component. An explicit \`null\` value indicates that the local props completely override all
+ * props received from a parent.
  */
 slot?: string | null
 /**
@@ -20771,12 +20973,14 @@ slot?: string | null
 children?: ReactNode
 /**
  * How multiple selection should behave in the collection.
- * @default "toggle"
+ * 
+ * @default 'toggle'
  */
 selectionBehavior?: SelectionBehavior
 /**
  * Whether \`disabledKeys\` applies to all interactions, or only selection.
- * @default "all"
+ * 
+ * @default 'all'
  */
 disabledBehavior?: DisabledBehavior
 /**
@@ -20784,7 +20988,8 @@ disabledBehavior?: DisabledBehavior
  */
 onRowAction?: (key: Key) => void
 /**
- * The drag and drop hooks returned by \`useDragAndDrop\` used to enable drag and drop behavior for the Table.
+ * The drag and drop hooks returned by \`useDragAndDrop\` used to enable drag and drop behavior for
+ * the Table.
  */
 dragAndDropHooks?: DragHooks<T> & DropHooks
 }`,stories:{usage:[{id:"core-collections-table--default",name:"Default",snippet:"const Default = () => <BasicTableExample />;",description:"Basic table with columns and rows, no interactivity"},{id:"core-collections-table--single-selection",name:"Single Selection",snippet:"const SingleSelection = () => <SingleSelectionTableExample />;",description:"Single selection mode with controlled state"},{id:"core-collections-table--multiple-selection",name:"Multiple Selection",snippet:"const MultipleSelection = () => <MultipleSelectionTableExample />;",description:"Multiple selection mode with checkbox column and select-all header"},{id:"core-collections-table--sorting",name:"Sorting",snippet:"const Sorting = () => <SortableTableExample />;",description:"Sortable columns with sort descriptor and client-side sorting"},{id:"core-collections-table--empty",name:"Empty",snippet:"const Empty = () => <EmptyTableExample />;",description:"Empty table with no rows"},{id:"core-collections-table--row-action",name:"Row Action",snippet:`const RowAction = () => (
@@ -25761,22 +25966,28 @@ onOpenChange?: (isOpen: boolean) => void
  */
 isDisabled?: boolean
 /**
- * The delay time for the tooltip to show up. [See guidelines](https://spectrum.adobe.com/page/tooltip/#Immediate-or-delayed-appearance).
+ * The delay time for the tooltip to show up. [See
+ * guidelines](https://spectrum.adobe.com/page/tooltip/#Immediate-or-delayed-appearance).
+ * 
  * @default 1500
  */
 delay?: number
 /**
- * The delay time for the tooltip to close. [See guidelines](https://spectrum.adobe.com/page/tooltip/#Warmup-and-cooldown).
+ * The delay time for the tooltip to close. [See
+ * guidelines](https://spectrum.adobe.com/page/tooltip/#Warmup-and-cooldown).
+ * 
  * @default 500
  */
 closeDelay?: number
 /**
  * By default, opens for both focus and hover. Can be made to open only for focus.
+ * 
  * @default 'hover'
  */
 trigger?: 'hover' | 'focus'
 /**
  * Whether the tooltip should close when the trigger is pressed.
+ * 
  * @default true
  */
 shouldCloseOnPress?: boolean
@@ -25897,9 +26108,10 @@ placement?: any
             <Text>Tooltip is: {isOpen ? "open" : "closed"}</Text>
         </div>
     );
-};`}],implementation:`import { Tooltip } from "../Tooltip";
+};`}],implementation:`import React, { useState } from "react";
 
-import type React from "react";
+import { ActionButton } from "../../ActionButton";
+import { Tooltip } from "../Tooltip";
 
 export const CustomElementTooltip = () => (
  <Tooltip text="Tooltip content" delay={0}>
@@ -25910,7 +26122,29 @@ export const CustomElementTooltip = () => (
  />
  )}
  </Tooltip>
-);`},similarTo:[],figmaUrl:null},TreeView:{id:"core-collections-treeview",breadcrumb:"Core/Collections/TreeView",importStatement:`import {
+);
+
+export const TooltipGetTargetRectExample = () => {
+ const [called, setCalled] = useState(false);
+
+ return (
+ <>
+ <Tooltip
+ text="Tooltip content"
+ delay={0}
+ // Returns the trigger's own rect (so positioning is unchanged) while
+ // recording that react-aria invoked the forwarded callback.
+ getTargetRect={(target) => {
+ setCalled(true);
+ return target.getBoundingClientRect();
+ }}
+ >
+ <ActionButton label="Show Tooltip" />
+ </Tooltip>
+ {called ? <span data-testid="tooltip-target-rect-called" /> : null}
+ </>
+ );
+};`},similarTo:[],figmaUrl:null},TreeView:{id:"core-collections-treeview",breadcrumb:"Core/Collections/TreeView",importStatement:`import {
     TreeView,
     VirtualizedTreeViewExample,
     VirtualizedTreeViewWithActionsExample,
@@ -30248,6 +30482,31 @@ export const PopoverExample: React.FC<{
  );
 };
 
+export const PopoverGetTargetRectExample: React.FC = () => {
+ const [called, setCalled] = useState(false);
+
+ return (
+ <Popover type="dialog" defaultOpen={true}>
+ <PopoverTrigger>
+ <ActionButton label="Open" />
+ </PopoverTrigger>
+ <PopoverContent
+ // Returns the trigger's own rect (so positioning is unchanged) while
+ // recording that react-aria invoked the forwarded callback.
+ getTargetRect={(target) => {
+ setCalled(true);
+ return target.getBoundingClientRect();
+ }}
+ >
+ <Dialog size="content" aria-label="content">
+ <Text type="label">getTargetRect content</Text>
+ {called ? <span data-testid="popover-target-rect-called" /> : null}
+ </Dialog>
+ </PopoverContent>
+ </Popover>
+ );
+};
+
 export const PopoverWithScrollableContentExample: React.FC<{
  popoverProps: Omit<PopoverProps, "children">;
  popoverContentProps?: Omit<PopoverContentProps, "children">;
@@ -31383,6 +31642,31 @@ export const PopoverExample: React.FC<{
  );
 };
 
+export const PopoverGetTargetRectExample: React.FC = () => {
+ const [called, setCalled] = useState(false);
+
+ return (
+ <Popover type="dialog" defaultOpen={true}>
+ <PopoverTrigger>
+ <ActionButton label="Open" />
+ </PopoverTrigger>
+ <PopoverContent
+ // Returns the trigger's own rect (so positioning is unchanged) while
+ // recording that react-aria invoked the forwarded callback.
+ getTargetRect={(target) => {
+ setCalled(true);
+ return target.getBoundingClientRect();
+ }}
+ >
+ <Dialog size="content" aria-label="content">
+ <Text type="label">getTargetRect content</Text>
+ {called ? <span data-testid="popover-target-rect-called" /> : null}
+ </Dialog>
+ </PopoverContent>
+ </Popover>
+ );
+};
+
 export const PopoverWithScrollableContentExample: React.FC<{
  popoverProps: Omit<PopoverProps, "children">;
  popoverContentProps?: Omit<PopoverContentProps, "children">;
@@ -32503,6 +32787,28 @@ export const SelectExample: React.FC<
  );
 };
 
+export const SelectGetTargetRectExample: React.FC = () => {
+ const [called, setCalled] = React.useState(false);
+
+ return (
+ <>
+ <Select
+ aria-label="Choose an item"
+ placeholder="Choose an item"
+ items={items}
+ defaultOpen={true}
+ // Returns the trigger's own rect (so positioning is unchanged) while
+ // recording that the popover invoked the forwarded callback.
+ getTargetRect={(target) => {
+ setCalled(true);
+ return target.getBoundingClientRect();
+ }}
+ />
+ {called ? <span data-testid="select-target-rect-called" /> : null}
+ </>
+ );
+};
+
 export const SelectCustomTriggerExample: React.FC<
  Omit<React.ComponentProps<typeof Select>, "items">
 > = (args) => {
@@ -33920,7 +34226,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:"1.0.0"};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:"1.2.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.