@uipath/apollo-wind 2.64.0 → 2.65.0

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 };

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

@@ -0,0 +1,87 @@
+"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__, {
+    SidebarGroupAction: ()=>SidebarGroupAction,
+    SidebarGroupContent: ()=>SidebarGroupContent,
+    SidebarGroupLabel: ()=>SidebarGroupLabel,
+    SidebarGroup: ()=>SidebarGroup
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../../lib/index.cjs");
+const SidebarGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "sidebar-group",
+        "data-sidebar": "group",
+        className: (0, index_cjs_namespaceObject.cn)('relative flex w-full min-w-0 flex-col p-2', className),
+        ...props
+    }));
+SidebarGroup.displayName = 'SidebarGroup';
+const SidebarGroupLabel = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, asChild = false, ...props }, ref)=>{
+    const Comp = asChild ? react_slot_namespaceObject.Slot : 'div';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        ref: ref,
+        "data-slot": "sidebar-group-label",
+        "data-sidebar": "group-label",
+        className: (0, index_cjs_namespaceObject.cn)('flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-foreground-muted ring-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0', className),
+        ...props
+    });
+});
+SidebarGroupLabel.displayName = 'SidebarGroupLabel';
+const SidebarGroupAction = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, asChild = false, ...props }, ref)=>{
+    const Comp = asChild ? react_slot_namespaceObject.Slot : 'button';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        ref: ref,
+        type: asChild ? void 0 : 'button',
+        "data-slot": "sidebar-group-action",
+        "data-sidebar": "group-action",
+        className: (0, index_cjs_namespaceObject.cn)('absolute top-3.5 right-3 flex aspect-square w-5 cursor-pointer items-center justify-center rounded-md p-0 text-foreground-muted ring-ring outline-hidden transition-transform hover:bg-background-hover hover:text-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 'after:absolute after:-inset-2 md:after:hidden', 'group-data-[collapsible=icon]:hidden', className),
+        ...props
+    });
+});
+SidebarGroupAction.displayName = 'SidebarGroupAction';
+const SidebarGroupContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "sidebar-group-content",
+        "data-sidebar": "group-content",
+        className: (0, index_cjs_namespaceObject.cn)('w-full text-sm', className),
+        ...props
+    }));
+SidebarGroupContent.displayName = 'SidebarGroupContent';
+exports.SidebarGroup = __webpack_exports__.SidebarGroup;
+exports.SidebarGroupAction = __webpack_exports__.SidebarGroupAction;
+exports.SidebarGroupContent = __webpack_exports__.SidebarGroupContent;
+exports.SidebarGroupLabel = __webpack_exports__.SidebarGroupLabel;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "SidebarGroup",
+    "SidebarGroupAction",
+    "SidebarGroupContent",
+    "SidebarGroupLabel"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel };

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

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { forwardRef } from "react";
+import { cn } from "../../../lib/index.js";
+const SidebarGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "sidebar-group",
+        "data-sidebar": "group",
+        className: cn('relative flex w-full min-w-0 flex-col p-2', className),
+        ...props
+    }));
+SidebarGroup.displayName = 'SidebarGroup';
+const SidebarGroupLabel = /*#__PURE__*/ forwardRef(({ className, asChild = false, ...props }, ref)=>{
+    const Comp = asChild ? Slot : 'div';
+    return /*#__PURE__*/ jsx(Comp, {
+        ref: ref,
+        "data-slot": "sidebar-group-label",
+        "data-sidebar": "group-label",
+        className: cn('flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-foreground-muted ring-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0', className),
+        ...props
+    });
+});
+SidebarGroupLabel.displayName = 'SidebarGroupLabel';
+const SidebarGroupAction = /*#__PURE__*/ forwardRef(({ className, asChild = false, ...props }, ref)=>{
+    const Comp = asChild ? Slot : 'button';
+    return /*#__PURE__*/ jsx(Comp, {
+        ref: ref,
+        type: asChild ? void 0 : 'button',
+        "data-slot": "sidebar-group-action",
+        "data-sidebar": "group-action",
+        className: cn('absolute top-3.5 right-3 flex aspect-square w-5 cursor-pointer items-center justify-center rounded-md p-0 text-foreground-muted ring-ring outline-hidden transition-transform hover:bg-background-hover hover:text-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 'after:absolute after:-inset-2 md:after:hidden', 'group-data-[collapsible=icon]:hidden', className),
+        ...props
+    });
+});
+SidebarGroupAction.displayName = 'SidebarGroupAction';
+const SidebarGroupContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "sidebar-group-content",
+        "data-sidebar": "group-content",
+        className: cn('w-full text-sm', className),
+        ...props
+    }));
+SidebarGroupContent.displayName = 'SidebarGroupContent';
+export { SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel };

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

@@ -0,0 +1,92 @@
+"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__, {
+    SidebarInput: ()=>SidebarInput,
+    SidebarContent: ()=>SidebarContent,
+    SidebarSeparator: ()=>SidebarSeparator,
+    SidebarHeader: ()=>SidebarHeader,
+    SidebarFooter: ()=>SidebarFooter
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_input_cjs_namespaceObject = require("../input.cjs");
+const external_separator_cjs_namespaceObject = require("../separator.cjs");
+const index_cjs_namespaceObject = require("../../../lib/index.cjs");
+const SidebarInput = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
+        ref: ref,
+        "data-slot": "sidebar-input",
+        "data-sidebar": "input",
+        className: (0, index_cjs_namespaceObject.cn)('h-8 w-full bg-background shadow-none', className),
+        ...props
+    }));
+SidebarInput.displayName = 'SidebarInput';
+const SidebarHeader = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "sidebar-header",
+        "data-sidebar": "header",
+        className: (0, index_cjs_namespaceObject.cn)('flex flex-col gap-2 p-2', className),
+        ...props
+    }));
+SidebarHeader.displayName = 'SidebarHeader';
+const SidebarFooter = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "sidebar-footer",
+        "data-sidebar": "footer",
+        className: (0, index_cjs_namespaceObject.cn)('flex flex-col gap-2 p-2', className),
+        ...props
+    }));
+SidebarFooter.displayName = 'SidebarFooter';
+const SidebarSeparator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator, {
+        ref: ref,
+        "data-slot": "sidebar-separator",
+        "data-sidebar": "separator",
+        className: (0, index_cjs_namespaceObject.cn)('mx-2 w-auto bg-border-subtle', className),
+        ...props
+    }));
+SidebarSeparator.displayName = 'SidebarSeparator';
+const SidebarContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "sidebar-content",
+        "data-sidebar": "content",
+        className: (0, index_cjs_namespaceObject.cn)('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', className),
+        ...props
+    }));
+SidebarContent.displayName = 'SidebarContent';
+exports.SidebarContent = __webpack_exports__.SidebarContent;
+exports.SidebarFooter = __webpack_exports__.SidebarFooter;
+exports.SidebarHeader = __webpack_exports__.SidebarHeader;
+exports.SidebarInput = __webpack_exports__.SidebarInput;
+exports.SidebarSeparator = __webpack_exports__.SidebarSeparator;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "SidebarContent",
+    "SidebarFooter",
+    "SidebarHeader",
+    "SidebarInput",
+    "SidebarSeparator"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const SidebarInput: React.ForwardRefExoticComponent<Omit<import("../input").InputProps & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { SidebarContent, SidebarFooter, SidebarHeader, SidebarInput, SidebarSeparator };

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

@@ -0,0 +1,46 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Input } from "../input.js";
+import { Separator } from "../separator.js";
+import { cn } from "../../../lib/index.js";
+const SidebarInput = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Input, {
+        ref: ref,
+        "data-slot": "sidebar-input",
+        "data-sidebar": "input",
+        className: cn('h-8 w-full bg-background shadow-none', className),
+        ...props
+    }));
+SidebarInput.displayName = 'SidebarInput';
+const SidebarHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "sidebar-header",
+        "data-sidebar": "header",
+        className: cn('flex flex-col gap-2 p-2', className),
+        ...props
+    }));
+SidebarHeader.displayName = 'SidebarHeader';
+const SidebarFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "sidebar-footer",
+        "data-sidebar": "footer",
+        className: cn('flex flex-col gap-2 p-2', className),
+        ...props
+    }));
+SidebarFooter.displayName = 'SidebarFooter';
+const SidebarSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
+        ref: ref,
+        "data-slot": "sidebar-separator",
+        "data-sidebar": "separator",
+        className: cn('mx-2 w-auto bg-border-subtle', className),
+        ...props
+    }));
+SidebarSeparator.displayName = 'SidebarSeparator';
+const SidebarContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "sidebar-content",
+        "data-sidebar": "content",
+        className: cn('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', className),
+        ...props
+    }));
+SidebarContent.displayName = 'SidebarContent';
+export { SidebarContent, SidebarFooter, SidebarHeader, SidebarInput, SidebarSeparator };

package/dist/components/ui/sidebar/sidebar-menu-sub.cjs

@@ -0,0 +1,79 @@
+"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__, {
+    SidebarMenuSub: ()=>SidebarMenuSub,
+    SidebarMenuSubButton: ()=>SidebarMenuSubButton,
+    SidebarMenuSubItem: ()=>SidebarMenuSubItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../../lib/index.cjs");
+const external_sidebar_context_cjs_namespaceObject = require("./sidebar-context.cjs");
+const SidebarMenuSub = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
+        ref: ref,
+        "data-slot": "sidebar-menu-sub",
+        "data-sidebar": "menu-sub",
+        className: (0, index_cjs_namespaceObject.cn)('mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-border-subtle px-2.5 py-0.5', 'group-data-[collapsible=icon]:hidden', className),
+        ...props
+    }));
+SidebarMenuSub.displayName = 'SidebarMenuSub';
+const SidebarMenuSubItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+        ref: ref,
+        "data-slot": "sidebar-menu-sub-item",
+        "data-sidebar": "menu-sub-item",
+        className: (0, index_cjs_namespaceObject.cn)('group/menu-sub-item relative', className),
+        ...props
+    }));
+SidebarMenuSubItem.displayName = 'SidebarMenuSubItem';
+const SidebarMenuSubButton = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ asChild = false, size = 'md', isActive = false, className, onClick, onClickCapture, ...props }, ref)=>{
+    const Comp = asChild ? react_slot_namespaceObject.Slot : 'a';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        ref: ref,
+        "data-slot": "sidebar-menu-sub-button",
+        "data-sidebar": "menu-sub-button",
+        "data-size": size,
+        "data-active": isActive,
+        "aria-current": isActive ? 'true' : void 0,
+        className: (0, index_cjs_namespaceObject.cn)('flex h-7 min-w-0 -translate-x-px cursor-pointer items-center gap-2 overflow-hidden rounded-md px-2 text-foreground ring-ring outline-hidden hover:bg-background-hover focus-visible:ring-2 active:bg-background-hover disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-foreground-muted', 'data-[active=true]:bg-surface-selected data-[active=true]:hover:bg-surface-selected data-[active=true]:text-foreground', 'sm' === size && 'text-xs', 'md' === size && 'text-sm', 'group-data-[collapsible=icon]:hidden', className),
+        ...props,
+        onClick: onClick,
+        onClickCapture: (0, external_sidebar_context_cjs_namespaceObject.guardDisabledClick)(props['aria-disabled'], onClickCapture)
+    });
+});
+SidebarMenuSubButton.displayName = 'SidebarMenuSubButton';
+exports.SidebarMenuSub = __webpack_exports__.SidebarMenuSub;
+exports.SidebarMenuSubButton = __webpack_exports__.SidebarMenuSubButton;
+exports.SidebarMenuSubItem = __webpack_exports__.SidebarMenuSubItem;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "SidebarMenuSub",
+    "SidebarMenuSubButton",
+    "SidebarMenuSubItem"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/sidebar/sidebar-menu-sub.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export interface SidebarMenuSubButtonProps extends React.ComponentProps<'a'> {
+    asChild?: boolean;
+    size?: 'sm' | 'md';
+    /** Marks the item as the current selection. Sets `data-active` and `aria-current="true"` (pass `aria-current="page"` for route links). */
+    isActive?: boolean;
+}
+declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<SidebarMenuSubButtonProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export { SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem };

package/dist/components/ui/sidebar/sidebar-menu-sub.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { forwardRef } from "react";
+import { cn } from "../../../lib/index.js";
+import { guardDisabledClick } from "./sidebar-context.js";
+const SidebarMenuSub = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ul", {
+        ref: ref,
+        "data-slot": "sidebar-menu-sub",
+        "data-sidebar": "menu-sub",
+        className: cn('mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-border-subtle px-2.5 py-0.5', 'group-data-[collapsible=icon]:hidden', className),
+        ...props
+    }));
+SidebarMenuSub.displayName = 'SidebarMenuSub';
+const SidebarMenuSubItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("li", {
+        ref: ref,
+        "data-slot": "sidebar-menu-sub-item",
+        "data-sidebar": "menu-sub-item",
+        className: cn('group/menu-sub-item relative', className),
+        ...props
+    }));
+SidebarMenuSubItem.displayName = 'SidebarMenuSubItem';
+const SidebarMenuSubButton = /*#__PURE__*/ forwardRef(({ asChild = false, size = 'md', isActive = false, className, onClick, onClickCapture, ...props }, ref)=>{
+    const Comp = asChild ? Slot : 'a';
+    return /*#__PURE__*/ jsx(Comp, {
+        ref: ref,
+        "data-slot": "sidebar-menu-sub-button",
+        "data-sidebar": "menu-sub-button",
+        "data-size": size,
+        "data-active": isActive,
+        "aria-current": isActive ? 'true' : void 0,
+        className: cn('flex h-7 min-w-0 -translate-x-px cursor-pointer items-center gap-2 overflow-hidden rounded-md px-2 text-foreground ring-ring outline-hidden hover:bg-background-hover focus-visible:ring-2 active:bg-background-hover disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-foreground-muted', 'data-[active=true]:bg-surface-selected data-[active=true]:hover:bg-surface-selected data-[active=true]:text-foreground', 'sm' === size && 'text-xs', 'md' === size && 'text-sm', 'group-data-[collapsible=icon]:hidden', className),
+        ...props,
+        onClick: onClick,
+        onClickCapture: guardDisabledClick(props['aria-disabled'], onClickCapture)
+    });
+});
+SidebarMenuSubButton.displayName = 'SidebarMenuSubButton';
+export { SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem };