@pallasoft/ps-internal-components 1.0.0 → 1.1.0

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

@@ -1,28 +1,65 @@
-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);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsNavigationProgress = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_navigation_progress_config_js_1 = require("../constants/ps-navigation-progress-config.js");
+const ps_navigation_state_js_1 = require("../constants/ps-navigation-state.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_progress_js_1 = require("./ps-progress.js");
+const PsNavigationProgress = ({ className, state }) => {
+    const [value, setValue] = React.useState(ps_navigation_progress_config_js_1.PsNavigationProgressConfig.startValue);
     const [isVisible, setIsVisible] = React.useState(false);
     React.useEffect(() => {
-        if (state === PsNavigationState.Idle) {
+        if (state === ps_navigation_state_js_1.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);
+            setValue(ps_navigation_progress_config_js_1.PsNavigationProgressConfig.completeValue);
+            const hideTimer = window.setTimeout(() => setIsVisible(false), ps_navigation_progress_config_js_1.PsNavigationProgressConfig.hideDelayMs);
+            const resetTimer = window.setTimeout(() => setValue(ps_navigation_progress_config_js_1.PsNavigationProgressConfig.startValue), ps_navigation_progress_config_js_1.PsNavigationProgressConfig.resetDelayMs);
             return () => {
                 window.clearTimeout(hideTimer);
                 window.clearTimeout(resetTimer);
             };
         }
         setIsVisible(true);
-        setValue(state === PsNavigationState.Submitting
-            ? PsNavigationProgressConfig.submittingValue
-            : PsNavigationProgressConfig.loadingValue);
+        setValue(state === ps_navigation_state_js_1.PsNavigationState.Submitting
+            ? ps_navigation_progress_config_js_1.PsNavigationProgressConfig.submittingValue
+            : ps_navigation_progress_config_js_1.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 }));
+    return ((0, jsx_runtime_1.jsx)(ps_progress_js_1.PsProgress, { "aria-hidden": !isVisible, className: ps_class_name_service_js_1.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 }));
 };
+exports.PsNavigationProgress = PsNavigationProgress;

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

@@ -1,4 +1,8 @@
-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 })] })] }) }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsNotFound = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_root_status_messages_js_1 = require("../constants/ps-root-status-messages.js");
+const ps_button_js_1 = require("./ps-button.js");
+const PsNotFound = ({ homePath = ps_root_status_messages_js_1.PsRootStatusMessages.defaultHomePath, }) => ((0, jsx_runtime_1.jsx)("section", { className: 'flex min-h-[55vh] w-full items-center justify-center px-4 py-10 sm:px-6', children: (0, jsx_runtime_1.jsxs)("div", { className: 'w-full max-w-xl text-card-foreground', children: [(0, jsx_runtime_1.jsx)("p", { className: 'text-sm text-muted-foreground', children: ps_root_status_messages_js_1.PsRootStatusMessages.notFoundCode }), (0, jsx_runtime_1.jsx)("h1", { className: 'mt-2 text-2xl font-semibold tracking-tight', children: ps_root_status_messages_js_1.PsRootStatusMessages.notFoundTitle }), (0, jsx_runtime_1.jsx)("p", { className: 'mt-3 text-sm text-muted-foreground', children: ps_root_status_messages_js_1.PsRootStatusMessages.notFoundDescription }), (0, jsx_runtime_1.jsxs)("div", { className: 'mt-6 flex flex-col gap-3 sm:flex-row', children: [(0, jsx_runtime_1.jsx)(ps_button_js_1.PsButton, { asChild: true, children: (0, jsx_runtime_1.jsx)("a", { id: 'go-to-home-link', href: homePath, children: ps_root_status_messages_js_1.PsRootStatusMessages.goHomeLabel }) }), (0, jsx_runtime_1.jsx)(ps_button_js_1.PsButton, { id: 'go-back-button', type: 'button', variant: 'outline', onClick: () => window.history.back(), children: ps_root_status_messages_js_1.PsRootStatusMessages.goBackLabel })] })] }) }));
+exports.PsNotFound = PsNotFound;

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

@@ -1,12 +1,16 @@
-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 === ''
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsOptionSelect = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_option_select_config_js_1 = require("../constants/ps-option-select-config.js");
+const ps_select_content_js_1 = require("./ps-select-content.js");
+const ps_select_item_js_1 = require("./ps-select-item.js");
+const ps_select_trigger_js_1 = require("./ps-select-trigger.js");
+const ps_select_value_js_1 = require("./ps-select-value.js");
+const ps_select_js_1 = require("./ps-select.js");
+const PsOptionSelect = ({ id, options, value, onValueChange, placeholder, emptyLabel, disabled = false, invalid = false, className, }) => ((0, jsx_runtime_1.jsxs)(ps_select_js_1.PsSelect, { disabled: disabled, onValueChange: (next) => onValueChange(next === ps_option_select_config_js_1.PsOptionSelectConfig.emptyValue ? '' : next), value: value === ''
         ? emptyLabel !== undefined
-            ? PsOptionSelectConfig.emptyValue
+            ? ps_option_select_config_js_1.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)))] })] }));
+        : value, children: [(0, jsx_runtime_1.jsx)(ps_select_trigger_js_1.PsSelectTrigger, { "aria-invalid": invalid, className: className, id: id, children: (0, jsx_runtime_1.jsx)(ps_select_value_js_1.PsSelectValue, { placeholder: placeholder }) }), (0, jsx_runtime_1.jsxs)(ps_select_content_js_1.PsSelectContent, { children: [emptyLabel !== undefined ? ((0, jsx_runtime_1.jsx)(ps_select_item_js_1.PsSelectItem, { value: ps_option_select_config_js_1.PsOptionSelectConfig.emptyValue, children: emptyLabel })) : null, options.map((option) => ((0, jsx_runtime_1.jsx)(ps_select_item_js_1.PsSelectItem, { value: option.value, children: option.label }, option.value)))] })] }));
+exports.PsOptionSelect = PsOptionSelect;

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

@@ -1,14 +1,50 @@
-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) => {
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPasswordInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const lucide_react_1 = require("lucide-react");
+const ps_password_input_config_js_1 = require("../constants/ps-password-input-config.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_input_group_js_1 = require("./ps-input-group.js");
+const ps_skeleton_js_1 = require("./ps-skeleton.js");
+exports.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' }) })] }));
+        return ((0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: ps_class_name_service_js_1.PsClassNameService.merge('h-9 w-full rounded-md', className) }));
+    return ((0, jsx_runtime_1.jsxs)(ps_input_group_js_1.PsInputGroup, { className: className, children: [(0, jsx_runtime_1.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 }), (0, jsx_runtime_1.jsx)("button", { "aria-label": visible ? ps_password_input_config_js_1.PsPasswordInputConfig.hide : ps_password_input_config_js_1.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 ? (0, jsx_runtime_1.jsx)(lucide_react_1.EyeOff, { className: 'size-4' }) : (0, jsx_runtime_1.jsx)(lucide_react_1.Eye, { className: 'size-4' }) })] }));
 });
-PsPasswordInput.displayName = 'PsPasswordInput';
+exports.PsPasswordInput.displayName = 'PsPasswordInput';

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

@@ -1,12 +1,48 @@
-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) => {
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPercentInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_field_input_config_js_1 = require("../constants/ps-field-input-config.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_input_group_js_1 = require("./ps-input-group.js");
+const ps_skeleton_js_1 = require("./ps-skeleton.js");
+exports.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 }) }));
+        return ((0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: ps_class_name_service_js_1.PsClassNameService.merge('h-9 w-full rounded-md', className) }));
+    return ((0, jsx_runtime_1.jsx)(ps_input_group_js_1.PsInputGroup, { suffix: ps_field_input_config_js_1.PsFieldInputConfig.percentSuffix, className: className, children: (0, jsx_runtime_1.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';
+exports.PsPercentInput.displayName = 'PsPercentInput';

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

@@ -1,40 +1,77 @@
-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);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPhoneInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_utilities_1 = require("@pallasoft/ps-utilities");
+const lucide_react_1 = require("lucide-react");
+const ps_phone_input_config_js_1 = require("../constants/ps-phone-input-config.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_button_js_1 = require("./ps-button.js");
+const ps_command_empty_js_1 = require("./ps-command-empty.js");
+const ps_command_group_js_1 = require("./ps-command-group.js");
+const ps_command_input_js_1 = require("./ps-command-input.js");
+const ps_command_item_js_1 = require("./ps-command-item.js");
+const ps_command_list_js_1 = require("./ps-command-list.js");
+const ps_command_js_1 = require("./ps-command.js");
+const ps_popover_content_js_1 = require("./ps-popover-content.js");
+const ps_popover_trigger_js_1 = require("./ps-popover-trigger.js");
+const ps_popover_js_1 = require("./ps-popover.js");
+const PsPhoneInput = ({ id, value, onValueChange, onBlur, defaultCountry, placeholder, disabled = false, invalid = false, className, }) => {
+    const initial = ps_utilities_1.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 [national, setNational] = React.useState(ps_utilities_1.Common.PhoneService.format(initial.national, initial.country));
     const [open, setOpen] = React.useState(false);
-    const countries = React.useMemo(() => Common.PhoneService.countries(defaultCountry), [defaultCountry]);
+    const countries = React.useMemo(() => ps_utilities_1.Common.PhoneService.countries(defaultCountry), [defaultCountry]);
     React.useEffect(() => {
-        if (Common.PhoneService.toStored(national, country) === value)
+        if (ps_utilities_1.Common.PhoneService.toStored(national, country) === value)
             return;
-        const next = Common.PhoneService.display(value, country);
+        const next = ps_utilities_1.Common.PhoneService.display(value, country);
         setCountry(next.country);
-        setNational(Common.PhoneService.format(next.national, next.country));
+        setNational(ps_utilities_1.Common.PhoneService.format(next.national, next.country));
     }, [value]);
     const update = (nextNational, nextCountry) => {
-        const formatted = Common.PhoneService.format(nextNational, nextCountry);
+        const formatted = ps_utilities_1.Common.PhoneService.format(nextNational, nextCountry);
         setNational(formatted);
-        onValueChange(Common.PhoneService.toStored(formatted, nextCountry));
+        onValueChange(ps_utilities_1.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: () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { "aria-invalid": invalid, className: ps_class_name_service_js_1.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: [(0, jsx_runtime_1.jsxs)(ps_popover_js_1.PsPopover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(ps_popover_trigger_js_1.PsPopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(ps_button_js_1.PsButton, { "aria-label": ps_phone_input_config_js_1.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: [(0, jsx_runtime_1.jsx)(lucide_react_1.Phone, { className: 'size-4 text-muted-foreground' }), (0, jsx_runtime_1.jsxs)("span", { className: 'tabular-nums', children: [ps_phone_input_config_js_1.PsPhoneInputConfig.plus, ps_utilities_1.Common.PhoneService.callingCode(country)] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: 'size-3.5 opacity-50' })] }) }), (0, jsx_runtime_1.jsx)(ps_popover_content_js_1.PsPopoverContent, { align: 'start', className: 'w-72 p-0', children: (0, jsx_runtime_1.jsxs)(ps_command_js_1.PsCommand, { children: [(0, jsx_runtime_1.jsx)(ps_command_input_js_1.PsCommandInput, { placeholder: ps_phone_input_config_js_1.PsPhoneInputConfig.searchPlaceholder }), (0, jsx_runtime_1.jsxs)(ps_command_list_js_1.PsCommandList, { children: [(0, jsx_runtime_1.jsx)(ps_command_empty_js_1.PsCommandEmpty, { children: ps_phone_input_config_js_1.PsPhoneInputConfig.noResults }), (0, jsx_runtime_1.jsx)(ps_command_group_js_1.PsCommandGroup, { children: countries.map((option) => ((0, jsx_runtime_1.jsxs)(ps_command_item_js_1.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 })] }));
+                                                }, value: `${option.label} ${option.code} +${option.callingCode}`, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: ps_class_name_service_js_1.PsClassNameService.merge('size-4', option.code === country ? 'opacity-100' : 'opacity-0') }), (0, jsx_runtime_1.jsx)("span", { className: 'flex-1 truncate', children: option.label }), (0, jsx_runtime_1.jsxs)("span", { className: 'text-xs tabular-nums text-muted-foreground', children: [ps_phone_input_config_js_1.PsPhoneInputConfig.plus, option.callingCode] })] }, option.code))) })] })] }) })] }), (0, jsx_runtime_1.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 })] }));
 };
+exports.PsPhoneInput = PsPhoneInput;

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

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

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

@@ -1,7 +1,43 @@
+"use strict";
 '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;
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPopoverContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsPopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: ps_class_name_service_js_1.PsClassNameService.merge('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className), ...props }) })));
+exports.PsPopoverContent.displayName = PopoverPrimitive.Content.displayName;

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

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

package/dist/components/ps-popover.js

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

package/dist/components/ps-progress.js

@@ -1,6 +1,42 @@
-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;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsProgress = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ProgressPrimitive = __importStar(require("@radix-ui/react-progress"));
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsProgress = React.forwardRef(({ className, value, ...props }, ref) => ((0, jsx_runtime_1.jsx)(ProgressPrimitive.Root, { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('relative h-2 w-full overflow-hidden rounded-full bg-primary/20', className), ...props, children: (0, jsx_runtime_1.jsx)(ProgressPrimitive.Indicator, { className: 'h-full w-full flex-1 bg-primary transition-all', style: { transform: `translateX(-${100 - (value ? value : 0)}%)` } }) })));
+exports.PsProgress.displayName = ProgressPrimitive.Root.displayName;