@uipath/apollo-wind 2.63.0 → 2.65.0

package/dist/components/ui/json-tree-view/JsonTypeBadge.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { JsonTreeNodeType } from './JsonTree.types';
+import type { JsonTreeNodeType, NodeBadgeReference } from './JsonTree.types';
 export interface JsonTypeBadgeProps {
     type: JsonTreeNodeType;
     /** Replaces the default type icon (e.g. a paperclip for file nodes). */
@@ -8,10 +8,13 @@ export interface JsonTypeBadgeProps {
     className?: string;
     /** Tooltip content on hover. Defaults to the capitalized type name. */
     tooltip?: ReactNode;
+    /** Marks the value as a reference: adds a corner tab with an arrow. */
+    reference?: NodeBadgeReference;
 }
 /**
  * Compact badge for a JSON value type. Deliberately neutral: the value text
  * carries the color coding, the badge only carries the type icon. Hovering it
- * shows the type name (override via `tooltip`).
+ * shows the type name (override via `tooltip`). A `reference` adds a corner
+ * tab with an arrow; it has no hover state of its own, only the tooltip.
  */
-export declare function JsonTypeBadge({ type, icon, className, tooltip }: JsonTypeBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function JsonTypeBadge({ type, icon, className, tooltip, reference }: JsonTypeBadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/json-tree-view/JsonTypeBadge.js

@@ -1,7 +1,8 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowUpRight, Braces, Brackets, CircleSlash2, Hash, ToggleLeft, Type } from "lucide-react";
 import { cn } from "../../../lib/index.js";
-import { Braces, Brackets, CircleSlash2, Hash, ToggleLeft, Type } from "lucide-react";
 import { JsonTreeTooltip } from "./JsonTreeTooltip.js";
+import { useJsonTreeViewStrings } from "./strings.js";
 const TYPE_ICON = {
     string: Type,
     number: Hash,
@@ -18,18 +19,54 @@ const TYPE_LABEL = {
     array: 'Array',
     null: 'Null'
 };
-function JsonTypeBadge({ type, icon, className, tooltip }) {
+function JsonTypeBadge({ type, icon, className, tooltip, reference }) {
+    const strings = useJsonTreeViewStrings();
     const DefaultIcon = TYPE_ICON[type];
-    return /*#__PURE__*/ jsx(JsonTreeTooltip, {
+    const box = /*#__PURE__*/ jsx("span", {
+        className: cn('inline-flex h-4.5 min-w-4.5 shrink-0 items-center justify-center rounded border border-border bg-surface-overlay px-0.5 text-foreground-muted [&_svg]:size-2.75', className),
+        children: icon ?? /*#__PURE__*/ jsx(DefaultIcon, {})
+    });
+    if (!reference) return /*#__PURE__*/ jsx(JsonTreeTooltip, {
         content: /*#__PURE__*/ jsx("span", {
             className: "break-all font-mono text-xs font-semibold leading-4",
             children: tooltip ?? TYPE_LABEL[type]
         }),
         placement: "top",
         delay: true,
-        children: /*#__PURE__*/ jsx("span", {
-            className: cn('inline-flex h-4.5 min-w-4.5 shrink-0 items-center justify-center rounded border border-border bg-surface-overlay px-0.5 text-foreground-muted [&_svg]:size-2.75', className),
-            children: icon ?? /*#__PURE__*/ jsx(DefaultIcon, {})
+        children: box
+    });
+    const title = strings.referenceType(TYPE_LABEL[type]);
+    return /*#__PURE__*/ jsx(JsonTreeTooltip, {
+        content: tooltip ?? /*#__PURE__*/ jsxs("span", {
+            className: "flex flex-col gap-0.5 leading-4",
+            children: [
+                /*#__PURE__*/ jsx("span", {
+                    className: "text-xs font-semibold",
+                    children: title
+                }),
+                reference.source && /*#__PURE__*/ jsx("span", {
+                    className: "break-all text-xs text-foreground-muted",
+                    children: reference.source
+                })
+            ]
+        }),
+        placement: "top",
+        delay: true,
+        children: /*#__PURE__*/ jsxs("span", {
+            className: "relative inline-flex shrink-0 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            role: "img",
+            tabIndex: 0,
+            "aria-label": reference.source ? `${title}, ${reference.source}` : title,
+            children: [
+                box,
+                /*#__PURE__*/ jsx("span", {
+                    className: "absolute -right-1 -bottom-1 grid size-3 place-items-center rounded-[3px] border border-border bg-surface-overlay text-foreground-muted",
+                    children: /*#__PURE__*/ jsx(ArrowUpRight, {
+                        className: "size-2.5",
+                        strokeWidth: 3
+                    })
+                })
+            ]
         })
     });
 }

package/dist/components/ui/json-tree-view/index.d.ts

@@ -7,4 +7,4 @@ export * from './JsonTree';
 export * from './JsonTree.types';
 export * from './JsonTreeToolbar';
 export * from './JsonTypeBadge';
-export { DEFAULT_JSON_TREE_VIEW_STRINGS, type JsonTreeViewStrings, JsonTreeViewProvider, type JsonTreeViewProviderProps, useJsonTreeViewStrings, } from './strings';
+export { DEFAULT_JSON_TREE_VIEW_STRINGS, type JsonTreeViewStrings, JsonTreeViewProvider, type JsonTreeViewProviderProps, type ResolvedJsonTreeViewStrings, useJsonTreeViewStrings, } from './strings';

package/dist/components/ui/json-tree-view/strings.cjs

@@ -41,6 +41,7 @@ const DEFAULT_JSON_TREE_VIEW_STRINGS = {
     itemCount: (count)=>1 === count ? '1 item' : `${count} items`,
     keyCount: (count)=>1 === count ? '1 key' : `${count} keys`,
     requiredMarker: 'required',
+    referenceType: (typeLabel)=>`${typeLabel} · reference`,
     pathCopied: 'Path copied',
     copyPathHint: 'Click to copy this path',
     copyPathFor: (path)=>`Copy path for ${path}`,

package/dist/components/ui/json-tree-view/strings.d.ts

@@ -16,6 +16,12 @@ export interface JsonTreeViewStrings {
     keyCount: (count: number) => string;
     /** Screen-reader text for the required-field marker. */
     requiredMarker: string;
+    /**
+     * Type badge tooltip title for a reference, given the type name (e.g. "String").
+     * Optional so catalogs written before it was added still type-check; falls
+     * back to the English default.
+     */
+    referenceType?: (typeLabel: string) => string;
     pathCopied: string;
     copyPathHint: string;
     copyPathFor: (path: string) => string;
@@ -48,7 +54,9 @@ export interface JsonTreeViewStrings {
     expandAll: string;
     collapseAll: string;
 }
-export declare const DEFAULT_JSON_TREE_VIEW_STRINGS: JsonTreeViewStrings;
+/** Strings with every optional key filled in, as the tree parts read them. */
+export type ResolvedJsonTreeViewStrings = Required<JsonTreeViewStrings>;
+export declare const DEFAULT_JSON_TREE_VIEW_STRINGS: ResolvedJsonTreeViewStrings;
 export interface JsonTreeViewProviderProps {
     /** Overrides merged over any outer provider's strings, then the English defaults. */
     strings?: Partial<JsonTreeViewStrings>;
@@ -61,5 +69,5 @@ export interface JsonTreeViewProviderProps {
  * including the toolbar and editors when they are rendered on their own.
  */
 export declare function JsonTreeViewProvider({ strings, tooltipContentClassName, children, }: JsonTreeViewProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function useJsonTreeViewStrings(): JsonTreeViewStrings;
+export declare function useJsonTreeViewStrings(): ResolvedJsonTreeViewStrings;
 export declare function useJsonTreeViewTooltipClassName(): string | undefined;

package/dist/components/ui/json-tree-view/strings.js

@@ -10,6 +10,7 @@ const DEFAULT_JSON_TREE_VIEW_STRINGS = {
     itemCount: (count)=>1 === count ? '1 item' : `${count} items`,
     keyCount: (count)=>1 === count ? '1 key' : `${count} keys`,
     requiredMarker: 'required',
+    referenceType: (typeLabel)=>`${typeLabel} · reference`,
     pathCopied: 'Path copied',
     copyPathHint: 'Click to copy this path',
     copyPathFor: (path)=>`Copy path for ${path}`,

package/dist/components/ui/prompt-value-control.cjs

@@ -28,10 +28,11 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const aria_ids_cjs_namespaceObject = require("../forms/aria-ids.cjs");
 const value_mode_strings_cjs_namespaceObject = require("./field-addons/value-mode-strings.cjs");
 const external_textarea_cjs_namespaceObject = require("./textarea.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const PromptValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, ref)=>{
+const PromptValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
     const text = {
         ...value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -55,6 +56,7 @@ const PromptValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardR
         className: className,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": (0, aria_ids_cjs_namespaceObject.joinIds)(ariaDescribedBy, controlProps?.['aria-describedby']),
         rows: 1,
         minRows: 1,
         maxRows: 6

package/dist/components/ui/prompt-value-control.d.ts

@@ -17,6 +17,11 @@ export interface PromptValueControlProps {
     className?: string;
     'aria-label'?: string;
     'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    /** The value-mode wiring; its `aria-describedby` joins the control's own. */
+    controlProps?: {
+        'aria-describedby'?: string;
+    };
 }
 /**
  * A prompt an agent fills the value from: a textarea that starts one line tall and grows to six.

package/dist/components/ui/prompt-value-control.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useMemo } from "react";
+import { joinIds } from "../forms/aria-ids.js";
 import { DEFAULT_VALUE_MODE_STRINGS } from "./field-addons/value-mode-strings.js";
 import { Textarea } from "./textarea.js";
 import { composeRefs } from "../../lib/index.js";
-const PromptValueControl = /*#__PURE__*/ forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, ref)=>{
+const PromptValueControl = /*#__PURE__*/ forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
     const text = {
         ...DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -27,6 +28,7 @@ const PromptValueControl = /*#__PURE__*/ forwardRef(({ id, name, value, onChange
         className: className,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": joinIds(ariaDescribedBy, controlProps?.['aria-describedby']),
         rows: 1,
         minRows: 1,
         maxRows: 6

package/dist/components/ui/sidebar/index.cjs

@@ -0,0 +1,113 @@
+"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__, {
+    SidebarFooter: ()=>external_sidebar_layout_cjs_namespaceObject.SidebarFooter,
+    SidebarMenuSub: ()=>external_sidebar_menu_sub_cjs_namespaceObject.SidebarMenuSub,
+    SidebarMenuSubButton: ()=>external_sidebar_menu_sub_cjs_namespaceObject.SidebarMenuSubButton,
+    SidebarProvider: ()=>external_sidebar_context_cjs_namespaceObject.SidebarProvider,
+    SidebarContent: ()=>external_sidebar_layout_cjs_namespaceObject.SidebarContent,
+    SidebarGroupAction: ()=>external_sidebar_group_cjs_namespaceObject.SidebarGroupAction,
+    SidebarHeader: ()=>external_sidebar_layout_cjs_namespaceObject.SidebarHeader,
+    SidebarMenuBadge: ()=>external_sidebar_menu_cjs_namespaceObject.SidebarMenuBadge,
+    SidebarMenuSkeleton: ()=>external_sidebar_menu_cjs_namespaceObject.SidebarMenuSkeleton,
+    SidebarMenu: ()=>external_sidebar_menu_cjs_namespaceObject.SidebarMenu,
+    Sidebar: ()=>external_sidebar_cjs_namespaceObject.Sidebar,
+    SidebarSeparator: ()=>external_sidebar_layout_cjs_namespaceObject.SidebarSeparator,
+    SidebarTrigger: ()=>external_sidebar_cjs_namespaceObject.SidebarTrigger,
+    SidebarGroupContent: ()=>external_sidebar_group_cjs_namespaceObject.SidebarGroupContent,
+    SidebarMenuItem: ()=>external_sidebar_menu_cjs_namespaceObject.SidebarMenuItem,
+    SidebarGroupLabel: ()=>external_sidebar_group_cjs_namespaceObject.SidebarGroupLabel,
+    sidebarMenuButtonVariants: ()=>external_sidebar_menu_cjs_namespaceObject.sidebarMenuButtonVariants,
+    useSidebar: ()=>external_sidebar_context_cjs_namespaceObject.useSidebar,
+    SidebarInput: ()=>external_sidebar_layout_cjs_namespaceObject.SidebarInput,
+    SidebarMenuButton: ()=>external_sidebar_menu_cjs_namespaceObject.SidebarMenuButton,
+    SidebarInset: ()=>external_sidebar_cjs_namespaceObject.SidebarInset,
+    SidebarMenuAction: ()=>external_sidebar_menu_cjs_namespaceObject.SidebarMenuAction,
+    SidebarMenuSubItem: ()=>external_sidebar_menu_sub_cjs_namespaceObject.SidebarMenuSubItem,
+    SidebarRail: ()=>external_sidebar_cjs_namespaceObject.SidebarRail,
+    SidebarGroup: ()=>external_sidebar_group_cjs_namespaceObject.SidebarGroup
+});
+const external_sidebar_cjs_namespaceObject = require("./sidebar.cjs");
+const external_sidebar_context_cjs_namespaceObject = require("./sidebar-context.cjs");
+const external_sidebar_group_cjs_namespaceObject = require("./sidebar-group.cjs");
+const external_sidebar_layout_cjs_namespaceObject = require("./sidebar-layout.cjs");
+const external_sidebar_menu_cjs_namespaceObject = require("./sidebar-menu.cjs");
+const external_sidebar_menu_sub_cjs_namespaceObject = require("./sidebar-menu-sub.cjs");
+exports.Sidebar = __webpack_exports__.Sidebar;
+exports.SidebarContent = __webpack_exports__.SidebarContent;
+exports.SidebarFooter = __webpack_exports__.SidebarFooter;
+exports.SidebarGroup = __webpack_exports__.SidebarGroup;
+exports.SidebarGroupAction = __webpack_exports__.SidebarGroupAction;
+exports.SidebarGroupContent = __webpack_exports__.SidebarGroupContent;
+exports.SidebarGroupLabel = __webpack_exports__.SidebarGroupLabel;
+exports.SidebarHeader = __webpack_exports__.SidebarHeader;
+exports.SidebarInput = __webpack_exports__.SidebarInput;
+exports.SidebarInset = __webpack_exports__.SidebarInset;
+exports.SidebarMenu = __webpack_exports__.SidebarMenu;
+exports.SidebarMenuAction = __webpack_exports__.SidebarMenuAction;
+exports.SidebarMenuBadge = __webpack_exports__.SidebarMenuBadge;
+exports.SidebarMenuButton = __webpack_exports__.SidebarMenuButton;
+exports.SidebarMenuItem = __webpack_exports__.SidebarMenuItem;
+exports.SidebarMenuSkeleton = __webpack_exports__.SidebarMenuSkeleton;
+exports.SidebarMenuSub = __webpack_exports__.SidebarMenuSub;
+exports.SidebarMenuSubButton = __webpack_exports__.SidebarMenuSubButton;
+exports.SidebarMenuSubItem = __webpack_exports__.SidebarMenuSubItem;
+exports.SidebarProvider = __webpack_exports__.SidebarProvider;
+exports.SidebarRail = __webpack_exports__.SidebarRail;
+exports.SidebarSeparator = __webpack_exports__.SidebarSeparator;
+exports.SidebarTrigger = __webpack_exports__.SidebarTrigger;
+exports.sidebarMenuButtonVariants = __webpack_exports__.sidebarMenuButtonVariants;
+exports.useSidebar = __webpack_exports__.useSidebar;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Sidebar",
+    "SidebarContent",
+    "SidebarFooter",
+    "SidebarGroup",
+    "SidebarGroupAction",
+    "SidebarGroupContent",
+    "SidebarGroupLabel",
+    "SidebarHeader",
+    "SidebarInput",
+    "SidebarInset",
+    "SidebarMenu",
+    "SidebarMenuAction",
+    "SidebarMenuBadge",
+    "SidebarMenuButton",
+    "SidebarMenuItem",
+    "SidebarMenuSkeleton",
+    "SidebarMenuSub",
+    "SidebarMenuSubButton",
+    "SidebarMenuSubItem",
+    "SidebarProvider",
+    "SidebarRail",
+    "SidebarSeparator",
+    "SidebarTrigger",
+    "sidebarMenuButtonVariants",
+    "useSidebar"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/sidebar/index.d.ts

@@ -0,0 +1,10 @@
+export type { SidebarProps } from './sidebar';
+export { Sidebar, SidebarInset, SidebarRail, SidebarTrigger } from './sidebar';
+export type { SidebarProviderProps } from './sidebar-context';
+export { SidebarProvider, useSidebar } from './sidebar-context';
+export { SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, } from './sidebar-group';
+export { SidebarContent, SidebarFooter, SidebarHeader, SidebarInput, SidebarSeparator, } from './sidebar-layout';
+export type { SidebarMenuButtonProps } from './sidebar-menu';
+export { SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, sidebarMenuButtonVariants, } from './sidebar-menu';
+export type { SidebarMenuSubButtonProps } from './sidebar-menu-sub';
+export { SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem } from './sidebar-menu-sub';

package/dist/components/ui/sidebar/index.js

@@ -0,0 +1,7 @@
+import { Sidebar, SidebarInset, SidebarRail, SidebarTrigger } from "./sidebar.js";
+import { SidebarProvider, useSidebar } from "./sidebar-context.js";
+import { SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel } from "./sidebar-group.js";
+import { SidebarContent, SidebarFooter, SidebarHeader, SidebarInput, SidebarSeparator } from "./sidebar-layout.js";
+import { SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, sidebarMenuButtonVariants } from "./sidebar-menu.js";
+import { SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem } from "./sidebar-menu-sub.js";
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarMenuButtonVariants, useSidebar };

package/dist/components/ui/sidebar/sidebar-context.cjs

@@ -0,0 +1,151 @@
+"use strict";
+"use client";
+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__, {
+    SIDEBAR_WIDTH_MOBILE: ()=>SIDEBAR_WIDTH_MOBILE,
+    SidebarProvider: ()=>SidebarProvider,
+    guardDisabledClick: ()=>guardDisabledClick,
+    useSidebar: ()=>useSidebar
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_tooltip_cjs_namespaceObject = require("../tooltip.cjs");
+const index_cjs_namespaceObject = require("../../../lib/index.cjs");
+const SIDEBAR_WIDTH = '16rem';
+const SIDEBAR_WIDTH_MOBILE = '18rem';
+const SIDEBAR_WIDTH_ICON = '3rem';
+const SIDEBAR_KEYBOARD_SHORTCUT = 'b';
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+    const [isMobile, setIsMobile] = external_react_namespaceObject.useState(false);
+    external_react_namespaceObject.useEffect(()=>{
+        if ("u" < typeof window || !window.matchMedia) return;
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = ()=>setIsMobile(mql.matches);
+        onChange();
+        mql.addEventListener('change', onChange);
+        return ()=>mql.removeEventListener('change', onChange);
+    }, []);
+    return isMobile;
+}
+const SidebarContext = /*#__PURE__*/ external_react_namespaceObject.createContext(null);
+function useSidebar() {
+    const context = external_react_namespaceObject.useContext(SidebarContext);
+    if (!context) throw new Error('useSidebar must be used within a SidebarProvider.');
+    return context;
+}
+const SidebarProvider = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, keyboardShortcut = false, className, style, children, ...props }, ref)=>{
+    const isMobile = useIsMobile();
+    const [openMobile, setOpenMobile] = external_react_namespaceObject.useState(false);
+    const [_open, _setOpen] = external_react_namespaceObject.useState(defaultOpen);
+    const open = openProp ?? _open;
+    const setOpen = external_react_namespaceObject.useCallback((value)=>{
+        const openState = 'function' == typeof value ? value(open) : value;
+        if (void 0 === openProp) _setOpen(openState);
+        setOpenProp?.(openState);
+    }, [
+        setOpenProp,
+        openProp,
+        open
+    ]);
+    const toggleSidebar = external_react_namespaceObject.useCallback(()=>isMobile ? setOpenMobile((value)=>!value) : setOpen((value)=>!value), [
+        isMobile,
+        setOpen
+    ]);
+    external_react_namespaceObject.useEffect(()=>{
+        if (!keyboardShortcut) return;
+        const handleKeyDown = (event)=>{
+            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+                event.preventDefault();
+                toggleSidebar();
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return ()=>window.removeEventListener('keydown', handleKeyDown);
+    }, [
+        keyboardShortcut,
+        toggleSidebar
+    ]);
+    const state = open ? 'expanded' : 'collapsed';
+    const contextValue = external_react_namespaceObject.useMemo(()=>({
+            state,
+            open,
+            setOpen,
+            isMobile,
+            openMobile,
+            setOpenMobile,
+            toggleSidebar
+        }), [
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        toggleSidebar
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SidebarContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipProvider, {
+            delayDuration: 0,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                ref: ref,
+                "data-slot": "sidebar-wrapper",
+                style: {
+                    '--sidebar-width': SIDEBAR_WIDTH,
+                    '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
+                    ...style
+                },
+                className: (0, index_cjs_namespaceObject.cn)('group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-surface', className),
+                ...props,
+                children: children
+            })
+        })
+    });
+});
+SidebarProvider.displayName = 'SidebarProvider';
+function guardDisabledClick(ariaDisabled, onClickCapture) {
+    return (event)=>{
+        if (true === ariaDisabled || 'true' === ariaDisabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        onClickCapture?.(event);
+    };
+}
+exports.SIDEBAR_WIDTH_MOBILE = __webpack_exports__.SIDEBAR_WIDTH_MOBILE;
+exports.SidebarProvider = __webpack_exports__.SidebarProvider;
+exports.guardDisabledClick = __webpack_exports__.guardDisabledClick;
+exports.useSidebar = __webpack_exports__.useSidebar;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "SIDEBAR_WIDTH_MOBILE",
+    "SidebarProvider",
+    "guardDisabledClick",
+    "useSidebar"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/sidebar/sidebar-context.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+export declare const SIDEBAR_WIDTH_MOBILE = "18rem";
+type SidebarContextProps = {
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+/**
+ * Wraps the sidebar and the content next to it. By default the wrapper fills at
+ * least the viewport height (`min-h-svh`), which suits a full-page app layout.
+ * When embedding a `collapsible="none"` sidebar in a dialog, card or split pane,
+ * pass `className="min-h-0"` (plus a height such as `h-full`) so it sizes to its
+ * container instead.
+ */
+export interface SidebarProviderProps extends React.ComponentProps<'div'> {
+    /** Initial open state when uncontrolled. */
+    defaultOpen?: boolean;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Called when the open state changes. Use it to persist the state. */
+    onOpenChange?: (open: boolean) => void;
+    /** Toggle the sidebar with Cmd/Ctrl+B. Off by default. */
+    keyboardShortcut?: boolean;
+}
+declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<SidebarProviderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Capture-phase click handler for `aria-disabled` items. `aria-disabled` only
+ * announces the state and the disabled styles only block pointer input, so this
+ * also stops Enter on a focused link. Running in the capture phase matters for
+ * `asChild`: Radix Slot runs the child's own `onClick` before the slot's, and a
+ * capture handler that stops propagation keeps both from firing.
+ */
+declare function guardDisabledClick<E extends HTMLElement>(ariaDisabled: React.AriaAttributes['aria-disabled'], onClickCapture: React.MouseEventHandler<E> | undefined): React.MouseEventHandler<E>;
+export { guardDisabledClick, SidebarProvider, useSidebar };

package/dist/components/ui/sidebar/sidebar-context.js

@@ -0,0 +1,108 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { TooltipProvider } from "../tooltip.js";
+import { cn } from "../../../lib/index.js";
+const SIDEBAR_WIDTH = '16rem';
+const SIDEBAR_WIDTH_MOBILE = '18rem';
+const SIDEBAR_WIDTH_ICON = '3rem';
+const SIDEBAR_KEYBOARD_SHORTCUT = 'b';
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+    const [isMobile, setIsMobile] = useState(false);
+    useEffect(()=>{
+        if ("u" < typeof window || !window.matchMedia) return;
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = ()=>setIsMobile(mql.matches);
+        onChange();
+        mql.addEventListener('change', onChange);
+        return ()=>mql.removeEventListener('change', onChange);
+    }, []);
+    return isMobile;
+}
+const SidebarContext = /*#__PURE__*/ createContext(null);
+function useSidebar() {
+    const context = useContext(SidebarContext);
+    if (!context) throw new Error('useSidebar must be used within a SidebarProvider.');
+    return context;
+}
+const SidebarProvider = /*#__PURE__*/ forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, keyboardShortcut = false, className, style, children, ...props }, ref)=>{
+    const isMobile = useIsMobile();
+    const [openMobile, setOpenMobile] = useState(false);
+    const [_open, _setOpen] = useState(defaultOpen);
+    const open = openProp ?? _open;
+    const setOpen = useCallback((value)=>{
+        const openState = 'function' == typeof value ? value(open) : value;
+        if (void 0 === openProp) _setOpen(openState);
+        setOpenProp?.(openState);
+    }, [
+        setOpenProp,
+        openProp,
+        open
+    ]);
+    const toggleSidebar = useCallback(()=>isMobile ? setOpenMobile((value)=>!value) : setOpen((value)=>!value), [
+        isMobile,
+        setOpen
+    ]);
+    useEffect(()=>{
+        if (!keyboardShortcut) return;
+        const handleKeyDown = (event)=>{
+            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+                event.preventDefault();
+                toggleSidebar();
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return ()=>window.removeEventListener('keydown', handleKeyDown);
+    }, [
+        keyboardShortcut,
+        toggleSidebar
+    ]);
+    const state = open ? 'expanded' : 'collapsed';
+    const contextValue = useMemo(()=>({
+            state,
+            open,
+            setOpen,
+            isMobile,
+            openMobile,
+            setOpenMobile,
+            toggleSidebar
+        }), [
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        toggleSidebar
+    ]);
+    return /*#__PURE__*/ jsx(SidebarContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ jsx(TooltipProvider, {
+            delayDuration: 0,
+            children: /*#__PURE__*/ jsx("div", {
+                ref: ref,
+                "data-slot": "sidebar-wrapper",
+                style: {
+                    '--sidebar-width': SIDEBAR_WIDTH,
+                    '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
+                    ...style
+                },
+                className: cn('group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-surface', className),
+                ...props,
+                children: children
+            })
+        })
+    });
+});
+SidebarProvider.displayName = 'SidebarProvider';
+function guardDisabledClick(ariaDisabled, onClickCapture) {
+    return (event)=>{
+        if (true === ariaDisabled || 'true' === ariaDisabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        onClickCapture?.(event);
+    };
+}
+export { SIDEBAR_WIDTH_MOBILE, SidebarProvider, guardDisabledClick, useSidebar };