@uipath/apollo-wind 0.7.2-pr188.4865fad

package/dist/components/ui/layout/utils.js

@@ -0,0 +1,239 @@
+function getSpacingClass(value) {
+    if ('auto' === value) return 'auto';
+    if ('full' === value) return 'full';
+    return value.toString().replace('.', '_');
+}
+function spacingToRem(value) {
+    if ('auto' === value) return 'auto';
+    if ('full' === value) return '100%';
+    return `${0.25 * value}rem`;
+}
+function getSizeClass(value) {
+    if ('string' == typeof value) {
+        if ('auto' === value || 'full' === value || 'screen' === value || 'min' === value || 'max' === value || 'fit' === value) return value;
+        if (value.includes('%')) return `[${value}]`;
+        if (value.includes('/')) return value.replace('/', '\\/');
+    }
+    return getSpacingClass(value);
+}
+const alignMap = {
+    start: 'items-start',
+    center: 'items-center',
+    end: 'items-end',
+    baseline: 'items-baseline',
+    stretch: 'items-stretch'
+};
+const justifyMap = {
+    start: 'justify-start',
+    center: 'justify-center',
+    end: 'justify-end',
+    between: 'justify-between',
+    around: 'justify-around',
+    evenly: 'justify-evenly'
+};
+const wrapMap = {
+    nowrap: 'flex-nowrap',
+    wrap: 'flex-wrap',
+    'wrap-reverse': 'flex-wrap-reverse'
+};
+const directionMap = {
+    row: 'flex-row',
+    'row-reverse': 'flex-row-reverse',
+    column: 'flex-col',
+    'column-reverse': 'flex-col-reverse'
+};
+const overflowMap = {
+    auto: 'auto',
+    hidden: 'hidden',
+    clip: 'clip',
+    visible: 'visible',
+    scroll: 'scroll'
+};
+const positionMap = {
+    static: 'static',
+    relative: 'relative',
+    absolute: 'absolute',
+    fixed: 'fixed',
+    sticky: 'sticky'
+};
+function mapSpacingClass(prefix, value) {
+    const suffix = getSpacingClass(value);
+    return `${prefix}-${suffix}`;
+}
+function getSpacingClasses(props) {
+    const classes = [];
+    if (void 0 !== props.p) classes.push(mapSpacingClass('p', props.p));
+    if (void 0 !== props.pt) classes.push(mapSpacingClass('pt', props.pt));
+    if (void 0 !== props.pb) classes.push(mapSpacingClass('pb', props.pb));
+    if (void 0 !== props.pl) classes.push(mapSpacingClass('pl', props.pl));
+    if (void 0 !== props.pr) classes.push(mapSpacingClass('pr', props.pr));
+    if (void 0 !== props.px && void 0 === props.pl && void 0 === props.pr) classes.push(mapSpacingClass('px', props.px));
+    if (void 0 !== props.py && void 0 === props.pt && void 0 === props.pb) classes.push(mapSpacingClass('py', props.py));
+    if (void 0 !== props.m) classes.push(mapSpacingClass('m', props.m));
+    if (void 0 !== props.mt) classes.push(mapSpacingClass('mt', props.mt));
+    if (void 0 !== props.mb) classes.push(mapSpacingClass('mb', props.mb));
+    if (void 0 !== props.ml) classes.push(mapSpacingClass('ml', props.ml));
+    if (void 0 !== props.mr) classes.push(mapSpacingClass('mr', props.mr));
+    if (void 0 !== props.mx && void 0 === props.ml && void 0 === props.mr) classes.push(mapSpacingClass('mx', props.mx));
+    if (void 0 !== props.my && void 0 === props.mt && void 0 === props.mb) classes.push(mapSpacingClass('my', props.my));
+    return classes;
+}
+function getSizeClasses(props) {
+    const classes = [];
+    if (void 0 !== props.w) classes.push(`w-${getSizeClass(props.w)}`);
+    if (void 0 !== props.h) classes.push(`h-${getSizeClass(props.h)}`);
+    if (void 0 !== props.maxW) classes.push(`max-w-${getSizeClass(props.maxW)}`);
+    if (void 0 !== props.minW) classes.push(`min-w-${getSizeClass(props.minW)}`);
+    if (void 0 !== props.maxH) classes.push(`max-h-${getSizeClass(props.maxH)}`);
+    if (void 0 !== props.minH) classes.push(`min-h-${getSizeClass(props.minH)}`);
+    return classes;
+}
+function getFlexClasses(props) {
+    const classes = [
+        'flex'
+    ];
+    if (void 0 !== props.direction) classes.push(directionMap[props.direction]);
+    if (void 0 !== props.align) classes.push(alignMap[props.align]);
+    if (void 0 !== props.justify) classes.push(justifyMap[props.justify]);
+    if (void 0 !== props.wrap) classes.push(wrapMap[props.wrap]);
+    if (void 0 !== props.gap) classes.push(`gap-${getSpacingClass(props.gap)}`);
+    if (void 0 !== props.flex) if ('number' == typeof props.flex) classes.push(`flex-${props.flex}`);
+    else if ('auto' === props.flex || 'initial' === props.flex || 'none' === props.flex) classes.push(`flex-${props.flex}`);
+    else classes.push(`flex-[${props.flex}]`);
+    return classes;
+}
+function getOverflowClasses(props) {
+    const classes = [];
+    if (void 0 !== props.overflow) classes.push(`overflow-${overflowMap[props.overflow]}`);
+    if (void 0 !== props.overflowX) classes.push(`overflow-x-${overflowMap[props.overflowX]}`);
+    if (void 0 !== props.overflowY) classes.push(`overflow-y-${overflowMap[props.overflowY]}`);
+    return classes;
+}
+function getPositionClasses(props) {
+    const classes = [];
+    if (void 0 !== props.position) classes.push(positionMap[props.position]);
+    return classes;
+}
+function getGridClasses(props) {
+    const classes = [
+        'grid'
+    ];
+    if (void 0 !== props.cols) if ('number' == typeof props.cols) classes.push(`grid-cols-${props.cols}`);
+    else classes.push(`grid-cols-[${props.cols}]`);
+    if (void 0 !== props.rows) if ('number' == typeof props.rows) classes.push(`grid-rows-${props.rows}`);
+    else classes.push(`grid-rows-[${props.rows}]`);
+    if (void 0 !== props.gap) classes.push(`gap-${getSpacingClass(props.gap)}`);
+    if (void 0 !== props.autoFlow) classes.push(`grid-flow-${props.autoFlow}`);
+    if (void 0 !== props.autoCols) classes.push(`auto-cols-${props.autoCols}`);
+    if (void 0 !== props.autoRows) classes.push(`auto-rows-${props.autoRows}`);
+    return classes;
+}
+function buildLayoutClasses(props) {
+    return [
+        ...getFlexClasses(props),
+        ...getSpacingClasses(props),
+        ...getSizeClasses(props),
+        ...getOverflowClasses(props),
+        ...getPositionClasses(props)
+    ];
+}
+const alignToCSS = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+    baseline: 'baseline',
+    stretch: 'stretch'
+};
+const justifyToCSS = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+    between: 'space-between',
+    around: 'space-around',
+    evenly: 'space-evenly'
+};
+const wrapToCSS = {
+    nowrap: 'nowrap',
+    wrap: 'wrap',
+    'wrap-reverse': 'wrap-reverse'
+};
+const directionToCSS = {
+    row: 'row',
+    'row-reverse': 'row-reverse',
+    column: 'column',
+    'column-reverse': 'column-reverse'
+};
+function sizeToCSS(value) {
+    if ('auto' === value) return 'auto';
+    if ('full' === value) return '100%';
+    if ('screen' === value) return '100vw';
+    if ('min' === value) return 'min-content';
+    if ('max' === value) return 'max-content';
+    if ('fit' === value) return 'fit-content';
+    if ('string' == typeof value) {
+        if (value.includes('%')) return value;
+        if (value.includes('/')) {
+            const [num, denom] = value.split('/').map(Number);
+            return `${num / denom * 100}%`;
+        }
+    }
+    return `${0.25 * value}rem`;
+}
+function buildLayoutStyles(props) {
+    const styles = {
+        display: 'flex'
+    };
+    if (void 0 !== props.direction) styles.flexDirection = directionToCSS[props.direction];
+    if (void 0 !== props.align) styles.alignItems = alignToCSS[props.align];
+    if (void 0 !== props.justify) styles.justifyContent = justifyToCSS[props.justify];
+    if (void 0 !== props.wrap) styles.flexWrap = wrapToCSS[props.wrap];
+    if (void 0 !== props.gap) styles.gap = spacingToRem(props.gap);
+    if (void 0 !== props.flex) styles.flex = props.flex;
+    if (void 0 !== props.w) styles.width = sizeToCSS(props.w);
+    if (void 0 !== props.h) styles.height = sizeToCSS(props.h);
+    if (void 0 !== props.maxW) styles.maxWidth = sizeToCSS(props.maxW);
+    if (void 0 !== props.minW) styles.minWidth = sizeToCSS(props.minW);
+    if (void 0 !== props.maxH) styles.maxHeight = sizeToCSS(props.maxH);
+    if (void 0 !== props.minH) styles.minHeight = sizeToCSS(props.minH);
+    if (void 0 !== props.overflow) styles.overflow = props.overflow;
+    if (void 0 !== props.overflowX) styles.overflowX = props.overflowX;
+    if (void 0 !== props.overflowY) styles.overflowY = props.overflowY;
+    if (void 0 !== props.position) styles.position = props.position;
+    if (void 0 !== props.p) styles.padding = spacingToRem(props.p);
+    if (void 0 !== props.pt) styles.paddingTop = spacingToRem(props.pt);
+    if (void 0 !== props.pb) styles.paddingBottom = spacingToRem(props.pb);
+    if (void 0 !== props.pl) styles.paddingLeft = spacingToRem(props.pl);
+    if (void 0 !== props.pr) styles.paddingRight = spacingToRem(props.pr);
+    if (void 0 !== props.px) {
+        if (void 0 === props.pl) styles.paddingLeft = spacingToRem(props.px);
+        if (void 0 === props.pr) styles.paddingRight = spacingToRem(props.px);
+    }
+    if (void 0 !== props.py) {
+        if (void 0 === props.pt) styles.paddingTop = spacingToRem(props.py);
+        if (void 0 === props.pb) styles.paddingBottom = spacingToRem(props.py);
+    }
+    if (void 0 !== props.m) styles.margin = spacingToRem(props.m);
+    if (void 0 !== props.mt) styles.marginTop = spacingToRem(props.mt);
+    if (void 0 !== props.mb) styles.marginBottom = spacingToRem(props.mb);
+    if (void 0 !== props.ml) styles.marginLeft = spacingToRem(props.ml);
+    if (void 0 !== props.mr) styles.marginRight = spacingToRem(props.mr);
+    if (void 0 !== props.mx) {
+        if (void 0 === props.ml) styles.marginLeft = spacingToRem(props.mx);
+        if (void 0 === props.mr) styles.marginRight = spacingToRem(props.mx);
+    }
+    if (void 0 !== props.my) {
+        if (void 0 === props.mt) styles.marginTop = spacingToRem(props.my);
+        if (void 0 === props.mb) styles.marginBottom = spacingToRem(props.my);
+    }
+    return styles;
+}
+function buildGridLayoutClasses(props) {
+    return [
+        ...getGridClasses(props),
+        ...getSpacingClasses(props),
+        ...getSizeClasses(props),
+        ...getOverflowClasses(props),
+        ...getPositionClasses(props)
+    ];
+}
+export { alignMap, buildGridLayoutClasses, buildLayoutClasses, buildLayoutStyles, directionMap, getFlexClasses, getGridClasses, getOverflowClasses, getPositionClasses, getSizeClass, getSizeClasses, getSpacingClass, getSpacingClasses, justifyMap, overflowMap, positionMap, spacingToRem, wrapMap };

package/dist/components/ui/menubar.cjs

@@ -0,0 +1,210 @@
+"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
+});

package/dist/components/ui/menubar.d.ts

@@ -0,0 +1,28 @@
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import * as React from 'react';
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayname: string;
+};
+export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut, };

package/dist/components/ui/menubar.js

@@ -0,0 +1,131 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckboxItem, Content, Group, Item, ItemIndicator, Label, Menu, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-menubar";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+function MenubarMenu({ ...props }) {
+    return /*#__PURE__*/ jsx(Menu, {
+        ...props
+    });
+}
+function MenubarGroup({ ...props }) {
+    return /*#__PURE__*/ jsx(Group, {
+        ...props
+    });
+}
+function MenubarPortal({ ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        ...props
+    });
+}
+function MenubarRadioGroup({ ...props }) {
+    return /*#__PURE__*/ jsx(RadioGroup, {
+        ...props
+    });
+}
+function MenubarSub({ ...props }) {
+    return /*#__PURE__*/ jsx(Sub, {
+        "data-slot": "menubar-sub",
+        ...props
+    });
+}
+const Menubar = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+        ref: ref,
+        className: cn('flex h-10 items-center space-x-1 rounded-md border bg-background p-1', className),
+        ...props
+    }));
+Menubar.displayName = Root.displayName;
+const MenubarTrigger = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Trigger, {
+        ref: ref,
+        className: 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 = Trigger.displayName;
+const MenubarSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SubTrigger, {
+        ref: ref,
+        className: 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__*/ jsx(ChevronRight, {
+                className: "ml-auto h-4 w-4"
+            })
+        ]
+    }));
+MenubarSubTrigger.displayName = SubTrigger.displayName;
+const MenubarSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SubContent, {
+        ref: ref,
+        className: 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 = SubContent.displayName;
+const MenubarContent = /*#__PURE__*/ forwardRef(({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(Content, {
+            ref: ref,
+            align: align,
+            alignOffset: alignOffset,
+            sideOffset: sideOffset,
+            className: 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 = Content.displayName;
+const MenubarItem = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
+        ref: ref,
+        className: 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 = Item.displayName;
+const MenubarCheckboxItem = /*#__PURE__*/ forwardRef(({ className, children, checked, ...props }, ref)=>/*#__PURE__*/ jsxs(CheckboxItem, {
+        ref: ref,
+        className: 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__*/ jsx("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(Check, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            children
+        ]
+    }));
+MenubarCheckboxItem.displayName = CheckboxItem.displayName;
+const MenubarRadioItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(RadioItem, {
+        ref: ref,
+        className: 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__*/ jsx("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(Circle, {
+                        className: "h-2 w-2 fill-current"
+                    })
+                })
+            }),
+            children
+        ]
+    }));
+MenubarRadioItem.displayName = RadioItem.displayName;
+const MenubarLabel = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
+        ref: ref,
+        className: cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className),
+        ...props
+    }));
+MenubarLabel.displayName = Label.displayName;
+const MenubarSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
+        ref: ref,
+        className: cn('-mx-1 my-1 h-px bg-muted', className),
+        ...props
+    }));
+MenubarSeparator.displayName = Separator.displayName;
+const MenubarShortcut = ({ className, ...props })=>/*#__PURE__*/ jsx("span", {
+        className: cn('ml-auto text-xs tracking-widest text-muted-foreground', className),
+        ...props
+    });
+MenubarShortcut.displayname = 'MenubarShortcut';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };