@pallasoft/ps-core-components 2.15.3 → 2.16.0

package/dist/components/ps-active-filter-chip.d.ts

@@ -0,0 +1,7 @@
+export interface PsActiveFilterChipProps {
+    id?: string;
+    label: string;
+    onRemove: () => void;
+    removeLabel: string;
+}
+export declare const PsActiveFilterChip: ({ id, label, onRemove, removeLabel, }: PsActiveFilterChipProps) => import("react").JSX.Element;

package/dist/components/ps-active-filter-chip.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsActiveFilterChip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_pill_1 = require("./ps-pill");
+const PsActiveFilterChip = ({ id, label, onRemove, removeLabel, }) => ((0, jsx_runtime_1.jsx)("button", { "aria-label": removeLabel, className: 'ps-focus-ring shrink-0 rounded-full', id: id, onClick: onRemove, type: 'button', children: (0, jsx_runtime_1.jsx)(ps_pill_1.PsPill, { className: 'pr-2', tone: 'primary', children: (0, jsx_runtime_1.jsxs)("span", { className: 'flex items-center gap-1.5', children: [label, (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { className: 'h-3 w-3', iconKey: ps_icons_1.PsIconKey.Close })] }) }) }));
+exports.PsActiveFilterChip = PsActiveFilterChip;

package/dist/components/ps-back-link.d.ts

@@ -0,0 +1,7 @@
+import type { ElementType } from 'react';
+export interface PsBackLinkProps {
+    href: string;
+    label: string;
+    LinkComponent?: ElementType;
+}
+export declare const PsBackLink: ({ href, label, LinkComponent }: PsBackLinkProps) => import("react").JSX.Element;

package/dist/components/ps-back-link.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsBackLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const backLinkClassName = 'ps-focus-ring inline-flex w-fit items-center gap-1.5 rounded-ps-control text-sm font-medium text-ink/60 transition hover:text-primary';
+const PsBackLink = ({ href, label, LinkComponent }) => {
+    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { iconKey: ps_icons_1.PsIconKey.ChevronRight, className: 'h-4 w-4 rotate-180' }), label] }));
+    return LinkComponent ? ((0, jsx_runtime_1.jsx)(LinkComponent, { className: backLinkClassName, prefetch: 'intent', to: href, children: content })) : ((0, jsx_runtime_1.jsx)("a", { className: backLinkClassName, href: href, children: content }));
+};
+exports.PsBackLink = PsBackLink;

package/dist/components/ps-card-block-skeleton.d.ts

@@ -0,0 +1,4 @@
+export interface PsCardBlockSkeletonProps {
+    height: string;
+}
+export declare const PsCardBlockSkeleton: ({ height }: PsCardBlockSkeletonProps) => import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsCardBlockSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_skeleton_shape_1 = require("../constants/ps-skeleton-shape");
+const ps_skeleton_1 = require("./ps-skeleton");
+const PsCardBlockSkeleton = ({ height }) => ((0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { height: height, radius: '1.25rem', shape: ps_skeleton_shape_1.PsSkeletonShape.Block, width: '100%' }));
+exports.PsCardBlockSkeleton = PsCardBlockSkeleton;

package/dist/components/ps-data-boundary.d.ts

@@ -0,0 +1,9 @@
+import { type ElementType, type ReactNode } from 'react';
+export interface PsDataBoundaryProps<Data> {
+    AwaitComponent: ElementType;
+    children: (data: Data) => ReactNode;
+    errorElement: ReactNode;
+    fallback: ReactNode;
+    resolve: Promise<Data>;
+}
+export declare const PsDataBoundary: <Data>({ AwaitComponent, children, errorElement, fallback, resolve, }: PsDataBoundaryProps<Data>) => import("react").JSX.Element;

package/dist/components/ps-data-boundary.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsDataBoundary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const PsDataBoundary = ({ AwaitComponent, children, errorElement, fallback, resolve, }) => ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: fallback, children: (0, jsx_runtime_1.jsx)(AwaitComponent, { errorElement: errorElement, resolve: resolve, children: children }) }));
+exports.PsDataBoundary = PsDataBoundary;

package/dist/components/ps-faq-answer.d.ts

@@ -0,0 +1,5 @@
+import type { PsFaqBlockData } from '../models/ps-faq-block-data';
+export interface PsFaqAnswerProps {
+    blocks: PsFaqBlockData[];
+}
+export declare const PsFaqAnswer: ({ blocks }: PsFaqAnswerProps) => import("react").JSX.Element;

package/dist/components/ps-faq-answer.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsFaqAnswer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_faq_block_kind_1 = require("../constants/ps-faq-block-kind");
+const PsFaqAnswer = ({ blocks }) => ((0, jsx_runtime_1.jsx)("div", { className: 'flex flex-col gap-3', children: blocks.map((block, index) => block.kind === ps_faq_block_kind_1.PsFaqBlockKind.List ? ((0, jsx_runtime_1.jsx)("ul", { className: 'list-disc pl-5', children: block.items.map((item) => ((0, jsx_runtime_1.jsx)("li", { children: item }, item))) }, index)) : ((0, jsx_runtime_1.jsx)("div", { className: 'flex flex-col gap-3', children: block.items.map((item) => ((0, jsx_runtime_1.jsx)("p", { children: item }, item))) }, index))) }));
+exports.PsFaqAnswer = PsFaqAnswer;

package/dist/components/ps-feature-grid.d.ts

@@ -0,0 +1,7 @@
+import type { PsFeatureCardData } from '../models/ps-feature-card-data';
+export interface PsFeatureGridProps {
+    eyebrow: string;
+    features: PsFeatureCardData[];
+    title: string;
+}
+export declare const PsFeatureGrid: ({ eyebrow, features, title }: PsFeatureGridProps) => import("react").JSX.Element;

package/dist/components/ps-feature-grid.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsFeatureGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_motion_components_1 = require("@pallasoft/ps-motion-components");
+const ps_website_section_config_1 = require("../constants/ps-website-section-config");
+const ps_card_1 = require("./ps-card");
+const PsFeatureGrid = ({ eyebrow, features, title }) => ((0, jsx_runtime_1.jsxs)("div", { className: 'flex w-full flex-col items-center gap-8', children: [(0, jsx_runtime_1.jsxs)(ps_motion_components_1.PsScrollReveal, { className: 'text-center', children: [(0, jsx_runtime_1.jsx)("span", { className: 'ps-eyebrow mb-3 block', children: eyebrow }), (0, jsx_runtime_1.jsx)("h2", { className: 'text-header-2 text-ink', children: title })] }), (0, jsx_runtime_1.jsx)(ps_motion_components_1.PsStaggerContainer, { className: 'grid w-full grid-cols-1 gap-5 md:grid-cols-3', staggerDelay: ps_website_section_config_1.PsWebsiteSectionConfig.staggerDelay, children: features.map((feature) => ((0, jsx_runtime_1.jsx)(ps_motion_components_1.PsStaggerItem, { children: (0, jsx_runtime_1.jsxs)(ps_card_1.PsCard, { className: 'h-full text-center', density: 'spacious', children: [(0, jsx_runtime_1.jsx)("span", { className: 'ps-icon-surface mx-auto h-12 w-12', children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { className: 'h-6 w-6', iconKey: feature.iconKey }) }), (0, jsx_runtime_1.jsx)("h3", { className: 'text-header-4 mb-2 mt-4 text-ink', children: feature.title }), (0, jsx_runtime_1.jsx)("p", { className: 'text-body-2 text-ink/60', children: feature.description })] }) }, feature.title))) })] }));
+exports.PsFeatureGrid = PsFeatureGrid;

package/dist/components/ps-form-fields-skeleton.d.ts

@@ -0,0 +1,5 @@
+export interface PsFormFieldsSkeletonProps {
+    columnsClassName?: string;
+    fields?: readonly number[];
+}
+export declare const PsFormFieldsSkeleton: ({ columnsClassName, fields, }: PsFormFieldsSkeletonProps) => import("react").JSX.Element;

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsFormFieldsSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_page_skeleton_config_1 = require("../constants/ps-page-skeleton-config");
+const ps_skeleton_shape_1 = require("../constants/ps-skeleton-shape");
+const ps_skeleton_1 = require("./ps-skeleton");
+const PsFormFieldsSkeleton = ({ columnsClassName = ps_page_skeleton_config_1.PsPageSkeletonConfig.formColumnsClassName, fields = ps_page_skeleton_config_1.PsPageSkeletonConfig.formFields, }) => ((0, jsx_runtime_1.jsx)("div", { className: ps_design_system_1.PallasoftClassNameService.merge('grid gap-4', columnsClassName), children: fields.map((field) => ((0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-2', children: [(0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: ps_page_skeleton_config_1.PsPageSkeletonConfig.formLabelClassName }), (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-10 w-full', shape: ps_skeleton_shape_1.PsSkeletonShape.Block })] }, field))) }));
+exports.PsFormFieldsSkeleton = PsFormFieldsSkeleton;

package/dist/components/ps-form-page-skeleton.d.ts

@@ -0,0 +1,5 @@
+export interface PsFormPageSkeletonProps {
+    loadingLabel: string;
+    title?: string;
+}
+export declare const PsFormPageSkeleton: ({ loadingLabel, title }: PsFormPageSkeletonProps) => import("react").JSX.Element;

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsFormPageSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_page_skeleton_config_1 = require("../constants/ps-page-skeleton-config");
+const ps_form_fields_skeleton_1 = require("./ps-form-fields-skeleton");
+const ps_page_skeleton_1 = require("./ps-page-skeleton");
+const ps_section_panel_skeleton_1 = require("./ps-section-panel-skeleton");
+const PsFormPageSkeleton = ({ loadingLabel, title }) => ((0, jsx_runtime_1.jsx)(ps_page_skeleton_1.PsPageSkeleton, { hasActions: true, loadingLabel: loadingLabel, title: title, children: ps_page_skeleton_config_1.PsPageSkeletonConfig.formSections.map((section) => ((0, jsx_runtime_1.jsx)(ps_section_panel_skeleton_1.PsSectionPanelSkeleton, { children: (0, jsx_runtime_1.jsx)(ps_form_fields_skeleton_1.PsFormFieldsSkeleton, {}) }, section))) }));
+exports.PsFormPageSkeleton = PsFormPageSkeleton;

package/dist/components/ps-icon-button.d.ts

@@ -0,0 +1,7 @@
+import type { ButtonHTMLAttributes } from 'react';
+import { type PsIconKey } from '@pallasoft/ps-icons';
+export interface PsIconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    iconKey: PsIconKey;
+    label: string;
+}
+export declare const PsIconButton: ({ className, iconKey, label, type, ...props }: PsIconButtonProps) => import("react").JSX.Element;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsIconButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_icon_action_config_1 = require("../constants/ps-icon-action-config");
+const PsIconButton = ({ className, iconKey, label, type, ...props }) => ((0, jsx_runtime_1.jsx)("button", { ...props, "aria-label": label, className: ps_design_system_1.PallasoftClassNameService.merge(ps_icon_action_config_1.PsIconActionConfig.className, ps_icon_action_config_1.PsIconActionConfig.disabledClassName, className), title: label, type: type === 'submit' || type === 'reset' ? type : 'button', children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: ps_icon_action_config_1.PsIconActionConfig.iconClassName, iconKey: iconKey }) }));
+exports.PsIconButton = PsIconButton;

package/dist/components/ps-icon-link.d.ts

@@ -0,0 +1,10 @@
+import type { ElementType } from 'react';
+import { type PsIconKey } from '@pallasoft/ps-icons';
+export interface PsIconLinkProps {
+    className?: string;
+    href: string;
+    iconKey: PsIconKey;
+    label: string;
+    LinkComponent?: ElementType;
+}
+export declare const PsIconLink: ({ className, href, iconKey, label, LinkComponent }: PsIconLinkProps) => import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsIconLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_icon_action_config_1 = require("../constants/ps-icon-action-config");
+const PsIconLink = ({ className, href, iconKey, label, LinkComponent }) => {
+    const linkClassName = ps_design_system_1.PallasoftClassNameService.merge(ps_icon_action_config_1.PsIconActionConfig.className, className);
+    const icon = ((0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: ps_icon_action_config_1.PsIconActionConfig.iconClassName, iconKey: iconKey }));
+    return LinkComponent ? ((0, jsx_runtime_1.jsx)(LinkComponent, { "aria-label": label, className: linkClassName, prefetch: 'intent', title: label, to: href, children: icon })) : ((0, jsx_runtime_1.jsx)("a", { "aria-label": label, className: linkClassName, href: href, title: label, children: icon }));
+};
+exports.PsIconLink = PsIconLink;

package/dist/components/ps-intro-skeleton.d.ts

@@ -0,0 +1 @@
+export declare const PsIntroSkeleton: () => import("react").JSX.Element;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsIntroSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_skeleton_1 = require("./ps-skeleton");
+const PsIntroSkeleton = () => ((0, jsx_runtime_1.jsxs)("div", { className: 'mx-auto flex w-full max-w-3xl flex-col items-center gap-4', children: [(0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { height: '0.875rem', radius: '999px', width: '6rem' }), (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { height: '2.5rem', radius: '0.75rem', width: '70%' }), (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { height: '1.125rem', radius: '0.5rem', width: '85%' })] }));
+exports.PsIntroSkeleton = PsIntroSkeleton;

package/dist/components/ps-link-tile-grid.d.ts

@@ -0,0 +1,7 @@
+import type { ElementType } from 'react';
+import type { PsLinkTileData } from '../models/ps-link-tile-data';
+export interface PsLinkTileGridProps {
+    LinkComponent?: ElementType;
+    tiles: PsLinkTileData[];
+}
+export declare const PsLinkTileGrid: ({ LinkComponent, tiles }: PsLinkTileGridProps) => import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsLinkTileGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_motion_components_1 = require("@pallasoft/ps-motion-components");
+const ps_website_section_config_1 = require("../constants/ps-website-section-config");
+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';
+const PsLinkTileGrid = ({ LinkComponent, tiles }) => {
+    const renderTile = (tile, content) => LinkComponent ? ((0, jsx_runtime_1.jsx)(LinkComponent, { "aria-label": tile.ariaLabel, className: tileClassName, prefetch: 'intent', to: tile.href, children: content })) : ((0, jsx_runtime_1.jsx)("a", { "aria-label": tile.ariaLabel, className: tileClassName, href: tile.href, children: content }));
+    return ((0, jsx_runtime_1.jsx)(ps_motion_components_1.PsStaggerContainer, { className: 'grid w-full grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3', staggerDelay: ps_website_section_config_1.PsWebsiteSectionConfig.tileStaggerDelay, children: tiles.map((tile) => ((0, jsx_runtime_1.jsx)(ps_motion_components_1.PsStaggerItem, { children: renderTile(tile, (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("span", { className: 'flex min-w-0 flex-col', children: [(0, jsx_runtime_1.jsx)("span", { className: 'text-body-2 font-semibold text-ink', children: tile.title }), (0, jsx_runtime_1.jsx)("span", { className: 'truncate text-body-3 text-ink/60', children: tile.description })] }), (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { className: 'h-4 w-4 shrink-0 text-ink/40 transition-colors group-hover:text-primary', iconKey: ps_icons_1.PsIconKey.ChevronRight })] })) }, tile.href))) }));
+};
+exports.PsLinkTileGrid = PsLinkTileGrid;

package/dist/components/ps-metric-grid-skeleton.d.ts

@@ -0,0 +1,4 @@
+export interface PsMetricGridSkeletonProps {
+    count: number;
+}
+export declare const PsMetricGridSkeleton: ({ count }: PsMetricGridSkeletonProps) => import("react").JSX.Element;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsMetricGridSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_metric_card_1 = require("./ps-metric-card");
+const PsMetricGridSkeleton = ({ count }) => ((0, jsx_runtime_1.jsx)("div", { className: 'grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4', children: Array.from({ length: count }, (_, index) => ((0, jsx_runtime_1.jsx)(ps_metric_card_1.PsMetricCard, { isLoading: true, label: '', value: '' }, index))) }));
+exports.PsMetricGridSkeleton = PsMetricGridSkeleton;

package/dist/components/ps-metric-grid.d.ts

@@ -0,0 +1,5 @@
+import type { PsMetricItemData } from '../models/ps-metric-item-data';
+export interface PsMetricGridProps {
+    items: PsMetricItemData[];
+}
+export declare const PsMetricGrid: ({ items }: PsMetricGridProps) => import("react").JSX.Element;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsMetricGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_metric_grid_config_1 = require("../constants/ps-metric-grid-config");
+const ps_metric_card_1 = require("./ps-metric-card");
+const PsMetricGrid = ({ items }) => {
+    const columns = ps_metric_grid_config_1.PsMetricGridColumns[Math.min(items.length, ps_metric_grid_config_1.PsMetricGridConfig.maxColumns)];
+    return ((0, jsx_runtime_1.jsx)("div", { className: ps_design_system_1.PallasoftClassNameService.merge('grid grid-cols-1 gap-3', columns === undefined ? ps_metric_grid_config_1.PsMetricGridColumns[ps_metric_grid_config_1.PsMetricGridConfig.defaultColumns] : columns), children: items.map((item) => ((0, jsx_runtime_1.jsx)(ps_metric_card_1.PsMetricCard, { label: item.label, value: item.value }, item.label))) }));
+};
+exports.PsMetricGrid = PsMetricGrid;

package/dist/components/ps-metric-row.d.ts

@@ -0,0 +1,5 @@
+import type { PsMetricItemData } from '../models/ps-metric-item-data';
+export interface PsMetricRowProps {
+    metrics: PsMetricItemData[];
+}
+export declare const PsMetricRow: ({ metrics }: PsMetricRowProps) => import("react").JSX.Element;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsMetricRow = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_motion_components_1 = require("@pallasoft/ps-motion-components");
+const ps_website_section_config_1 = require("../constants/ps-website-section-config");
+const ps_metric_card_1 = require("./ps-metric-card");
+const PsMetricRow = ({ metrics }) => ((0, jsx_runtime_1.jsx)(ps_motion_components_1.PsStaggerContainer, { className: 'grid w-full grid-cols-1 gap-5 md:grid-cols-3', staggerDelay: ps_website_section_config_1.PsWebsiteSectionConfig.staggerDelay, children: metrics.map((metric) => ((0, jsx_runtime_1.jsx)(ps_motion_components_1.PsStaggerItem, { children: (0, jsx_runtime_1.jsx)(ps_metric_card_1.PsMetricCard, { label: metric.label, value: metric.value }) }, metric.label))) }));
+exports.PsMetricRow = PsMetricRow;

package/dist/components/ps-page-header.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import { type PsBackLinkProps } from './ps-back-link';
+export interface PsPageHeaderProps {
+    actions?: ReactNode;
+    backLink?: PsBackLinkProps;
+    title: string;
+}
+export declare const PsPageHeader: ({ actions, backLink, title }: PsPageHeaderProps) => import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPageHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_back_link_1 = require("./ps-back-link");
+const ps_section_header_1 = require("./ps-section-header");
+const PsPageHeader = ({ actions, backLink, title }) => ((0, jsx_runtime_1.jsx)(ps_section_header_1.PsSectionHeader, { leading: backLink ? (0, jsx_runtime_1.jsx)(ps_back_link_1.PsBackLink, { ...backLink }) : undefined, title: title, trailing: actions ? ((0, jsx_runtime_1.jsx)("div", { className: 'flex flex-wrap items-center justify-end gap-2', children: actions })) : undefined }));
+exports.PsPageHeader = PsPageHeader;

package/dist/components/ps-page-intro.d.ts

@@ -0,0 +1,6 @@
+export interface PsPageIntroProps {
+    description?: string;
+    eyebrow: string;
+    title: string;
+}
+export declare const PsPageIntro: ({ description, eyebrow, title }: PsPageIntroProps) => import("react").JSX.Element;

package/dist/components/ps-page-intro.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPageIntro = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_motion_components_1 = require("@pallasoft/ps-motion-components");
+const PsPageIntro = ({ description, eyebrow, title }) => ((0, jsx_runtime_1.jsxs)(ps_motion_components_1.PsScrollReveal, { className: 'mx-auto flex w-full max-w-3xl flex-col items-center gap-4 text-center', children: [(0, jsx_runtime_1.jsx)("span", { className: 'ps-eyebrow', children: eyebrow }), (0, jsx_runtime_1.jsx)("h1", { className: 'text-header-1 text-ink', children: title }), description ? (0, jsx_runtime_1.jsx)("p", { className: 'text-body-1 text-ink/60', children: description }) : null] }));
+exports.PsPageIntro = PsPageIntro;

package/dist/components/ps-page-layout.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export interface PsPageLayoutProps {
+    children: ReactNode;
+    className?: string;
+    isNarrow?: boolean;
+}
+export declare const PsPageLayout: ({ children, className, isNarrow }: PsPageLayoutProps) => import("react").JSX.Element;

package/dist/components/ps-page-layout.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPageLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const PsPageLayout = ({ children, className, isNarrow = false }) => ((0, jsx_runtime_1.jsx)("div", { className: ps_design_system_1.PallasoftClassNameService.merge('w-full px-4 py-5 md:px-6 md:py-6', className), children: (0, jsx_runtime_1.jsx)("div", { className: isNarrow ? 'mx-auto flex w-full min-w-0 max-w-7xl flex-col' : 'flex min-w-0 flex-col', children: children }) }));
+exports.PsPageLayout = PsPageLayout;

package/dist/components/ps-page-skeleton.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface PsPageSkeletonProps {
+    children: ReactNode;
+    hasActions?: boolean;
+    isNarrow?: boolean;
+    loadingLabel: string;
+    title?: string;
+}
+export declare const PsPageSkeleton: ({ children, hasActions, isNarrow, loadingLabel, title, }: PsPageSkeletonProps) => import("react").JSX.Element;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPageSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_skeleton_shape_1 = require("../constants/ps-skeleton-shape");
+const ps_page_header_1 = require("./ps-page-header");
+const ps_page_layout_1 = require("./ps-page-layout");
+const ps_page_stack_1 = require("./ps-page-stack");
+const ps_section_header_1 = require("./ps-section-header");
+const ps_skeleton_1 = require("./ps-skeleton");
+const PsPageSkeleton = ({ children, hasActions = false, isNarrow = false, loadingLabel, title, }) => ((0, jsx_runtime_1.jsx)(ps_page_layout_1.PsPageLayout, { isNarrow: isNarrow, children: (0, jsx_runtime_1.jsxs)(ps_page_stack_1.PsPageStack, { children: [title === undefined ? ((0, jsx_runtime_1.jsx)(ps_section_header_1.PsSectionHeader, { isLoading: true, title: loadingLabel, trailing: hasActions })) : ((0, jsx_runtime_1.jsx)(ps_page_header_1.PsPageHeader, { actions: hasActions ? ((0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { height: '2.5rem', radius: '9999px', shape: ps_skeleton_shape_1.PsSkeletonShape.Block, width: '9rem' })) : undefined, title: title })), children] }) }));
+exports.PsPageSkeleton = PsPageSkeleton;

package/dist/components/ps-page-stack.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface PsPageStackProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const PsPageStack: ({ children, className }: PsPageStackProps) => import("react").JSX.Element;

package/dist/components/ps-page-stack.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPageStack = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const PsPageStack = ({ children, className }) => ((0, jsx_runtime_1.jsx)("div", { className: ps_design_system_1.PallasoftClassNameService.merge('ps-stack', className), children: children }));
+exports.PsPageStack = PsPageStack;

package/dist/components/ps-section-panel-skeleton.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface PsSectionPanelSkeletonProps {
+    children: ReactNode;
+    title?: string;
+}
+export declare const PsSectionPanelSkeleton: ({ children, title }: PsSectionPanelSkeletonProps) => import("react").JSX.Element;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSectionPanelSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_skeleton_1 = require("./ps-skeleton");
+const PsSectionPanelSkeleton = ({ children, title }) => ((0, jsx_runtime_1.jsxs)("section", { className: 'ps-section', children: [(0, jsx_runtime_1.jsx)("div", { className: 'flex min-h-10 items-center', children: title === undefined ? ((0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-4 w-44' })) : ((0, jsx_runtime_1.jsx)("h2", { className: 'text-base font-semibold text-ink', children: title })) }), (0, jsx_runtime_1.jsx)("div", { className: 'flex min-w-0 flex-col gap-4', children: children })] }));
+exports.PsSectionPanelSkeleton = PsSectionPanelSkeleton;

package/dist/components/ps-section-panel.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export interface PsSectionPanelProps {
+    actions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    title?: string;
+}
+export declare const PsSectionPanel: ({ actions, children, className, title }: PsSectionPanelProps) => import("react").JSX.Element;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSectionPanel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const PsSectionPanel = ({ actions, children, className, title }) => ((0, jsx_runtime_1.jsxs)("section", { className: ps_design_system_1.PallasoftClassNameService.merge('ps-section', className), children: [title || actions ? ((0, jsx_runtime_1.jsxs)("div", { className: 'flex min-h-10 flex-wrap items-center justify-between gap-3', children: [title ? (0, jsx_runtime_1.jsx)("h2", { className: 'text-base font-semibold text-ink', children: title }) : (0, jsx_runtime_1.jsx)("span", {}), actions ? (0, jsx_runtime_1.jsx)("div", { className: 'flex flex-wrap items-center gap-2', children: actions }) : null] })) : null, (0, jsx_runtime_1.jsx)("div", { className: 'flex min-w-0 flex-col gap-4', children: children })] }));
+exports.PsSectionPanel = PsSectionPanel;

package/dist/components/ps-signed-amount.d.ts

@@ -0,0 +1,6 @@
+export interface PsSignedAmountProps {
+    amount: string;
+    className?: string;
+    formatted: string;
+}
+export declare const PsSignedAmount: ({ amount, className, formatted }: PsSignedAmountProps) => import("react").JSX.Element;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSignedAmount = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_utilities_1 = require("@pallasoft/ps-utilities");
+const ps_amount_direction_classes_1 = require("../constants/ps-amount-direction-classes");
+const PsSignedAmount = ({ amount, className, formatted }) => {
+    const direction = ps_utilities_1.Common.AmountService.direction(amount);
+    return ((0, jsx_runtime_1.jsxs)("span", { className: ps_design_system_1.PallasoftClassNameService.merge('tabular-nums', ps_amount_direction_classes_1.PsAmountDirectionClasses[direction], className), children: [direction === ps_utilities_1.AmountDirection.In ? '+' : '', formatted] }));
+};
+exports.PsSignedAmount = PsSignedAmount;

package/dist/components/ps-tab-row-skeleton.d.ts

@@ -0,0 +1 @@
+export declare const PsTabRowSkeleton: () => import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTabRowSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_skeleton_shape_1 = require("../constants/ps-skeleton-shape");
+const ps_skeleton_1 = require("./ps-skeleton");
+const PsTabRowSkeleton = () => ((0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { height: '2.75rem', radius: '9999px', shape: ps_skeleton_shape_1.PsSkeletonShape.Block, width: '100%' }));
+exports.PsTabRowSkeleton = PsTabRowSkeleton;

package/dist/components/ps-table-list-skeleton.d.ts

@@ -0,0 +1 @@
+export declare const PsTableListSkeleton: () => import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTableListSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_page_skeleton_config_1 = require("../constants/ps-page-skeleton-config");
+const ps_skeleton_table_1 = require("./ps-skeleton-table");
+const PsTableListSkeleton = () => ((0, jsx_runtime_1.jsx)(ps_skeleton_table_1.PsSkeletonTable, { columns: ps_page_skeleton_config_1.PsPageSkeletonConfig.tableColumns, hasToolbar: true, rows: ps_page_skeleton_config_1.PsPageSkeletonConfig.tableRows }));
+exports.PsTableListSkeleton = PsTableListSkeleton;

package/dist/components/ps-table-page-skeleton.d.ts

@@ -0,0 +1,6 @@
+export interface PsTablePageSkeletonProps {
+    isNarrow?: boolean;
+    loadingLabel: string;
+    title?: string;
+}
+export declare const PsTablePageSkeleton: ({ isNarrow, loadingLabel, title, }: PsTablePageSkeletonProps) => import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTablePageSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_page_skeleton_1 = require("./ps-page-skeleton");
+const ps_table_list_skeleton_1 = require("./ps-table-list-skeleton");
+const PsTablePageSkeleton = ({ isNarrow = false, loadingLabel, title, }) => ((0, jsx_runtime_1.jsx)(ps_page_skeleton_1.PsPageSkeleton, { hasActions: true, isNarrow: isNarrow, loadingLabel: loadingLabel, title: title, children: (0, jsx_runtime_1.jsx)(ps_table_list_skeleton_1.PsTableListSkeleton, {}) }));
+exports.PsTablePageSkeleton = PsTablePageSkeleton;

package/dist/components/ps-theme-controller.d.ts

@@ -0,0 +1 @@
+export declare const PsThemeController: () => import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsThemeController = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_ps_theme_mode_1 = require("../hooks/use-ps-theme-mode");
+const ps_theme_toggle_1 = require("./ps-theme-toggle");
+const PsThemeController = () => {
+    const { resolvedMode, toggle } = (0, use_ps_theme_mode_1.usePsThemeMode)();
+    if (resolvedMode === null)
+        return (0, jsx_runtime_1.jsx)("div", { className: 'h-11 w-11' });
+    return (0, jsx_runtime_1.jsx)(ps_theme_toggle_1.PsThemeToggle, { mode: resolvedMode, onClick: toggle });
+};
+exports.PsThemeController = PsThemeController;

package/dist/components/ps-theme-system-listener.d.ts

@@ -0,0 +1 @@
+export declare const PsThemeSystemListener: () => null;

package/dist/components/ps-theme-system-listener.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsThemeSystemListener = void 0;
+const react_1 = require("react");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const PsThemeSystemListener = () => {
+    (0, react_1.useEffect)(() => {
+        ps_design_system_1.PallasoftThemeBrowserService.applyStoredMode();
+        return ps_design_system_1.PallasoftThemeBrowserService.listenToSystemChanges(() => undefined);
+    }, []);
+    return null;
+};
+exports.PsThemeSystemListener = PsThemeSystemListener;

package/dist/components/ps-tool-card-grid.d.ts

@@ -0,0 +1,7 @@
+import type { ElementType } from 'react';
+import type { PsToolCardData } from '../models/ps-tool-card-data';
+export interface PsToolCardGridProps {
+    cards: PsToolCardData[];
+    LinkComponent?: ElementType;
+}
+export declare const PsToolCardGrid: ({ cards, LinkComponent }: PsToolCardGridProps) => import("react").JSX.Element;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsToolCardGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_motion_components_1 = require("@pallasoft/ps-motion-components");
+const ps_website_section_config_1 = require("../constants/ps-website-section-config");
+const ps_card_1 = require("./ps-card");
+const cardLinkClassName = 'ps-pressable ps-focus-ring block h-full rounded-ps-card';
+const PsToolCardGrid = ({ cards, LinkComponent }) => {
+    const renderCard = (card, content) => LinkComponent ? ((0, jsx_runtime_1.jsx)(LinkComponent, { "aria-label": card.ariaLabel, className: cardLinkClassName, prefetch: 'intent', to: card.href, children: content })) : ((0, jsx_runtime_1.jsx)("a", { "aria-label": card.ariaLabel, className: cardLinkClassName, href: card.href, children: content }));
+    return ((0, jsx_runtime_1.jsx)(ps_motion_components_1.PsStaggerContainer, { className: 'grid w-full grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3', staggerDelay: ps_website_section_config_1.PsWebsiteSectionConfig.staggerDelay, children: cards.map((card) => ((0, jsx_runtime_1.jsx)(ps_motion_components_1.PsStaggerItem, { children: renderCard(card, (0, jsx_runtime_1.jsxs)(ps_card_1.PsCard, { className: 'group flex h-full flex-col gap-5 transition-colors hover:border-primary/50', density: 'spacious', variant: 'elevated', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex items-center justify-between gap-3', children: [(0, jsx_runtime_1.jsx)("span", { className: 'ps-icon-surface h-12 w-12', children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { className: 'h-6 w-6', iconKey: card.iconKey }) }), (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { className: 'h-5 w-5 text-ink/30 transition-colors group-hover:text-primary', iconKey: ps_icons_1.PsIconKey.ChevronRight })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-2', children: [(0, jsx_runtime_1.jsx)("h2", { className: 'text-header-3 text-ink', children: card.title }), (0, jsx_runtime_1.jsx)("p", { className: 'text-body-2 text-ink/60', children: card.description })] })] })) }, card.href))) }));
+};
+exports.PsToolCardGrid = PsToolCardGrid;

package/dist/constants/ps-amount-direction-classes.d.ts

@@ -0,0 +1,2 @@
+import { AmountDirection } from '@pallasoft/ps-utilities';
+export declare const PsAmountDirectionClasses: Record<AmountDirection, string>;

package/dist/constants/ps-amount-direction-classes.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsAmountDirectionClasses = void 0;
+const ps_utilities_1 = require("@pallasoft/ps-utilities");
+exports.PsAmountDirectionClasses = {
+    [ps_utilities_1.AmountDirection.In]: 'font-medium text-success',
+    [ps_utilities_1.AmountDirection.Neutral]: 'text-ink',
+    [ps_utilities_1.AmountDirection.Out]: 'font-medium text-danger',
+};

package/dist/constants/ps-faq-block-kind.d.ts

@@ -0,0 +1,4 @@
+export declare enum PsFaqBlockKind {
+    List = "list",
+    Paragraph = "paragraph"
+}

package/dist/constants/ps-faq-block-kind.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsFaqBlockKind = void 0;
+var PsFaqBlockKind;
+(function (PsFaqBlockKind) {
+    PsFaqBlockKind["List"] = "list";
+    PsFaqBlockKind["Paragraph"] = "paragraph";
+})(PsFaqBlockKind || (exports.PsFaqBlockKind = PsFaqBlockKind = {}));