@uipath/apollo-wind 0.10.0 → 0.11.0-pr295.af4e744

package/dist/templates/Admin/settings-admin.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare function SettingsAdmin({ theme, menuContent, }: {
+    theme: string;
+    menuContent?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/templates/Admin/template-admin.d.ts

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { PageHeader, type PageHeaderProps } from '../../components/custom/page-header';
+import type { Theme } from '../../foundation/Future/types';
+export type { Theme };
+export interface AdminSidebarProps {
+    className?: string;
+    /** Width in pixels (default 260) */
+    width?: number;
+    children?: React.ReactNode;
+}
+/**
+ * Fixed-width sidebar container with right border.
+ * Renders children in a vertical flex column — callers handle their own
+ * headers, nav lists, and scroll areas as needed.
+ */
+export declare function AdminSidebar({ className, width, children }: AdminSidebarProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminSidebarHeaderProps {
+    className?: string;
+    /** Title text */
+    title: string;
+    /** Optional icon rendered before the title */
+    icon?: React.ReactNode;
+    /** Action buttons rendered on the right */
+    actions?: React.ReactNode;
+}
+/**
+ * Header row for AdminSidebar — title, optional icon, and action buttons.
+ */
+export declare function AdminSidebarHeader({ className, title, icon, actions }: AdminSidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminNavItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+}
+export interface AdminSidebarNavProps {
+    className?: string;
+    items: AdminNavItem[];
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+}
+/**
+ * Scrollable nav list for AdminSidebar. Each item has an optional icon and badge.
+ */
+export declare function AdminSidebarNav({ className, items, selectedId, onSelect }: AdminSidebarNavProps): import("react/jsx-runtime").JSX.Element;
+export type AdminPageHeaderProps = PageHeaderProps;
+export { PageHeader as AdminPageHeader };
+export interface AdminToolbarProps {
+    className?: string;
+    /** Filter or search controls (left side) */
+    children?: React.ReactNode;
+    /** Action buttons (right side) */
+    actions?: React.ReactNode;
+}
+/**
+ * Horizontal toolbar row — filters on the left, actions on the right.
+ */
+export declare function AdminToolbar({ className, children, actions }: AdminToolbarProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminTemplateProps {
+    className?: string;
+    /** Color theme (default "dark") */
+    theme?: Theme;
+    /** Header title (default "Administration") */
+    title?: string;
+    /** Content for the global header's slide-out menu drawer */
+    menuContent?: React.ReactNode;
+    /**
+     * Sidebar element — typically an `<AdminSidebar>` with `AdminSidebarHeader`
+     * and `AdminSidebarNav` inside. Omit for a full-width layout (no sidebar).
+     */
+    sidebar?: React.ReactNode;
+    /** Main content area — compose with `AdminPageHeader`, `AdminToolbar`, etc. */
+    children?: React.ReactNode;
+}
+/**
+ * Full-page Admin template.
+ *
+ * Composed of:
+ * - **MaestroHeader** — global header with logo and slide-out menu
+ * - **sidebar** (optional) — fixed-width left sidebar (pass an `AdminSidebar`)
+ * - **main area** — flex-1 column for page content
+ *
+ * Pass `AdminPageHeader`, `AdminToolbar`, and your own content as children
+ * to build the main area. See the Admin stories for full examples.
+ */
+export declare function AdminTemplate({ className, theme, title, menuContent, sidebar, children, }: AdminTemplateProps): import("react/jsx-runtime").JSX.Element;

package/dist/templates/Delegate/template-delegate.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { DelegatePanelProps, NavChildItem, NavItem } from '../../components/custom/panel-delegate';
+import type { Theme } from '../../foundation/Future/types';
+export type { NavItem, NavChildItem, DelegatePanelProps };
+export interface DelegateTemplateProps {
+    className?: string;
+    /** Color theme for the template */
+    theme?: Theme;
+    /** Whether the left panel starts expanded */
+    defaultPanelOpen?: boolean;
+    /** Navigation items in the left panel */
+    navItems?: NavItem[];
+    /** ID of the currently selected nav child */
+    selectedChildId?: string;
+    /** Callback when a nav child is selected */
+    onChildSelect?: (childId: string) => void;
+    /** Main content to render in the Canvas */
+    children?: React.ReactNode;
+}
+/**
+ * Full-page Delegate template composed of a DelegatePanel and Canvas.
+ *
+ * This is a convenience wrapper — for more control you can use
+ * `DelegatePanel` and `Canvas` directly.
+ */
+export declare function DelegateTemplate({ className, theme, defaultPanelOpen, navItems, selectedChildId, onChildSelect, children, }: DelegateTemplateProps): import("react/jsx-runtime").JSX.Element;

package/dist/templates/EmptyErrors/error-components.d.ts

@@ -0,0 +1,3 @@
+export declare function ErrorVideo({ size }: {
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/templates/Experiments/ideas-AnimatedGradientText.d.ts

@@ -0,0 +1,23 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export interface AnimatedGradientIconProps extends ComponentPropsWithoutRef<'span'> {
+    speed?: number;
+    colorFrom?: string;
+    colorTo?: string;
+    colorMid?: string;
+}
+/**
+ * Sparkles icon with animated gradient stroke for Ideas experiment.
+ * Uses the Lucide Sparkles icon with gradient applied via stroke.
+ */
+export declare function AnimatedGradientIcon({ className, speed, colorFrom, colorTo, colorMid, style, ...props }: AnimatedGradientIconProps): import("react/jsx-runtime").JSX.Element;
+export interface AnimatedGradientTextProps extends ComponentPropsWithoutRef<'div'> {
+    speed?: number;
+    colorFrom?: string;
+    colorTo?: string;
+    colorMid?: string;
+}
+/**
+ * Animated gradient text effect for Ideas experiment.
+ * Based on Magic UI: https://magicui.design/docs/components/animated-gradient-text
+ */
+export declare function AnimatedGradientText({ children, className, speed, colorFrom, colorTo, colorMid, style, ...props }: AnimatedGradientTextProps): import("react/jsx-runtime").JSX.Element;

package/dist/templates/Flow/template-flow.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import type { PropertiesSimpleField, PropertiesSimpleSection } from '../../components/custom/flow-properties-simple';
+import { type FlowPanelChatMessage, type FlowPanelNavItem } from '../../components/custom/panel-flow';
+import type { Theme } from '../../foundation/Future/types';
+export type { FlowPanelNavItem, FlowPanelChatMessage, PropertiesSimpleField, PropertiesSimpleSection, };
+export interface FlowTemplateProps {
+    className?: string;
+    /** Color theme for the template */
+    theme?: Theme;
+    /** Navigation items for the icon rail */
+    navItems?: FlowPanelNavItem[];
+    /** Whether the expanded panel starts open */
+    defaultPanelOpen?: boolean;
+    /** Chat messages for the expanded panel */
+    chatMessages?: FlowPanelChatMessage[];
+    /** Custom content for the expanded panel (overrides default chat) */
+    expandedContent?: React.ReactNode;
+    /** Flow name displayed in the properties bar */
+    flowName?: string;
+    /** Flow type label (e.g. "Workflow") */
+    flowType?: string;
+    /** Whether the properties panel starts expanded */
+    defaultPropertiesExpanded?: boolean;
+    /** Node name for the expanded properties panel */
+    propertiesNodeName?: string;
+    /** Node type for the expanded properties panel */
+    propertiesNodeType?: string;
+    /** Whether to show the simple properties panel (right side) */
+    defaultPropertiesSimple?: boolean;
+    /** Title for the simple properties panel header */
+    propertiesSimpleTitle?: string;
+    /** Icon for the simple properties panel header */
+    propertiesSimpleIcon?: React.ReactNode;
+    /** Top-level fields for the simple properties panel */
+    propertiesSimpleFields?: PropertiesSimpleField[];
+    /** Accordion sections for the simple properties panel */
+    propertiesSimpleSections?: PropertiesSimpleSection[];
+    /** Canvas content */
+    children?: React.ReactNode;
+    /**
+     * When true, renders only the left sidebar (icon rail) and the canvas —
+     * no properties bar, no toolbars, no right-side panels.
+     */
+    blank?: boolean;
+}
+/**
+ * Full-page Flow template.
+ *
+ * Composed of:
+ * - **FlowPanel** — 60px icon rail + optional 420px expanded chat panel
+ * - **Canvas** — main content area (reuses Delegate Canvas)
+ * - **FlowProperties** (collapsed) — bar top-right of canvas (default)
+ * - **FlowProperties** (expanded) — full properties panel on the right (when expanded)
+ * - **FlowCanvasToolbar** — bottom-center of canvas
+ * - **FlowViewToolbar** — bottom-right of canvas
+ */
+export declare function FlowTemplate({ className, theme, navItems, defaultPanelOpen, chatMessages, expandedContent, flowName, flowType, defaultPropertiesExpanded, propertiesNodeName, propertiesNodeType, defaultPropertiesSimple, propertiesSimpleTitle, propertiesSimpleIcon, propertiesSimpleFields, propertiesSimpleSections, children, blank, }: FlowTemplateProps): import("react/jsx-runtime").JSX.Element;

package/dist/templates/Maestro/template-maestro.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import type { MaestroHeaderProps } from '../../components/custom/global-header';
+import { Canvas, Grid, GridItem } from '../../components/custom/grid-maestro';
+import type { MaestroPanelProps } from '../../components/custom/panel-maestro';
+import type { Theme } from '../../foundation/Future/types';
+export type { MaestroHeaderProps, MaestroPanelProps };
+export { Canvas, Grid, GridItem };
+export interface MaestroTemplateProps {
+    className?: string;
+    /** Color theme for the template */
+    theme?: Theme;
+    /** Application title shown in the header */
+    title?: string;
+    /** Tenant name shown in the header */
+    tenantName?: string;
+    /**
+     * Force the left panel to start collapsed on desktop.
+     * Below 1024px container width, panels auto-collapse regardless of this value.
+     */
+    defaultLeftPanelCollapsed?: boolean;
+    /** Content for the left panel (e.g. navigation). The panel itself has no padding — children control their own. */
+    leftPanelContent?: React.ReactNode;
+    /** Content for the global header's slide-out menu. Falls back to leftPanelContent if not provided. */
+    menuContent?: React.ReactNode;
+    /**
+     * Force the right panel to start collapsed on desktop.
+     * Below 1024px container width, panels auto-collapse regardless of this value.
+     */
+    defaultRightPanelCollapsed?: boolean;
+    /** Content for the right panel. The panel itself has no padding — children control their own (typically p-6). */
+    rightPanelContent?: React.ReactNode;
+    /** Main content to render in the center canvas area */
+    children?: React.ReactNode;
+}
+/**
+ * Full-page Maestro template.
+ *
+ * Composed of:
+ * - **MaestroHeader** — global header with logo, actions, tenant selector, avatar
+ * - **MaestroPanel side="left"** — collapsible left panel (300px expanded / 32px collapsed)
+ * - **Canvas** — scrollable main area with ResizeObserver-based grid reflow
+ * - **MaestroPanel side="right"** — collapsible right panel (300px expanded / 32px collapsed)
+ *
+ * ### Responsive auto-collapse
+ *
+ * A ResizeObserver watches the template body container. When the container
+ * width drops below 1024px, both panels automatically collapse to 32px.
+ * When it reaches 1024px+, they restore to their user-controlled state.
+ * The panel never disappears entirely — it always shows at minimum its
+ * 32px collapsed state with the toggle button visible.
+ */
+export declare function MaestroTemplate({ className, theme, title, tenantName, defaultLeftPanelCollapsed, leftPanelContent, menuContent, defaultRightPanelCollapsed, rightPanelContent, children, }: MaestroTemplateProps): import("react/jsx-runtime").JSX.Element;

package/dist/templates/Studio/template-studio.d.ts

@@ -0,0 +1,102 @@
+import * as React from 'react';
+import { StudioCanvas, StudioGrid, StudioGridItem } from '../../components/custom/canvas-studio';
+import { StudioPanel, StudioPanelSelection } from '../../components/custom/panel-studio';
+import type { Theme } from '../../foundation/Future/types';
+export type { Theme };
+export { StudioCanvas, StudioGrid, StudioGridItem, StudioPanel, StudioPanelSelection };
+export interface StudioTemplateProps {
+    className?: string;
+    /** Color theme for the template */
+    theme?: Theme;
+    /** Application title shown in the header */
+    title?: string;
+    /** Tenant name shown in the header */
+    tenantName?: string;
+    /** Content for the global header's slide-out menu */
+    menuContent?: React.ReactNode;
+    /**
+     * Start with the left panel hidden.
+     * Below 1024px the panel auto-hides regardless; the rail remains visible.
+     */
+    defaultLeftPanelCollapsed?: boolean;
+    /**
+     * Single-view content for the left panel.
+     * Used when you don't need multiple views — any icon click toggles the panel.
+     * Ignored if `leftPanelViews` is also provided.
+     */
+    leftPanelContent?: React.ReactNode;
+    /**
+     * Multi-view content for the left panel — up to 5 entries, one per rail icon.
+     * Clicking icon N shows `leftPanelViews[N]`. Clicking the active icon again
+     * hides the panel.
+     * When provided, `leftPanelContent` is ignored.
+     */
+    leftPanelViews?: React.ReactNode[];
+    /**
+     * Start with the right panel hidden.
+     * Below 1440px the panel auto-hides regardless; the rail remains visible.
+     */
+    defaultRightPanelCollapsed?: boolean;
+    /**
+     * Single-view content for the right panel.
+     * Ignored if `rightPanelViews` is also provided.
+     */
+    rightPanelContent?: React.ReactNode;
+    /**
+     * Multi-view content for the right panel — up to 5 entries, one per rail icon.
+     * Clicking icon N shows `rightPanelViews[N]`. Clicking the active icon again
+     * hides the panel.
+     * When provided, `rightPanelContent` is ignored.
+     */
+    rightPanelViews?: React.ReactNode[];
+    /**
+     * Optional header rendered above the scrollable canvas — full canvas width,
+     * not inside the padded/centered column. Use `PageHeader` here.
+     */
+    pageHeader?: React.ReactNode;
+    /**
+     * Background of the center canvas area.
+     * - `'raised'` — slightly elevated surface (default)
+     * - `'surface'` — base surface, matches the page header background
+     * - `'transparent'` — no background
+     */
+    canvasBackground?: 'raised' | 'surface' | 'transparent';
+    /**
+     * When true, canvas content fills the full available width instead of
+     * being centered in a 760px column. Use for data-dense layouts like tables.
+     */
+    canvasFullWidth?: boolean;
+    /**
+     * When true, the left panel is never auto-collapsed by the responsive
+     * breakpoint logic. The user can still close it manually via the rail.
+     */
+    pinLeftPanel?: boolean;
+    /**
+     * When true, the right panel is never auto-collapsed by the responsive
+     * breakpoint logic. The user can still close it manually via the rail.
+     */
+    pinRightPanel?: boolean;
+    /** Main content rendered in the center canvas area */
+    children?: React.ReactNode;
+}
+/**
+ * Full-page Studio template.
+ *
+ * Composed of:
+ * - **MaestroHeader** — global header with logo, actions, tenant selector, avatar
+ * - **StudioPanelSelection** — 40px vertical icon rail (always visible when panel content is provided)
+ * - **StudioPanel side="left"** — 300px left panel (shown/hidden via rail toggle)
+ * - **main** — flex-1 scrollable center canvas
+ * - **StudioPanel side="right"** — 300px right panel (shown/hidden via rail toggle)
+ * - **StudioPanelSelection** — 40px vertical icon rail (always visible when panel content is provided)
+ *
+ * ### Responsive auto-hide
+ *
+ * A ResizeObserver watches the body container width and auto-collapses panels
+ * when the container crosses a breakpoint going narrower. User clicks on the
+ * rail always override the auto-hide — there is no permanent viewport-based block:
+ * - Crossing below 1024px: both panels collapse
+ * - Crossing below 1440px (from above): right panel collapses
+ * - Widening back above a breakpoint does NOT auto-restore; user re-opens manually
+ */
+export declare function StudioTemplate({ className, theme, title, tenantName, menuContent, defaultLeftPanelCollapsed, leftPanelContent, leftPanelViews, defaultRightPanelCollapsed, rightPanelContent, rightPanelViews, pageHeader, canvasBackground, canvasFullWidth, pinLeftPanel, pinRightPanel, children, }: StudioTemplateProps): import("react/jsx-runtime").JSX.Element;

package/dist/templates/{vscode-example.d.ts → VisualStudio/shell.d.ts}

@@ -23,7 +23,7 @@ interface ShellSidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     onCollapsedChange?: (collapsed: boolean) => void;
 }
 export declare function ShellSidebarHeader({ className, title, collapsed, onCollapsedChange, ...props }: ShellSidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
-interface FileTreeItem {
+export interface FileTreeItem {
     name: string;
     type: 'file' | 'folder';
     children?: FileTreeItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "0.10.0",
+  "version": "0.11.0-pr295.af4e744",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",
@@ -32,6 +32,10 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
@@ -67,12 +71,16 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
+    "framer-motion": "^12.26.2",
     "jsep": "^1.4.0",
     "lucide-react": "^0.555.0",
     "next-themes": "^0.4.6",
     "react-day-picker": "^9.13.0",
     "react-hook-form": "^7.66.1",
+    "react-live": "^4.1.8",
+    "react-syntax-highlighter": "^16.1.0",
     "react-resizable-panels": "^3.0.6",
+    "recharts": "2.15.4",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.17",
@@ -85,8 +93,10 @@
     "@rslib/core": "^0.17.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
+    "@storybook/addon-a11y": "^10.2.0",
     "@storybook/addon-docs": "^10.2.0",
     "@storybook/addon-links": "^10.2.0",
+    "@storybook/addon-mcp": "^0.2.2",
     "@storybook/react-vite": "^10.2.0",
     "@tailwindcss/cli": "^4.1.17",
     "@tailwindcss/postcss": "^4.1.17",
@@ -96,6 +106,7 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/jest-axe": "^3.5.9",
     "@types/node": "^24.10.1",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "@types/react": "^19.2.6",
     "@types/react-dom": "^19.2.2",
     "@vitest/coverage-v8": "^4.0.14",

package/dist/components/ui/menubar.cjs

@@ -1,210 +0,0 @@
-"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 ('undefined' != 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__, {
-    MenubarPortal: ()=>MenubarPortal,
-    MenubarSeparator: ()=>MenubarSeparator,
-    MenubarGroup: ()=>MenubarGroup,
-    MenubarRadioItem: ()=>MenubarRadioItem,
-    Menubar: ()=>Menubar,
-    MenubarLabel: ()=>MenubarLabel,
-    MenubarContent: ()=>MenubarContent,
-    MenubarCheckboxItem: ()=>MenubarCheckboxItem,
-    MenubarItem: ()=>MenubarItem,
-    MenubarShortcut: ()=>MenubarShortcut,
-    MenubarSubContent: ()=>MenubarSubContent,
-    MenubarTrigger: ()=>MenubarTrigger,
-    MenubarMenu: ()=>MenubarMenu,
-    MenubarSub: ()=>MenubarSub,
-    MenubarRadioGroup: ()=>MenubarRadioGroup,
-    MenubarSubTrigger: ()=>MenubarSubTrigger
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const react_menubar_namespaceObject = require("@radix-ui/react-menubar");
-const external_lucide_react_namespaceObject = require("lucide-react");
-const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../../lib/index.cjs");
-function MenubarMenu({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Menu, {
-        ...props
-    });
-}
-function MenubarGroup({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Group, {
-        ...props
-    });
-}
-function MenubarPortal({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Portal, {
-        ...props
-    });
-}
-function MenubarRadioGroup({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.RadioGroup, {
-        ...props
-    });
-}
-function MenubarSub({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Sub, {
-        "data-slot": "menubar-sub",
-        ...props
-    });
-}
-const Menubar = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Root, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('flex h-10 items-center space-x-1 rounded-md border bg-background p-1', className),
-        ...props
-    }));
-Menubar.displayName = react_menubar_namespaceObject.Root.displayName;
-const MenubarTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Trigger, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground', className),
-        ...props
-    }));
-MenubarTrigger.displayName = react_menubar_namespaceObject.Trigger.displayName;
-const MenubarSubTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.SubTrigger, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground', inset && 'pl-8', className),
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
-                className: "ml-auto h-4 w-4"
-            })
-        ]
-    }));
-MenubarSubTrigger.displayName = react_menubar_namespaceObject.SubTrigger.displayName;
-const MenubarSubContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.SubContent, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]', className),
-        ...props
-    }));
-MenubarSubContent.displayName = react_menubar_namespaceObject.SubContent.displayName;
-const MenubarContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Portal, {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Content, {
-            ref: ref,
-            align: align,
-            alignOffset: alignOffset,
-            sideOffset: sideOffset,
-            className: (0, index_cjs_namespaceObject.cn)('z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]', className),
-            ...props
-        })
-    }));
-MenubarContent.displayName = react_menubar_namespaceObject.Content.displayName;
-const MenubarItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Item, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className),
-        ...props
-    }));
-MenubarItem.displayName = react_menubar_namespaceObject.Item.displayName;
-const MenubarCheckboxItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, checked, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.CheckboxItem, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
-        checked: checked,
-        ...props,
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.ItemIndicator, {
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
-                        className: "h-4 w-4"
-                    })
-                })
-            }),
-            children
-        ]
-    }));
-MenubarCheckboxItem.displayName = react_menubar_namespaceObject.CheckboxItem.displayName;
-const MenubarRadioItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.RadioItem, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
-        ...props,
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.ItemIndicator, {
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Circle, {
-                        className: "h-2 w-2 fill-current"
-                    })
-                })
-            }),
-            children
-        ]
-    }));
-MenubarRadioItem.displayName = react_menubar_namespaceObject.RadioItem.displayName;
-const MenubarLabel = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Label, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className),
-        ...props
-    }));
-MenubarLabel.displayName = react_menubar_namespaceObject.Label.displayName;
-const MenubarSeparator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Separator, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('-mx-1 my-1 h-px bg-muted', className),
-        ...props
-    }));
-MenubarSeparator.displayName = react_menubar_namespaceObject.Separator.displayName;
-const MenubarShortcut = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-        className: (0, index_cjs_namespaceObject.cn)('ml-auto text-xs tracking-widest text-muted-foreground', className),
-        ...props
-    });
-MenubarShortcut.displayname = 'MenubarShortcut';
-exports.Menubar = __webpack_exports__.Menubar;
-exports.MenubarCheckboxItem = __webpack_exports__.MenubarCheckboxItem;
-exports.MenubarContent = __webpack_exports__.MenubarContent;
-exports.MenubarGroup = __webpack_exports__.MenubarGroup;
-exports.MenubarItem = __webpack_exports__.MenubarItem;
-exports.MenubarLabel = __webpack_exports__.MenubarLabel;
-exports.MenubarMenu = __webpack_exports__.MenubarMenu;
-exports.MenubarPortal = __webpack_exports__.MenubarPortal;
-exports.MenubarRadioGroup = __webpack_exports__.MenubarRadioGroup;
-exports.MenubarRadioItem = __webpack_exports__.MenubarRadioItem;
-exports.MenubarSeparator = __webpack_exports__.MenubarSeparator;
-exports.MenubarShortcut = __webpack_exports__.MenubarShortcut;
-exports.MenubarSub = __webpack_exports__.MenubarSub;
-exports.MenubarSubContent = __webpack_exports__.MenubarSubContent;
-exports.MenubarSubTrigger = __webpack_exports__.MenubarSubTrigger;
-exports.MenubarTrigger = __webpack_exports__.MenubarTrigger;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "Menubar",
-    "MenubarCheckboxItem",
-    "MenubarContent",
-    "MenubarGroup",
-    "MenubarItem",
-    "MenubarLabel",
-    "MenubarMenu",
-    "MenubarPortal",
-    "MenubarRadioGroup",
-    "MenubarRadioItem",
-    "MenubarSeparator",
-    "MenubarShortcut",
-    "MenubarSub",
-    "MenubarSubContent",
-    "MenubarSubTrigger",
-    "MenubarTrigger"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});