@pallasoft/ps-internal-components 1.3.2 → 1.5.0

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

@@ -41,5 +41,5 @@ const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"
 const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
 const ps_alert_dialog_overlay_js_1 = require("./ps-alert-dialog-overlay.js");
 const ps_alert_dialog_portal_js_1 = require("./ps-alert-dialog-portal.js");
-exports.PsAlertDialogContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(ps_alert_dialog_portal_js_1.PsAlertDialogPortal, { children: [(0, jsx_runtime_1.jsx)(ps_alert_dialog_overlay_js_1.PsAlertDialogOverlay, {}), (0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Content, { ref: ref, className: ps_class_name_service_js_1.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 })] })));
+exports.PsAlertDialogContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(ps_alert_dialog_portal_js_1.PsAlertDialogPortal, { children: [(0, jsx_runtime_1.jsx)(ps_alert_dialog_overlay_js_1.PsAlertDialogOverlay, {}), (0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Content, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('fixed left-[50%] top-[50%] z-modal 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 })] })));
 exports.PsAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;

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

@@ -39,5 +39,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
 const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
-exports.PsAlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Overlay, { className: ps_class_name_service_js_1.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 })));
+exports.PsAlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Overlay, { className: ps_class_name_service_js_1.PsClassNameService.merge('fixed inset-0 z-overlay 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 })));
 exports.PsAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;

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

@@ -52,7 +52,7 @@ 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
+    return ((0, jsx_runtime_1.jsx)("header", { className: 'sticky top-0 z-header 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] }) }));
 };

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

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

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

@@ -0,0 +1,43 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsCollapsibleContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const CollapsiblePrimitive = __importStar(require("@radix-ui/react-collapsible"));
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsCollapsibleContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(CollapsiblePrimitive.Content, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('overflow-hidden data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0', className), ...props })));
+exports.PsCollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName;

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

@@ -0,0 +1,2 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+export declare const PsCollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,39 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsCollapsibleTrigger = void 0;
+const CollapsiblePrimitive = __importStar(require("@radix-ui/react-collapsible"));
+exports.PsCollapsibleTrigger = CollapsiblePrimitive.Trigger;

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

@@ -0,0 +1,2 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+export declare const PsCollapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ps-collapsible.js

@@ -0,0 +1,39 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsCollapsible = void 0;
+const CollapsiblePrimitive = __importStar(require("@radix-ui/react-collapsible"));
+exports.PsCollapsible = CollapsiblePrimitive.Root;

package/dist/components/ps-confirm-action.d.ts

@@ -0,0 +1,2 @@
+import type { PsConfirmActionProps } from '../models/ps-confirm-action-props.js';
+export declare const PsConfirmAction: ({ cancelLabel, confirmLabel, description, destructive, onConfirm, title, trigger, }: PsConfirmActionProps) => import("react").JSX.Element;

package/dist/components/ps-confirm-action.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsConfirmAction = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_button_variants_js_1 = require("../constants/ps-button-variants.js");
+const ps_alert_dialog_action_js_1 = require("./ps-alert-dialog-action.js");
+const ps_alert_dialog_cancel_js_1 = require("./ps-alert-dialog-cancel.js");
+const ps_alert_dialog_content_js_1 = require("./ps-alert-dialog-content.js");
+const ps_alert_dialog_description_js_1 = require("./ps-alert-dialog-description.js");
+const ps_alert_dialog_footer_js_1 = require("./ps-alert-dialog-footer.js");
+const ps_alert_dialog_header_js_1 = require("./ps-alert-dialog-header.js");
+const ps_alert_dialog_title_js_1 = require("./ps-alert-dialog-title.js");
+const ps_alert_dialog_trigger_js_1 = require("./ps-alert-dialog-trigger.js");
+const ps_alert_dialog_js_1 = require("./ps-alert-dialog.js");
+const PsConfirmAction = ({ cancelLabel, confirmLabel, description, destructive = false, onConfirm, title, trigger, }) => ((0, jsx_runtime_1.jsxs)(ps_alert_dialog_js_1.PsAlertDialog, { children: [(0, jsx_runtime_1.jsx)(ps_alert_dialog_trigger_js_1.PsAlertDialogTrigger, { asChild: true, children: trigger }), (0, jsx_runtime_1.jsxs)(ps_alert_dialog_content_js_1.PsAlertDialogContent, { children: [(0, jsx_runtime_1.jsxs)(ps_alert_dialog_header_js_1.PsAlertDialogHeader, { children: [(0, jsx_runtime_1.jsx)(ps_alert_dialog_title_js_1.PsAlertDialogTitle, { children: title }), (0, jsx_runtime_1.jsx)(ps_alert_dialog_description_js_1.PsAlertDialogDescription, { children: description })] }), (0, jsx_runtime_1.jsxs)(ps_alert_dialog_footer_js_1.PsAlertDialogFooter, { children: [(0, jsx_runtime_1.jsx)(ps_alert_dialog_cancel_js_1.PsAlertDialogCancel, { children: cancelLabel }), (0, jsx_runtime_1.jsx)(ps_alert_dialog_action_js_1.PsAlertDialogAction, { className: destructive ? (0, ps_button_variants_js_1.PsButtonVariants)({ variant: 'destructive' }) : undefined, onClick: onConfirm, children: confirmLabel })] })] })] }));
+exports.PsConfirmAction = PsConfirmAction;

package/dist/components/ps-date-time-picker.d.ts

@@ -0,0 +1,2 @@
+import type { PsDateTimePickerProps } from '../models/ps-date-time-picker-props.js';
+export declare const PsDateTimePicker: ({ id, value, onValueChange, placeholder, disabled, invalid, clearable, fromDate, className, }: PsDateTimePickerProps) => import("react").JSX.Element;

package/dist/components/ps-date-time-picker.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsDateTimePicker = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_date_time_picker_config_js_1 = require("../constants/ps-date-time-picker-config.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_date_time_service_js_1 = require("../services/ps-date-time-service.js");
+const ps_date_picker_js_1 = require("./ps-date-picker.js");
+const ps_input_js_1 = require("./ps-input.js");
+const PsDateTimePicker = ({ id, value, onValueChange, placeholder, disabled = false, invalid = false, clearable = false, fromDate, className, }) => {
+    const { date, time } = ps_date_time_service_js_1.PsDateTimeService.split(value);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: ps_class_name_service_js_1.PsClassNameService.merge('flex w-full gap-2', className), children: [(0, jsx_runtime_1.jsx)(ps_date_picker_js_1.PsDatePicker, { className: 'min-w-0 flex-1', clearable: clearable, disabled: disabled, fromDate: fromDate, id: id, invalid: invalid, onValueChange: (next) => onValueChange(ps_date_time_service_js_1.PsDateTimeService.join(next, time)), placeholder: placeholder, value: date }), (0, jsx_runtime_1.jsx)(ps_input_js_1.PsInput, { "aria-invalid": invalid, "aria-label": ps_date_time_picker_config_js_1.PsDateTimePickerConfig.timeLabel, className: 'h-10 w-32 shrink-0', disabled: disabled || date === '', onChange: (event) => onValueChange(ps_date_time_service_js_1.PsDateTimeService.join(date, event.target.value)), type: 'time', value: time })] }));
+};
+exports.PsDateTimePicker = PsDateTimePicker;

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

@@ -42,5 +42,5 @@ const lucide_react_1 = require("lucide-react");
 const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
 const ps_dialog_overlay_js_1 = require("./ps-dialog-overlay.js");
 const ps_dialog_portal_js_1 = require("./ps-dialog-portal.js");
-exports.PsDialogContent = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(ps_dialog_portal_js_1.PsDialogPortal, { children: [(0, jsx_runtime_1.jsx)(ps_dialog_overlay_js_1.PsDialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { ref: ref, className: ps_class_name_service_js_1.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, children: [children, (0, jsx_runtime_1.jsxs)(DialogPrimitive.Close, { className: 'absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground', children: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: 'h-4 w-4' }), (0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: "Close" })] })] })] })));
+exports.PsDialogContent = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(ps_dialog_portal_js_1.PsDialogPortal, { children: [(0, jsx_runtime_1.jsx)(ps_dialog_overlay_js_1.PsDialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('fixed left-[50%] top-[50%] z-modal 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, children: [children, (0, jsx_runtime_1.jsxs)(DialogPrimitive.Close, { className: 'absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground', children: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: 'h-4 w-4' }), (0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: "Close" })] })] })] })));
 exports.PsDialogContent.displayName = DialogPrimitive.Content.displayName;

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

@@ -39,5 +39,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const DialogPrimitive = __importStar(require("@radix-ui/react-dialog"));
 const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
-exports.PsDialogOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DialogPrimitive.Overlay, { ref: ref, className: ps_class_name_service_js_1.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 })));
+exports.PsDialogOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DialogPrimitive.Overlay, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('fixed inset-0 z-overlay 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 })));
 exports.PsDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;

package/dist/components/ps-dropdown-menu-content.js

@@ -38,5 +38,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
 const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
-exports.PsDropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: ps_class_name_service_js_1.PsClassNameService.merge('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md', '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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className), ...props }) })));
+exports.PsDropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: ps_class_name_service_js_1.PsClassNameService.merge('z-top-layer max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md', '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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className), ...props }) })));
 exports.PsDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;

package/dist/components/ps-dropdown-menu-sub-content.js

@@ -38,5 +38,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
 const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
-exports.PsDropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.SubContent, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className), ...props })));
+exports.PsDropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.SubContent, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('z-top-layer min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className), ...props })));
 exports.PsDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;

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

@@ -0,0 +1,2 @@
+import type { PsNoticeProps } from '../models/ps-notice-props.js';
+export declare const PsNotice: ({ message, title, variant }: PsNoticeProps) => import("react").JSX.Element | null;

package/dist/components/ps-notice.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsNotice = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const ps_notice_variant_js_1 = require("../constants/ps-notice-variant.js");
+const ps_alert_description_js_1 = require("./ps-alert-description.js");
+const ps_alert_title_js_1 = require("./ps-alert-title.js");
+const ps_alert_js_1 = require("./ps-alert.js");
+const PsNotice = ({ message, title, variant }) => {
+    if (message === null)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(ps_alert_js_1.PsAlert, { variant: variant === ps_notice_variant_js_1.PsNoticeVariant.Error ? 'destructive' : 'warning', children: [variant === ps_notice_variant_js_1.PsNoticeVariant.Error ? (0, jsx_runtime_1.jsx)(lucide_react_1.CircleAlert, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.TriangleAlert, {}), (0, jsx_runtime_1.jsx)(ps_alert_title_js_1.PsAlertTitle, { children: title }), (0, jsx_runtime_1.jsx)(ps_alert_description_js_1.PsAlertDescription, { children: message })] }));
+};
+exports.PsNotice = PsNotice;

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

@@ -0,0 +1,2 @@
+import type { PsPageHeaderProps } from '../models/ps-page-header-props.js';
+export declare const PsPageHeader: ({ actions, crumbs, description, meta, renderLink, title, }: PsPageHeaderProps) => import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPageHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ps_breadcrumb_item_js_1 = require("./ps-breadcrumb-item.js");
+const ps_breadcrumb_link_js_1 = require("./ps-breadcrumb-link.js");
+const ps_breadcrumb_list_js_1 = require("./ps-breadcrumb-list.js");
+const ps_breadcrumb_page_js_1 = require("./ps-breadcrumb-page.js");
+const ps_breadcrumb_separator_js_1 = require("./ps-breadcrumb-separator.js");
+const ps_breadcrumb_js_1 = require("./ps-breadcrumb.js");
+const PsPageHeader = ({ actions, crumbs = [], description, meta, renderLink, title, }) => ((0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-3', children: [crumbs.length > 0 ? ((0, jsx_runtime_1.jsx)(ps_breadcrumb_js_1.PsBreadcrumb, { children: (0, jsx_runtime_1.jsxs)(ps_breadcrumb_list_js_1.PsBreadcrumbList, { children: [crumbs.map((crumb) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ps_breadcrumb_item_js_1.PsBreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(ps_breadcrumb_link_js_1.PsBreadcrumbLink, { asChild: true, children: renderLink ? (renderLink(crumb.href, crumb.label)) : ((0, jsx_runtime_1.jsx)("a", { href: crumb.href, children: crumb.label })) }) }), (0, jsx_runtime_1.jsx)(ps_breadcrumb_separator_js_1.PsBreadcrumbSeparator, {})] }, crumb.href))), (0, jsx_runtime_1.jsx)(ps_breadcrumb_item_js_1.PsBreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(ps_breadcrumb_page_js_1.PsBreadcrumbPage, { children: title }) })] }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex min-w-0 flex-col gap-2', children: [(0, jsx_runtime_1.jsx)("h1", { className: 'break-words text-2xl font-semibold tracking-tight text-foreground', children: title }), description ? ((0, jsx_runtime_1.jsx)("p", { className: 'max-w-2xl text-sm text-muted-foreground', children: description })) : null, meta ? (0, jsx_runtime_1.jsx)("div", { className: 'flex flex-wrap items-center gap-2', children: meta }) : null] }), actions ? (0, jsx_runtime_1.jsx)("div", { className: 'flex shrink-0 flex-wrap items-center gap-2', children: actions }) : null] })] }));
+exports.PsPageHeader = PsPageHeader;

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

@@ -0,0 +1,2 @@
+import type { PsPageSkeletonProps } from '../models/ps-page-skeleton-props.js';
+export declare const PsPageSkeleton: ({ children, withActions }: PsPageSkeletonProps) => import("react").JSX.Element;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPageSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_skeleton_page_header_js_1 = require("./ps-skeleton-page-header.js");
+const PsPageSkeleton = ({ children, withActions = false }) => ((0, jsx_runtime_1.jsxs)("section", { className: 'flex flex-col gap-6', children: [(0, jsx_runtime_1.jsx)(ps_skeleton_page_header_js_1.PsSkeletonPageHeader, { withActions: withActions }), children] }));
+exports.PsPageSkeleton = PsPageSkeleton;

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

@@ -39,5 +39,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
 const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
-exports.PsPopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: ps_class_name_service_js_1.PsClassNameService.merge('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className), ...props }) })));
+exports.PsPopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: ps_class_name_service_js_1.PsClassNameService.merge('z-top-layer w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className), ...props }) })));
 exports.PsPopoverContent.displayName = PopoverPrimitive.Content.displayName;

package/dist/components/ps-section-heading.d.ts

@@ -0,0 +1,2 @@
+import type { PsSectionHeadingProps } from '../models/ps-section-heading-props.js';
+export declare const PsSectionHeading: ({ actions, description, title }: PsSectionHeadingProps) => import("react").JSX.Element;

package/dist/components/ps-section-heading.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSectionHeading = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PsSectionHeading = ({ actions, description, title }) => ((0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex min-w-0 flex-col gap-1', children: [(0, jsx_runtime_1.jsx)("h2", { className: 'text-base font-semibold text-foreground', children: title }), description ? (0, jsx_runtime_1.jsx)("p", { className: 'text-sm text-muted-foreground', children: description }) : null] }), actions ? (0, jsx_runtime_1.jsx)("div", { className: 'flex shrink-0 flex-wrap items-center gap-2', children: actions }) : null] }));
+exports.PsSectionHeading = PsSectionHeading;

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

@@ -40,7 +40,7 @@ const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
 const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
 const ps_select_scroll_down_button_js_1 = require("./ps-select-scroll-down-button.js");
 const ps_select_scroll_up_button_js_1 = require("./ps-select-scroll-up-button.js");
-exports.PsSelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]', position === 'popper' &&
+exports.PsSelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('relative z-top-layer max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]', position === 'popper' &&
             'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position, ...props, children: [(0, jsx_runtime_1.jsx)(ps_select_scroll_up_button_js_1.PsSelectScrollUpButton, {}), (0, jsx_runtime_1.jsx)(SelectPrimitive.Viewport, { className: ps_class_name_service_js_1.PsClassNameService.merge('p-1', position === 'popper' &&
                     'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'), children: children }), (0, jsx_runtime_1.jsx)(ps_select_scroll_down_button_js_1.PsSelectScrollDownButton, {})] }) })));
 exports.PsSelectContent.displayName = SelectPrimitive.Content.displayName;

package/dist/components/ps-sheet-overlay.js

@@ -38,5 +38,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const SheetPrimitive = __importStar(require("@radix-ui/react-dialog"));
 const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
-exports.PsSheetOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SheetPrimitive.Overlay, { className: ps_class_name_service_js_1.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 })));
+exports.PsSheetOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SheetPrimitive.Overlay, { className: ps_class_name_service_js_1.PsClassNameService.merge('fixed inset-0 z-overlay 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 })));
 exports.PsSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;

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

@@ -0,0 +1,2 @@
+import type { PsStatCardProps } from '../models/ps-stat-card-props.js';
+export declare const PsStatCard: ({ label, value }: PsStatCardProps) => import("react").JSX.Element;

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsStatCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_card_description_js_1 = require("./ps-card-description.js");
+const ps_card_header_js_1 = require("./ps-card-header.js");
+const ps_card_title_js_1 = require("./ps-card-title.js");
+const ps_card_js_1 = require("./ps-card.js");
+const PsStatCard = ({ label, value }) => ((0, jsx_runtime_1.jsx)(ps_card_js_1.PsCard, { children: (0, jsx_runtime_1.jsxs)(ps_card_header_js_1.PsCardHeader, { className: 'gap-1 p-4', children: [(0, jsx_runtime_1.jsx)(ps_card_description_js_1.PsCardDescription, { children: label }), (0, jsx_runtime_1.jsx)(ps_card_title_js_1.PsCardTitle, { className: 'text-2xl tabular-nums', children: value })] }) }));
+exports.PsStatCard = PsStatCard;

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

@@ -38,5 +38,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
 const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
-exports.PsTooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: ps_class_name_service_js_1.PsClassNameService.merge('z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className), ...props }) })));
+exports.PsTooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: ps_class_name_service_js_1.PsClassNameService.merge('z-top-layer overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className), ...props }) })));
 exports.PsTooltipContent.displayName = TooltipPrimitive.Content.displayName;

package/dist/constants/ps-date-time-picker-config.d.ts

@@ -0,0 +1,7 @@
+export declare const PsDateTimePickerConfig: {
+    readonly dateLength: 10;
+    readonly defaultTime: "09:00";
+    readonly separator: "T";
+    readonly timeLabel: "Time";
+    readonly timeLength: 5;
+};

package/dist/constants/ps-date-time-picker-config.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsDateTimePickerConfig = void 0;
+exports.PsDateTimePickerConfig = {
+    dateLength: 10,
+    defaultTime: '09:00',
+    separator: 'T',
+    timeLabel: 'Time',
+    timeLength: 5,
+};

package/dist/constants/ps-notice-variant.d.ts

@@ -0,0 +1,4 @@
+export declare enum PsNoticeVariant {
+    Error = "error",
+    Warning = "warning"
+}

package/dist/constants/ps-notice-variant.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsNoticeVariant = void 0;
+var PsNoticeVariant;
+(function (PsNoticeVariant) {
+    PsNoticeVariant["Error"] = "error";
+    PsNoticeVariant["Warning"] = "warning";
+})(PsNoticeVariant || (exports.PsNoticeVariant = PsNoticeVariant = {}));

package/dist/constants/ps-sheet-variants.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PsSheetVariants = void 0;
 const class_variance_authority_1 = require("class-variance-authority");
-exports.PsSheetVariants = (0, class_variance_authority_1.cva)('fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out', {
+exports.PsSheetVariants = (0, class_variance_authority_1.cva)('fixed z-modal gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out', {
     variants: {
         side: {
             top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',

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

@@ -5,5 +5,5 @@ 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 })] })));
+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-modal 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/esm/components/ps-alert-dialog-overlay.js

@@ -3,5 +3,5 @@ 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 })));
+export const PsAlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Overlay, { className: PsClassNameService.merge('fixed inset-0 z-overlay 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/esm/components/ps-app-header.js

@@ -16,7 +16,7 @@ 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
+    return (_jsx("header", { className: 'sticky top-0 z-header 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/esm/components/ps-collapsible-content.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCollapsibleContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(CollapsiblePrimitive.Content, { ref: ref, className: PsClassNameService.merge('overflow-hidden data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0', className), ...props })));
+PsCollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName;

package/dist/esm/components/ps-collapsible-trigger.js

@@ -0,0 +1,3 @@
+'use client';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+export const PsCollapsibleTrigger = CollapsiblePrimitive.Trigger;

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

@@ -0,0 +1,3 @@
+'use client';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+export const PsCollapsible = CollapsiblePrimitive.Root;

package/dist/esm/components/ps-confirm-action.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsButtonVariants } from '../constants/ps-button-variants.js';
+import { PsAlertDialogAction } from './ps-alert-dialog-action.js';
+import { PsAlertDialogCancel } from './ps-alert-dialog-cancel.js';
+import { PsAlertDialogContent } from './ps-alert-dialog-content.js';
+import { PsAlertDialogDescription } from './ps-alert-dialog-description.js';
+import { PsAlertDialogFooter } from './ps-alert-dialog-footer.js';
+import { PsAlertDialogHeader } from './ps-alert-dialog-header.js';
+import { PsAlertDialogTitle } from './ps-alert-dialog-title.js';
+import { PsAlertDialogTrigger } from './ps-alert-dialog-trigger.js';
+import { PsAlertDialog } from './ps-alert-dialog.js';
+export const PsConfirmAction = ({ cancelLabel, confirmLabel, description, destructive = false, onConfirm, title, trigger, }) => (_jsxs(PsAlertDialog, { children: [_jsx(PsAlertDialogTrigger, { asChild: true, children: trigger }), _jsxs(PsAlertDialogContent, { children: [_jsxs(PsAlertDialogHeader, { children: [_jsx(PsAlertDialogTitle, { children: title }), _jsx(PsAlertDialogDescription, { children: description })] }), _jsxs(PsAlertDialogFooter, { children: [_jsx(PsAlertDialogCancel, { children: cancelLabel }), _jsx(PsAlertDialogAction, { className: destructive ? PsButtonVariants({ variant: 'destructive' }) : undefined, onClick: onConfirm, children: confirmLabel })] })] })] }));

package/dist/esm/components/ps-date-time-picker.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsDateTimePickerConfig } from '../constants/ps-date-time-picker-config.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsDateTimeService } from '../services/ps-date-time-service.js';
+import { PsDatePicker } from './ps-date-picker.js';
+import { PsInput } from './ps-input.js';
+export const PsDateTimePicker = ({ id, value, onValueChange, placeholder, disabled = false, invalid = false, clearable = false, fromDate, className, }) => {
+    const { date, time } = PsDateTimeService.split(value);
+    return (_jsxs("div", { className: PsClassNameService.merge('flex w-full gap-2', className), children: [_jsx(PsDatePicker, { className: 'min-w-0 flex-1', clearable: clearable, disabled: disabled, fromDate: fromDate, id: id, invalid: invalid, onValueChange: (next) => onValueChange(PsDateTimeService.join(next, time)), placeholder: placeholder, value: date }), _jsx(PsInput, { "aria-invalid": invalid, "aria-label": PsDateTimePickerConfig.timeLabel, className: 'h-10 w-32 shrink-0', disabled: disabled || date === '', onChange: (event) => onValueChange(PsDateTimeService.join(date, event.target.value)), type: 'time', value: time })] }));
+};

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

@@ -6,5 +6,5 @@ import { X } from 'lucide-react';
 import { PsClassNameService } from '../services/ps-class-name-service.js';
 import { PsDialogOverlay } from './ps-dialog-overlay.js';
 import { PsDialogPortal } from './ps-dialog-portal.js';
-export const PsDialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(PsDialogPortal, { children: [_jsx(PsDialogOverlay, {}), _jsxs(DialogPrimitive.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, children: [children, _jsxs(DialogPrimitive.Close, { className: 'absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground', children: [_jsx(X, { className: 'h-4 w-4' }), _jsx("span", { className: 'sr-only', children: "Close" })] })] })] })));
+export const PsDialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(PsDialogPortal, { children: [_jsx(PsDialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: PsClassNameService.merge('fixed left-[50%] top-[50%] z-modal 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, children: [children, _jsxs(DialogPrimitive.Close, { className: 'absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground', children: [_jsx(X, { className: 'h-4 w-4' }), _jsx("span", { className: 'sr-only', children: "Close" })] })] })] })));
 PsDialogContent.displayName = DialogPrimitive.Content.displayName;

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

@@ -3,5 +3,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, 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 })));
+export const PsDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: PsClassNameService.merge('fixed inset-0 z-overlay 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 })));
 PsDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;

package/dist/esm/components/ps-dropdown-menu-content.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsDropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: PsClassNameService.merge('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md', '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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className), ...props }) })));
+export const PsDropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: PsClassNameService.merge('z-top-layer max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md', '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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className), ...props }) })));
 PsDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;