@pallasoft/ps-internal-components 1.0.0

package/LICENSE

@@ -0,0 +1,32 @@
+Pallasoft Proprietary License
+
+Version 1.0, 23-Jan-2024
+
+1. Grant of License:
+   Pallasoft grants you a non-exclusive, non-transferable, revocable license to use the software, solely for internal business purposes.
+
+2. Restrictions:
+   You may not:
+   a. Distribute or sublicense the software to third parties.
+   b. Reverse engineer, decompile, or disassemble the software.
+   c. Remove or alter any proprietary notices or labels on the software.
+
+3. Ownership:
+   Pallasoft retains all right, title, and interest in and to the software, including all intellectual property rights.
+
+4. Confidentiality:
+   You agree to keep the software confidential and not disclose it to third parties.
+
+5. Support and Updates:
+   This license does not entitle you to support or updates. Pallasoft may, at its discretion, provide support and updates.
+
+6. Termination:
+   This license is effective until terminated. Pallasoft may terminate the license at any time if you breach any terms. Upon termination, you must cease using the software.
+
+7. Governing Law:
+   This license is governed by the Canadian Laws. Any disputes arising out of this license shall be resolved in the courts of Canada.
+
+8. Contact Information:
+   For inquiries regarding this license, contact operations@pallasoft.com.
+
+[End of License]

package/README.md

@@ -0,0 +1,21 @@
+# @pallasoft/ps-internal-components
+
+Pallasoft shared React components.
+
+## Development
+
+Use Node.js from `.nvmrc`, then install dependencies:
+
+```sh
+npm install
+```
+
+Available checks:
+
+```sh
+npm run build
+npm run format:check
+npm run lint
+```
+
+The package is published from `dist/`. Source code lives in `src/`; do not edit generated output directly.

package/dist/components/ps-alert-description.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAlertDescriptionProps } from '../models/ps-alert-description-props.js';
+export declare const PsAlertDescription: React.ForwardRefExoticComponent<PsAlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/ps-alert-description.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsAlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: PsClassNameService.merge('text-sm [&_p]:leading-relaxed', className), ...props })));
+PsAlertDescription.displayName = 'PsAlertDescription';

package/dist/components/ps-alert-dialog-action.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAlertDialogActionProps } from '../models/ps-alert-dialog-action-props.js';
+export declare const PsAlertDialogAction: React.ForwardRefExoticComponent<PsAlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ps-alert-dialog-action.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { PsButtonVariants } from '../constants/ps-button-variants.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsAlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Action, { ref: ref, className: PsClassNameService.merge(PsButtonVariants(), className), ...props })));
+PsAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;

package/dist/components/ps-alert-dialog-cancel.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAlertDialogCancelProps } from '../models/ps-alert-dialog-cancel-props.js';
+export declare const PsAlertDialogCancel: React.ForwardRefExoticComponent<PsAlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ps-alert-dialog-cancel.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { PsButtonVariants } from '../constants/ps-button-variants.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsAlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Cancel, { ref: ref, className: PsClassNameService.merge(PsButtonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
+PsAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;

package/dist/components/ps-alert-dialog-content.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAlertDialogContentProps } from '../models/ps-alert-dialog-content-props.js';
+export declare const PsAlertDialogContent: React.ForwardRefExoticComponent<PsAlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ps-alert-dialog-content.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsAlertDialogOverlay } from './ps-alert-dialog-overlay.js';
+import { PsAlertDialogPortal } from './ps-alert-dialog-portal.js';
+export const PsAlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (_jsxs(PsAlertDialogPortal, { children: [_jsx(PsAlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { ref: ref, className: PsClassNameService.merge('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className), ...props })] })));
+PsAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;

package/dist/components/ps-alert-dialog-description.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAlertDialogDescriptionProps } from '../models/ps-alert-dialog-description-props.js';
+export declare const PsAlertDialogDescription: React.ForwardRefExoticComponent<PsAlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/ps-alert-dialog-description.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsAlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Description, { ref: ref, className: PsClassNameService.merge('text-sm text-muted-foreground', className), ...props })));
+PsAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;

package/dist/components/ps-alert-dialog-footer.d.ts

@@ -0,0 +1,5 @@
+import type { PsAlertDialogFooterProps } from '../models/ps-alert-dialog-footer-props.js';
+export declare const PsAlertDialogFooter: {
+    ({ className, ...props }: PsAlertDialogFooterProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/ps-alert-dialog-footer.js

@@ -0,0 +1,5 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsAlertDialogFooter = ({ className, ...props }) => (_jsx("div", { className: PsClassNameService.merge('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
+PsAlertDialogFooter.displayName = 'PsAlertDialogFooter';

package/dist/components/ps-alert-dialog-header.d.ts

@@ -0,0 +1,5 @@
+import type { PsAlertDialogHeaderProps } from '../models/ps-alert-dialog-header-props.js';
+export declare const PsAlertDialogHeader: {
+    ({ className, ...props }: PsAlertDialogHeaderProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/ps-alert-dialog-header.js

@@ -0,0 +1,5 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsAlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: PsClassNameService.merge('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
+PsAlertDialogHeader.displayName = 'PsAlertDialogHeader';

package/dist/components/ps-alert-dialog-overlay.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAlertDialogOverlayProps } from '../models/ps-alert-dialog-overlay-props.js';
+export declare const PsAlertDialogOverlay: React.ForwardRefExoticComponent<PsAlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ps-alert-dialog-overlay.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsAlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Overlay, { className: PsClassNameService.merge('fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props, ref: ref })));
+PsAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;

package/dist/components/ps-alert-dialog-portal.d.ts

@@ -0,0 +1,2 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export declare const PsAlertDialogPortal: import("react").FC<AlertDialogPrimitive.AlertDialogPortalProps>;

package/dist/components/ps-alert-dialog-portal.js

@@ -0,0 +1,3 @@
+'use client';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export const PsAlertDialogPortal = AlertDialogPrimitive.Portal;

package/dist/components/ps-alert-dialog-title.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAlertDialogTitleProps } from '../models/ps-alert-dialog-title-props.js';
+export declare const PsAlertDialogTitle: React.ForwardRefExoticComponent<PsAlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/ps-alert-dialog-title.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsAlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Title, { ref: ref, className: PsClassNameService.merge('text-lg font-semibold', className), ...props })));
+PsAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;

package/dist/components/ps-alert-dialog-trigger.d.ts

@@ -0,0 +1,2 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export declare const PsAlertDialogTrigger: import("react").ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/ps-alert-dialog-trigger.js

@@ -0,0 +1,3 @@
+'use client';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export const PsAlertDialogTrigger = AlertDialogPrimitive.Trigger;

package/dist/components/ps-alert-dialog.d.ts

@@ -0,0 +1,2 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export declare const PsAlertDialog: import("react").FC<AlertDialogPrimitive.AlertDialogProps>;

package/dist/components/ps-alert-dialog.js

@@ -0,0 +1,3 @@
+'use client';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export const PsAlertDialog = AlertDialogPrimitive.Root;

package/dist/components/ps-alert-title.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAlertTitleProps } from '../models/ps-alert-title-props.js';
+export declare const PsAlertTitle: React.ForwardRefExoticComponent<PsAlertTitleProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/ps-alert-title.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsAlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: PsClassNameService.merge('mb-1 font-medium leading-none tracking-tight', className), ...props })));
+PsAlertTitle.displayName = 'PsAlertTitle';

package/dist/components/ps-alert.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAlertProps } from '../models/ps-alert-props.js';
+export declare const PsAlert: React.ForwardRefExoticComponent<PsAlertProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ps-alert.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsAlertVariants } from '../constants/ps-alert-variants.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsAlert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: 'alert', className: PsClassNameService.merge(PsAlertVariants({ variant }), className), ...props })));
+PsAlert.displayName = 'PsAlert';

package/dist/components/ps-app-header.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAppHeaderProps } from '../models/ps-app-header-props.js';
+export declare const PsAppHeader: ({ appSwitcher, appTitle, logoAlt, logoSrc, logoutHref, navItems, renderLink, user, workspaceSwitcher, }: PsAppHeaderProps) => React.JSX.Element;

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

@@ -0,0 +1,22 @@
+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
+                            ? 'bg-secondary text-secondary-foreground'
+                            : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'), item.label, item.active) }, item.id))) })) : null] }) }));
+};

package/dist/components/ps-app-switcher-section.d.ts

@@ -0,0 +1,2 @@
+import type { PsAppSwitcherSectionProps } from '../models/ps-app-switcher-section-props.js';
+export declare const PsAppSwitcherSection: ({ section }: PsAppSwitcherSectionProps) => import("react").JSX.Element;

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

@@ -0,0 +1,3 @@
+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}`))) })] }));

package/dist/components/ps-app-switcher-tile.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAppSwitcherTileProps } from '../models/ps-app-switcher-tile-props.js';
+export declare const PsAppSwitcherTile: ({ link }: PsAppSwitcherTileProps) => React.JSX.Element;

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

@@ -0,0 +1,11 @@
+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 }) => {
+    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 })] }));
+};

package/dist/components/ps-app-switcher.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAppSwitcherProps } from '../models/ps-app-switcher-props.js';
+export declare const PsAppSwitcher: ({ currentAppKey, appUrls }: PsAppSwitcherProps) => React.JSX.Element;

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

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

package/dist/components/ps-avatar-fallback.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAvatarFallbackProps } from '../models/ps-avatar-fallback-props.js';
+export declare const PsAvatarFallback: React.ForwardRefExoticComponent<PsAvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,6 @@
+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;

package/dist/components/ps-avatar-image.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAvatarImageProps } from '../models/ps-avatar-image-props.js';
+export declare const PsAvatarImage: React.ForwardRefExoticComponent<PsAvatarImageProps & React.RefAttributes<HTMLImageElement>>;

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

@@ -0,0 +1,6 @@
+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;

package/dist/components/ps-avatar.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsAvatarProps } from '../models/ps-avatar-props.js';
+export declare const PsAvatar: React.ForwardRefExoticComponent<PsAvatarProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/ps-avatar.js

@@ -0,0 +1,7 @@
+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;

package/dist/components/ps-badge.d.ts

@@ -0,0 +1,2 @@
+import type { PsBadgeProps } from '../models/ps-badge-props.js';
+export declare const PsBadge: ({ className, isLoading, variant, ...props }: PsBadgeProps) => import("react").JSX.Element;

package/dist/components/ps-badge.js

@@ -0,0 +1,9 @@
+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 }) => {
+    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 }));
+};

package/dist/components/ps-breadcrumb-ellipsis.d.ts

@@ -0,0 +1,5 @@
+import type { PsBreadcrumbEllipsisProps } from '../models/ps-breadcrumb-ellipsis-props.js';
+export declare const PsBreadcrumbEllipsis: {
+    ({ className, ...props }: PsBreadcrumbEllipsisProps): import("react").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,5 @@
+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';

package/dist/components/ps-breadcrumb-item.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsBreadcrumbItemProps } from '../models/ps-breadcrumb-item-props.js';
+export declare const PsBreadcrumbItem: React.ForwardRefExoticComponent<PsBreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1,5 @@
+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';

package/dist/components/ps-breadcrumb-link.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsBreadcrumbLinkProps } from '../models/ps-breadcrumb-link-props.js';
+export declare const PsBreadcrumbLink: React.ForwardRefExoticComponent<PsBreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,9 @@
+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 }));
+});
+PsBreadcrumbLink.displayName = 'PsBreadcrumbLink';

package/dist/components/ps-breadcrumb-list.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsBreadcrumbListProps } from '../models/ps-breadcrumb-list-props.js';
+export declare const PsBreadcrumbList: React.ForwardRefExoticComponent<PsBreadcrumbListProps & React.RefAttributes<HTMLOListElement>>;

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

@@ -0,0 +1,5 @@
+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';

package/dist/components/ps-breadcrumb-page.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsBreadcrumbPageProps } from '../models/ps-breadcrumb-page-props.js';
+export declare const PsBreadcrumbPage: React.ForwardRefExoticComponent<PsBreadcrumbPageProps & React.RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsBreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, role: 'link', "aria-disabled": 'true', "aria-current": 'page', className: PsClassNameService.merge('font-normal text-foreground', className), ...props })));
+PsBreadcrumbPage.displayName = 'PsBreadcrumbPage';

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

@@ -0,0 +1,5 @@
+import type { PsBreadcrumbSeparatorProps } from '../models/ps-breadcrumb-separator-props.js';
+export declare const PsBreadcrumbSeparator: {
+    ({ children, className, ...props }: PsBreadcrumbSeparatorProps): import("react").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChevronRight } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsBreadcrumbSeparator = ({ children, className, ...props }) => (_jsx("li", { role: 'presentation', "aria-hidden": 'true', className: PsClassNameService.merge('[&>svg]:w-3.5 [&>svg]:h-3.5', className), ...props, children: children !== null && children !== undefined ? children : _jsx(ChevronRight, {}) }));
+PsBreadcrumbSeparator.displayName = 'PsBreadcrumbSeparator';

package/dist/components/ps-breadcrumb.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsBreadcrumbProps } from '../models/ps-breadcrumb-props.js';
+export declare const PsBreadcrumb: React.ForwardRefExoticComponent<PsBreadcrumbProps & React.RefAttributes<HTMLElement>>;

package/dist/components/ps-breadcrumb.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+export const PsBreadcrumb = React.forwardRef(({ ...props }, ref) => _jsx("nav", { ref: ref, "aria-label": 'breadcrumb', ...props }));
+PsBreadcrumb.displayName = 'PsBreadcrumb';

package/dist/components/ps-button.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsButtonProps } from '../models/ps-button-props.js';
+export declare const PsButton: React.ForwardRefExoticComponent<PsButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ps-button.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { PsButtonVariants } from '../constants/ps-button-variants.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsButton = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button';
+    return (_jsx(Comp, { className: PsClassNameService.merge(PsButtonVariants({ variant, size, className })), ref: ref, ...props }));
+});
+PsButton.displayName = 'PsButton';

package/dist/components/ps-calendar.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+import { DayPicker } from 'react-day-picker';
+export declare const PsCalendar: ({ className, classNames, showOutsideDays, ...props }: React.ComponentProps<typeof DayPicker>) => React.JSX.Element;

package/dist/components/ps-calendar.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react';
+import { DayPicker } from 'react-day-picker';
+import { PsButtonVariants } from '../constants/ps-button-variants.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCalendar = ({ className, classNames, showOutsideDays = true, ...props }) => (_jsx(DayPicker, { className: PsClassNameService.merge('p-3', className), classNames: {
+        months: 'relative flex flex-col gap-4 sm:flex-row',
+        month: 'flex w-full flex-col gap-4',
+        nav: 'absolute inset-x-0 top-0 flex w-full items-center justify-between',
+        button_previous: PsClassNameService.merge(PsButtonVariants({ variant: 'ghost', size: 'icon' }), 'size-8 p-0 aria-disabled:opacity-50'),
+        button_next: PsClassNameService.merge(PsButtonVariants({ variant: 'ghost', size: 'icon' }), 'size-8 p-0 aria-disabled:opacity-50'),
+        month_caption: 'flex h-8 w-full items-center justify-center px-8',
+        caption_label: props.captionLayout === 'dropdown'
+            ? 'flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm font-medium [&>svg]:size-3.5 [&>svg]:text-muted-foreground'
+            : 'text-sm font-medium',
+        dropdowns: 'flex h-8 w-full items-center justify-center gap-1.5 text-sm font-medium',
+        dropdown_root: 'relative rounded-md border border-input shadow-sm has-[:focus]:border-ring has-[:focus]:ring-1 has-[:focus]:ring-ring',
+        dropdown: 'absolute inset-0 cursor-pointer opacity-0',
+        month_grid: 'w-full border-collapse',
+        weekdays: 'flex',
+        weekday: 'flex-1 select-none text-[0.8rem] font-normal text-muted-foreground',
+        week: 'mt-2 flex w-full',
+        day: 'relative aspect-square w-full select-none p-0 text-center text-sm',
+        day_button: PsClassNameService.merge(PsButtonVariants({ variant: 'ghost', size: 'icon' }), 'size-8 w-full p-0 font-normal aria-selected:opacity-100'),
+        selected: '[&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground',
+        today: '[&>button]:bg-accent [&>button]:text-accent-foreground',
+        outside: 'text-muted-foreground opacity-50',
+        disabled: 'text-muted-foreground opacity-50',
+        hidden: 'invisible',
+        ...classNames,
+    }, components: {
+        Chevron: ({ orientation }) => {
+            if (orientation === 'left')
+                return _jsx(ChevronLeft, { className: 'size-4' });
+            if (orientation === 'right')
+                return _jsx(ChevronRight, { className: 'size-4' });
+            return _jsx(ChevronDown, { className: 'size-3.5' });
+        },
+    }, showOutsideDays: showOutsideDays, ...props }));

package/dist/components/ps-card-content.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsCardContentProps } from '../models/ps-card-content-props.js';
+export declare const PsCardContent: React.ForwardRefExoticComponent<PsCardContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ps-card-content.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: PsClassNameService.merge('p-6 pt-0', className), ...props })));
+PsCardContent.displayName = 'PsCardContent';

package/dist/components/ps-card-description.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsCardDescriptionProps } from '../models/ps-card-description-props.js';
+export declare const PsCardDescription: React.ForwardRefExoticComponent<PsCardDescriptionProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ps-card-description.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: PsClassNameService.merge('text-sm text-muted-foreground', className), ...props })));
+PsCardDescription.displayName = 'PsCardDescription';

package/dist/components/ps-card-footer.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsCardFooterProps } from '../models/ps-card-footer-props.js';
+export declare const PsCardFooter: React.ForwardRefExoticComponent<PsCardFooterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ps-card-footer.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: PsClassNameService.merge('flex items-center p-6 pt-0', className), ...props })));
+PsCardFooter.displayName = 'PsCardFooter';

package/dist/components/ps-card-header.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsCardHeaderProps } from '../models/ps-card-header-props.js';
+export declare const PsCardHeader: React.ForwardRefExoticComponent<PsCardHeaderProps & React.RefAttributes<HTMLDivElement>>;