@pallasoft/ps-internal-components 1.0.0

package/dist/components/ps-dropdown-menu-sub-trigger.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsDropdownMenuSubTriggerProps } from '../models/ps-dropdown-menu-sub-trigger-props.js';
+export declare const PsDropdownMenuSubTrigger: React.ForwardRefExoticComponent<PsDropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/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/components/ps-dropdown-menu-sub.d.ts

@@ -0,0 +1,2 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export declare const PsDropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;

package/dist/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/components/ps-dropdown-menu-trigger.d.ts

@@ -0,0 +1,2 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export declare const PsDropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/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/components/ps-dropdown-menu.d.ts

@@ -0,0 +1,2 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export declare const PsDropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;

package/dist/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/components/ps-email-input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsFieldInputProps } from '../models/ps-field-input-props.js';
+export declare const PsEmailInput: React.ForwardRefExoticComponent<Omit<PsFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/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/components/ps-empty-content.d.ts

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

package/dist/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/components/ps-empty-description.d.ts

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

package/dist/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/components/ps-empty-media.d.ts

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

package/dist/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/components/ps-empty-panel.d.ts

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

package/dist/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/components/ps-empty-title.d.ts

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

package/dist/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/components/ps-empty.d.ts

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

package/dist/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/components/ps-field-content.d.ts

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

package/dist/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/components/ps-field-description.d.ts

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

package/dist/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/components/ps-field-error.d.ts

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

package/dist/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/components/ps-field-group.d.ts

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

package/dist/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/components/ps-field-label.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsFieldLabelProps } from '../models/ps-field-label-props.js';
+export declare const PsFieldLabel: React.ForwardRefExoticComponent<PsFieldLabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/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/components/ps-field.d.ts

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

package/dist/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/components/ps-file-picker.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsFilePickerProps } from '../models/ps-file-picker-props.js';
+export declare const PsFilePicker: ({ id, value, onValueChange, accept, hint, disabled, invalid, className, }: PsFilePickerProps) => React.JSX.Element;

package/dist/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/components/ps-input-group.d.ts

@@ -0,0 +1,2 @@
+import type { PsInputGroupProps } from '../models/ps-input-group-props.js';
+export declare const PsInputGroup: ({ prefix, suffix, className, children }: PsInputGroupProps) => import("react").JSX.Element;

package/dist/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/components/ps-input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsInputProps } from '../models/ps-input-props.js';
+export declare const PsInput: React.ForwardRefExoticComponent<Omit<PsInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/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/components/ps-kbd.d.ts

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

package/dist/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/components/ps-label.d.ts

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

package/dist/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/components/ps-money-input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsMoneyInputProps } from '../models/ps-money-input-props.js';
+export declare const PsMoneyInput: React.ForwardRefExoticComponent<Omit<PsMoneyInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/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/components/ps-navigation-progress.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsNavigationProgressProps } from '../models/ps-navigation-progress-props.js';
+export declare const PsNavigationProgress: ({ className, state }: PsNavigationProgressProps) => React.JSX.Element;

package/dist/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/components/ps-not-found.d.ts

@@ -0,0 +1,2 @@
+import type { PsNotFoundProps } from '../models/ps-not-found-props.js';
+export declare const PsNotFound: ({ homePath, }: PsNotFoundProps) => import("react").JSX.Element;

package/dist/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 })] })] }) }));

package/dist/components/ps-option-select.d.ts

@@ -0,0 +1,2 @@
+import type { PsOptionSelectProps } from '../models/ps-option-select-props.js';
+export declare const PsOptionSelect: ({ id, options, value, onValueChange, placeholder, emptyLabel, disabled, invalid, className, }: PsOptionSelectProps) => import("react").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsOptionSelectConfig } from '../constants/ps-option-select-config.js';
+import { PsSelectContent } from './ps-select-content.js';
+import { PsSelectItem } from './ps-select-item.js';
+import { PsSelectTrigger } from './ps-select-trigger.js';
+import { PsSelectValue } from './ps-select-value.js';
+import { PsSelect } from './ps-select.js';
+export const PsOptionSelect = ({ id, options, value, onValueChange, placeholder, emptyLabel, disabled = false, invalid = false, className, }) => (_jsxs(PsSelect, { disabled: disabled, onValueChange: (next) => onValueChange(next === PsOptionSelectConfig.emptyValue ? '' : next), value: value === ''
+        ? emptyLabel !== undefined
+            ? PsOptionSelectConfig.emptyValue
+            : undefined
+        : value, children: [_jsx(PsSelectTrigger, { "aria-invalid": invalid, className: className, id: id, children: _jsx(PsSelectValue, { placeholder: placeholder }) }), _jsxs(PsSelectContent, { children: [emptyLabel !== undefined ? (_jsx(PsSelectItem, { value: PsOptionSelectConfig.emptyValue, children: emptyLabel })) : null, options.map((option) => (_jsx(PsSelectItem, { value: option.value, children: option.label }, option.value)))] })] }));

package/dist/components/ps-password-input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsFieldInputProps } from '../models/ps-field-input-props.js';
+export declare const PsPasswordInput: React.ForwardRefExoticComponent<Omit<PsFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Eye, EyeOff } from 'lucide-react';
+import { PsPasswordInputConfig } from '../constants/ps-password-input-config.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsInputGroup } from './ps-input-group.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsPasswordInput = React.forwardRef(({ className, isLoading = false, ...props }, ref) => {
+    const [visible, setVisible] = React.useState(false);
+    if (isLoading)
+        return (_jsx(PsSkeleton, { className: PsClassNameService.merge('h-9 w-full rounded-md', className) }));
+    return (_jsxs(PsInputGroup, { className: className, children: [_jsx("input", { ref: ref, type: visible ? 'text' : 'password', autoComplete: 'off', spellCheck: false, className: 'h-full w-full min-w-0 rounded-none border-0 bg-transparent px-3 py-0 text-base shadow-none outline-none placeholder:text-muted-foreground focus-visible:ring-0 disabled:cursor-not-allowed md:text-sm', ...props }), _jsx("button", { "aria-label": visible ? PsPasswordInputConfig.hide : PsPasswordInputConfig.show, "aria-pressed": visible, className: 'mr-1 flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring', onClick: () => setVisible((current) => !current), type: 'button', children: visible ? _jsx(EyeOff, { className: 'size-4' }) : _jsx(Eye, { className: 'size-4' }) })] }));
+});
+PsPasswordInput.displayName = 'PsPasswordInput';

package/dist/components/ps-percent-input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsFieldInputProps } from '../models/ps-field-input-props.js';
+export declare const PsPercentInput: React.ForwardRefExoticComponent<Omit<PsFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,12 @@
+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 { PsInputGroup } from './ps-input-group.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsPercentInput = 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, { suffix: PsFieldInputConfig.percentSuffix, className: className, children: _jsx("input", { ref: ref, type: 'number', inputMode: 'decimal', step: 'any', 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-right text-base tabular-nums outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed md:text-sm [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none', ...props }) }));
+});
+PsPercentInput.displayName = 'PsPercentInput';

package/dist/components/ps-phone-input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsPhoneInputProps } from '../models/ps-phone-input-props.js';
+export declare const PsPhoneInput: ({ id, value, onValueChange, onBlur, defaultCountry, placeholder, disabled, invalid, className, }: PsPhoneInputProps) => React.JSX.Element;

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Common } from '@pallasoft/ps-utilities';
+import { Check, ChevronsUpDown, Phone } from 'lucide-react';
+import { PsPhoneInputConfig } from '../constants/ps-phone-input-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 PsPhoneInput = ({ id, value, onValueChange, onBlur, defaultCountry, placeholder, disabled = false, invalid = false, className, }) => {
+    const initial = Common.PhoneService.display(value, defaultCountry);
+    const [country, setCountry] = React.useState(initial.country);
+    const [national, setNational] = React.useState(Common.PhoneService.format(initial.national, initial.country));
+    const [open, setOpen] = React.useState(false);
+    const countries = React.useMemo(() => Common.PhoneService.countries(defaultCountry), [defaultCountry]);
+    React.useEffect(() => {
+        if (Common.PhoneService.toStored(national, country) === value)
+            return;
+        const next = Common.PhoneService.display(value, country);
+        setCountry(next.country);
+        setNational(Common.PhoneService.format(next.national, next.country));
+    }, [value]);
+    const update = (nextNational, nextCountry) => {
+        const formatted = Common.PhoneService.format(nextNational, nextCountry);
+        setNational(formatted);
+        onValueChange(Common.PhoneService.toStored(formatted, nextCountry));
+    };
+    return (_jsxs("div", { "aria-invalid": invalid, 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 aria-[invalid=true]:border-destructive', disabled && 'cursor-not-allowed opacity-50', className), children: [_jsxs(PsPopover, { open: open, onOpenChange: setOpen, children: [_jsx(PsPopoverTrigger, { asChild: true, children: _jsxs(PsButton, { "aria-label": PsPhoneInputConfig.countryLabel, className: 'h-full shrink-0 gap-1 rounded-none rounded-l-md border-0 border-r px-3 font-normal shadow-none', disabled: disabled, type: 'button', variant: 'ghost', children: [_jsx(Phone, { className: 'size-4 text-muted-foreground' }), _jsxs("span", { className: 'tabular-nums', children: [PsPhoneInputConfig.plus, Common.PhoneService.callingCode(country)] }), _jsx(ChevronsUpDown, { className: 'size-3.5 opacity-50' })] }) }), _jsx(PsPopoverContent, { align: 'start', className: 'w-72 p-0', children: _jsxs(PsCommand, { children: [_jsx(PsCommandInput, { placeholder: PsPhoneInputConfig.searchPlaceholder }), _jsxs(PsCommandList, { children: [_jsx(PsCommandEmpty, { children: PsPhoneInputConfig.noResults }), _jsx(PsCommandGroup, { children: countries.map((option) => (_jsxs(PsCommandItem, { onSelect: () => {
+                                                    setCountry(option.code);
+                                                    setOpen(false);
+                                                    update(national, option.code);
+                                                }, value: `${option.label} ${option.code} +${option.callingCode}`, children: [_jsx(Check, { className: PsClassNameService.merge('size-4', option.code === country ? 'opacity-100' : 'opacity-0') }), _jsx("span", { className: 'flex-1 truncate', children: option.label }), _jsxs("span", { className: 'text-xs tabular-nums text-muted-foreground', children: [PsPhoneInputConfig.plus, option.callingCode] })] }, option.code))) })] })] }) })] }), _jsx("input", { autoComplete: 'tel-national', className: 'h-full w-full min-w-0 rounded-none border-0 bg-transparent px-3 py-0 text-base shadow-none outline-none placeholder:text-muted-foreground focus-visible:ring-0 disabled:cursor-not-allowed md:text-sm', disabled: disabled, id: id, inputMode: 'tel', onBlur: onBlur, onChange: (event) => update(event.currentTarget.value, country), placeholder: placeholder, type: 'tel', value: national })] }));
+};

package/dist/components/ps-popover-anchor.d.ts

@@ -0,0 +1,2 @@
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export declare const PsPopoverAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+'use client';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export const PsPopoverAnchor = PopoverPrimitive.Anchor;

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

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

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

@@ -0,0 +1,7 @@
+'use client';
+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 }) })));
+PsPopoverContent.displayName = PopoverPrimitive.Content.displayName;

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

@@ -0,0 +1,2 @@
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export declare const PsPopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -0,0 +1,2 @@
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export declare const PsPopover: import("react").FC<PopoverPrimitive.PopoverProps>;

package/dist/components/ps-popover.js

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

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

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

package/dist/components/ps-progress.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsProgress = React.forwardRef(({ className, value, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, className: PsClassNameService.merge('relative h-2 w-full overflow-hidden rounded-full bg-primary/20', className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: 'h-full w-full flex-1 bg-primary transition-all', style: { transform: `translateX(-${100 - (value ? value : 0)}%)` } }) })));
+PsProgress.displayName = ProgressPrimitive.Root.displayName;

package/dist/components/ps-radio-group-item.d.ts

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

package/dist/components/ps-radio-group-item.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Circle } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsRadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx(RadioGroupPrimitive.Item, { ref: ref, className: PsClassNameService.merge('aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { className: 'flex items-center justify-center', children: _jsx(Circle, { className: 'h-3.5 w-3.5 fill-primary' }) }) }));
+});
+PsRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;