@pallasoft/ps-core-components 2.34.0 → 2.35.1

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

@@ -1,6 +1,7 @@
 export const PsAnalyticsConfig = {
     offValues: ['', '_'],
     defaultConsentCookieName: 'ps_consent',
+    defaultRequireConsent: true,
     consentGranted: 'granted',
     consentDenied: 'denied',
     consentMaxAgeSeconds: 31536000,

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

@@ -1,6 +1,6 @@
 import { useCallback, useSyncExternalStore } from 'react';
-import { PsAnalyticsConfig } from '../constants/ps-analytics-config';
-import { PsConsentService } from '../services/ps-consent-service';
+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]);

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);

package/dist/esm/hooks/use-ps-hydrated.js

@@ -1,3 +1,3 @@
 import { useSyncExternalStore } from 'react';
-import { PsHydrationStore } from '../constants/ps-hydration-store';
+import { PsHydrationStore } from '../constants/ps-hydration-store.js';
 export const usePsHydrated = () => useSyncExternalStore(PsHydrationStore.subscribe, PsHydrationStore.clientSnapshot, PsHydrationStore.serverSnapshot);

package/dist/esm/hooks/use-ps-layer-z-index.js

@@ -1,4 +1,4 @@
 import { useContext } from 'react';
 import { PallasoftZIndexService } from '@pallasoft/ps-design-system';
-import { PsLayerContext } from '../contexts/ps-layer-context';
+import { PsLayerContext } from '../contexts/ps-layer-context.js';
 export const usePsLayerZIndex = (layer) => PallasoftZIndexService.above(useContext(PsLayerContext), layer);

package/dist/esm/hooks/use-ps-navigation-progress.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { PsNavigationProgressConfig } from '../constants/ps-navigation-progress-config';
+import { PsNavigationProgressConfig } from '../constants/ps-navigation-progress-config.js';
 const hidden = { isAnimated: false, isVisible: false, width: 0 };
 export const usePsNavigationProgress = (isLoading, delayMs = PsNavigationProgressConfig.showDelayMs) => {
     const [state, setState] = useState(hidden);

package/dist/esm/hooks/use-ps-optimistic-fetcher.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { usePsChangeQueue } from './use-ps-change-queue';
-import { usePsOptimisticRows } from './use-ps-optimistic-rows';
+import { usePsChangeQueue } from './use-ps-change-queue.js';
+import { usePsOptimisticRows } from './use-ps-optimistic-rows.js';
 export const usePsOptimisticFetcher = ({ apply, fetcher, isHolding = false, isSuccess, merge, revalidator, rows, }) => {
     const [isUnsettled, setIsUnsettled] = useState(false);
     const submitted = useRef(0);

package/dist/esm/hooks/use-ps-optimistic-save.js

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
-import { PsOptimisticSaveService } from '../services/ps-optimistic-save-service';
-import { usePsOptimisticFetcher } from './use-ps-optimistic-fetcher';
+import { PsOptimisticSaveService } from '../services/ps-optimistic-save-service.js';
+import { usePsOptimisticFetcher } from './use-ps-optimistic-fetcher.js';
 export const usePsOptimisticSave = ({ fetcher, isSuccess, revalidator, rows, scopeId, spec, }) => {
     const apply = useCallback((base, changes) => PsOptimisticSaveService.apply(base, changes, spec), [spec]);
     const optimistic = usePsOptimisticFetcher({

package/dist/esm/hooks/use-ps-scroll-lock.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { PsScrollLockService } from '../services/ps-scroll-lock-service';
+import { PsScrollLockService } from '../services/ps-scroll-lock-service.js';
 export const usePsScrollLock = (isLocked) => {
     useEffect(() => {
         if (!isLocked)