@pallasoft/ps-core-components 2.33.0 → 2.35.0

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsPageSkeletonConfig } from '../constants/ps-page-skeleton-config';
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeleton } from './ps-skeleton';
+import { PsPageSkeletonConfig } from '../constants/ps-page-skeleton-config.js';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeleton } from './ps-skeleton.js';
 export const PsFormFieldsSkeleton = ({ columnsClassName = PsPageSkeletonConfig.formColumnsClassName, fields = PsPageSkeletonConfig.formFields, }) => (_jsx("div", { className: PallasoftClassNameService.merge('grid gap-4', columnsClassName), children: fields.map((field) => (_jsxs("div", { className: 'flex flex-col gap-2', children: [_jsx(PsSkeleton, { className: PsPageSkeletonConfig.formLabelClassName }), _jsx(PsSkeleton, { className: 'h-ps-control w-full', shape: PsSkeletonShape.Block })] }, field))) }));

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

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PsButton } from './ps-button';
+import { PsButton } from './ps-button.js';
 export const PsFormFooter = ({ isSaving, isSecondaryVisible = true, isSubmitDisabled, onSecondary, savingLabel, secondaryLabel, submitLabel, }) => (_jsxs("div", { className: 'sticky bottom-0 z-docked -mx-4 flex justify-end gap-2 border-t border-line bg-surface/90 px-4 py-3 backdrop-blur sm:bottom-4 sm:mx-0 sm:border-0 sm:bg-transparent sm:px-0 sm:py-0 sm:backdrop-blur-none', children: [isSecondaryVisible ? (_jsx(PsButton, { disabled: isSaving, onClick: onSecondary, type: 'button', variant: 'surface', children: secondaryLabel })) : null, _jsx(PsButton, { disabled: isSubmitDisabled || isSaving, isLoading: isSaving, loadingLabel: savingLabel, type: 'submit', variant: 'primary', children: submitLabel })] }));

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PsPageSkeletonConfig } from '../constants/ps-page-skeleton-config';
-import { PsFormFieldsSkeleton } from './ps-form-fields-skeleton';
-import { PsPageSkeleton } from './ps-page-skeleton';
-import { PsSectionPanelSkeleton } from './ps-section-panel-skeleton';
+import { PsPageSkeletonConfig } from '../constants/ps-page-skeleton-config.js';
+import { PsFormFieldsSkeleton } from './ps-form-fields-skeleton.js';
+import { PsPageSkeleton } from './ps-page-skeleton.js';
+import { PsSectionPanelSkeleton } from './ps-section-panel-skeleton.js';
 export const PsFormPageSkeleton = ({ loadingLabel, title }) => (_jsx(PsPageSkeleton, { hasActions: true, loadingLabel: loadingLabel, title: title, children: PsPageSkeletonConfig.formSections.map((section) => (_jsx(PsSectionPanelSkeleton, { children: _jsx(PsFormFieldsSkeleton, {}) }, section))) }));

package/dist/esm/components/ps-icon-button.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
 import { PsIcon } from '@pallasoft/ps-icons';
-import { PsIconActionConfig } from '../constants/ps-icon-action-config';
+import { PsIconActionConfig } from '../constants/ps-icon-action-config.js';
 export const PsIconButton = ({ className, iconKey, label, size = 'default', type, ...props }) => (_jsx("button", { ...props, "aria-label": label, className: PallasoftClassNameService.merge(PsIconActionConfig.className, PsIconActionConfig.sizeClassNames[size], PsIconActionConfig.disabledClassName, className), title: label, type: type === 'submit' || type === 'reset' ? type : 'button', children: _jsx(PsIcon, { "aria-hidden": 'true', className: PsIconActionConfig.iconClassName, iconKey: iconKey }) }));

package/dist/esm/components/ps-icon-link.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
 import { PsIcon } from '@pallasoft/ps-icons';
-import { PsIconActionConfig } from '../constants/ps-icon-action-config';
+import { PsIconActionConfig } from '../constants/ps-icon-action-config.js';
 export const PsIconLink = ({ className, href, iconKey, label, LinkComponent, size = 'default', }) => {
     const linkClassName = PallasoftClassNameService.merge(PsIconActionConfig.className, PsIconActionConfig.sizeClassNames[size], className);
     const icon = (_jsx(PsIcon, { "aria-hidden": 'true', className: PsIconActionConfig.iconClassName, iconKey: iconKey }));

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import InfiniteScroll from 'react-infinite-scroll-component';
-import { PsSpinner } from './ps-spinner';
+import { PsSpinner } from './ps-spinner.js';
 const defaultLoader = (_jsx("div", { className: 'flex w-full justify-center py-8', children: _jsx(PsSpinner, {}) }));
 export const PsInfiniteScroll = ({ children, className, dataLength, hasMore, loader, next, }) => (_jsx(InfiniteScroll, { className: className, dataLength: dataLength, hasMore: hasMore, loader: loader !== null && loader !== undefined ? loader : defaultLoader, next: next, children: children }));

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

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PsSkeleton } from './ps-skeleton';
+import { PsSkeleton } from './ps-skeleton.js';
 export const PsIntroSkeleton = () => (_jsxs("div", { className: 'mx-auto flex w-full max-w-3xl flex-col items-center gap-4', children: [_jsx(PsSkeleton, { height: '0.875rem', radius: '999px', width: '6rem' }), _jsx(PsSkeleton, { height: '2.5rem', radius: '0.75rem', width: '70%' }), _jsx(PsSkeleton, { height: '1.125rem', radius: '0.5rem', width: '85%' })] }));

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

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PsLayerContext } from '../contexts/ps-layer-context';
+import { PsLayerContext } from '../contexts/ps-layer-context.js';
 export const PsLayer = ({ children, zIndex }) => (_jsx(PsLayerContext.Provider, { value: zIndex, children: children }));

package/dist/esm/components/ps-link-button.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsButtonBaseClassName, PsButtonSizeClassNames, PsLinkButtonVariantClassNames, } from '../constants/ps-button-classes';
+import { PsButtonBaseClassName, PsButtonSizeClassNames, PsLinkButtonVariantClassNames, } from '../constants/ps-button-classes.js';
 export const PsLinkButton = ({ children, className, href, leadingIcon, LinkComponent, size = 'default', trailingIcon, variant = 'secondary', ...props }) => {
     const linkClassName = PallasoftClassNameService.merge(PsButtonBaseClassName, PsButtonSizeClassNames[size], PsLinkButtonVariantClassNames[variant], className);
     const content = (_jsxs("span", { className: 'inline-flex min-w-0 items-center gap-2', children: [leadingIcon ? _jsx("span", { className: 'shrink-0', children: leadingIcon }) : null, _jsx("span", { className: 'truncate', children: children }), trailingIcon ? _jsx("span", { className: 'shrink-0', children: trailingIcon }) : null] }));

package/dist/esm/components/ps-link-tile-grid.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { PsIcon, PsIconKey } from '@pallasoft/ps-icons';
 import { PsStaggerContainer, PsStaggerItem } from '@pallasoft/ps-motion-components';
-import { PsWebsiteSectionConfig } from '../constants/ps-website-section-config';
+import { PsWebsiteSectionConfig } from '../constants/ps-website-section-config.js';
 const tileClassName = 'ps-pressable ps-focus-ring group flex h-full items-center justify-between gap-3 rounded-ps-card border border-line bg-surface px-4 py-3 transition-colors hover:border-primary/50';
 export const PsLinkTileGrid = ({ LinkComponent, tiles }) => {
     const renderTile = (tile, content) => LinkComponent ? (_jsx(LinkComponent, { "aria-label": tile.ariaLabel, className: tileClassName, prefetch: 'intent', to: tile.href, children: content })) : (_jsx("a", { "aria-label": tile.ariaLabel, className: tileClassName, href: tile.href, children: content }));

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsSkeleton } from './ps-skeleton';
-import { PsSkeletonGroup } from './ps-skeleton-group';
+import { PsSkeleton } from './ps-skeleton.js';
+import { PsSkeletonGroup } from './ps-skeleton-group.js';
 const densityClassNames = {
     compact: 'py-2',
     normal: 'py-2.5',

package/dist/esm/components/ps-metric-card.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsSkeleton } from './ps-skeleton';
-import { PsSkeletonGroup } from './ps-skeleton-group';
+import { PsSkeleton } from './ps-skeleton.js';
+import { PsSkeletonGroup } from './ps-skeleton-group.js';
 export const PsMetricCard = ({ changeLabel, className, icon, isLoading = false, label, value, }) => isLoading ? (_jsxs(PsSkeletonGroup, { className: PallasoftClassNameService.merge('ps-metric-card flex min-w-0 flex-col gap-3 p-3.5 sm:p-4', className), label: label, children: [_jsx(PsSkeleton, { className: 'h-2.5 w-24' }), _jsx(PsSkeleton, { className: 'h-6 w-32' })] })) : (_jsx("section", { className: PallasoftClassNameService.merge('ps-metric-card min-w-0 p-3.5 sm:p-4', className), children: _jsxs("div", { className: 'flex items-start justify-between gap-3', children: [_jsxs("div", { className: 'min-w-0', children: [_jsx("p", { className: 'ps-eyebrow truncate', children: label }), _jsx("p", { className: 'mt-2 truncate text-2xl font-semibold text-ink', children: value }), changeLabel ? _jsx("p", { className: 'mt-1 text-sm text-slate-500', children: changeLabel }) : null] }), icon ? (_jsx("div", { className: 'flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-primary-soft text-primary', children: icon })) : null] }) }));

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

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PsMetricCard } from './ps-metric-card';
+import { PsMetricCard } from './ps-metric-card.js';
 export const PsMetricGridSkeleton = ({ count }) => (_jsx("div", { className: 'grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4', children: Array.from({ length: count }, (_, index) => (_jsx(PsMetricCard, { isLoading: true, label: '', value: '' }, index))) }));

package/dist/esm/components/ps-metric-grid.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsMetricGridColumns, PsMetricGridConfig } from '../constants/ps-metric-grid-config';
-import { PsMetricCard } from './ps-metric-card';
+import { PsMetricGridColumns, PsMetricGridConfig } from '../constants/ps-metric-grid-config.js';
+import { PsMetricCard } from './ps-metric-card.js';
 export const PsMetricGrid = ({ items }) => {
     const columns = PsMetricGridColumns[Math.min(items.length, PsMetricGridConfig.maxColumns)];
     return (_jsx("div", { className: PallasoftClassNameService.merge('grid grid-cols-1 gap-3', columns === undefined ? PsMetricGridColumns[PsMetricGridConfig.defaultColumns] : columns), children: items.map((item) => (_jsx(PsMetricCard, { label: item.label, value: item.value }, item.label))) }));

package/dist/esm/components/ps-metric-row.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PsStaggerContainer, PsStaggerItem } from '@pallasoft/ps-motion-components';
-import { PsWebsiteSectionConfig } from '../constants/ps-website-section-config';
-import { PsMetricCard } from './ps-metric-card';
+import { PsWebsiteSectionConfig } from '../constants/ps-website-section-config.js';
+import { PsMetricCard } from './ps-metric-card.js';
 export const PsMetricRow = ({ metrics }) => (_jsx(PsStaggerContainer, { className: 'grid w-full grid-cols-1 gap-5 md:grid-cols-3', staggerDelay: PsWebsiteSectionConfig.staggerDelay, children: metrics.map((metric) => (_jsx(PsStaggerItem, { children: _jsx(PsMetricCard, { label: metric.label, value: metric.value }) }, metric.label))) }));

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService, PallasoftZIndex } from '@pallasoft/ps-design-system';
-import { PsNavigationProgressConfig } from '../constants/ps-navigation-progress-config';
-import { usePsNavigationProgress } from '../hooks/use-ps-navigation-progress';
+import { PsNavigationProgressConfig } from '../constants/ps-navigation-progress-config.js';
+import { usePsNavigationProgress } from '../hooks/use-ps-navigation-progress.js';
 export const PsNavigationProgress = ({ className, color = PsNavigationProgressConfig.defaultColor, delayMs = PsNavigationProgressConfig.showDelayMs, height = PsNavigationProgressConfig.defaultHeight, isLoading, label = PsNavigationProgressConfig.defaultLabel, progress, shadow = true, }) => {
     const { isAnimated, isVisible, width } = usePsNavigationProgress(isLoading !== undefined
         ? isLoading

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

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PsBackLink } from './ps-back-link';
-import { PsSectionHeader } from './ps-section-header';
+import { PsBackLink } from './ps-back-link.js';
+import { PsSectionHeader } from './ps-section-header.js';
 export const PsPageHeader = ({ actions, backLink, title }) => (_jsx(PsSectionHeader, { leading: backLink ? _jsx(PsBackLink, { ...backLink }) : undefined, title: title, trailing: actions ? (_jsx("div", { className: 'flex flex-wrap items-center justify-end gap-2', children: actions })) : undefined }));

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsPageHeader } from './ps-page-header';
-import { PsPageLayout } from './ps-page-layout';
-import { PsPageStack } from './ps-page-stack';
-import { PsSectionHeader } from './ps-section-header';
-import { PsSkeleton } from './ps-skeleton';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsPageHeader } from './ps-page-header.js';
+import { PsPageLayout } from './ps-page-layout.js';
+import { PsPageStack } from './ps-page-stack.js';
+import { PsSectionHeader } from './ps-section-header.js';
+import { PsSkeleton } from './ps-skeleton.js';
 export const PsPageSkeleton = ({ children, hasActions = false, isNarrow = false, loadingLabel, title, }) => (_jsx(PsPageLayout, { isNarrow: isNarrow, children: _jsxs(PsPageStack, { children: [title === undefined ? (_jsx(PsSectionHeader, { isLoading: true, title: loadingLabel, trailing: hasActions })) : (_jsx(PsPageHeader, { actions: hasActions ? (_jsx(PsSkeleton, { height: '2.5rem', radius: '9999px', shape: PsSkeletonShape.Block, width: '9rem' })) : undefined, title: title })), children] }) }));

package/dist/esm/components/ps-pallasoft-mark.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PsPallasoftMarkConfig } from '../constants/ps-pallasoft-mark-config';
+import { PsPallasoftMarkConfig } from '../constants/ps-pallasoft-mark-config.js';
 export const PsPallasoftMark = ({ className, title }) => (_jsxs("svg", { "aria-hidden": title === undefined ? true : undefined, className: className, fill: 'none', role: title === undefined ? undefined : 'img', viewBox: PsPallasoftMarkConfig.viewBox, xmlns: 'http://www.w3.org/2000/svg', children: [title === undefined ? null : _jsx("title", { children: title }), _jsx("path", { clipRule: 'evenodd', d: PsPallasoftMarkConfig.primaryPath, fill: PsPallasoftMarkConfig.primaryColor, fillRule: 'evenodd' }), _jsx("path", { clipRule: 'evenodd', d: PsPallasoftMarkConfig.secondaryPath, fill: PsPallasoftMarkConfig.secondaryColor, fillRule: 'evenodd' })] }));

package/dist/esm/components/ps-pallasoft-sign-in-button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsPallasoftSignInClasses } from '../constants/ps-pallasoft-sign-in-classes';
-import { PsPallasoftMark } from './ps-pallasoft-mark';
+import { PsPallasoftSignInClasses } from '../constants/ps-pallasoft-sign-in-classes.js';
+import { PsPallasoftMark } from './ps-pallasoft-mark.js';
 export const PsPallasoftSignInButton = ({ children, className, href, LinkComponent, size = 'default', ...props }) => {
     const linkClassName = PallasoftClassNameService.merge(PsPallasoftSignInClasses.base, PsPallasoftSignInClasses.sizes[size], className);
     const content = (_jsxs(_Fragment, { children: [_jsx(PsPallasoftMark, { className: PallasoftClassNameService.merge('shrink-0', PsPallasoftSignInClasses.markSizes[size]) }), _jsx("span", { className: 'truncate', children: children })] }));

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeleton } from './ps-skeleton';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeleton } from './ps-skeleton.js';
 const toneClassNames = {
     danger: 'bg-rose-50 text-rose-700 ring-rose-100 dark:bg-rose-500/18 dark:text-rose-100 dark:ring-rose-300/22',
     neutral: 'bg-slate-100 text-slate-700 ring-slate-200 dark:bg-white/10 dark:text-slate-100 dark:ring-white/12',

package/dist/esm/components/ps-rating-display.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
 import { PsIcon, PsIconKey } from '@pallasoft/ps-icons';
-import { PsRatingDisplayConfig } from '../constants/ps-rating-display-config';
-import { PsRatingDisplaySize } from '../constants/ps-rating-display-size';
+import { PsRatingDisplayConfig } from '../constants/ps-rating-display-config.js';
+import { PsRatingDisplaySize } from '../constants/ps-rating-display-size.js';
 export const PsRatingDisplay = ({ className, label, max = PsRatingDisplayConfig.defaultMax, score, size = PsRatingDisplaySize.Medium, }) => (_jsx("div", { "aria-label": label, className: PallasoftClassNameService.merge('flex items-center gap-1', className), role: 'img', children: Array.from({ length: max }, (_, index) => index + 1).map((value) => (_jsx(PsIcon, { className: PallasoftClassNameService.merge(PsRatingDisplayConfig.iconClassNames[size], value <= score
             ? PsRatingDisplayConfig.filledClassName
             : PsRatingDisplayConfig.emptyClassName), iconKey: PsIconKey.Star }, value))) }));

package/dist/esm/components/ps-scaled-preview.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsScaledPreviewConfig } from '../constants/ps-scaled-preview-config';
-import { usePsElementSize } from '../hooks/use-ps-element-size';
+import { PsScaledPreviewConfig } from '../constants/ps-scaled-preview-config.js';
+import { usePsElementSize } from '../hooks/use-ps-element-size.js';
 export const PsScaledPreview = ({ children, className, designWidth = PsScaledPreviewConfig.designWidth, isDecorative = true, }) => {
     const [frameRef, frame] = usePsElementSize();
     const [contentRef, content] = usePsElementSize();

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeleton } from './ps-skeleton';
-import { PsSkeletonGroup } from './ps-skeleton-group';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeleton } from './ps-skeleton.js';
+import { PsSkeletonGroup } from './ps-skeleton-group.js';
 export const PsSectionHeader = ({ description, eyebrow, isLoading = false, leading, title, trailing, }) => isLoading ? (_jsxs(PsSkeletonGroup, { className: 'flex flex-wrap items-end justify-between gap-x-4 gap-y-3', label: title, children: [_jsxs("div", { className: 'flex min-w-0 flex-1 basis-auto flex-col gap-2', children: [eyebrow ? _jsx(PsSkeleton, { className: 'h-2.5 w-24' }) : null, _jsx(PsSkeleton, { className: 'h-6 w-52' }), description ? _jsx(PsSkeleton, { className: 'h-3 w-72' }) : null] }), trailing ? _jsx(PsSkeleton, { className: 'h-ps-control w-32', shape: PsSkeletonShape.Block }) : null] })) : (_jsxs("div", { className: 'flex flex-wrap items-end justify-between gap-x-4 gap-y-3', children: [_jsxs("div", { className: 'flex min-w-0 flex-1 basis-auto flex-col gap-2', children: [leading, eyebrow ? (_jsx("p", { className: 'text-[0.68rem] font-semibold uppercase tracking-[0.22em] text-ink/50', children: eyebrow })) : null, _jsx("h1", { className: 'break-words text-xl font-extrabold text-ink sm:text-2xl', children: title }), description ? (_jsx("p", { className: 'max-w-3xl text-sm leading-6 text-ink/60', children: description })) : null] }), trailing ? (_jsx("div", { className: 'flex w-full shrink-0 items-center justify-end sm:ml-auto sm:w-auto', children: trailing })) : null] }));

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

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PsSkeleton } from './ps-skeleton';
+import { PsSkeleton } from './ps-skeleton.js';
 export const PsSectionPanelSkeleton = ({ children, title }) => (_jsxs("section", { className: 'ps-section', children: [_jsx("div", { className: 'flex min-h-10 items-center', children: title === undefined ? (_jsx(PsSkeleton, { className: 'h-4 w-44' })) : (_jsx("h2", { className: 'text-base font-semibold text-ink', children: title })) }), _jsx("div", { className: 'flex min-w-0 flex-col gap-4', children: children })] }));

package/dist/esm/components/ps-signed-amount.js

@@ -1,7 +1,7 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
 import { AmountDirection, Common } from '@pallasoft/ps-utilities';
-import { PsAmountDirectionClasses } from '../constants/ps-amount-direction-classes';
+import { PsAmountDirectionClasses } from '../constants/ps-amount-direction-classes.js';
 export const PsSignedAmount = ({ amount, className, formatted }) => {
     const direction = Common.AmountService.direction(amount);
     return (_jsxs("span", { className: PallasoftClassNameService.merge('tabular-nums', PsAmountDirectionClasses[direction], className), children: [direction === AmountDirection.In ? '+' : '', formatted] }));

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
 import { PsIcon, PsIconKey } from '@pallasoft/ps-icons';
-import { PsSiteHeaderConfig } from '../constants/ps-site-header-config';
-import { usePsPublishedHeight } from '../hooks/use-ps-published-height';
+import { PsSiteHeaderConfig } from '../constants/ps-site-header-config.js';
+import { usePsPublishedHeight } from '../hooks/use-ps-published-height.js';
 const logoLinkClassName = 'flex shrink-0 items-center gap-2.5';
 export const PsSiteHeader = ({ centerContent, className, homeHref, label, LinkComponent, logoAlt, logoClassName, logoSrc, logoSrcDark, logoSrcMobile, logoSrcMobileDark, navClassName, onBack, showLabel = false, trailing, }) => {
     const headerRef = usePsPublishedHeight(PsSiteHeaderConfig.heightVariable);

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsSkeleton } from './ps-skeleton';
-import { PsSkeletonGroup } from './ps-skeleton-group';
+import { PsSkeleton } from './ps-skeleton.js';
+import { PsSkeletonGroup } from './ps-skeleton-group.js';
 export const PsSkeletonCard = ({ className }) => (_jsxs(PsSkeletonGroup, { className: PallasoftClassNameService.merge('flex flex-col gap-3 rounded-[1.25rem] border border-line bg-surface p-5', className), children: [_jsx(PsSkeleton, { className: 'h-2.5 w-24' }), _jsx(PsSkeleton, { className: 'h-6 w-32' })] }));

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsSkeletonConfig } from '../constants/ps-skeleton-config';
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeleton } from './ps-skeleton';
-import { PsSkeletonGroup } from './ps-skeleton-group';
+import { PsSkeletonConfig } from '../constants/ps-skeleton-config.js';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeleton } from './ps-skeleton.js';
+import { PsSkeletonGroup } from './ps-skeleton-group.js';
 export const PsSkeletonList = ({ className, hasLeading = false, hasTrailing = true, rows = 4, title = false, }) => (_jsxs(PsSkeletonGroup, { className: PallasoftClassNameService.merge('flex flex-col', className), children: [title ? _jsx(PsSkeleton, { className: 'mx-3 mb-3 h-2.5 w-24' }) : null, Array.from({ length: rows }, (_, index) => (_jsxs("div", { className: 'flex min-h-11 items-center gap-3 px-3 py-2.5', children: [hasLeading ? _jsx(PsSkeleton, { shape: PsSkeletonShape.Circle }) : null, _jsx(PsSkeleton, { className: PsSkeletonConfig.lineWidths[index % PsSkeletonConfig.lineWidths.length] }), hasTrailing ? _jsx(PsSkeleton, { className: 'ml-auto h-2.5 w-20 shrink-0' }) : null] }, index)))] }));

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeleton } from './ps-skeleton';
-import { PsSkeletonGroup } from './ps-skeleton-group';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeleton } from './ps-skeleton.js';
+import { PsSkeletonGroup } from './ps-skeleton-group.js';
 export const PsSkeletonMedia = ({ aspect = '16 / 9', className, hasCaption = true, label, }) => (_jsxs(PsSkeletonGroup, { className: PallasoftClassNameService.merge('w-full', className), label: label, children: [_jsx(PsSkeleton, { aspect: aspect, radius: 'var(--ps-radius-card, 1rem)', shape: PsSkeletonShape.Block }), hasCaption ? _jsx(PsSkeleton, { lines: 2, shape: PsSkeletonShape.Text }) : null] }));

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsSkeletonConfig } from '../constants/ps-skeleton-config';
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeleton } from './ps-skeleton';
-import { PsSkeletonGroup } from './ps-skeleton-group';
+import { PsSkeletonConfig } from '../constants/ps-skeleton-config.js';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeleton } from './ps-skeleton.js';
+import { PsSkeletonGroup } from './ps-skeleton-group.js';
 export const PsSkeletonTable = ({ alignments, className, columns = 4, hasFooter = false, hasToolbar = false, isFramed = true, rows = 6, }) => {
     const gridTemplateColumns = `minmax(0, 2fr) repeat(${Math.max(columns - 1, 0)}, minmax(0, 1fr))`;
     const isRight = (columnIndex) => alignments !== undefined

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsSkeletonConfig } from '../constants/ps-skeleton-config';
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeleton } from './ps-skeleton';
+import { PsSkeletonConfig } from '../constants/ps-skeleton-config.js';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeleton } from './ps-skeleton.js';
 export const PsSkeletonText = ({ className, lines = PsSkeletonConfig.defaultTextLines, }) => (_jsx(PsSkeleton, { className: PallasoftClassNameService.merge('w-full', className), lines: lines, shape: PsSkeletonShape.Text }));

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsSkeletonConfig } from '../constants/ps-skeleton-config';
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeletonClassService } from '../services/ps-skeleton-class-service';
+import { PsSkeletonConfig } from '../constants/ps-skeleton-config.js';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeletonClassService } from '../services/ps-skeleton-class-service.js';
 const sizeStyle = (props) => {
     const style = {};
     if (props.width !== undefined)

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

@@ -3,11 +3,11 @@ import { useState } from 'react';
 import { DndContext, closestCenter, } from '@dnd-kit/core';
 import { SortableContext, horizontalListSortingStrategy, useSortable, verticalListSortingStrategy, } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import { PsDragClasses, PsDragConfig, PsDragListLiftFrames } from '../constants/ps-drag-config';
-import { usePsDragSensors } from '../hooks/use-ps-drag-sensors';
-import { usePsReducedMotion } from '../hooks/use-ps-reduced-motion';
-import { PsDragGrip } from './ps-drag-grip';
-import { PsDragOverlay } from './ps-drag-overlay';
+import { PsDragClasses, PsDragConfig, PsDragListLiftFrames } from '../constants/ps-drag-config.js';
+import { usePsDragSensors } from '../hooks/use-ps-drag-sensors.js';
+import { usePsReducedMotion } from '../hooks/use-ps-reduced-motion.js';
+import { PsDragGrip } from './ps-drag-grip.js';
+import { PsDragOverlay } from './ps-drag-overlay.js';
 const PsSortableListHandle = ({ attributes, className, icon, label, listeners, setActivatorNodeRef, }) => (_jsx("button", { ...attributes, ...listeners, "aria-label": label, className: className === undefined ? PsDragClasses.handle : className, ref: setActivatorNodeRef, title: label, type: 'button', children: icon === undefined ? _jsx(PsDragGrip, {}) : icon }));
 const PsSortableListRow = ({ className, handleClassName, handleIcon, getHandleLabel, index, isDisabled, item, renderItem, }) => {
     const isReduced = usePsReducedMotion();

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PsCard } from './ps-card';
+import { PsCard } from './ps-card.js';
 export const PsStartPanel = ({ actions, description, highlight, preview, steps, title, }) => (_jsx(PsCard, { density: 'spacious', children: _jsxs("div", { className: preview
             ? 'grid items-center gap-10 xl:grid-cols-[minmax(0,5fr)_minmax(0,7fr)]'
             : 'grid items-center gap-10', children: [_jsxs("div", { className: 'flex flex-col gap-7', children: [_jsxs("div", { className: 'flex flex-col gap-3', children: [_jsx("h2", { className: 'text-3xl font-extrabold leading-tight text-ink', children: title }), _jsx("p", { className: 'max-w-md text-sm leading-6 text-ink/60', children: description })] }), highlight, steps === undefined ? null : (_jsx("ol", { className: 'flex flex-col gap-4', children: steps.map((step, index) => (_jsxs("li", { className: 'flex items-start gap-4', children: [_jsx("span", { className: 'flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-line/60 text-sm font-bold text-ink/70', children: index + 1 }), _jsxs("span", { className: 'flex min-w-0 flex-col gap-0.5', children: [_jsx("span", { className: 'text-sm font-bold text-ink', children: step.title }), _jsx("span", { className: 'text-sm leading-5 text-ink/55', children: step.description })] })] }, step.id))) })), actions] }), preview === undefined ? null : _jsx("div", { className: 'relative hidden xl:block', children: preview })] }) }));

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PsStepMarkerClassNames } from '../constants/ps-step-marker-class-names';
-import { PsStepState } from '../constants/ps-step-state';
+import { PsStepMarkerClassNames } from '../constants/ps-step-marker-class-names.js';
+import { PsStepState } from '../constants/ps-step-state.js';
 export const PsStepList = ({ steps }) => (_jsx("ol", { className: 'flex flex-col rounded-ps-panel border border-line bg-surface', children: steps.map((step, index) => (_jsxs("li", { "aria-current": step.state === PsStepState.current ? 'step' : undefined, className: 'relative flex gap-4 border-b border-line/70 px-5 py-4 last:border-0', children: [_jsx("span", { className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-full border text-sm font-semibold ${PsStepMarkerClassNames[step.state]}`, children: step.state === PsStepState.done ? _jsx("span", { "aria-hidden": 'true', children: "\u2713" }) : index + 1 }), _jsxs("div", { className: 'flex min-w-0 flex-1 flex-col gap-3', children: [_jsxs("div", { className: 'flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between', children: [_jsxs("div", { className: 'min-w-0', children: [_jsx("h3", { className: step.state === PsStepState.upcoming
                                             ? 'text-sm font-semibold text-ink/50'
                                             : 'text-sm font-semibold text-ink', children: step.title }), _jsx("p", { className: 'mt-0.5 text-sm text-ink/60', children: step.description })] }), step.actions ? (_jsx("div", { className: 'flex shrink-0 flex-wrap items-center gap-2', children: step.actions })) : null] }), step.content ? _jsx("div", { className: 'min-w-0', children: step.content }) : null] })] }, step.id))) }));

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsStepProgressConfig } from '../constants/ps-step-progress-config';
+import { PsStepProgressConfig } from '../constants/ps-step-progress-config.js';
 export const PsStepProgress = ({ className, label = PsStepProgressConfig.defaultLabel, total, value, }) => {
     const steps = Math.max(total, PsStepProgressConfig.minimumTotal);
     const done = Math.min(Math.max(value, 0), steps);

package/dist/esm/components/ps-store-badge.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsStoreBadgeClasses, PsStoreBadgeConfig } from '../constants/ps-store-badge-config';
+import { PsStoreBadgeClasses, PsStoreBadgeConfig } from '../constants/ps-store-badge-config.js';
 export const PsStoreBadge = ({ className, href, labels, onPress, platform, size = 'default', }) => {
     const platformData = PsStoreBadgeConfig.platforms[platform];
     const shownLabels = labels === undefined ? platformData.labels : labels;

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

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeleton } from './ps-skeleton';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeleton } from './ps-skeleton.js';
 export const PsTabRowSkeleton = () => (_jsx(PsSkeleton, { height: '2.75rem', radius: '9999px', shape: PsSkeletonShape.Block, width: '100%' }));

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

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PsPageSkeletonConfig } from '../constants/ps-page-skeleton-config';
-import { PsSkeletonTable } from './ps-skeleton-table';
+import { PsPageSkeletonConfig } from '../constants/ps-page-skeleton-config.js';
+import { PsSkeletonTable } from './ps-skeleton-table.js';
 export const PsTableListSkeleton = () => (_jsx(PsSkeletonTable, { columns: PsPageSkeletonConfig.tableColumns, hasToolbar: true, rows: PsPageSkeletonConfig.tableRows }));

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

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PsPageSkeleton } from './ps-page-skeleton';
-import { PsTableListSkeleton } from './ps-table-list-skeleton';
+import { PsPageSkeleton } from './ps-page-skeleton.js';
+import { PsTableListSkeleton } from './ps-table-list-skeleton.js';
 export const PsTablePageSkeleton = ({ isNarrow = false, loadingLabel, title, }) => (_jsx(PsPageSkeleton, { hasActions: true, isNarrow: isNarrow, loadingLabel: loadingLabel, title: title, children: _jsx(PsTableListSkeleton, {}) }));

package/dist/esm/components/ps-theme-controller.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { usePsThemeMode } from '../hooks/use-ps-theme-mode';
-import { PsThemeToggle } from './ps-theme-toggle';
+import { usePsThemeMode } from '../hooks/use-ps-theme-mode.js';
+import { PsThemeToggle } from './ps-theme-toggle.js';
 export const PsThemeController = () => {
     const { resolvedMode, toggle } = usePsThemeMode();
     if (resolvedMode === null)

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PsIcon, PsIconKey } from '@pallasoft/ps-icons';
 import { PsStaggerContainer, PsStaggerItem } from '@pallasoft/ps-motion-components';
-import { PsWebsiteSectionConfig } from '../constants/ps-website-section-config';
-import { PsCard } from './ps-card';
+import { PsWebsiteSectionConfig } from '../constants/ps-website-section-config.js';
+import { PsCard } from './ps-card.js';
 const cardLinkClassName = 'ps-pressable ps-focus-ring block h-full rounded-ps-card';
 export const PsToolCardGrid = ({ cards, LinkComponent }) => {
     const renderCard = (card, content) => LinkComponent ? (_jsx(LinkComponent, { "aria-label": card.ariaLabel, className: cardLinkClassName, prefetch: 'intent', to: card.href, children: content })) : (_jsx("a", { "aria-label": card.ariaLabel, className: cardLinkClassName, href: card.href, children: content }));

package/dist/esm/components/ps-voice-orb.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsVoiceOrbCadenceByState, PsVoiceOrbConfig, PsVoiceOrbThemes, } from '../constants/ps-voice-orb';
+import { PsVoiceOrbCadenceByState, PsVoiceOrbConfig, PsVoiceOrbThemes, } from '../constants/ps-voice-orb.js';
 const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
 const approach = (current, target, factor) => current + (target - current) * factor;
 const buildRimMask = (innerStopPercent) => `radial-gradient(circle, transparent ${innerStopPercent}%, black ${innerStopPercent + 6}%, black 92%, transparent 97%)`;

package/dist/esm/constants/ps-analytics-config.js

@@ -0,0 +1,20 @@
+export const PsAnalyticsConfig = {
+    offValues: ['', '_'],
+    defaultConsentCookieName: 'ps_consent',
+    defaultRequireConsent: true,
+    consentGranted: 'granted',
+    consentDenied: 'denied',
+    consentMaxAgeSeconds: 31536000,
+    defaultTagManagerUrl: 'https://www.googletagmanager.com',
+    tagManagerScriptPath: '/gtag/js?id=',
+    scriptAttribute: 'data-ps-analytics',
+    postHog: {
+        defaults: '2026-05-30',
+        personProfiles: 'identified_only',
+        autocapture: true,
+        capturePageleave: true,
+        captureExceptions: true,
+        pageviewEvent: '$pageview',
+    },
+    listSeparator: ',',
+};

package/dist/esm/constants/ps-client-error-config.js

@@ -0,0 +1,14 @@
+export const PsClientErrorConfig = {
+    maxReportsPerPage: 10,
+    maxStackLength: 2048,
+    maxMessageLength: 500,
+    maxContextLength: 200,
+    jsonContentType: 'application/json',
+    emailPattern: /[^\s@"'()<>]+@[^\s@"'()<>]+\.[^\s@"'()<>]+/g,
+    redactedValue: '[redacted]',
+    unknownMessage: 'Unknown error',
+    botPattern: /bot|crawl|spider|slurp|headless/i,
+    mobilePattern: /mobi|android|iphone|ipad/i,
+    userAgentClasses: { bot: 'bot', mobile: 'mobile', desktop: 'desktop', unknown: 'unknown' },
+    sources: { error: 'error', rejection: 'unhandledrejection', boundary: 'boundary' },
+};

package/dist/esm/constants/ps-draggable-grid.js

@@ -1,4 +1,4 @@
-import { PsDragClasses, PsDragConfig, PsDragLiftFrames } from './ps-drag-config';
+import { PsDragClasses, PsDragConfig, PsDragLiftFrames } from './ps-drag-config.js';
 export const PsDraggableGridConfig = PsDragConfig;
 export const PsDraggableGridClasses = {
     handle: PsDragClasses.handle,

package/dist/esm/constants/ps-rating-display-config.js

@@ -1,4 +1,4 @@
-import { PsRatingDisplaySize } from './ps-rating-display-size';
+import { PsRatingDisplaySize } from './ps-rating-display-size.js';
 export const PsRatingDisplayConfig = {
     defaultMax: 5,
     filledClassName: 'fill-current text-primary',

package/dist/esm/constants/ps-skeleton-config.js

@@ -1,4 +1,4 @@
-import { PsSkeletonShape } from './ps-skeleton-shape';
+import { PsSkeletonShape } from './ps-skeleton-shape.js';
 export const PsSkeletonConfig = {
     defaultTextLines: 3,
     lastLineWidth: 'w-2/3',

package/dist/esm/constants/ps-step-marker-class-names.js

@@ -1,4 +1,4 @@
-import { PsStepState } from './ps-step-state';
+import { PsStepState } from './ps-step-state.js';
 export const PsStepMarkerClassNames = {
     [PsStepState.done]: 'border-success bg-success text-white',
     [PsStepState.current]: 'border-primary bg-primary/10 text-primary',

package/dist/esm/constants/ps-store-badge-config.js

@@ -1,4 +1,4 @@
-import { PsStorePlatform } from './ps-store-platform';
+import { PsStorePlatform } from './ps-store-platform.js';
 export const PsStoreBadgeConfig = {
     logoViewBox: '0 0 24 24',
     platforms: {

package/dist/esm/hooks/use-consent.js

@@ -0,0 +1,17 @@
+import { useCallback, useSyncExternalStore } from 'react';
+import { PsAnalyticsConfig } from '../constants/ps-analytics-config.js';
+import { PsConsentService } from '../services/ps-consent-service.js';
+export const useConsent = (consentCookieName = PsAnalyticsConfig.defaultConsentCookieName) => {
+    const state = useSyncExternalStore((listener) => PsConsentService.subscribe(listener), () => PsConsentService.snapshot(consentCookieName), () => PsConsentService.serverState);
+    const accept = useCallback(() => PsConsentService.choose(consentCookieName, PsAnalyticsConfig.consentGranted), [consentCookieName]);
+    const reject = useCallback(() => PsConsentService.choose(consentCookieName, PsAnalyticsConfig.consentDenied), [consentCookieName]);
+    const reopen = useCallback(() => PsConsentService.reopen(consentCookieName), [consentCookieName]);
+    return {
+        choice: state.choice,
+        isGranted: state.choice === PsAnalyticsConfig.consentGranted,
+        isBannerOpen: state === PsConsentService.serverState ? false : state.choice === null || state.isReopened,
+        accept,
+        reject,
+        reopen,
+    };
+};

package/dist/esm/hooks/use-ps-drag-sensors.js

@@ -1,6 +1,6 @@
 import { KeyboardSensor, MouseSensor, TouchSensor, useSensor, useSensors, } from '@dnd-kit/core';
 import { sortableKeyboardCoordinates } from '@dnd-kit/sortable';
-import { PsDragConfig } from '../constants/ps-drag-config';
+import { PsDragConfig } from '../constants/ps-drag-config.js';
 export const usePsDragSensors = () => useSensors(useSensor(MouseSensor, {
     activationConstraint: { distance: PsDragConfig.activationDistance },
 }), useSensor(TouchSensor, {

package/dist/esm/hooks/use-ps-exit-transition.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { usePsReducedMotion } from './use-ps-reduced-motion';
+import { usePsReducedMotion } from './use-ps-reduced-motion.js';
 export const usePsExitTransition = (isOpen, durationMs = 180) => {
     const [shouldRender, setShouldRender] = useState(isOpen);
     const [isClosing, setIsClosing] = useState(false);