@pallamart/pm-core-components 1.0.0 → 2.1.0

package/dist/components/external/breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export * from './pm-storefront-breadcrumb.js';

package/dist/components/external/breadcrumb/index.js

@@ -0,0 +1 @@
+export * from './pm-storefront-breadcrumb.js';

package/dist/components/external/breadcrumb/pm-storefront-breadcrumb.d.ts

@@ -0,0 +1,2 @@
+import type { PmStorefrontBreadcrumbProps } from '../../../models/external/breadcrumb/pm-storefront-breadcrumb-props.js';
+export declare const PmStorefrontBreadcrumb: ({ items, websiteUrl }: PmStorefrontBreadcrumbProps) => import("react").JSX.Element;

package/dist/components/external/breadcrumb/pm-storefront-breadcrumb.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { UrlService } from '@pallamart/pm-utilities';
+import { PmStorefrontConfig } from '../../../constants/external/pm-storefront-config.js';
+export const PmStorefrontBreadcrumb = ({ items, websiteUrl }) => {
+    const websiteBaseUrl = UrlService.trimTrailingSlash(websiteUrl);
+    return (_jsx("nav", { "aria-label": PmStorefrontConfig.breadcrumbLabel, className: 'pm-external-breadcrumb', children: items.map((item, index) => (_jsxs("span", { className: 'pm-external-breadcrumb-item', children: [item.path ? (_jsx("a", { className: 'pm-external-breadcrumb-link', href: UrlService.join(websiteBaseUrl, item.path), children: item.label })) : (_jsx("span", { children: item.label })), index !== items.length - 1 ? (_jsx("span", { className: 'pm-external-breadcrumb-separator', children: PmStorefrontConfig.breadcrumbSeparator })) : null] }, item.label))) }));
+};

package/dist/components/external/icon-button/index.d.ts

@@ -0,0 +1 @@
+export * from './pm-icon-button.js';

package/dist/components/external/icon-button/index.js

@@ -0,0 +1 @@
+export * from './pm-icon-button.js';

package/dist/components/external/icon-button/pm-icon-button.d.ts

@@ -0,0 +1,2 @@
+import type { PmIconButtonProps } from '../../../models/external/icon-button/pm-icon-button-props.js';
+export declare const PmIconButton: ({ className, iconKey, iconLabel, iconSize, title, type, variant, ...props }: PmIconButtonProps) => import("react").JSX.Element;

package/dist/components/external/icon-button/pm-icon-button.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+import { PmIcon } from '@pallamart/pm-icons';
+import { PmIconButtonConfig } from '../../../constants/external/pm-icon-button-config.js';
+import { PmIconButtonVariant } from '../../../constants/external/pm-icon-button-variant.js';
+import { PmButtonVariants } from '../../../constants/internal/pm-button-variants.js';
+export const PmIconButton = ({ className, iconKey, iconLabel, iconSize = PmIconButtonConfig.defaultIconSize, title, type = PmIconButtonConfig.type, variant = PmIconButtonVariant.Ghost, ...props }) => (_jsx("button", { ...props, "aria-label": iconLabel, className: PallamartClassNameService.merge(PmButtonVariants({ size: PmIconButtonConfig.size, variant }), className), title: title !== null && title !== undefined ? title : iconLabel, type: type, children: _jsx(PmIcon, { "aria-hidden": true, iconKey: iconKey, size: iconSize }) }));

package/dist/components/external/index.d.ts

@@ -0,0 +1,6 @@
+export * from './breadcrumb/index.js';
+export * from './icon-button/index.js';
+export * from './products/index.js';
+export * from './storefront/index.js';
+export * from '../../constants/external/index.js';
+export * from '../../models/external/index.js';

package/dist/components/external/index.js

@@ -0,0 +1,6 @@
+export * from './breadcrumb/index.js';
+export * from './icon-button/index.js';
+export * from './products/index.js';
+export * from './storefront/index.js';
+export * from '../../constants/external/index.js';
+export * from '../../models/external/index.js';

package/dist/components/external/products/index.d.ts

@@ -0,0 +1,5 @@
+export * from './pm-external-product-details.js';
+export * from './pm-external-product-rail-item.js';
+export * from './pm-external-product-rail.js';
+export * from './pm-external-room-color-step.js';
+export * from './pm-external-wall-color-control.js';

package/dist/components/external/products/index.js

@@ -0,0 +1,5 @@
+export * from './pm-external-product-details.js';
+export * from './pm-external-product-rail-item.js';
+export * from './pm-external-product-rail.js';
+export * from './pm-external-room-color-step.js';
+export * from './pm-external-wall-color-control.js';

package/dist/components/external/products/pm-external-product-details.d.ts

@@ -0,0 +1,2 @@
+import type { PmExternalProductDetailsProps } from '../../../models/external/products/pm-external-product-details-props.js';
+export declare const PmExternalProductDetails: ({ product, roomToneControl, websiteUrl, }: PmExternalProductDetailsProps) => import("react").JSX.Element;

package/dist/components/external/products/pm-external-product-details.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { UrlService } from '@pallamart/pm-utilities';
+import { PmExternalProductConfig } from '../../../constants/external/pm-external-product-config.js';
+export const PmExternalProductDetails = ({ product, roomToneControl, websiteUrl, }) => (_jsxs("div", { className: 'pm-external-product-summary', children: [product.vendor ? _jsx("p", { className: 'pm-external-product-vendor', children: product.vendor }) : null, _jsx("h1", { className: 'pm-external-product-title', children: product.title }), roomToneControl, _jsx("p", { className: 'pm-external-product-description', children: product.description ? product.description : PmExternalProductConfig.fallbackDescription }), _jsx("a", { className: 'pm-external-cart-button', href: UrlService.join(websiteUrl, `${PmExternalProductConfig.productPathPrefix}${product.handle}`), children: PmExternalProductConfig.buyNowLabel })] }));

package/dist/components/external/products/pm-external-product-rail-item.d.ts

@@ -0,0 +1,2 @@
+import type { PmExternalProductRailItemProps } from '../../../models/external/products/pm-external-product-rail-item-props.js';
+export declare const PmExternalProductRailItem: ({ index, isActive, onSelect, product, }: PmExternalProductRailItemProps) => import("react").JSX.Element;

package/dist/components/external/products/pm-external-product-rail-item.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CurrencyService } from '@pallamart/pm-utilities';
+import { PmExternalProductConfig } from '../../../constants/external/pm-external-product-config.js';
+export const PmExternalProductRailItem = ({ index, isActive, onSelect, product, }) => {
+    const price = CurrencyService.format(product.minPrice);
+    const altText = product.featuredImage ? product.featuredImage.altText : null;
+    return (_jsxs("button", { "aria-label": PmExternalProductConfig.previewLabel(product.title), "aria-pressed": isActive, className: isActive ? 'pm-external-product-card active' : 'pm-external-product-card', "data-product-index": index, onClick: () => onSelect(index), type: 'button', children: [_jsx("span", { className: 'pm-external-product-card-media', children: product.featuredImage ? (_jsx("img", { alt: altText !== null && altText !== undefined ? altText : product.title, className: 'pm-external-product-card-image', src: product.featuredImage.url })) : null }), _jsx("span", { className: 'pm-external-product-card-vendor', children: product.vendor ? product.vendor : PmExternalProductConfig.fallbackVendor }), _jsx("span", { className: 'pm-external-product-card-title', children: product.title }), _jsx("span", { className: 'pm-external-product-card-price', children: price ? PmExternalProductConfig.fromPriceLabel(price) : product.productType })] }));
+};

package/dist/components/external/products/pm-external-product-rail.d.ts

@@ -0,0 +1,2 @@
+import type { PmExternalProductRailProps } from '../../../models/external/products/pm-external-product-rail-props.js';
+export declare const PmExternalProductRail: ({ activeProductIndex, onProductChange, onScroll, products, railRef, }: PmExternalProductRailProps) => import("react").JSX.Element;

package/dist/components/external/products/pm-external-product-rail.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PmExternalProductConfig } from '../../../constants/external/pm-external-product-config.js';
+import { PmExternalProductRailItem } from './pm-external-product-rail-item.js';
+export const PmExternalProductRail = ({ activeProductIndex, onProductChange, onScroll, products, railRef, }) => (_jsx("section", { "aria-label": PmExternalProductConfig.railLabel, className: 'pm-external-product-rail', children: _jsx("div", { className: 'pm-external-product-grid', onScroll: onScroll, ref: railRef, children: products.map((product, index) => (_jsx(PmExternalProductRailItem, { index: index, isActive: index === activeProductIndex, onSelect: onProductChange, product: product }, product.id))) }) }));

package/dist/components/external/products/pm-external-room-color-step.d.ts

@@ -0,0 +1,2 @@
+import type { PmExternalRoomColorStepProps } from '../../../models/external/products/pm-external-room-color-step-props.js';
+export declare const PmExternalRoomColorStep: ({ activeWallColorHex, productTitle, productType, wallColors, onColorChange, onContinue, }: PmExternalRoomColorStepProps) => import("react").JSX.Element;

package/dist/components/external/products/pm-external-room-color-step.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PmExternalProductConfig } from '../../../constants/external/pm-external-product-config.js';
+export const PmExternalRoomColorStep = ({ activeWallColorHex, productTitle, productType, wallColors, onColorChange, onContinue, }) => (_jsxs("section", { className: 'mx-auto flex min-h-[calc(100vh-11rem)] w-full max-w-5xl flex-col justify-center py-8 sm:py-10', children: [_jsxs("div", { className: 'grid gap-10 lg:grid-cols-[minmax(0,0.85fr)_minmax(0,1.15fr)] lg:items-end', children: [_jsxs("div", { className: 'max-w-xl', children: [_jsx("p", { className: 'text-body-3 uppercase tracking-wide text-grey-dark', children: PmExternalProductConfig.productTypePreviewLabel(productType) }), _jsx("h1", { className: 'mt-3 text-header-1 leading-tight text-black', children: PmExternalProductConfig.roomStepTitle }), _jsx("p", { className: 'mt-4 text-body-2 leading-relaxed text-grey-dark', children: PmExternalProductConfig.roomStepDescription })] }), _jsx("div", { className: 'rounded-[28px] border border-grey/15 bg-white p-4 shadow-sm sm:p-5', children: _jsx("div", { className: 'grid grid-cols-2 gap-2 sm:grid-cols-3', children: wallColors.map((wallColor) => {
+                            const isActive = wallColor.colorHex === activeWallColorHex;
+                            return (_jsxs("button", { "aria-pressed": isActive, className: isActive
+                                    ? 'studio-color-option border-black bg-black text-white'
+                                    : 'studio-color-option border-grey/20 bg-white text-black hover:border-grey/60 hover:bg-grey-light/50', onClick: () => onColorChange(wallColor.colorHex), type: 'button', children: [_jsx("span", { className: 'h-7 w-7 shrink-0 rounded-full border border-black/10', style: { backgroundColor: wallColor.colorHex } }), _jsx("span", { className: 'min-w-0 truncate text-body-3', children: wallColor.label })] }, wallColor.id));
+                        }) }) })] }), _jsxs("div", { className: 'mt-8 flex flex-col gap-4 border-t border-grey/15 pt-6 sm:flex-row sm:items-center sm:justify-between', children: [_jsx("p", { className: 'min-w-0 truncate text-body-3 text-grey-dark', children: PmExternalProductConfig.previewingLabel(productTitle) }), _jsx("button", { className: 'pallamart-btn-primary sm:min-w-56', onClick: onContinue, type: 'button', children: PmExternalProductConfig.startPreviewLabel })] })] }));

package/dist/components/external/products/pm-external-wall-color-control.d.ts

@@ -0,0 +1,2 @@
+import type { PmExternalWallColorControlProps } from '../../../models/external/products/pm-external-wall-color-control-props.js';
+export declare const PmExternalWallColorControl: ({ activeWallColorHex, wallColors, onColorChange, }: PmExternalWallColorControlProps) => import("react").JSX.Element;

package/dist/components/external/products/pm-external-wall-color-control.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PmExternalProductConfig } from '../../../constants/external/pm-external-product-config.js';
+export const PmExternalWallColorControl = ({ activeWallColorHex, wallColors, onColorChange, }) => {
+    const activeColor = wallColors.find((color) => color.colorHex === activeWallColorHex);
+    return (_jsxs("div", { className: 'pm-external-room-tone', children: [_jsxs("div", { className: 'pm-external-room-tone-header', children: [_jsxs("span", { className: 'pm-external-room-tone-selected', children: [_jsx("span", { className: 'pm-external-room-tone-preview', style: { backgroundColor: activeWallColorHex } }), _jsx("span", { className: 'pm-external-room-tone-title', children: PmExternalProductConfig.roomColorTitle })] }), _jsx("span", { className: 'pm-external-room-tone-value', children: activeColor ? activeColor.label : PmExternalProductConfig.selectedWallColorLabel })] }), _jsx("div", { className: 'pm-external-room-tone-grid', children: wallColors.map((wallColor) => {
+                    const isActive = wallColor.colorHex === activeWallColorHex;
+                    return (_jsx("button", { "aria-label": wallColor.label, "aria-pressed": isActive, className: isActive ? 'pm-external-room-tone-swatch active' : 'pm-external-room-tone-swatch', onClick: () => onColorChange(wallColor.colorHex), title: wallColor.label, type: 'button', children: _jsx("span", { className: 'block h-full w-full rounded-full border border-black/10', style: { backgroundColor: wallColor.colorHex } }) }, wallColor.id));
+                }) })] }));
+};

package/dist/components/external/storefront/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pm-storefront-footer.js';
+export * from './pm-storefront-header.js';

package/dist/components/external/storefront/index.js

@@ -0,0 +1,2 @@
+export * from './pm-storefront-footer.js';
+export * from './pm-storefront-header.js';

package/dist/components/external/storefront/pm-storefront-footer.d.ts

@@ -0,0 +1,2 @@
+import type { PmStorefrontFooterProps } from '../../../models/external/storefront/pm-storefront-footer-props.js';
+export declare const PmStorefrontFooter: ({ items, websiteUrl }: PmStorefrontFooterProps) => import("react").JSX.Element;

package/dist/components/external/storefront/pm-storefront-footer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { UrlService } from '@pallamart/pm-utilities';
+import { PmStorefrontConfig } from '../../../constants/external/pm-storefront-config.js';
+export const PmStorefrontFooter = ({ items, websiteUrl }) => {
+    const websiteBaseUrl = UrlService.trimTrailingSlash(websiteUrl);
+    return (_jsx("footer", { className: 'mt-auto border-t border-grey/15 py-5', children: _jsxs("div", { className: 'flex flex-wrap items-center justify-between gap-x-4 gap-y-3 text-body-3 text-grey-dark', children: [_jsx("p", { children: PmStorefrontConfig.footerTagline }), _jsx("nav", { className: 'flex flex-wrap items-center gap-x-4 gap-y-2', children: items.map((item) => (_jsx("a", { className: 'hover:text-black', href: UrlService.join(websiteBaseUrl, item.path), children: item.label }, item.path))) })] }) }));
+};

package/dist/components/external/storefront/pm-storefront-header.d.ts

@@ -0,0 +1,2 @@
+import type { PmStorefrontHeaderProps } from '../../../models/external/storefront/pm-storefront-header-props.js';
+export declare const PmStorefrontHeader: ({ websiteUrl }: PmStorefrontHeaderProps) => import("react").JSX.Element;

package/dist/components/external/storefront/pm-storefront-header.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { UrlService } from '@pallamart/pm-utilities';
+import { PmStorefrontConfig } from '../../../constants/external/pm-storefront-config.js';
+export const PmStorefrontHeader = ({ websiteUrl }) => {
+    const websiteBaseUrl = UrlService.trimTrailingSlash(websiteUrl);
+    return (_jsx("header", { className: 'py-5 sm:py-7', children: _jsxs("div", { className: 'mx-auto flex w-full max-w-screen-2xl items-center justify-between gap-3 rounded-full bg-white/90 px-2 py-2 shadow-[0_18px_50px_rgba(29,29,32,0.08)] backdrop-blur', children: [_jsxs("a", { "aria-label": PmStorefrontConfig.homeLabel, className: 'group inline-flex min-w-0 items-center gap-3 rounded-full px-2 py-1.5 transition-colors hover:bg-grey-light sm:px-3', href: websiteBaseUrl, children: [_jsx("img", { alt: PmStorefrontConfig.logoAlt, className: 'h-8 w-auto object-contain transition-opacity group-hover:opacity-80 sm:h-9', src: PmStorefrontConfig.logoSrc }), _jsx("span", { className: 'truncate text-body-2 text-black transition-colors group-hover:text-primary', children: PmStorefrontConfig.appName })] }), _jsxs("nav", { className: 'flex min-w-0 items-center justify-end gap-1 text-body-2 text-black sm:gap-2', children: [_jsx("a", { className: 'hidden rounded-full px-4 py-2 transition-colors hover:bg-grey-light hover:text-primary sm:inline-flex', href: websiteBaseUrl, children: PmStorefrontConfig.websiteLinkLabel }), _jsx("a", { className: 'inline-flex min-h-10 items-center justify-center rounded-full bg-primary px-4 py-2 text-white transition-colors hover:bg-primary-hover sm:px-5', href: UrlService.join(websiteBaseUrl, PmStorefrontConfig.bedsheetsPath), children: PmStorefrontConfig.shopLinkLabel })] })] }) }));
+};

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from './internal/index.js';

package/dist/components/index.js

@@ -0,0 +1 @@
+export * from './internal/index.js';

package/dist/components/internal/alert/index.d.ts

@@ -0,0 +1,3 @@
+export * from './pm-alert-description.js';
+export * from './pm-alert-title.js';
+export * from './pm-alert.js';

package/dist/components/internal/alert/index.js

@@ -0,0 +1,3 @@
+export * from './pm-alert-description.js';
+export * from './pm-alert-title.js';
+export * from './pm-alert.js';

package/dist/components/internal/alert/pm-alert-description.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAlertDescriptionProps } from '../../../models/internal/alert/pm-alert-description-props.js';
+export declare const PmAlertDescription: React.ForwardRefExoticComponent<PmAlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/internal/alert/pm-alert-description.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+export const PmAlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: PallamartClassNameService.merge('text-sm [&_p]:leading-relaxed', className), ...props })));
+PmAlertDescription.displayName = 'PmAlertDescription';

package/dist/components/internal/alert/pm-alert-title.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAlertTitleProps } from '../../../models/internal/alert/pm-alert-title-props.js';
+export declare const PmAlertTitle: React.ForwardRefExoticComponent<PmAlertTitleProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/internal/alert/pm-alert-title.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+export const PmAlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: PallamartClassNameService.merge('mb-1 font-medium leading-none tracking-tight', className), ...props })));
+PmAlertTitle.displayName = 'PmAlertTitle';

package/dist/components/internal/alert/pm-alert.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAlertProps } from '../../../models/internal/alert/pm-alert-props.js';
+export declare const PmAlert: React.ForwardRefExoticComponent<PmAlertProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/internal/alert/pm-alert.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+import { PmAlertVariants } from '../../../constants/internal/pm-alert-variants.js';
+export const PmAlert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: 'alert', className: PallamartClassNameService.merge(PmAlertVariants({ variant }), className), ...props })));
+PmAlert.displayName = 'PmAlert';

package/dist/components/internal/alert-dialog/index.d.ts

@@ -0,0 +1,11 @@
+export * from './pm-alert-dialog-action.js';
+export * from './pm-alert-dialog-cancel.js';
+export * from './pm-alert-dialog-content.js';
+export * from './pm-alert-dialog-description.js';
+export * from './pm-alert-dialog-footer.js';
+export * from './pm-alert-dialog-header.js';
+export * from './pm-alert-dialog-overlay.js';
+export * from './pm-alert-dialog-portal.js';
+export * from './pm-alert-dialog-title.js';
+export * from './pm-alert-dialog-trigger.js';
+export * from './pm-alert-dialog.js';

package/dist/components/internal/alert-dialog/index.js

@@ -0,0 +1,11 @@
+export * from './pm-alert-dialog-action.js';
+export * from './pm-alert-dialog-cancel.js';
+export * from './pm-alert-dialog-content.js';
+export * from './pm-alert-dialog-description.js';
+export * from './pm-alert-dialog-footer.js';
+export * from './pm-alert-dialog-header.js';
+export * from './pm-alert-dialog-overlay.js';
+export * from './pm-alert-dialog-portal.js';
+export * from './pm-alert-dialog-title.js';
+export * from './pm-alert-dialog-trigger.js';
+export * from './pm-alert-dialog.js';

package/dist/components/internal/alert-dialog/pm-alert-dialog-action.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAlertDialogActionProps } from '../../../models/internal/alert-dialog/pm-alert-dialog-action-props.js';
+export declare const PmAlertDialogAction: React.ForwardRefExoticComponent<PmAlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/internal/alert-dialog/pm-alert-dialog-action.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { PmButtonVariants } from '../../../constants/internal/pm-button-variants.js';
+export const PmAlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Action, { ref: ref, className: PallamartClassNameService.merge(PmButtonVariants(), className), ...props })));
+PmAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;

package/dist/components/internal/alert-dialog/pm-alert-dialog-cancel.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAlertDialogCancelProps } from '../../../models/internal/alert-dialog/pm-alert-dialog-cancel-props.js';
+export declare const PmAlertDialogCancel: React.ForwardRefExoticComponent<PmAlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/internal/alert-dialog/pm-alert-dialog-cancel.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { PmButtonVariants } from '../../../constants/internal/pm-button-variants.js';
+export const PmAlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Cancel, { ref: ref, className: PallamartClassNameService.merge(PmButtonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
+PmAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;

package/dist/components/internal/alert-dialog/pm-alert-dialog-content.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAlertDialogContentProps } from '../../../models/internal/alert-dialog/pm-alert-dialog-content-props.js';
+export declare const PmAlertDialogContent: React.ForwardRefExoticComponent<PmAlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/internal/alert-dialog/pm-alert-dialog-content.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { PmAlertDialogOverlay } from './pm-alert-dialog-overlay.js';
+import { PmAlertDialogPortal } from './pm-alert-dialog-portal.js';
+export const PmAlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (_jsxs(PmAlertDialogPortal, { children: [_jsx(PmAlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { ref: ref, className: PallamartClassNameService.merge('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className), ...props })] })));
+PmAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;

package/dist/components/internal/alert-dialog/pm-alert-dialog-description.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAlertDialogDescriptionProps } from '../../../models/internal/alert-dialog/pm-alert-dialog-description-props.js';
+export declare const PmAlertDialogDescription: React.ForwardRefExoticComponent<PmAlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/internal/alert-dialog/pm-alert-dialog-description.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export const PmAlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Description, { ref: ref, className: PallamartClassNameService.merge('text-sm text-muted-foreground', className), ...props })));
+PmAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;

package/dist/components/internal/alert-dialog/pm-alert-dialog-footer.d.ts

@@ -0,0 +1,5 @@
+import type { PmAlertDialogFooterProps } from '../../../models/internal/alert-dialog/pm-alert-dialog-footer-props.js';
+export declare const PmAlertDialogFooter: {
+    ({ className, ...props }: PmAlertDialogFooterProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/internal/alert-dialog/pm-alert-dialog-footer.js

@@ -0,0 +1,5 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+export const PmAlertDialogFooter = ({ className, ...props }) => (_jsx("div", { className: PallamartClassNameService.merge('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
+PmAlertDialogFooter.displayName = 'PmAlertDialogFooter';

package/dist/components/internal/alert-dialog/pm-alert-dialog-header.d.ts

@@ -0,0 +1,5 @@
+import type { PmAlertDialogHeaderProps } from '../../../models/internal/alert-dialog/pm-alert-dialog-header-props.js';
+export declare const PmAlertDialogHeader: {
+    ({ className, ...props }: PmAlertDialogHeaderProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/internal/alert-dialog/pm-alert-dialog-header.js

@@ -0,0 +1,5 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+export const PmAlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: PallamartClassNameService.merge('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
+PmAlertDialogHeader.displayName = 'PmAlertDialogHeader';

package/dist/components/internal/alert-dialog/pm-alert-dialog-overlay.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAlertDialogOverlayProps } from '../../../models/internal/alert-dialog/pm-alert-dialog-overlay-props.js';
+export declare const PmAlertDialogOverlay: React.ForwardRefExoticComponent<PmAlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/internal/alert-dialog/pm-alert-dialog-overlay.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export const PmAlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Overlay, { className: PallamartClassNameService.merge('fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props, ref: ref })));
+PmAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;

package/dist/components/internal/alert-dialog/pm-alert-dialog-portal.d.ts

@@ -0,0 +1,2 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export declare const PmAlertDialogPortal: import("react").FC<AlertDialogPrimitive.AlertDialogPortalProps>;

package/dist/components/internal/alert-dialog/pm-alert-dialog-portal.js

@@ -0,0 +1,3 @@
+'use client';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export const PmAlertDialogPortal = AlertDialogPrimitive.Portal;

package/dist/components/internal/alert-dialog/pm-alert-dialog-title.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAlertDialogTitleProps } from '../../../models/internal/alert-dialog/pm-alert-dialog-title-props.js';
+export declare const PmAlertDialogTitle: React.ForwardRefExoticComponent<PmAlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/internal/alert-dialog/pm-alert-dialog-title.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export const PmAlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Title, { ref: ref, className: PallamartClassNameService.merge('text-lg font-semibold', className), ...props })));
+PmAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;

package/dist/components/internal/alert-dialog/pm-alert-dialog-trigger.d.ts

@@ -0,0 +1,2 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export declare const PmAlertDialogTrigger: import("react").ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/internal/alert-dialog/pm-alert-dialog-trigger.js

@@ -0,0 +1,3 @@
+'use client';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export const PmAlertDialogTrigger = AlertDialogPrimitive.Trigger;

package/dist/components/internal/alert-dialog/pm-alert-dialog.d.ts

@@ -0,0 +1,2 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export declare const PmAlertDialog: import("react").FC<AlertDialogPrimitive.AlertDialogProps>;

package/dist/components/internal/alert-dialog/pm-alert-dialog.js

@@ -0,0 +1,3 @@
+'use client';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+export const PmAlertDialog = AlertDialogPrimitive.Root;

package/dist/components/internal/app-header/index.d.ts

@@ -0,0 +1 @@
+export * from './pm-app-header.js';

package/dist/components/internal/app-header/index.js

@@ -0,0 +1 @@
+export * from './pm-app-header.js';

package/dist/components/internal/app-header/pm-app-header.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAppHeaderProps } from '../../../models/internal/app-header/pm-app-header-props.js';
+export declare const PmAppHeader: ({ appSwitcher, appTitle, logoAlt, logoSrc, logoutHref, navItems, renderLink, user, }: PmAppHeaderProps) => React.JSX.Element;

package/dist/components/internal/app-header/pm-app-header.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+import { LogOut } from 'lucide-react';
+import { PmAppSwitcher } from '../app-switcher/pm-app-switcher.js';
+import { PmAvatarFallback } from '../avatar/pm-avatar-fallback.js';
+import { PmAvatarImage } from '../avatar/pm-avatar-image.js';
+import { PmAvatar } from '../avatar/pm-avatar.js';
+import { PmButton } from '../button/pm-button.js';
+import { PmDropdownMenuContent } from '../dropdown-menu/pm-dropdown-menu-content.js';
+import { PmDropdownMenuItem } from '../dropdown-menu/pm-dropdown-menu-item.js';
+import { PmDropdownMenuLabel } from '../dropdown-menu/pm-dropdown-menu-label.js';
+import { PmDropdownMenuSeparator } from '../dropdown-menu/pm-dropdown-menu-separator.js';
+import { PmDropdownMenuTrigger } from '../dropdown-menu/pm-dropdown-menu-trigger.js';
+import { PmDropdownMenu } from '../dropdown-menu/pm-dropdown-menu.js';
+export const PmAppHeader = ({ appSwitcher, appTitle, logoAlt = 'Pallamart logo', logoSrc, logoutHref, navItems = [], renderLink, user, }) => {
+    const link = (href, className, children, active) => renderLink ? (renderLink({ href, className, children, active })) : (_jsx("a", { href: href, className: className, "aria-current": active ? 'page' : undefined, children: children }));
+    return (_jsx("header", { className: 'sticky top-0 z-40 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80', children: _jsxs("div", { className: 'mx-auto flex w-full max-w-screen-2xl flex-col gap-3 px-4 py-3 sm:px-6', children: [_jsxs("div", { className: 'flex min-w-0 items-center justify-between gap-3', children: [_jsxs("div", { className: 'flex min-w-0 flex-1 items-center gap-2.5', children: [_jsx("div", { className: 'flex size-9 shrink-0 items-center justify-center rounded-lg border bg-muted', children: _jsx("img", { alt: logoAlt, className: 'size-5 object-contain', src: logoSrc }) }), _jsx("h1", { className: 'min-w-0 truncate text-sm font-semibold text-foreground', children: appTitle })] }), _jsxs("div", { className: 'flex shrink-0 items-center gap-1.5', children: [appSwitcher ? _jsx(PmAppSwitcher, { ...appSwitcher }) : null, user ? (_jsxs(PmDropdownMenu, { children: [_jsx(PmDropdownMenuTrigger, { asChild: true, children: _jsxs(PmButton, { variant: 'outline', className: 'h-9 max-w-[min(14rem,56vw)] gap-2 pl-1.5 pr-3', children: [_jsxs(PmAvatar, { className: 'size-6', children: [user.avatarUrl ? (_jsx(PmAvatarImage, { alt: user.displayName, src: user.avatarUrl })) : null, _jsx(PmAvatarFallback, { className: 'text-xs', children: user.displayName.slice(0, 1).toUpperCase() })] }), _jsx("span", { className: 'min-w-0 truncate', children: user.displayName })] }) }), _jsxs(PmDropdownMenuContent, { align: 'end', className: 'w-56', children: [_jsxs(PmDropdownMenuLabel, { className: 'flex flex-col gap-0.5', children: [_jsx("span", { children: "Account" }), _jsx("span", { className: 'truncate text-xs font-normal text-muted-foreground', children: user.displayName })] }), _jsx(PmDropdownMenuSeparator, {}), _jsx(PmDropdownMenuItem, { asChild: true, children: link(logoutHref, 'flex w-full cursor-pointer items-center gap-2', _jsxs(_Fragment, { children: [_jsx(LogOut, {}), "Sign out"] })) })] })] })) : null] })] }), navItems.length ? (_jsx("nav", { "aria-label": 'Primary', className: '-mb-px flex max-w-full gap-1 overflow-x-auto', children: navItems.map((item) => (_jsx(React.Fragment, { children: link(item.href, PallamartClassNameService.merge('inline-flex h-9 shrink-0 items-center rounded-md px-3 text-sm font-medium transition-colors', item.active
+                            ? 'bg-secondary text-secondary-foreground'
+                            : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'), item.label, item.active) }, item.id))) })) : null] }) }));
+};

package/dist/components/internal/app-switcher/index.d.ts

@@ -0,0 +1,3 @@
+export * from './pm-app-switcher-section.js';
+export * from './pm-app-switcher-tile.js';
+export * from './pm-app-switcher.js';

package/dist/components/internal/app-switcher/index.js

@@ -0,0 +1,3 @@
+export * from './pm-app-switcher-section.js';
+export * from './pm-app-switcher-tile.js';
+export * from './pm-app-switcher.js';

package/dist/components/internal/app-switcher/pm-app-switcher-section.d.ts

@@ -0,0 +1,2 @@
+import type { PmAppSwitcherSectionProps } from '../../../models/internal/app-switcher/pm-app-switcher-section-props.js';
+export declare const PmAppSwitcherSection: ({ section }: PmAppSwitcherSectionProps) => import("react").JSX.Element;

package/dist/components/internal/app-switcher/pm-app-switcher-section.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PmAppSwitcherTile } from './pm-app-switcher-tile.js';
+export const PmAppSwitcherSection = ({ section }) => (_jsxs("section", { className: 'flex flex-col gap-1', children: [_jsx("h3", { className: 'px-2 text-xs font-medium text-muted-foreground', children: section.label }), _jsx("div", { className: 'grid grid-cols-3 gap-1', children: section.links.map((link) => (_jsx(PmAppSwitcherTile, { link: link }, `${section.category}-${link.key}`))) })] }));

package/dist/components/internal/app-switcher/pm-app-switcher-tile.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAppSwitcherTileProps } from '../../../models/internal/app-switcher/pm-app-switcher-tile-props.js';
+export declare const PmAppSwitcherTile: ({ link }: PmAppSwitcherTileProps) => React.JSX.Element;

package/dist/components/internal/app-switcher/pm-app-switcher-tile.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+import { PmAppSwitcherConfig } from '../../../constants/internal/app-switcher/pm-app-switcher-config.js';
+export const PmAppSwitcherTile = ({ link }) => {
+    const [iconIndex, setIconIndex] = React.useState(0);
+    const iconUrls = [link.iconUrl, link.fallbackIconUrl].filter((url) => Boolean(url));
+    const iconUrl = iconIndex < iconUrls.length ? iconUrls[iconIndex] : null;
+    return (_jsxs("a", { href: link.url, target: link.external ? PmAppSwitcherConfig.externalTarget : undefined, rel: link.external ? PmAppSwitcherConfig.externalRel : undefined, "aria-current": link.current ? 'page' : undefined, title: link.name, className: PallamartClassNameService.merge('group flex min-w-0 flex-col items-center gap-2 rounded-lg px-1 py-2.5 text-center transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', link.current && 'hover:bg-transparent'), children: [_jsx("span", { className: PallamartClassNameService.merge('flex size-10 items-center justify-center overflow-hidden rounded-full border bg-background text-xs font-semibold text-foreground transition-shadow', link.current &&
+                    'border-primary ring-2 ring-primary/30 ring-offset-2 ring-offset-background'), children: iconUrl ? (_jsx("img", { alt: '', className: 'size-6 object-contain', loading: 'lazy', onError: () => setIconIndex((current) => current + 1), src: iconUrl })) : (link.initials) }), _jsx("span", { className: PallamartClassNameService.merge('line-clamp-2 w-full text-xs leading-tight text-foreground', link.current && 'font-medium text-primary'), children: link.name })] }));
+};

package/dist/components/internal/app-switcher/pm-app-switcher.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAppSwitcherProps } from '../../../models/internal/app-switcher/pm-app-switcher-props.js';
+export declare const PmAppSwitcher: ({ currentAppKey, appUrls }: PmAppSwitcherProps) => React.JSX.Element;

package/dist/components/internal/app-switcher/pm-app-switcher.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { LayoutGrid } from 'lucide-react';
+import { PmAppSwitcherConfig } from '../../../constants/internal/app-switcher/pm-app-switcher-config.js';
+import { PmAppSwitcherService } from '../../../services/internal/pm-app-switcher-service.js';
+import { PmButton } from '../button/pm-button.js';
+import { PmPopoverContent } from '../popover/pm-popover-content.js';
+import { PmPopoverTrigger } from '../popover/pm-popover-trigger.js';
+import { PmPopover } from '../popover/pm-popover.js';
+import { PmScrollArea } from '../scroll-area/pm-scroll-area.js';
+import { PmSeparator } from '../separator/pm-separator.js';
+import { PmAppSwitcherSection } from './pm-app-switcher-section.js';
+export const PmAppSwitcher = ({ currentAppKey, appUrls }) => {
+    const sections = React.useMemo(() => PmAppSwitcherService.sections(appUrls, currentAppKey), [appUrls, currentAppKey]);
+    return (_jsxs(PmPopover, { children: [_jsx(PmPopoverTrigger, { asChild: true, children: _jsx(PmButton, { variant: 'ghost', size: 'icon', "aria-label": PmAppSwitcherConfig.triggerLabel, title: PmAppSwitcherConfig.title, children: _jsx(LayoutGrid, {}) }) }), _jsx(PmPopoverContent, { align: 'end', sideOffset: 8, className: 'w-[min(22rem,calc(100vw-2rem))] p-0', children: _jsx(PmScrollArea, { className: 'h-[min(32rem,calc(100vh-6rem))]', children: _jsx("div", { className: 'flex flex-col gap-3 p-3', children: sections.map((section, index) => (_jsxs(React.Fragment, { children: [index > 0 ? _jsx(PmSeparator, {}) : null, _jsx(PmAppSwitcherSection, { section: section })] }, section.category))) }) }) })] }));
+};

package/dist/components/internal/avatar/index.d.ts

@@ -0,0 +1,3 @@
+export * from './pm-avatar-fallback.js';
+export * from './pm-avatar-image.js';
+export * from './pm-avatar.js';

package/dist/components/internal/avatar/index.js

@@ -0,0 +1,3 @@
+export * from './pm-avatar-fallback.js';
+export * from './pm-avatar-image.js';
+export * from './pm-avatar.js';

package/dist/components/internal/avatar/pm-avatar-fallback.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAvatarFallbackProps } from '../../../models/internal/avatar/pm-avatar-fallback-props.js';
+export declare const PmAvatarFallback: React.ForwardRefExoticComponent<PmAvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/internal/avatar/pm-avatar-fallback.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+export const PmAvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Fallback, { ref: ref, className: PallamartClassNameService.merge('flex h-full w-full items-center justify-center rounded-full bg-muted', className), ...props })));
+PmAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;

package/dist/components/internal/avatar/pm-avatar-image.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAvatarImageProps } from '../../../models/internal/avatar/pm-avatar-image-props.js';
+export declare const PmAvatarImage: React.ForwardRefExoticComponent<PmAvatarImageProps & React.RefAttributes<HTMLImageElement>>;

package/dist/components/internal/avatar/pm-avatar-image.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PallamartClassNameService } from '@pallamart/pm-design-system';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+export const PmAvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: PallamartClassNameService.merge('aspect-square h-full w-full', className), ...props })));
+PmAvatarImage.displayName = AvatarPrimitive.Image.displayName;

package/dist/components/internal/avatar/pm-avatar.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PmAvatarProps } from '../../../models/internal/avatar/pm-avatar-props.js';
+export declare const PmAvatar: React.ForwardRefExoticComponent<PmAvatarProps & React.RefAttributes<HTMLSpanElement>>;