@pallasoft/ps-internal-components 1.0.0 → 1.1.0

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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;

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

@@ -0,0 +1,9 @@
+'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 { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsRadioGroup = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx(RadioGroupPrimitive.Root, { className: PsClassNameService.merge('grid gap-2', className), ...props, ref: ref }));
+});
+PsRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;

package/dist/esm/components/ps-root-error.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 PsRootError = ({ code, homePath = PsRootStatusMessages.defaultHomePath, message, }) => (_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: `Error ${code}` }), _jsx("h1", { className: 'mt-2 text-2xl font-semibold tracking-tight', children: PsRootStatusMessages.errorTitle }), _jsx("p", { className: 'mt-3 text-sm text-muted-foreground', children: message ? message : PsRootStatusMessages.errorDescription }), _jsxs("div", { className: 'mt-6 flex flex-col gap-3 sm:flex-row', children: [_jsx(PsButton, { id: 'refresh-button', type: 'button', onClick: () => window.location.reload(), children: PsRootStatusMessages.refreshLabel }), _jsx(PsButton, { id: 'go-home-button', type: 'button', variant: 'outline', onClick: () => window.location.assign(homePath), children: PsRootStatusMessages.goHomeLabel })] })] }) }));

package/dist/esm/components/ps-scroll-area.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsScrollBar } from './ps-scroll-bar.js';
+export const PsScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: PsClassNameService.merge('relative overflow-hidden', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: 'h-full w-full rounded-[inherit]', children: children }), _jsx(PsScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
+PsScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;

package/dist/esm/components/ps-scroll-bar.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsScrollBar = React.forwardRef(({ className, orientation = 'vertical', ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: PsClassNameService.merge('flex touch-none select-none transition-colors', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: 'relative flex-1 rounded-full bg-border' }) })));
+PsScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsSelectScrollDownButton } from './ps-select-scroll-down-button.js';
+import { PsSelectScrollUpButton } from './ps-select-scroll-up-button.js';
+export const PsSelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: PsClassNameService.merge('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]', position === 'popper' &&
+            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position, ...props, children: [_jsx(PsSelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: PsClassNameService.merge('p-1', position === 'popper' &&
+                    'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'), children: children }), _jsx(PsSelectScrollDownButton, {})] }) })));
+PsSelectContent.displayName = SelectPrimitive.Content.displayName;

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

@@ -0,0 +1,2 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+export const PsSelectGroup = SelectPrimitive.Group;

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsSelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: PsClassNameService.merge('px-2 py-1.5 text-sm font-semibold', className), ...props })));
+PsSelectLabel.displayName = SelectPrimitive.Label.displayName;

package/dist/esm/components/ps-select-scroll-down-button.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDown } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsSelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: PsClassNameService.merge('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(ChevronDown, { className: 'h-4 w-4' }) })));
+PsSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;

package/dist/esm/components/ps-select-scroll-up-button.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronUp } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsSelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: PsClassNameService.merge('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(ChevronUp, { className: 'h-4 w-4' }) })));
+PsSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsSelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: PsClassNameService.merge('-mx-1 my-1 h-px bg-muted', className), ...props })));
+PsSelectSeparator.displayName = SelectPrimitive.Separator.displayName;

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDown } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsSelectTrigger = React.forwardRef(({ className, children, isLoading = false, ...props }, ref) => isLoading ? (_jsx(PsSkeleton, { className: PsClassNameService.merge('h-9 w-full rounded-md', className) })) : (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: PsClassNameService.merge('flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: 'h-4 w-4 opacity-50' }) })] })));
+PsSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;

package/dist/esm/components/ps-select-value.js

@@ -0,0 +1,2 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+export const PsSelectValue = SelectPrimitive.Value;

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

@@ -0,0 +1,2 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+export const PsSelect = SelectPrimitive.Root;

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

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsSeparator = React.forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: PsClassNameService.merge('shrink-0 bg-border', orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]', className), ...props })));
+PsSeparator.displayName = SeparatorPrimitive.Root.displayName;

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

@@ -0,0 +1,2 @@
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+export const PsSheetClose = SheetPrimitive.Close;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { PsSheetVariants } from '../constants/ps-sheet-variants.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsSheetOverlay } from './ps-sheet-overlay.js';
+import { PsSheetPortal } from './ps-sheet-portal.js';
+export const PsSheetContent = React.forwardRef(({ side = 'right', className, children, ...props }, ref) => (_jsxs(PsSheetPortal, { children: [_jsx(PsSheetOverlay, {}), _jsxs(SheetPrimitive.Content, { ref: ref, className: PsClassNameService.merge(PsSheetVariants({ side }), className), ...props, children: [_jsxs(SheetPrimitive.Close, { className: 'absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary', children: [_jsx(X, { className: 'h-4 w-4' }), _jsx("span", { className: 'sr-only', children: "Close" })] }), children] })] })));
+PsSheetContent.displayName = SheetPrimitive.Content.displayName;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsSheetDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Description, { ref: ref, className: PsClassNameService.merge('text-sm text-muted-foreground', className), ...props })));
+PsSheetDescription.displayName = SheetPrimitive.Description.displayName;

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsSheetOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Overlay, { className: PsClassNameService.merge('fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props, ref: ref })));
+PsSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;

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

@@ -0,0 +1,2 @@
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+export const PsSheetPortal = SheetPrimitive.Portal;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsSheetTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Title, { ref: ref, className: PsClassNameService.merge('text-lg font-semibold text-foreground', className), ...props })));
+PsSheetTitle.displayName = SheetPrimitive.Title.displayName;

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

@@ -0,0 +1,2 @@
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+export const PsSheetTrigger = SheetPrimitive.Trigger;

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

@@ -0,0 +1,2 @@
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+export const PsSheet = SheetPrimitive.Root;

package/dist/esm/components/ps-skeleton-card-grid.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsCardHeader } from './ps-card-header.js';
+import { PsCard } from './ps-card.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsSkeletonCardGrid = ({ className, count, withBadges = false, }) => (_jsxs("div", { "aria-busy": 'true', className: PsClassNameService.merge('grid gap-3 lg:grid-cols-2', className), role: 'status', children: [_jsx("span", { className: 'sr-only', children: "Loading" }), Array.from({ length: count }, (_, index) => (_jsx(PsCard, { children: _jsxs(PsCardHeader, { className: 'gap-2', children: [_jsx(PsSkeleton, { className: 'h-5 w-44' }), _jsx(PsSkeleton, { className: 'h-4 w-full max-w-md' }), _jsx(PsSkeleton, { className: 'h-4 w-2/3' }), withBadges ? (_jsxs("div", { className: 'flex gap-2 pt-1', children: [_jsx(PsSkeleton, { className: 'h-5 w-36 rounded-full' }), _jsx(PsSkeleton, { className: 'h-5 w-28 rounded-full' })] })) : null] }) }, index)))] }));

package/dist/esm/components/ps-skeleton-list-card.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsCardContent } from './ps-card-content.js';
+import { PsCardHeader } from './ps-card-header.js';
+import { PsCard } from './ps-card.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsSkeletonListCard = ({ hasAction = true, hasHeader = true, rows = 5, }) => (_jsxs(PsCard, { "aria-busy": 'true', role: 'status', children: [_jsx("span", { className: 'sr-only', children: "Loading" }), hasHeader ? (_jsxs(PsCardHeader, { className: 'gap-2', children: [_jsx(PsSkeleton, { className: 'h-5 w-40' }), _jsx(PsSkeleton, { className: 'h-4 w-72 max-w-full' })] })) : null, _jsx(PsCardContent, { children: _jsx("div", { className: 'flex flex-col divide-y rounded-lg border', children: Array.from({ length: rows }, (_, index) => (_jsxs("div", { className: 'flex items-center justify-between gap-4 p-4', children: [_jsxs("div", { className: 'flex flex-1 flex-col gap-2', children: [_jsx(PsSkeleton, { className: 'h-4 w-36' }), _jsx(PsSkeleton, { className: 'h-3 w-3/4 max-w-md' })] }), hasAction ? _jsx(PsSkeleton, { className: 'h-8 w-32' }) : null] }, index))) }) })] }));

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

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsSkeletonPageHeader = ({ hasBreadcrumb = true, withActions = false, }) => (_jsxs("div", { "aria-busy": 'true', className: 'flex flex-col gap-3', role: 'status', children: [_jsx("span", { className: 'sr-only', children: "Loading" }), hasBreadcrumb ? _jsx(PsSkeleton, { className: 'h-4 w-72 max-w-full' }) : null, _jsxs("div", { className: 'flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between', children: [_jsxs("div", { className: 'flex flex-col gap-2', children: [_jsx(PsSkeleton, { className: 'h-8 w-80 max-w-full' }), _jsx(PsSkeleton, { className: 'h-4 w-[32rem] max-w-full' })] }), withActions ? (_jsxs("div", { className: 'flex gap-2', children: [_jsx(PsSkeleton, { className: 'h-9 w-36' }), _jsx(PsSkeleton, { className: 'h-9 w-40' })] })) : null] })] }));

package/dist/esm/components/ps-skeleton-stat-grid.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsCardHeader } from './ps-card-header.js';
+import { PsCard } from './ps-card.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsSkeletonStatGrid = ({ className, count }) => (_jsxs("div", { "aria-busy": 'true', className: PsClassNameService.merge('grid grid-cols-2 gap-3 xl:grid-cols-4', className), role: 'status', children: [_jsx("span", { className: 'sr-only', children: "Loading" }), Array.from({ length: count }, (_, index) => (_jsx(PsCard, { children: _jsxs(PsCardHeader, { className: 'gap-2 p-4', children: [_jsx(PsSkeleton, { className: 'h-4 w-28' }), _jsx(PsSkeleton, { className: 'h-7 w-12' })] }) }, index)))] }));

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsCardContent } from './ps-card-content.js';
+import { PsCard } from './ps-card.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsSkeletonTable = ({ alignments, columns, hasHeader = true, isFramed = true, rows, }) => {
+    const isRight = (index) => alignments !== undefined && alignments[index] === 'right';
+    const cell = (index, height) => (_jsx("div", { className: PsClassNameService.merge('flex min-w-0', index === 0 ? 'flex-[2]' : 'flex-1', isRight(index) ? 'justify-end' : ''), children: _jsx(PsSkeleton, { className: PsClassNameService.merge(height, isRight(index) ? 'w-16' : 'w-3/4') }) }, index));
+    const table = (_jsxs("div", { "aria-busy": 'true', role: 'status', children: [_jsx("span", { className: 'sr-only', children: "Loading" }), hasHeader ? (_jsx("div", { className: 'flex items-center gap-6 border-b px-4 py-3', children: Array.from({ length: columns }, (_, index) => cell(index, 'h-3')) })) : null, Array.from({ length: rows }, (_, rowIndex) => (_jsx("div", { className: 'flex items-center gap-6 border-b px-4 py-4 last:border-b-0', children: Array.from({ length: columns }, (_, index) => cell(index, 'h-4')) }, rowIndex)))] }));
+    return isFramed ? (_jsx(PsCard, { children: _jsx(PsCardContent, { className: 'p-0', children: table }) })) : (table);
+};

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsSkeleton = ({ className, ...props }) => {
+    return (_jsx("div", { className: PsClassNameService.merge('animate-pulse rounded-md bg-muted', className), ...props }));
+};

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Loader2 } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsSpinner = React.forwardRef(({ className, ...props }, ref) => (_jsx(Loader2, { ref: ref, role: 'status', "aria-label": 'Loading', className: PsClassNameService.merge('size-4 animate-spin', className), ...props })));
+PsSpinner.displayName = 'PsSpinner';

package/dist/esm/components/ps-status-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 PsStatusPanel = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": 'status-panel', className: PsClassNameService.merge('flex flex-col gap-4 rounded-lg border bg-muted/30 p-4 lg:flex-row lg:items-center lg:justify-between', className), ...props })));
+PsStatusPanel.displayName = 'PsStatusPanel';

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsSwitch = React.forwardRef(({ className, ...props }, ref) => (_jsx(SwitchPrimitives.Root, { className: PsClassNameService.merge('peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input', className), ...props, ref: ref, children: _jsx(SwitchPrimitives.Thumb, { className: PsClassNameService.merge('pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0') }) })));
+PsSwitch.displayName = SwitchPrimitives.Root.displayName;

package/dist/esm/components/ps-table-body.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 PsTableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: PsClassNameService.merge('[&_tr:last-child]:border-0', className), ...props })));
+PsTableBody.displayName = 'PsTableBody';

package/dist/esm/components/ps-table-caption.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 PsTableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, className: PsClassNameService.merge('mt-4 text-sm text-muted-foreground', className), ...props })));
+PsTableCaption.displayName = 'PsTableCaption';

package/dist/esm/components/ps-table-cell.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 PsTableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: PsClassNameService.merge('p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', className), ...props })));
+PsTableCell.displayName = 'PsTableCell';

package/dist/esm/components/ps-table-footer.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 PsTableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, className: PsClassNameService.merge('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className), ...props })));
+PsTableFooter.displayName = 'PsTableFooter';

package/dist/esm/components/ps-table-head.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 PsTableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: PsClassNameService.merge('h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', className), ...props })));
+PsTableHead.displayName = 'PsTableHead';

package/dist/esm/components/ps-table-header.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 PsTableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: PsClassNameService.merge('[&_tr]:border-b', className), ...props })));
+PsTableHeader.displayName = 'PsTableHeader';

package/dist/esm/components/ps-table-row.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 PsTableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: PsClassNameService.merge('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', className), ...props })));
+PsTableRow.displayName = 'PsTableRow';

package/dist/esm/components/ps-table.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 PsTable = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: 'relative w-full overflow-auto', children: _jsx("table", { ref: ref, className: PsClassNameService.merge('w-full caption-bottom text-sm', className), ...props }) })));
+PsTable.displayName = 'PsTable';

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsTabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: PsClassNameService.merge('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className), ...props })));
+PsTabsContent.displayName = TabsPrimitive.Content.displayName;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsTabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: PsClassNameService.merge('inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground', className), ...props })));
+PsTabsList.displayName = TabsPrimitive.List.displayName;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsTabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: PsClassNameService.merge('inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow', className), ...props })));
+PsTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;

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

@@ -0,0 +1,2 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+export const PsTabs = TabsPrimitive.Root;

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsTextarea = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("textarea", { className: PsClassNameService.merge('flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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 }));
+});
+PsTextarea.displayName = 'PsTextarea';

package/dist/esm/components/ps-toggle-group-item.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { PsToggleVariants } from '../constants/ps-toggle-variants.js';
+import { PsToggleGroupContext } from '../contexts/ps-toggle-group-context.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+    const context = React.useContext(PsToggleGroupContext);
+    return (_jsx(ToggleGroupPrimitive.Item, { ref: ref, className: PsClassNameService.merge(PsToggleVariants({
+            variant: context.variant ? context.variant : variant,
+            size: context.size ? context.size : size,
+        }), className), ...props, children: children }));
+});
+PsToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;

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

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { PsToggleGroupContext } from '../contexts/ps-toggle-group-context.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => (_jsx(ToggleGroupPrimitive.Root, { ref: ref, className: PsClassNameService.merge('flex items-center justify-center gap-1', className), ...props, children: _jsx(PsToggleGroupContext.Provider, { value: { variant, size }, children: children }) })));
+PsToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsTooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: PsClassNameService.merge('z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className), ...props }) })));
+PsTooltipContent.displayName = TooltipPrimitive.Content.displayName;

package/dist/esm/components/ps-tooltip-provider.js

@@ -0,0 +1,2 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export const PsTooltipProvider = TooltipPrimitive.Provider;

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

@@ -0,0 +1,2 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export const PsTooltipTrigger = TooltipPrimitive.Trigger;

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

@@ -0,0 +1,2 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export const PsTooltip = TooltipPrimitive.Root;