@pallasoft/ps-internal-components 1.4.0 → 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-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-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-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-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-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-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;

package/dist/esm/components/ps-dropdown-menu-sub-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 PsDropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: 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 })));
+export const PsDropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: 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 })));
 PsDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;

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

@@ -3,5 +3,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsPopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: 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 }) })));
+export const PsPopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: 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 }) })));
 PsPopoverContent.displayName = PopoverPrimitive.Content.displayName;

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

@@ -4,7 +4,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import { PsClassNameService } from '../services/ps-class-name-service.js';
 import { PsSelectScrollDownButton } from './ps-select-scroll-down-button.js';
 import { PsSelectScrollUpButton } from './ps-select-scroll-up-button.js';
-export const PsSelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: 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' &&
+export const PsSelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: 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: [_jsx(PsSelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: PsClassNameService.merge('p-1', position === 'popper' &&
                     'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'), children: children }), _jsx(PsSelectScrollDownButton, {})] }) })));
 PsSelectContent.displayName = SelectPrimitive.Content.displayName;

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

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsSheetOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.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 PsSheetOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.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 })));
 PsSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;

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

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsTooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: 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 }) })));
+export const PsTooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: 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 }) })));
 PsTooltipContent.displayName = TooltipPrimitive.Content.displayName;

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

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

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

@@ -1,5 +1,5 @@
 import { cva } from 'class-variance-authority';
-export const PsSheetVariants = 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', {
+export const PsSheetVariants = 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/index.js

@@ -43,6 +43,9 @@ export * from './components/ps-chart-style.js';
 export * from './components/ps-chart-tooltip-content.js';
 export * from './components/ps-chart-tooltip.js';
 export * from './components/ps-checkbox.js';
+export * from './components/ps-collapsible-content.js';
+export * from './components/ps-collapsible-trigger.js';
+export * from './components/ps-collapsible.js';
 export * from './components/ps-combobox.js';
 export * from './components/ps-command-dialog.js';
 export * from './components/ps-command-empty.js';
@@ -54,6 +57,7 @@ export * from './components/ps-command-separator.js';
 export * from './components/ps-command-shortcut.js';
 export * from './components/ps-command.js';
 export * from './components/ps-date-picker.js';
+export * from './components/ps-date-time-picker.js';
 export * from './components/ps-dialog-close.js';
 export * from './components/ps-dialog-content.js';
 export * from './components/ps-dialog-description.js';
@@ -182,6 +186,7 @@ export * from './constants/ps-button-variants.js';
 export * from './constants/ps-chart-defaults.js';
 export * from './constants/ps-chart-themes.js';
 export * from './constants/ps-date-picker-config.js';
+export * from './constants/ps-date-time-picker-config.js';
 export * from './constants/ps-external-apps.js';
 export * from './constants/ps-field-input-config.js';
 export * from './constants/ps-field-orientation.js';
@@ -246,6 +251,7 @@ export * from './models/ps-chart-legend-content-props.js';
 export * from './models/ps-chart-style-props.js';
 export * from './models/ps-chart-tooltip-content-props.js';
 export * from './models/ps-checkbox-props.js';
+export * from './models/ps-collapsible-content-props.js';
 export * from './models/ps-combobox-props.js';
 export * from './models/ps-command-dialog-props.js';
 export * from './models/ps-command-empty-props.js';
@@ -257,6 +263,8 @@ export * from './models/ps-command-props.js';
 export * from './models/ps-command-separator-props.js';
 export * from './models/ps-command-shortcut-props.js';
 export * from './models/ps-date-picker-props.js';
+export * from './models/ps-date-time-parts-data.js';
+export * from './models/ps-date-time-picker-props.js';
 export * from './models/ps-dialog-content-props.js';
 export * from './models/ps-dialog-description-props.js';
 export * from './models/ps-dialog-footer-props.js';
@@ -356,6 +364,7 @@ export * from './pallasoft-internal-tailwind-preset.js';
 export * from './services/ps-app-switcher-service.js';
 export * from './services/ps-chart-service.js';
 export * from './services/ps-class-name-service.js';
+export * from './services/ps-date-time-service.js';
 export * from './services/ps-field-format-service.js';
 export * from './services/ps-file-size-service.js';
 export * from './components/ps-pagination.js';

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

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

package/dist/esm/models/ps-date-time-parts-data.js

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

package/dist/esm/models/ps-date-time-picker-props.js

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

package/dist/esm/pallasoft-internal-tailwind-preset.js

@@ -1,3 +1,4 @@
+import { PallasoftOpacityScale, PallasoftZIndexScale } from '@pallasoft/ps-design-system';
 import tailwindAnimate from 'tailwindcss-animate';
 import { PallasoftFontSize } from './constants/pallasoft-font-size.js';
 import { PallasoftMotion } from './constants/pallasoft-motion.js';
@@ -82,6 +83,8 @@ export const PallasoftInternalTailwindPreset = {
                 sans: ['Geist Variable', 'ui-sans-serif', 'system-ui', 'sans-serif'],
             },
             ...PallasoftSharedScale,
+            opacity: PallasoftOpacityScale,
+            zIndex: PallasoftZIndexScale,
             fontSize: PallasoftFontSize,
             ...PallasoftMotion,
         },

package/dist/esm/services/ps-date-time-service.js

@@ -0,0 +1,15 @@
+import { PsDateTimePickerConfig } from '../constants/ps-date-time-picker-config.js';
+export class PsDateTimeService {
+    static split(value) {
+        const [date, time] = value.split(PsDateTimePickerConfig.separator);
+        return {
+            date: date === undefined ? '' : date.slice(0, PsDateTimePickerConfig.dateLength),
+            time: time === undefined ? '' : time.slice(0, PsDateTimePickerConfig.timeLength),
+        };
+    }
+    static join(date, time) {
+        if (date === '')
+            return '';
+        return `${date}${PsDateTimePickerConfig.separator}${time === '' ? PsDateTimePickerConfig.defaultTime : time}`;
+    }
+}

package/dist/index.d.ts

@@ -43,6 +43,9 @@ export * from './components/ps-chart-style.js';
 export * from './components/ps-chart-tooltip-content.js';
 export * from './components/ps-chart-tooltip.js';
 export * from './components/ps-checkbox.js';
+export * from './components/ps-collapsible-content.js';
+export * from './components/ps-collapsible-trigger.js';
+export * from './components/ps-collapsible.js';
 export * from './components/ps-combobox.js';
 export * from './components/ps-command-dialog.js';
 export * from './components/ps-command-empty.js';
@@ -54,6 +57,7 @@ export * from './components/ps-command-separator.js';
 export * from './components/ps-command-shortcut.js';
 export * from './components/ps-command.js';
 export * from './components/ps-date-picker.js';
+export * from './components/ps-date-time-picker.js';
 export * from './components/ps-dialog-close.js';
 export * from './components/ps-dialog-content.js';
 export * from './components/ps-dialog-description.js';
@@ -182,6 +186,7 @@ export * from './constants/ps-button-variants.js';
 export * from './constants/ps-chart-defaults.js';
 export * from './constants/ps-chart-themes.js';
 export * from './constants/ps-date-picker-config.js';
+export * from './constants/ps-date-time-picker-config.js';
 export * from './constants/ps-external-apps.js';
 export * from './constants/ps-field-input-config.js';
 export * from './constants/ps-field-orientation.js';
@@ -246,6 +251,7 @@ export * from './models/ps-chart-legend-content-props.js';
 export * from './models/ps-chart-style-props.js';
 export * from './models/ps-chart-tooltip-content-props.js';
 export * from './models/ps-checkbox-props.js';
+export * from './models/ps-collapsible-content-props.js';
 export * from './models/ps-combobox-props.js';
 export * from './models/ps-command-dialog-props.js';
 export * from './models/ps-command-empty-props.js';
@@ -257,6 +263,8 @@ export * from './models/ps-command-props.js';
 export * from './models/ps-command-separator-props.js';
 export * from './models/ps-command-shortcut-props.js';
 export * from './models/ps-date-picker-props.js';
+export * from './models/ps-date-time-parts-data.js';
+export * from './models/ps-date-time-picker-props.js';
 export * from './models/ps-dialog-content-props.js';
 export * from './models/ps-dialog-description-props.js';
 export * from './models/ps-dialog-footer-props.js';
@@ -356,6 +364,7 @@ export * from './pallasoft-internal-tailwind-preset.js';
 export * from './services/ps-app-switcher-service.js';
 export * from './services/ps-chart-service.js';
 export * from './services/ps-class-name-service.js';
+export * from './services/ps-date-time-service.js';
 export * from './services/ps-field-format-service.js';
 export * from './services/ps-file-size-service.js';
 export * from './components/ps-pagination.js';

package/dist/index.js

@@ -59,6 +59,9 @@ __exportStar(require("./components/ps-chart-style.js"), exports);
 __exportStar(require("./components/ps-chart-tooltip-content.js"), exports);
 __exportStar(require("./components/ps-chart-tooltip.js"), exports);
 __exportStar(require("./components/ps-checkbox.js"), exports);
+__exportStar(require("./components/ps-collapsible-content.js"), exports);
+__exportStar(require("./components/ps-collapsible-trigger.js"), exports);
+__exportStar(require("./components/ps-collapsible.js"), exports);
 __exportStar(require("./components/ps-combobox.js"), exports);
 __exportStar(require("./components/ps-command-dialog.js"), exports);
 __exportStar(require("./components/ps-command-empty.js"), exports);
@@ -70,6 +73,7 @@ __exportStar(require("./components/ps-command-separator.js"), exports);
 __exportStar(require("./components/ps-command-shortcut.js"), exports);
 __exportStar(require("./components/ps-command.js"), exports);
 __exportStar(require("./components/ps-date-picker.js"), exports);
+__exportStar(require("./components/ps-date-time-picker.js"), exports);
 __exportStar(require("./components/ps-dialog-close.js"), exports);
 __exportStar(require("./components/ps-dialog-content.js"), exports);
 __exportStar(require("./components/ps-dialog-description.js"), exports);
@@ -198,6 +202,7 @@ __exportStar(require("./constants/ps-button-variants.js"), exports);
 __exportStar(require("./constants/ps-chart-defaults.js"), exports);
 __exportStar(require("./constants/ps-chart-themes.js"), exports);
 __exportStar(require("./constants/ps-date-picker-config.js"), exports);
+__exportStar(require("./constants/ps-date-time-picker-config.js"), exports);
 __exportStar(require("./constants/ps-external-apps.js"), exports);
 __exportStar(require("./constants/ps-field-input-config.js"), exports);
 __exportStar(require("./constants/ps-field-orientation.js"), exports);
@@ -262,6 +267,7 @@ __exportStar(require("./models/ps-chart-legend-content-props.js"), exports);
 __exportStar(require("./models/ps-chart-style-props.js"), exports);
 __exportStar(require("./models/ps-chart-tooltip-content-props.js"), exports);
 __exportStar(require("./models/ps-checkbox-props.js"), exports);
+__exportStar(require("./models/ps-collapsible-content-props.js"), exports);
 __exportStar(require("./models/ps-combobox-props.js"), exports);
 __exportStar(require("./models/ps-command-dialog-props.js"), exports);
 __exportStar(require("./models/ps-command-empty-props.js"), exports);
@@ -273,6 +279,8 @@ __exportStar(require("./models/ps-command-props.js"), exports);
 __exportStar(require("./models/ps-command-separator-props.js"), exports);
 __exportStar(require("./models/ps-command-shortcut-props.js"), exports);
 __exportStar(require("./models/ps-date-picker-props.js"), exports);
+__exportStar(require("./models/ps-date-time-parts-data.js"), exports);
+__exportStar(require("./models/ps-date-time-picker-props.js"), exports);
 __exportStar(require("./models/ps-dialog-content-props.js"), exports);
 __exportStar(require("./models/ps-dialog-description-props.js"), exports);
 __exportStar(require("./models/ps-dialog-footer-props.js"), exports);
@@ -372,6 +380,7 @@ __exportStar(require("./pallasoft-internal-tailwind-preset.js"), exports);
 __exportStar(require("./services/ps-app-switcher-service.js"), exports);
 __exportStar(require("./services/ps-chart-service.js"), exports);
 __exportStar(require("./services/ps-class-name-service.js"), exports);
+__exportStar(require("./services/ps-date-time-service.js"), exports);
 __exportStar(require("./services/ps-field-format-service.js"), exports);
 __exportStar(require("./services/ps-file-size-service.js"), exports);
 __exportStar(require("./components/ps-pagination.js"), exports);

package/dist/models/ps-collapsible-content-props.d.ts

@@ -0,0 +1,4 @@
+import type * as React from 'react';
+import type * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+export interface PsCollapsibleContentProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content> {
+}

package/dist/models/ps-collapsible-content-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-date-time-parts-data.d.ts

@@ -0,0 +1,4 @@
+export interface PsDateTimePartsData {
+    date: string;
+    time: string;
+}

package/dist/models/ps-date-time-parts-data.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-date-time-picker-props.d.ts

@@ -0,0 +1,11 @@
+export interface PsDateTimePickerProps {
+    id?: string;
+    value: string;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    clearable?: boolean;
+    fromDate?: string;
+    className?: string;
+}

package/dist/models/ps-date-time-picker-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/pallasoft-internal-tailwind-preset.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PallasoftInternalTailwindPreset = void 0;
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
 const tailwindcss_animate_1 = __importDefault(require("tailwindcss-animate"));
 const pallasoft_font_size_js_1 = require("./constants/pallasoft-font-size.js");
 const pallasoft_motion_js_1 = require("./constants/pallasoft-motion.js");
@@ -88,6 +89,8 @@ exports.PallasoftInternalTailwindPreset = {
                 sans: ['Geist Variable', 'ui-sans-serif', 'system-ui', 'sans-serif'],
             },
             ...pallasoft_shared_scale_js_1.PallasoftSharedScale,
+            opacity: ps_design_system_1.PallasoftOpacityScale,
+            zIndex: ps_design_system_1.PallasoftZIndexScale,
             fontSize: pallasoft_font_size_js_1.PallasoftFontSize,
             ...pallasoft_motion_js_1.PallasoftMotion,
         },

package/dist/services/ps-date-time-service.d.ts

@@ -0,0 +1,5 @@
+import type { PsDateTimePartsData } from '../models/ps-date-time-parts-data.js';
+export declare class PsDateTimeService {
+    static split(value: string): PsDateTimePartsData;
+    static join(date: string, time: string): string;
+}

package/dist/services/ps-date-time-service.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsDateTimeService = void 0;
+const ps_date_time_picker_config_js_1 = require("../constants/ps-date-time-picker-config.js");
+class PsDateTimeService {
+    static split(value) {
+        const [date, time] = value.split(ps_date_time_picker_config_js_1.PsDateTimePickerConfig.separator);
+        return {
+            date: date === undefined ? '' : date.slice(0, ps_date_time_picker_config_js_1.PsDateTimePickerConfig.dateLength),
+            time: time === undefined ? '' : time.slice(0, ps_date_time_picker_config_js_1.PsDateTimePickerConfig.timeLength),
+        };
+    }
+    static join(date, time) {
+        if (date === '')
+            return '';
+        return `${date}${ps_date_time_picker_config_js_1.PsDateTimePickerConfig.separator}${time === '' ? ps_date_time_picker_config_js_1.PsDateTimePickerConfig.defaultTime : time}`;
+    }
+}
+exports.PsDateTimeService = PsDateTimeService;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-internal-components",
-	"version": "1.4.0",
+	"version": "1.5.0",
 	"private": false,
 	"description": "Shared Pallasoft internal UI: app header, app switcher and shadcn primitives for staff tools",
 	"main": "./dist/index.js",
@@ -42,11 +42,11 @@
 		"release": "semantic-release"
 	},
 	"dependencies": {
-		"@pallasoft/ps-design-system": "^1.7.0",
-		"@pallasoft/ps-utilities": "^2.10.1",
+		"@pallasoft/ps-utilities": "^2.13.0",
 		"@radix-ui/react-alert-dialog": "^1.1.23",
 		"@radix-ui/react-avatar": "^1.2.6",
 		"@radix-ui/react-checkbox": "^1.3.11",
+		"@radix-ui/react-collapsible": "^1.1.20",
 		"@radix-ui/react-dialog": "^1.1.23",
 		"@radix-ui/react-dropdown-menu": "^2.1.24",
 		"@radix-ui/react-label": "^2.1.15",
@@ -69,7 +69,8 @@
 		"react-day-picker": "^9.14.0",
 		"recharts": "^2.15.4",
 		"tailwind-merge": "^2.6.1",
-		"tailwindcss-animate": "^1.0.7"
+		"tailwindcss-animate": "^1.0.7",
+		"@pallasoft/ps-design-system": "^1.7.0"
 	},
 	"peerDependencies": {
 		"@pallasoft/ps-design-system": "^1.7.0",
@@ -81,7 +82,7 @@
 		"@commitlint/config-conventional": "^20.0.0",
 		"@eslint/compat": "^2.0.0",
 		"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
-		"@pallasoft/ps-design-system": "^1.7.0",
+		"@pallasoft/ps-design-system": "^1.10.0",
 		"@semantic-release/changelog": "^6.0.3",
 		"@semantic-release/commit-analyzer": "^13.0.0",
 		"@semantic-release/git": "^10.0.1",