@baseline-ui/mcp 0.48.0 → 0.48.2

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @baseline-ui/mcp
 
+## 0.48.2
+
+## 0.48.1
+
 ## 0.48.0
 
 ## 0.47.0

package/dist/index.cjs

@@ -6231,6 +6231,54 @@ export const TestFrameProviderInsideShadowRoot = ({
  </ShadowRoot>
  );
 };
+export const TestFrameProviderInsideShadowRootBug = () => {
+ const [container, setContainer] = useState<HTMLDivElement | null>(null);
+ return (
+ <Box display="flex" flexDirection="column" gap="md">
+ <header
+ style={{
+ height: 100,
+ backgroundColor: themeVars.color.support.info.subtler,
+ }}
+ >
+ <Text>
+ I am a header. The overlay offset is same as the header height
+ </Text>
+ </header>
+ <div
+ style={{
+ position: "relative",
+ width: 500,
+ height: 500,
+ }}
+ ref={setContainer}
+ >
+ <ShadowRoot
+ style={{
+ height: "100%",
+ width: "100%",
+ backgroundColor: themeVars.color.support.warning.subtler,
+ }}
+ >
+ <FrameProvider container={container} shouldContainOverlays="always">
+ <Modal defaultOpen={true}>
+ <ModalTrigger>
+ <ActionButton label="Open Modal" />
+ </ModalTrigger>
+ <ModalContent>
+ <Dialog>
+ <Box>
+ <Text>Hello, world!</Text>
+ </Box>
+ </Dialog>
+ </ModalContent>
+ </Modal>
+ </FrameProvider>
+ </ShadowRoot>
+ </div>
+ </Box>
+ );
+};
 export const WithPortalContainerOutsideContainer: React.FC<{
  position?: "static" | "relative";
  shouldContainOverlays?: "always" | "auto" | "never";
@@ -19213,7 +19261,7 @@ layoutOptions?: O
   12 | export { VirtualizedVertical as ListLayoutExample } from "../UNSAFE_ListBox/UNSAFE_ListBox.stories";
 > 13 | export { WithVirtualization as GridLayoutExample } from "../ImageGallery/ImageGallery.stories";
      | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-  14 |`},id:"core-collections-virtualizer--grid-layout-example"}],implementation:""},similarTo:[],figmaUrl:null}};var ms={version:"0.48.0"};var hs=`
+  14 |`},id:"core-collections-virtualizer--grid-layout-example"}],implementation:""},similarTo:[],figmaUrl:null}};var ms={version:"0.48.2"};var hs=`
 # 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

@@ -6231,6 +6231,54 @@ export const TestFrameProviderInsideShadowRoot = ({
  </ShadowRoot>
  );
 };
+export const TestFrameProviderInsideShadowRootBug = () => {
+ const [container, setContainer] = useState<HTMLDivElement | null>(null);
+ return (
+ <Box display="flex" flexDirection="column" gap="md">
+ <header
+ style={{
+ height: 100,
+ backgroundColor: themeVars.color.support.info.subtler,
+ }}
+ >
+ <Text>
+ I am a header. The overlay offset is same as the header height
+ </Text>
+ </header>
+ <div
+ style={{
+ position: "relative",
+ width: 500,
+ height: 500,
+ }}
+ ref={setContainer}
+ >
+ <ShadowRoot
+ style={{
+ height: "100%",
+ width: "100%",
+ backgroundColor: themeVars.color.support.warning.subtler,
+ }}
+ >
+ <FrameProvider container={container} shouldContainOverlays="always">
+ <Modal defaultOpen={true}>
+ <ModalTrigger>
+ <ActionButton label="Open Modal" />
+ </ModalTrigger>
+ <ModalContent>
+ <Dialog>
+ <Box>
+ <Text>Hello, world!</Text>
+ </Box>
+ </Dialog>
+ </ModalContent>
+ </Modal>
+ </FrameProvider>
+ </ShadowRoot>
+ </div>
+ </Box>
+ );
+};
 export const WithPortalContainerOutsideContainer: React.FC<{
  position?: "static" | "relative";
  shouldContainOverlays?: "always" | "auto" | "never";
@@ -19213,7 +19261,7 @@ layoutOptions?: O
   12 | export { VirtualizedVertical as ListLayoutExample } from "../UNSAFE_ListBox/UNSAFE_ListBox.stories";
 > 13 | export { WithVirtualization as GridLayoutExample } from "../ImageGallery/ImageGallery.stories";
      | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-  14 |`},id:"core-collections-virtualizer--grid-layout-example"}],implementation:""},similarTo:[],figmaUrl:null}};var ms={version:"0.48.0"};var hs=`
+  14 |`},id:"core-collections-virtualizer--grid-layout-example"}],implementation:""},similarTo:[],figmaUrl:null}};var ms={version:"0.48.2"};var hs=`
 # 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/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@baseline-ui/mcp",
-  "version": "0.48.0",
+  "version": "0.48.2",
   "description": "MCP server for Baseline UI design system documentation",
   "type": "module",
   "bin": "dist/index.js",
   "dependencies": {
-    "@modelcontextprotocol/sdk": "1.21.1",
+    "@modelcontextprotocol/sdk": "1.24.3",
     "fast-glob": "^3.3.3",
     "zod": "^3.23.8"
   },