@pallasoft/ps-internal-components 1.0.0 → 1.1.0

package/dist/components/ps-app-header.js

@@ -1,22 +1,59 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { LogOut } from 'lucide-react';
-import { PsClassNameService } from '../services/ps-class-name-service.js';
-import { PsAppSwitcher } from './ps-app-switcher.js';
-import { PsAvatarFallback } from './ps-avatar-fallback.js';
-import { PsAvatarImage } from './ps-avatar-image.js';
-import { PsAvatar } from './ps-avatar.js';
-import { PsButton } from './ps-button.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 { PsWorkspaceSwitcher } from './ps-workspace-switcher.js';
-export const PsAppHeader = ({ appSwitcher, appTitle, logoAlt = 'Pallasoft logo', logoSrc, logoutHref, navItems = [], renderLink, user, workspaceSwitcher, }) => {
-    const link = (href, className, children, active) => renderLink ? (renderLink({ href, className, children, active })) : (_jsx("a", { href: href, className: className, "aria-current": active ? 'page' : undefined, children: children }));
-    return (_jsx("header", { className: 'sticky top-0 z-40 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80', children: _jsxs("div", { className: 'mx-auto flex w-full max-w-screen-2xl flex-col gap-3 px-4 py-3 sm:px-6', children: [_jsxs("div", { className: 'flex min-w-0 items-center justify-between gap-3', children: [_jsxs("div", { className: 'flex min-w-0 flex-1 items-center gap-2.5', children: [_jsx("div", { className: 'flex size-9 shrink-0 items-center justify-center rounded-lg border bg-muted', children: _jsx("img", { alt: logoAlt, className: 'size-5 object-contain', src: logoSrc }) }), _jsx("h1", { className: 'shrink-0 truncate text-sm font-semibold text-foreground', children: appTitle }), workspaceSwitcher ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": 'true', className: 'text-muted-foreground/60', children: "/" }), _jsx(PsWorkspaceSwitcher, { switcher: workspaceSwitcher, renderLink: renderLink })] })) : null] }), _jsxs("div", { className: 'flex shrink-0 items-center gap-1.5', children: [appSwitcher ? _jsx(PsAppSwitcher, { ...appSwitcher }) : null, user ? (_jsxs(PsDropdownMenu, { children: [_jsx(PsDropdownMenuTrigger, { asChild: true, children: _jsxs(PsButton, { variant: 'outline', className: 'h-9 max-w-[min(14rem,56vw)] gap-2 px-1.5 sm:pl-1.5 sm:pr-3', children: [_jsxs(PsAvatar, { className: 'size-6', children: [user.avatarUrl ? (_jsx(PsAvatarImage, { alt: user.displayName, src: user.avatarUrl })) : null, _jsx(PsAvatarFallback, { className: 'text-xs', children: user.displayName.slice(0, 1).toUpperCase() })] }), _jsx("span", { className: 'hidden min-w-0 truncate sm:inline', children: user.displayName })] }) }), _jsxs(PsDropdownMenuContent, { align: 'end', className: 'w-56', children: [_jsxs(PsDropdownMenuLabel, { className: 'flex flex-col gap-0.5', children: [_jsx("span", { children: "Account" }), _jsx("span", { className: 'truncate text-xs font-normal text-muted-foreground', 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, {}), "Sign out"] }) }) })] })] })) : null] })] }), navItems.length ? (_jsx("nav", { "aria-label": 'Primary', className: '-mb-px flex max-w-full gap-1 overflow-x-auto', children: navItems.map((item) => (_jsx(React.Fragment, { children: link(item.href, PsClassNameService.merge('inline-flex h-9 shrink-0 items-center rounded-md px-3 text-sm font-medium transition-colors', item.active
+"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.PsAppHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const lucide_react_1 = require("lucide-react");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_app_switcher_js_1 = require("./ps-app-switcher.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_button_js_1 = require("./ps-button.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_workspace_switcher_js_1 = require("./ps-workspace-switcher.js");
+const PsAppHeader = ({ appSwitcher, appTitle, logoAlt = 'Pallasoft logo', logoSrc, logoutHref, navItems = [], renderLink, user, workspaceSwitcher, }) => {
+    const link = (href, className, children, active) => renderLink ? (renderLink({ href, className, children, active })) : ((0, jsx_runtime_1.jsx)("a", { href: href, className: className, "aria-current": active ? 'page' : undefined, children: children }));
+    return ((0, jsx_runtime_1.jsx)("header", { className: 'sticky top-0 z-40 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80', children: (0, jsx_runtime_1.jsxs)("div", { className: 'mx-auto flex w-full max-w-screen-2xl flex-col gap-3 px-4 py-3 sm:px-6', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex min-w-0 items-center justify-between gap-3', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex min-w-0 flex-1 items-center gap-2.5', children: [(0, jsx_runtime_1.jsx)("div", { className: 'flex size-9 shrink-0 items-center justify-center rounded-lg border bg-muted', children: (0, jsx_runtime_1.jsx)("img", { alt: logoAlt, className: 'size-5 object-contain', src: logoSrc }) }), (0, jsx_runtime_1.jsx)("h1", { className: 'shrink-0 truncate text-sm font-semibold text-foreground', children: appTitle }), workspaceSwitcher ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": 'true', className: 'text-muted-foreground/60', children: "/" }), (0, jsx_runtime_1.jsx)(ps_workspace_switcher_js_1.PsWorkspaceSwitcher, { switcher: workspaceSwitcher, renderLink: renderLink })] })) : null] }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex shrink-0 items-center gap-1.5', children: [appSwitcher ? (0, jsx_runtime_1.jsx)(ps_app_switcher_js_1.PsAppSwitcher, { ...appSwitcher }) : null, user ? ((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_button_js_1.PsButton, { variant: 'outline', className: 'h-9 max-w-[min(14rem,56vw)] gap-2 px-1.5 sm:pl-1.5 sm:pr-3', children: [(0, jsx_runtime_1.jsxs)(ps_avatar_js_1.PsAvatar, { className: 'size-6', 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: 'text-xs', children: user.displayName.slice(0, 1).toUpperCase() })] }), (0, jsx_runtime_1.jsx)("span", { className: 'hidden min-w-0 truncate sm:inline', children: user.displayName })] }) }), (0, jsx_runtime_1.jsxs)(ps_dropdown_menu_content_js_1.PsDropdownMenuContent, { align: 'end', className: 'w-56', children: [(0, jsx_runtime_1.jsxs)(ps_dropdown_menu_label_js_1.PsDropdownMenuLabel, { className: 'flex flex-col gap-0.5', children: [(0, jsx_runtime_1.jsx)("span", { children: "Account" }), (0, jsx_runtime_1.jsx)("span", { className: 'truncate text-xs font-normal text-muted-foreground', 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, {}), "Sign out"] }) }) })] })] })) : null] })] }), navItems.length ? ((0, jsx_runtime_1.jsx)("nav", { "aria-label": 'Primary', className: '-mb-px flex max-w-full gap-1 overflow-x-auto', children: navItems.map((item) => ((0, jsx_runtime_1.jsx)(React.Fragment, { children: link(item.href, ps_class_name_service_js_1.PsClassNameService.merge('inline-flex h-9 shrink-0 items-center rounded-md px-3 text-sm font-medium transition-colors', item.active
                             ? 'bg-secondary text-secondary-foreground'
                             : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'), item.label, item.active) }, item.id))) })) : null] }) }));
 };
+exports.PsAppHeader = PsAppHeader;

package/dist/components/ps-app-switcher-section.js

@@ -1,3 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PsAppSwitcherTile } from './ps-app-switcher-tile.js';
-export const PsAppSwitcherSection = ({ section }) => (_jsxs("section", { className: 'flex flex-col gap-1', children: [_jsx("h3", { className: 'px-2 text-xs font-medium text-muted-foreground', children: section.label }), _jsx("div", { className: 'grid grid-cols-3 gap-1', children: section.links.map((link) => (_jsx(PsAppSwitcherTile, { link: link }, `${section.category}-${link.key}`))) })] }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsAppSwitcherSection = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_app_switcher_tile_js_1 = require("./ps-app-switcher-tile.js");
+const PsAppSwitcherSection = ({ section }) => ((0, jsx_runtime_1.jsxs)("section", { className: 'flex flex-col gap-1', children: [(0, jsx_runtime_1.jsx)("h3", { className: 'px-2 text-xs font-medium text-muted-foreground', children: section.label }), (0, jsx_runtime_1.jsx)("div", { className: 'grid grid-cols-3 gap-1', children: section.links.map((link) => ((0, jsx_runtime_1.jsx)(ps_app_switcher_tile_js_1.PsAppSwitcherTile, { link: link }, `${section.category}-${link.key}`))) })] }));
+exports.PsAppSwitcherSection = PsAppSwitcherSection;

package/dist/components/ps-app-switcher-tile.js

@@ -1,11 +1,48 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { PsAppSwitcherConfig } from '../constants/ps-app-switcher-config.js';
-import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsAppSwitcherTile = ({ link }) => {
+"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.PsAppSwitcherTile = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_app_switcher_config_js_1 = require("../constants/ps-app-switcher-config.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const PsAppSwitcherTile = ({ link }) => {
     const [iconIndex, setIconIndex] = React.useState(0);
     const iconUrls = [link.iconUrl, link.fallbackIconUrl].filter((url) => Boolean(url));
     const iconUrl = iconIndex < iconUrls.length ? iconUrls[iconIndex] : null;
-    return (_jsxs("a", { href: link.url, target: link.external ? PsAppSwitcherConfig.externalTarget : undefined, rel: link.external ? PsAppSwitcherConfig.externalRel : undefined, "aria-current": link.current ? 'page' : undefined, title: link.name, className: PsClassNameService.merge('group flex min-w-0 flex-col items-center gap-2 rounded-lg px-1 py-2.5 text-center transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', link.current && 'hover:bg-transparent'), children: [_jsx("span", { className: PsClassNameService.merge('flex size-10 items-center justify-center overflow-hidden rounded-full border bg-background text-xs font-semibold text-foreground transition-shadow', link.current &&
-                    'border-primary ring-2 ring-primary/30 ring-offset-2 ring-offset-background'), children: iconUrl ? (_jsx("img", { alt: '', className: 'size-6 object-contain', loading: 'lazy', onError: () => setIconIndex((current) => current + 1), src: iconUrl })) : (link.initials) }), _jsx("span", { className: PsClassNameService.merge('line-clamp-2 w-full text-xs leading-tight text-foreground', link.current && 'font-medium text-primary'), children: link.name })] }));
+    return ((0, jsx_runtime_1.jsxs)("a", { href: link.url, target: link.external ? ps_app_switcher_config_js_1.PsAppSwitcherConfig.externalTarget : undefined, rel: link.external ? ps_app_switcher_config_js_1.PsAppSwitcherConfig.externalRel : undefined, "aria-current": link.current ? 'page' : undefined, title: link.name, className: ps_class_name_service_js_1.PsClassNameService.merge('group flex min-w-0 flex-col items-center gap-2 rounded-lg px-1 py-2.5 text-center transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', link.current && 'hover:bg-transparent'), children: [(0, jsx_runtime_1.jsx)("span", { className: ps_class_name_service_js_1.PsClassNameService.merge('flex size-10 items-center justify-center overflow-hidden rounded-full border bg-background text-xs font-semibold text-foreground transition-shadow', link.current &&
+                    'border-primary ring-2 ring-primary/30 ring-offset-2 ring-offset-background'), children: iconUrl ? ((0, jsx_runtime_1.jsx)("img", { alt: '', className: 'size-6 object-contain', loading: 'lazy', onError: () => setIconIndex((current) => current + 1), src: iconUrl })) : (link.initials) }), (0, jsx_runtime_1.jsx)("span", { className: ps_class_name_service_js_1.PsClassNameService.merge('line-clamp-2 w-full text-xs leading-tight text-foreground', link.current && 'font-medium text-primary'), children: link.name })] }));
 };
+exports.PsAppSwitcherTile = PsAppSwitcherTile;

package/dist/components/ps-app-switcher.js

@@ -1,16 +1,53 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { LayoutGrid } from 'lucide-react';
-import { PsAppSwitcherConfig } from '../constants/ps-app-switcher-config.js';
-import { PsAppSwitcherService } from '../services/ps-app-switcher-service.js';
-import { PsAppSwitcherSection } from './ps-app-switcher-section.js';
-import { PsButton } from './ps-button.js';
-import { PsPopoverContent } from './ps-popover-content.js';
-import { PsPopoverTrigger } from './ps-popover-trigger.js';
-import { PsPopover } from './ps-popover.js';
-import { PsScrollArea } from './ps-scroll-area.js';
-import { PsSeparator } from './ps-separator.js';
-export const PsAppSwitcher = ({ currentAppKey, appUrls }) => {
-    const sections = React.useMemo(() => PsAppSwitcherService.sections(appUrls, currentAppKey), [appUrls, currentAppKey]);
-    return (_jsxs(PsPopover, { children: [_jsx(PsPopoverTrigger, { asChild: true, children: _jsx(PsButton, { variant: 'ghost', size: 'icon', "aria-label": PsAppSwitcherConfig.triggerLabel, title: PsAppSwitcherConfig.title, children: _jsx(LayoutGrid, {}) }) }), _jsx(PsPopoverContent, { align: 'end', sideOffset: 8, className: 'w-[min(22rem,calc(100vw-2rem))] p-0', children: _jsx(PsScrollArea, { className: 'h-[min(32rem,calc(100vh-6rem))]', children: _jsx("div", { className: 'flex flex-col gap-3 p-3', children: sections.map((section, index) => (_jsxs(React.Fragment, { children: [index > 0 ? _jsx(PsSeparator, {}) : null, _jsx(PsAppSwitcherSection, { section: section })] }, section.category))) }) }) })] }));
+"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.PsAppSwitcher = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const lucide_react_1 = require("lucide-react");
+const ps_app_switcher_config_js_1 = require("../constants/ps-app-switcher-config.js");
+const ps_app_switcher_service_js_1 = require("../services/ps-app-switcher-service.js");
+const ps_app_switcher_section_js_1 = require("./ps-app-switcher-section.js");
+const ps_button_js_1 = require("./ps-button.js");
+const ps_popover_content_js_1 = require("./ps-popover-content.js");
+const ps_popover_trigger_js_1 = require("./ps-popover-trigger.js");
+const ps_popover_js_1 = require("./ps-popover.js");
+const ps_scroll_area_js_1 = require("./ps-scroll-area.js");
+const ps_separator_js_1 = require("./ps-separator.js");
+const PsAppSwitcher = ({ currentAppKey, appUrls }) => {
+    const sections = React.useMemo(() => ps_app_switcher_service_js_1.PsAppSwitcherService.sections(appUrls, currentAppKey), [appUrls, currentAppKey]);
+    return ((0, jsx_runtime_1.jsxs)(ps_popover_js_1.PsPopover, { children: [(0, jsx_runtime_1.jsx)(ps_popover_trigger_js_1.PsPopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(ps_button_js_1.PsButton, { variant: 'ghost', size: 'icon', "aria-label": ps_app_switcher_config_js_1.PsAppSwitcherConfig.triggerLabel, title: ps_app_switcher_config_js_1.PsAppSwitcherConfig.title, children: (0, jsx_runtime_1.jsx)(lucide_react_1.LayoutGrid, {}) }) }), (0, jsx_runtime_1.jsx)(ps_popover_content_js_1.PsPopoverContent, { align: 'end', sideOffset: 8, className: 'w-[min(22rem,calc(100vw-2rem))] p-0', children: (0, jsx_runtime_1.jsx)(ps_scroll_area_js_1.PsScrollArea, { className: 'h-[min(32rem,calc(100vh-6rem))]', children: (0, jsx_runtime_1.jsx)("div", { className: 'flex flex-col gap-3 p-3', children: sections.map((section, index) => ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [index > 0 ? (0, jsx_runtime_1.jsx)(ps_separator_js_1.PsSeparator, {}) : null, (0, jsx_runtime_1.jsx)(ps_app_switcher_section_js_1.PsAppSwitcherSection, { section: section })] }, section.category))) }) }) })] }));
 };
+exports.PsAppSwitcher = PsAppSwitcher;

package/dist/components/ps-avatar-fallback.js

@@ -1,6 +1,42 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsAvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Fallback, { ref: ref, className: PsClassNameService.merge('flex h-full w-full items-center justify-center rounded-full bg-muted', className), ...props })));
-PsAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+"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.PsAvatarFallback = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const AvatarPrimitive = __importStar(require("@radix-ui/react-avatar"));
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsAvatarFallback = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AvatarPrimitive.Fallback, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('flex h-full w-full items-center justify-center rounded-full bg-muted', className), ...props })));
+exports.PsAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;

package/dist/components/ps-avatar-image.js

@@ -1,6 +1,42 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsAvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: PsClassNameService.merge('aspect-square h-full w-full', className), ...props })));
-PsAvatarImage.displayName = AvatarPrimitive.Image.displayName;
+"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.PsAvatarImage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const AvatarPrimitive = __importStar(require("@radix-ui/react-avatar"));
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsAvatarImage = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AvatarPrimitive.Image, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('aspect-square h-full w-full', className), ...props })));
+exports.PsAvatarImage.displayName = AvatarPrimitive.Image.displayName;

package/dist/components/ps-avatar.js

@@ -1,7 +1,43 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { PsClassNameService } from '../services/ps-class-name-service.js';
-import { PsSkeleton } from './ps-skeleton.js';
-export const PsAvatar = React.forwardRef(({ className, isLoading = false, ...props }, ref) => isLoading ? (_jsx(PsSkeleton, { className: PsClassNameService.merge('h-10 w-10 shrink-0 rounded-full', className) })) : (_jsx(AvatarPrimitive.Root, { ref: ref, className: PsClassNameService.merge('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className), ...props })));
-PsAvatar.displayName = AvatarPrimitive.Root.displayName;
+"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.PsAvatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const AvatarPrimitive = __importStar(require("@radix-ui/react-avatar"));
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_skeleton_js_1 = require("./ps-skeleton.js");
+exports.PsAvatar = React.forwardRef(({ className, isLoading = false, ...props }, ref) => isLoading ? ((0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: ps_class_name_service_js_1.PsClassNameService.merge('h-10 w-10 shrink-0 rounded-full', className) })) : ((0, jsx_runtime_1.jsx)(AvatarPrimitive.Root, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className), ...props })));
+exports.PsAvatar.displayName = AvatarPrimitive.Root.displayName;

package/dist/components/ps-badge.js

@@ -1,9 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PsBadgeVariants } from '../constants/ps-badge-variants.js';
-import { PsClassNameService } from '../services/ps-class-name-service.js';
-import { PsSkeleton } from './ps-skeleton.js';
-export const PsBadge = ({ className, isLoading = false, variant, ...props }) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsBadge = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_badge_variants_js_1 = require("../constants/ps-badge-variants.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_skeleton_js_1 = require("./ps-skeleton.js");
+const PsBadge = ({ className, isLoading = false, variant, ...props }) => {
     if (isLoading)
-        return _jsx(PsSkeleton, { className: PsClassNameService.merge('h-5 w-16 rounded-full', className) });
-    return (_jsx("div", { className: PsClassNameService.merge(PsBadgeVariants({ variant }), className), ...props }));
+        return (0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: ps_class_name_service_js_1.PsClassNameService.merge('h-5 w-16 rounded-full', className) });
+    return ((0, jsx_runtime_1.jsx)("div", { className: ps_class_name_service_js_1.PsClassNameService.merge((0, ps_badge_variants_js_1.PsBadgeVariants)({ variant }), className), ...props }));
 };
+exports.PsBadge = PsBadge;

package/dist/components/ps-breadcrumb-ellipsis.js

@@ -1,5 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MoreHorizontal } from 'lucide-react';
-import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsBreadcrumbEllipsis = ({ className, ...props }) => (_jsxs("span", { role: 'presentation', "aria-hidden": 'true', className: PsClassNameService.merge('flex h-9 w-9 items-center justify-center', className), ...props, children: [_jsx(MoreHorizontal, { className: 'h-4 w-4' }), _jsx("span", { className: 'sr-only', children: "More" })] }));
-PsBreadcrumbEllipsis.displayName = 'BreadcrumbElipssis';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsBreadcrumbEllipsis = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const PsBreadcrumbEllipsis = ({ className, ...props }) => ((0, jsx_runtime_1.jsxs)("span", { role: 'presentation', "aria-hidden": 'true', className: ps_class_name_service_js_1.PsClassNameService.merge('flex h-9 w-9 items-center justify-center', className), ...props, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.MoreHorizontal, { className: 'h-4 w-4' }), (0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: "More" })] }));
+exports.PsBreadcrumbEllipsis = PsBreadcrumbEllipsis;
+exports.PsBreadcrumbEllipsis.displayName = 'BreadcrumbElipssis';

package/dist/components/ps-breadcrumb-item.js

@@ -1,5 +1,41 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsBreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => (_jsx("li", { ref: ref, className: PsClassNameService.merge('inline-flex items-center gap-1.5', className), ...props })));
-PsBreadcrumbItem.displayName = 'PsBreadcrumbItem';
+"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.PsBreadcrumbItem = 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.PsBreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("li", { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('inline-flex items-center gap-1.5', className), ...props })));
+exports.PsBreadcrumbItem.displayName = 'PsBreadcrumbItem';

package/dist/components/ps-breadcrumb-link.js

@@ -1,9 +1,45 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsBreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
-    const Comp = asChild ? Slot : 'a';
-    return (_jsx(Comp, { ref: ref, className: PsClassNameService.merge('transition-colors hover:text-foreground', className), ...props }));
+"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;
 });
-PsBreadcrumbLink.displayName = 'PsBreadcrumbLink';
+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.PsBreadcrumbLink = 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.PsBreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
+    const Comp = asChild ? react_slot_1.Slot : 'a';
+    return ((0, jsx_runtime_1.jsx)(Comp, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('transition-colors hover:text-foreground', className), ...props }));
+});
+exports.PsBreadcrumbLink.displayName = 'PsBreadcrumbLink';

package/dist/components/ps-breadcrumb-list.js

@@ -1,5 +1,41 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsBreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (_jsx("ol", { ref: ref, className: PsClassNameService.merge('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', className), ...props })));
-PsBreadcrumbList.displayName = 'PsBreadcrumbList';
+"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.PsBreadcrumbList = 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.PsBreadcrumbList = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("ol", { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', className), ...props })));
+exports.PsBreadcrumbList.displayName = 'PsBreadcrumbList';