@pallasoft/ps-internal-components 1.5.1 → 1.6.0

package/dist/components/ps-sidebar-menu-button.js

@@ -0,0 +1,56 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSidebarMenuButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_slot_1 = require("@radix-ui/react-slot");
+const ps_sidebar_menu_button_variants_js_1 = require("../constants/ps-sidebar-menu-button-variants.js");
+const ps_sidebar_state_js_1 = require("../constants/ps-sidebar-state.js");
+const use_ps_sidebar_js_1 = require("../hooks/use-ps-sidebar.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_tooltip_content_js_1 = require("./ps-tooltip-content.js");
+const ps_tooltip_trigger_js_1 = require("./ps-tooltip-trigger.js");
+const ps_tooltip_js_1 = require("./ps-tooltip.js");
+exports.PsSidebarMenuButton = React.forwardRef(({ asChild = false, isActive = false, variant = 'default', size = 'default', tooltip, className, ...props }, ref) => {
+    const Component = asChild ? react_slot_1.Slot : 'button';
+    const { isMobile, state } = (0, use_ps_sidebar_js_1.usePsSidebar)();
+    const button = ((0, jsx_runtime_1.jsx)(Component, { ref: ref, "data-sidebar": 'menu-button', "data-size": size, "data-active": isActive, className: ps_class_name_service_js_1.PsClassNameService.merge((0, ps_sidebar_menu_button_variants_js_1.PsSidebarMenuButtonVariants)({ variant, size }), className), ...props }));
+    if (tooltip === undefined)
+        return button;
+    return ((0, jsx_runtime_1.jsxs)(ps_tooltip_js_1.PsTooltip, { children: [(0, jsx_runtime_1.jsx)(ps_tooltip_trigger_js_1.PsTooltipTrigger, { asChild: true, children: button }), (0, jsx_runtime_1.jsx)(ps_tooltip_content_js_1.PsTooltipContent, { align: 'center', hidden: state !== ps_sidebar_state_js_1.PsSidebarState.Collapsed || isMobile, side: 'right', children: tooltip })] }));
+});
+exports.PsSidebarMenuButton.displayName = 'PsSidebarMenuButton';

package/dist/components/ps-sidebar-menu-item.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsSidebarMenuItemProps } from '../models/ps-sidebar-menu-item-props.js';
+export declare const PsSidebarMenuItem: React.ForwardRefExoticComponent<Omit<PsSidebarMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/components/ps-sidebar-menu-item.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSidebarMenuItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsSidebarMenuItem = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("li", { ref: ref, "data-sidebar": 'menu-item', className: ps_class_name_service_js_1.PsClassNameService.merge('group/menu-item relative', className), ...props })));
+exports.PsSidebarMenuItem.displayName = 'PsSidebarMenuItem';

package/dist/components/ps-sidebar-menu-sub-button.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsSidebarMenuSubButtonProps } from '../models/ps-sidebar-menu-sub-button-props.js';
+export declare const PsSidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<PsSidebarMenuSubButtonProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/ps-sidebar-menu-sub-button.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSidebarMenuSubButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_slot_1 = require("@radix-ui/react-slot");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsSidebarMenuSubButton = React.forwardRef(({ asChild = false, size = 'md', isActive = false, className, ...props }, ref) => {
+    const Component = asChild ? react_slot_1.Slot : 'a';
+    return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, "data-sidebar": 'menu-sub-button', "data-size": size, "data-active": isActive, className: ps_class_name_service_js_1.PsClassNameService.merge('flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground group-data-[collapsible=icon]:hidden [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground', size === 'sm' ? 'text-xs' : 'text-sm', className), ...props }));
+});
+exports.PsSidebarMenuSubButton.displayName = 'PsSidebarMenuSubButton';

package/dist/components/ps-sidebar-menu-sub-item.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsSidebarMenuSubItemProps } from '../models/ps-sidebar-menu-sub-item-props.js';
+export declare const PsSidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<PsSidebarMenuSubItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/components/ps-sidebar-menu-sub-item.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSidebarMenuSubItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsSidebarMenuSubItem = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("li", { ref: ref, "data-sidebar": 'menu-sub-item', className: ps_class_name_service_js_1.PsClassNameService.merge('', className), ...props })));
+exports.PsSidebarMenuSubItem.displayName = 'PsSidebarMenuSubItem';

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsSidebarMenuSubProps } from '../models/ps-sidebar-menu-sub-props.js';
+export declare const PsSidebarMenuSub: React.ForwardRefExoticComponent<Omit<PsSidebarMenuSubProps, "ref"> & React.RefAttributes<HTMLUListElement>>;

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

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSidebarMenuSub = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsSidebarMenuSub = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("ul", { ref: ref, "data-sidebar": 'menu-sub', className: ps_class_name_service_js_1.PsClassNameService.merge('mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden', className), ...props })));
+exports.PsSidebarMenuSub.displayName = 'PsSidebarMenuSub';

package/dist/components/ps-sidebar-menu.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsSidebarMenuProps } from '../models/ps-sidebar-menu-props.js';
+export declare const PsSidebarMenu: React.ForwardRefExoticComponent<Omit<PsSidebarMenuProps, "ref"> & React.RefAttributes<HTMLUListElement>>;

package/dist/components/ps-sidebar-menu.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSidebarMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsSidebarMenu = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("ul", { ref: ref, "data-sidebar": 'menu', className: ps_class_name_service_js_1.PsClassNameService.merge('flex w-full min-w-0 flex-col gap-1', className), ...props })));
+exports.PsSidebarMenu.displayName = 'PsSidebarMenu';

package/dist/components/ps-sidebar-nav-groups.d.ts

@@ -0,0 +1,2 @@
+import type { PsSidebarNavGroupsProps } from '../models/ps-sidebar-nav-groups-props.js';
+export declare const PsSidebarNavGroups: ({ groups, renderLink }: PsSidebarNavGroupsProps) => import("react").JSX.Element;

package/dist/components/ps-sidebar-nav-groups.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSidebarNavGroups = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_link_service_js_1 = require("../services/ps-link-service.js");
+const ps_sidebar_group_content_js_1 = require("./ps-sidebar-group-content.js");
+const ps_sidebar_group_label_js_1 = require("./ps-sidebar-group-label.js");
+const ps_sidebar_group_js_1 = require("./ps-sidebar-group.js");
+const ps_sidebar_menu_badge_js_1 = require("./ps-sidebar-menu-badge.js");
+const ps_sidebar_menu_button_js_1 = require("./ps-sidebar-menu-button.js");
+const ps_sidebar_menu_item_js_1 = require("./ps-sidebar-menu-item.js");
+const ps_sidebar_menu_js_1 = require("./ps-sidebar-menu.js");
+const PsSidebarNavGroups = ({ groups, renderLink }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groups.map((group) => ((0, jsx_runtime_1.jsxs)(ps_sidebar_group_js_1.PsSidebarGroup, { children: [(0, jsx_runtime_1.jsx)(ps_sidebar_group_label_js_1.PsSidebarGroupLabel, { children: group.label }), (0, jsx_runtime_1.jsx)(ps_sidebar_group_content_js_1.PsSidebarGroupContent, { children: (0, jsx_runtime_1.jsx)(ps_sidebar_menu_js_1.PsSidebarMenu, { children: group.items.map((item) => ((0, jsx_runtime_1.jsxs)(ps_sidebar_menu_item_js_1.PsSidebarMenuItem, { children: [(0, jsx_runtime_1.jsx)(ps_sidebar_menu_button_js_1.PsSidebarMenuButton, { asChild: true, isActive: item.active === true, tooltip: item.label, children: ps_link_service_js_1.PsLinkService.render(renderLink, {
+                                    active: item.active,
+                                    children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [item.icon, (0, jsx_runtime_1.jsx)("span", { children: item.label })] })),
+                                    className: '',
+                                    href: item.href,
+                                }) }), item.badge === undefined ? null : ((0, jsx_runtime_1.jsx)(ps_sidebar_menu_badge_js_1.PsSidebarMenuBadge, { children: item.badge }))] }, item.id))) }) })] }, group.id))) }));
+exports.PsSidebarNavGroups = PsSidebarNavGroups;

package/dist/components/ps-sidebar-provider.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsSidebarProviderProps } from '../models/ps-sidebar-provider-props.js';
+export declare const PsSidebarProvider: React.ForwardRefExoticComponent<Omit<PsSidebarProviderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ps-sidebar-provider.js

@@ -0,0 +1,89 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSidebarProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_sidebar_config_js_1 = require("../constants/ps-sidebar-config.js");
+const ps_sidebar_state_js_1 = require("../constants/ps-sidebar-state.js");
+const ps_sidebar_context_js_1 = require("../contexts/ps-sidebar-context.js");
+const use_ps_is_mobile_js_1 = require("../hooks/use-ps-is-mobile.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_tooltip_provider_js_1 = require("./ps-tooltip-provider.js");
+exports.PsSidebarProvider = React.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange, className, style, children, ...props }, ref) => {
+    const isMobile = (0, use_ps_is_mobile_js_1.usePsIsMobile)();
+    const [openMobile, setOpenMobile] = React.useState(false);
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const open = openProp === undefined ? internalOpen : openProp;
+    const setOpen = React.useCallback((value) => {
+        if (onOpenChange === undefined)
+            setInternalOpen(value);
+        else
+            onOpenChange(value);
+        document.cookie = `${ps_sidebar_config_js_1.PsSidebarConfig.cookieName}=${value}; path=/; max-age=${ps_sidebar_config_js_1.PsSidebarConfig.cookieMaxAgeSeconds}; SameSite=Lax`;
+    }, [onOpenChange]);
+    const toggleSidebar = React.useCallback(() => {
+        if (isMobile)
+            setOpenMobile((current) => !current);
+        else
+            setOpen(!open);
+    }, [isMobile, open, setOpen]);
+    React.useEffect(() => {
+        const onKeyDown = (event) => {
+            if (event.key === ps_sidebar_config_js_1.PsSidebarConfig.keyboardShortcut && (event.metaKey || event.ctrlKey)) {
+                event.preventDefault();
+                toggleSidebar();
+            }
+        };
+        window.addEventListener('keydown', onKeyDown);
+        return () => window.removeEventListener('keydown', onKeyDown);
+    }, [toggleSidebar]);
+    const value = React.useMemo(() => ({
+        isMobile,
+        open,
+        openMobile,
+        setOpen,
+        setOpenMobile,
+        state: open ? ps_sidebar_state_js_1.PsSidebarState.Expanded : ps_sidebar_state_js_1.PsSidebarState.Collapsed,
+        toggleSidebar,
+    }), [isMobile, open, openMobile, setOpen, toggleSidebar]);
+    return ((0, jsx_runtime_1.jsx)(ps_sidebar_context_js_1.PsSidebarContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(ps_tooltip_provider_js_1.PsTooltipProvider, { delayDuration: 0, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, style: {
+                    '--sidebar-width': ps_sidebar_config_js_1.PsSidebarConfig.width,
+                    '--sidebar-width-icon': ps_sidebar_config_js_1.PsSidebarConfig.widthIcon,
+                    ...style,
+                }, className: ps_class_name_service_js_1.PsClassNameService.merge('group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar', className), ...props, children: children }) }) }));
+});
+exports.PsSidebarProvider.displayName = 'PsSidebarProvider';

package/dist/components/ps-sidebar-rail.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsSidebarRailProps } from '../models/ps-sidebar-rail-props.js';
+export declare const PsSidebarRail: React.ForwardRefExoticComponent<Omit<PsSidebarRailProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ps-sidebar-rail.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSidebarRail = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_sidebar_config_js_1 = require("../constants/ps-sidebar-config.js");
+const use_ps_sidebar_js_1 = require("../hooks/use-ps-sidebar.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsSidebarRail = React.forwardRef(({ className, ...props }, ref) => {
+    const { toggleSidebar } = (0, use_ps_sidebar_js_1.usePsSidebar)();
+    return ((0, jsx_runtime_1.jsx)("button", { ref: ref, "data-sidebar": 'rail', "aria-label": ps_sidebar_config_js_1.PsSidebarConfig.railLabel, tabIndex: -1, onClick: toggleSidebar, title: ps_sidebar_config_js_1.PsSidebarConfig.railLabel, type: 'button', className: ps_class_name_service_js_1.PsClassNameService.merge('absolute inset-y-0 z-docked hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex', '[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize', '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize', 'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar', '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=right][data-collapsible=offcanvas]_&]:-left-2', className), ...props }));
+});
+exports.PsSidebarRail.displayName = 'PsSidebarRail';

package/dist/components/ps-sidebar-separator.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsSidebarSeparatorProps } from '../models/ps-sidebar-separator-props.js';
+export declare const PsSidebarSeparator: React.ForwardRefExoticComponent<Omit<PsSidebarSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ps-sidebar-separator.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSidebarSeparator = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_separator_js_1 = require("./ps-separator.js");
+exports.PsSidebarSeparator = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(ps_separator_js_1.PsSeparator, { ref: ref, "data-sidebar": 'separator', className: ps_class_name_service_js_1.PsClassNameService.merge('mx-2 w-auto bg-sidebar-border', className), ...props })));
+exports.PsSidebarSeparator.displayName = 'PsSidebarSeparator';

package/dist/components/ps-sidebar-trigger.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsSidebarTriggerProps } from '../models/ps-sidebar-trigger-props.js';
+export declare const PsSidebarTrigger: React.ForwardRefExoticComponent<Omit<PsSidebarTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ps-sidebar-trigger.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSidebarTrigger = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const lucide_react_1 = require("lucide-react");
+const ps_sidebar_config_js_1 = require("../constants/ps-sidebar-config.js");
+const use_ps_sidebar_js_1 = require("../hooks/use-ps-sidebar.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_button_js_1 = require("./ps-button.js");
+exports.PsSidebarTrigger = React.forwardRef(({ className, onClick, ...props }, ref) => {
+    const { toggleSidebar } = (0, use_ps_sidebar_js_1.usePsSidebar)();
+    return ((0, jsx_runtime_1.jsxs)(ps_button_js_1.PsButton, { ref: ref, "data-sidebar": 'trigger', variant: 'ghost', size: 'icon', className: ps_class_name_service_js_1.PsClassNameService.merge('size-8', className), onClick: (event) => {
+            onClick?.(event);
+            toggleSidebar();
+        }, ...props, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.PanelLeft, {}), (0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: ps_sidebar_config_js_1.PsSidebarConfig.toggleLabel })] }));
+});
+exports.PsSidebarTrigger.displayName = 'PsSidebarTrigger';

package/dist/components/ps-sidebar-user-menu.d.ts

@@ -0,0 +1,2 @@
+import type { PsSidebarUserMenuProps } from '../models/ps-sidebar-user-menu-props.js';
+export declare const PsSidebarUserMenu: ({ logoutHref, user }: PsSidebarUserMenuProps) => import("react").JSX.Element;

package/dist/components/ps-sidebar-user-menu.js

@@ -0,0 +1,26 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSidebarUserMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const ps_app_sidebar_config_js_1 = require("../constants/ps-app-sidebar-config.js");
+const use_ps_sidebar_js_1 = require("../hooks/use-ps-sidebar.js");
+const ps_avatar_fallback_js_1 = require("./ps-avatar-fallback.js");
+const ps_avatar_image_js_1 = require("./ps-avatar-image.js");
+const ps_avatar_js_1 = require("./ps-avatar.js");
+const ps_dropdown_menu_content_js_1 = require("./ps-dropdown-menu-content.js");
+const ps_dropdown_menu_item_js_1 = require("./ps-dropdown-menu-item.js");
+const ps_dropdown_menu_label_js_1 = require("./ps-dropdown-menu-label.js");
+const ps_dropdown_menu_separator_js_1 = require("./ps-dropdown-menu-separator.js");
+const ps_dropdown_menu_trigger_js_1 = require("./ps-dropdown-menu-trigger.js");
+const ps_dropdown_menu_js_1 = require("./ps-dropdown-menu.js");
+const ps_sidebar_menu_button_js_1 = require("./ps-sidebar-menu-button.js");
+const ps_sidebar_menu_item_js_1 = require("./ps-sidebar-menu-item.js");
+const ps_sidebar_menu_js_1 = require("./ps-sidebar-menu.js");
+const PsSidebarUserMenu = ({ logoutHref, user }) => {
+    const { isMobile } = (0, use_ps_sidebar_js_1.usePsSidebar)();
+    const avatar = ((0, jsx_runtime_1.jsxs)(ps_avatar_js_1.PsAvatar, { className: 'size-8 rounded-lg', children: [user.avatarUrl ? (0, jsx_runtime_1.jsx)(ps_avatar_image_js_1.PsAvatarImage, { alt: user.displayName, src: user.avatarUrl }) : null, (0, jsx_runtime_1.jsx)(ps_avatar_fallback_js_1.PsAvatarFallback, { className: 'rounded-lg text-xs', children: user.displayName.slice(0, 1).toUpperCase() })] }));
+    return ((0, jsx_runtime_1.jsx)(ps_sidebar_menu_js_1.PsSidebarMenu, { children: (0, jsx_runtime_1.jsx)(ps_sidebar_menu_item_js_1.PsSidebarMenuItem, { children: (0, jsx_runtime_1.jsxs)(ps_dropdown_menu_js_1.PsDropdownMenu, { children: [(0, jsx_runtime_1.jsx)(ps_dropdown_menu_trigger_js_1.PsDropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(ps_sidebar_menu_button_js_1.PsSidebarMenuButton, { className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', size: 'lg', tooltip: user.displayName, children: [avatar, (0, jsx_runtime_1.jsxs)("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: [(0, jsx_runtime_1.jsx)("span", { className: 'truncate font-semibold', children: user.displayName }), (0, jsx_runtime_1.jsx)("span", { className: 'truncate text-xs text-muted-foreground', children: ps_app_sidebar_config_js_1.PsAppSidebarConfig.account })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: 'ml-auto' })] }) }), (0, jsx_runtime_1.jsxs)(ps_dropdown_menu_content_js_1.PsDropdownMenuContent, { align: 'end', className: 'w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg', side: isMobile ? 'bottom' : 'right', sideOffset: 4, children: [(0, jsx_runtime_1.jsx)(ps_dropdown_menu_label_js_1.PsDropdownMenuLabel, { className: 'p-0 font-normal', children: (0, jsx_runtime_1.jsxs)("div", { className: 'flex items-center gap-2 px-1 py-1.5 text-left text-sm', children: [avatar, (0, jsx_runtime_1.jsx)("span", { className: 'truncate font-semibold', children: user.displayName })] }) }), (0, jsx_runtime_1.jsx)(ps_dropdown_menu_separator_js_1.PsDropdownMenuSeparator, {}), (0, jsx_runtime_1.jsx)("form", { action: logoutHref, method: 'post', children: (0, jsx_runtime_1.jsx)(ps_dropdown_menu_item_js_1.PsDropdownMenuItem, { asChild: true, children: (0, jsx_runtime_1.jsxs)("button", { className: 'flex w-full cursor-pointer items-center gap-2', type: 'submit', children: [(0, jsx_runtime_1.jsx)(lucide_react_1.LogOut, {}), ps_app_sidebar_config_js_1.PsAppSidebarConfig.signOut] }) }) })] })] }) }) }));
+};
+exports.PsSidebarUserMenu = PsSidebarUserMenu;

package/dist/components/ps-sidebar-workspace-switcher.d.ts

@@ -0,0 +1,2 @@
+import type { PsSidebarWorkspaceSwitcherProps } from '../models/ps-sidebar-workspace-switcher-props.js';
+export declare const PsSidebarWorkspaceSwitcher: ({ appTitle, homeHref, logoAlt, logoSrc, renderLink, switcher, }: PsSidebarWorkspaceSwitcherProps) => import("react").JSX.Element;