@pallasoft/ps-internal-components 1.5.0 → 1.6.0

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

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

package/dist/esm/components/ps-sidebar-workspace-switcher.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronsUpDown } from 'lucide-react';
+import { PsAppSidebarConfig } from '../constants/ps-app-sidebar-config.js';
+import { usePsSidebar } from '../hooks/use-ps-sidebar.js';
+import { PsLinkService } from '../services/ps-link-service.js';
+import { PsDropdownMenuContent } from './ps-dropdown-menu-content.js';
+import { PsDropdownMenuItem } from './ps-dropdown-menu-item.js';
+import { PsDropdownMenuLabel } from './ps-dropdown-menu-label.js';
+import { PsDropdownMenuTrigger } from './ps-dropdown-menu-trigger.js';
+import { PsDropdownMenu } from './ps-dropdown-menu.js';
+import { PsSidebarMenuButton } from './ps-sidebar-menu-button.js';
+import { PsSidebarMenuItem } from './ps-sidebar-menu-item.js';
+import { PsSidebarMenu } from './ps-sidebar-menu.js';
+import { PsWorkspaceBadge } from './ps-workspace-badge.js';
+export const PsSidebarWorkspaceSwitcher = ({ appTitle, homeHref, logoAlt = PsAppSidebarConfig.logoAlt, logoSrc, renderLink, switcher, }) => {
+    const { isMobile } = usePsSidebar();
+    const active = switcher === undefined ? undefined : switcher.items.find((item) => item.active);
+    const brand = (_jsx("div", { className: 'flex aspect-square size-8 shrink-0 items-center justify-center rounded-lg border bg-background', children: _jsx("img", { alt: logoAlt, className: 'size-5 object-contain', src: logoSrc }) }));
+    if (switcher === undefined) {
+        return (_jsx(PsSidebarMenu, { children: _jsx(PsSidebarMenuItem, { children: _jsx(PsSidebarMenuButton, { asChild: true, size: 'lg', tooltip: appTitle, children: PsLinkService.render(renderLink, {
+                        children: (_jsxs(_Fragment, { children: [brand, _jsx("span", { className: 'truncate font-semibold', children: appTitle })] })),
+                        className: '',
+                        href: homeHref,
+                    }) }) }) }));
+    }
+    return (_jsx(PsSidebarMenu, { children: _jsx(PsSidebarMenuItem, { children: _jsxs(PsDropdownMenu, { children: [_jsx(PsDropdownMenuTrigger, { asChild: true, children: _jsxs(PsSidebarMenuButton, { className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', size: 'lg', tooltip: active === undefined ? appTitle : active.label, children: [active === undefined ? (brand) : (_jsx(PsWorkspaceBadge, { active: true, iconUrl: active.iconUrl, initials: active.initials, size: 'lg' })), _jsxs("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: [_jsx("span", { className: 'truncate font-semibold', children: active === undefined ? appTitle : active.label }), _jsx("span", { className: 'truncate text-xs text-muted-foreground', children: active === undefined ? switcher.placeholder : appTitle })] }), _jsx(ChevronsUpDown, { className: 'ml-auto' })] }) }), _jsxs(PsDropdownMenuContent, { align: 'start', className: 'w-[--radix-dropdown-menu-trigger-width] min-w-60 rounded-lg', side: isMobile ? 'bottom' : 'right', sideOffset: 4, children: [_jsx(PsDropdownMenuLabel, { className: 'text-xs text-muted-foreground', children: switcher.label }), _jsx(PsDropdownMenuItem, { asChild: true, className: 'gap-2 p-2', children: PsLinkService.render(renderLink, {
+                                    children: (_jsxs(_Fragment, { children: [brand, _jsx("span", { className: 'font-medium', children: appTitle })] })),
+                                    className: '',
+                                    href: homeHref,
+                                }) }), switcher.items.map((item) => (_jsx(PsDropdownMenuItem, { asChild: true, className: 'gap-2 p-2', children: PsLinkService.render(renderLink, {
+                                    active: item.active,
+                                    children: (_jsxs(_Fragment, { children: [_jsx(PsWorkspaceBadge, { active: item.active, iconUrl: item.iconUrl, initials: item.initials, size: 'lg' }), _jsxs("span", { className: 'grid min-w-0 flex-1 leading-tight', children: [_jsx("span", { className: 'truncate font-medium', children: item.label }), _jsx("span", { className: 'truncate text-xs text-muted-foreground', children: item.description })] })] })),
+                                    className: '',
+                                    href: item.href,
+                                }) }, item.id)))] })] }) }) }));
+};

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

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsSidebarConfig } from '../constants/ps-sidebar-config.js';
+import { PsSidebarState } from '../constants/ps-sidebar-state.js';
+import { usePsSidebar } from '../hooks/use-ps-sidebar.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsSheetContent } from './ps-sheet-content.js';
+import { PsSheetDescription } from './ps-sheet-description.js';
+import { PsSheetHeader } from './ps-sheet-header.js';
+import { PsSheetTitle } from './ps-sheet-title.js';
+import { PsSheet } from './ps-sheet.js';
+export const PsSidebar = React.forwardRef(({ side = 'left', variant = 'sidebar', collapsible = 'offcanvas', className, children, ...props }, ref) => {
+    const { isMobile, state, openMobile, setOpenMobile } = usePsSidebar();
+    const isFramed = variant === 'floating' || variant === 'inset';
+    if (collapsible === 'none') {
+        return (_jsx("div", { ref: ref, className: PsClassNameService.merge('flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground', className), ...props, children: children }));
+    }
+    if (isMobile) {
+        return (_jsx(PsSheet, { open: openMobile, onOpenChange: setOpenMobile, children: _jsxs(PsSheetContent, { "data-sidebar": 'sidebar', "data-mobile": 'true', className: 'w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden', style: { '--sidebar-width': PsSidebarConfig.widthMobile }, side: side, children: [_jsxs(PsSheetHeader, { className: 'sr-only', children: [_jsx(PsSheetTitle, { children: PsSidebarConfig.mobileTitle }), _jsx(PsSheetDescription, { children: PsSidebarConfig.mobileDescription })] }), _jsx("div", { className: 'flex h-full w-full flex-col', children: children })] }) }));
+    }
+    return (_jsxs("div", { ref: ref, className: 'group peer hidden text-sidebar-foreground md:block', "data-state": state, "data-collapsible": state === PsSidebarState.Collapsed ? collapsible : '', "data-variant": variant, "data-side": side, children: [_jsx("div", { className: PsClassNameService.merge('relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear', 'group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180', isFramed
+                    ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'
+                    : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon]') }), _jsx("div", { className: PsClassNameService.merge('fixed inset-y-0 z-docked hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex', side === 'left'
+                    ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'
+                    : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]', isFramed
+                    ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'
+                    : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l', className), ...props, children: _jsx("div", { "data-sidebar": 'sidebar', className: 'flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow', children: children }) })] }));
+});
+PsSidebar.displayName = 'PsSidebar';

package/dist/esm/constants/ps-app-sidebar-config.js

@@ -0,0 +1,7 @@
+export const PsAppSidebarConfig = {
+    account: 'Account',
+    breadcrumbLabel: 'Breadcrumb',
+    logoAlt: 'App logo',
+    signOut: 'Sign out',
+    switchLabel: 'Switch',
+};

package/dist/esm/constants/ps-sidebar-config.js

@@ -0,0 +1,14 @@
+export const PsSidebarConfig = {
+    cookieMaxAgeSeconds: 60 * 60 * 24 * 365,
+    cookieName: 'ps_sidebar_state',
+    keyboardShortcut: 'b',
+    mobileBreakpoint: 768,
+    mobileTitle: 'Navigation',
+    mobileDescription: 'Pages and products in this app.',
+    missingContext: 'usePsSidebar must be used inside PsSidebarProvider.',
+    railLabel: 'Toggle sidebar',
+    toggleLabel: 'Toggle sidebar',
+    width: '16rem',
+    widthIcon: '3rem',
+    widthMobile: '18rem',
+};

package/dist/esm/constants/ps-sidebar-menu-button-variants.js

@@ -0,0 +1,18 @@
+import { cva } from 'class-variance-authority';
+export const PsSidebarMenuButtonVariants = cva('peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] 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 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',
+            outline: 'bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]',
+        },
+        size: {
+            default: 'h-8 text-sm',
+            sm: 'h-7 text-xs',
+            lg: 'h-12 text-sm group-data-[collapsible=icon]:!p-0',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});

package/dist/esm/constants/ps-sidebar-state.js

@@ -0,0 +1,5 @@
+export var PsSidebarState;
+(function (PsSidebarState) {
+    PsSidebarState["Collapsed"] = "collapsed";
+    PsSidebarState["Expanded"] = "expanded";
+})(PsSidebarState || (PsSidebarState = {}));

package/dist/esm/contexts/ps-sidebar-context.js

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export const PsSidebarContext = React.createContext(null);

package/dist/esm/hooks/use-ps-dialog-state.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export const usePsDialogState = () => {
+    const [value, setValue] = React.useState({ item: null, open: false });
+    const show = React.useCallback((item) => setValue({ item, open: true }), []);
+    const close = React.useCallback(() => setValue((current) => ({ ...current, open: false })), []);
+    const onOpenChange = React.useCallback((open) => setValue((current) => ({ ...current, open })), []);
+    return { close, item: value.item, onOpenChange, open: value.open, show };
+};

package/dist/esm/hooks/use-ps-is-mobile.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { PsSidebarConfig } from '../constants/ps-sidebar-config.js';
+export const usePsIsMobile = () => {
+    const [isMobile, setIsMobile] = React.useState(false);
+    React.useEffect(() => {
+        const query = window.matchMedia(`(max-width: ${PsSidebarConfig.mobileBreakpoint - 1}px)`);
+        const update = () => setIsMobile(query.matches);
+        update();
+        query.addEventListener('change', update);
+        return () => query.removeEventListener('change', update);
+    }, []);
+    return isMobile;
+};

package/dist/esm/hooks/use-ps-sidebar.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { PsSidebarConfig } from '../constants/ps-sidebar-config.js';
+import { PsSidebarContext } from '../contexts/ps-sidebar-context.js';
+export const usePsSidebar = () => {
+    const context = React.useContext(PsSidebarContext);
+    if (context === null)
+        throw new Error(PsSidebarConfig.missingContext);
+    return context;
+};

package/dist/esm/index.js

@@ -13,6 +13,7 @@ export * from './components/ps-alert-dialog.js';
 export * from './components/ps-alert-title.js';
 export * from './components/ps-alert.js';
 export * from './components/ps-app-header.js';
+export * from './components/ps-app-sidebar.js';
 export * from './components/ps-app-switcher-section.js';
 export * from './components/ps-app-switcher-tile.js';
 export * from './components/ps-app-switcher.js';
@@ -140,6 +141,30 @@ export * from './components/ps-sheet-portal.js';
 export * from './components/ps-sheet-title.js';
 export * from './components/ps-sheet-trigger.js';
 export * from './components/ps-sheet.js';
+export * from './components/ps-sidebar-content.js';
+export * from './components/ps-sidebar-footer.js';
+export * from './components/ps-sidebar-group-content.js';
+export * from './components/ps-sidebar-group-label.js';
+export * from './components/ps-sidebar-group.js';
+export * from './components/ps-sidebar-header.js';
+export * from './components/ps-sidebar-inset.js';
+export * from './components/ps-sidebar-layout.js';
+export * from './components/ps-sidebar-menu-action.js';
+export * from './components/ps-sidebar-menu-badge.js';
+export * from './components/ps-sidebar-menu-button.js';
+export * from './components/ps-sidebar-menu-item.js';
+export * from './components/ps-sidebar-menu-sub-button.js';
+export * from './components/ps-sidebar-menu-sub-item.js';
+export * from './components/ps-sidebar-menu-sub.js';
+export * from './components/ps-sidebar-menu.js';
+export * from './components/ps-sidebar-nav-groups.js';
+export * from './components/ps-sidebar-provider.js';
+export * from './components/ps-sidebar-rail.js';
+export * from './components/ps-sidebar-separator.js';
+export * from './components/ps-sidebar-trigger.js';
+export * from './components/ps-sidebar-user-menu.js';
+export * from './components/ps-sidebar-workspace-switcher.js';
+export * from './components/ps-sidebar.js';
 export * from './components/ps-skeleton.js';
 export * from './components/ps-skeleton-card-grid.js';
 export * from './components/ps-skeleton-list-card.js';
@@ -180,6 +205,7 @@ export * from './constants/ps-alert-variants.js';
 export * from './constants/ps-app-category-labels.js';
 export * from './constants/ps-app-category.js';
 export * from './constants/ps-app-key.js';
+export * from './constants/ps-app-sidebar-config.js';
 export * from './constants/ps-app-switcher-config.js';
 export * from './constants/ps-badge-variants.js';
 export * from './constants/ps-button-variants.js';
@@ -201,10 +227,17 @@ export * from './constants/ps-password-input-config.js';
 export * from './constants/ps-phone-input-config.js';
 export * from './constants/ps-root-status-messages.js';
 export * from './constants/ps-sheet-variants.js';
+export * from './constants/ps-sidebar-config.js';
+export * from './constants/ps-sidebar-menu-button-variants.js';
+export * from './constants/ps-sidebar-state.js';
 export * from './constants/ps-toggle-variants.js';
 export * from './contexts/ps-chart-context.js';
+export * from './contexts/ps-sidebar-context.js';
 export * from './contexts/ps-toggle-group-context.js';
 export * from './hooks/use-ps-chart.js';
+export * from './hooks/use-ps-dialog-state.js';
+export * from './hooks/use-ps-is-mobile.js';
+export * from './hooks/use-ps-sidebar.js';
 export * from './models/ps-alert-description-props.js';
 export * from './models/ps-alert-dialog-action-props.js';
 export * from './models/ps-alert-dialog-cancel-props.js';
@@ -220,6 +253,9 @@ export * from './models/ps-app-header-link-data.js';
 export * from './models/ps-app-header-nav-item-data.js';
 export * from './models/ps-app-header-props.js';
 export * from './models/ps-app-header-user-data.js';
+export * from './models/ps-app-sidebar-group-data.js';
+export * from './models/ps-app-sidebar-item-data.js';
+export * from './models/ps-app-sidebar-props.js';
 export * from './models/ps-app-switcher-link-data.js';
 export * from './models/ps-app-switcher-props.js';
 export * from './models/ps-app-switcher-section-data.js';
@@ -270,6 +306,8 @@ export * from './models/ps-dialog-description-props.js';
 export * from './models/ps-dialog-footer-props.js';
 export * from './models/ps-dialog-header-props.js';
 export * from './models/ps-dialog-overlay-props.js';
+export * from './models/ps-dialog-state-data.js';
+export * from './models/ps-dialog-state-value.js';
 export * from './models/ps-dialog-title-props.js';
 export * from './models/ps-dropdown-menu-checkbox-item-props.js';
 export * from './models/ps-dropdown-menu-content-props.js';
@@ -329,6 +367,31 @@ export * from './models/ps-sheet-footer-props.js';
 export * from './models/ps-sheet-header-props.js';
 export * from './models/ps-sheet-overlay-props.js';
 export * from './models/ps-sheet-title-props.js';
+export * from './models/ps-sidebar-content-props.js';
+export * from './models/ps-sidebar-context-data.js';
+export * from './models/ps-sidebar-footer-props.js';
+export * from './models/ps-sidebar-group-content-props.js';
+export * from './models/ps-sidebar-group-label-props.js';
+export * from './models/ps-sidebar-group-props.js';
+export * from './models/ps-sidebar-header-props.js';
+export * from './models/ps-sidebar-inset-props.js';
+export * from './models/ps-sidebar-layout-props.js';
+export * from './models/ps-sidebar-menu-action-props.js';
+export * from './models/ps-sidebar-menu-badge-props.js';
+export * from './models/ps-sidebar-menu-button-props.js';
+export * from './models/ps-sidebar-menu-item-props.js';
+export * from './models/ps-sidebar-menu-props.js';
+export * from './models/ps-sidebar-menu-sub-button-props.js';
+export * from './models/ps-sidebar-menu-sub-item-props.js';
+export * from './models/ps-sidebar-menu-sub-props.js';
+export * from './models/ps-sidebar-nav-groups-props.js';
+export * from './models/ps-sidebar-props.js';
+export * from './models/ps-sidebar-provider-props.js';
+export * from './models/ps-sidebar-rail-props.js';
+export * from './models/ps-sidebar-separator-props.js';
+export * from './models/ps-sidebar-trigger-props.js';
+export * from './models/ps-sidebar-user-menu-props.js';
+export * from './models/ps-sidebar-workspace-switcher-props.js';
 export * from './models/ps-skeleton-props.js';
 export * from './models/ps-skeleton-card-grid-props.js';
 export * from './models/ps-skeleton-list-card-props.js';
@@ -383,7 +446,9 @@ export * from './models/ps-pagination-item-props.js';
 export * from './models/ps-pagination-link-props.js';
 export * from './models/ps-pagination-props.js';
 export * from './constants/ps-pagination-config.js';
+export * from './services/ps-link-service.js';
 export * from './services/ps-pagination-service.js';
+export * from './services/ps-sidebar-service.js';
 export * from './components/ps-confirm-action.js';
 export * from './components/ps-notice.js';
 export * from './components/ps-page-header.js';

package/dist/esm/models/ps-app-sidebar-group-data.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-app-sidebar-item-data.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-app-sidebar-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-dialog-state-data.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-dialog-state-value.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-content-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-context-data.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-footer-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-group-content-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-group-label-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-group-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-header-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-inset-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-layout-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-menu-action-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-menu-badge-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-menu-button-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-menu-item-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-menu-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-menu-sub-button-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-menu-sub-item-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-menu-sub-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-nav-groups-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-provider-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-rail-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-separator-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-trigger-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-user-menu-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sidebar-workspace-switcher-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/services/ps-link-service.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export class PsLinkService {
+    static render(renderLink, props) {
+        if (renderLink !== undefined)
+            return renderLink(props);
+        return React.createElement('a', {
+            'aria-current': props.active ? 'page' : undefined,
+            'className': props.className,
+            'href': props.href,
+        }, props.children);
+    }
+}

package/dist/esm/services/ps-sidebar-service.js

@@ -0,0 +1,14 @@
+import { PsSidebarConfig } from '../constants/ps-sidebar-config.js';
+export class PsSidebarService {
+    static defaultOpen(cookieHeader) {
+        if (cookieHeader === null)
+            return true;
+        const entry = cookieHeader
+            .split(';')
+            .map((part) => part.trim())
+            .find((part) => part.startsWith(`${PsSidebarConfig.cookieName}=`));
+        return entry === undefined
+            ? true
+            : entry.slice(PsSidebarConfig.cookieName.length + 1) !== 'false';
+    }
+}

package/dist/hooks/use-ps-dialog-state.d.ts

@@ -0,0 +1,2 @@
+import type { PsDialogStateData } from '../models/ps-dialog-state-data.js';
+export declare const usePsDialogState: <T>() => PsDialogStateData<T>;

package/dist/hooks/use-ps-dialog-state.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.usePsDialogState = void 0;
+const React = __importStar(require("react"));
+const usePsDialogState = () => {
+    const [value, setValue] = React.useState({ item: null, open: false });
+    const show = React.useCallback((item) => setValue({ item, open: true }), []);
+    const close = React.useCallback(() => setValue((current) => ({ ...current, open: false })), []);
+    const onOpenChange = React.useCallback((open) => setValue((current) => ({ ...current, open })), []);
+    return { close, item: value.item, onOpenChange, open: value.open, show };
+};
+exports.usePsDialogState = usePsDialogState;

package/dist/hooks/use-ps-is-mobile.d.ts

@@ -0,0 +1 @@
+export declare const usePsIsMobile: () => boolean;

package/dist/hooks/use-ps-is-mobile.js

@@ -0,0 +1,50 @@
+"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.usePsIsMobile = void 0;
+const React = __importStar(require("react"));
+const ps_sidebar_config_js_1 = require("../constants/ps-sidebar-config.js");
+const usePsIsMobile = () => {
+    const [isMobile, setIsMobile] = React.useState(false);
+    React.useEffect(() => {
+        const query = window.matchMedia(`(max-width: ${ps_sidebar_config_js_1.PsSidebarConfig.mobileBreakpoint - 1}px)`);
+        const update = () => setIsMobile(query.matches);
+        update();
+        query.addEventListener('change', update);
+        return () => query.removeEventListener('change', update);
+    }, []);
+    return isMobile;
+};
+exports.usePsIsMobile = usePsIsMobile;

package/dist/hooks/use-ps-sidebar.d.ts

@@ -0,0 +1,2 @@
+import type { PsSidebarContextData } from '../models/ps-sidebar-context-data.js';
+export declare const usePsSidebar: () => PsSidebarContextData;

package/dist/hooks/use-ps-sidebar.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.usePsSidebar = void 0;
+const React = __importStar(require("react"));
+const ps_sidebar_config_js_1 = require("../constants/ps-sidebar-config.js");
+const ps_sidebar_context_js_1 = require("../contexts/ps-sidebar-context.js");
+const usePsSidebar = () => {
+    const context = React.useContext(ps_sidebar_context_js_1.PsSidebarContext);
+    if (context === null)
+        throw new Error(ps_sidebar_config_js_1.PsSidebarConfig.missingContext);
+    return context;
+};
+exports.usePsSidebar = usePsSidebar;