@vinyasa/navigation 1.0.26

package/dist/cjs/index.cjs

@@ -0,0 +1,2681 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __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__, {
+    Breadcrumbs: ()=>Breadcrumbs,
+    CommandNavigation: ()=>CommandNavigation,
+    ELLIPSIS: ()=>ELLIPSIS,
+    NavigationMenu: ()=>NavigationMenu,
+    Pagination: ()=>Pagination,
+    Sidebar: ()=>Sidebar,
+    Stepper: ()=>Stepper,
+    Tabs: ()=>Tabs,
+    TopNavigation: ()=>TopNavigation,
+    TreeView: ()=>TreeView,
+    WorkspaceSwitcher: ()=>WorkspaceSwitcher,
+    avatarImage: ()=>avatarImage,
+    getPaginationRange: ()=>getPaginationRange,
+    useSidebarCollapsed: ()=>useSidebarCollapsed
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const icons_namespaceObject = require("@vinyasa/icons");
+const tokens_namespaceObject = require("@vinyasa/tokens");
+const external_react_namespaceObject = require("react");
+function toPrimitive(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != typeof i) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
+function toPropertyKey(t) {
+    var i = toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : String(i);
+}
+function _defineProperty(obj, key, value) {
+    key = toPropertyKey(key);
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function createRuntimeFn_62c9670f_esm_ownKeys(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r) {
+            return Object.getOwnPropertyDescriptor(e, r).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread2(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? createRuntimeFn_62c9670f_esm_ownKeys(Object(t), !0).forEach(function(r) {
+            _defineProperty(e, r, t[r]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : createRuntimeFn_62c9670f_esm_ownKeys(Object(t)).forEach(function(r) {
+            Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+        });
+    }
+    return e;
+}
+function mapValues(input, fn) {
+    var result = {};
+    for(var _key in input)result[_key] = fn(input[_key], _key);
+    return result;
+}
+var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
+    for (var key of Object.keys(compoundCheck)){
+        var _selections$key;
+        if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
+    }
+    return true;
+};
+var createRuntimeFn = (config)=>{
+    var runtimeFn = (options)=>{
+        var className = config.defaultClassName;
+        var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+        for(var variantName in selections){
+            var _selections$variantNa;
+            var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
+            if (null != variantSelection) {
+                var selection = variantSelection;
+                if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
+                var selectionClassName = config.variantClassNames[variantName][selection];
+                if (selectionClassName) className += ' ' + selectionClassName;
+            }
+        }
+        for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
+        return className;
+    };
+    runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
+    runtimeFn.classNames = {
+        get base () {
+            return config.defaultClassName.split(' ')[0];
+        },
+        get variants () {
+            return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
+        }
+    };
+    return runtimeFn;
+};
+var collapseTrigger = '_1nqk067i';
+var collapseTriggerIcon = createRuntimeFn({
+    defaultClassName: '_1nqk067j',
+    variantClassNames: {
+        collapsed: {
+            true: '_1nqk067k'
+        }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+});
+var content = '_1nqk0675';
+var footer = '_1nqk0676';
+var header = '_1nqk0673';
+var Sidebar_css_item = createRuntimeFn({
+    defaultClassName: '_1nqk067b',
+    variantClassNames: {
+        active: {
+            true: '_1nqk067c'
+        },
+        collapsed: {
+            true: '_1nqk067d'
+        }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+});
+var itemIcon = '_1nqk067e';
+var itemLabel = createRuntimeFn({
+    defaultClassName: '_1nqk067f',
+    variantClassNames: {
+        collapsed: {
+            true: '_1nqk067g',
+            false: '_1nqk067h'
+        }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+});
+var root = createRuntimeFn({
+    defaultClassName: '_1nqk0670',
+    variantClassNames: {
+        collapsed: {
+            true: '_1nqk0671',
+            false: '_1nqk0672'
+        }
+    },
+    defaultVariants: {
+        collapsed: false
+    },
+    compoundVariants: []
+});
+var section = '_1nqk0677';
+var sectionLabel = createRuntimeFn({
+    defaultClassName: '_1nqk0678',
+    variantClassNames: {
+        collapsed: {
+            true: '_1nqk0679',
+            false: '_1nqk067a'
+        }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+});
+var truncatedContent = '_1nqk0674';
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function Sidebar_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else Sidebar_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const SidebarContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+const useSidebarContext = ()=>{
+    const context = (0, external_react_namespaceObject.useContext)(SidebarContext);
+    if (!context) throw new Error('Sidebar parts must be rendered inside <Sidebar.Root>.');
+    return context;
+};
+const useSidebarCollapsed = ()=>useSidebarContext().collapsed;
+const SidebarRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { collapsed: collapsedProp, defaultCollapsed = false, onCollapsedChange, className, children } = _ref1, rest = _object_without_properties(_ref1, [
+        "collapsed",
+        "defaultCollapsed",
+        "onCollapsedChange",
+        "className",
+        "children"
+    ]), [ref] = _rest;
+    const [internalCollapsed, setInternalCollapsed] = (0, external_react_namespaceObject.useState)(defaultCollapsed);
+    const isControlled = void 0 !== collapsedProp;
+    const collapsed = isControlled ? collapsedProp : internalCollapsed;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    const setCollapsed = (next)=>{
+        if (!isControlled) setInternalCollapsed(next);
+        null == onCollapsedChange || onCollapsedChange(next);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SidebarContext.Provider, {
+        value: {
+            collapsed,
+            setCollapsed
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", _object_spread_props(_object_spread({
+            ref: themedRef,
+            className: className ? `${root({
+                collapsed
+            })} ${className}` : root({
+                collapsed
+            })
+        }, rest), {
+            children: children
+        }))
+    });
+});
+SidebarRoot.displayName = 'SidebarRoot';
+const SidebarHeader = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", _object_spread({
+        className: className ? `${header} ${className}` : header
+    }, rest));
+};
+SidebarHeader.displayName = 'SidebarHeader';
+const SidebarContent = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", _object_spread({
+        className: className ? `${content} ${className}` : content
+    }, rest));
+};
+SidebarContent.displayName = 'SidebarContent';
+const SidebarFooter = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", _object_spread({
+        className: className ? `${footer} ${className}` : footer
+    }, rest));
+};
+SidebarFooter.displayName = 'SidebarFooter';
+const SidebarSection = (_0)=>{
+    let { label, className, children } = _0, rest = _object_without_properties(_0, [
+        "label",
+        "className",
+        "children"
+    ]);
+    const collapsed = useSidebarCollapsed();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", _object_spread_props(_object_spread({
+        className: className ? `${section} ${className}` : section
+    }, rest), {
+        children: [
+            label ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: sectionLabel({
+                    collapsed
+                }),
+                children: label
+            }) : null,
+            children
+        ]
+    }));
+};
+SidebarSection.displayName = 'SidebarSection';
+const SidebarItem = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { as: Component = 'button', icon, active, className, children, title } = _ref1, rest = _object_without_properties(_ref1, [
+        "as",
+        "icon",
+        "active",
+        "className",
+        "children",
+        "title"
+    ]), [ref] = _rest;
+    const collapsed = useSidebarCollapsed();
+    const classes = className ? `${Sidebar_css_item({
+        active,
+        collapsed
+    })} ${className}` : Sidebar_css_item({
+        active,
+        collapsed
+    });
+    const resolvedTitle = null != title ? title : collapsed && 'string' == typeof children ? children : void 0;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Component, _object_spread_props(_object_spread({
+        ref: ref,
+        className: classes,
+        title: resolvedTitle
+    }, rest), {
+        children: [
+            icon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: itemIcon,
+                children: icon
+            }) : null,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: itemLabel({
+                    collapsed
+                }),
+                children: children
+            })
+        ]
+    }));
+});
+SidebarItem.displayName = 'SidebarItem';
+const SidebarCollapseTrigger = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    const { collapsed, setCollapsed } = useSidebarContext();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", _object_spread_props(_object_spread({
+        type: "button",
+        className: className ? `${collapseTrigger} ${className}` : collapseTrigger,
+        "aria-label": collapsed ? 'Expand sidebar' : 'Collapse sidebar',
+        onClick: ()=>{
+            setCollapsed(!collapsed);
+        }
+    }, rest), {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ChevronLeftIcon, {
+            className: collapseTriggerIcon({
+                collapsed
+            })
+        })
+    }));
+};
+SidebarCollapseTrigger.displayName = 'SidebarCollapseTrigger';
+const SidebarImpl = ({ header: headerContent, footer: footerContent, sections, collapsible = true, linkComponent, collapsed, defaultCollapsed, onCollapsedChange })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(SidebarRoot, {
+        collapsed: collapsed,
+        defaultCollapsed: defaultCollapsed,
+        onCollapsedChange: onCollapsedChange,
+        children: [
+            headerContent || collapsible ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(SidebarHeader, {
+                children: [
+                    headerContent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: truncatedContent,
+                        children: headerContent
+                    }) : null,
+                    collapsible ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SidebarCollapseTrigger, {}) : null
+                ]
+            }) : null,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SidebarContent, {
+                children: sections.map((sectionSpec)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SidebarSection, {
+                        label: sectionSpec.label,
+                        children: sectionSpec.items.map((itemSpec)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SidebarItem, {
+                                as: itemSpec.href ? null != linkComponent ? linkComponent : 'a' : 'button',
+                                href: itemSpec.href,
+                                icon: itemSpec.icon,
+                                active: itemSpec.active,
+                                disabled: itemSpec.disabled,
+                                onClick: itemSpec.onClick,
+                                children: itemSpec.label
+                            }, itemSpec.key))
+                    }, sectionSpec.key))
+            }),
+            footerContent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SidebarFooter, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: truncatedContent,
+                    children: footerContent
+                })
+            }) : null
+        ]
+    });
+SidebarImpl.displayName = 'Sidebar';
+const Sidebar = Object.assign(SidebarImpl, {
+    Root: SidebarRoot,
+    Header: SidebarHeader,
+    Content: SidebarContent,
+    Section: SidebarSection,
+    Item: SidebarItem,
+    Footer: SidebarFooter,
+    CollapseTrigger: SidebarCollapseTrigger
+});
+var actions = '_383lbb3';
+var brand = '_383lbb1';
+var TopNavigation_css_content = '_383lbb2';
+var TopNavigation_css_item = createRuntimeFn({
+    defaultClassName: '_383lbb4',
+    variantClassNames: {
+        active: {
+            true: '_383lbb5'
+        }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+});
+var mobileTrigger = '_383lbb6';
+var TopNavigation_css_root = '_383lbb0';
+function TopNavigation_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function TopNavigation_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            TopNavigation_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function TopNavigation_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function TopNavigation_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else TopNavigation_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function TopNavigation_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = TopNavigation_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function TopNavigation_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const TopNavigationContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+const useTopNavigationContext = ()=>{
+    const context = (0, external_react_namespaceObject.useContext)(TopNavigationContext);
+    if (!context) throw new Error('TopNavigation parts must be rendered inside <TopNavigation.Root>.');
+    return context;
+};
+const TopNavigationRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { open: openProp, defaultOpen = false, onOpenChange, className, children } = _ref1, rest = TopNavigation_object_without_properties(_ref1, [
+        "open",
+        "defaultOpen",
+        "onOpenChange",
+        "className",
+        "children"
+    ]), [ref] = _rest;
+    const [internalOpen, setInternalOpen] = (0, external_react_namespaceObject.useState)(defaultOpen);
+    const isControlled = void 0 !== openProp;
+    const open = isControlled ? openProp : internalOpen;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    const setOpen = (next)=>{
+        if (!isControlled) setInternalOpen(next);
+        null == onOpenChange || onOpenChange(next);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TopNavigationContext.Provider, {
+        value: {
+            open,
+            setOpen
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", TopNavigation_object_spread_props(TopNavigation_object_spread({
+            ref: themedRef,
+            className: className ? `${TopNavigation_css_root} ${className}` : TopNavigation_css_root
+        }, rest), {
+            children: children
+        }))
+    });
+});
+TopNavigationRoot.displayName = 'TopNavigationRoot';
+const TopNavigationBrand = (_0)=>{
+    let { as: Component = 'a', className } = _0, rest = TopNavigation_object_without_properties(_0, [
+        "as",
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, TopNavigation_object_spread({
+        className: className ? `${brand} ${className}` : brand
+    }, rest));
+};
+TopNavigationBrand.displayName = 'TopNavigationBrand';
+const TopNavigationContent = (_0)=>{
+    let { className } = _0, rest = TopNavigation_object_without_properties(_0, [
+        "className"
+    ]);
+    const { open } = useTopNavigationContext();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", TopNavigation_object_spread({
+        "data-open": open,
+        className: className ? `${TopNavigation_css_content} ${className}` : TopNavigation_css_content
+    }, rest));
+};
+TopNavigationContent.displayName = 'TopNavigationContent';
+const TopNavigationActions = (_0)=>{
+    let { className } = _0, rest = TopNavigation_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", TopNavigation_object_spread({
+        className: className ? `${actions} ${className}` : actions
+    }, rest));
+};
+TopNavigationActions.displayName = 'TopNavigationActions';
+const TopNavigationItem = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { as: Component = 'button', active, className } = _ref1, rest = TopNavigation_object_without_properties(_ref1, [
+        "as",
+        "active",
+        "className"
+    ]), [ref] = _rest;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, TopNavigation_object_spread({
+        ref: ref,
+        className: className ? `${TopNavigation_css_item({
+            active
+        })} ${className}` : TopNavigation_css_item({
+            active
+        })
+    }, rest));
+});
+TopNavigationItem.displayName = 'TopNavigationItem';
+const TopNavigationMobileTrigger = (_0)=>{
+    let { className } = _0, rest = TopNavigation_object_without_properties(_0, [
+        "className"
+    ]);
+    const { open, setOpen } = useTopNavigationContext();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", TopNavigation_object_spread_props(TopNavigation_object_spread({
+        type: "button",
+        className: className ? `${mobileTrigger} ${className}` : mobileTrigger,
+        "aria-label": open ? 'Close menu' : 'Open menu',
+        "aria-expanded": open,
+        onClick: ()=>{
+            setOpen(!open);
+        }
+    }, rest), {
+        children: open ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.XIcon, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.MenuIcon, {})
+    }));
+};
+TopNavigationMobileTrigger.displayName = 'TopNavigationMobileTrigger';
+const TopNavigationImpl = ({ brand: brandContent, brandHref, items, actions: actionsContent, linkComponent, open, defaultOpen, onOpenChange })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(TopNavigationRoot, {
+        open: open,
+        defaultOpen: defaultOpen,
+        onOpenChange: onOpenChange,
+        children: [
+            brandContent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TopNavigationBrand, {
+                as: linkComponent,
+                href: brandHref,
+                children: brandContent
+            }) : null,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TopNavigationContent, {
+                children: items.map((itemSpec)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TopNavigationItem, {
+                        as: itemSpec.href ? null != linkComponent ? linkComponent : 'a' : 'button',
+                        href: itemSpec.href,
+                        active: itemSpec.active,
+                        disabled: itemSpec.disabled,
+                        onClick: itemSpec.onClick,
+                        children: itemSpec.label
+                    }, itemSpec.key))
+            }),
+            actionsContent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TopNavigationActions, {
+                children: actionsContent
+            }) : null,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TopNavigationMobileTrigger, {})
+        ]
+    });
+TopNavigationImpl.displayName = 'TopNavigation';
+const TopNavigation = Object.assign(TopNavigationImpl, {
+    Root: TopNavigationRoot,
+    Brand: TopNavigationBrand,
+    Content: TopNavigationContent,
+    Item: TopNavigationItem,
+    Actions: TopNavigationActions,
+    MobileTrigger: TopNavigationMobileTrigger
+});
+const react_tabs_namespaceObject = require("@radix-ui/react-tabs");
+var Tabs_css_content = '_1n0eqzz5';
+var contentGroup = '_1n0eqzz6';
+var indicator = '_1n0eqzz2';
+var list = '_1n0eqzz1';
+var Tabs_css_root = '_1n0eqzz0';
+var trigger = '_1n0eqzz3';
+function Tabs_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function Tabs_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            Tabs_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function Tabs_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function Tabs_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else Tabs_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function Tabs_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = Tabs_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function Tabs_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const TabsRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { className } = _ref1, rest = Tabs_object_without_properties(_ref1, [
+        "className"
+    ]), [ref] = _rest;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Root, Tabs_object_spread({
+        ref: themedRef,
+        className: className ? `${Tabs_css_root} ${className}` : Tabs_css_root
+    }, rest));
+});
+TabsRoot.displayName = 'TabsRoot';
+const TabsList = (_0)=>{
+    let { className, children } = _0, rest = Tabs_object_without_properties(_0, [
+        "className",
+        "children"
+    ]);
+    const listRef = (0, external_react_namespaceObject.useRef)(null);
+    const indicatorRef = (0, external_react_namespaceObject.useRef)(null);
+    const updateIndicator = (0, external_react_namespaceObject.useCallback)(()=>{
+        const listEl = listRef.current;
+        const indicatorEl = indicatorRef.current;
+        if (!listEl || !indicatorEl) return;
+        const activeTab = listEl.querySelector('[role="tab"][data-state="active"]');
+        if (!activeTab) {
+            indicatorEl.style.opacity = '0';
+            return;
+        }
+        indicatorEl.style.opacity = '1';
+        if ('vertical' === listEl.getAttribute('data-orientation')) {
+            indicatorEl.style.transform = `translateY(${String(activeTab.offsetTop)}px)`;
+            indicatorEl.style.height = `${String(activeTab.offsetHeight)}px`;
+        } else {
+            indicatorEl.style.transform = `translateX(${String(activeTab.offsetLeft)}px)`;
+            indicatorEl.style.width = `${String(activeTab.offsetWidth)}px`;
+        }
+    }, []);
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        updateIndicator();
+        const listEl = listRef.current;
+        if (!listEl) return;
+        const mutationObserver = new MutationObserver(updateIndicator);
+        mutationObserver.observe(listEl, {
+            attributes: true,
+            attributeFilter: [
+                'data-state'
+            ],
+            subtree: true
+        });
+        const resizeObserver = new ResizeObserver(updateIndicator);
+        resizeObserver.observe(listEl);
+        return ()=>{
+            mutationObserver.disconnect();
+            resizeObserver.disconnect();
+        };
+    }, [
+        updateIndicator
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_tabs_namespaceObject.List, Tabs_object_spread_props(Tabs_object_spread({
+        ref: listRef,
+        className: className ? `${list} ${className}` : list
+    }, rest), {
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                ref: indicatorRef,
+                className: indicator,
+                "aria-hidden": true
+            })
+        ]
+    }));
+};
+TabsList.displayName = 'TabsList';
+const TabsTrigger = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { className } = _ref1, rest = Tabs_object_without_properties(_ref1, [
+        "className"
+    ]), [ref] = _rest;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Trigger, Tabs_object_spread({
+        ref: ref,
+        className: className ? `${trigger} ${className}` : trigger
+    }, rest));
+});
+TabsTrigger.displayName = 'TabsTrigger';
+const TabsContent = (_0)=>{
+    let { className } = _0, rest = Tabs_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Content, Tabs_object_spread({
+        forceMount: true,
+        className: className ? `${Tabs_css_content} ${className}` : Tabs_css_content
+    }, rest));
+};
+TabsContent.displayName = 'TabsContent';
+const TabsContentGroup = ({ children, className })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: className ? `${contentGroup} ${className}` : contentGroup,
+        children: children
+    });
+TabsContentGroup.displayName = 'TabsContentGroup';
+const TabsImpl = (_0)=>{
+    let { tabs } = _0, rest = Tabs_object_without_properties(_0, [
+        "tabs"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(TabsRoot, Tabs_object_spread_props(Tabs_object_spread({}, rest), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabsList, {
+                children: tabs.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabsTrigger, {
+                        value: tab.value,
+                        disabled: tab.disabled,
+                        children: tab.label
+                    }, tab.value))
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabsContentGroup, {
+                children: tabs.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabsContent, {
+                        value: tab.value,
+                        children: tab.content
+                    }, tab.value))
+            })
+        ]
+    }));
+};
+TabsImpl.displayName = 'Tabs';
+const Tabs = Object.assign(TabsImpl, {
+    Root: TabsRoot,
+    List: TabsList,
+    Trigger: TabsTrigger,
+    Content: TabsContent,
+    ContentGroup: TabsContentGroup
+});
+var Breadcrumbs_css_item = '_48ex311';
+var Breadcrumbs_css_link = '_48ex312';
+var Breadcrumbs_css_list = '_48ex310';
+var Breadcrumbs_css_page = '_48ex313';
+var separator = '_48ex314';
+var truncatedLabel = '_48ex315';
+function Breadcrumbs_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function Breadcrumbs_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            Breadcrumbs_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function Breadcrumbs_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function Breadcrumbs_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else Breadcrumbs_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function Breadcrumbs_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = Breadcrumbs_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function Breadcrumbs_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const BreadcrumbsRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { label = 'Breadcrumb' } = _ref1, rest = Breadcrumbs_object_without_properties(_ref1, [
+        "label"
+    ]), [ref] = _rest;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", Breadcrumbs_object_spread({
+        ref: themedRef,
+        "aria-label": label
+    }, rest));
+});
+BreadcrumbsRoot.displayName = 'BreadcrumbsRoot';
+const BreadcrumbsList = (_0)=>{
+    let { className } = _0, rest = Breadcrumbs_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ol", Breadcrumbs_object_spread({
+        className: className ? `${Breadcrumbs_css_list} ${className}` : Breadcrumbs_css_list
+    }, rest));
+};
+BreadcrumbsList.displayName = 'BreadcrumbsList';
+const BreadcrumbsItem = (_0)=>{
+    let { className } = _0, rest = Breadcrumbs_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", Breadcrumbs_object_spread({
+        className: className ? `${Breadcrumbs_css_item} ${className}` : Breadcrumbs_css_item
+    }, rest));
+};
+BreadcrumbsItem.displayName = 'BreadcrumbsItem';
+const BreadcrumbsLink = (_0)=>{
+    let { as: Component = 'a', className } = _0, rest = Breadcrumbs_object_without_properties(_0, [
+        "as",
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, Breadcrumbs_object_spread({
+        className: className ? `${Breadcrumbs_css_link} ${className}` : Breadcrumbs_css_link
+    }, rest));
+};
+BreadcrumbsLink.displayName = 'BreadcrumbsLink';
+const BreadcrumbsPage = (_0)=>{
+    let { className } = _0, rest = Breadcrumbs_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", Breadcrumbs_object_spread({
+        className: className ? `${Breadcrumbs_css_page} ${className}` : Breadcrumbs_css_page,
+        "aria-current": "page"
+    }, rest));
+};
+BreadcrumbsPage.displayName = 'BreadcrumbsPage';
+const BreadcrumbsSeparator = (_0)=>{
+    let { className, children } = _0, rest = Breadcrumbs_object_without_properties(_0, [
+        "className",
+        "children"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", Breadcrumbs_object_spread_props(Breadcrumbs_object_spread({
+        "aria-hidden": "true",
+        className: className ? `${separator} ${className}` : separator
+    }, rest), {
+        children: null != children ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ChevronRightIcon, {})
+    }));
+};
+BreadcrumbsSeparator.displayName = 'BreadcrumbsSeparator';
+const BreadcrumbsImpl = (_0)=>{
+    let { items, separator: separatorNode, linkComponent, label, className } = _0, rest = Breadcrumbs_object_without_properties(_0, [
+        "items",
+        "separator",
+        "linkComponent",
+        "label",
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BreadcrumbsRoot, Breadcrumbs_object_spread_props(Breadcrumbs_object_spread({
+        label: label,
+        className: className
+    }, rest), {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BreadcrumbsList, {
+            children: items.map((itemSpec, index)=>{
+                var _itemSpec_key;
+                const isLast = index === items.length - 1;
+                const key = null != (_itemSpec_key = itemSpec.key) ? _itemSpec_key : 'string' == typeof itemSpec.label ? itemSpec.label : index;
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BreadcrumbsItem, {
+                            children: isLast ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BreadcrumbsPage, {
+                                className: truncatedLabel,
+                                children: itemSpec.label
+                            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BreadcrumbsLink, {
+                                as: null != linkComponent ? linkComponent : 'a',
+                                href: itemSpec.href,
+                                className: truncatedLabel,
+                                children: itemSpec.label
+                            })
+                        }),
+                        isLast ? null : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BreadcrumbsSeparator, {
+                            children: separatorNode
+                        })
+                    ]
+                }, key);
+            })
+        })
+    }));
+};
+BreadcrumbsImpl.displayName = 'Breadcrumbs';
+const Breadcrumbs = Object.assign(BreadcrumbsImpl, {
+    Root: BreadcrumbsRoot,
+    List: BreadcrumbsList,
+    Item: BreadcrumbsItem,
+    Link: BreadcrumbsLink,
+    Page: BreadcrumbsPage,
+    Separator: BreadcrumbsSeparator
+});
+const ELLIPSIS = 'ellipsis';
+const range = (start, end)=>Array.from({
+        length: Math.max(0, end - start + 1)
+    }, (_, index)=>start + index);
+const getPaginationRange = (page, totalPages, siblingCount = 1, boundaryCount = 1)=>{
+    const startPages = range(1, Math.min(boundaryCount, totalPages));
+    const endPages = range(Math.max(totalPages - boundaryCount + 1, boundaryCount + 1), totalPages);
+    const siblingsStart = Math.max(Math.min(page - siblingCount, totalPages - boundaryCount - 2 * siblingCount - 1), boundaryCount + 2);
+    const siblingsEnd = Math.min(Math.max(page + siblingCount, boundaryCount + 2 * siblingCount + 2), endPages.length > 0 ? endPages[0] - 2 : totalPages - 1);
+    return [
+        ...startPages,
+        ...siblingsStart > boundaryCount + 2 ? [
+            ELLIPSIS
+        ] : boundaryCount + 1 < totalPages - boundaryCount ? [
+            boundaryCount + 1
+        ] : [],
+        ...range(siblingsStart, siblingsEnd),
+        ...siblingsEnd < totalPages - boundaryCount - 1 ? [
+            ELLIPSIS
+        ] : totalPages - boundaryCount > boundaryCount ? [
+            totalPages - boundaryCount
+        ] : [],
+        ...endPages
+    ];
+};
+var boundaryIcon = 'oewhtx6';
+var ellipsis = 'oewhtx5';
+var Pagination_css_indicator = 'oewhtx2';
+var Pagination_css_item = 'oewhtx1';
+var Pagination_css_link = createRuntimeFn({
+    defaultClassName: 'oewhtx3',
+    variantClassNames: {
+        active: {
+            true: 'oewhtx4'
+        }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+});
+var Pagination_css_list = 'oewhtx0';
+function Pagination_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function Pagination_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            Pagination_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function Pagination_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function Pagination_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else Pagination_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function Pagination_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = Pagination_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function Pagination_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const PaginationRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, {} = _ref1, rest = _extends({}, _ref1), [ref] = _rest;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", Pagination_object_spread({
+        ref: themedRef,
+        "aria-label": "Pagination"
+    }, rest));
+});
+PaginationRoot.displayName = 'PaginationRoot';
+const PaginationList = (_0)=>{
+    let { className, children } = _0, rest = Pagination_object_without_properties(_0, [
+        "className",
+        "children"
+    ]);
+    const listRef = (0, external_react_namespaceObject.useRef)(null);
+    const indicatorRef = (0, external_react_namespaceObject.useRef)(null);
+    const updateIndicator = (0, external_react_namespaceObject.useCallback)(()=>{
+        const listEl = listRef.current;
+        const indicatorEl = indicatorRef.current;
+        if (!listEl || !indicatorEl) return;
+        const activeLink = listEl.querySelector('[aria-current="page"]');
+        if (!activeLink) {
+            indicatorEl.style.opacity = '0';
+            return;
+        }
+        indicatorEl.style.opacity = '1';
+        indicatorEl.style.transform = `translate(${String(activeLink.offsetLeft)}px, ${String(activeLink.offsetTop)}px)`;
+        indicatorEl.style.width = `${String(activeLink.offsetWidth)}px`;
+        indicatorEl.style.height = `${String(activeLink.offsetHeight)}px`;
+    }, []);
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        updateIndicator();
+        const listEl = listRef.current;
+        if (!listEl) return;
+        const mutationObserver = new MutationObserver(updateIndicator);
+        mutationObserver.observe(listEl, {
+            attributes: true,
+            attributeFilter: [
+                'aria-current'
+            ],
+            subtree: true
+        });
+        const resizeObserver = new ResizeObserver(updateIndicator);
+        resizeObserver.observe(listEl);
+        return ()=>{
+            mutationObserver.disconnect();
+            resizeObserver.disconnect();
+        };
+    }, [
+        updateIndicator
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("ul", Pagination_object_spread_props(Pagination_object_spread({
+        ref: listRef,
+        className: className ? `${Pagination_css_list} ${className}` : Pagination_css_list
+    }, rest), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+                ref: indicatorRef,
+                "aria-hidden": "true",
+                className: Pagination_css_indicator
+            }),
+            children
+        ]
+    }));
+};
+PaginationList.displayName = 'PaginationList';
+const PaginationItem = (_0)=>{
+    let { className } = _0, rest = Pagination_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", Pagination_object_spread({
+        className: className ? `${Pagination_css_item} ${className}` : Pagination_css_item
+    }, rest));
+};
+PaginationItem.displayName = 'PaginationItem';
+const PaginationLink = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { as: Component = 'button', active, className } = _ref1, rest = Pagination_object_without_properties(_ref1, [
+        "as",
+        "active",
+        "className"
+    ]), [ref] = _rest;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, Pagination_object_spread({
+        ref: ref,
+        className: className ? `${Pagination_css_link({
+            active
+        })} ${className}` : Pagination_css_link({
+            active
+        }),
+        "aria-current": active ? 'page' : void 0
+    }, rest));
+});
+PaginationLink.displayName = 'PaginationLink';
+const PaginationEllipsis = (_0)=>{
+    let { className, children } = _0, rest = Pagination_object_without_properties(_0, [
+        "className",
+        "children"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", Pagination_object_spread_props(Pagination_object_spread({
+        "aria-hidden": "true",
+        className: className ? `${ellipsis} ${className}` : ellipsis
+    }, rest), {
+        children: null != children ? children : '…'
+    }));
+};
+PaginationEllipsis.displayName = 'PaginationEllipsis';
+const PaginationPrevious = (_0)=>{
+    let { children } = _0, rest = Pagination_object_without_properties(_0, [
+        "children"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PaginationLink, Pagination_object_spread_props(Pagination_object_spread({
+        "aria-label": "Previous page"
+    }, rest), {
+        children: null != children ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ChevronLeftIcon, {
+            className: boundaryIcon
+        })
+    }));
+};
+PaginationPrevious.displayName = 'PaginationPrevious';
+const PaginationNext = (_0)=>{
+    let { children } = _0, rest = Pagination_object_without_properties(_0, [
+        "children"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PaginationLink, Pagination_object_spread_props(Pagination_object_spread({
+        "aria-label": "Next page"
+    }, rest), {
+        children: null != children ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ChevronRightIcon, {
+            className: boundaryIcon
+        })
+    }));
+};
+PaginationNext.displayName = 'PaginationNext';
+const PaginationImpl = (_0)=>{
+    let { page, totalPages, onPageChange, siblingCount = 1, boundaryCount = 1, getHref, linkComponent } = _0, rest = Pagination_object_without_properties(_0, [
+        "page",
+        "totalPages",
+        "onPageChange",
+        "siblingCount",
+        "boundaryCount",
+        "getHref",
+        "linkComponent"
+    ]);
+    const pageRange = getPaginationRange(page, totalPages, siblingCount, boundaryCount);
+    const asProp = getHref ? null != linkComponent ? linkComponent : 'a' : 'button';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PaginationRoot, Pagination_object_spread_props(Pagination_object_spread({}, rest), {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(PaginationList, {
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PaginationItem, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PaginationPrevious, {
+                        as: asProp,
+                        href: getHref && page > 1 ? getHref(page - 1) : void 0,
+                        disabled: page <= 1,
+                        onClick: ()=>{
+                            if (page > 1) onPageChange(page - 1);
+                        }
+                    })
+                }),
+                pageRange.map((pageNumber, index)=>pageNumber === ELLIPSIS ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PaginationItem, {
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PaginationEllipsis, {})
+                    }, `ellipsis-${String(index)}`) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PaginationItem, {
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PaginationLink, {
+                            as: asProp,
+                            href: null == getHref ? void 0 : getHref(pageNumber),
+                            active: pageNumber === page,
+                            onClick: ()=>{
+                                onPageChange(pageNumber);
+                            },
+                            children: pageNumber
+                        })
+                    }, pageNumber)),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PaginationItem, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PaginationNext, {
+                        as: asProp,
+                        href: getHref && page < totalPages ? getHref(page + 1) : void 0,
+                        disabled: page >= totalPages,
+                        onClick: ()=>{
+                            if (page < totalPages) onPageChange(page + 1);
+                        }
+                    })
+                })
+            ]
+        })
+    }));
+};
+PaginationImpl.displayName = 'Pagination';
+const Pagination = Object.assign(PaginationImpl, {
+    Root: PaginationRoot,
+    List: PaginationList,
+    Item: PaginationItem,
+    Link: PaginationLink,
+    Previous: PaginationPrevious,
+    Next: PaginationNext,
+    Ellipsis: PaginationEllipsis
+});
+const react_navigation_menu_namespaceObject = require("@radix-ui/react-navigation-menu");
+var NavigationMenu_css_content = 'bzjbii9';
+var contentGrid = 'bzjbiia';
+var contentLink = 'bzjbiib';
+var contentLinkDescription = 'bzjbiid';
+var contentLinkTitle = 'bzjbiic';
+var NavigationMenu_css_indicator = 'bzjbii5';
+var NavigationMenu_css_link = 'bzjbii4';
+var NavigationMenu_css_list = 'bzjbii1';
+var NavigationMenu_css_root = 'bzjbii0';
+var NavigationMenu_css_trigger = 'bzjbii2';
+var triggerIcon = 'bzjbii3';
+var viewport = 'bzjbii8';
+var viewportPosition = 'bzjbii6';
+function NavigationMenu_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function NavigationMenu_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            NavigationMenu_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function NavigationMenu_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function NavigationMenu_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else NavigationMenu_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function NavigationMenu_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = NavigationMenu_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function NavigationMenu_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const NavigationMenuRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { className, children } = _ref1, rest = NavigationMenu_object_without_properties(_ref1, [
+        "className",
+        "children"
+    ]), [ref] = _rest;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Root, NavigationMenu_object_spread_props(NavigationMenu_object_spread({
+        ref: themedRef,
+        className: className ? `${NavigationMenu_css_root} ${className}` : NavigationMenu_css_root
+    }, rest), {
+        children: children
+    }));
+});
+NavigationMenuRoot.displayName = 'NavigationMenuRoot';
+const NavigationMenuList = (_0)=>{
+    let { className } = _0, rest = NavigationMenu_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.List, NavigationMenu_object_spread({
+        className: className ? `${NavigationMenu_css_list} ${className}` : NavigationMenu_css_list
+    }, rest));
+};
+NavigationMenuList.displayName = 'NavigationMenuList';
+const NavigationMenuItem = react_navigation_menu_namespaceObject.Item;
+const NavigationMenuTrigger = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { className, children } = _ref1, rest = NavigationMenu_object_without_properties(_ref1, [
+        "className",
+        "children"
+    ]), [ref] = _rest;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_navigation_menu_namespaceObject.Trigger, NavigationMenu_object_spread_props(NavigationMenu_object_spread({
+        ref: ref,
+        className: className ? `${NavigationMenu_css_trigger} ${className}` : NavigationMenu_css_trigger
+    }, rest), {
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ChevronDownIcon, {
+                className: triggerIcon,
+                "aria-hidden": true
+            })
+        ]
+    }));
+});
+NavigationMenuTrigger.displayName = 'NavigationMenuTrigger';
+const NavigationMenuLink = (_0)=>{
+    let { className } = _0, rest = NavigationMenu_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Link, NavigationMenu_object_spread({
+        className: className ? `${NavigationMenu_css_link} ${className}` : NavigationMenu_css_link
+    }, rest));
+};
+NavigationMenuLink.displayName = 'NavigationMenuLink';
+const NavigationMenuContent = (_0)=>{
+    let { className } = _0, rest = NavigationMenu_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Content, NavigationMenu_object_spread({
+        className: className ? `${NavigationMenu_css_content} ${className}` : NavigationMenu_css_content
+    }, rest));
+};
+NavigationMenuContent.displayName = 'NavigationMenuContent';
+const NavigationMenuIndicator = (_0)=>{
+    let { className } = _0, rest = NavigationMenu_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Indicator, NavigationMenu_object_spread({
+        className: className ? `${NavigationMenu_css_indicator} ${className}` : NavigationMenu_css_indicator
+    }, rest));
+};
+NavigationMenuIndicator.displayName = 'NavigationMenuIndicator';
+const NavigationMenuViewport = (_0)=>{
+    let { className } = _0, rest = NavigationMenu_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: viewportPosition,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Viewport, NavigationMenu_object_spread({
+            className: className ? `${viewport} ${className}` : viewport
+        }, rest))
+    });
+};
+NavigationMenuViewport.displayName = 'NavigationMenuViewport';
+const SimpleLink = ({ href, active, linkComponent: Link, className, children })=>{
+    if (Link) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NavigationMenuLink, {
+        asChild: true,
+        active: active,
+        className: className,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Link, {
+            href: href,
+            children: children
+        })
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NavigationMenuLink, {
+        href: href,
+        active: active,
+        className: className,
+        children: children
+    });
+};
+const NavigationMenuImpl = (_0)=>{
+    let { items, linkComponent } = _0, rest = NavigationMenu_object_without_properties(_0, [
+        "items",
+        "linkComponent"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(NavigationMenuRoot, NavigationMenu_object_spread_props(NavigationMenu_object_spread({}, rest), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(NavigationMenuList, {
+                children: [
+                    items.map((itemSpec)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NavigationMenuItem, {
+                            children: itemSpec.links ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NavigationMenuTrigger, {
+                                        children: itemSpec.label
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NavigationMenuContent, {
+                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                            className: contentGrid,
+                                            children: itemSpec.links.map((linkSpec)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(SimpleLink, {
+                                                    href: linkSpec.href,
+                                                    active: linkSpec.active,
+                                                    linkComponent: linkComponent,
+                                                    className: contentLink,
+                                                    children: [
+                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                            className: contentLinkTitle,
+                                                            children: linkSpec.label
+                                                        }),
+                                                        linkSpec.description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                            className: contentLinkDescription,
+                                                            children: linkSpec.description
+                                                        }) : null
+                                                    ]
+                                                }, linkSpec.key))
+                                        })
+                                    })
+                                ]
+                            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SimpleLink, {
+                                href: itemSpec.href,
+                                active: itemSpec.active,
+                                linkComponent: linkComponent,
+                                children: itemSpec.label
+                            })
+                        }, itemSpec.key)),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NavigationMenuIndicator, {})
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NavigationMenuViewport, {})
+        ]
+    }));
+};
+NavigationMenuImpl.displayName = 'NavigationMenu';
+const NavigationMenu = Object.assign(NavigationMenuImpl, {
+    Root: NavigationMenuRoot,
+    List: NavigationMenuList,
+    Item: NavigationMenuItem,
+    Trigger: NavigationMenuTrigger,
+    Link: NavigationMenuLink,
+    Content: NavigationMenuContent,
+    Indicator: NavigationMenuIndicator,
+    Viewport: NavigationMenuViewport
+});
+var connector = '_1szfqcu3';
+var Stepper_css_content = '_1szfqcu7';
+var description = '_1szfqcu9';
+var Stepper_css_indicator = '_1szfqcu4';
+var indicatorArea = '_1szfqcu2';
+var indicatorButton = '_1szfqcu6 _1szfqcu4';
+var indicatorIcon = '_1szfqcu5';
+var Stepper_css_label = '_1szfqcu8';
+var Stepper_css_root = '_1szfqcu0';
+var step = '_1szfqcu1';
+function Stepper_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function Stepper_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            Stepper_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function Stepper_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function Stepper_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else Stepper_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function Stepper_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = Stepper_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function Stepper_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const StepperContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({
+    orientation: 'horizontal'
+});
+const StepperRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { orientation = 'horizontal', className } = _ref1, rest = Stepper_object_without_properties(_ref1, [
+        "orientation",
+        "className"
+    ]), [ref] = _rest;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StepperContext.Provider, {
+        value: {
+            orientation
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ol", Stepper_object_spread({
+            ref: themedRef,
+            "data-orientation": orientation,
+            className: className ? `${Stepper_css_root} ${className}` : Stepper_css_root
+        }, rest))
+    });
+});
+StepperRoot.displayName = 'StepperRoot';
+const StepperStep = (_0)=>{
+    let { state = 'upcoming', className } = _0, rest = Stepper_object_without_properties(_0, [
+        "state",
+        "className"
+    ]);
+    const { orientation } = (0, external_react_namespaceObject.useContext)(StepperContext);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", Stepper_object_spread({
+        "data-state": state,
+        "data-orientation": orientation,
+        className: className ? `${step} ${className}` : step
+    }, rest));
+};
+StepperStep.displayName = 'StepperStep';
+const StepperIndicator = (_0)=>{
+    let { children, onClick, className } = _0, rest = Stepper_object_without_properties(_0, [
+        "children",
+        "onClick",
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: indicatorArea,
+        children: [
+            onClick ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", Stepper_object_spread_props(Stepper_object_spread({
+                type: "button",
+                onClick: onClick,
+                className: className ? `${indicatorButton} ${className}` : indicatorButton
+            }, rest), {
+                children: children
+            })) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: className ? `${Stepper_css_indicator} ${className}` : Stepper_css_indicator,
+                children: children
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: connector,
+                "aria-hidden": "true"
+            })
+        ]
+    });
+};
+StepperIndicator.displayName = 'StepperIndicator';
+const StepperContent = (_0)=>{
+    let { className } = _0, rest = Stepper_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", Stepper_object_spread({
+        className: className ? `${Stepper_css_content} ${className}` : Stepper_css_content
+    }, rest));
+};
+StepperContent.displayName = 'StepperContent';
+const StepperLabel = (_0)=>{
+    let { className } = _0, rest = Stepper_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", Stepper_object_spread({
+        className: className ? `${Stepper_css_label} ${className}` : Stepper_css_label
+    }, rest));
+};
+StepperLabel.displayName = 'StepperLabel';
+const StepperDescription = (_0)=>{
+    let { className } = _0, rest = Stepper_object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", Stepper_object_spread({
+        className: className ? `${description} ${className}` : description
+    }, rest));
+};
+StepperDescription.displayName = "StepperDescription";
+const StepperImpl = (_0)=>{
+    let { steps, activeStep, onStepClick } = _0, rest = Stepper_object_without_properties(_0, [
+        "steps",
+        "activeStep",
+        "onStepClick"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StepperRoot, Stepper_object_spread_props(Stepper_object_spread({}, rest), {
+        children: steps.map((stepSpec, index)=>{
+            var _stepSpec_key;
+            const state = stepSpec.error ? 'error' : index < activeStep ? 'completed' : index === activeStep ? 'current' : 'upcoming';
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(StepperStep, {
+                state: state,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StepperIndicator, {
+                        onClick: onStepClick ? ()=>{
+                            onStepClick(index);
+                        } : void 0,
+                        "aria-label": 'string' == typeof stepSpec.label ? `Step ${String(index + 1)}: ${stepSpec.label}` : void 0,
+                        children: 'completed' === state ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CheckIcon, {
+                            className: indicatorIcon
+                        }) : 'error' === state ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.AlertTriangleIcon, {
+                            className: indicatorIcon
+                        }) : index + 1
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(StepperContent, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StepperLabel, {
+                                children: stepSpec.label
+                            }),
+                            stepSpec.description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StepperDescription, {
+                                children: stepSpec.description
+                            }) : null
+                        ]
+                    })
+                ]
+            }, null != (_stepSpec_key = stepSpec.key) ? _stepSpec_key : index);
+        })
+    }));
+};
+StepperImpl.displayName = 'Stepper';
+const Stepper = Object.assign(StepperImpl, {
+    Root: StepperRoot,
+    Step: StepperStep,
+    Indicator: StepperIndicator,
+    Content: StepperContent,
+    Label: StepperLabel,
+    Description: StepperDescription
+});
+var avatar = '_1glbv700';
+var avatarImage = '_1glbv701';
+var WorkspaceSwitcher_css_item = '_1glbv707';
+var itemCheck = '_1glbv708';
+var WorkspaceSwitcher_css_trigger = '_1glbv702';
+var triggerDescription = '_1glbv705';
+var WorkspaceSwitcher_css_triggerIcon = '_1glbv706';
+var triggerName = '_1glbv704';
+var triggerText = '_1glbv703';
+const dropdown_menu_namespaceObject = require("@vinyasa/overlay/dropdown-menu");
+function WorkspaceSwitcher_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function WorkspaceSwitcher_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            WorkspaceSwitcher_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function WorkspaceSwitcher_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function WorkspaceSwitcher_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else WorkspaceSwitcher_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function WorkspaceSwitcher_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = WorkspaceSwitcher_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function WorkspaceSwitcher_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const initials = (name)=>name.trim().split(/\s+/).slice(0, 2).map((word)=>word[0]).join('').toUpperCase();
+const WorkspaceAvatar = (_0)=>{
+    let { workspace, className } = _0, rest = WorkspaceSwitcher_object_without_properties(_0, [
+        "workspace",
+        "className"
+    ]);
+    var _workspace_avatar;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", WorkspaceSwitcher_object_spread_props(WorkspaceSwitcher_object_spread({
+        className: className ? `${avatar} ${className}` : avatar,
+        "aria-hidden": "true"
+    }, rest), {
+        children: null != (_workspace_avatar = workspace.avatar) ? _workspace_avatar : initials(workspace.name)
+    }));
+};
+WorkspaceAvatar.displayName = 'WorkspaceAvatar';
+const WorkspaceSwitcherTrigger = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { workspace, className } = _ref1, rest = WorkspaceSwitcher_object_without_properties(_ref1, [
+        "workspace",
+        "className"
+    ]), [ref] = _rest;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", WorkspaceSwitcher_object_spread_props(WorkspaceSwitcher_object_spread({
+        ref: ref,
+        type: "button",
+        className: className ? `${WorkspaceSwitcher_css_trigger} ${className}` : WorkspaceSwitcher_css_trigger
+    }, rest), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WorkspaceAvatar, {
+                workspace: workspace
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: triggerText,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: triggerName,
+                    children: workspace.name
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ChevronDownIcon, {
+                className: WorkspaceSwitcher_css_triggerIcon
+            })
+        ]
+    }));
+});
+WorkspaceSwitcherTrigger.displayName = 'WorkspaceSwitcherTrigger';
+const WorkspaceSwitcherItem = ({ workspace, active })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        className: WorkspaceSwitcher_css_item,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WorkspaceAvatar, {
+                workspace: workspace
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                className: triggerText,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: triggerName,
+                        children: workspace.name
+                    }),
+                    workspace.description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: triggerDescription,
+                        children: workspace.description
+                    }) : null
+                ]
+            }),
+            active ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CheckIcon, {
+                className: itemCheck,
+                "aria-hidden": "true"
+            }) : null
+        ]
+    });
+WorkspaceSwitcherItem.displayName = 'WorkspaceSwitcherItem';
+const WorkspaceSwitcherImpl = ({ workspaces, activeWorkspaceId, onWorkspaceChange, onCreateWorkspace, createWorkspaceLabel = 'Create workspace' })=>{
+    var _workspaces_find;
+    if (0 === workspaces.length) return null;
+    const activeWorkspace = null != (_workspaces_find = workspaces.find((workspace)=>workspace.id === activeWorkspaceId)) ? _workspaces_find : workspaces[0];
+    const entries = [
+        ...workspaces.map((workspace)=>({
+                type: 'item',
+                key: workspace.id,
+                label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WorkspaceSwitcherItem, {
+                    workspace: workspace,
+                    active: workspace.id === activeWorkspaceId
+                }),
+                onSelect: ()=>{
+                    onWorkspaceChange(workspace.id);
+                }
+            })),
+        ...onCreateWorkspace ? [
+            {
+                type: 'separator',
+                key: 'create-workspace-separator'
+            },
+            {
+                type: 'item',
+                key: 'create-workspace',
+                label: createWorkspaceLabel,
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.PlusIcon, {}),
+                onSelect: onCreateWorkspace
+            }
+        ] : []
+    ];
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_menu_namespaceObject.DropdownMenu, {
+        trigger: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WorkspaceSwitcherTrigger, {
+            workspace: activeWorkspace
+        }),
+        items: entries,
+        align: "start"
+    });
+};
+WorkspaceSwitcherImpl.displayName = 'WorkspaceSwitcher';
+const WorkspaceSwitcher = Object.assign(WorkspaceSwitcherImpl, {
+    Trigger: WorkspaceSwitcherTrigger,
+    Item: WorkspaceSwitcherItem,
+    Avatar: WorkspaceAvatar
+});
+var expandTrigger = '_1o0hep24';
+var expandTriggerSpacer = '_1o0hep25';
+var TreeView_css_group = '_1o0hep21';
+var TreeView_css_icon = '_1o0hep26';
+var TreeView_css_item = '_1o0hep22';
+var TreeView_css_label = '_1o0hep27';
+var TreeView_css_root = '_1o0hep20';
+var row = '_1o0hep23';
+function TreeView_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function TreeView_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            TreeView_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function TreeView_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function TreeView_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else TreeView_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function TreeView_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = TreeView_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function TreeView_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const TreeViewContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+const useTreeViewContext = ()=>{
+    const context = (0, external_react_namespaceObject.useContext)(TreeViewContext);
+    if (!context) throw new Error('TreeView parts must be rendered inside <TreeView.Root>.');
+    return context;
+};
+const TreeViewLevelContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(1);
+const TreeViewRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { selectedId, onSelect, expandedIds: expandedIdsProp, defaultExpandedIds = [], onExpandedChange, className, children } = _ref1, rest = TreeView_object_without_properties(_ref1, [
+        "selectedId",
+        "onSelect",
+        "expandedIds",
+        "defaultExpandedIds",
+        "onExpandedChange",
+        "className",
+        "children"
+    ]), [ref] = _rest;
+    const [internalExpandedIds, setInternalExpandedIds] = (0, external_react_namespaceObject.useState)(defaultExpandedIds);
+    const [activeId, setActiveId] = (0, external_react_namespaceObject.useState)(null);
+    const rootElementRef = (0, external_react_namespaceObject.useRef)(null);
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    const isControlled = void 0 !== expandedIdsProp;
+    const expandedIdsArray = isControlled ? expandedIdsProp : internalExpandedIds;
+    const expandedIds = new Set(expandedIdsArray);
+    const toggleExpanded = (id)=>{
+        const next = expandedIds.has(id) ? expandedIdsArray.filter((existing)=>existing !== id) : [
+            ...expandedIdsArray,
+            id
+        ];
+        if (!isControlled) setInternalExpandedIds(next);
+        null == onExpandedChange || onExpandedChange(next);
+    };
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        var _rootElementRef_current;
+        if (null !== activeId) return;
+        const firstItem = null == (_rootElementRef_current = rootElementRef.current) ? void 0 : _rootElementRef_current.querySelector('[role="treeitem"]');
+        const firstId = null == firstItem ? void 0 : firstItem.dataset.treeId;
+        if (firstId) setActiveId(firstId);
+    }, [
+        activeId
+    ]);
+    const focusItem = (element)=>{
+        if (!element) return;
+        element.focus();
+        const id = element.dataset.treeId;
+        if (id) setActiveId(id);
+    };
+    const focusSibling = (rootElement, target, delta)=>{
+        const items = Array.from(rootElement.querySelectorAll('[role="treeitem"]'));
+        focusItem(items[items.indexOf(target) + delta]);
+    };
+    const focusFirst = (rootElement)=>{
+        focusItem(rootElement.querySelector('[role="treeitem"]'));
+    };
+    const focusLast = (rootElement)=>{
+        const items = rootElement.querySelectorAll('[role="treeitem"]');
+        focusItem(items[items.length - 1]);
+    };
+    const expandOrFocusFirstChild = (target, targetId)=>{
+        var _target_parentElement;
+        if ('true' !== target.dataset.hasChildren) return;
+        if ('true' !== target.getAttribute('aria-expanded')) return void toggleExpanded(targetId);
+        const childGroup = null == (_target_parentElement = target.parentElement) ? void 0 : _target_parentElement.querySelector(':scope > [role="group"]');
+        focusItem(null == childGroup ? void 0 : childGroup.querySelector('[role="treeitem"]'));
+    };
+    const collapseOrFocusParent = (target, targetId)=>{
+        var _parentGroup_parentElement;
+        if ('true' === target.getAttribute('aria-expanded')) return void toggleExpanded(targetId);
+        const parentGroup = target.closest('[role="group"]');
+        focusItem(null == parentGroup ? void 0 : null == (_parentGroup_parentElement = parentGroup.parentElement) ? void 0 : _parentGroup_parentElement.querySelector(':scope > [role="treeitem"]'));
+    };
+    const keyHandlers = {
+        ArrowDown: (rootElement, target)=>{
+            focusSibling(rootElement, target, 1);
+        },
+        ArrowUp: (rootElement, target)=>{
+            focusSibling(rootElement, target, -1);
+        },
+        Home: (rootElement)=>{
+            focusFirst(rootElement);
+        },
+        End: (rootElement)=>{
+            focusLast(rootElement);
+        },
+        ArrowRight: (_rootElement, target, targetId)=>{
+            expandOrFocusFirstChild(target, targetId);
+        },
+        ArrowLeft: (_rootElement, target, targetId)=>{
+            collapseOrFocusParent(target, targetId);
+        },
+        Enter: (_rootElement, _target, targetId)=>{
+            null == onSelect || onSelect(targetId);
+        },
+        ' ': (_rootElement, _target, targetId)=>{
+            null == onSelect || onSelect(targetId);
+        }
+    };
+    const handleKeyDown = (event)=>{
+        const target = event.target;
+        if (!(target instanceof HTMLElement) || 'treeitem' !== target.getAttribute('role')) return;
+        const rootElement = rootElementRef.current;
+        const targetId = target.dataset.treeId;
+        const handler = keyHandlers[event.key];
+        if (!rootElement || !targetId || !handler) return;
+        event.preventDefault();
+        handler(rootElement, target, targetId);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TreeViewContext.Provider, {
+        value: {
+            expandedIds,
+            toggleExpanded,
+            selectedId,
+            onSelect: null != onSelect ? onSelect : ()=>void 0,
+            activeId,
+            setActiveId
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", TreeView_object_spread_props(TreeView_object_spread({
+            ref: (node)=>{
+                rootElementRef.current = node;
+                if ('function' == typeof themedRef) themedRef(node);
+            },
+            role: "tree",
+            className: className ? `${TreeView_css_root} ${className}` : TreeView_css_root,
+            onKeyDown: handleKeyDown
+        }, rest), {
+            children: children
+        }))
+    });
+});
+TreeViewRoot.displayName = 'TreeViewRoot';
+const TreeViewGroup = (_0)=>{
+    let { className, children } = _0, rest = TreeView_object_without_properties(_0, [
+        "className",
+        "children"
+    ]);
+    const level = (0, external_react_namespaceObject.useContext)(TreeViewLevelContext);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TreeViewLevelContext.Provider, {
+        value: level + 1,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", TreeView_object_spread_props(TreeView_object_spread({
+            role: "group",
+            className: className ? `${TreeView_css_group} ${className}` : TreeView_css_group
+        }, rest), {
+            children: children
+        }))
+    });
+};
+TreeViewGroup.displayName = 'TreeViewGroup';
+const TreeViewItem = (_0)=>{
+    let { id, label: labelContent, icon: iconContent, disabled, children, className } = _0, rest = TreeView_object_without_properties(_0, [
+        "id",
+        "label",
+        "icon",
+        "disabled",
+        "children",
+        "className"
+    ]);
+    const { expandedIds, toggleExpanded, selectedId, onSelect, activeId, setActiveId } = useTreeViewContext();
+    const level = (0, external_react_namespaceObject.useContext)(TreeViewLevelContext);
+    const hasChildren = Boolean(children);
+    const isExpanded = expandedIds.has(id);
+    const isSelected = selectedId === id;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("li", TreeView_object_spread_props(TreeView_object_spread({
+        className: className ? `${TreeView_css_item} ${className}` : TreeView_css_item,
+        role: "none"
+    }, rest), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                role: "treeitem",
+                "data-tree-id": id,
+                "data-has-children": hasChildren,
+                "aria-expanded": hasChildren ? isExpanded : void 0,
+                "aria-selected": isSelected,
+                "aria-disabled": disabled,
+                "aria-level": level,
+                tabIndex: activeId === id ? 0 : -1,
+                className: row,
+                onFocus: ()=>{
+                    setActiveId(id);
+                },
+                onClick: ()=>{
+                    if (disabled) return;
+                    onSelect(id);
+                    if (hasChildren) toggleExpanded(id);
+                },
+                children: [
+                    hasChildren ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                        type: "button",
+                        tabIndex: -1,
+                        "aria-hidden": "true",
+                        "data-expanded": isExpanded,
+                        className: expandTrigger,
+                        onClick: (event)=>{
+                            event.stopPropagation();
+                            if (!disabled) toggleExpanded(id);
+                        },
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ChevronRightIcon, {})
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: expandTriggerSpacer,
+                        "aria-hidden": "true"
+                    }),
+                    iconContent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: TreeView_css_icon,
+                        "aria-hidden": "true",
+                        children: iconContent
+                    }) : null,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: TreeView_css_label,
+                        children: labelContent
+                    })
+                ]
+            }),
+            hasChildren && isExpanded ? children : null
+        ]
+    }));
+};
+TreeViewItem.displayName = 'TreeViewItem';
+const renderNodes = (nodes)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
+        children: nodes.map((node)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TreeViewItem, {
+                id: node.id,
+                label: node.label,
+                icon: node.icon,
+                disabled: node.disabled,
+                children: node.children && node.children.length > 0 ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TreeViewGroup, {
+                    children: renderNodes(node.children)
+                }) : void 0
+            }, node.id))
+    });
+const TreeViewImpl = (_0)=>{
+    let { items } = _0, rest = TreeView_object_without_properties(_0, [
+        "items"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TreeViewRoot, TreeView_object_spread_props(TreeView_object_spread({}, rest), {
+        children: renderNodes(items)
+    }));
+};
+TreeViewImpl.displayName = 'TreeView';
+const TreeView = Object.assign(TreeViewImpl, {
+    Root: TreeViewRoot,
+    Group: TreeViewGroup,
+    Item: TreeViewItem
+});
+const command_palette_namespaceObject = require("@vinyasa/overlay/command-palette");
+const typography_namespaceObject = require("@vinyasa/typography");
+var CommandNavigation_css_trigger = '_1pp4pc70';
+var CommandNavigation_css_triggerIcon = '_1pp4pc71';
+var triggerKbd = '_1pp4pc73';
+var CommandNavigation_css_triggerText = '_1pp4pc72';
+function CommandNavigation_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function CommandNavigation_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            CommandNavigation_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function CommandNavigation_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function CommandNavigation_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else CommandNavigation_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function CommandNavigation_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = CommandNavigation_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function CommandNavigation_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const defaultNavigate = (href)=>{
+    window.location.assign(href);
+};
+const CommandNavigationImpl = ({ groups, label = 'Command navigation', placeholder = 'Search or jump to...', emptyMessage, onNavigate = defaultNavigate, open: openProp, defaultOpen = false, onOpenChange, disableShortcut = false })=>{
+    const [internalOpen, setInternalOpen] = (0, external_react_namespaceObject.useState)(defaultOpen);
+    const isControlled = void 0 !== openProp;
+    const open = isControlled ? openProp : internalOpen;
+    const openRef = (0, external_react_namespaceObject.useRef)(open);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        openRef.current = open;
+    }, [
+        open
+    ]);
+    const setOpen = (next)=>{
+        if (!isControlled) setInternalOpen(next);
+        null == onOpenChange || onOpenChange(next);
+    };
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (disableShortcut) return;
+        const handleKeyDown = (event)=>{
+            if ('k' === event.key.toLowerCase() && (event.metaKey || event.ctrlKey)) {
+                event.preventDefault();
+                setOpen(!openRef.current);
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return ()=>{
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [
+        disableShortcut
+    ]);
+    const paletteGroups = groups.map((group)=>({
+            key: group.key,
+            heading: group.heading,
+            items: group.items.map((item)=>({
+                    key: item.key,
+                    label: item.label,
+                    icon: item.icon,
+                    shortcut: item.shortcut,
+                    keywords: item.keywords,
+                    disabled: item.disabled,
+                    onSelect: ()=>{
+                        setOpen(false);
+                        if (item.onSelect) item.onSelect();
+                        else if (item.href) onNavigate(item.href);
+                    }
+                }))
+        }));
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(command_palette_namespaceObject.CommandPalette, {
+        label: label,
+        placeholder: placeholder,
+        emptyMessage: emptyMessage,
+        groups: paletteGroups,
+        open: open,
+        onOpenChange: setOpen
+    });
+};
+CommandNavigationImpl.displayName = 'CommandNavigation';
+const CommandNavigationTrigger = (_0)=>{
+    let { placeholder = 'Search or jump to...', shortcutLabel = '⌘K', className, children } = _0, rest = CommandNavigation_object_without_properties(_0, [
+        "placeholder",
+        "shortcutLabel",
+        "className",
+        "children"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", CommandNavigation_object_spread_props(CommandNavigation_object_spread({
+        type: "button",
+        className: className ? `${CommandNavigation_css_trigger} ${className}` : CommandNavigation_css_trigger
+    }, rest), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.SearchIcon, {
+                className: CommandNavigation_css_triggerIcon
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: CommandNavigation_css_triggerText,
+                children: null != children ? children : placeholder
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Kbd, {
+                className: triggerKbd,
+                children: shortcutLabel
+            })
+        ]
+    }));
+};
+CommandNavigationTrigger.displayName = 'CommandNavigationTrigger';
+const CommandNavigation = Object.assign(CommandNavigationImpl, {
+    Trigger: CommandNavigationTrigger
+});
+exports.Breadcrumbs = __webpack_exports__.Breadcrumbs;
+exports.CommandNavigation = __webpack_exports__.CommandNavigation;
+exports.ELLIPSIS = __webpack_exports__.ELLIPSIS;
+exports.NavigationMenu = __webpack_exports__.NavigationMenu;
+exports.Pagination = __webpack_exports__.Pagination;
+exports.Sidebar = __webpack_exports__.Sidebar;
+exports.Stepper = __webpack_exports__.Stepper;
+exports.Tabs = __webpack_exports__.Tabs;
+exports.TopNavigation = __webpack_exports__.TopNavigation;
+exports.TreeView = __webpack_exports__.TreeView;
+exports.WorkspaceSwitcher = __webpack_exports__.WorkspaceSwitcher;
+exports.avatarImage = __webpack_exports__.avatarImage;
+exports.getPaginationRange = __webpack_exports__.getPaginationRange;
+exports.useSidebarCollapsed = __webpack_exports__.useSidebarCollapsed;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Breadcrumbs",
+    "CommandNavigation",
+    "ELLIPSIS",
+    "NavigationMenu",
+    "Pagination",
+    "Sidebar",
+    "Stepper",
+    "Tabs",
+    "TopNavigation",
+    "TreeView",
+    "WorkspaceSwitcher",
+    "avatarImage",
+    "getPaginationRange",
+    "useSidebarCollapsed"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});