@uipath/apollo-wind 2.67.1 → 2.69.0

package/dist/components/ui/markdown.js

@@ -0,0 +1,378 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useId, useMemo } from "react";
+import react_markdown from "react-markdown";
+import rehype_katex from "rehype-katex";
+import remark_gfm from "remark-gfm";
+import remark_math from "remark-math";
+import { CodeBlock, DEFAULT_CODE_BLOCK_STRINGS } from "./code-block.js";
+import { cn } from "../../lib/index.js";
+function hastText(node) {
+    if ('text' === node.type) return node.value ?? '';
+    return (node.children ?? []).map(hastText).join('');
+}
+function languageOf(node) {
+    const className = node.properties?.className;
+    const classes = Array.isArray(className) ? className.map(String) : [];
+    return classes.find((name)=>name.startsWith('language-'))?.slice('language-'.length);
+}
+const opensInNewTab = (href)=>!!href && !/^(#|mailto:|tel:)/i.test(href);
+const BR_TAG = /^<br\s*\/?>$/i;
+function remarkHtmlBreaks() {
+    const visit = (node)=>{
+        if (!node.children) return;
+        node.children = node.children.map((child)=>'html' === child.type && BR_TAG.test(child.value?.trim() ?? '') ? {
+                type: 'break'
+            } : child);
+        node.children.forEach(visit);
+    };
+    return (tree)=>visit(tree);
+}
+const CURSOR_CONTAINERS = new Set([
+    'ul',
+    'ol',
+    'li',
+    'blockquote',
+    'table',
+    'thead',
+    'tbody',
+    'tr'
+]);
+const CURSOR_TEXT_BLOCKS = new Set([
+    'p',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'td',
+    'th'
+]);
+const CURSOR_CLASS = 'ml-0.5 inline-block h-[1.1em] w-[0.45em] translate-y-[0.2em] rounded-[1px] bg-foreground animate-pulse motion-reduce:animate-none';
+function lastContent(node) {
+    const children = node.children ?? [];
+    for(let i = children.length - 1; i >= 0; i--){
+        const child = children[i];
+        if ('element' === child.type) return child;
+        if ('text' === child.type && child.value?.trim()) return child;
+    }
+}
+function findCursorHost(root) {
+    let node = root;
+    for(;;){
+        const last = lastContent(node);
+        if (last?.type !== 'element' || !last.tagName) return node;
+        if (CURSOR_TEXT_BLOCKS.has(last.tagName)) return last;
+        if (!CURSOR_CONTAINERS.has(last.tagName)) return node;
+        node = last;
+    }
+}
+function rehypeStreamingCursor() {
+    return (tree)=>{
+        const host = findCursorHost(tree);
+        host.children = [
+            ...host.children ?? [],
+            {
+                type: 'element',
+                tagName: 'span',
+                properties: {
+                    dataSlot: 'markdown-cursor',
+                    ariaHidden: 'true',
+                    className: [
+                        CURSOR_CLASS
+                    ]
+                },
+                children: []
+            }
+        ];
+    };
+}
+function rehypeScopeFootnoteLabel(options) {
+    const LABEL = 'footnote-label';
+    const scoped = `${options.prefix}${LABEL}`;
+    const visit = (node)=>{
+        const properties = node.properties;
+        if (properties?.id === LABEL) properties.id = scoped;
+        if (properties && Array.isArray(properties.ariaDescribedBy)) properties.ariaDescribedBy = properties.ariaDescribedBy.map((ref)=>ref === LABEL ? scoped : ref);
+        node.children?.forEach(visit);
+    };
+    return (tree)=>visit(tree);
+}
+const DEFAULT_MARKDOWN_STRINGS = {
+    ...DEFAULT_CODE_BLOCK_STRINGS,
+    footnotes: 'Footnotes',
+    footnoteBack: 'Back to content',
+    taskDone: 'Done',
+    taskOpen: 'Not done'
+};
+function isAllowedImageSrc(src, policy) {
+    if ('none' === policy) return false;
+    if ('all' === policy) return true;
+    if ('function' == typeof policy) return policy(src);
+    try {
+        const base = "u" < typeof window ? 'https://relative.invalid' : window.location.href;
+        return new URL(src, base).origin === new URL(base).origin;
+    } catch  {
+        return false;
+    }
+}
+const MarkdownContext = /*#__PURE__*/ createContext({
+    strings: DEFAULT_MARKDOWN_STRINGS,
+    images: 'none',
+    codeWrap: false
+});
+const InsideLinkContext = /*#__PURE__*/ createContext(false);
+const LINK_CLASS = 'font-medium text-foreground-link underline underline-offset-2 hover:no-underline';
+function MarkdownLink({ node: _node, className, href, children, ...rest }) {
+    return /*#__PURE__*/ jsx("a", {
+        href: href,
+        className: cn(LINK_CLASS, className),
+        ...opensInNewTab(href) ? {
+            target: '_blank',
+            rel: 'noreferrer'
+        } : {},
+        ...rest,
+        children: /*#__PURE__*/ jsx(InsideLinkContext.Provider, {
+            value: true,
+            children: children
+        })
+    });
+}
+function MarkdownImage({ node: _node, className, alt, src, ...rest }) {
+    const { images } = useContext(MarkdownContext);
+    const insideLink = useContext(InsideLinkContext);
+    const source = 'string' == typeof src ? src : '';
+    if (source && isAllowedImageSrc(source, images)) return /*#__PURE__*/ jsx("img", {
+        alt: alt ?? '',
+        src: source,
+        loading: "lazy",
+        referrerPolicy: "no-referrer",
+        className: cn('h-auto max-w-full rounded-md', className),
+        ...rest
+    });
+    const label = alt || source;
+    if (insideLink || !source) return /*#__PURE__*/ jsx("span", {
+        "data-slot": "markdown-image-text",
+        children: label
+    });
+    return /*#__PURE__*/ jsx("a", {
+        "data-slot": "markdown-image-link",
+        href: source,
+        target: "_blank",
+        rel: "noreferrer",
+        className: LINK_CLASS,
+        children: label
+    });
+}
+function MarkdownInput({ node: _node, className, type, checked, ...rest }) {
+    const { strings } = useContext(MarkdownContext);
+    if ('checkbox' !== type) return /*#__PURE__*/ jsx("input", {
+        type: type,
+        className: className,
+        ...rest
+    });
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("input", {
+                type: "checkbox",
+                checked: checked,
+                "aria-hidden": "true",
+                tabIndex: -1,
+                className: cn('mr-2 size-3.5 translate-y-0.5 accent-primary', className),
+                ...rest
+            }),
+            /*#__PURE__*/ jsxs("span", {
+                "data-slot": "markdown-task-state",
+                className: "sr-only",
+                children: [
+                    checked ? strings.taskDone : strings.taskOpen,
+                    ' '
+                ]
+            })
+        ]
+    });
+}
+function MarkdownPre({ node, children, ...rest }) {
+    const { strings, codeWrap, renderCodeActions } = useContext(MarkdownContext);
+    const codeNode = node?.children?.find((child)=>'element' === child.type && 'code' === child.tagName);
+    if (!codeNode) return /*#__PURE__*/ jsx("pre", {
+        ...rest,
+        children: children
+    });
+    const block = {
+        code: hastText(codeNode).replace(/\n$/, ''),
+        language: languageOf(codeNode)
+    };
+    return /*#__PURE__*/ jsx(CodeBlock, {
+        code: block.code,
+        language: block.language,
+        wrap: codeWrap,
+        actions: renderCodeActions?.(block),
+        strings: strings
+    });
+}
+const BUILT_IN_COMPONENTS = {
+    h1: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h1", {
+            className: cn('text-xl font-semibold tracking-tight', className),
+            ...rest
+        }),
+    h2: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h2", {
+            className: cn('text-lg font-semibold tracking-tight', className),
+            ...rest
+        }),
+    h3: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h3", {
+            className: cn('text-base font-semibold', className),
+            ...rest
+        }),
+    h4: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h4", {
+            className: cn('text-sm font-semibold', className),
+            ...rest
+        }),
+    h5: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h5", {
+            className: cn('text-sm font-semibold', className),
+            ...rest
+        }),
+    h6: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h6", {
+            className: cn('text-sm font-semibold text-muted-foreground', className),
+            ...rest
+        }),
+    p: ({ node: _node, ...rest })=>/*#__PURE__*/ jsx("p", {
+            ...rest
+        }),
+    a: MarkdownLink,
+    ul: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("ul", {
+            className: cn('flex flex-col gap-1 pl-6', className?.includes('contains-task-list') ? 'list-none pl-1' : 'list-disc', 'marker:text-muted-foreground', className),
+            ...rest
+        }),
+    ol: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("ol", {
+            className: cn('flex list-decimal flex-col gap-1 pl-6 marker:text-muted-foreground', className),
+            ...rest
+        }),
+    li: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("li", {
+            className: cn('pl-1 [&>ol]:mt-1 [&>p+p]:mt-2 [&>ul]:mt-1 [&>ul.contains-task-list]:pl-6', className),
+            ...rest
+        }),
+    input: MarkdownInput,
+    blockquote: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("blockquote", {
+            className: cn('flex flex-col gap-2 border-l-2 border-border pl-4 text-muted-foreground', className),
+            ...rest
+        }),
+    hr: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("hr", {
+            className: cn('border-border-subtle', className),
+            ...rest
+        }),
+    img: MarkdownImage,
+    table: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("div", {
+            "data-slot": "markdown-table",
+            tabIndex: 0,
+            className: "max-w-full overflow-x-auto rounded-lg border border-border-subtle outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            children: /*#__PURE__*/ jsx("table", {
+                className: cn('w-full border-collapse text-left [&_tr:last-child>td]:border-b-0', className),
+                ...rest
+            })
+        }),
+    th: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("th", {
+            className: cn('border-b border-border-subtle bg-surface-overlay px-3 py-2 font-semibold', className),
+            ...rest
+        }),
+    td: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("td", {
+            className: cn('border-b border-border-subtle px-3 py-2 align-top', className),
+            ...rest
+        }),
+    code: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("code", {
+            className: cn('rounded-md bg-surface-overlay px-1.5 py-0.5 font-mono text-[0.875em]', className),
+            ...rest
+        }),
+    pre: MarkdownPre
+};
+const Markdown = /*#__PURE__*/ forwardRef(({ children, components, remarkPlugins, rehypePlugins, streaming = false, images = 'none', codeWrap = false, renderCodeActions, strings, className, ...props }, ref)=>{
+    const context = useMemo(()=>({
+            strings: {
+                ...DEFAULT_MARKDOWN_STRINGS,
+                ...strings
+            },
+            images,
+            codeWrap,
+            renderCodeActions
+        }), [
+        strings,
+        images,
+        codeWrap,
+        renderCodeActions
+    ]);
+    const { footnotes, footnoteBack } = context.strings;
+    const footnotePrefix = `markdown${useId().replace(/[^\w-]/g, '')}-`;
+    const mergedComponents = useMemo(()=>components ? {
+            ...BUILT_IN_COMPONENTS,
+            ...components
+        } : BUILT_IN_COMPONENTS, [
+        components
+    ]);
+    const mergedRemarkPlugins = useMemo(()=>[
+            remark_gfm,
+            [
+                remark_math,
+                {
+                    singleDollarTextMath: false
+                }
+            ],
+            remarkHtmlBreaks,
+            ...remarkPlugins ?? []
+        ], [
+        remarkPlugins
+    ]);
+    const mergedRehypePlugins = useMemo(()=>[
+            [
+                rehypeScopeFootnoteLabel,
+                {
+                    prefix: footnotePrefix
+                }
+            ],
+            [
+                rehype_katex,
+                {
+                    output: 'mathml',
+                    throwOnError: false,
+                    trust: false,
+                    strict: 'ignore'
+                }
+            ],
+            ...rehypePlugins ?? [],
+            ...streaming ? [
+                rehypeStreamingCursor
+            ] : []
+        ], [
+        rehypePlugins,
+        streaming,
+        footnotePrefix
+    ]);
+    const remarkRehypeOptions = useMemo(()=>({
+            clobberPrefix: footnotePrefix,
+            footnoteLabel: footnotes,
+            footnoteBackLabel: footnoteBack
+        }), [
+        footnotePrefix,
+        footnotes,
+        footnoteBack
+    ]);
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "markdown",
+        "data-streaming": streaming || void 0,
+        "aria-busy": streaming || void 0,
+        className: cn('flex min-w-0 flex-col gap-3 text-sm leading-relaxed break-words text-foreground [&_math]:text-[1.15em] [&>.katex]:overflow-x-auto [&>.katex]:py-1', className),
+        ...props,
+        children: /*#__PURE__*/ jsx(MarkdownContext.Provider, {
+            value: context,
+            children: /*#__PURE__*/ jsx(react_markdown, {
+                components: mergedComponents,
+                remarkPlugins: mergedRemarkPlugins,
+                rehypePlugins: mergedRehypePlugins,
+                remarkRehypeOptions: remarkRehypeOptions,
+                children: children
+            })
+        })
+    });
+});
+Markdown.displayName = 'Markdown';
+export { DEFAULT_MARKDOWN_STRINGS, Markdown };

package/dist/components/ui/panel-tabs.cjs

@@ -0,0 +1,99 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    PanelTabsList: ()=>PanelTabsList,
+    PanelTabsStrip: ()=>PanelTabsStrip,
+    PanelTabs: ()=>PanelTabs,
+    PanelTabsTrigger: ()=>PanelTabsTrigger,
+    PanelTabsContent: ()=>PanelTabsContent
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const external_tabs_cjs_namespaceObject = require("./tabs.cjs");
+const PanelTabs = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tabs_cjs_namespaceObject.Tabs, {
+        ref: ref,
+        "data-slot": "panel-tabs",
+        className: (0, index_cjs_namespaceObject.cn)('flex min-h-0 flex-1 flex-col gap-1', className),
+        ...props
+    }));
+PanelTabs.displayName = 'PanelTabs';
+const PanelTabsStrip = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, containerClassName, scrollButtonClassName, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tabs_cjs_namespaceObject.ScrollableTabsList, {
+        ref: ref,
+        "data-slot": "panel-tabs-strip",
+        containerClassName: (0, index_cjs_namespaceObject.cn)('w-auto', containerClassName),
+        className: (0, index_cjs_namespaceObject.cn)('h-auto justify-start gap-0.5 rounded-lg bg-transparent p-0 text-muted-foreground', className),
+        scrollButtonClassName: (0, index_cjs_namespaceObject.cn)('size-6 hover:bg-surface-overlay', scrollButtonClassName),
+        ...props
+    }));
+PanelTabsStrip.displayName = 'PanelTabsStrip';
+const PanelTabsList = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ trailing, rowClassName, className, containerClassName, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        "data-slot": "panel-tabs-list",
+        className: (0, index_cjs_namespaceObject.cn)('flex shrink-0 items-center gap-2 pt-3 pb-0.5 [padding-inline:var(--mf-content-inset,0px)]', rowClassName),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PanelTabsStrip, {
+                ref: ref,
+                className: className,
+                containerClassName: (0, index_cjs_namespaceObject.cn)('flex-1', containerClassName),
+                ...props
+            }),
+            trailing
+        ]
+    }));
+PanelTabsList.displayName = 'PanelTabsList';
+const PanelTabsTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tabs_cjs_namespaceObject.TabsTrigger, {
+        ref: ref,
+        "data-slot": "panel-tabs-trigger",
+        className: (0, index_cjs_namespaceObject.cn)('inline-flex h-6 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-md px-2.5 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
+        ...props
+    }));
+PanelTabsTrigger.displayName = 'PanelTabsTrigger';
+const PanelTabsContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ padded = true, innerClassName, className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tabs_cjs_namespaceObject.TabsContent, {
+        ref: ref,
+        "data-slot": "panel-tabs-content",
+        className: (0, index_cjs_namespaceObject.cn)('mt-0 min-h-0 flex-1 overflow-auto', className),
+        ...props,
+        children: padded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: (0, index_cjs_namespaceObject.cn)('pt-1.5 pb-6 [padding-inline:var(--mf-content-inset,0px)]', innerClassName),
+            children: children
+        }) : children
+    }));
+PanelTabsContent.displayName = 'PanelTabsContent';
+exports.PanelTabs = __webpack_exports__.PanelTabs;
+exports.PanelTabsContent = __webpack_exports__.PanelTabsContent;
+exports.PanelTabsList = __webpack_exports__.PanelTabsList;
+exports.PanelTabsStrip = __webpack_exports__.PanelTabsStrip;
+exports.PanelTabsTrigger = __webpack_exports__.PanelTabsTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "PanelTabs",
+    "PanelTabsContent",
+    "PanelTabsList",
+    "PanelTabsStrip",
+    "PanelTabsTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/panel-tabs.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { type ScrollableTabsListProps, TabsContent } from './tabs';
+/** Root: a column whose content area fills the remaining height. */
+declare const PanelTabs: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * The tab strip alone, for a row that also holds other controls (e.g. a tree
+ * toolbar). In a narrow panel it reveals prev/next chevrons and keeps the active
+ * tab in view; in a wide one it reads as a plain strip.
+ */
+declare const PanelTabsStrip: React.ForwardRefExoticComponent<ScrollableTabsListProps & React.RefAttributes<HTMLDivElement>>;
+interface PanelTabsListProps extends ScrollableTabsListProps {
+    /** Content after the tabs, at the end of the row (e.g. a notes toggle). */
+    trailing?: React.ReactNode;
+    /** Classes for the row around the strip. */
+    rowClassName?: string;
+}
+/** The pinned tab row: the strip, inset like the content, 12px below what sits above it. */
+declare const PanelTabsList: React.ForwardRefExoticComponent<PanelTabsListProps & React.RefAttributes<HTMLDivElement>>;
+/** A segmented pill tab. */
+declare const PanelTabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface PanelTabsContentProps extends React.ComponentPropsWithoutRef<typeof TabsContent> {
+    /**
+     * Wraps the children in the standard padding: the content inset, pt-1.5 (12px
+     * below the tabs), and pb-6. Default true. Turn it off for content that pads
+     * itself (its first block must then start with the same 6px).
+     */
+    padded?: boolean;
+    /** Classes for the padded wrapper (e.g. its own vertical rhythm). */
+    innerClassName?: string;
+}
+/** The active tab's content. It is the scroll container, so the tab row stays pinned. */
+declare const PanelTabsContent: React.ForwardRefExoticComponent<PanelTabsContentProps & React.RefAttributes<HTMLDivElement>>;
+export { PanelTabs, PanelTabsContent, PanelTabsList, PanelTabsStrip, PanelTabsTrigger };
+export type { PanelTabsContentProps, PanelTabsListProps };

package/dist/components/ui/panel-tabs.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+import { ScrollableTabsList, Tabs, TabsContent, TabsTrigger } from "./tabs.js";
+const PanelTabs = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Tabs, {
+        ref: ref,
+        "data-slot": "panel-tabs",
+        className: cn('flex min-h-0 flex-1 flex-col gap-1', className),
+        ...props
+    }));
+PanelTabs.displayName = 'PanelTabs';
+const PanelTabsStrip = /*#__PURE__*/ forwardRef(({ className, containerClassName, scrollButtonClassName, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollableTabsList, {
+        ref: ref,
+        "data-slot": "panel-tabs-strip",
+        containerClassName: cn('w-auto', containerClassName),
+        className: cn('h-auto justify-start gap-0.5 rounded-lg bg-transparent p-0 text-muted-foreground', className),
+        scrollButtonClassName: cn('size-6 hover:bg-surface-overlay', scrollButtonClassName),
+        ...props
+    }));
+PanelTabsStrip.displayName = 'PanelTabsStrip';
+const PanelTabsList = /*#__PURE__*/ forwardRef(({ trailing, rowClassName, className, containerClassName, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
+        "data-slot": "panel-tabs-list",
+        className: cn('flex shrink-0 items-center gap-2 pt-3 pb-0.5 [padding-inline:var(--mf-content-inset,0px)]', rowClassName),
+        children: [
+            /*#__PURE__*/ jsx(PanelTabsStrip, {
+                ref: ref,
+                className: className,
+                containerClassName: cn('flex-1', containerClassName),
+                ...props
+            }),
+            trailing
+        ]
+    }));
+PanelTabsList.displayName = 'PanelTabsList';
+const PanelTabsTrigger = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(TabsTrigger, {
+        ref: ref,
+        "data-slot": "panel-tabs-trigger",
+        className: cn('inline-flex h-6 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-md px-2.5 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
+        ...props
+    }));
+PanelTabsTrigger.displayName = 'PanelTabsTrigger';
+const PanelTabsContent = /*#__PURE__*/ forwardRef(({ padded = true, innerClassName, className, children, ...props }, ref)=>/*#__PURE__*/ jsx(TabsContent, {
+        ref: ref,
+        "data-slot": "panel-tabs-content",
+        className: cn('mt-0 min-h-0 flex-1 overflow-auto', className),
+        ...props,
+        children: padded ? /*#__PURE__*/ jsx("div", {
+            className: cn('pt-1.5 pb-6 [padding-inline:var(--mf-content-inset,0px)]', innerClassName),
+            children: children
+        }) : children
+    }));
+PanelTabsContent.displayName = 'PanelTabsContent';
+export { PanelTabs, PanelTabsContent, PanelTabsList, PanelTabsStrip, PanelTabsTrigger };