@pallasoft/ps-internal-components 1.3.2 → 1.5.0

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-notice.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CircleAlert, TriangleAlert } from 'lucide-react';
+import { PsNoticeVariant } from '../constants/ps-notice-variant.js';
+import { PsAlertDescription } from './ps-alert-description.js';
+import { PsAlertTitle } from './ps-alert-title.js';
+import { PsAlert } from './ps-alert.js';
+export const PsNotice = ({ message, title, variant }) => {
+    if (message === null)
+        return null;
+    return (_jsxs(PsAlert, { variant: variant === PsNoticeVariant.Error ? 'destructive' : 'warning', children: [variant === PsNoticeVariant.Error ? _jsx(CircleAlert, {}) : _jsx(TriangleAlert, {}), _jsx(PsAlertTitle, { children: title }), _jsx(PsAlertDescription, { children: message })] }));
+};

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { PsBreadcrumbItem } from './ps-breadcrumb-item.js';
+import { PsBreadcrumbLink } from './ps-breadcrumb-link.js';
+import { PsBreadcrumbList } from './ps-breadcrumb-list.js';
+import { PsBreadcrumbPage } from './ps-breadcrumb-page.js';
+import { PsBreadcrumbSeparator } from './ps-breadcrumb-separator.js';
+import { PsBreadcrumb } from './ps-breadcrumb.js';
+export const PsPageHeader = ({ actions, crumbs = [], description, meta, renderLink, title, }) => (_jsxs("div", { className: 'flex flex-col gap-3', children: [crumbs.length > 0 ? (_jsx(PsBreadcrumb, { children: _jsxs(PsBreadcrumbList, { children: [crumbs.map((crumb) => (_jsxs(Fragment, { children: [_jsx(PsBreadcrumbItem, { children: _jsx(PsBreadcrumbLink, { asChild: true, children: renderLink ? (renderLink(crumb.href, crumb.label)) : (_jsx("a", { href: crumb.href, children: crumb.label })) }) }), _jsx(PsBreadcrumbSeparator, {})] }, crumb.href))), _jsx(PsBreadcrumbItem, { children: _jsx(PsBreadcrumbPage, { children: title }) })] }) })) : null, _jsxs("div", { className: 'flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between', children: [_jsxs("div", { className: 'flex min-w-0 flex-col gap-2', children: [_jsx("h1", { className: 'break-words text-2xl font-semibold tracking-tight text-foreground', children: title }), description ? (_jsx("p", { className: 'max-w-2xl text-sm text-muted-foreground', children: description })) : null, meta ? _jsx("div", { className: 'flex flex-wrap items-center gap-2', children: meta }) : null] }), actions ? _jsx("div", { className: 'flex shrink-0 flex-wrap items-center gap-2', children: actions }) : null] })] }));

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

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsSkeletonPageHeader } from './ps-skeleton-page-header.js';
+export const PsPageSkeleton = ({ children, withActions = false }) => (_jsxs("section", { className: 'flex flex-col gap-6', children: [_jsx(PsSkeletonPageHeader, { withActions: withActions }), children] }));

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-section-heading.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PsSectionHeading = ({ actions, description, title }) => (_jsxs("div", { className: 'flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between', children: [_jsxs("div", { className: 'flex min-w-0 flex-col gap-1', children: [_jsx("h2", { className: 'text-base font-semibold text-foreground', children: title }), description ? _jsx("p", { className: 'text-sm text-muted-foreground', children: description }) : null] }), actions ? _jsx("div", { className: 'flex shrink-0 flex-wrap items-center gap-2', children: actions }) : null] }));

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-stat-card.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsCardDescription } from './ps-card-description.js';
+import { PsCardHeader } from './ps-card-header.js';
+import { PsCardTitle } from './ps-card-title.js';
+import { PsCard } from './ps-card.js';
+export const PsStatCard = ({ label, value }) => (_jsx(PsCard, { children: _jsxs(PsCardHeader, { className: 'gap-1 p-4', children: [_jsx(PsCardDescription, { children: label }), _jsx(PsCardTitle, { className: 'text-2xl tabular-nums', children: value })] }) }));

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-notice-variant.js

@@ -0,0 +1,5 @@
+export var PsNoticeVariant;
+(function (PsNoticeVariant) {
+    PsNoticeVariant["Error"] = "error";
+    PsNoticeVariant["Warning"] = "warning";
+})(PsNoticeVariant || (PsNoticeVariant = {}));

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';
@@ -375,3 +384,17 @@ export * from './models/ps-pagination-link-props.js';
 export * from './models/ps-pagination-props.js';
 export * from './constants/ps-pagination-config.js';
 export * from './services/ps-pagination-service.js';
+export * from './components/ps-confirm-action.js';
+export * from './components/ps-notice.js';
+export * from './components/ps-page-header.js';
+export * from './components/ps-page-skeleton.js';
+export * from './components/ps-section-heading.js';
+export * from './components/ps-stat-card.js';
+export * from './constants/ps-notice-variant.js';
+export * from './models/ps-confirm-action-props.js';
+export * from './models/ps-notice-props.js';
+export * from './models/ps-page-crumb-data.js';
+export * from './models/ps-page-header-props.js';
+export * from './models/ps-page-skeleton-props.js';
+export * from './models/ps-section-heading-props.js';
+export * from './models/ps-stat-card-props.js';

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

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

package/dist/esm/models/ps-confirm-action-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/models/ps-notice-props.js

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

package/dist/esm/models/ps-page-crumb-data.js

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

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

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

package/dist/esm/models/ps-page-skeleton-props.js

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

package/dist/esm/models/ps-section-heading-props.js

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

package/dist/esm/models/ps-stat-card-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';
@@ -375,3 +384,17 @@ export * from './models/ps-pagination-link-props.js';
 export * from './models/ps-pagination-props.js';
 export * from './constants/ps-pagination-config.js';
 export * from './services/ps-pagination-service.js';
+export * from './components/ps-confirm-action.js';
+export * from './components/ps-notice.js';
+export * from './components/ps-page-header.js';
+export * from './components/ps-page-skeleton.js';
+export * from './components/ps-section-heading.js';
+export * from './components/ps-stat-card.js';
+export * from './constants/ps-notice-variant.js';
+export * from './models/ps-confirm-action-props.js';
+export * from './models/ps-notice-props.js';
+export * from './models/ps-page-crumb-data.js';
+export * from './models/ps-page-header-props.js';
+export * from './models/ps-page-skeleton-props.js';
+export * from './models/ps-section-heading-props.js';
+export * from './models/ps-stat-card-props.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);
@@ -391,3 +400,17 @@ __exportStar(require("./models/ps-pagination-link-props.js"), exports);
 __exportStar(require("./models/ps-pagination-props.js"), exports);
 __exportStar(require("./constants/ps-pagination-config.js"), exports);
 __exportStar(require("./services/ps-pagination-service.js"), exports);
+__exportStar(require("./components/ps-confirm-action.js"), exports);
+__exportStar(require("./components/ps-notice.js"), exports);
+__exportStar(require("./components/ps-page-header.js"), exports);
+__exportStar(require("./components/ps-page-skeleton.js"), exports);
+__exportStar(require("./components/ps-section-heading.js"), exports);
+__exportStar(require("./components/ps-stat-card.js"), exports);
+__exportStar(require("./constants/ps-notice-variant.js"), exports);
+__exportStar(require("./models/ps-confirm-action-props.js"), exports);
+__exportStar(require("./models/ps-notice-props.js"), exports);
+__exportStar(require("./models/ps-page-crumb-data.js"), exports);
+__exportStar(require("./models/ps-page-header-props.js"), exports);
+__exportStar(require("./models/ps-page-skeleton-props.js"), exports);
+__exportStar(require("./models/ps-section-heading-props.js"), exports);
+__exportStar(require("./models/ps-stat-card-props.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-confirm-action-props.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export interface PsConfirmActionProps {
+    cancelLabel: string;
+    confirmLabel: string;
+    description: string;
+    destructive?: boolean;
+    onConfirm: () => void;
+    title: string;
+    trigger: ReactNode;
+}

package/dist/models/ps-confirm-action-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/models/ps-notice-props.d.ts

@@ -0,0 +1,6 @@
+import type { PsNoticeVariant } from '../constants/ps-notice-variant.js';
+export interface PsNoticeProps {
+    message: string | null;
+    title: string;
+    variant: PsNoticeVariant;
+}

package/dist/models/ps-notice-props.js

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

package/dist/models/ps-page-crumb-data.d.ts

@@ -0,0 +1,4 @@
+export interface PsPageCrumbData {
+    href: string;
+    label: string;
+}

package/dist/models/ps-page-crumb-data.js

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

package/dist/models/ps-page-header-props.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { PsPageCrumbData } from './ps-page-crumb-data.js';
+export interface PsPageHeaderProps {
+    actions?: ReactNode;
+    crumbs?: PsPageCrumbData[];
+    description?: string;
+    meta?: ReactNode;
+    renderLink?: (href: string, children: ReactNode) => ReactNode;
+    title: string;
+}

package/dist/models/ps-page-header-props.js

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

package/dist/models/ps-page-skeleton-props.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export interface PsPageSkeletonProps {
+    children: ReactNode;
+    withActions?: boolean;
+}

package/dist/models/ps-page-skeleton-props.js

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

package/dist/models/ps-section-heading-props.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface PsSectionHeadingProps {
+    actions?: ReactNode;
+    description?: string;
+    title: string;
+}

package/dist/models/ps-section-heading-props.js

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

package/dist/models/ps-stat-card-props.d.ts

@@ -0,0 +1,4 @@
+export interface PsStatCardProps {
+    label: string;
+    value: string | number;
+}

package/dist/models/ps-stat-card-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.3.2",
+	"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",