@pallamart/pm-core-components 1.0.0

package/LICENSE

@@ -0,0 +1,32 @@
+Pallamart Proprietary License
+
+Version 1.0, 23-Jan-2024
+
+1. Grant of License:
+   Pallamart grants you a non-exclusive, non-transferable, revocable license to use the software, solely for internal business purposes.
+
+2. Restrictions:
+   You may not:
+   a. Distribute or sublicense the software to third parties.
+   b. Reverse engineer, decompile, or disassemble the software.
+   c. Remove or alter any proprietary notices or labels on the software.
+
+3. Ownership:
+   Pallamart retains all right, title, and interest in and to the software, including all intellectual property rights.
+
+4. Confidentiality:
+   You agree to keep the software confidential and not disclose it to third parties.
+
+5. Support and Updates:
+   This license does not entitle you to support or updates. Pallamart may, at its discretion, provide support and updates.
+
+6. Termination:
+   This license is effective until terminated. Pallamart may terminate the license at any time if you breach any terms. Upon termination, you must cease using the software.
+
+7. Governing Law:
+   This license is governed by the Canadian Laws. Any disputes arising out of this license shall be resolved in the courts of Canada.
+
+8. Contact Information:
+   For inquiries regarding this license, contact operations@pallamart.com.
+
+[End of License]

package/README.md

@@ -0,0 +1,21 @@
+# @pallamart/pm-core-components
+
+Pallamart shared React components.
+
+## Development
+
+Use Node.js from `.nvmrc`, then install dependencies:
+
+```sh
+npm install
+```
+
+Available checks:
+
+```sh
+npm run build
+npm run format:check
+npm run lint
+```
+
+The package is published from `dist/`. Source code lives in `src/`; do not edit generated output directly.

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

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

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,25 @@
+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

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

package/dist/external/storefront-footer.js

@@ -0,0 +1,12 @@
+import { UrlService } from '@pallamart/pm-utilities';
+import { createElement } from '../create-element.js';
+export default function StorefrontFooter({ items, websiteUrl, }) {
+    const websiteBaseUrl = UrlService.trimTrailingSlash(websiteUrl);
+    return createElement('footer', { className: 'mt-auto border-t border-grey/15 py-5' }, createElement('div', {
+        className: 'flex flex-wrap items-center justify-between gap-x-4 gap-y-3 text-body-3 text-grey-dark',
+    }, createElement('p', null, 'Simple Things, Better Living'), createElement('nav', { className: 'flex flex-wrap items-center gap-x-4 gap-y-2' }, items.map((item) => createElement('a', {
+        className: 'hover:text-black',
+        href: UrlService.join(websiteBaseUrl, item.path),
+        key: item.path,
+    }, item.label)))));
+}

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

@@ -0,0 +1,5 @@
+interface StorefrontHeaderProps {
+    websiteUrl: string;
+}
+export default function StorefrontHeader({ websiteUrl }: StorefrontHeaderProps): any;
+export {};

package/dist/external/storefront-header.js

@@ -0,0 +1,27 @@
+import { UrlService } from '@pallamart/pm-utilities';
+import { createElement } from '../create-element.js';
+export default function StorefrontHeader({ websiteUrl }) {
+    const websiteBaseUrl = UrlService.trimTrailingSlash(websiteUrl);
+    const bedsheetsUrl = UrlService.join(websiteBaseUrl, '/collections/bedsheets');
+    return createElement('header', { className: 'py-5 sm:py-7' }, createElement('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',
+    }, createElement('a', {
+        'aria-label': 'Pallamart home',
+        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,
+    }, createElement('img', {
+        alt: 'Pallamart logo',
+        className: 'h-8 w-auto object-contain transition-opacity group-hover:opacity-80 sm:h-9',
+        src: '/logo/svg/logo-512x.svg',
+    }), createElement('span', {
+        className: 'truncate text-body-2 text-black transition-colors group-hover:text-primary',
+    }, 'Try It Out')), createElement('nav', {
+        className: 'flex min-w-0 items-center justify-end gap-1 text-body-2 text-black sm:gap-2',
+    }, createElement('a', {
+        className: 'hidden rounded-full px-4 py-2 transition-colors hover:bg-grey-light hover:text-primary sm:inline-flex',
+        href: websiteBaseUrl,
+    }, 'Pallamart'), createElement('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: bedsheetsUrl,
+    }, 'Shop bedding'))));
+}

package/dist/external/types.d.ts

@@ -0,0 +1,27 @@
+export interface ExternalProductImageData {
+    url: string;
+    altText: string | null;
+}
+export interface ExternalProductPriceData {
+    amount: string;
+    currencyCode: string;
+}
+export interface ExternalProductData {
+    id: string;
+    handle: string;
+    publishedAt: string | null;
+    title: string;
+    description: string;
+    descriptionHtml: string;
+    productType: string;
+    vendor: string;
+    tags: string[];
+    featuredImage: ExternalProductImageData | null;
+    minPrice: ExternalProductPriceData | null;
+    maxPrice: ExternalProductPriceData | null;
+}
+export interface ExternalWallColorData {
+    id: string;
+    label: string;
+    colorHex: string;
+}

package/dist/external/types.js

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

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+export { default as DotLoader } from './loaders/dot-loader.js';
+export { default as InlineLoader } from './loaders/inline-loader.js';
+export { default as MicrosoftAuthButton } from './auth/microsoft-auth-button.js';
+export { default as NotFoundUI } from './root/not-found-ui.js';
+export { default as RootErrorUI } from './root/root-error-ui.js';
+export { Alert, AlertDescription, AlertTitle } from './ui/alert.js';
+export { Avatar, AvatarFallback, AvatarImage } from './ui/avatar.js';
+export { AppHeader } from './ui/app-header.js';
+export { Badge } from './ui/badge.js';
+export { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbSeparator, } from './ui/breadcrumb.js';
+export { Button, buttonVariants } from './ui/button.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from './ui/card.js';
+export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, } from './ui/dialog.js';
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from './ui/dropdown-menu.js';
+export { Empty, EmptyDescription, EmptyPanel, EmptyTitle } from './ui/empty.js';
+export { Checkbox, DatePicker, Field, Input, Label, Radio, RadioGroup, Select, Switch, Textarea, } from './ui/form.js';
+export { FilePicker } from './ui/file-picker.js';
+export { IconButton } from './ui/icon-button.js';
+export { AspectRatio, ButtonGroup, Kbd, Pagination, PaginationContent, PaginationItem, StatusPanel, } from './ui/misc.js';
+export { Popover, PopoverContent, PopoverTrigger } from './ui/popover.js';
+export { Progress } from './ui/progress.js';
+export { Separator } from './ui/separator.js';
+export { Skeleton } from './ui/skeleton.js';
+export { Spinner } from './ui/spinner.js';
+export { TabsList, TabsTrigger } from './ui/tabs.js';
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from './ui/table.js';
+export { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip.js';

package/dist/index.js

@@ -0,0 +1,27 @@
+export { default as DotLoader } from './loaders/dot-loader.js';
+export { default as InlineLoader } from './loaders/inline-loader.js';
+export { default as MicrosoftAuthButton } from './auth/microsoft-auth-button.js';
+export { default as NotFoundUI } from './root/not-found-ui.js';
+export { default as RootErrorUI } from './root/root-error-ui.js';
+export { Alert, AlertDescription, AlertTitle } from './ui/alert.js';
+export { Avatar, AvatarFallback, AvatarImage } from './ui/avatar.js';
+export { AppHeader } from './ui/app-header.js';
+export { Badge } from './ui/badge.js';
+export { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbSeparator, } from './ui/breadcrumb.js';
+export { Button, buttonVariants } from './ui/button.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from './ui/card.js';
+export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, } from './ui/dialog.js';
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from './ui/dropdown-menu.js';
+export { Empty, EmptyDescription, EmptyPanel, EmptyTitle } from './ui/empty.js';
+export { Checkbox, DatePicker, Field, Input, Label, Radio, RadioGroup, Select, Switch, Textarea, } from './ui/form.js';
+export { FilePicker } from './ui/file-picker.js';
+export { IconButton } from './ui/icon-button.js';
+export { AspectRatio, ButtonGroup, Kbd, Pagination, PaginationContent, PaginationItem, StatusPanel, } from './ui/misc.js';
+export { Popover, PopoverContent, PopoverTrigger } from './ui/popover.js';
+export { Progress } from './ui/progress.js';
+export { Separator } from './ui/separator.js';
+export { Skeleton } from './ui/skeleton.js';
+export { Spinner } from './ui/spinner.js';
+export { TabsList, TabsTrigger } from './ui/tabs.js';
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from './ui/table.js';
+export { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip.js';

package/dist/loaders/dot-loader.d.ts

@@ -0,0 +1 @@
+export default function DotLoader(): any;

package/dist/loaders/dot-loader.js

@@ -0,0 +1,7 @@
+import { createElement } from '../create-element.js';
+export default function DotLoader() {
+    return createElement('span', {
+        className: 'block h-4 w-4 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent',
+        'aria-hidden': 'true',
+    });
+}

package/dist/loaders/inline-loader.d.ts

@@ -0,0 +1,5 @@
+interface InlineLoaderProps {
+    label?: string;
+}
+export default function InlineLoader(props: InlineLoaderProps): any;
+export {};

package/dist/loaders/inline-loader.js

@@ -0,0 +1,10 @@
+import { createElement } from '../create-element.js';
+import DotLoader from './dot-loader.js';
+export default function InlineLoader(props) {
+    return createElement('div', {
+        className: 'mt-4 flex items-center gap-4 text-body-3 text-muted-foreground',
+        'aria-live': 'polite',
+    }, createElement('span', {
+        className: 'inline-flex h-7 w-10 shrink-0 items-center justify-center',
+    }, createElement(DotLoader, null)), createElement('span', { className: 'min-w-0 leading-relaxed' }, props.label ?? 'Generating images...'));
+}

package/dist/root/not-found-ui.d.ts

@@ -0,0 +1,5 @@
+interface NotFoundUIProps {
+    homePath?: string;
+}
+export default function NotFoundUI(props: NotFoundUIProps): any;
+export {};

package/dist/root/not-found-ui.js

@@ -0,0 +1,25 @@
+import { createElement } from '../create-element.js';
+export default function NotFoundUI(props) {
+    return createElement('section', {
+        className: 'flex min-h-[55vh] w-full items-center justify-center px-4 py-10 sm:px-6',
+    }, createElement('div', {
+        className: 'w-full max-w-xl text-card-foreground',
+    }, createElement('p', { className: 'text-body-3 text-muted-foreground' }, '404'), createElement('h1', { className: 'mt-2 text-header-2 tracking-tight text-card-foreground' }, 'This page does not exist'), createElement('p', {
+        className: 'mt-3 max-w-xl text-body-3 leading-6 text-muted-foreground',
+    }, 'The page you are looking for does not exist or may have moved.'), createElement('div', {
+        className: 'mt-6 flex flex-col gap-3 sm:flex-row',
+    }, createElement('a', {
+        id: 'go-to-home-link',
+        href: props.homePath ?? '/',
+        'aria-label': 'Go to Home',
+        className: 'inline-flex h-10 w-full items-center justify-center rounded-md bg-primary px-4 py-2 text-body-3 text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring sm:w-auto',
+    }, 'Go to Home'), createElement('button', {
+        id: 'go-back-button',
+        type: 'button',
+        className: 'inline-flex h-10 w-full items-center justify-center 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 sm:w-auto',
+        'aria-label': 'Go Back',
+        onClick: () => {
+            window.history.back();
+        },
+    }, 'Go Back'))));
+}

package/dist/root/root-error-ui.d.ts

@@ -0,0 +1,7 @@
+interface RootErrorUIProps {
+    code: number;
+    homePath?: string;
+    message: string;
+}
+export default function RootErrorUI(props: RootErrorUIProps): any;
+export {};

package/dist/root/root-error-ui.js

@@ -0,0 +1,28 @@
+import { createElement } from '../create-element.js';
+export default function RootErrorUI(props) {
+    const refresh = () => {
+        window.location.reload();
+    };
+    return createElement('section', {
+        className: 'flex min-h-[55vh] w-full items-center justify-center px-4 py-10 sm:px-6',
+    }, createElement('div', {
+        className: 'w-full max-w-xl text-card-foreground',
+    }, createElement('p', { className: 'text-body-3 text-muted-foreground' }, `Error ${props.code}`), createElement('h1', { className: 'mt-2 text-header-2 tracking-tight text-card-foreground' }, 'Unable to load this screen'), createElement('p', {
+        className: 'mt-3 max-w-xl text-body-3 leading-6 text-muted-foreground',
+    }, props.message ||
+        'Refresh the page. If it keeps happening, return home and try again.'), createElement('div', {
+        className: 'mt-6 flex flex-col gap-3 sm:flex-row',
+    }, createElement('button', {
+        id: 'refresh-button',
+        type: 'button',
+        onClick: refresh,
+        className: 'inline-flex h-10 w-full items-center justify-center rounded-md bg-primary px-4 py-2 text-body-3 text-primary-foreground shadow-sm transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring sm:w-auto',
+    }, 'Refresh'), createElement('button', {
+        id: 'go-home-button',
+        type: 'button',
+        onClick: () => {
+            window.location.assign(props.homePath ?? '/');
+        },
+        className: 'inline-flex h-10 w-full items-center justify-center 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 sm:w-auto',
+    }, 'Go to Home'))));
+}

package/dist/ui/alert.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+type AlertVariant = 'default' | 'destructive' | 'success';
+export declare function Alert({ className, variant, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    variant?: AlertVariant;
+}): any;
+export declare function AlertTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): any;
+export declare function AlertDescription({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): any;
+export {};