@baseline-ui/mcp 3.1.0 → 3.2.1

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @baseline-ui/mcp
 
+## 3.2.1
+
+## 3.2.0
+
 ## 3.1.0
 
 ## 3.0.1

package/dist/{chunk-MDOP4NRY.js → chunk-RKGE2VKK.js}

@@ -13912,7 +13912,8 @@ console.log(greet('Markdown Maverick'));
 | Row 1, Col 1    | Row 1, Col 2    | Row 1, Col 3    |
 | Row 2, Col 1    | Row 2, Col 2    | Row 2, Col 3    |
 | Row 3, Col 1    | Row 3, Col 2    | Row 3, Col 3    |
-\`}</Markdown>;`},{id:"core-content-markdown--with-caret",name:"With Caret",snippet:'const WithCaret = () => <div style={{ width: "150px" }}>\n    <Markdown showCaret>{`This is a long sentence that showcases how Markdown component looks with a caret at the end.`}</Markdown>\n</div>;'}],implementation:""},similarTo:[],figmaUrl:null},Menu:{id:"core-collections-menu",breadcrumb:"Core/Collections/Menu",importStatement:'import { ActionButton, Menu } from "@baseline-ui/core";',description:"`Menu` is a popup list of actions or options revealed by a trigger, with support for sections, selection, and keyboard typeahead. Use it for contextual command lists, overflow actions, or selecting a value from a moderate set of choices.",documentation:`\`Menu\` is a popup list of actions or options revealed by a trigger, with support for sections, selection, and keyboard typeahead. Use it for contextual command lists, overflow actions, or selecting a value from a moderate set of choices.
+\`}</Markdown>;`},{id:"core-content-markdown--with-caret",name:"With Caret",snippet:'const WithCaret = () => <div style={{ width: "150px" }}>\n    <Markdown showCaret>{`This is a long sentence that showcases how Markdown component looks with a caret at the end.`}</Markdown>\n</div>;'}],implementation:""},similarTo:[],figmaUrl:null},Menu:{id:"core-collections-menu",breadcrumb:"Core/Collections/Menu",importStatement:`import { ActionButton, Avatar, Box, Menu } from "@baseline-ui/core";
+import { CheckmarkIcon } from "@baseline-ui/icons/16";`,description:"`Menu` is a popup list of actions or options revealed by a trigger, with support for sections, selection, and keyboard typeahead. Use it for contextual command lists, overflow actions, or selecting a value from a moderate set of choices.",documentation:`\`Menu\` is a popup list of actions or options revealed by a trigger, with support for sections, selection, and keyboard typeahead. Use it for contextual command lists, overflow actions, or selecting a value from a moderate set of choices.
 
 1. ARIA compliant: Ensures the \`Menu\` component is accessible to users with disabilities.
 2. Selection options: The component can be configured to allow single, multiple, or no selection.
@@ -13924,6 +13925,7 @@ console.log(greet('Markdown Maverick'));
 8. Keyboard menu opening: The menu can be opened using the keyboard, and automatically focuses on the first or last item.
 9. Typeahead: Users can quickly navigate to a menu item by typing the first few letters of the item's label.
 10. Virtualized scrolling: For long lists, performance is improved by only rendering the visible items.
+11. Per-item customization: Options can take a class, an inline style, or a completely custom body.
 
 Pass the list of options via \`items\` and a \`triggerLabel\` for the default
 \`ActionButton\` trigger. \`Menu\` renders its own trigger and popover \u2014 it does not
@@ -13948,7 +13950,8 @@ you need on/off state rather than a command list, use \`ToggleButton\`; to pick
 value from a set with an always-visible field, use \`Select\`.
 
 Each option accepts an optional leading \`icon\` (a \`@baseline-ui/icons\` component)
-and a \`keyboardShortcut\` string rendered at the trailing edge of the item.
+and a \`keyboardShortcut\` string rendered at the trailing edge of the item. An
+option with a submenu spends that slot on its chevron instead.
 
 \`\`\`jsx
 import { CopyIcon, TrashIcon } from "@baseline-ui/icons/16";
@@ -13959,6 +13962,110 @@ const items = [
 ];
 \`\`\`
 
+\`optionClassName\`, \`optionStyle\` and \`renderOption\` are props on \`Menu\`, not
+fields on an item. \`optionClassName\` and \`optionStyle\` take either a plain value
+or a function of the option and its current state; \`renderOption\` is always such
+a function. One row is styled by branching inside that function rather than by
+annotating the item.
+
+\`renderOption\` replaces an option's contents outright, which is how an item
+holds a badge, an avatar, or a two-line body. Keyboard navigation and selection
+behavior are unchanged, but the row's own presentation is not: the hover, focus
+and disabled styling and the trailing \`keyboardShortcut\` all live in the default
+body you are replacing, so draw whatever of them you need from the render state.
+Keep a text label in the output \u2014 it is what names the option to a screen
+reader.
+
+An assignee picker is the shape that needs all of this at once: each row carries
+an avatar and a trailing presence label the default body has no slot for, offline
+people are muted, and the row redraws the focus ring and the selection check
+that came with the body \`renderOption\` replaced, while \`optionStyle\` carries the
+row-level background and text colour. Anything an
+option needs beyond \`label\` rides along in its \`data\`.
+
+\`\`\`jsx
+import { Avatar, Box } from "@baseline-ui/core";
+import { CheckmarkIcon } from "@baseline-ui/icons/16";
+import { themeVars } from "@baseline-ui/tokens";
+
+const assignees = [
+ { id: "ana", label: "Ana Silva", data: { status: "Online" } },
+ { id: "sam", label: "Sam Ortiz", data: { status: "Offline" } },
+];
+
+const PRESENCE_COLOR = {
+ Online: themeVars.color.support.success.medium,
+ Away: themeVars.color.support.warning.medium,
+ Offline: themeVars.color.icon.secondary,
+};
+
+<Menu
+ items={assignees}
+ triggerLabel="Assign to"
+ selectionMode="single"
+ defaultSelectedKeys={["ana"]}
+ optionClassName="MyApp-AssigneeOption"
+ optionStyle={(item, { isHovered }) => ({
+ backgroundColor: isHovered
+ ? themeVars.color.background.primary.medium
+ : themeVars.color.background.primary.subtle,
+ color:
+ item.data?.status === "Offline"
+ ? themeVars.color.text.secondary
+ : themeVars.color.text.primary,
+ })}
+ renderOption={(item, { isSelected, isFocusVisible }) => (
+ <Box
+ display="flex"
+ alignItems="center"
+ gap="lg"
+ width="full"
+ paddingX="lg"
+ style={{ height: 36 }}
+ outlineColor={isFocusVisible ? "focused.default" : "transparent"}
+ outlineWidth={2}
+ outlineStyle="solid"
+ outlineOffset={-2}
+ >
+ <Box aria-hidden={true} display="flex">
+ <Avatar name={item.label} size="sm" showInitials={true} />
+ </Box>
+ <Box flex={1}>{item.label}</Box>
+ <Box display="flex" alignItems="center" gap="sm" style={{ width: 72 }}>
+ <Box
+ aria-hidden={true}
+ style={{
+ width: 8,
+ height: 8,
+ borderRadius: "50%",
+ backgroundColor: PRESENCE_COLOR[item.data?.status],
+ }}
+ />
+ <Box color="text.secondary">{item.data?.status}</Box>
+ </Box>
+ <Box display="flex" style={{ width: 16 }}>
+ {isSelected ? <CheckmarkIcon size={16} /> : null}
+ </Box>
+ </Box>
+ )}
+/>;
+\`\`\`
+
+The avatar and the presence dot are \`aria-hidden\` because each only restates
+something already beside it; the status word is not, because it is what carries
+presence to a screen reader. Colour is never the only cue.
+
+\`renderOption\` replaces the row's contents \u2014 the default selection indicator and a
+submenu option's chevron included \u2014 so draw your own from the \`isSelected\` and
+\`hasSubmenu\` render state when you need them, as the check above does. A submenu
+chevron has to mirror itself under RTL; the built-in one already does. A function
+given to any of these three props is compared by identity, so an inline one can
+rebuild cached options on each render; memoize it for long or sectioned menus.
+
+\`itemClassName\` is the older string-only form of \`optionClassName\` and is
+deprecated. It applies to the item element, and both classes are added when both
+are set, but prefer \`optionClassName\`.
+
 The \`Menu\` component can be configured to allow single, multiple, or no selection. The default is no selection. To allow single selection, set the \`selectionMode\` prop to \`single\`. To allow multiple selection, set the \`selectionMode\` prop to \`multiple\`.
 Use \`defaultSelectedKeys\` to provide a default set of selected items (uncontrolled) and \`selectedKeys\` to set the selected items (controlled).
 The value of the selected keys must match the \`id\` prop of the items.
@@ -14089,6 +14196,39 @@ onOpenChange?: (isOpen: boolean) => void
  * @default 'press'
  */
 trigger?: 'press' | 'longPress'
+/**
+ * The custom render function for the collection's options.
+ * 
+ * Replaces the option's entire contents, the default selection indicator
+ * included, so render your own affordance from \`options\` when you need one.
+ * The hover, focus and disabled styling lives in that default body too \u2014
+ * only selection and keyboard behavior are unaffected. Keep a text label in
+ * the output; it is what names the option to a screen reader.
+ * 
+ * Reading component state here works, at the cost of rebuilding every cached option and
+ * section whenever the function's identity changes \u2014 see {@link UNSAFE_ListBoxProps.items}
+ * for when that cost applies.
+ */
+renderOption?: (item: TOption, options: TRenderProps) => React.ReactNode
+/**
+ * A CSS class name added to the option's built-in classes.
+ * 
+ * Compared by identity, so an inline function or an unmemoized value rebuilds every
+ * cached option and section on each render. A plain string is compared by value.
+ */
+optionClassName?: | string
+| ((item: TOption, renderProps: TRenderProps) => string | undefined)
+/**
+ * The style of the option.
+ * 
+ * Compared by identity, so an inline function or object literal rebuilds every cached
+ * option and section on each render \u2014 memoize it to avoid that.
+ */
+optionStyle?: | React.CSSProperties
+| ((
+    item: TOption,
+    renderProps: TRenderProps,
+  ) => React.CSSProperties | undefined)
 /**
  * The \`className\` property assigned to the root element of the component.
  */
@@ -14099,6 +14239,9 @@ className?: string
 contentClassName?: string
 /**
  * The \`className\` property assigned to the item element of the component.
+ * 
+ * @deprecated Use \`optionClassName\`, which also accepts a function of the item
+ * and its render state. Both are applied when set.
  */
 itemClassName?: string
 /**
@@ -14217,14 +14360,68 @@ placement?: any
               if (meta) setSel((prev) => ({ ...prev, [meta.sectionId]: keys }));
             }} />
     );
-};`}],implementation:`import React from "react";
+};`},{id:"core-collections-menu--with-custom-options",name:"With Custom Options",snippet:`const WithCustomOptions = () => <Menu
+    triggerLabel="Menu Trigger"
+    items={assigneeItems}
+    defaultOpen
+    selectionMode="single"
+    defaultSelectedKeys={["jo"]}
+    optionStyle={(item, { isHovered }) => ({
+      backgroundColor: isHovered
+        ? themeVars.color.background.primary.medium
+        : themeVars.color.background.primary.subtle,
+      color:
+        item.data?.status === "Offline"
+          ? themeVars.color.text.secondary
+          : themeVars.color.text.primary,
+    })}
+    renderOption={(item, { isSelected, isFocusVisible }) => (
+      <Box
+        display="flex"
+        alignItems="center"
+        gap="lg"
+        width="full"
+        paddingX="lg"
+        style={{ height: 36 }}
+        outlineColor={isFocusVisible ? "focused.default" : "transparent"}
+        outlineWidth={2}
+        outlineStyle="solid"
+        outlineOffset={-2}
+      >
+        <Box aria-hidden={true} display="flex">
+          <Avatar name={item.label} size="sm" showInitials={true} />
+        </Box>
+        <Box flex={1} typography="body.md.regular">
+          {item.label}
+        </Box>
+        <Box display="flex" alignItems="center" gap="sm" style={{ width: 72 }}>
+          <Box
+            aria-hidden={true}
+            style={{
+              width: 8,
+              height: 8,
+              borderRadius: "50%",
+              backgroundColor: PRESENCE_COLOR[item.data?.status ?? "Offline"],
+            }}
+          />
+          <Box color="text.secondary" typography="label.sm.regular">
+            {item.data?.status}
+          </Box>
+        </Box>
+        <Box display="flex" style={{ width: 16 }}>
+          {isSelected ? <CheckmarkIcon size={16} /> : null}
+        </Box>
+      </Box>
+    )} />;`}],implementation:`import React from "react";
 
+import { ActionButton } from "../../ActionButton/ActionButton";
 import { I18nProvider } from "../../I18nProvider/I18nProvider";
 import { Menu } from "../Menu";
 import { items, itemsWithSections, itemsWithSubmenu } from "./data";
 
-import type { MenuProps } from "../Menu.types";
+import type { MenuOption, MenuProps } from "../Menu.types";
 import type { Key } from "react-aria";
+import type { MenuItemRenderProps } from "react-aria-components";
 import type { Selection } from "react-stately";
 
 export const MenuExample: React.FC<
@@ -14429,6 +14626,78 @@ export const MenuPartialSectionSelectionExample: React.FC<{
  <div data-testid="menu-partial-action">{action}</div>
  </>
  );
+};
+
+const optionClassNames = {
+ perItem: (item: MenuOption) => \`option-\${item.id}\`,
+ perRenderState: (item: MenuOption, { isFocusVisible }: MenuItemRenderProps) =>
+ isFocusVisible ? \`option-\${item.id} focus-visible\` : \`option-\${item.id}\`,
+};
+
+const renderCustomOption = (
+ item: MenuOption,
+ { hasSubmenu, isSelected }: MenuItemRenderProps,
+) => (
+ <span data-testid={\`custom-\${item.id}\`} data-selected={isSelected}>
+ {item.label}
+ {hasSubmenu ? " (submenu)" : ""}
+ </span>
+);
+
+// Callbacks can't cross the CT mount boundary, so they are selected by name.
+export const MenuOptionCustomisationExample: React.FC<{
+ label: string;
+ items?: MenuProps["items"];
+ itemClassName?: string;
+ optionClassName?: keyof typeof optionClassNames;
+ withRenderOption?: boolean;
+ selectionMode?: "single" | "multiple";
+}> = ({
+ label,
+ items: menuItems = items,
+ itemClassName,
+ optionClassName = "perItem",
+ withRenderOption = false,
+ selectionMode,
+}) => (
+ <Menu
+ items={menuItems}
+ triggerLabel={label}
+ defaultOpen={true}
+ selectionMode={selectionMode}
+ itemClassName={itemClassName}
+ optionClassName={optionClassNames[optionClassName]}
+ renderOption={withRenderOption ? renderCustomOption : undefined}
+ />
+);
+
+export const MenuSectionOptionClassToggleExample: React.FC<{
+ label: string;
+}> = ({ label }) => {
+ const [flagged, setFlagged] = React.useState(false);
+ const optionClassName = React.useCallback(
+ () => (flagged ? "flagged" : "unflagged"),
+ [flagged],
+ );
+
+ return (
+ <>
+ <ActionButton
+ label="Toggle"
+ onPress={() => {
+ setFlagged((v) => !v);
+ }}
+ />
+ <Menu
+ items={itemsWithSections}
+ triggerLabel={label}
+ // Keep the menu mounted while the outside toggle changes the callback.
+ isOpen={true}
+ isNonModal={true}
+ optionClassName={optionClassName}
+ />
+ </>
+ );
 };`},similarTo:[],figmaUrl:null},MessageFormat:{id:"core-utilities-messageformat",breadcrumb:"Core/Utilities/MessageFormat",importStatement:'import { MessageFormat } from "@baseline-ui/core";',description:"`MessageFormat` renders a single message from the catalog supplied to `I18nProvider`. When the catalog has no entry for `id`, it renders `defaultMessage` \u2014 and when it was given no `defaultMessage` either, the `id` itself. Unlike the rest of the library, it has no English of its own to fall back on: `id` arrives at runtime, so pass a catalog covering it or a `defaultMessage` beside it.",documentation:'`MessageFormat` renders a single message from the catalog supplied to `I18nProvider`. When the catalog has no entry for `id`, it renders `defaultMessage` \u2014 and when it was given no `defaultMessage` either, the `id` itself. Unlike the rest of the library, it has no English of its own to fall back on: `id` arrives at runtime, so pass a catalog covering it or a `defaultMessage` beside it.\n\nBecause it is a component rather than a hook, it is also how a class component reaches a translation \u2014 see [From a class component](/?path=/docs/internationalization--docs#from-a-class-component).\n\n```jsx\nimport { I18nProvider, MessageFormat } from "@baseline-ui/core";\nimport en from "@baseline-ui/core/intl/en.json";\nimport fr from "@baseline-ui/core/intl/fr.json";\n\nconst App = () => (\n <I18nProvider locale="en" messages={{ en, fr }}>\n <MessageFormat id="bui.calendar.previousMonth" />\n <MessageFormat id="myApp.hello" defaultMessage="Hello!" />\n </I18nProvider>\n);\n```\n\nPassing `id` and `defaultMessage` as separate props leaves `defaultMessage` easy to omit, and an `id` nothing answers for renders as itself. Declaring the message with `defineMessages` and spreading the descriptor keeps the two together, so there is no way to pass one without the other \u2014 and the same descriptor is what the extraction pipeline reads:\n\n```jsx\nimport { defineMessages, MessageFormat } from "@baseline-ui/core";\n\nconst messages = defineMessages({\n hello: {\n id: "myApp.hello",\n defaultMessage: "Hello, {name}!",\n description: "Greeting shown at the top of the dashboard.",\n },\n});\n\n<MessageFormat {...messages.hello} values={{ name: "Ada" }} />;\n```\n\n`description` is translator context; it is ignored at render time and never reaches the DOM.\n\nWrite every `defaultMessage` as a literal, whether it comes from a descriptor or the prop. Each distinct template is compiled once and cached, so a message built per render \u2014 interpolating a file name or a row into the template itself rather than passing it through `values` \u2014 churns that cache and recompiles the templates it displaces.\n\nMessages that carry ICU placeholders take their substitutions through `values`:\n\n```jsx\nconst messages = defineMessages({\n pageXofY: {\n id: "myApp.pageXofY",\n defaultMessage: "Page {current} of {total}",\n description:\n "Pagination status. `current` is the current page, `total` the last.",\n },\n});\n\n<MessageFormat {...messages.pageXofY} values={{ current: 2, total: 10 }} />;\n// \u2192 "Page 2 of 10"\n```\n\nSpreading the descriptor is what makes that true on its own. With a bare\n`id`, the same line renders `"Page 2 of 10"` only where a supplied catalog\ncovers the active locale, and the id itself everywhere else.',props:`interface MessageFormatProps {
 /**
  * By default \`<MessageFormat>\` will render the formatted string into a
@@ -28889,23 +29158,19 @@ className?: string
  */
 style?: React.CSSProperties
 /**
- * The custom render function for the listbox options.
+ * The custom render function for the collection's options.
  * 
- * Replaces the option's entire contents, including the default selection
- * indicator \u2014 render your own affordance from \`options.isSelected\` if you
- * need one. Selection and keyboard behavior are unaffected.
+ * Replaces the option's entire contents, the default selection indicator
+ * included, so render your own affordance from \`options\` when you need one.
+ * The hover, focus and disabled styling lives in that default body too \u2014
+ * only selection and keyboard behavior are unaffected. Keep a text label in
+ * the output; it is what names the option to a screen reader.
  * 
  * Reading component state here works, at the cost of rebuilding every cached option and
  * section whenever the function's identity changes \u2014 see {@link UNSAFE_ListBoxProps.items}
  * for when that cost applies.
- * 
- * @param item ListOption
- * @param options ListBoxItemRenderProps
  */
-renderOption?: (
-  item: ListOption,
-  options: ListBoxItemRenderProps,
-) => React.ReactNode
+renderOption?: (item: TOption, options: TRenderProps) => React.ReactNode
 /**
  * A CSS class name added to the option's built-in classes.
  * 
@@ -28913,10 +29178,7 @@ renderOption?: (
  * cached option and section on each render. A plain string is compared by value.
  */
 optionClassName?: | string
-| ((
-    item: ListOption,
-    renderProps: ListBoxItemRenderProps,
-  ) => string | undefined)
+| ((item: TOption, renderProps: TRenderProps) => string | undefined)
 /**
  * The style of the option.
  * 
@@ -28925,8 +29187,8 @@ optionClassName?: | string
  */
 optionStyle?: | React.CSSProperties
 | ((
-    item: ListOption,
-    renderProps: ListBoxItemRenderProps,
+    item: TOption,
+    renderProps: TRenderProps,
   ) => React.CSSProperties | undefined)
 /**
  * The custom render function for the listbox sections.
@@ -36486,6 +36748,7 @@ sprinkles({
  color: "support.error.subtle",
  color: "support.error.medium",
  color: "support.error.strong",
+ color: "support.error.stronger",
  backgroundColor: "support.error.subtle",
 
  // Success colors
@@ -36493,6 +36756,7 @@ sprinkles({
  color: "support.success.subtle",
  color: "support.success.medium",
  color: "support.success.strong",
+ color: "support.success.stronger",
  backgroundColor: "support.success.subtle",
 
  // Warning colors
@@ -36500,6 +36764,7 @@ sprinkles({
  color: "support.warning.subtle",
  color: "support.warning.medium",
  color: "support.warning.strong",
+ color: "support.warning.stronger",
  backgroundColor: "support.warning.subtle",
 
  // Info colors
@@ -36507,6 +36772,7 @@ sprinkles({
  color: "support.info.subtle",
  color: "support.info.medium",
  color: "support.info.strong",
+ color: "support.info.stronger",
  backgroundColor: "support.info.subtle",
 });
 \`\`\`
@@ -37271,7 +37537,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.1.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:"3.2.1"};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-MDOP4NRY.js';import {StdioServerTransport}from'@modelcontextprotocol/sdk/server/stdio.js';(async()=>await a().connect(new StdioServerTransport))();
+import {a}from'./chunk-RKGE2VKK.js';import {StdioServerTransport}from'@modelcontextprotocol/sdk/server/stdio.js';(async()=>await a().connect(new StdioServerTransport))();

package/dist/server.cjs

@@ -13912,7 +13912,8 @@ console.log(greet('Markdown Maverick'));
 | Row 1, Col 1    | Row 1, Col 2    | Row 1, Col 3    |
 | Row 2, Col 1    | Row 2, Col 2    | Row 2, Col 3    |
 | Row 3, Col 1    | Row 3, Col 2    | Row 3, Col 3    |
-\`}</Markdown>;`},{id:"core-content-markdown--with-caret",name:"With Caret",snippet:'const WithCaret = () => <div style={{ width: "150px" }}>\n    <Markdown showCaret>{`This is a long sentence that showcases how Markdown component looks with a caret at the end.`}</Markdown>\n</div>;'}],implementation:""},similarTo:[],figmaUrl:null},Menu:{id:"core-collections-menu",breadcrumb:"Core/Collections/Menu",importStatement:'import { ActionButton, Menu } from "@baseline-ui/core";',description:"`Menu` is a popup list of actions or options revealed by a trigger, with support for sections, selection, and keyboard typeahead. Use it for contextual command lists, overflow actions, or selecting a value from a moderate set of choices.",documentation:`\`Menu\` is a popup list of actions or options revealed by a trigger, with support for sections, selection, and keyboard typeahead. Use it for contextual command lists, overflow actions, or selecting a value from a moderate set of choices.
+\`}</Markdown>;`},{id:"core-content-markdown--with-caret",name:"With Caret",snippet:'const WithCaret = () => <div style={{ width: "150px" }}>\n    <Markdown showCaret>{`This is a long sentence that showcases how Markdown component looks with a caret at the end.`}</Markdown>\n</div>;'}],implementation:""},similarTo:[],figmaUrl:null},Menu:{id:"core-collections-menu",breadcrumb:"Core/Collections/Menu",importStatement:`import { ActionButton, Avatar, Box, Menu } from "@baseline-ui/core";
+import { CheckmarkIcon } from "@baseline-ui/icons/16";`,description:"`Menu` is a popup list of actions or options revealed by a trigger, with support for sections, selection, and keyboard typeahead. Use it for contextual command lists, overflow actions, or selecting a value from a moderate set of choices.",documentation:`\`Menu\` is a popup list of actions or options revealed by a trigger, with support for sections, selection, and keyboard typeahead. Use it for contextual command lists, overflow actions, or selecting a value from a moderate set of choices.
 
 1. ARIA compliant: Ensures the \`Menu\` component is accessible to users with disabilities.
 2. Selection options: The component can be configured to allow single, multiple, or no selection.
@@ -13924,6 +13925,7 @@ console.log(greet('Markdown Maverick'));
 8. Keyboard menu opening: The menu can be opened using the keyboard, and automatically focuses on the first or last item.
 9. Typeahead: Users can quickly navigate to a menu item by typing the first few letters of the item's label.
 10. Virtualized scrolling: For long lists, performance is improved by only rendering the visible items.
+11. Per-item customization: Options can take a class, an inline style, or a completely custom body.
 
 Pass the list of options via \`items\` and a \`triggerLabel\` for the default
 \`ActionButton\` trigger. \`Menu\` renders its own trigger and popover \u2014 it does not
@@ -13948,7 +13950,8 @@ you need on/off state rather than a command list, use \`ToggleButton\`; to pick
 value from a set with an always-visible field, use \`Select\`.
 
 Each option accepts an optional leading \`icon\` (a \`@baseline-ui/icons\` component)
-and a \`keyboardShortcut\` string rendered at the trailing edge of the item.
+and a \`keyboardShortcut\` string rendered at the trailing edge of the item. An
+option with a submenu spends that slot on its chevron instead.
 
 \`\`\`jsx
 import { CopyIcon, TrashIcon } from "@baseline-ui/icons/16";
@@ -13959,6 +13962,110 @@ const items = [
 ];
 \`\`\`
 
+\`optionClassName\`, \`optionStyle\` and \`renderOption\` are props on \`Menu\`, not
+fields on an item. \`optionClassName\` and \`optionStyle\` take either a plain value
+or a function of the option and its current state; \`renderOption\` is always such
+a function. One row is styled by branching inside that function rather than by
+annotating the item.
+
+\`renderOption\` replaces an option's contents outright, which is how an item
+holds a badge, an avatar, or a two-line body. Keyboard navigation and selection
+behavior are unchanged, but the row's own presentation is not: the hover, focus
+and disabled styling and the trailing \`keyboardShortcut\` all live in the default
+body you are replacing, so draw whatever of them you need from the render state.
+Keep a text label in the output \u2014 it is what names the option to a screen
+reader.
+
+An assignee picker is the shape that needs all of this at once: each row carries
+an avatar and a trailing presence label the default body has no slot for, offline
+people are muted, and the row redraws the focus ring and the selection check
+that came with the body \`renderOption\` replaced, while \`optionStyle\` carries the
+row-level background and text colour. Anything an
+option needs beyond \`label\` rides along in its \`data\`.
+
+\`\`\`jsx
+import { Avatar, Box } from "@baseline-ui/core";
+import { CheckmarkIcon } from "@baseline-ui/icons/16";
+import { themeVars } from "@baseline-ui/tokens";
+
+const assignees = [
+ { id: "ana", label: "Ana Silva", data: { status: "Online" } },
+ { id: "sam", label: "Sam Ortiz", data: { status: "Offline" } },
+];
+
+const PRESENCE_COLOR = {
+ Online: themeVars.color.support.success.medium,
+ Away: themeVars.color.support.warning.medium,
+ Offline: themeVars.color.icon.secondary,
+};
+
+<Menu
+ items={assignees}
+ triggerLabel="Assign to"
+ selectionMode="single"
+ defaultSelectedKeys={["ana"]}
+ optionClassName="MyApp-AssigneeOption"
+ optionStyle={(item, { isHovered }) => ({
+ backgroundColor: isHovered
+ ? themeVars.color.background.primary.medium
+ : themeVars.color.background.primary.subtle,
+ color:
+ item.data?.status === "Offline"
+ ? themeVars.color.text.secondary
+ : themeVars.color.text.primary,
+ })}
+ renderOption={(item, { isSelected, isFocusVisible }) => (
+ <Box
+ display="flex"
+ alignItems="center"
+ gap="lg"
+ width="full"
+ paddingX="lg"
+ style={{ height: 36 }}
+ outlineColor={isFocusVisible ? "focused.default" : "transparent"}
+ outlineWidth={2}
+ outlineStyle="solid"
+ outlineOffset={-2}
+ >
+ <Box aria-hidden={true} display="flex">
+ <Avatar name={item.label} size="sm" showInitials={true} />
+ </Box>
+ <Box flex={1}>{item.label}</Box>
+ <Box display="flex" alignItems="center" gap="sm" style={{ width: 72 }}>
+ <Box
+ aria-hidden={true}
+ style={{
+ width: 8,
+ height: 8,
+ borderRadius: "50%",
+ backgroundColor: PRESENCE_COLOR[item.data?.status],
+ }}
+ />
+ <Box color="text.secondary">{item.data?.status}</Box>
+ </Box>
+ <Box display="flex" style={{ width: 16 }}>
+ {isSelected ? <CheckmarkIcon size={16} /> : null}
+ </Box>
+ </Box>
+ )}
+/>;
+\`\`\`
+
+The avatar and the presence dot are \`aria-hidden\` because each only restates
+something already beside it; the status word is not, because it is what carries
+presence to a screen reader. Colour is never the only cue.
+
+\`renderOption\` replaces the row's contents \u2014 the default selection indicator and a
+submenu option's chevron included \u2014 so draw your own from the \`isSelected\` and
+\`hasSubmenu\` render state when you need them, as the check above does. A submenu
+chevron has to mirror itself under RTL; the built-in one already does. A function
+given to any of these three props is compared by identity, so an inline one can
+rebuild cached options on each render; memoize it for long or sectioned menus.
+
+\`itemClassName\` is the older string-only form of \`optionClassName\` and is
+deprecated. It applies to the item element, and both classes are added when both
+are set, but prefer \`optionClassName\`.
+
 The \`Menu\` component can be configured to allow single, multiple, or no selection. The default is no selection. To allow single selection, set the \`selectionMode\` prop to \`single\`. To allow multiple selection, set the \`selectionMode\` prop to \`multiple\`.
 Use \`defaultSelectedKeys\` to provide a default set of selected items (uncontrolled) and \`selectedKeys\` to set the selected items (controlled).
 The value of the selected keys must match the \`id\` prop of the items.
@@ -14089,6 +14196,39 @@ onOpenChange?: (isOpen: boolean) => void
  * @default 'press'
  */
 trigger?: 'press' | 'longPress'
+/**
+ * The custom render function for the collection's options.
+ * 
+ * Replaces the option's entire contents, the default selection indicator
+ * included, so render your own affordance from \`options\` when you need one.
+ * The hover, focus and disabled styling lives in that default body too \u2014
+ * only selection and keyboard behavior are unaffected. Keep a text label in
+ * the output; it is what names the option to a screen reader.
+ * 
+ * Reading component state here works, at the cost of rebuilding every cached option and
+ * section whenever the function's identity changes \u2014 see {@link UNSAFE_ListBoxProps.items}
+ * for when that cost applies.
+ */
+renderOption?: (item: TOption, options: TRenderProps) => React.ReactNode
+/**
+ * A CSS class name added to the option's built-in classes.
+ * 
+ * Compared by identity, so an inline function or an unmemoized value rebuilds every
+ * cached option and section on each render. A plain string is compared by value.
+ */
+optionClassName?: | string
+| ((item: TOption, renderProps: TRenderProps) => string | undefined)
+/**
+ * The style of the option.
+ * 
+ * Compared by identity, so an inline function or object literal rebuilds every cached
+ * option and section on each render \u2014 memoize it to avoid that.
+ */
+optionStyle?: | React.CSSProperties
+| ((
+    item: TOption,
+    renderProps: TRenderProps,
+  ) => React.CSSProperties | undefined)
 /**
  * The \`className\` property assigned to the root element of the component.
  */
@@ -14099,6 +14239,9 @@ className?: string
 contentClassName?: string
 /**
  * The \`className\` property assigned to the item element of the component.
+ * 
+ * @deprecated Use \`optionClassName\`, which also accepts a function of the item
+ * and its render state. Both are applied when set.
  */
 itemClassName?: string
 /**
@@ -14217,14 +14360,68 @@ placement?: any
               if (meta) setSel((prev) => ({ ...prev, [meta.sectionId]: keys }));
             }} />
     );
-};`}],implementation:`import React from "react";
+};`},{id:"core-collections-menu--with-custom-options",name:"With Custom Options",snippet:`const WithCustomOptions = () => <Menu
+    triggerLabel="Menu Trigger"
+    items={assigneeItems}
+    defaultOpen
+    selectionMode="single"
+    defaultSelectedKeys={["jo"]}
+    optionStyle={(item, { isHovered }) => ({
+      backgroundColor: isHovered
+        ? themeVars.color.background.primary.medium
+        : themeVars.color.background.primary.subtle,
+      color:
+        item.data?.status === "Offline"
+          ? themeVars.color.text.secondary
+          : themeVars.color.text.primary,
+    })}
+    renderOption={(item, { isSelected, isFocusVisible }) => (
+      <Box
+        display="flex"
+        alignItems="center"
+        gap="lg"
+        width="full"
+        paddingX="lg"
+        style={{ height: 36 }}
+        outlineColor={isFocusVisible ? "focused.default" : "transparent"}
+        outlineWidth={2}
+        outlineStyle="solid"
+        outlineOffset={-2}
+      >
+        <Box aria-hidden={true} display="flex">
+          <Avatar name={item.label} size="sm" showInitials={true} />
+        </Box>
+        <Box flex={1} typography="body.md.regular">
+          {item.label}
+        </Box>
+        <Box display="flex" alignItems="center" gap="sm" style={{ width: 72 }}>
+          <Box
+            aria-hidden={true}
+            style={{
+              width: 8,
+              height: 8,
+              borderRadius: "50%",
+              backgroundColor: PRESENCE_COLOR[item.data?.status ?? "Offline"],
+            }}
+          />
+          <Box color="text.secondary" typography="label.sm.regular">
+            {item.data?.status}
+          </Box>
+        </Box>
+        <Box display="flex" style={{ width: 16 }}>
+          {isSelected ? <CheckmarkIcon size={16} /> : null}
+        </Box>
+      </Box>
+    )} />;`}],implementation:`import React from "react";
 
+import { ActionButton } from "../../ActionButton/ActionButton";
 import { I18nProvider } from "../../I18nProvider/I18nProvider";
 import { Menu } from "../Menu";
 import { items, itemsWithSections, itemsWithSubmenu } from "./data";
 
-import type { MenuProps } from "../Menu.types";
+import type { MenuOption, MenuProps } from "../Menu.types";
 import type { Key } from "react-aria";
+import type { MenuItemRenderProps } from "react-aria-components";
 import type { Selection } from "react-stately";
 
 export const MenuExample: React.FC<
@@ -14429,6 +14626,78 @@ export const MenuPartialSectionSelectionExample: React.FC<{
  <div data-testid="menu-partial-action">{action}</div>
  </>
  );
+};
+
+const optionClassNames = {
+ perItem: (item: MenuOption) => \`option-\${item.id}\`,
+ perRenderState: (item: MenuOption, { isFocusVisible }: MenuItemRenderProps) =>
+ isFocusVisible ? \`option-\${item.id} focus-visible\` : \`option-\${item.id}\`,
+};
+
+const renderCustomOption = (
+ item: MenuOption,
+ { hasSubmenu, isSelected }: MenuItemRenderProps,
+) => (
+ <span data-testid={\`custom-\${item.id}\`} data-selected={isSelected}>
+ {item.label}
+ {hasSubmenu ? " (submenu)" : ""}
+ </span>
+);
+
+// Callbacks can't cross the CT mount boundary, so they are selected by name.
+export const MenuOptionCustomisationExample: React.FC<{
+ label: string;
+ items?: MenuProps["items"];
+ itemClassName?: string;
+ optionClassName?: keyof typeof optionClassNames;
+ withRenderOption?: boolean;
+ selectionMode?: "single" | "multiple";
+}> = ({
+ label,
+ items: menuItems = items,
+ itemClassName,
+ optionClassName = "perItem",
+ withRenderOption = false,
+ selectionMode,
+}) => (
+ <Menu
+ items={menuItems}
+ triggerLabel={label}
+ defaultOpen={true}
+ selectionMode={selectionMode}
+ itemClassName={itemClassName}
+ optionClassName={optionClassNames[optionClassName]}
+ renderOption={withRenderOption ? renderCustomOption : undefined}
+ />
+);
+
+export const MenuSectionOptionClassToggleExample: React.FC<{
+ label: string;
+}> = ({ label }) => {
+ const [flagged, setFlagged] = React.useState(false);
+ const optionClassName = React.useCallback(
+ () => (flagged ? "flagged" : "unflagged"),
+ [flagged],
+ );
+
+ return (
+ <>
+ <ActionButton
+ label="Toggle"
+ onPress={() => {
+ setFlagged((v) => !v);
+ }}
+ />
+ <Menu
+ items={itemsWithSections}
+ triggerLabel={label}
+ // Keep the menu mounted while the outside toggle changes the callback.
+ isOpen={true}
+ isNonModal={true}
+ optionClassName={optionClassName}
+ />
+ </>
+ );
 };`},similarTo:[],figmaUrl:null},MessageFormat:{id:"core-utilities-messageformat",breadcrumb:"Core/Utilities/MessageFormat",importStatement:'import { MessageFormat } from "@baseline-ui/core";',description:"`MessageFormat` renders a single message from the catalog supplied to `I18nProvider`. When the catalog has no entry for `id`, it renders `defaultMessage` \u2014 and when it was given no `defaultMessage` either, the `id` itself. Unlike the rest of the library, it has no English of its own to fall back on: `id` arrives at runtime, so pass a catalog covering it or a `defaultMessage` beside it.",documentation:'`MessageFormat` renders a single message from the catalog supplied to `I18nProvider`. When the catalog has no entry for `id`, it renders `defaultMessage` \u2014 and when it was given no `defaultMessage` either, the `id` itself. Unlike the rest of the library, it has no English of its own to fall back on: `id` arrives at runtime, so pass a catalog covering it or a `defaultMessage` beside it.\n\nBecause it is a component rather than a hook, it is also how a class component reaches a translation \u2014 see [From a class component](/?path=/docs/internationalization--docs#from-a-class-component).\n\n```jsx\nimport { I18nProvider, MessageFormat } from "@baseline-ui/core";\nimport en from "@baseline-ui/core/intl/en.json";\nimport fr from "@baseline-ui/core/intl/fr.json";\n\nconst App = () => (\n <I18nProvider locale="en" messages={{ en, fr }}>\n <MessageFormat id="bui.calendar.previousMonth" />\n <MessageFormat id="myApp.hello" defaultMessage="Hello!" />\n </I18nProvider>\n);\n```\n\nPassing `id` and `defaultMessage` as separate props leaves `defaultMessage` easy to omit, and an `id` nothing answers for renders as itself. Declaring the message with `defineMessages` and spreading the descriptor keeps the two together, so there is no way to pass one without the other \u2014 and the same descriptor is what the extraction pipeline reads:\n\n```jsx\nimport { defineMessages, MessageFormat } from "@baseline-ui/core";\n\nconst messages = defineMessages({\n hello: {\n id: "myApp.hello",\n defaultMessage: "Hello, {name}!",\n description: "Greeting shown at the top of the dashboard.",\n },\n});\n\n<MessageFormat {...messages.hello} values={{ name: "Ada" }} />;\n```\n\n`description` is translator context; it is ignored at render time and never reaches the DOM.\n\nWrite every `defaultMessage` as a literal, whether it comes from a descriptor or the prop. Each distinct template is compiled once and cached, so a message built per render \u2014 interpolating a file name or a row into the template itself rather than passing it through `values` \u2014 churns that cache and recompiles the templates it displaces.\n\nMessages that carry ICU placeholders take their substitutions through `values`:\n\n```jsx\nconst messages = defineMessages({\n pageXofY: {\n id: "myApp.pageXofY",\n defaultMessage: "Page {current} of {total}",\n description:\n "Pagination status. `current` is the current page, `total` the last.",\n },\n});\n\n<MessageFormat {...messages.pageXofY} values={{ current: 2, total: 10 }} />;\n// \u2192 "Page 2 of 10"\n```\n\nSpreading the descriptor is what makes that true on its own. With a bare\n`id`, the same line renders `"Page 2 of 10"` only where a supplied catalog\ncovers the active locale, and the id itself everywhere else.',props:`interface MessageFormatProps {
 /**
  * By default \`<MessageFormat>\` will render the formatted string into a
@@ -28889,23 +29158,19 @@ className?: string
  */
 style?: React.CSSProperties
 /**
- * The custom render function for the listbox options.
+ * The custom render function for the collection's options.
  * 
- * Replaces the option's entire contents, including the default selection
- * indicator \u2014 render your own affordance from \`options.isSelected\` if you
- * need one. Selection and keyboard behavior are unaffected.
+ * Replaces the option's entire contents, the default selection indicator
+ * included, so render your own affordance from \`options\` when you need one.
+ * The hover, focus and disabled styling lives in that default body too \u2014
+ * only selection and keyboard behavior are unaffected. Keep a text label in
+ * the output; it is what names the option to a screen reader.
  * 
  * Reading component state here works, at the cost of rebuilding every cached option and
  * section whenever the function's identity changes \u2014 see {@link UNSAFE_ListBoxProps.items}
  * for when that cost applies.
- * 
- * @param item ListOption
- * @param options ListBoxItemRenderProps
  */
-renderOption?: (
-  item: ListOption,
-  options: ListBoxItemRenderProps,
-) => React.ReactNode
+renderOption?: (item: TOption, options: TRenderProps) => React.ReactNode
 /**
  * A CSS class name added to the option's built-in classes.
  * 
@@ -28913,10 +29178,7 @@ renderOption?: (
  * cached option and section on each render. A plain string is compared by value.
  */
 optionClassName?: | string
-| ((
-    item: ListOption,
-    renderProps: ListBoxItemRenderProps,
-  ) => string | undefined)
+| ((item: TOption, renderProps: TRenderProps) => string | undefined)
 /**
  * The style of the option.
  * 
@@ -28925,8 +29187,8 @@ optionClassName?: | string
  */
 optionStyle?: | React.CSSProperties
 | ((
-    item: ListOption,
-    renderProps: ListBoxItemRenderProps,
+    item: TOption,
+    renderProps: TRenderProps,
   ) => React.CSSProperties | undefined)
 /**
  * The custom render function for the listbox sections.
@@ -36486,6 +36748,7 @@ sprinkles({
  color: "support.error.subtle",
  color: "support.error.medium",
  color: "support.error.strong",
+ color: "support.error.stronger",
  backgroundColor: "support.error.subtle",
 
  // Success colors
@@ -36493,6 +36756,7 @@ sprinkles({
  color: "support.success.subtle",
  color: "support.success.medium",
  color: "support.success.strong",
+ color: "support.success.stronger",
  backgroundColor: "support.success.subtle",
 
  // Warning colors
@@ -36500,6 +36764,7 @@ sprinkles({
  color: "support.warning.subtle",
  color: "support.warning.medium",
  color: "support.warning.strong",
+ color: "support.warning.stronger",
  backgroundColor: "support.warning.subtle",
 
  // Info colors
@@ -36507,6 +36772,7 @@ sprinkles({
  color: "support.info.subtle",
  color: "support.info.medium",
  color: "support.info.strong",
+ color: "support.info.stronger",
  backgroundColor: "support.info.subtle",
 });
 \`\`\`
@@ -37271,7 +37537,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.1.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:"3.2.1"};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-MDOP4NRY.js';
+export{a as createServer}from'./chunk-RKGE2VKK.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baseline-ui/mcp",
-  "version": "3.1.0",
+  "version": "3.2.1",
   "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:d6919b01-3233-40c9-bb76-aec15f57267c",
+  "serialNumber": "urn:uuid:ceeabf9e-b392-4f05-9702-79561b99bfdd",
   "version": 1,
   "metadata": {
-    "timestamp": "2026-09-08T17:26:09.690Z",
+    "timestamp": "2026-09-25T22:11:33.955Z",
     "lifecycles": [
       {
         "phase": "pre-build"
@@ -23,9 +23,9 @@
     "component": {
       "type": "library",
       "name": "@baseline-ui/mcp",
-      "version": "3.1.0",
-      "purl": "pkg:npm/@baseline-ui/mcp@3.1.0",
-      "bom-ref": "pkg:npm/@baseline-ui/mcp@3.1.0",
+      "version": "3.2.1",
+      "purl": "pkg:npm/@baseline-ui/mcp@3.2.1",
+      "bom-ref": "pkg:npm/@baseline-ui/mcp@3.2.1",
       "licenses": [
         {
           "license": {
@@ -2134,7 +2134,7 @@
   ],
   "dependencies": [
     {
-      "ref": "pkg:npm/@baseline-ui/mcp@3.1.0",
+      "ref": "pkg:npm/@baseline-ui/mcp@3.2.1",
       "dependsOn": [
         "pkg:npm/%40modelcontextprotocol/sdk@1.29.0",
         "pkg:npm/fast-glob@3.3.3",