react-component-kit-ui 0.0.0-stage → 0.1.0

package/dist/types/components/lib/templates/ecommerce/StoreCategoryPage.d.ts

@@ -0,0 +1,28 @@
+import { type StoreConfig, type StoreRoutes } from './data';
+import './StoreCategoryPage.css';
+/**
+ * StoreCategoryPage — E-commerce template catalogue: breadcrumb, category chips, toolbar
+ * with live count + sort, FilterSidebar and ProductGrid (instant client-side filtering).
+ *
+ * Usage (app/shop/page.tsx, Next.js):
+ *   import { StoreCategoryPage } from 'react-component-kit-ui/templates/ecommerce';
+ *   <StoreCategoryPage />
+ * Category links use `?category=<id>`; pass `category` to build one static page per category.
+ *
+ * @param {StoreConfig} store - Catalogue and settings. Default: demo store.
+ * @param {StoreRoutes} routes - Page URLs.
+ * @param {string} category - Pre-selected category id (optional).
+ * @param {boolean} seedCart - Pre-fill the cart with demo items. Default false.
+ * @param {string} theme - Initial theme (dark|light|auto). Default 'dark'.
+ * @param {boolean} noindex - Add robots noindex. Default false.
+ */
+export interface StoreCategoryPageProps {
+    store?: StoreConfig;
+    routes?: StoreRoutes;
+    category?: string;
+    seedCart?: boolean;
+    noindex?: boolean;
+    theme?: 'dark' | 'light' | 'auto';
+}
+export declare function StoreCategoryPage({ store, routes, category, seedCart, noindex, theme }: StoreCategoryPageProps): import("react").JSX.Element;
+export default StoreCategoryPage;

package/dist/types/components/lib/templates/ecommerce/StoreCheckoutPage.d.ts

@@ -0,0 +1,25 @@
+import { type StoreConfig, type StoreRoutes } from './data';
+import './StoreCheckoutPage.css';
+/**
+ * StoreCheckoutPage — E-commerce template checkout in focus mode: StepBreadcrumbBar,
+ * CheckoutForm (contact, delivery, shipping, payment) and a live OrderSummary.
+ *
+ * Usage (app/checkout/page.tsx, Next.js):
+ *   import { StoreCheckoutPage } from 'react-component-kit-ui/templates/ecommerce';
+ *   <StoreCheckoutPage />
+ *
+ * @param {StoreConfig} store - Catalogue and settings. Default: demo store.
+ * @param {StoreRoutes} routes - Page URLs.
+ * @param {boolean} seedCart - Pre-fill the cart with demo items. Default false.
+ * @param {string} theme - Initial theme (dark|light|auto). Default 'dark'.
+ * @param {boolean} noindex - Add robots noindex. Default true (checkout pages should not be indexed).
+ */
+export interface StoreCheckoutPageProps {
+    store?: StoreConfig;
+    routes?: StoreRoutes;
+    seedCart?: boolean;
+    noindex?: boolean;
+    theme?: 'dark' | 'light' | 'auto';
+}
+export declare function StoreCheckoutPage({ store, routes, seedCart, noindex, theme }: StoreCheckoutPageProps): import("react").JSX.Element;
+export default StoreCheckoutPage;

package/dist/types/components/lib/templates/ecommerce/StoreHomePage.d.ts

@@ -0,0 +1,25 @@
+import { type StoreConfig, type StoreRoutes } from './data';
+import './StoreHomePage.css';
+/**
+ * StoreHomePage — E-commerce template home: hero, guarantees, categories, best sellers,
+ * editorial banner, new arrivals, press logos and newsletter.
+ *
+ * Usage (app/page.tsx, Next.js):
+ *   import { StoreHomePage } from 'react-component-kit-ui/templates/ecommerce';
+ *   <StoreHomePage />
+ *
+ * @param {StoreConfig} store - Catalogue and settings. Default: demo store.
+ * @param {StoreRoutes} routes - Page URLs. Default: '/', '/shop/', '/product/', '/checkout/'.
+ * @param {boolean} seedCart - Pre-fill the cart with demo items. Default false.
+ * @param {string} theme - Initial theme (dark|light|auto). Default 'dark'.
+ * @param {boolean} noindex - Add robots noindex. Default false.
+ */
+export interface StoreHomePageProps {
+    store?: StoreConfig;
+    routes?: StoreRoutes;
+    seedCart?: boolean;
+    noindex?: boolean;
+    theme?: 'dark' | 'light' | 'auto';
+}
+export declare function StoreHomePage({ store, routes, seedCart, noindex, theme }: StoreHomePageProps): import("react").JSX.Element;
+export default StoreHomePage;

package/dist/types/components/lib/templates/ecommerce/StoreLayout.d.ts

@@ -0,0 +1,41 @@
+import type { ReactNode } from 'react';
+import '../../../../styles/global.css';
+import { type StoreConfig, type StoreRoutes } from './data';
+import './StoreLayout.css';
+/**
+ * StoreLayout — Full HTML document for the e-commerce template: promo bar, StoreHeader with
+ * category menu, CartDrawer, main content slot and FooterMegaSection.
+ *
+ * @param {string} title - Page title (store name is appended).
+ * @param {string} description - Meta description.
+ * @param {StoreConfig} store - Catalogue and settings. Default: the demo store.
+ * @param {StoreRoutes} routes - Page URLs. Default: '/', '/shop/', '/product/', '/checkout/'.
+ * @param {string} currentHref - Highlights the matching menu link.
+ * @param {boolean} seedCart - Pre-fill an empty cart with two demo items (previews only). Default false.
+ * @param {boolean} noindex - Add robots noindex (previews, staging). Default false.
+ * @param {boolean} minimal - Hide promo bar and menu (checkout focus mode). Default false.
+ * @param {string} lang - Document language. Default 'en'.
+ * @param {string} theme - Initial theme (dark|light|auto). The header toggle overrides it per visitor. Default 'dark'.
+ * @param {boolean} liveActivity - Show rotating recent-purchase notices (store.recentBuyers). Default false.
+ * @param {boolean} themeToggle - Show the light/dark toggle in the header. Default true.
+ *
+ * Slots: default (page content), `head` (extra tags in <head>).
+ */
+export interface StoreLayoutProps {
+    title: string;
+    description?: string;
+    store?: StoreConfig;
+    routes?: StoreRoutes;
+    currentHref?: string;
+    seedCart?: boolean;
+    noindex?: boolean;
+    minimal?: boolean;
+    lang?: string;
+    theme?: 'dark' | 'light' | 'auto';
+    themeToggle?: boolean;
+    liveActivity?: boolean;
+    children?: ReactNode;
+    head?: ReactNode;
+}
+export declare function StoreLayout({ title, description, store, routes, currentHref, seedCart, noindex, minimal, lang, theme, themeToggle, liveActivity, children, head }: StoreLayoutProps): import("react").JSX.Element;
+export default StoreLayout;

package/dist/types/components/lib/templates/ecommerce/StoreProductPage.d.ts

@@ -0,0 +1,28 @@
+import { type StoreConfig, type StoreRoutes } from './data';
+import './StoreProductPage.css';
+/**
+ * StoreProductPage — E-commerce template product detail: breadcrumb, ProductGallery,
+ * ProductBuyBox, reviews summary and related products.
+ *
+ * Usage (app/product/[slug]/page.tsx, Next.js):
+ *   import { StoreProductPage, demoStore } from 'react-component-kit-ui/templates/ecommerce';
+ *   export const generateStaticParams = () => demoStore.products.map((p) => ({ slug: p.slug }));
+ *   <StoreProductPage slug={(await params).slug} />
+ *
+ * @param {string} slug - Product slug to show. Default: first product.
+ * @param {StoreConfig} store - Catalogue and settings. Default: demo store.
+ * @param {StoreRoutes} routes - Page URLs.
+ * @param {boolean} seedCart - Pre-fill the cart with demo items. Default false.
+ * @param {string} theme - Initial theme (dark|light|auto). Default 'dark'.
+ * @param {boolean} noindex - Add robots noindex. Default false.
+ */
+export interface StoreProductPageProps {
+    slug?: string;
+    store?: StoreConfig;
+    routes?: StoreRoutes;
+    seedCart?: boolean;
+    noindex?: boolean;
+    theme?: 'dark' | 'light' | 'auto';
+}
+export declare function StoreProductPage({ slug, store, routes, seedCart, noindex, theme }: StoreProductPageProps): import("react").JSX.Element;
+export default StoreProductPage;

package/dist/types/components/lib/templates/ecommerce/data.d.ts

@@ -0,0 +1,49 @@
+import type { Product, ShippingRate, StoreCategory } from '../../ecommerce/types';
+export interface StoreRoutes {
+    /** Store home. */
+    home: string;
+    /** Catalogue / category page. Category links add `?category=<id>`. */
+    shop: string;
+    /** Product URL prefix — product pages live at `${product}${slug}/`. */
+    product: string;
+    /** Checkout page. */
+    checkout: string;
+}
+export interface StoreConfig {
+    name: string;
+    tagline: string;
+    currency: string;
+    locale: string;
+    cartKey: string;
+    freeShippingThreshold: number;
+    taxRate: number;
+    promoCodes: Record<string, number>;
+    promoMessages: string[];
+    shippingRates: ShippingRate[];
+    categories: StoreCategory[];
+    products: Product[];
+    /** Recent purchases shown by LiveActivityToast (product = slug). */
+    recentBuyers: Array<{
+        name: string;
+        city: string;
+        product: string;
+        ago: string;
+    }>;
+    /** Product slugs featured on the home page. */
+    bestSellers: string[];
+    newArrivals: string[];
+    footer: Array<{
+        title: string;
+        links: Array<{
+            label: string;
+            href: string;
+        }>;
+    }>;
+}
+export declare const defaultRoutes: StoreRoutes;
+export declare const demoStore: StoreConfig;
+/** Helpers shared by the template pages. */
+export declare function productHref(routes: StoreRoutes, slug: string): string;
+export declare function categoryHref(routes: StoreRoutes, id?: string): string;
+export declare function categoryNames(store: StoreConfig): Record<string, string>;
+export declare function pickProducts(store: StoreConfig, slugs: string[]): Product[];

package/dist/types/components/lib/templates/ecommerce/index.d.ts

@@ -0,0 +1,7 @@
+export { default as StoreLayout } from './StoreLayout';
+export { default as StoreHomePage } from './StoreHomePage';
+export { default as StoreCategoryPage } from './StoreCategoryPage';
+export { default as StoreProductPage } from './StoreProductPage';
+export { default as StoreCheckoutPage } from './StoreCheckoutPage';
+export { demoStore, defaultRoutes, productHref, categoryHref, categoryNames, pickProducts } from './data';
+export type { StoreConfig, StoreRoutes } from './data';

package/dist/types/components/lib/templates/ecommerce-editorial/EditorialBagPage.d.ts

@@ -0,0 +1,25 @@
+import { type EditorialStore, type EditorialRoutes } from './data';
+import './EditorialBagPage.css';
+/**
+ * EditorialBagPage — Full shopping-bag page (CartPageList) with gift note and summary,
+ * followed by a "You may also like" ShopProductRail.
+ *
+ * Usage (app/bag/page.tsx, Next.js):
+ *   import { EditorialBagPage } from 'react-component-kit-ui/templates/ecommerce-editorial';
+ *   <EditorialBagPage />
+ *
+ * @param {EditorialStore} store - Catalogue and settings.
+ * @param {EditorialRoutes} routes - Page URLs.
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ * @param {boolean} seedCart - Pre-fill the bag with demo items. Default false.
+ * @param {boolean} noindex - Add robots noindex. Default true (bag pages should not be indexed).
+ */
+export interface EditorialBagPageProps {
+    store?: EditorialStore;
+    routes?: EditorialRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+    seedCart?: boolean;
+    noindex?: boolean;
+}
+export declare function EditorialBagPage({ store, routes, theme, seedCart, noindex }: EditorialBagPageProps): import("react").JSX.Element;
+export default EditorialBagPage;

package/dist/types/components/lib/templates/ecommerce-editorial/EditorialCheckoutPage.d.ts

@@ -0,0 +1,25 @@
+import { type EditorialStore, type EditorialRoutes } from './data';
+import './EditorialCheckoutPage.css';
+/**
+ * EditorialCheckoutPage — Split-screen checkout in focus mode: CheckoutForm on the paper side,
+ * a full-height tinted panel with OrderSummary (promo codes, shipping, total) on the other.
+ *
+ * Usage (app/checkout/page.tsx, Next.js):
+ *   import { EditorialCheckoutPage } from 'react-component-kit-ui/templates/ecommerce-editorial';
+ *   <EditorialCheckoutPage />
+ *
+ * @param {EditorialStore} store - Catalogue and settings.
+ * @param {EditorialRoutes} routes - Page URLs.
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ * @param {boolean} seedCart - Pre-fill the bag with demo items. Default false.
+ * @param {boolean} noindex - Add robots noindex. Default true.
+ */
+export interface EditorialCheckoutPageProps {
+    store?: EditorialStore;
+    routes?: EditorialRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+    seedCart?: boolean;
+    noindex?: boolean;
+}
+export declare function EditorialCheckoutPage({ store, routes, theme, seedCart, noindex }: EditorialCheckoutPageProps): import("react").JSX.Element;
+export default EditorialCheckoutPage;

package/dist/types/components/lib/templates/ecommerce-editorial/EditorialHomePage.d.ts

@@ -0,0 +1,25 @@
+import { type EditorialStore, type EditorialRoutes } from './data';
+import './EditorialHomePage.css';
+/**
+ * EditorialHomePage — Editorial store home: magazine hero with ticker, collection mosaic,
+ * new-in product rail, shoppable lookbook, values marquee, reviews and newsletter.
+ *
+ * Usage (app/page.tsx, Next.js):
+ *   import { EditorialHomePage } from 'react-component-kit-ui/templates/ecommerce-editorial';
+ *   <EditorialHomePage />
+ *
+ * @param {EditorialStore} store - Catalogue and settings. Default: Forma demo store.
+ * @param {EditorialRoutes} routes - Page URLs.
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ * @param {boolean} seedCart - Pre-fill the bag with demo items. Default false.
+ * @param {boolean} noindex - Add robots noindex. Default false.
+ */
+export interface EditorialHomePageProps {
+    store?: EditorialStore;
+    routes?: EditorialRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+    seedCart?: boolean;
+    noindex?: boolean;
+}
+export declare function EditorialHomePage({ store, routes, theme, seedCart, noindex }: EditorialHomePageProps): import("react").JSX.Element;
+export default EditorialHomePage;

package/dist/types/components/lib/templates/ecommerce-editorial/EditorialLayout.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+import '../../../../styles/global.css';
+import { type EditorialStore, type EditorialRoutes } from './data';
+import './EditorialLayout.css';
+/**
+ * EditorialLayout — Full HTML document for the editorial e-commerce template: ShopHeaderEditorial
+ * with mega menu, main slot, ShopFooterWordmark and CartToast. Owns the "Forma" look through
+ * design tokens: serif display font, square corners, terracotta accent, light + dark palettes.
+ *
+ * @param {string} title - Page title (store name is appended).
+ * @param {string} description - Meta description.
+ * @param {EditorialStore} store - Catalogue and settings. Default: Forma demo store.
+ * @param {EditorialRoutes} routes - Page URLs.
+ * @param {string} currentHref - Highlights the matching menu link.
+ * @param {string} theme - Initial theme (light|dark|auto). The header toggle overrides it per visitor. Default 'light'.
+ * @param {boolean} seedCart - Pre-fill an empty bag with demo items (previews only). Default false.
+ * @param {boolean} noindex - Add robots noindex. Default false.
+ * @param {boolean} minimal - Hide the menu and footer columns (checkout focus mode). Default false.
+ * @param {string} lang - Document language. Default 'en'.
+ */
+export interface EditorialLayoutProps {
+    title: string;
+    description?: string;
+    store?: EditorialStore;
+    routes?: EditorialRoutes;
+    currentHref?: string;
+    theme?: 'light' | 'dark' | 'auto';
+    seedCart?: boolean;
+    noindex?: boolean;
+    minimal?: boolean;
+    lang?: string;
+    children?: ReactNode;
+    head?: ReactNode;
+}
+export declare function EditorialLayout({ title, description, store, routes, currentHref, theme, seedCart, noindex, minimal, lang, children, head }: EditorialLayoutProps): import("react").JSX.Element;
+export default EditorialLayout;

package/dist/types/components/lib/templates/ecommerce-editorial/EditorialProductPage.d.ts

@@ -0,0 +1,29 @@
+import { type EditorialStore, type EditorialRoutes } from './data';
+import './EditorialProductPage.css';
+/**
+ * EditorialProductPage — Editorial product detail: stacked full-bleed images on the left, a sticky
+ * info column (VariantPicker colour + size, add to bag, StockIndicator, size guide and care notes),
+ * then "Complete the look" (ShopProductRail) and reviews (ShopReviewsEditorial).
+ *
+ * Usage (app/product/[slug]/page.tsx, Next.js):
+ *   import { EditorialProductPage, formaStore } from 'react-component-kit-ui/templates/ecommerce-editorial';
+ *   export const generateStaticParams = () => formaStore.products.map((p) => ({ slug: p.slug }));
+ *   <EditorialProductPage slug={(await params).slug} />
+ *
+ * @param {string} slug - Product slug. Default: first product.
+ * @param {EditorialStore} store - Catalogue and settings.
+ * @param {EditorialRoutes} routes - Page URLs.
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ * @param {boolean} seedCart - Pre-fill the bag with demo items. Default false.
+ * @param {boolean} noindex - Add robots noindex. Default false.
+ */
+export interface EditorialProductPageProps {
+    slug?: string;
+    store?: EditorialStore;
+    routes?: EditorialRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+    seedCart?: boolean;
+    noindex?: boolean;
+}
+export declare function EditorialProductPage({ slug, store, routes, theme, seedCart, noindex }: EditorialProductPageProps): import("react").JSX.Element;
+export default EditorialProductPage;

package/dist/types/components/lib/templates/ecommerce-editorial/EditorialShopPage.d.ts

@@ -0,0 +1,28 @@
+import { type EditorialStore, type EditorialRoutes } from './data';
+import './EditorialShopPage.css';
+/**
+ * EditorialShopPage — Editorial catalogue: ShopCategoryHero, sticky FilterBar (chips, refine
+ * panel, sort, live count) and a grid of ProductCardMinimal with quick add.
+ *
+ * Usage (app/shop/page.tsx, Next.js):
+ *   import { EditorialShopPage } from 'react-component-kit-ui/templates/ecommerce-editorial';
+ *   <EditorialShopPage />
+ * Category links use `?category=<id>`; pass `category` to build one static page per category.
+ *
+ * @param {EditorialStore} store - Catalogue and settings.
+ * @param {EditorialRoutes} routes - Page URLs.
+ * @param {string} category - Pre-selected category id.
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ * @param {boolean} seedCart - Pre-fill the bag with demo items. Default false.
+ * @param {boolean} noindex - Add robots noindex. Default false.
+ */
+export interface EditorialShopPageProps {
+    store?: EditorialStore;
+    routes?: EditorialRoutes;
+    category?: string;
+    theme?: 'light' | 'dark' | 'auto';
+    seedCart?: boolean;
+    noindex?: boolean;
+}
+export declare function EditorialShopPage({ store, routes, category, theme, seedCart, noindex }: EditorialShopPageProps): import("react").JSX.Element;
+export default EditorialShopPage;

package/dist/types/components/lib/templates/ecommerce-editorial/data.d.ts

@@ -0,0 +1,50 @@
+import type { Product, ShippingRate, StoreCategory } from '../../ecommerce/types';
+export interface EditorialRoutes {
+    home: string;
+    shop: string;
+    /** Product URL prefix — pages live at `${product}${slug}/`. */
+    product: string;
+    bag: string;
+    checkout: string;
+}
+export interface EditorialStore {
+    name: string;
+    tagline: string;
+    announcement: string;
+    currency: string;
+    locale: string;
+    cartKey: string;
+    freeShippingThreshold: number;
+    shippingFlat: number;
+    taxRate: number;
+    promoCodes: Record<string, number>;
+    shippingRates: ShippingRate[];
+    categories: StoreCategory[];
+    products: Product[];
+    newIn: string[];
+    look: Array<{
+        slug: string;
+        x: number;
+        y: number;
+    }>;
+    reviews: Array<{
+        quote: string;
+        name: string;
+        place?: string;
+        product?: string;
+        rating?: number;
+    }>;
+    values: Array<{
+        title: string;
+        text: string;
+    }>;
+    contact: {
+        title: string;
+        lines: string[];
+    };
+}
+export declare const editorialRoutes: EditorialRoutes;
+export declare const formaStore: EditorialStore;
+export declare const editorialProductHref: (routes: EditorialRoutes, slug: string) => string;
+export declare const editorialCategoryHref: (routes: EditorialRoutes, id?: string) => string;
+export declare const pickEditorial: (store: EditorialStore, slugs: string[]) => Product[];

package/dist/types/components/lib/templates/ecommerce-editorial/index.d.ts

@@ -0,0 +1,8 @@
+export { default as EditorialLayout } from './EditorialLayout';
+export { default as EditorialHomePage } from './EditorialHomePage';
+export { default as EditorialShopPage } from './EditorialShopPage';
+export { default as EditorialProductPage } from './EditorialProductPage';
+export { default as EditorialBagPage } from './EditorialBagPage';
+export { default as EditorialCheckoutPage } from './EditorialCheckoutPage';
+export { formaStore, editorialRoutes, editorialProductHref, editorialCategoryHref, pickEditorial } from './data';
+export type { EditorialStore, EditorialRoutes } from './data';

package/dist/types/components/lib/templates/saas-hotel/AppLayout.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from 'react';
+import '../../../../styles/global.css';
+import './lobby-theme.css';
+import { type LobbyData, type SaasRoutes } from './data';
+/**
+ * AppLayout — Full HTML document for the hotel SaaS app: AppSidebar + AppTopbar + content area.
+ * Owns the "Lobby" look through tokens (cobalt accent, slate surfaces) with light and dark palettes.
+ *
+ * @param {string} title - Page title (product name is appended).
+ * @param {string} description - Meta description.
+ * @param {string} current - Active route key (dashboard|reservations|rooms|guests|reports|settings).
+ * @param {LobbyData} data - Demo/workspace data. Default: Hotel Mirador.
+ * @param {SaasRoutes} routes - Page URLs.
+ * @param {string} theme - Initial theme (light|dark|auto). The topbar toggle overrides it. Default 'light'.
+ * @param {boolean} noindex - Add robots noindex. Default true (app pages are private).
+ * @param {string} lang - Document language. Default 'en'.
+ */
+export interface AppLayoutProps {
+    title: string;
+    description?: string;
+    current?: 'dashboard' | 'reservations' | 'rooms' | 'guests' | 'reports' | 'settings';
+    data?: LobbyData;
+    routes?: SaasRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+    noindex?: boolean;
+    lang?: string;
+    children?: ReactNode;
+}
+export declare function AppLayout({ title, description, current, data, routes, theme, noindex, lang, children }: AppLayoutProps): import("react").JSX.Element;
+export default AppLayout;

package/dist/types/components/lib/templates/saas-hotel/DashboardPage.d.ts

@@ -0,0 +1,20 @@
+import { type LobbyData, type SaasRoutes } from './data';
+/**
+ * DashboardPage — Hotel SaaS overview: KPI tiles, revenue mix, tonight's occupancy gauge,
+ * front-desk arrivals/departures, booking channels, occupancy by room type and live activity.
+ *
+ * Usage (app/app/page.tsx, Next.js):
+ *   import { DashboardPage } from 'react-component-kit-ui/templates/saas-hotel';
+ *   <DashboardPage />
+ *
+ * @param {LobbyData} data - Workspace data. Default: Hotel Mirador demo.
+ * @param {SaasRoutes} routes - Page URLs.
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ */
+export interface DashboardPageProps {
+    data?: LobbyData;
+    routes?: SaasRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+}
+export declare function DashboardPage({ data, routes, theme }: DashboardPageProps): import("react").JSX.Element;
+export default DashboardPage;

package/dist/types/components/lib/templates/saas-hotel/GuestsPage.d.ts

@@ -0,0 +1,20 @@
+import { type LobbyData, type SaasRoutes } from './data';
+/**
+ * GuestsPage — Guest CRM: searchable guest table (tier, stays, lifetime spend, tags) next to a
+ * guest profile with contact, stats, preferences, upcoming stay and staff notes.
+ *
+ * Usage (app/app/guests/page.tsx, Next.js):
+ *   import { GuestsPage } from 'react-component-kit-ui/templates/saas-hotel';
+ *   <GuestsPage />
+ *
+ * @param {LobbyData} data - Workspace data.
+ * @param {SaasRoutes} routes - Page URLs.
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ */
+export interface GuestsPageProps {
+    data?: LobbyData;
+    routes?: SaasRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+}
+export declare function GuestsPage({ data, routes, theme }: GuestsPageProps): import("react").JSX.Element;
+export default GuestsPage;

package/dist/types/components/lib/templates/saas-hotel/LandingPage.d.ts

@@ -0,0 +1,24 @@
+import '../../../../styles/global.css';
+import './lobby-theme.css';
+import { type SaasRoutes } from './data';
+import './LandingPage.css';
+/**
+ * LandingPage — Marketing site for the hotel SaaS: navbar, dashboard hero, customer logos,
+ * features, how it works, stats, pricing with monthly/yearly toggle, testimonials, FAQ and footer.
+ * Built entirely from existing library sections, themed with the Lobby tokens.
+ *
+ * Usage (app/page.tsx, Next.js):
+ *   import { LandingPage } from 'react-component-kit-ui/templates/saas-hotel';
+ *   <LandingPage />
+ *
+ * @param {SaasRoutes} routes - Page URLs.
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ * @param {boolean} noindex - Add robots noindex. Default false.
+ */
+export interface LandingPageProps {
+    routes?: SaasRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+    noindex?: boolean;
+}
+export declare function LandingPage({ routes, theme, noindex }: LandingPageProps): import("react").JSX.Element;
+export default LandingPage;

package/dist/types/components/lib/templates/saas-hotel/ReportsPage.d.ts

@@ -0,0 +1,20 @@
+import { type LobbyData, type SaasRoutes } from './data';
+/**
+ * ReportsPage — Revenue management reports: occupancy forecast with confidence band, booking
+ * pace heatmap, direct-booking funnel, guest segments, ADR by channel and month-over-month deltas.
+ *
+ * Usage (app/app/reports/page.tsx, Next.js):
+ *   import { ReportsPage } from 'react-component-kit-ui/templates/saas-hotel';
+ *   <ReportsPage />
+ *
+ * @param {LobbyData} data - Workspace data.
+ * @param {SaasRoutes} routes - Page URLs.
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ */
+export interface ReportsPageProps {
+    data?: LobbyData;
+    routes?: SaasRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+}
+export declare function ReportsPage({ data, routes, theme }: ReportsPageProps): import("react").JSX.Element;
+export default ReportsPage;

package/dist/types/components/lib/templates/saas-hotel/ReservationsPage.d.ts

@@ -0,0 +1,20 @@
+import { type LobbyData, type SaasRoutes } from './data';
+/**
+ * ReservationsPage — Room rack (tape chart) for the next two weeks plus a searchable, sortable
+ * reservations table with status filters, bulk actions and pagination.
+ *
+ * Usage (app/app/reservations/page.tsx, Next.js):
+ *   import { ReservationsPage } from 'react-component-kit-ui/templates/saas-hotel';
+ *   <ReservationsPage />
+ *
+ * @param {LobbyData} data - Workspace data.
+ * @param {SaasRoutes} routes - Page URLs.
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ */
+export interface ReservationsPageProps {
+    data?: LobbyData;
+    routes?: SaasRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+}
+export declare function ReservationsPage({ data, routes, theme }: ReservationsPageProps): import("react").JSX.Element;
+export default ReservationsPage;

package/dist/types/components/lib/templates/saas-hotel/RoomsPage.d.ts

@@ -0,0 +1,20 @@
+import { type LobbyData, type SaasRoutes } from './data';
+/**
+ * RoomsPage — Housekeeping and room status: status KPI tiles, inventory by room type and the
+ * interactive HousekeepingBoard grouped by floor.
+ *
+ * Usage (app/app/rooms/page.tsx, Next.js):
+ *   import { RoomsPage } from 'react-component-kit-ui/templates/saas-hotel';
+ *   <RoomsPage />
+ *
+ * @param {LobbyData} data - Workspace data.
+ * @param {SaasRoutes} routes - Page URLs.
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ */
+export interface RoomsPageProps {
+    data?: LobbyData;
+    routes?: SaasRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+}
+export declare function RoomsPage({ data, routes, theme }: RoomsPageProps): import("react").JSX.Element;
+export default RoomsPage;

package/dist/types/components/lib/templates/saas-hotel/SettingsPage.d.ts

@@ -0,0 +1,21 @@
+import { type LobbyData, type SaasRoutes } from './data';
+import './SettingsPage.css';
+/**
+ * SettingsPage — Account & workspace settings: profile, property details, notification switches,
+ * team management with roles and invites, and plan usage / billing.
+ *
+ * Usage (app/app/settings/page.tsx, Next.js):
+ *   import { SettingsPage } from 'react-component-kit-ui/templates/saas-hotel';
+ *   <SettingsPage />
+ *
+ * @param {LobbyData} data - Workspace data.
+ * @param {SaasRoutes} routes - Page URLs.
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ */
+export interface SettingsPageProps {
+    data?: LobbyData;
+    routes?: SaasRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+}
+export declare function SettingsPage({ data, routes, theme }: SettingsPageProps): import("react").JSX.Element;
+export default SettingsPage;