@pallasoft/ps-internal-components 1.0.0 → 1.0.1

package/dist/components/ps-chart-legend.js

@@ -1,2 +1,38 @@
-import * as RechartsPrimitive from 'recharts';
-export const PsChartLegend = RechartsPrimitive.Legend;
+"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.PsChartLegend = void 0;
+const RechartsPrimitive = __importStar(require("recharts"));
+exports.PsChartLegend = RechartsPrimitive.Legend;

package/dist/components/ps-chart-primitives.js

@@ -1,14 +1,50 @@
-import * as RechartsPrimitive from 'recharts';
-export const PsBarChart = RechartsPrimitive.BarChart;
-export const PsBar = RechartsPrimitive.Bar;
-export const PsLineChart = RechartsPrimitive.LineChart;
-export const PsLine = RechartsPrimitive.Line;
-export const PsAreaChart = RechartsPrimitive.AreaChart;
-export const PsArea = RechartsPrimitive.Area;
-export const PsPieChart = RechartsPrimitive.PieChart;
-export const PsPie = RechartsPrimitive.Pie;
-export const PsCell = RechartsPrimitive.Cell;
-export const PsXAxis = RechartsPrimitive.XAxis;
-export const PsYAxis = RechartsPrimitive.YAxis;
-export const PsCartesianGrid = RechartsPrimitive.CartesianGrid;
-export const PsLabelList = RechartsPrimitive.LabelList;
+"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.PsLabelList = exports.PsCartesianGrid = exports.PsYAxis = exports.PsXAxis = exports.PsCell = exports.PsPie = exports.PsPieChart = exports.PsArea = exports.PsAreaChart = exports.PsLine = exports.PsLineChart = exports.PsBar = exports.PsBarChart = void 0;
+const RechartsPrimitive = __importStar(require("recharts"));
+exports.PsBarChart = RechartsPrimitive.BarChart;
+exports.PsBar = RechartsPrimitive.Bar;
+exports.PsLineChart = RechartsPrimitive.LineChart;
+exports.PsLine = RechartsPrimitive.Line;
+exports.PsAreaChart = RechartsPrimitive.AreaChart;
+exports.PsArea = RechartsPrimitive.Area;
+exports.PsPieChart = RechartsPrimitive.PieChart;
+exports.PsPie = RechartsPrimitive.Pie;
+exports.PsCell = RechartsPrimitive.Cell;
+exports.PsXAxis = RechartsPrimitive.XAxis;
+exports.PsYAxis = RechartsPrimitive.YAxis;
+exports.PsCartesianGrid = RechartsPrimitive.CartesianGrid;
+exports.PsLabelList = RechartsPrimitive.LabelList;

package/dist/components/ps-chart-style.js

@@ -1,8 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PsChartService } from '../services/ps-chart-service.js';
-export const PsChartStyle = ({ id, config }) => {
-    const css = PsChartService.css(id, config);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsChartStyle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_chart_service_js_1 = require("../services/ps-chart-service.js");
+const PsChartStyle = ({ id, config }) => {
+    const css = ps_chart_service_js_1.PsChartService.css(id, config);
     if (css === '')
         return null;
-    return _jsx("style", { dangerouslySetInnerHTML: { __html: css } });
+    return (0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: css } });
 };
+exports.PsChartStyle = PsChartStyle;

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

@@ -1,45 +1,82 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from 'react';
-import { PsChartDefaults } from '../constants/ps-chart-defaults.js';
-import { usePsChart } from '../hooks/use-ps-chart.js';
-import { PsChartService } from '../services/ps-chart-service.js';
-import { PsClassNameService } from '../services/ps-class-name-service.js';
-export const PsChartTooltipContent = ({ active, payload, className, indicator = 'dot', hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) => {
-    const { config } = usePsChart();
+"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.PsChartTooltipContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_chart_defaults_js_1 = require("../constants/ps-chart-defaults.js");
+const use_ps_chart_js_1 = require("../hooks/use-ps-chart.js");
+const ps_chart_service_js_1 = require("../services/ps-chart-service.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const PsChartTooltipContent = ({ active, payload, className, indicator = 'dot', hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) => {
+    const { config } = (0, use_ps_chart_js_1.usePsChart)();
     const tooltipLabel = React.useMemo(() => {
         if (hideLabel || payload === undefined || payload.length === 0)
             return null;
         const [item] = payload;
-        const key = `${labelKey !== undefined ? labelKey : item.dataKey !== undefined ? String(item.dataKey) : item.name !== undefined ? String(item.name) : PsChartDefaults.valueKey}`;
-        const itemConfig = PsChartService.itemFor(config, item, key);
+        const key = `${labelKey !== undefined ? labelKey : item.dataKey !== undefined ? String(item.dataKey) : item.name !== undefined ? String(item.name) : ps_chart_defaults_js_1.PsChartDefaults.valueKey}`;
+        const itemConfig = ps_chart_service_js_1.PsChartService.itemFor(config, item, key);
         const value = labelKey === undefined && typeof label === 'string' && label in config
             ? config[label].label
             : itemConfig !== undefined
                 ? itemConfig.label
                 : undefined;
         if (labelFormatter !== undefined)
-            return (_jsx("div", { className: PsClassNameService.merge('font-medium', labelClassName), children: labelFormatter(value !== undefined ? value : label, payload) }));
+            return ((0, jsx_runtime_1.jsx)("div", { className: ps_class_name_service_js_1.PsClassNameService.merge('font-medium', labelClassName), children: labelFormatter(value !== undefined ? value : label, payload) }));
         if (value === undefined && label === undefined)
             return null;
-        return (_jsx("div", { className: PsClassNameService.merge('font-medium', labelClassName), children: value !== undefined ? value : label }));
+        return ((0, jsx_runtime_1.jsx)("div", { className: ps_class_name_service_js_1.PsClassNameService.merge('font-medium', labelClassName), children: value !== undefined ? value : label }));
     }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
     if (active !== true || payload === undefined || payload.length === 0)
         return null;
     const nestLabel = payload.length === 1 && indicator !== 'dot';
-    return (_jsxs("div", { className: PsClassNameService.merge('grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl', className), children: [nestLabel ? null : tooltipLabel, _jsx("div", { className: 'grid gap-1.5', children: payload.map((item, index) => {
-                    const key = `${nameKey !== undefined ? nameKey : item.name !== undefined ? String(item.name) : item.dataKey !== undefined ? String(item.dataKey) : PsChartDefaults.valueKey}`;
-                    const itemConfig = PsChartService.itemFor(config, item, key);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: ps_class_name_service_js_1.PsClassNameService.merge('grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl', className), children: [nestLabel ? null : tooltipLabel, (0, jsx_runtime_1.jsx)("div", { className: 'grid gap-1.5', children: payload.map((item, index) => {
+                    const key = `${nameKey !== undefined ? nameKey : item.name !== undefined ? String(item.name) : item.dataKey !== undefined ? String(item.dataKey) : ps_chart_defaults_js_1.PsChartDefaults.valueKey}`;
+                    const itemConfig = ps_chart_service_js_1.PsChartService.itemFor(config, item, key);
                     const payloadFill = typeof item.payload === 'object' && item.payload !== null && 'fill' in item.payload
                         ? String(item.payload.fill)
                         : undefined;
                     const indicatorColor = color !== undefined ? color : payloadFill !== undefined ? payloadFill : item.color;
-                    return (_jsx("div", { className: PsClassNameService.merge('flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5 [&>svg]:text-muted-foreground', indicator === 'dot' && 'items-center'), children: formatter !== undefined && item.value !== undefined && item.name !== undefined ? (formatter(item.value, item.name, item, index, payload)) : (_jsxs(_Fragment, { children: [itemConfig !== undefined && itemConfig.icon !== undefined ? (_jsx(itemConfig.icon, {})) : hideIndicator ? null : (_jsx("div", { className: PsClassNameService.merge('shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]', indicator === 'dot' && 'size-2.5', indicator === 'line' && 'w-1', indicator === 'dashed' && 'w-0 border-[1.5px] border-dashed bg-transparent', nestLabel && indicator === 'dashed' && 'my-0.5'), style: {
+                    return ((0, jsx_runtime_1.jsx)("div", { className: ps_class_name_service_js_1.PsClassNameService.merge('flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5 [&>svg]:text-muted-foreground', indicator === 'dot' && 'items-center'), children: formatter !== undefined && item.value !== undefined && item.name !== undefined ? (formatter(item.value, item.name, item, index, payload)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [itemConfig !== undefined && itemConfig.icon !== undefined ? ((0, jsx_runtime_1.jsx)(itemConfig.icon, {})) : hideIndicator ? null : ((0, jsx_runtime_1.jsx)("div", { className: ps_class_name_service_js_1.PsClassNameService.merge('shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]', indicator === 'dot' && 'size-2.5', indicator === 'line' && 'w-1', indicator === 'dashed' && 'w-0 border-[1.5px] border-dashed bg-transparent', nestLabel && indicator === 'dashed' && 'my-0.5'), style: {
                                         '--color-bg': indicatorColor,
                                         '--color-border': indicatorColor,
-                                    } })), _jsxs("div", { className: PsClassNameService.merge('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center'), children: [_jsxs("div", { className: 'grid gap-1.5', children: [nestLabel ? tooltipLabel : null, _jsx("span", { className: 'text-muted-foreground', children: itemConfig !== undefined && itemConfig.label !== undefined
+                                    } })), (0, jsx_runtime_1.jsxs)("div", { className: ps_class_name_service_js_1.PsClassNameService.merge('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center'), children: [(0, jsx_runtime_1.jsxs)("div", { className: 'grid gap-1.5', children: [nestLabel ? tooltipLabel : null, (0, jsx_runtime_1.jsx)("span", { className: 'text-muted-foreground', children: itemConfig !== undefined && itemConfig.label !== undefined
                                                         ? itemConfig.label
-                                                        : item.name })] }), item.value !== undefined ? (_jsx("span", { className: 'font-mono font-medium tabular-nums text-foreground', children: typeof item.value === 'number'
+                                                        : item.name })] }), item.value !== undefined ? ((0, jsx_runtime_1.jsx)("span", { className: 'font-mono font-medium tabular-nums text-foreground', children: typeof item.value === 'number'
                                                 ? item.value.toLocaleString()
                                                 : String(item.value) })) : null] })] })) }, String(item.dataKey)));
                 }) })] }));
 };
+exports.PsChartTooltipContent = PsChartTooltipContent;

package/dist/components/ps-chart-tooltip.js

@@ -1,2 +1,38 @@
-import * as RechartsPrimitive from 'recharts';
-export const PsChartTooltip = RechartsPrimitive.Tooltip;
+"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.PsChartTooltip = void 0;
+const RechartsPrimitive = __importStar(require("recharts"));
+exports.PsChartTooltip = RechartsPrimitive.Tooltip;

package/dist/components/ps-checkbox.js

@@ -1,7 +1,43 @@
-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;
+"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.PsCheckbox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const CheckboxPrimitive = __importStar(require("@radix-ui/react-checkbox"));
+const lucide_react_1 = require("lucide-react");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsCheckbox = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(CheckboxPrimitive.Root, { ref: ref, className: ps_class_name_service_js_1.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: (0, jsx_runtime_1.jsx)(CheckboxPrimitive.Indicator, { className: ps_class_name_service_js_1.PsClassNameService.merge('grid place-content-center text-current'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: 'h-4 w-4' }) }) })));
+exports.PsCheckbox.displayName = CheckboxPrimitive.Root.displayName;

package/dist/components/ps-combobox.js

@@ -1,23 +1,60 @@
-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, }) => {
+"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.PsCombobox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const lucide_react_1 = require("lucide-react");
+const ps_option_select_config_js_1 = require("../constants/ps-option-select-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 PsCombobox = ({ id, options, value, onValueChange, placeholder, searchPlaceholder = ps_option_select_config_js_1.PsOptionSelectConfig.searchPlaceholder, noResults = ps_option_select_config_js_1.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: () => {
+    return ((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-expanded": open, "aria-invalid": invalid, className: ps_class_name_service_js_1.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: [(0, jsx_runtime_1.jsx)("span", { className: 'truncate', children: selected === undefined ? placeholder : selected.label }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: 'size-4 shrink-0 opacity-50' })] }) }), (0, jsx_runtime_1.jsx)(ps_popover_content_js_1.PsPopoverContent, { align: 'start', className: 'w-[--radix-popover-trigger-width] 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: 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: noResults }), (0, jsx_runtime_1.jsx)(ps_command_group_js_1.PsCommandGroup, { children: options.map((option) => ((0, jsx_runtime_1.jsxs)(ps_command_item_js_1.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))) })] })] }) })] }));
+                                        }, value: `${option.label} ${option.value}`, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: ps_class_name_service_js_1.PsClassNameService.merge('size-4', option.value === value ? 'opacity-100' : 'opacity-0') }), (0, jsx_runtime_1.jsxs)("span", { className: 'flex min-w-0 flex-col', children: [(0, jsx_runtime_1.jsx)("span", { className: 'truncate', children: option.label }), option.description !== undefined ? ((0, jsx_runtime_1.jsx)("span", { className: 'truncate text-xs text-muted-foreground', children: option.description })) : null] })] }, option.value))) })] })] }) })] }));
 };
+exports.PsCombobox = PsCombobox;

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

@@ -1,8 +1,12 @@
+"use strict";
 '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 }) }) }));
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsCommandDialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_command_js_1 = require("./ps-command.js");
+const ps_dialog_content_js_1 = require("./ps-dialog-content.js");
+const ps_dialog_js_1 = require("./ps-dialog.js");
+const PsCommandDialog = ({ children, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ps_dialog_js_1.PsDialog, { ...props, children: (0, jsx_runtime_1.jsx)(ps_dialog_content_js_1.PsDialogContent, { className: 'overflow-hidden p-0', children: (0, jsx_runtime_1.jsx)(ps_command_js_1.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 }) }) }));
 };
+exports.PsCommandDialog = PsCommandDialog;

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

@@ -1,6 +1,42 @@
+"use strict";
 '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;
+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.PsCommandEmpty = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cmdk_1 = require("cmdk");
+exports.PsCommandEmpty = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Empty, { ref: ref, className: 'py-6 text-center text-sm', ...props })));
+exports.PsCommandEmpty.displayName = cmdk_1.Command.Empty.displayName;

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

@@ -1,7 +1,43 @@
+"use strict";
 '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;
+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.PsCommandGroup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cmdk_1 = require("cmdk");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsCommandGroup = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Group, { ref: ref, className: ps_class_name_service_js_1.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 })));
+exports.PsCommandGroup.displayName = cmdk_1.Command.Group.displayName;

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

@@ -1,8 +1,44 @@
+"use strict";
 '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;
+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.PsCommandInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cmdk_1 = require("cmdk");
+const lucide_react_1 = require("lucide-react");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsCommandInput = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsxs)("div", { className: 'flex items-center border-b px-3', "cmdk-input-wrapper": '', children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: 'mr-2 h-4 w-4 shrink-0 opacity-50' }), (0, jsx_runtime_1.jsx)(cmdk_1.Command.Input, { ref: ref, className: ps_class_name_service_js_1.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 })] })));
+exports.PsCommandInput.displayName = cmdk_1.Command.Input.displayName;