@pallasoft/ps-internal-components 1.0.0 → 1.1.0

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Check } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCheckbox = React.forwardRef(({ className, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: PsClassNameService.merge('grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: PsClassNameService.merge('grid place-content-center text-current'), children: _jsx(Check, { className: 'h-4 w-4' }) }) })));
+PsCheckbox.displayName = CheckboxPrimitive.Root.displayName;

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Check, ChevronsUpDown } from 'lucide-react';
+import { PsOptionSelectConfig } from '../constants/ps-option-select-config.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsButton } from './ps-button.js';
+import { PsCommandEmpty } from './ps-command-empty.js';
+import { PsCommandGroup } from './ps-command-group.js';
+import { PsCommandInput } from './ps-command-input.js';
+import { PsCommandItem } from './ps-command-item.js';
+import { PsCommandList } from './ps-command-list.js';
+import { PsCommand } from './ps-command.js';
+import { PsPopoverContent } from './ps-popover-content.js';
+import { PsPopoverTrigger } from './ps-popover-trigger.js';
+import { PsPopover } from './ps-popover.js';
+export const PsCombobox = ({ id, options, value, onValueChange, placeholder, searchPlaceholder = PsOptionSelectConfig.searchPlaceholder, noResults = PsOptionSelectConfig.noResults, disabled = false, invalid = false, className, }) => {
+    const [open, setOpen] = React.useState(false);
+    const selected = options.find((option) => option.value === value);
+    return (_jsxs(PsPopover, { open: open, onOpenChange: setOpen, children: [_jsx(PsPopoverTrigger, { asChild: true, children: _jsxs(PsButton, { "aria-expanded": open, "aria-invalid": invalid, className: PsClassNameService.merge('h-10 w-full justify-between px-3 font-normal aria-[invalid=true]:border-destructive', selected === undefined && 'text-muted-foreground', className), disabled: disabled, id: id, role: 'combobox', type: 'button', variant: 'outline', children: [_jsx("span", { className: 'truncate', children: selected === undefined ? placeholder : selected.label }), _jsx(ChevronsUpDown, { className: 'size-4 shrink-0 opacity-50' })] }) }), _jsx(PsPopoverContent, { align: 'start', className: 'w-[--radix-popover-trigger-width] p-0', children: _jsxs(PsCommand, { children: [_jsx(PsCommandInput, { placeholder: searchPlaceholder }), _jsxs(PsCommandList, { children: [_jsx(PsCommandEmpty, { children: noResults }), _jsx(PsCommandGroup, { children: options.map((option) => (_jsxs(PsCommandItem, { keywords: option.description !== undefined ? [option.description] : undefined, onSelect: () => {
+                                            onValueChange(option.value);
+                                            setOpen(false);
+                                        }, value: `${option.label} ${option.value}`, children: [_jsx(Check, { className: PsClassNameService.merge('size-4', option.value === value ? 'opacity-100' : 'opacity-0') }), _jsxs("span", { className: 'flex min-w-0 flex-col', children: [_jsx("span", { className: 'truncate', children: option.label }), option.description !== undefined ? (_jsx("span", { className: 'truncate text-xs text-muted-foreground', children: option.description })) : null] })] }, option.value))) })] })] }) })] }));
+};

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

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PsCommand } from './ps-command.js';
+import { PsDialogContent } from './ps-dialog-content.js';
+import { PsDialog } from './ps-dialog.js';
+export const PsCommandDialog = ({ children, ...props }) => {
+    return (_jsx(PsDialog, { ...props, children: _jsx(PsDialogContent, { className: 'overflow-hidden p-0', children: _jsx(PsCommand, { className: '[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5', children: children }) }) }));
+};

package/dist/esm/components/ps-command-empty.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+export const PsCommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: 'py-6 text-center text-sm', ...props })));
+PsCommandEmpty.displayName = CommandPrimitive.Empty.displayName;

package/dist/esm/components/ps-command-group.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: PsClassNameService.merge('overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground', className), ...props })));
+PsCommandGroup.displayName = CommandPrimitive.Group.displayName;

package/dist/esm/components/ps-command-input.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { Search } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsxs("div", { className: 'flex items-center border-b px-3', "cmdk-input-wrapper": '', children: [_jsx(Search, { className: 'mr-2 h-4 w-4 shrink-0 opacity-50' }), _jsx(CommandPrimitive.Input, { ref: ref, className: PsClassNameService.merge('flex h-10 w-full rounded-none border-0 bg-transparent px-0 py-3 shadow-none focus-visible:ring-0 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', className), ...props })] })));
+PsCommandInput.displayName = CommandPrimitive.Input.displayName;

package/dist/esm/components/ps-command-item.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: PsClassNameService.merge('relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', className), ...props })));
+PsCommandItem.displayName = CommandPrimitive.Item.displayName;

package/dist/esm/components/ps-command-list.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: PsClassNameService.merge('max-h-[300px] overflow-y-auto overflow-x-hidden', className), ...props })));
+PsCommandList.displayName = CommandPrimitive.List.displayName;

package/dist/esm/components/ps-command-separator.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: PsClassNameService.merge('-mx-1 h-px bg-border', className), ...props })));
+PsCommandSeparator.displayName = CommandPrimitive.Separator.displayName;

package/dist/esm/components/ps-command-shortcut.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCommandShortcut = ({ className, ...props }) => {
+    return (_jsx("span", { className: PsClassNameService.merge('ml-auto text-xs tracking-widest text-muted-foreground', className), ...props }));
+};
+PsCommandShortcut.displayName = 'PsCommandShortcut';

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

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCommand = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: PsClassNameService.merge('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', className), ...props })));
+PsCommand.displayName = CommandPrimitive.displayName;

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Common } from '@pallasoft/ps-utilities';
+import { CalendarDays, X } from 'lucide-react';
+import { PsDatePickerConfig } from '../constants/ps-date-picker-config.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsButton } from './ps-button.js';
+import { PsCalendar } from './ps-calendar.js';
+import { PsPopoverContent } from './ps-popover-content.js';
+import { PsPopoverTrigger } from './ps-popover-trigger.js';
+import { PsPopover } from './ps-popover.js';
+export const PsDatePicker = ({ id, value, onValueChange, placeholder = PsDatePickerConfig.placeholder, disabled = false, invalid = false, clearable = false, fromDate, className, }) => {
+    const [open, setOpen] = React.useState(false);
+    const selected = value === '' ? undefined : Common.DateService.getDate(value).toDate();
+    const earliest = fromDate === undefined ? undefined : Common.DateService.getDate(fromDate).toDate();
+    return (_jsxs(PsPopover, { open: open, onOpenChange: setOpen, children: [_jsxs("div", { className: PsClassNameService.merge('relative w-full', className), children: [_jsx(PsPopoverTrigger, { asChild: true, children: _jsxs(PsButton, { "aria-invalid": invalid, className: PsClassNameService.merge('h-10 w-full justify-start gap-2 px-3 text-left font-normal aria-[invalid=true]:border-destructive', value === '' && 'text-muted-foreground', clearable && value !== '' && 'pr-10'), disabled: disabled, id: id, type: 'button', variant: 'outline', children: [_jsx(CalendarDays, { className: 'size-4 text-muted-foreground' }), value === ''
+                                    ? placeholder
+                                    : Common.DateService.formatDate(value, PsDatePickerConfig.displayFormat)] }) }), clearable && value !== '' && !disabled ? (_jsx("button", { "aria-label": PsDatePickerConfig.clear, className: 'absolute right-1.5 top-1/2 flex size-7 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground', onClick: () => onValueChange(''), type: 'button', children: _jsx(X, { className: 'size-4' }) })) : null] }), _jsx(PsPopoverContent, { align: 'start', className: 'w-auto p-0', children: _jsx(PsCalendar, { autoFocus: true, captionLayout: 'dropdown', defaultMonth: selected, disabled: earliest === undefined ? undefined : { before: earliest }, mode: 'single', onSelect: (date) => {
+                        onValueChange(date === undefined
+                            ? ''
+                            : Common.DateService.formatDate(date.getTime(), PsDatePickerConfig.storageFormat));
+                        setOpen(false);
+                    }, selected: selected }) })] }));
+};

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

@@ -0,0 +1,3 @@
+'use client';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export const PsDialogClose = DialogPrimitive.Close;

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

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+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" })] })] })] })));
+PsDialogContent.displayName = DialogPrimitive.Content.displayName;

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

@@ -0,0 +1,7 @@
+'use client';
+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 PsDialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: PsClassNameService.merge('text-sm text-muted-foreground', className), ...props })));
+PsDialogDescription.displayName = DialogPrimitive.Description.displayName;

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

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

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

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

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

@@ -0,0 +1,7 @@
+'use client';
+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 })));
+PsDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;

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

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

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

@@ -0,0 +1,7 @@
+'use client';
+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 PsDialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: PsClassNameService.merge('text-lg font-semibold leading-none tracking-tight', className), ...props })));
+PsDialogTitle.displayName = DialogPrimitive.Title.displayName;

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

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

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

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

package/dist/esm/components/ps-dropdown-menu-checkbox-item.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Check } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsDropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: PsClassNameService.merge('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), checked: checked, ...props, children: [_jsx("span", { className: 'absolute left-2 flex h-3.5 w-3.5 items-center justify-center', children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: 'h-4 w-4' }) }) }), children] })));
+PsDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;

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

@@ -0,0 +1,6 @@
+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 }) })));
+PsDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;

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

@@ -0,0 +1,2 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export const PsDropdownMenuGroup = DropdownMenuPrimitive.Group;

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

@@ -0,0 +1,6 @@
+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 PsDropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: PsClassNameService.merge('relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0', inset && 'pl-8', className), ...props })));
+PsDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;

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

@@ -0,0 +1,6 @@
+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 PsDropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: PsClassNameService.merge('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className), ...props })));
+PsDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;

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

@@ -0,0 +1,2 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export const PsDropdownMenuPortal = DropdownMenuPrimitive.Portal;

package/dist/esm/components/ps-dropdown-menu-radio-group.js

@@ -0,0 +1,2 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export const PsDropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;

package/dist/esm/components/ps-dropdown-menu-radio-item.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Circle } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsDropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: PsClassNameService.merge('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props, children: [_jsx("span", { className: 'absolute left-2 flex h-3.5 w-3.5 items-center justify-center', children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Circle, { className: 'h-2 w-2 fill-current' }) }) }), children] })));
+PsDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;

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

@@ -0,0 +1,6 @@
+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 PsDropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: PsClassNameService.merge('-mx-1 my-1 h-px bg-muted', className), ...props })));
+PsDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsDropdownMenuShortcut = ({ className, ...props }) => {
+    return (_jsx("span", { className: PsClassNameService.merge('ml-auto text-xs tracking-widest opacity-60', className), ...props }));
+};
+PsDropdownMenuShortcut.displayName = 'PsDropdownMenuShortcut';

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

@@ -0,0 +1,6 @@
+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 })));
+PsDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;

package/dist/esm/components/ps-dropdown-menu-sub-trigger.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { ChevronRight } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsDropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: PsClassNameService.merge('flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className), ...props, children: [children, _jsx(ChevronRight, { className: 'ml-auto' })] })));
+PsDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;

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

@@ -0,0 +1,2 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export const PsDropdownMenuSub = DropdownMenuPrimitive.Sub;

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

@@ -0,0 +1,2 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export const PsDropdownMenuTrigger = DropdownMenuPrimitive.Trigger;

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

@@ -0,0 +1,2 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export const PsDropdownMenu = DropdownMenuPrimitive.Root;

package/dist/esm/components/ps-email-input.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Mail } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsInputGroup } from './ps-input-group.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsEmailInput = React.forwardRef(({ className, isLoading = false, ...props }, ref) => {
+    if (isLoading)
+        return (_jsx(PsSkeleton, { className: PsClassNameService.merge('h-9 w-full rounded-md', className) }));
+    return (_jsx(PsInputGroup, { prefix: _jsx(Mail, { "aria-hidden": 'true' }), className: className, children: _jsx("input", { ref: ref, type: 'email', inputMode: 'email', autoComplete: 'email', className: 'h-full w-full min-w-0 rounded-none border-0 bg-transparent py-0 shadow-none focus-visible:ring-0 px-3 text-base outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed md:text-sm', ...props }) }));
+});
+PsEmailInput.displayName = 'PsEmailInput';

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsEmptyContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": 'empty-content', className: PsClassNameService.merge('mt-2 flex flex-wrap items-center justify-center gap-2', className), ...props })));
+PsEmptyContent.displayName = 'PsEmptyContent';

package/dist/esm/components/ps-empty-description.js

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

package/dist/esm/components/ps-empty-media.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsEmptyMedia = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": 'empty-media', className: PsClassNameService.merge('mb-2 flex size-10 items-center justify-center rounded-lg bg-muted text-foreground [&_svg]:size-5', className), ...props })));
+PsEmptyMedia.displayName = 'PsEmptyMedia';

package/dist/esm/components/ps-empty-panel.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsEmptyPanel = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": 'empty-panel', className: PsClassNameService.merge('rounded-lg border border-dashed bg-muted/40 px-4 py-5 text-sm text-muted-foreground', className), ...props })));
+PsEmptyPanel.displayName = 'PsEmptyPanel';

package/dist/esm/components/ps-empty-title.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsEmptyTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, "data-slot": 'empty-title', className: PsClassNameService.merge('text-sm font-medium', className), ...props })));
+PsEmptyTitle.displayName = 'PsEmptyTitle';

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsEmpty = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": 'empty', className: PsClassNameService.merge('flex min-h-40 flex-col items-center justify-center gap-2 rounded-lg border border-dashed px-6 py-10 text-center', className), ...props })));
+PsEmpty.displayName = 'PsEmpty';

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsFieldContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": 'field-content', className: PsClassNameService.merge('flex flex-1 flex-col gap-1', className), ...props })));
+PsFieldContent.displayName = 'PsFieldContent';

package/dist/esm/components/ps-field-description.js

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

package/dist/esm/components/ps-field-error.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsFieldError = React.forwardRef(({ className, children, ...props }, ref) => children ? (_jsx("p", { ref: ref, role: 'alert', "data-slot": 'field-error', className: PsClassNameService.merge('text-sm text-destructive', className), ...props, children: children })) : null);
+PsFieldError.displayName = 'PsFieldError';

package/dist/esm/components/ps-field-group.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsFieldGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": 'field-group', className: PsClassNameService.merge('flex flex-col gap-5', className), ...props })));
+PsFieldGroup.displayName = 'PsFieldGroup';

package/dist/esm/components/ps-field-label.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsLabel } from './ps-label.js';
+export const PsFieldLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(PsLabel, { ref: ref, "data-slot": 'field-label', className: PsClassNameService.merge('leading-snug', className), ...props })));
+PsFieldLabel.displayName = 'PsFieldLabel';

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsFieldOrientation } from '../constants/ps-field-orientation.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsField = React.forwardRef(({ className, orientation = PsFieldOrientation.Vertical, ...props }, ref) => (_jsx("div", { ref: ref, role: 'group', "data-slot": 'field', "data-orientation": orientation, className: PsClassNameService.merge('flex w-full gap-2', orientation === PsFieldOrientation.Horizontal
+        ? 'flex-row items-center justify-between gap-4'
+        : 'flex-col', className), ...props })));
+PsField.displayName = 'PsField';

package/dist/esm/components/ps-file-picker.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { FileText, Upload } from 'lucide-react';
+import { PsFilePickerConfig } from '../constants/ps-file-picker-config.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsFileSizeService } from '../services/ps-file-size-service.js';
+import { PsButton } from './ps-button.js';
+export const PsFilePicker = ({ id, value, onValueChange, accept, hint, disabled = false, invalid = false, className, }) => {
+    const inputRef = React.useRef(null);
+    const [dragging, setDragging] = React.useState(false);
+    const pick = (files) => {
+        onValueChange(files !== null && files.length > 0 ? files[0] : null);
+    };
+    const browse = () => {
+        if (inputRef.current !== null)
+            inputRef.current.click();
+    };
+    return (_jsxs("div", { "aria-invalid": invalid, className: PsClassNameService.merge('rounded-lg border-2 border-dashed bg-card transition-colors aria-[invalid=true]:border-destructive/60', dragging && 'border-primary bg-accent/40', disabled && 'cursor-not-allowed opacity-60', className), onDragLeave: () => setDragging(false), onDragOver: (event) => {
+            event.preventDefault();
+            if (!disabled)
+                setDragging(true);
+        }, onDrop: (event) => {
+            event.preventDefault();
+            setDragging(false);
+            if (!disabled)
+                pick(event.dataTransfer.files);
+        }, children: [value === null ? (_jsxs("button", { className: 'flex w-full flex-col items-center justify-center gap-2 px-6 py-8 text-center hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none', disabled: disabled, onClick: browse, type: 'button', children: [_jsx(Upload, { className: 'size-5 text-muted-foreground' }), _jsx("span", { className: 'text-sm font-medium', children: PsFilePickerConfig.prompt }), hint !== undefined ? (_jsx("span", { className: 'text-xs text-muted-foreground', children: hint })) : null] })) : (_jsxs("div", { className: 'flex items-center gap-3 px-4 py-3', children: [_jsx("span", { className: 'flex size-9 shrink-0 items-center justify-center rounded-md bg-muted', children: _jsx(FileText, { className: 'size-4 text-muted-foreground' }) }), _jsxs("span", { className: 'flex min-w-0 flex-1 flex-col', children: [_jsx("span", { className: 'truncate text-sm font-medium', children: value.name }), _jsx("span", { className: 'text-xs text-muted-foreground', children: PsFileSizeService.label(value.size) })] }), _jsx(PsButton, { disabled: disabled, onClick: browse, size: 'sm', type: 'button', variant: 'outline', children: PsFilePickerConfig.change }), _jsx(PsButton, { disabled: disabled, onClick: () => {
+                            if (inputRef.current !== null)
+                                inputRef.current.value = '';
+                            onValueChange(null);
+                        }, size: 'sm', type: 'button', variant: 'ghost', children: PsFilePickerConfig.remove })] })), _jsx("input", { accept: accept, className: 'sr-only', disabled: disabled, id: id, onChange: (event) => pick(event.currentTarget.files), ref: inputRef, tabIndex: -1, type: 'file' })] }));
+};

package/dist/esm/components/ps-input-group.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsInputGroup = ({ prefix, suffix, className, children }) => (_jsxs("div", { className: PsClassNameService.merge('flex h-10 w-full items-center rounded-md border border-input bg-transparent shadow-sm transition-colors focus-within:ring-1 focus-within:ring-ring has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50', className), children: [prefix ? (_jsx("span", { className: 'flex h-full shrink-0 items-center pl-3 text-sm text-muted-foreground [&_svg]:size-4', children: prefix })) : null, children, suffix ? (_jsx("span", { className: 'flex h-full shrink-0 items-center pr-3 text-sm text-muted-foreground [&_svg]:size-4', children: suffix })) : null] }));

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsInput = React.forwardRef(({ className, isLoading = false, type, ...props }, ref) => {
+    if (isLoading)
+        return (_jsx(PsSkeleton, { className: PsClassNameService.merge('h-9 w-full rounded-md', className) }));
+    return (_jsx("input", { type: type, className: PsClassNameService.merge('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className), ref: ref, ...props }));
+});
+PsInput.displayName = 'PsInput';

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsKbd = React.forwardRef(({ className, ...props }, ref) => (_jsx("kbd", { ref: ref, "data-slot": 'kbd', className: PsClassNameService.merge('pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground', className), ...props })));
+PsKbd.displayName = 'PsKbd';

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { PsLabelVariants } from '../constants/ps-label-variants.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: PsClassNameService.merge(PsLabelVariants(), className), ...props })));
+PsLabel.displayName = LabelPrimitive.Root.displayName;

package/dist/esm/components/ps-money-input.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsFieldInputConfig } from '../constants/ps-field-input-config.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsFieldFormatService } from '../services/ps-field-format-service.js';
+import { PsInputGroup } from './ps-input-group.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsMoneyInput = React.forwardRef(({ className, currency, value, onValueChange, isLoading = false, locale = PsFieldInputConfig.defaultLocale, onBlur, onFocus, ...props }, ref) => {
+    const [editing, setEditing] = React.useState(false);
+    const [text, setText] = React.useState(value);
+    if (isLoading)
+        return (_jsx(PsSkeleton, { className: PsClassNameService.merge('h-9 w-full rounded-md', className) }));
+    return (_jsx(PsInputGroup, { prefix: PsFieldFormatService.currencySymbol(currency, locale), suffix: currency, className: className, children: _jsx("input", { ref: ref, type: 'text', inputMode: 'decimal', autoComplete: 'off', className: 'h-full w-full min-w-0 rounded-none border-0 bg-transparent px-2 py-0 text-right text-base tabular-nums shadow-none outline-none placeholder:text-muted-foreground focus-visible:ring-0 disabled:cursor-not-allowed md:text-sm', value: editing ? text : PsFieldFormatService.moneyText(value, locale), onChange: (event) => {
+                setText(event.currentTarget.value);
+                onValueChange(PsFieldFormatService.moneyValue(event.currentTarget.value));
+            }, onFocus: (event) => {
+                setText(value);
+                setEditing(true);
+                if (onFocus)
+                    onFocus(event);
+            }, onBlur: (event) => {
+                setEditing(false);
+                if (onBlur)
+                    onBlur(event);
+            }, ...props }) }));
+});
+PsMoneyInput.displayName = 'PsMoneyInput';

package/dist/esm/components/ps-navigation-progress.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsNavigationProgressConfig } from '../constants/ps-navigation-progress-config.js';
+import { PsNavigationState } from '../constants/ps-navigation-state.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsProgress } from './ps-progress.js';
+export const PsNavigationProgress = ({ className, state }) => {
+    const [value, setValue] = React.useState(PsNavigationProgressConfig.startValue);
+    const [isVisible, setIsVisible] = React.useState(false);
+    React.useEffect(() => {
+        if (state === PsNavigationState.Idle) {
+            if (!isVisible)
+                return;
+            setValue(PsNavigationProgressConfig.completeValue);
+            const hideTimer = window.setTimeout(() => setIsVisible(false), PsNavigationProgressConfig.hideDelayMs);
+            const resetTimer = window.setTimeout(() => setValue(PsNavigationProgressConfig.startValue), PsNavigationProgressConfig.resetDelayMs);
+            return () => {
+                window.clearTimeout(hideTimer);
+                window.clearTimeout(resetTimer);
+            };
+        }
+        setIsVisible(true);
+        setValue(state === PsNavigationState.Submitting
+            ? PsNavigationProgressConfig.submittingValue
+            : PsNavigationProgressConfig.loadingValue);
+    }, [isVisible, state]);
+    return (_jsx(PsProgress, { "aria-hidden": !isVisible, className: PsClassNameService.merge('pointer-events-none fixed inset-x-0 top-0 z-[999] h-0.5 rounded-none bg-transparent transition-opacity', isVisible ? 'opacity-100' : 'opacity-0', className), value: value }));
+};

package/dist/esm/components/ps-not-found.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsRootStatusMessages } from '../constants/ps-root-status-messages.js';
+import { PsButton } from './ps-button.js';
+export const PsNotFound = ({ homePath = PsRootStatusMessages.defaultHomePath, }) => (_jsx("section", { className: 'flex min-h-[55vh] w-full items-center justify-center px-4 py-10 sm:px-6', children: _jsxs("div", { className: 'w-full max-w-xl text-card-foreground', children: [_jsx("p", { className: 'text-sm text-muted-foreground', children: PsRootStatusMessages.notFoundCode }), _jsx("h1", { className: 'mt-2 text-2xl font-semibold tracking-tight', children: PsRootStatusMessages.notFoundTitle }), _jsx("p", { className: 'mt-3 text-sm text-muted-foreground', children: PsRootStatusMessages.notFoundDescription }), _jsxs("div", { className: 'mt-6 flex flex-col gap-3 sm:flex-row', children: [_jsx(PsButton, { asChild: true, children: _jsx("a", { id: 'go-to-home-link', href: homePath, children: PsRootStatusMessages.goHomeLabel }) }), _jsx(PsButton, { id: 'go-back-button', type: 'button', variant: 'outline', onClick: () => window.history.back(), children: PsRootStatusMessages.goBackLabel })] })] }) }));