@pallamart/pm-core-components 1.0.0 → 2.1.0

package/dist/models/internal/tabs/index.js

@@ -0,0 +1,3 @@
+export * from './pm-tabs-content-props.js';
+export * from './pm-tabs-list-props.js';
+export * from './pm-tabs-trigger-props.js';

package/dist/models/internal/tabs/pm-tabs-content-props.d.ts

@@ -0,0 +1,4 @@
+import type * as React from 'react';
+import type * as TabsPrimitive from '@radix-ui/react-tabs';
+export interface PmTabsContentProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
+}

package/dist/models/internal/tabs/pm-tabs-content-props.js

@@ -0,0 +1 @@
+export {};

package/dist/models/internal/tabs/pm-tabs-list-props.d.ts

@@ -0,0 +1,4 @@
+import type * as React from 'react';
+import type * as TabsPrimitive from '@radix-ui/react-tabs';
+export interface PmTabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+}

package/dist/models/internal/tabs/pm-tabs-list-props.js

@@ -0,0 +1 @@
+export {};

package/dist/models/internal/tabs/pm-tabs-trigger-props.d.ts

@@ -0,0 +1,4 @@
+import type * as React from 'react';
+import type * as TabsPrimitive from '@radix-ui/react-tabs';
+export interface PmTabsTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
+}

package/dist/models/internal/tabs/pm-tabs-trigger-props.js

@@ -0,0 +1 @@
+export {};

package/dist/models/internal/textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './pm-textarea-props.js';

package/dist/models/internal/textarea/index.js

@@ -0,0 +1 @@
+export * from './pm-textarea-props.js';

package/dist/models/internal/textarea/pm-textarea-props.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+export interface PmTextareaProps extends React.ComponentProps<'textarea'> {
+}

package/dist/models/internal/textarea/pm-textarea-props.js

@@ -0,0 +1 @@
+export {};

package/dist/models/internal/toggle/index.d.ts

@@ -0,0 +1 @@
+export * from './pm-toggle-props.js';

package/dist/models/internal/toggle/index.js

@@ -0,0 +1 @@
+export * from './pm-toggle-props.js';

package/dist/models/internal/toggle/pm-toggle-props.d.ts

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+import type * as TogglePrimitive from '@radix-ui/react-toggle';
+import type { VariantProps } from 'class-variance-authority';
+import type { PmToggleVariants } from '../../../constants/internal/pm-toggle-variants.js';
+export interface PmToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof PmToggleVariants> {
+}

package/dist/models/internal/toggle/pm-toggle-props.js

@@ -0,0 +1 @@
+export {};

package/dist/models/internal/toggle-group/index.d.ts

@@ -0,0 +1,4 @@
+export * from './pm-toggle-group-context-data.js';
+export * from './pm-toggle-group-item-props.js';
+export * from './pm-toggle-group-multiple-props.js';
+export * from './pm-toggle-group-single-props.js';

package/dist/models/internal/toggle-group/index.js

@@ -0,0 +1,4 @@
+export * from './pm-toggle-group-context-data.js';
+export * from './pm-toggle-group-item-props.js';
+export * from './pm-toggle-group-multiple-props.js';
+export * from './pm-toggle-group-single-props.js';

package/dist/models/internal/toggle-group/pm-toggle-group-context-data.d.ts

@@ -0,0 +1,4 @@
+import type { VariantProps } from 'class-variance-authority';
+import type { PmToggleVariants } from '../../../constants/internal/pm-toggle-variants.js';
+export interface PmToggleGroupContextData extends VariantProps<typeof PmToggleVariants> {
+}

package/dist/models/internal/toggle-group/pm-toggle-group-context-data.js

@@ -0,0 +1 @@
+export {};

package/dist/models/internal/toggle-group/pm-toggle-group-item-props.d.ts

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+import type * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import type { VariantProps } from 'class-variance-authority';
+import type { PmToggleVariants } from '../../../constants/internal/pm-toggle-variants.js';
+export interface PmToggleGroupItemProps extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>, VariantProps<typeof PmToggleVariants> {
+}

package/dist/models/internal/toggle-group/pm-toggle-group-item-props.js

@@ -0,0 +1 @@
+export {};

package/dist/models/internal/toggle-group/pm-toggle-group-multiple-props.d.ts

@@ -0,0 +1,5 @@
+import type { ToggleGroupMultipleProps } from '@radix-ui/react-toggle-group';
+import type { VariantProps } from 'class-variance-authority';
+import type { PmToggleVariants } from '../../../constants/internal/pm-toggle-variants.js';
+export interface PmToggleGroupMultipleProps extends ToggleGroupMultipleProps, VariantProps<typeof PmToggleVariants> {
+}

package/dist/models/internal/toggle-group/pm-toggle-group-multiple-props.js

@@ -0,0 +1 @@
+export {};

package/dist/models/internal/toggle-group/pm-toggle-group-single-props.d.ts

@@ -0,0 +1,5 @@
+import type { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
+import type { VariantProps } from 'class-variance-authority';
+import type { PmToggleVariants } from '../../../constants/internal/pm-toggle-variants.js';
+export interface PmToggleGroupSingleProps extends ToggleGroupSingleProps, VariantProps<typeof PmToggleVariants> {
+}

package/dist/models/internal/toggle-group/pm-toggle-group-single-props.js

@@ -0,0 +1 @@
+export {};

package/dist/models/internal/tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './pm-tooltip-content-props.js';

package/dist/models/internal/tooltip/index.js

@@ -0,0 +1 @@
+export * from './pm-tooltip-content-props.js';

package/dist/models/internal/tooltip/pm-tooltip-content-props.d.ts

@@ -0,0 +1,4 @@
+import type * as React from 'react';
+import type * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export interface PmTooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
+}

package/dist/models/internal/tooltip/pm-tooltip-content-props.js

@@ -0,0 +1 @@
+export {};

package/dist/services/index.d.ts

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

package/dist/services/index.js

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

package/dist/services/internal/index.d.ts

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

package/dist/services/internal/index.js

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

package/dist/services/internal/pm-app-switcher-service.d.ts

@@ -0,0 +1,11 @@
+import { PmAppKey } from '../../constants/internal/app-switcher/pm-app-key.js';
+import type { PmAppSwitcherSectionData } from '../../models/internal/app-switcher/pm-app-switcher-section-data.js';
+import type { PmPallamartAppUrlsData } from '../../models/internal/app-switcher/pm-pallamart-app-urls-data.js';
+export declare class PmAppSwitcherService {
+    static sections(appUrls: PmPallamartAppUrlsData, currentAppKey: PmAppKey): PmAppSwitcherSectionData[];
+    private static pallamartLinks;
+    private static siteFaviconUrl;
+    private static iconUrlFromUrl;
+    private static section;
+    private static externalLink;
+}

package/dist/services/internal/pm-app-switcher-service.js

@@ -0,0 +1,59 @@
+import { PmAppCategoryLabels } from '../../constants/internal/app-switcher/pm-app-category-labels.js';
+import { PmAppCategory } from '../../constants/internal/app-switcher/pm-app-category.js';
+import { PmAppSwitcherConfig } from '../../constants/internal/app-switcher/pm-app-switcher-config.js';
+import { PmExternalApps } from '../../constants/internal/app-switcher/pm-external-apps.js';
+import { PmPallamartApps } from '../../constants/internal/app-switcher/pm-pallamart-apps.js';
+export class PmAppSwitcherService {
+    static sections(appUrls, currentAppKey) {
+        const categorySections = PmAppSwitcherConfig.externalCategoryOrder.map((category) => this.section(category, PmExternalApps.filter((app) => app.category === category).map((app) => this.externalLink(app))));
+        return [
+            this.section(PmAppCategory.Internal, this.pallamartLinks(PmAppCategory.Internal, appUrls, currentAppKey)),
+            ...categorySections,
+        ].filter((section) => section.links.length > 0);
+    }
+    static pallamartLinks(category, appUrls, currentAppKey) {
+        return PmPallamartApps.filter((app) => app.category === category && Boolean(appUrls[app.urlField])).map((app) => ({
+            key: app.key,
+            name: app.name,
+            url: appUrls[app.urlField],
+            iconUrl: this.siteFaviconUrl(appUrls[app.urlField]),
+            fallbackIconUrl: this.iconUrlFromUrl(appUrls[app.urlField]),
+            initials: app.initials,
+            external: app.openInNewTab,
+            current: app.key === currentAppKey,
+        }));
+    }
+    static siteFaviconUrl(url) {
+        try {
+            return new URL(PmAppSwitcherConfig.siteFaviconPath, url).toString();
+        }
+        catch (error) {
+            console.error(error);
+            return null;
+        }
+    }
+    static iconUrlFromUrl(url) {
+        try {
+            return PmAppSwitcherConfig.faviconUrl(new URL(url).hostname);
+        }
+        catch (error) {
+            console.error(error);
+            return null;
+        }
+    }
+    static section(category, links) {
+        return { category, label: PmAppCategoryLabels[category], links };
+    }
+    static externalLink(app) {
+        return {
+            key: app.key,
+            name: app.name,
+            url: app.url,
+            iconUrl: PmAppSwitcherConfig.faviconUrl(app.domain),
+            fallbackIconUrl: null,
+            initials: app.name.slice(0, 1),
+            external: true,
+            current: false,
+        };
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallamart/pm-core-components",
-	"version": "1.0.0",
+	"version": "2.1.0",
 	"private": false,
 	"type": "module",
 	"main": "./dist/index.js",
@@ -12,9 +12,9 @@
 			"default": "./dist/index.js"
 		},
 		"./external": {
-			"types": "./dist/external/index.d.ts",
-			"import": "./dist/external/index.js",
-			"default": "./dist/external/index.js"
+			"types": "./dist/components/external/index.d.ts",
+			"import": "./dist/components/external/index.js",
+			"default": "./dist/components/external/index.js"
 		}
 	},
 	"files": [
@@ -34,18 +34,42 @@
 		"release": "semantic-release"
 	},
 	"dependencies": {
-		"@pallamart/pm-icons": "1.0.0",
-		"@pallamart/pm-utilities": "1.0.1"
+		"@pallamart/pm-icons": "^2.0.0",
+		"@pallamart/pm-utilities": "^1.0.1",
+		"@radix-ui/react-alert-dialog": "^1.1.23",
+		"@radix-ui/react-avatar": "^1.2.6",
+		"@radix-ui/react-checkbox": "^1.3.11",
+		"@radix-ui/react-dialog": "^1.1.23",
+		"@radix-ui/react-dropdown-menu": "^2.1.24",
+		"@radix-ui/react-label": "^2.1.15",
+		"@radix-ui/react-popover": "^1.1.23",
+		"@radix-ui/react-progress": "^1.1.16",
+		"@radix-ui/react-radio-group": "^1.4.7",
+		"@radix-ui/react-scroll-area": "^1.2.18",
+		"@radix-ui/react-select": "^2.3.7",
+		"@radix-ui/react-separator": "^1.1.15",
+		"@radix-ui/react-slot": "^1.3.3",
+		"@radix-ui/react-switch": "^1.3.7",
+		"@radix-ui/react-tabs": "^1.1.21",
+		"@radix-ui/react-toggle": "^1.1.18",
+		"@radix-ui/react-toggle-group": "^1.1.19",
+		"@radix-ui/react-tooltip": "^1.2.16",
+		"class-variance-authority": "^0.7.1",
+		"clsx": "^2.1.1",
+		"cmdk": "^1.1.1",
+		"lucide-react": "^1.46.0"
 	},
 	"peerDependencies": {
-		"@pallamart/pm-design-system": "1.0.1",
-		"react": "^18 || ^19"
+		"@pallamart/pm-design-system": "^2.0.0",
+		"react": "^18 || ^19",
+		"react-dom": "^18 || ^19"
 	},
 	"devDependencies": {
 		"@commitlint/cli": "^20.1.0",
 		"@commitlint/config-conventional": "^20.0.0",
 		"@eslint/compat": "^2.0.0",
 		"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
+		"@pallamart/pm-design-system": "^2.0.0",
 		"@semantic-release/changelog": "^6.0.3",
 		"@semantic-release/commit-analyzer": "^13.0.0",
 		"@semantic-release/git": "^10.0.1",
@@ -53,6 +77,7 @@
 		"@semantic-release/npm": "^12.0.0",
 		"@semantic-release/release-notes-generator": "^14.0.1",
 		"@types/react": "^18.3.28",
+		"@types/react-dom": "^18.3.7",
 		"@typescript-eslint/eslint-plugin": "^8.48.0",
 		"@typescript-eslint/parser": "^8.48.0",
 		"commitlint": "^20.1.0",
@@ -65,6 +90,7 @@
 		"lint-staged": "^16.2.7",
 		"prettier": "^3.6.2",
 		"react": "^18.3.1",
+		"react-dom": "^18.3.1",
 		"semantic-release": "^24.2.0",
 		"ts-node": "^10.9.2",
 		"typescript": "^5.9.3"

package/dist/auth/microsoft-auth-button.d.ts

@@ -1,6 +0,0 @@
-interface MicrosoftAuthButtonProps {
-    redirectTo: string;
-    authRoutePath: string;
-}
-export default function MicrosoftAuthButton({ redirectTo, authRoutePath, }: MicrosoftAuthButtonProps): any;
-export {};

package/dist/auth/microsoft-auth-button.js

@@ -1,10 +0,0 @@
-import { createElement } from '../create-element.js';
-export default function MicrosoftAuthButton({ redirectTo, authRoutePath, }) {
-    return createElement('a', {
-        href: `${authRoutePath}?redirectTo=${encodeURIComponent(redirectTo)}`,
-        className: 'inline-flex h-10 w-full items-center justify-center gap-2 rounded-md border border-input bg-background px-4 py-2 text-body-3 shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',
-    }, createElement('span', {
-        'aria-hidden': 'true',
-        className: 'grid h-4 w-4 grid-cols-2 gap-0.5',
-    }, createElement('span', { className: 'bg-[#f25022]' }), createElement('span', { className: 'bg-[#7fba00]' }), createElement('span', { className: 'bg-[#00a4ef]' }), createElement('span', { className: 'bg-[#ffb900]' })), createElement('span', null, 'Sign in with Microsoft'));
-}

package/dist/create-element.d.ts

@@ -1,7 +0,0 @@
-type ElementType = string | ((props: Record<string, unknown>) => unknown);
-type ElementProps = Record<string, unknown> & {
-    key?: string | number | null;
-    ref?: unknown;
-};
-export declare function createElement(type: ElementType, props: ElementProps | null, ...children: unknown[]): any;
-export {};

package/dist/create-element.js

@@ -1,34 +0,0 @@
-function withFallbackKey(child, index) {
-    if (child &&
-        typeof child === 'object' &&
-        '$$typeof' in child &&
-        child.key == null) {
-        return {
-            ...child,
-            key: index,
-        };
-    }
-    return child;
-}
-export function createElement(type, props, ...children) {
-    const normalizedProps = { ...(props ?? {}) };
-    const key = normalizedProps.key ?? null;
-    const ref = normalizedProps.ref ?? null;
-    delete normalizedProps.key;
-    delete normalizedProps.ref;
-    if (children.length === 1) {
-        normalizedProps.children = children[0];
-    }
-    else if (children.length > 1) {
-        normalizedProps.children = children.map(withFallbackKey);
-    }
-    return {
-        $$typeof: Symbol.for('react.element'),
-        type,
-        key,
-        ref,
-        props: normalizedProps,
-        _owner: null,
-        _store: {},
-    };
-}

package/dist/external/breadcrumb.d.ts

@@ -1,10 +0,0 @@
-export interface StorefrontBreadcrumbItem {
-    label: string;
-    path?: string;
-}
-interface StorefrontBreadcrumbProps {
-    items: StorefrontBreadcrumbItem[];
-    websiteUrl: string;
-}
-export default function StorefrontBreadcrumb({ items, websiteUrl, }: StorefrontBreadcrumbProps): any;
-export {};

package/dist/external/breadcrumb.js

@@ -1,20 +0,0 @@
-import { UrlService } from '@pallamart/pm-utilities';
-import { createElement } from '../create-element.js';
-export default function StorefrontBreadcrumb({ items, websiteUrl, }) {
-    const websiteBaseUrl = UrlService.trimTrailingSlash(websiteUrl);
-    return createElement('nav', {
-        'aria-label': 'Breadcrumb',
-        className: 'pm-external-breadcrumb',
-    }, items.map((item, index) => {
-        const isLast = index === items.length - 1;
-        const content = item.path
-            ? createElement('a', {
-                className: 'pm-external-breadcrumb-link',
-                href: UrlService.join(websiteBaseUrl, item.path),
-            }, item.label)
-            : createElement('span', null, item.label);
-        return createElement('span', { className: 'pm-external-breadcrumb-item', key: item.label }, content, !isLast
-            ? createElement('span', { className: 'pm-external-breadcrumb-separator' }, '›')
-            : null);
-    }));
-}

package/dist/external/index.d.ts

@@ -1,12 +0,0 @@
-export { default as StorefrontBreadcrumb } from './breadcrumb.js';
-export type { StorefrontBreadcrumbItem } from './breadcrumb.js';
-export { IconButton } from '../ui/icon-button.js';
-export { default as ExternalProductDetails } from './products/product-details.js';
-export { default as ExternalProductRail } from './products/product-rail.js';
-export { default as ExternalProductRailItem } from './products/product-rail-item.js';
-export { default as ExternalRoomColorStep } from './products/room-color-step.js';
-export { default as ExternalWallColorControl } from './products/wall-color-control.js';
-export { default as StorefrontFooter } from './storefront-footer.js';
-export type { StorefrontFooterNavigationItem } from './storefront-footer.js';
-export { default as StorefrontHeader } from './storefront-header.js';
-export type { ExternalProductData, ExternalProductImageData, ExternalProductPriceData, ExternalWallColorData, } from './types.js';

package/dist/external/index.js

@@ -1,9 +0,0 @@
-export { default as StorefrontBreadcrumb } from './breadcrumb.js';
-export { IconButton } from '../ui/icon-button.js';
-export { default as ExternalProductDetails } from './products/product-details.js';
-export { default as ExternalProductRail } from './products/product-rail.js';
-export { default as ExternalProductRailItem } from './products/product-rail-item.js';
-export { default as ExternalRoomColorStep } from './products/room-color-step.js';
-export { default as ExternalWallColorControl } from './products/wall-color-control.js';
-export { default as StorefrontFooter } from './storefront-footer.js';
-export { default as StorefrontHeader } from './storefront-header.js';

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

@@ -1,8 +0,0 @@
-import type { ExternalProductData } from '../types.js';
-interface ExternalProductDetailsProps {
-    product: ExternalProductData;
-    roomToneControl?: unknown;
-    websiteUrl: string;
-}
-export default function ExternalProductDetails({ product, roomToneControl, websiteUrl, }: ExternalProductDetailsProps): any;
-export {};

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

@@ -1,12 +0,0 @@
-import { UrlService } from '@pallamart/pm-utilities';
-import { createElement } from '../../create-element.js';
-export default function ExternalProductDetails({ product, roomToneControl, websiteUrl, }) {
-    const description = product.description ||
-        'A soft bedding style designed to help your room feel finished, calm, and easy to live in.';
-    return createElement('div', { className: 'pm-external-product-summary' }, product.vendor
-        ? createElement('p', { className: 'pm-external-product-vendor' }, product.vendor)
-        : null, createElement('h1', { className: 'pm-external-product-title' }, product.title), roomToneControl, createElement('p', { className: 'pm-external-product-description' }, description), createElement('a', {
-        className: 'pm-external-cart-button',
-        href: UrlService.join(websiteUrl, `/products/${product.handle}`),
-    }, 'Buy Now'));
-}

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

@@ -1,9 +0,0 @@
-import type { ExternalProductData } from '../types.js';
-interface ExternalProductRailItemProps {
-    index: number;
-    isActive: boolean;
-    product: ExternalProductData;
-    onSelect: (index: number) => void;
-}
-export default function ExternalProductRailItem({ index, isActive, onSelect, product, }: ExternalProductRailItemProps): any;
-export {};

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

@@ -1,22 +0,0 @@
-import { CurrencyService } from '@pallamart/pm-utilities';
-import { createElement } from '../../create-element.js';
-export default function ExternalProductRailItem({ index, isActive, onSelect, product, }) {
-    return createElement('button', {
-        'aria-label': `Preview ${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',
-    }, createElement('span', { className: 'pm-external-product-card-media' }, product.featuredImage
-        ? createElement('img', {
-            alt: product.featuredImage.altText ?? product.title,
-            className: 'pm-external-product-card-image',
-            src: product.featuredImage.url,
-        })
-        : null), createElement('span', { className: 'pm-external-product-card-vendor' }, product.vendor || 'Palluva'), createElement('span', { className: 'pm-external-product-card-title' }, product.title), createElement('span', { className: 'pm-external-product-card-price' }, CurrencyService.format(product.minPrice)
-        ? `From ${CurrencyService.format(product.minPrice)} CAD`
-        : product.productType));
-}

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

@@ -1,11 +0,0 @@
-import type React from 'react';
-import type { ExternalProductData } from '../types.js';
-interface ExternalProductRailProps {
-    activeProductIndex: number;
-    products: ExternalProductData[];
-    onProductChange: (index: number) => void;
-    onScroll?: () => void;
-    railRef?: React.RefObject<HTMLDivElement>;
-}
-export default function ExternalProductRail({ activeProductIndex, onProductChange, onScroll, products, railRef, }: ExternalProductRailProps): any;
-export {};

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

@@ -1,18 +0,0 @@
-import { createElement } from '../../create-element.js';
-import ExternalProductRailItem from './product-rail-item.js';
-export default function ExternalProductRail({ activeProductIndex, onProductChange, onScroll, products, railRef, }) {
-    return createElement('section', {
-        'aria-label': 'Available bedding styles',
-        className: 'pm-external-product-rail',
-    }, createElement('div', {
-        className: 'pm-external-product-grid',
-        onScroll,
-        ref: railRef,
-    }, products.map((product, index) => createElement(ExternalProductRailItem, {
-        index,
-        isActive: index === activeProductIndex,
-        key: product.id,
-        onSelect: onProductChange,
-        product,
-    }))));
-}

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

@@ -1,11 +0,0 @@
-import type { ExternalWallColorData } from '../types.js';
-interface ExternalRoomColorStepProps {
-    activeWallColorHex: string;
-    productTitle: string;
-    productType: string;
-    wallColors: ExternalWallColorData[];
-    onColorChange: (colorHex: string) => void;
-    onContinue: () => void;
-}
-export default function ExternalRoomColorStep({ activeWallColorHex, productTitle, productType, wallColors, onColorChange, onContinue, }: ExternalRoomColorStepProps): any;
-export {};

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

@@ -1,36 +0,0 @@
-import { createElement } from '../../create-element.js';
-export default function ExternalRoomColorStep({ activeWallColorHex, productTitle, productType, wallColors, onColorChange, onContinue, }) {
-    return createElement('section', {
-        className: 'mx-auto flex min-h-[calc(100vh-11rem)] w-full max-w-5xl flex-col justify-center py-8 sm:py-10',
-    }, createElement('div', {
-        className: 'grid gap-10 lg:grid-cols-[minmax(0,0.85fr)_minmax(0,1.15fr)] lg:items-end',
-    }, createElement('div', { className: 'max-w-xl' }, createElement('p', {
-        className: 'text-body-3 uppercase tracking-wide text-grey-dark',
-    }, `${productType} preview`), createElement('h1', {
-        className: 'mt-3 text-header-1 leading-tight text-black',
-    }, 'Start with your room.'), createElement('p', { className: 'mt-4 text-body-2 leading-relaxed text-grey-dark' }, 'Pick the closest wall shade, then preview Pallamart styles in a bedroom setting.')), createElement('div', {
-        className: 'rounded-[28px] border border-grey/15 bg-white p-4 shadow-sm sm:p-5',
-    }, createElement('div', { className: 'grid grid-cols-2 gap-2 sm:grid-cols-3' }, wallColors.map((wallColor) => {
-        const isActive = wallColor.colorHex === activeWallColorHex;
-        return createElement('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',
-            key: wallColor.id,
-            onClick: () => onColorChange(wallColor.colorHex),
-            type: 'button',
-        }, createElement('span', {
-            className: 'h-7 w-7 shrink-0 rounded-full border border-black/10',
-            style: { backgroundColor: wallColor.colorHex },
-        }), createElement('span', {
-            className: 'min-w-0 truncate text-body-3',
-        }, wallColor.label));
-    })))), createElement('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',
-    }, createElement('p', { className: 'min-w-0 truncate text-body-3 text-grey-dark' }, `Previewing ${productTitle}`), createElement('button', {
-        className: 'pallamart-btn-primary sm:min-w-56',
-        onClick: onContinue,
-        type: 'button',
-    }, 'Start preview')));
-}

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

@@ -1,8 +0,0 @@
-import type { ExternalWallColorData } from '../types.js';
-interface ExternalWallColorControlProps {
-    activeWallColorHex: string;
-    wallColors: ExternalWallColorData[];
-    onColorChange: (colorHex: string) => void;
-}
-export default function ExternalWallColorControl({ activeWallColorHex, wallColors, onColorChange, }: ExternalWallColorControlProps): any;
-export {};

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

@@ -1,25 +0,0 @@
-import { createElement } from '../../create-element.js';
-export default function ExternalWallColorControl({ activeWallColorHex, wallColors, onColorChange, }) {
-    const activeLabel = wallColors.find((color) => color.colorHex === activeWallColorHex)?.label ??
-        'Selected';
-    return createElement('div', { className: 'pm-external-room-tone' }, createElement('div', { className: 'pm-external-room-tone-header' }, createElement('span', { className: 'pm-external-room-tone-selected' }, createElement('span', {
-        className: 'pm-external-room-tone-preview',
-        style: { backgroundColor: activeWallColorHex },
-    }), createElement('span', { className: 'pm-external-room-tone-title' }, 'Room color')), createElement('span', { className: 'pm-external-room-tone-value' }, activeLabel)), createElement('div', { className: 'pm-external-room-tone-grid' }, wallColors.map((wallColor) => {
-        const isActive = wallColor.colorHex === activeWallColorHex;
-        return createElement('button', {
-            'aria-label': wallColor.label,
-            'aria-pressed': isActive,
-            className: isActive
-                ? 'pm-external-room-tone-swatch active'
-                : 'pm-external-room-tone-swatch',
-            key: wallColor.id,
-            onClick: () => onColorChange(wallColor.colorHex),
-            title: wallColor.label,
-            type: 'button',
-        }, createElement('span', {
-            className: 'block h-full w-full rounded-full border border-black/10',
-            style: { backgroundColor: wallColor.colorHex },
-        }));
-    })));
-}

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

@@ -1,10 +0,0 @@
-export interface StorefrontFooterNavigationItem {
-    label: string;
-    path: string;
-}
-interface StorefrontFooterProps {
-    items: StorefrontFooterNavigationItem[];
-    websiteUrl: string;
-}
-export default function StorefrontFooter({ items, websiteUrl, }: StorefrontFooterProps): any;
-export {};