@intlayer/design-system 9.5.2 → 9.5.4-canary.0

package/dist/types/components/index.d.ts

@@ -56,7 +56,7 @@ import { Flag } from "./Flags/Flag.js";
 import { flags_d_exports } from "./Flags/flags.js";
 import "./Flags/index.js";
 import { Footer, FooterLink, LinkGroup } from "./Footer/index.js";
-import { useForm } from "./Form/FormBase.js";
+import { FormWebMCPProps, getFormWebMCPAttributes, useForm } from "./Form/FormBase.js";
 import { Form } from "./Form/Form.js";
 import { FormControl } from "./Form/FormControl.js";
 import { FormDescription } from "./Form/FormDescription.js";
@@ -184,4 +184,4 @@ import { reducer, toast, useToast } from "./Toaster/useToast.js";
 import "./Toaster/index.js";
 import { WithResizer } from "./WithResizer/index.js";
 import { MarkdownRenderer, ParsedMarkdown, baseMarkdownComponents, getIntlayerMarkdownOptions } from "./MarkDownRender/MarkDownRender.js";
-export { Accordion, AccordionProps, AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, Avatar, AvatarProps, Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, BitbucketLogo, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Browser, BrowserProps, Burger, Button, ButtonColor, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant, Carousel, Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, ClickOutsideDiv, ClickOutsideDivProps, Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, CodeHighlighted, type CodeLanguage, CollapsibleTable, CollapsibleTableProps, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, ContentEditor, ContentEditorInput, ContentEditorInputProps, ContentEditorProps, ContentEditorTextArea, ContentEditorTextAreaProps, ContentSelector, CopyButton, CopyToClipboard, CopyToClipboardProps, type CreateEditorUploadFnOptions, DesktopNavbar, DesktopThemeSwitcher, Detail, DetailProps, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, DropDownProps, DropDownType, DropDownYAlign, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, ExpandCollapseProps, FacebookLogo, FileList, FileListProps, Flag, flags_d_exports as Flags, Footer, FooterLink, Form, AutoSizedTextAreaElement as FormAutoSizedTextArea, Button as FormButton, CheckboxElement as FormCheckbox, FormControl, FormDescription, EditableFieldInputElement as FormEditableFieldInput, EditableFieldTextAreaElement as FormEditableFieldTextArea, FormElement, FormField, InputElement as FormInput, InputPasswordElement as FormInputPassword, FormItem, FormLabelLayout as FormLabel, FormMessage, MultiSelectElement as FormMultiSelect, OTPElement as FormOTP, SearchInputElement as FormSearchInput, SelectElement as FormSelect, SwitchSelectorElement as FormSwitchSelector, TextAreaElement as FormTextArea, GitHubLogo, GitLabLogo, GoogleLogo, GridDistortionPattern, GridPattern, H1, H2, H3, H4, H5, H6, HTMLRenderer, HeadingProps, HeightResizer, HideShow, HideShowProps, Hr, IDE, IDEProps, InformationTag, Input, InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputProps, InputSize, InputVariant, InstagramLogo, KeyList, KeyPathBreadcrumb, KeyboardScreenAdapter, KeyboardShortcut, KeyboardShortcutProps, KeyboardShortcutType, Label, LabelProps, LanguageBackground, LanguageSection, Link, LinkColor, LinkGroup, LinkProps, LinkRoundedSize, LinkSize, LinkUnderlined, LinkVariant, LinkedInLogo, Loader, LoaderProps, LocalCardList, LocaleSwitcher, LocaleSwitcherContent, LocaleSwitcherContentProps, LocaleSwitcherContentProvider, LocaleSwitcherProps, Logo, LogoTextOnly, LogoWithText, LogoWithTextBelow, MarkDownIframe, MarkdownEditor, type MarkdownEditorProps, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileNavbar, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NodeEditor, NodeEditorProps, NumberItemsSelector, NumberItemsSelectorProps, OTPInput, OTPInputContext, OTPInputProps, Pagination, PaginationProps, PaginationSize, PaginationVariant, PanelProps, type ParsedMarkdown, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, Radio, RadioColor, RadioProps, RadioSize, RenderProps, RightDrawer, SaveForm, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, ShowingResultsNumberItemsProps, SlotProps, SmartTable, SocialNetworks, Spotlight, Step, Steps, SwitchSelector, SwitchSelectorBaseProps, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize, Tab, TabItemProps, TabProps, TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps, Table, TableProps, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, Td, TechLogo, type TechLogoName, techLogos_d_exports as TechLogos, Terminal, TerminalProps, TextArea, TextAreaProps, TextEditor, TextEditorContainer, TextEditorProps, Th, TiktokLogo, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tr, TriggerProps, type UploadImageFn, VersionSwitcher, VersionSwitcherProps, VersionSwitcherProvider, VerticalSwitchSelector, VerticalSwitchSelectorProps, WithResizer, XLogo, YoutubeLogo, badgeVariants, baseMarkdownComponents, buttonVariants, checkIsExternalLink, checkboxVariants, choiceVariant, containerVariants, createEditorUploadFn, defaultChoices, drawerManager, getCapitals, getIntlayerHTMLOptions, getIntlayerMarkdownOptions, getYoutubeEmbedUrl, getYoutubeVideoId, getYoutubeWatchUrl, indicatorVariant, inputSlotVariants, inputVariants, isTextChildren, linkVariants, paginationVariants, radioVariants, reducer, shikiWrapperClassName, switchSelectorVariant, toast, toastVariants, traceKeys, useContentEditable, useCopyToClipboard, useForm, useFormField, useIsRightDrawerOpen, useLocaleSwitcherContent, usePasswordManagerBadge, usePopoverIds, usePrevious, useRightDrawer, useRightDrawerActions, useToast, useVersionSwitcher };
+export { Accordion, AccordionProps, AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, Avatar, AvatarProps, Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, BitbucketLogo, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Browser, BrowserProps, Burger, Button, ButtonColor, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant, Carousel, Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, ClickOutsideDiv, ClickOutsideDivProps, Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, CodeHighlighted, type CodeLanguage, CollapsibleTable, CollapsibleTableProps, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, ContentEditor, ContentEditorInput, ContentEditorInputProps, ContentEditorProps, ContentEditorTextArea, ContentEditorTextAreaProps, ContentSelector, CopyButton, CopyToClipboard, CopyToClipboardProps, type CreateEditorUploadFnOptions, DesktopNavbar, DesktopThemeSwitcher, Detail, DetailProps, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, DropDownProps, DropDownType, DropDownYAlign, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, ExpandCollapseProps, FacebookLogo, FileList, FileListProps, Flag, flags_d_exports as Flags, Footer, FooterLink, Form, AutoSizedTextAreaElement as FormAutoSizedTextArea, Button as FormButton, CheckboxElement as FormCheckbox, FormControl, FormDescription, EditableFieldInputElement as FormEditableFieldInput, EditableFieldTextAreaElement as FormEditableFieldTextArea, FormElement, FormField, InputElement as FormInput, InputPasswordElement as FormInputPassword, FormItem, FormLabelLayout as FormLabel, FormMessage, MultiSelectElement as FormMultiSelect, OTPElement as FormOTP, SearchInputElement as FormSearchInput, SelectElement as FormSelect, SwitchSelectorElement as FormSwitchSelector, TextAreaElement as FormTextArea, type FormWebMCPProps, GitHubLogo, GitLabLogo, GoogleLogo, GridDistortionPattern, GridPattern, H1, H2, H3, H4, H5, H6, HTMLRenderer, HeadingProps, HeightResizer, HideShow, HideShowProps, Hr, IDE, IDEProps, InformationTag, Input, InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputProps, InputSize, InputVariant, InstagramLogo, KeyList, KeyPathBreadcrumb, KeyboardScreenAdapter, KeyboardShortcut, KeyboardShortcutProps, KeyboardShortcutType, Label, LabelProps, LanguageBackground, LanguageSection, Link, LinkColor, LinkGroup, LinkProps, LinkRoundedSize, LinkSize, LinkUnderlined, LinkVariant, LinkedInLogo, Loader, LoaderProps, LocalCardList, LocaleSwitcher, LocaleSwitcherContent, LocaleSwitcherContentProps, LocaleSwitcherContentProvider, LocaleSwitcherProps, Logo, LogoTextOnly, LogoWithText, LogoWithTextBelow, MarkDownIframe, MarkdownEditor, type MarkdownEditorProps, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileNavbar, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NodeEditor, NodeEditorProps, NumberItemsSelector, NumberItemsSelectorProps, OTPInput, OTPInputContext, OTPInputProps, Pagination, PaginationProps, PaginationSize, PaginationVariant, PanelProps, type ParsedMarkdown, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, Radio, RadioColor, RadioProps, RadioSize, RenderProps, RightDrawer, SaveForm, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, ShowingResultsNumberItemsProps, SlotProps, SmartTable, SocialNetworks, Spotlight, Step, Steps, SwitchSelector, SwitchSelectorBaseProps, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize, Tab, TabItemProps, TabProps, TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps, Table, TableProps, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, Td, TechLogo, type TechLogoName, techLogos_d_exports as TechLogos, Terminal, TerminalProps, TextArea, TextAreaProps, TextEditor, TextEditorContainer, TextEditorProps, Th, TiktokLogo, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tr, TriggerProps, type UploadImageFn, VersionSwitcher, VersionSwitcherProps, VersionSwitcherProvider, VerticalSwitchSelector, VerticalSwitchSelectorProps, WithResizer, XLogo, YoutubeLogo, badgeVariants, baseMarkdownComponents, buttonVariants, checkIsExternalLink, checkboxVariants, choiceVariant, containerVariants, createEditorUploadFn, defaultChoices, drawerManager, getCapitals, getFormWebMCPAttributes, getIntlayerHTMLOptions, getIntlayerMarkdownOptions, getYoutubeEmbedUrl, getYoutubeVideoId, getYoutubeWatchUrl, indicatorVariant, inputSlotVariants, inputVariants, isTextChildren, linkVariants, paginationVariants, radioVariants, reducer, shikiWrapperClassName, switchSelectorVariant, toast, toastVariants, traceKeys, useContentEditable, useCopyToClipboard, useForm, useFormField, useIsRightDrawerOpen, useLocaleSwitcherContent, usePasswordManagerBadge, usePopoverIds, usePrevious, useRightDrawer, useRightDrawerActions, useToast, useVersionSwitcher };

package/dist/types/hooks/index.d.ts

@@ -7,10 +7,12 @@ import { useIsMounted } from "./useIsMounted.js";
 import { useKeyboardDetector } from "./useKeyboardDetector.js";
 import { NO_HIGHLIGHTED_INDEX, UseListKeyboardNavigationProps, useListKeyboardNavigation } from "./useListKeyboardNavigation.js";
 import { usePersistedStore } from "./usePersistedStore.js";
+import { UseRemoteMcpToolsOptions, useRemoteMcpTools } from "./useRemoteMcpTools.js";
 import { useScreenWidth } from "./useScreenWidth.js";
 import { useScrollBlockage } from "./useScrollBlockage/index.js";
 import { useScrollDetection } from "./useScrollDetection.js";
 import { useScrollY } from "./useScrollY.js";
 import { useSearch } from "./useSearch.js";
 import { StickToBottomRefs, useStickToBottom } from "./useStickToBottom.js";
-export { DeviceState, HorizontalSwipeConfig, HorizontalSwipeHook, ItemSelectorOrientation, NO_HIGHLIGHTED_INDEX, SizeType, StickToBottomRefs, UseListKeyboardNavigationProps, calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice, useGetElementById, useGetElementOrWindow, useHorizontalSwipe, useIsMounted, useItemSelector, useKeyboardDetector, useListKeyboardNavigation, usePersistedStore, useScreenWidth, useScrollBlockage, useScrollDetection, useScrollY, useSearch, useStickToBottom };
+import { AnyWebMCPTool, useWebMCPTools } from "./useWebMCPTools.js";
+export { AnyWebMCPTool, DeviceState, HorizontalSwipeConfig, HorizontalSwipeHook, ItemSelectorOrientation, NO_HIGHLIGHTED_INDEX, SizeType, StickToBottomRefs, UseListKeyboardNavigationProps, UseRemoteMcpToolsOptions, calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice, useGetElementById, useGetElementOrWindow, useHorizontalSwipe, useIsMounted, useItemSelector, useKeyboardDetector, useListKeyboardNavigation, usePersistedStore, useRemoteMcpTools, useScreenWidth, useScrollBlockage, useScrollDetection, useScrollY, useSearch, useStickToBottom, useWebMCPTools };

package/dist/types/hooks/useRemoteMcpTools.d.ts

@@ -0,0 +1,18 @@
+import { WebMCPTool } from "../webmcp/types.js";
+import { CreateRemoteMcpToolsOptions } from "../webmcp/createRemoteMcpTools.js";
+//#region src/hooks/useRemoteMcpTools.d.ts
+export type UseRemoteMcpToolsOptions = Partial<Omit<CreateRemoteMcpToolsOptions, 'signal'>>;
+/**
+ * Bridges the tools of a remote MCP server into the page, so an agent in the
+ * browser gets the same retrieval an IDE agent has, without the page
+ * re-implementing them.
+ *
+ * Defaults to the documentation tools of the Intlayer MCP server. Discovery
+ * runs once per `serverUrl`; the other options are read at that moment.
+ *
+ * @returns The wrapped tools, empty until discovery completes or when no
+ *   browser agent could use them.
+ */
+export declare const useRemoteMcpTools: (options?: UseRemoteMcpToolsOptions) => WebMCPTool[];
+//#endregion
+//# sourceMappingURL=useRemoteMcpTools.d.ts.map

package/dist/types/hooks/useRemoteMcpTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRemoteMcpTools.d.ts","names":[],"sources":["../../../src/hooks/useRemoteMcpTools.ts"],"mappings":";;;YA8BY,2BAA2B,QACrC,KAAK;;;;;;;;;;;;qBAcM,oBAAiB,UACnB,6BACR"}

package/dist/types/hooks/useWebMCPTools.d.ts

@@ -0,0 +1,22 @@
+import { WebMCPTool } from "../webmcp/types.js";
+//#region src/hooks/useWebMCPTools.d.ts
+/**
+ * A tool of any input type. `never` is assignable from every input, so tools
+ * declared with a precise input type fit in one list; the browser hands each
+ * `execute` the object it parsed from the agent's JSON.
+ */
+export type AnyWebMCPTool = WebMCPTool<never>;
+/**
+ * Exposes tools to browser agents for as long as the calling component is
+ * mounted, which scopes page-specific tools (a formatter, a scanner) to the
+ * page they belong to.
+ *
+ * Registration happens once per distinct tool set; `execute` handlers are
+ * read through a ref, so tools may close over fresh React state without being
+ * re-registered on every render. Renders nothing on the server.
+ *
+ * @param tools - Tools to expose while mounted.
+ */
+export declare const useWebMCPTools: (tools: AnyWebMCPTool[]) => void;
+//#endregion
+//# sourceMappingURL=useWebMCPTools.d.ts.map

package/dist/types/hooks/useWebMCPTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebMCPTools.d.ts","names":[],"sources":["../../../src/hooks/useWebMCPTools.ts"],"mappings":";;;;;;;YAWY,gBAAgB;;;;;;;;;;;;qBAwBf,iBAAc,OAAW"}

package/dist/types/libs/auth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth.d.ts","names":[],"sources":["../../../src/libs/auth.ts"],"mappings":";;cAYM,gBAAa;KAuBd,aAAa,kBAAkB;iBAEnB;EACf,qBAAqB;EACrB,aAAa;EACb,aAAa;EACb,SAAS;EACT,cAAc;EACd,YAAY;EACZ,uBAAuB;EACvB,6BAA6B;EAC7B,eAAe;EACf,oBAAoB;EACpB,YAAY;EACZ,gBAAgB;EAChB,uBAAuB;EACvB,aAAa;EACb,YAAY;EACZ,eAAe;EACf,gBAAgB;EAChB,qBAAqB;EACrB,cAAc;EACd,eAAe;EACf,cAAc;EACd,gBAAgB;EAChB,aAAa;EACb,YAAY;EACZ,cAAc;EACd,iBAAiB;EACjB,kBAAkB;EAClB,YAAY;EACZ,kBAAkB;EAClB,YAAY;EACZ,eAAe;EACf,eAAe;EACf,oBAAoB;EACpB,kBAEE;IAAS;IAAe;;EAE1B,aAAa;EACb,wBAAwB;EACxB,oBAAoB;IAAQ;QAAyB;EACrD,WAAW;EACX,oBAAoB;EACpB,kBAAkB;EAClB,qBAAqB;;qBAGV,aAAU,iBACJ,KAAK,8BACrB"}
+{"version":3,"file":"auth.d.ts","names":[],"sources":["../../../src/libs/auth.ts"],"mappings":";;cAaM,gBAAa;KAwBd,aAAa,kBAAkB;iBAEnB;EACf,qBAAqB;EACrB,aAAa;EACb,aAAa;EACb,SAAS;EACT,cAAc;EACd,YAAY;EACZ,uBAAuB;EACvB,6BAA6B;EAC7B,eAAe;EACf,oBAAoB;EACpB,YAAY;EACZ,gBAAgB;EAChB,uBAAuB;EACvB,aAAa;EACb,YAAY;EACZ,eAAe;EACf,gBAAgB;EAChB,qBAAqB;EACrB,cAAc;EACd,eAAe;EACf,cAAc;EACd,gBAAgB;EAChB,aAAa;EACb,YAAY;EACZ,cAAc;EACd,iBAAiB;EACjB,kBAAkB;EAClB,YAAY;EACZ,kBAAkB;EAClB,YAAY;EACZ,eAAe;EACf,eAAe;EACf,oBAAoB;EACpB,kBAEE;IAAS;IAAe;;EAE1B,aAAa;EACb,wBAAwB;EACxB,oBAAoB;IAAQ;QAAyB;EACrD,WAAW;EACX,oBAAoB;EACpB,kBAAkB;EAClB,qBAAqB;;qBAGV,aAAU,iBACJ,KAAK,8BACrB"}

package/dist/types/webmcp/createRemoteMcpTools.d.ts

@@ -0,0 +1,52 @@
+import { WebMCPJsonSchema, WebMCPTool, WebMCPToolAnnotations } from "./types.js";
+//#region src/webmcp/createRemoteMcpTools.d.ts
+/** A tool as described by an MCP server's `tools/list` response. */
+export type RemoteMcpToolDescriptor = {
+  name: string;
+  title?: string;
+  description?: string;
+  inputSchema?: WebMCPJsonSchema;
+  annotations?: WebMCPToolAnnotations;
+};
+/** Text-bearing entry of an MCP `tools/call` result. */
+type RemoteMcpContent = {
+  type: string;
+  text?: string;
+};
+type RemoteMcpToolCallResult = {
+  content?: RemoteMcpContent[];
+  isError?: boolean;
+};
+export type CreateRemoteMcpToolsOptions = {
+  /** Streamable-HTTP endpoint of the MCP server (`https://mcp.intlayer.org`). */
+  serverUrl: string;
+  /**
+   * Keeps only the tools worth exposing to a browser agent. Defaults to
+   * read-only tools, which excludes anything needing credentials.
+   */
+  filter?: (tool: RemoteMcpToolDescriptor) => boolean;
+  /** Prepended to every tool name to avoid collisions with page tools. */
+  namePrefix?: string;
+  /**
+   * Rewrites a server tool name before it is exposed, e.g. to camelCase a
+   * kebab-case name. The server still receives the original name.
+   */
+  renameTool?: (name: string) => string;
+  /** Aborts the discovery request. */
+  signal?: AbortSignal;
+  /** Injectable for tests. Defaults to the global `fetch`. */
+  fetch?: typeof globalThis.fetch;
+};
+/** Flattens an MCP tool result into the text an agent can read. */
+export declare const formatRemoteMcpResult: (result: RemoteMcpToolCallResult) => string;
+/**
+ * Discovers the tools of a remote MCP server and wraps each as a WebMCP tool
+ * forwarding its calls, so a page can expose an existing MCP server (the
+ * Intlayer documentation server, for instance) to browser agents without
+ * re-implementing its tools.
+ *
+ * @returns The wrapped tools, ready for `registerWebMCPTools`.
+ */
+export declare const createRemoteMcpTools: ({ serverUrl, filter, namePrefix, renameTool, signal, fetch: fetchImplementation }: CreateRemoteMcpToolsOptions) => Promise<WebMCPTool[]>;
+//#endregion
+//# sourceMappingURL=createRemoteMcpTools.d.ts.map

package/dist/types/webmcp/createRemoteMcpTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRemoteMcpTools.d.ts","names":[],"sources":["../../../src/webmcp/createRemoteMcpTools.ts"],"mappings":";;;YAOY;EACV;EACA;EACA;EACA,cAAc;EACd,cAAc;;;KAIX;EAAqB;EAAc;;KAEnC;EACH,UAAU;EACV;;YAUU;;EAEV;;;;;EAKA,UAAU,MAAM;;EAEhB;;;;;EAKA,cAAc;;EAEd,SAAS;;EAET,eAAe,WAAW;;;qBAgDf,wBAAqB,QACxB;;;;;;;;;qBAsBG,yBAAoB,WAAA,QAAA,YAAA,YAAA,QAAA,OAAA,uBAO9B,gCAA8B,QAAQ"}

package/dist/types/webmcp/getModelContext.d.ts

@@ -0,0 +1,18 @@
+import { ModelContext } from "./types.js";
+//#region src/webmcp/getModelContext.d.ts
+/**
+ * Resolves the WebMCP entry point exposed by the current browser, if any.
+ *
+ * Candidates are probed in order: `navigator.modelContextTesting` (Chrome with
+ * the `#enable-webmcp-testing` flag), `navigator.modelContext` (Chrome early
+ * preview / origin trial) and `document.modelContext` (W3C draft). Only an
+ * object able to register tools is returned, so callers can rely on
+ * `registerTool` being present.
+ *
+ * @returns The model context, or `null` outside a supporting browser.
+ */
+export declare const getModelContext: () => ModelContext | null;
+/** Whether the current browser exposes a usable WebMCP entry point. */
+export declare const isWebMCPAvailable: () => boolean;
+//#endregion
+//# sourceMappingURL=getModelContext.d.ts.map

package/dist/types/webmcp/getModelContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getModelContext.d.ts","names":[],"sources":["../../../src/webmcp/getModelContext.ts"],"mappings":";;;;;;;;;;;;;qBAaa,uBAAsB;;qBAuBtB"}

package/dist/types/webmcp/index.d.ts

@@ -0,0 +1,5 @@
+import { ModelContext, ModelContextHost, WebMCPJsonSchema, WebMCPRegisterToolOptions, WebMCPTool, WebMCPToolAnnotations, WebMCPToolExecuteOptions, WebMCPToolResult } from "./types.js";
+import { CreateRemoteMcpToolsOptions, RemoteMcpToolDescriptor, createRemoteMcpTools, formatRemoteMcpResult } from "./createRemoteMcpTools.js";
+import { getModelContext, isWebMCPAvailable } from "./getModelContext.js";
+import { formatToolResult, registerWebMCPTools } from "./registerWebMCPTools.js";
+export { type CreateRemoteMcpToolsOptions, type ModelContext, type ModelContextHost, type RemoteMcpToolDescriptor, type WebMCPJsonSchema, type WebMCPRegisterToolOptions, type WebMCPTool, type WebMCPToolAnnotations, type WebMCPToolExecuteOptions, type WebMCPToolResult, createRemoteMcpTools, formatRemoteMcpResult, formatToolResult, getModelContext, isWebMCPAvailable, registerWebMCPTools };

package/dist/types/webmcp/registerWebMCPTools.d.ts

@@ -0,0 +1,19 @@
+import { ModelContext, WebMCPTool, WebMCPToolResult } from "./types.js";
+//#region src/webmcp/registerWebMCPTools.d.ts
+/** Serializes a tool result the way the browser would, for logging and errors. */
+export declare const formatToolResult: (result: WebMCPToolResult) => string;
+/**
+ * Registers tools with the WebMCP API and returns a function undoing it.
+ *
+ * Unregistration goes through `unregisterTool(name)` when the browser has it,
+ * and through the `AbortSignal` handed to `registerTool` otherwise. Without a
+ * model context the call is a no-op returning a no-op, so callers do not need
+ * to feature-detect.
+ *
+ * @param tools - Tools to expose. Names must be unique within the page.
+ * @param modelContext - Defaults to the entry point of the current browser.
+ * @returns A cleanup function removing every tool this call registered.
+ */
+export declare const registerWebMCPTools: (tools: WebMCPTool<never>[], modelContext?: ModelContext | null) => (() => void);
+//#endregion
+//# sourceMappingURL=registerWebMCPTools.d.ts.map

package/dist/types/webmcp/registerWebMCPTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerWebMCPTools.d.ts","names":[],"sources":["../../../src/webmcp/registerWebMCPTools.ts"],"mappings":";;;qBASa,mBAAgB,QAAY;;;;;;;;;;;;;qBA+B5B,sBAAmB,OACvB,qBAAmB,eACZ"}

package/dist/types/webmcp/types.d.ts

@@ -0,0 +1,74 @@
+//#region src/webmcp/types.d.ts
+/**
+ * Minimal typings for the WebMCP browser API.
+ *
+ * The API is still evolving: Chrome's early preview exposes
+ * `navigator.modelContext` (with `registerTool` / `unregisterTool` /
+ * `provideContext` / `clearContext`), the `chrome://flags/#enable-webmcp-testing`
+ * flag adds `navigator.modelContextTesting`, and the W3C draft moves the entry
+ * point to `document.modelContext` with an `AbortSignal` based unregistration.
+ * Every member is optional so a single adapter can drive all three shapes.
+ *
+ * @see https://webmachinelearning.github.io/webmcp/
+ */
+/** JSON Schema describing a tool's input object. */
+export type WebMCPJsonSchema = Record<string, unknown>;
+/**
+ * Hints letting an agent decide whether a call needs user confirmation.
+ *
+ * `readOnlyHint`, `untrustedContentHint` and `consequentialHint` are the
+ * WebMCP ones; the rest mirror MCP tool annotations so a bridged MCP tool
+ * keeps its hints.
+ */
+export type WebMCPToolAnnotations = {
+  /** The tool does not modify anything. */
+  readOnlyHint?: boolean;
+  /** The result carries content the page does not control (user data, remote text). */
+  untrustedContentHint?: boolean;
+  /** The tool performs an action that is hard to undo. */
+  consequentialHint?: boolean;
+  /** The tool may delete or irreversibly alter data (MCP). */
+  destructiveHint?: boolean;
+  /** Repeating the call with the same input has no additional effect (MCP). */
+  idempotentHint?: boolean;
+  /** The tool reaches beyond the page, e.g. a third-party website (MCP). */
+  openWorldHint?: boolean;
+};
+export type WebMCPToolExecuteOptions = {
+  signal?: AbortSignal;
+};
+/**
+ * The value returned by a tool. Strings are handed to the agent verbatim,
+ * anything else is JSON-serialized by the browser.
+ */
+export type WebMCPToolResult = string | Record<string, unknown> | unknown[];
+/** A tool an agent can invoke through the WebMCP browser API. */
+export type WebMCPTool<TInput = Record<string, unknown>> = {
+  /** 1–128 chars, ASCII alphanumeric plus `_`, `-` and `.`. */
+  name: string;
+  title?: string;
+  description: string;
+  inputSchema?: WebMCPJsonSchema;
+  annotations?: WebMCPToolAnnotations;
+  execute: (input: TInput, options?: WebMCPToolExecuteOptions) => Promise<WebMCPToolResult> | WebMCPToolResult;
+};
+export type WebMCPRegisterToolOptions = {
+  /** Aborting unregisters the tool (W3C draft shape). */
+  signal?: AbortSignal;
+};
+/** The subset of the `ModelContext` interface this package relies on. */
+export type ModelContext = {
+  registerTool?: (tool: WebMCPTool<never>, options?: WebMCPRegisterToolOptions) => void | Promise<void>;
+  unregisterTool?: (name: string) => void | Promise<void>;
+  provideContext?: (context: {
+    tools: WebMCPTool<never>[];
+  }) => void;
+  clearContext?: () => void;
+};
+/** `Navigator` and `Document` as extended by the WebMCP proposals. */
+export type ModelContextHost = {
+  modelContextTesting?: ModelContext;
+  modelContext?: ModelContext;
+};
+//#endregion
+//# sourceMappingURL=types.d.ts.map

package/dist/types/webmcp/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/webmcp/types.ts"],"mappings":";;;;;;;;;;;;;;YAcY,mBAAmB;;;;;;;;YASnB;;EAEV;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;YAGU;EACV,SAAS;;;;;;YAOC,4BAA4B;;YAG5B,WAAW,SAAS;;EAE9B;EACA;EACA;EACA,cAAc;EACd,cAAc;EACd,UACE,OAAO,QACP,UAAU,6BACP,QAAQ,oBAAoB;;YAGvB;;EAEV,SAAS;;;YAIC;EACV,gBACE,MAAM,mBACN,UAAU,qCACA;EACZ,kBAAkB,wBAAwB;EAC1C,kBAAkB;IAAW,OAAO;;EACpC;;;YAIU;EACV,sBAAsB;EACtB,eAAe"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "9.5.2",
+  "version": "9.5.4-canary.0",
   "private": false,
   "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
@@ -68,6 +68,11 @@
       "import": "./dist/esm/routes.mjs",
       "default": "./dist/esm/routes.mjs"
     },
+    "./webmcp": {
+      "types": "./dist/types/webmcp/index.d.ts",
+      "import": "./dist/esm/webmcp/index.mjs",
+      "default": "./dist/esm/webmcp/index.mjs"
+    },
     "./structured-data": {
       "types": "./dist/types/structured-data/index.d.ts",
       "import": "./dist/esm/structured-data/index.mjs",
@@ -444,6 +449,7 @@
     "preview": "bun --bun vite preview",
     "publish": "bun publish || true",
     "publish:canary": "bun publish --access public --tag canary || true",
+    "publish:ci": "bun ../../../scripts/publish-package.mjs",
     "publish:latest": "bun publish --access public --tag latest || true",
     "start": "bun storybook -p 6006 --no-open --host 0.0.0.0",
     "start:serve": "bun x serve ./storybook-static -l 6006",
@@ -455,23 +461,23 @@
     "typecheck_": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@better-auth/passkey": "1.7.4",
-    "@better-auth/sso": "1.7.4",
-    "@intlayer/api": "9.5.2",
-    "@intlayer/config": "9.5.2",
-    "@intlayer/core": "9.5.2",
-    "@intlayer/dictionaries-entry": "9.5.2",
-    "@intlayer/editor-react": "9.5.2",
-    "@intlayer/engine": "9.5.2",
-    "@intlayer/types": "9.5.2",
+    "@better-auth/passkey": "1.7.5",
+    "@better-auth/sso": "1.7.5",
+    "@intlayer/api": "9.5.4-canary.0",
+    "@intlayer/config": "9.5.4-canary.0",
+    "@intlayer/core": "9.5.4-canary.0",
+    "@intlayer/dictionaries-entry": "9.5.4-canary.0",
+    "@intlayer/editor-react": "9.5.4-canary.0",
+    "@intlayer/engine": "9.5.4-canary.0",
+    "@intlayer/types": "9.5.4-canary.0",
     "@radix-ui/react-dialog": "1.1.23",
     "@radix-ui/react-select": "2.3.7",
     "@radix-ui/react-slot": "1.3.3",
     "@radix-ui/react-toast": "1.2.23",
     "@tailwindcss/aspect-ratio": "0.4.2",
-    "@tanstack/query-async-storage-persister": "5.102.8",
-    "@tanstack/react-query-persist-client": "5.102.8",
-    "@tanstack/react-virtual": "3.14.12",
+    "@tanstack/query-async-storage-persister": "5.103.1",
+    "@tanstack/react-query-persist-client": "5.103.1",
+    "@tanstack/react-virtual": "3.14.13",
     "@tiptap/core": "3.31.3",
     "@tiptap/extension-character-count": "3.31.3",
     "@tiptap/extension-code-block": "3.31.3",
@@ -490,22 +496,22 @@
     "@tiptap/react": "3.31.3",
     "@tiptap/starter-kit": "3.31.3",
     "@tiptap/suggestion": "3.31.3",
-    "better-auth": "1.7.4",
+    "better-auth": "1.7.5",
     "class-variance-authority": "0.7.1",
     "cmdk": "1.1.1",
     "cnfast": "0.2.0",
     "defu": "6.1.7",
     "dompurify": "3.4.15",
-    "isomorphic-dompurify": "4.1.0",
-    "react-intlayer": "9.5.2",
+    "isomorphic-dompurify": "4.2.0",
+    "react-intlayer": "9.5.4-canary.0",
     "rollup-preserve-directives": "1.1.3",
     "tiptap-extension-global-drag-handle": "^0.1.18",
     "tiptap-markdown": "^0.9.0",
     "tunnel-rat": "^0.1.2",
-    "zod": "4.6.2"
+    "zod": "4.6.5"
   },
   "devDependencies": {
-    "@intlayer/backend": "9.5.2",
+    "@intlayer/backend": "9.5.4-canary.0",
     "@shikijs/core": "4.4.3",
     "@shikijs/engine-oniguruma": "4.4.3",
     "@shikijs/transformers": "4.4.3",
@@ -532,35 +538,35 @@
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",
     "fast-glob": "3.3.3",
-    "intlayer": "9.5.2",
+    "intlayer": "9.5.4-canary.0",
     "rimraf": "6.1.3",
     "shiki": "4.4.3",
     "storybook": "10.6.0",
     "tsdown": "0.23.0",
     "typescript": "7.0.2",
     "vite": "8.3.0",
-    "vite-intlayer": "9.5.2",
+    "vite-intlayer": "9.5.4-canary.0",
     "vite-plugin-dts": "5.1.0",
-    "vitest": "5.0.0"
+    "vitest": "5.0.1"
   },
   "peerDependencies": {
-    "@better-fetch/fetch": "1.3.1",
+    "@better-fetch/fetch": "1.3.2",
     "@hookform/resolvers": "5.9.1",
-    "@intlayer/backend": "9.5.2",
+    "@intlayer/backend": "9.5.4-canary.0",
     "@monaco-editor/react": "4.7.0",
     "@shikijs/core": "4.4.3",
     "@shikijs/engine-oniguruma": "4.4.3",
     "@shikijs/transformers": "4.4.3",
-    "@tanstack/react-query": "5.102.8",
-    "@tanstack/react-query-devtools": "5.102.8",
-    "framer-motion": "13.2.0",
+    "@tanstack/react-query": "5.103.1",
+    "@tanstack/react-query-devtools": "5.103.1",
+    "framer-motion": "13.4.0",
     "fuse.js": "7.5.0",
-    "intlayer": "9.5.2",
-    "lucide-react": "1.45.0",
+    "intlayer": "9.5.4-canary.0",
+    "lucide-react": "1.47.0",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
-    "react-hook-form": "7.87.0",
-    "react-intlayer": "9.5.2",
+    "react-hook-form": "7.88.0",
+    "react-intlayer": "9.5.4-canary.0",
     "shiki": "4.4.3",
     "tailwindcss": "4.3.3"
   },