@iamsaroj/smart-ui 0.2.0

package/dist/smart-components/page/smart-page-tabs.d.ts

@@ -0,0 +1,93 @@
+import * as React from "react";
+export interface SmartPageTabsProps {
+    /** The value of the tab selected by default (uncontrolled). */
+    defaultValue?: string;
+    /** The controlled active tab value. */
+    value?: string;
+    onValueChange?: (value: string) => void;
+    /**
+     * Render a bottom border on the tab list strip.
+     * @default true
+     */
+    border?: boolean;
+    /**
+     * Visual variant of the tab list.
+     * - `"line"` — underline style (recommended for page-level tabs)
+     * - `"default"` — pill/chip style
+     */
+    variant?: "default" | "line";
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Page-level tab navigation bar.
+ *
+ * Used when a single page exposes multiple views or sub-sections (Overview,
+ * Activity, Settings). The tab list renders as a horizontal strip below the
+ * toolbar; each panel renders its content below the strip.
+ *
+ * Compose with {@link SmartPageTab} (tab triggers) and
+ * {@link SmartPageTabPanel} (tab content panels).
+ *
+ * ## When to use
+ * Use SmartPageTabs for **navigation** between views that share the same URL
+ * context (e.g. a profile page with Overview / Posts / Followers tabs).
+ * For tabs that switch localised UI state within a card, use the
+ * shadcn `Tabs` component directly.
+ *
+ * ## Scroll note
+ * Tab panels participate in the parent's scroll mode. If you need each panel
+ * to scroll independently, wrap content in a `SmartPageContent` inside the panel.
+ *
+ * @example
+ * ```tsx
+ * <SmartPage>
+ *   <SmartPageHeader>
+ *     <SmartPageTitle>Project Alpha</SmartPageTitle>
+ *   </SmartPageHeader>
+ *   <SmartPageTabs defaultValue="overview" variant="line">
+ *     <SmartPageTab value="overview">Overview</SmartPageTab>
+ *     <SmartPageTab value="activity">Activity</SmartPageTab>
+ *     <SmartPageTab value="settings">Settings</SmartPageTab>
+ *     <SmartPageTabPanel value="overview"><OverviewView /></SmartPageTabPanel>
+ *     <SmartPageTabPanel value="activity"><ActivityView /></SmartPageTabPanel>
+ *     <SmartPageTabPanel value="settings"><SettingsView /></SmartPageTabPanel>
+ *   </SmartPageTabs>
+ * </SmartPage>
+ * ```
+ */
+export declare const SmartPageTabs: ({ defaultValue, value, onValueChange, border, variant, className, children, }: SmartPageTabsProps) => import("react/jsx-runtime").JSX.Element;
+export interface SmartPageTabProps {
+    /** Must match the corresponding SmartPageTabPanel value. */
+    value: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * A single tab trigger inside {@link SmartPageTabs}.
+ *
+ * @example
+ * ```tsx
+ * <SmartPageTab value="overview">Overview</SmartPageTab>
+ * ```
+ */
+export declare const SmartPageTab: ({ value, className, children, }: SmartPageTabProps) => import("react/jsx-runtime").JSX.Element;
+export interface SmartPageTabPanelProps {
+    /** Must match the corresponding SmartPageTab value. */
+    value: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Content panel for a tab inside {@link SmartPageTabs}.
+ * Only rendered when its `value` matches the active tab.
+ *
+ * @example
+ * ```tsx
+ * <SmartPageTabPanel value="overview">
+ *   <SmartPageContent><OverviewCards /></SmartPageContent>
+ * </SmartPageTabPanel>
+ * ```
+ */
+export declare const SmartPageTabPanel: ({ value, className, children, }: SmartPageTabPanelProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-page-tabs.d.ts.map

package/dist/smart-components/page/smart-page-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-page-tabs.d.ts","sourceRoot":"","sources":["../../../src/smart-components/page/smart-page-tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,kBAAkB;IACjC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,aAAa,GAAI,+EAQ3B,kBAAkB,4CAgCpB,CACA;AAID,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,GAAI,iCAI1B,iBAAiB,4CAUnB,CACA;AAID,MAAM,WAAW,sBAAsB;IACrC,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,GAAI,iCAI/B,sBAAsB,4CAIxB,CACA"}

package/dist/smart-components/page/smart-page-tabs.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Tabs, TabsList, TabsTrigger, TabsContent, } from "@iamsaroj/smart-ui/components/tabs";
+import { SMART_PAGE_SLOT } from "./smart-page";
+/**
+ * Page-level tab navigation bar.
+ *
+ * Used when a single page exposes multiple views or sub-sections (Overview,
+ * Activity, Settings). The tab list renders as a horizontal strip below the
+ * toolbar; each panel renders its content below the strip.
+ *
+ * Compose with {@link SmartPageTab} (tab triggers) and
+ * {@link SmartPageTabPanel} (tab content panels).
+ *
+ * ## When to use
+ * Use SmartPageTabs for **navigation** between views that share the same URL
+ * context (e.g. a profile page with Overview / Posts / Followers tabs).
+ * For tabs that switch localised UI state within a card, use the
+ * shadcn `Tabs` component directly.
+ *
+ * ## Scroll note
+ * Tab panels participate in the parent's scroll mode. If you need each panel
+ * to scroll independently, wrap content in a `SmartPageContent` inside the panel.
+ *
+ * @example
+ * ```tsx
+ * <SmartPage>
+ *   <SmartPageHeader>
+ *     <SmartPageTitle>Project Alpha</SmartPageTitle>
+ *   </SmartPageHeader>
+ *   <SmartPageTabs defaultValue="overview" variant="line">
+ *     <SmartPageTab value="overview">Overview</SmartPageTab>
+ *     <SmartPageTab value="activity">Activity</SmartPageTab>
+ *     <SmartPageTab value="settings">Settings</SmartPageTab>
+ *     <SmartPageTabPanel value="overview"><OverviewView /></SmartPageTabPanel>
+ *     <SmartPageTabPanel value="activity"><ActivityView /></SmartPageTabPanel>
+ *     <SmartPageTabPanel value="settings"><SettingsView /></SmartPageTabPanel>
+ *   </SmartPageTabs>
+ * </SmartPage>
+ * ```
+ */
+export const SmartPageTabs = ({ defaultValue, value, onValueChange, border = true, variant = "line", className, children, }) => {
+    // Collect SmartPageTab triggers vs SmartPageTabPanel panels from children
+    const triggers = [];
+    const panels = [];
+    React.Children.forEach(children, (child) => {
+        if (!React.isValidElement(child))
+            return;
+        const role = child.type
+            ._smartTabRole;
+        if (role === "tab")
+            triggers.push(child);
+        else if (role === "panel")
+            panels.push(child);
+        else
+            triggers.push(child); // unknown children fall into trigger area
+    });
+    return (_jsxs(Tabs, { defaultValue: defaultValue, value: value, onValueChange: onValueChange, className: cn("flex shrink-0 flex-col", className), children: [_jsx("div", { className: cn("px-4", border && "border-b"), children: _jsx(TabsList, { variant: variant, className: "h-9 gap-0 rounded-none bg-transparent p-0", children: triggers }) }), panels] }));
+};
+SmartPageTabs[SMART_PAGE_SLOT] = "tabs";
+/**
+ * A single tab trigger inside {@link SmartPageTabs}.
+ *
+ * @example
+ * ```tsx
+ * <SmartPageTab value="overview">Overview</SmartPageTab>
+ * ```
+ */
+export const SmartPageTab = ({ value, className, children, }) => (_jsx(TabsTrigger, { value: value, className: cn("h-9 rounded-none border-0 px-4 text-xs font-medium", className), children: children }));
+SmartPageTab._smartTabRole = "tab";
+/**
+ * Content panel for a tab inside {@link SmartPageTabs}.
+ * Only rendered when its `value` matches the active tab.
+ *
+ * @example
+ * ```tsx
+ * <SmartPageTabPanel value="overview">
+ *   <SmartPageContent><OverviewCards /></SmartPageContent>
+ * </SmartPageTabPanel>
+ * ```
+ */
+export const SmartPageTabPanel = ({ value, className, children, }) => (_jsx(TabsContent, { value: value, className: cn("flex-1 outline-none", className), children: children }));
+SmartPageTabPanel._smartTabRole =
+    "panel";
+//# sourceMappingURL=smart-page-tabs.js.map

package/dist/smart-components/page/smart-page-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-page-tabs.js","sourceRoot":"","sources":["../../../src/smart-components/page/smart-page-tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,GACZ,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAyB9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,YAAY,EACZ,KAAK,EACL,aAAa,EACb,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,QAAQ,GACW,EAAE,EAAE;IACvB,0EAA0E;IAC1E,MAAM,QAAQ,GAAsB,EAAE,CAAA;IACtC,MAAM,MAAM,GAAsB,EAAE,CAAA;IAEpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAAE,OAAM;QACxC,MAAM,IAAI,GAAI,KAAK,CAAC,IAA2C;aAC5D,aAAmC,CAAA;QACtC,IAAI,IAAI,KAAK,KAAK;YAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;aACnC,IAAI,IAAI,KAAK,OAAO;YAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;;YACxC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAC,0CAA0C;IACtE,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,MAAC,IAAI,IACH,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,aAElD,cAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,IAAI,UAAU,CAAC,YAC9C,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,2CAA2C,YAEpD,QAAQ,GACA,GACP,EACL,MAAM,IACF,CACR,CAAA;AACH,CAAC,CACA;AAAC,aAAoD,CAAC,eAAe,CAAC,GAAG,MAAM,CAAA;AAWhF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,QAAQ,GACU,EAAE,EAAE,CAAC,CACvB,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,SAAS,CACV,YAEA,QAAQ,GACG,CACf,CACA;AAAC,YAAmD,CAAC,aAAa,GAAG,KAAK,CAAA;AAW3E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,KAAK,EACL,SAAS,EACT,QAAQ,GACe,EAAE,EAAE,CAAC,CAC5B,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YACvE,QAAQ,GACG,CACf,CACA;AAAC,iBAAwD,CAAC,aAAa;IACtE,OAAO,CAAA"}

package/dist/smart-components/page/smart-page.d.ts

@@ -0,0 +1,141 @@
+import * as React from "react";
+import { type PageLayout, type ScrollMode, type PaddingSize } from "./page-context";
+import { SMART_PAGE_SLOT, type PageSlot } from "./slot";
+import { type SmartPageHeaderProps, type SmartPageBreadcrumbItem } from "./smart-page-header";
+export { SMART_PAGE_SLOT, type PageSlot };
+export interface SmartPageProps {
+    /**
+     * Layout preset. Omit to let SmartPage auto-detect from children:
+     * - `SmartGridArea` → `"grid"` (grid fills height, regions sticky)
+     * - `SmartPageHero` → `"dashboard"` (natural page scroll)
+     * - `SmartSidebar` → `"split"` (horizontal split)
+     * - Otherwise → `"document"` (natural flow)
+     */
+    layout?: PageLayout;
+    /**
+     * Override the scroll mode (derived from `layout` by default).
+     *
+     * - `"page"` — outer shell scrolls (default for document/dashboard)
+     * - `"content"` — SmartPageContent scrolls independently
+     * - `"grid"` — grid manages its own scroll (default for grid layout)
+     * - `"none"` — no scroll
+     */
+    scroll?: ScrollMode;
+    /** Stick the header to the top while the page scrolls. */
+    stickyHeader?: boolean;
+    /** Stick the toolbar below the header. */
+    stickyToolbar?: boolean;
+    /** Stick the search bar below the toolbar. */
+    stickySearch?: boolean;
+    /** Stick the filter bar below the search. */
+    stickyFilters?: boolean;
+    /** Stick the status bar above the footer. */
+    stickyStatusBar?: boolean;
+    /** Stick the footer to the bottom. */
+    stickyFooter?: boolean;
+    /**
+     * Stretch the page to fill its parent's height.
+     * Auto-enabled when `scroll` is `"content"` or `"grid"`.
+     */
+    fullHeight?: boolean;
+    /** Remove max-width constraints so content spans edge to edge. */
+    fullWidth?: boolean;
+    /**
+     * Padding applied inside content areas.
+     * `true` → `"md"`, `false` → `"none"`, or an explicit token.
+     */
+    padding?: boolean | PaddingSize;
+    /** Render a visible border around the page container. */
+    bordered?: boolean;
+    /** Render a full-page loading state instead of children. */
+    loading?: boolean;
+    /** Accessible label shown beside the loading indicator. */
+    loadingLabel?: string;
+    /** Render an error state instead of children. Pass `<SmartPageError />` or custom content. */
+    error?: React.ReactNode;
+    /** Render an empty state instead of children. Pass `<SmartPageEmpty />` or custom content. */
+    empty?: React.ReactNode;
+    /** Breadcrumb trail rendered above the title in the auto-rendered header. */
+    breadcrumb?: SmartPageBreadcrumbItem[];
+    /** Page title. A string is styled automatically; pass a node for custom title rows (e.g. a badge beside it). */
+    title?: React.ReactNode;
+    /** Supporting description rendered below the title. */
+    description?: React.ReactNode;
+    /** Right-aligned header action group, on the same row as the title. */
+    actions?: React.ReactNode;
+    /**
+     * Extra props forwarded to the auto-rendered {@link SmartPageHeader} — e.g.
+     * `border` / `compact` styling, or `children` for a custom row below the
+     * flat block. Only applies when a flat header prop is set.
+     */
+    headerProps?: Omit<SmartPageHeaderProps, "breadcrumb" | "title" | "description" | "actions">;
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * SmartPage is the top-level layout engine for any route or view.
+ *
+ * It assembles seven named layout zones (header, toolbar, search, filters,
+ * content / grid, status bar, footer) into one of seven layout presets, manages
+ * scroll containment automatically, and broadcasts configuration to all
+ * descendants via context — so child components self-style without extra props.
+ *
+ * ## Auto-detection
+ * Drop in named slot components and SmartPage configures itself:
+ * ```tsx
+ * // Detected as "grid" layout — grid fills viewport, regions are sticky
+ * <SmartPage>
+ *   <SmartPageHeader>…</SmartPageHeader>
+ *   <SmartToolbar>…</SmartToolbar>
+ *   <SmartGridArea><MyDataGrid /></SmartGridArea>
+ *   <SmartPageFooter>…</SmartPageFooter>
+ * </SmartPage>
+ * ```
+ *
+ * ## Scroll philosophy
+ * Only one element scrolls at a time. The `scroll` prop (or its layout default)
+ * decides which element that is. Nested scrollbars never appear.
+ *
+ * ## States
+ * Pass `loading`, `error`, or `empty` to replace children with the appropriate
+ * full-page state — useful for data-driven views that haven't loaded yet.
+ *
+ * ## Header: flat props vs. composition
+ * For the common case, pass `breadcrumb` / `title` / `description` / `actions`
+ * straight to SmartPage — it renders a {@link SmartPageHeader} for you, so you
+ * never import or nest one. Nesting `<SmartPageHeader>` as a child is still the
+ * escape hatch for full control (custom border/compact, extra rows, …).
+ *
+ * @example Flat header (the common case — no SmartPageHeader import)
+ * ```tsx
+ * <SmartPage
+ *   breadcrumb={[{ label: "Admin", href: "#" }, { label: "Users" }]}
+ *   title="Users"
+ *   description="Manage your organisation's members."
+ *   actions={<Button>Invite user</Button>}
+ * >
+ *   <SmartGridArea>…</SmartGridArea>
+ * </SmartPage>
+ * ```
+ *
+ * @example Dashboard (natural page scroll, no detection needed)
+ * ```tsx
+ * <SmartPage layout="dashboard">
+ *   <SmartPageHero>…</SmartPageHero>
+ *   <SmartPageContent>
+ *     <DashboardCards />
+ *   </SmartPageContent>
+ * </SmartPage>
+ * ```
+ *
+ * @example Split detail (auto-detected from SmartSidebar)
+ * ```tsx
+ * <SmartPage>
+ *   <SmartPageHeader>…</SmartPageHeader>
+ *   <SmartPageContent>Main content</SmartPageContent>
+ *   <SmartSidebar>Right panel</SmartSidebar>
+ * </SmartPage>
+ * ```
+ */
+export declare const SmartPage: ({ layout: layoutProp, scroll: scrollProp, stickyHeader: stickyHeaderProp, stickyToolbar: stickyToolbarProp, stickySearch: stickySearchProp, stickyFilters: stickyFiltersProp, stickyStatusBar: stickyStatusBarProp, stickyFooter: stickyFooterProp, fullHeight: fullHeightProp, fullWidth, padding: paddingProp, bordered, loading, loadingLabel, error, empty, breadcrumb, title, description, actions, headerProps, className, children, }: SmartPageProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-page.d.ts.map

package/dist/smart-components/page/smart-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-page.d.ts","sourceRoot":"","sources":["../../../src/smart-components/page/smart-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,eAAe,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AASvD,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC7B,MAAM,qBAAqB,CAAA;AAO5B,OAAO,EAAE,eAAe,EAAE,KAAK,QAAQ,EAAE,CAAA;AA4JzC,MAAM,WAAW,cAAc;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,UAAU,CAAA;IAEnB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,UAAU,CAAA;IAEnB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sCAAsC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAA;IAE/B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEvB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAOvB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,uBAAuB,EAAE,CAAA;IACtC,gHAAgH;IAChH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,uDAAuD;IACvD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,uEAAuE;IACvE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;;OAIG;IACH,WAAW,CAAC,EAAE,IAAI,CAChB,oBAAoB,EACpB,YAAY,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,CACnD,CAAA;IAED,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,eAAO,MAAM,SAAS,GAAI,8aAwBvB,cAAc,4CAqGhB,CAAA"}

package/dist/smart-components/page/smart-page.js

@@ -0,0 +1,295 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { PageContext, } from "./page-context";
+import { SMART_PAGE_SLOT } from "./slot";
+import { StandardLayout } from "./layouts/standard-layout";
+import { SplitLayout } from "./layouts/split-layout";
+import { PageLoadingState, PageErrorState, PageEmptyState, } from "./layouts/page-states";
+import { SmartPageHeader, } from "./smart-page-header";
+// ─── Slot Detection ────────────────────────────────────────────────────────────
+// `SMART_PAGE_SLOT` and `PageSlot` are re-exported here for backwards
+// compatibility — they live in the dependency-free `./slot` leaf so this module
+// can import a slot component (SmartPageHeader) without a circular import.
+export { SMART_PAGE_SLOT };
+const collectSlots = (children) => {
+    const b = {
+        header: [],
+        hero: [],
+        toolbar: [],
+        search: [],
+        filters: [],
+        tabs: [],
+        content: [],
+        sidebar: [],
+        gridArea: [],
+        statusBar: [],
+        footer: [],
+        body: [],
+    };
+    React.Children.forEach(children, (child) => {
+        if (!React.isValidElement(child)) {
+            b.body.push(child);
+            return;
+        }
+        const slot = child.type[SMART_PAGE_SLOT];
+        switch (slot) {
+            case "header":
+                b.header.push(child);
+                break;
+            case "hero":
+                b.hero.push(child);
+                break;
+            case "toolbar":
+                b.toolbar.push(child);
+                break;
+            case "search":
+                b.search.push(child);
+                break;
+            case "filters":
+                b.filters.push(child);
+                break;
+            case "tabs":
+                b.tabs.push(child);
+                break;
+            case "content":
+                b.content.push(child);
+                break;
+            case "sidebar":
+                b.sidebar.push(child);
+                break;
+            case "grid-area":
+                b.gridArea.push(child);
+                break;
+            case "status-bar":
+                b.statusBar.push(child);
+                break;
+            case "footer":
+                b.footer.push(child);
+                break;
+            default:
+                b.body.push(child);
+                break;
+        }
+    });
+    return b;
+};
+const detectLayout = (b) => {
+    if (b.gridArea.length > 0)
+        return "grid";
+    if (b.hero.length > 0)
+        return "dashboard";
+    if (b.sidebar.length > 0)
+        return "split";
+    return "document";
+};
+const LAYOUT_DEFAULTS = {
+    document: {
+        scroll: "page",
+        padding: "md",
+        stickyHeader: false,
+        stickyToolbar: false,
+        stickySearch: false,
+        stickyFilters: false,
+        stickyStatusBar: false,
+        stickyFooter: false,
+    },
+    grid: {
+        scroll: "grid",
+        padding: "none",
+        stickyHeader: true,
+        stickyToolbar: true,
+        stickySearch: true,
+        stickyFilters: true,
+        stickyStatusBar: true,
+        stickyFooter: true,
+    },
+    dashboard: {
+        scroll: "page",
+        padding: "md",
+        stickyHeader: false,
+        stickyToolbar: false,
+        stickySearch: false,
+        stickyFilters: false,
+        stickyStatusBar: false,
+        stickyFooter: false,
+    },
+    split: {
+        scroll: "content",
+        padding: "none",
+        stickyHeader: true,
+        stickyToolbar: false,
+        stickySearch: false,
+        stickyFilters: false,
+        stickyStatusBar: false,
+        stickyFooter: false,
+    },
+    fullscreen: {
+        scroll: "none",
+        padding: "none",
+        stickyHeader: false,
+        stickyToolbar: false,
+        stickySearch: false,
+        stickyFilters: false,
+        stickyStatusBar: false,
+        stickyFooter: false,
+    },
+    wizard: {
+        scroll: "content",
+        padding: "md",
+        stickyHeader: true,
+        stickyToolbar: false,
+        stickySearch: false,
+        stickyFilters: false,
+        stickyStatusBar: false,
+        stickyFooter: true,
+    },
+    detail: {
+        scroll: "content",
+        padding: "md",
+        stickyHeader: true,
+        stickyToolbar: false,
+        stickySearch: false,
+        stickyFilters: false,
+        stickyStatusBar: false,
+        stickyFooter: false,
+    },
+};
+// ─── Component ─────────────────────────────────────────────────────────────────
+/**
+ * SmartPage is the top-level layout engine for any route or view.
+ *
+ * It assembles seven named layout zones (header, toolbar, search, filters,
+ * content / grid, status bar, footer) into one of seven layout presets, manages
+ * scroll containment automatically, and broadcasts configuration to all
+ * descendants via context — so child components self-style without extra props.
+ *
+ * ## Auto-detection
+ * Drop in named slot components and SmartPage configures itself:
+ * ```tsx
+ * // Detected as "grid" layout — grid fills viewport, regions are sticky
+ * <SmartPage>
+ *   <SmartPageHeader>…</SmartPageHeader>
+ *   <SmartToolbar>…</SmartToolbar>
+ *   <SmartGridArea><MyDataGrid /></SmartGridArea>
+ *   <SmartPageFooter>…</SmartPageFooter>
+ * </SmartPage>
+ * ```
+ *
+ * ## Scroll philosophy
+ * Only one element scrolls at a time. The `scroll` prop (or its layout default)
+ * decides which element that is. Nested scrollbars never appear.
+ *
+ * ## States
+ * Pass `loading`, `error`, or `empty` to replace children with the appropriate
+ * full-page state — useful for data-driven views that haven't loaded yet.
+ *
+ * ## Header: flat props vs. composition
+ * For the common case, pass `breadcrumb` / `title` / `description` / `actions`
+ * straight to SmartPage — it renders a {@link SmartPageHeader} for you, so you
+ * never import or nest one. Nesting `<SmartPageHeader>` as a child is still the
+ * escape hatch for full control (custom border/compact, extra rows, …).
+ *
+ * @example Flat header (the common case — no SmartPageHeader import)
+ * ```tsx
+ * <SmartPage
+ *   breadcrumb={[{ label: "Admin", href: "#" }, { label: "Users" }]}
+ *   title="Users"
+ *   description="Manage your organisation's members."
+ *   actions={<Button>Invite user</Button>}
+ * >
+ *   <SmartGridArea>…</SmartGridArea>
+ * </SmartPage>
+ * ```
+ *
+ * @example Dashboard (natural page scroll, no detection needed)
+ * ```tsx
+ * <SmartPage layout="dashboard">
+ *   <SmartPageHero>…</SmartPageHero>
+ *   <SmartPageContent>
+ *     <DashboardCards />
+ *   </SmartPageContent>
+ * </SmartPage>
+ * ```
+ *
+ * @example Split detail (auto-detected from SmartSidebar)
+ * ```tsx
+ * <SmartPage>
+ *   <SmartPageHeader>…</SmartPageHeader>
+ *   <SmartPageContent>Main content</SmartPageContent>
+ *   <SmartSidebar>Right panel</SmartSidebar>
+ * </SmartPage>
+ * ```
+ */
+export const SmartPage = ({ layout: layoutProp, scroll: scrollProp, stickyHeader: stickyHeaderProp, stickyToolbar: stickyToolbarProp, stickySearch: stickySearchProp, stickyFilters: stickyFiltersProp, stickyStatusBar: stickyStatusBarProp, stickyFooter: stickyFooterProp, fullHeight: fullHeightProp, fullWidth = false, padding: paddingProp, bordered = false, loading = false, loadingLabel, error, empty, breadcrumb, title, description, actions, headerProps, className, children, }) => {
+    const buckets = React.useMemo(() => collectSlots(children), [children]);
+    // Flat header props render a SmartPageHeader for the consumer and slot it
+    // ahead of any composed header children (the escape hatch).
+    const hasFlatHeader = (breadcrumb?.length ?? 0) > 0 ||
+        title != null ||
+        description != null ||
+        actions != null;
+    const resolvedBuckets = React.useMemo(() => {
+        if (!hasFlatHeader)
+            return buckets;
+        const flatHeader = (_jsx(SmartPageHeader, { breadcrumb: breadcrumb, title: title, description: description, actions: actions, ...headerProps }, "__smart-page-flat-header"));
+        return { ...buckets, header: [flatHeader, ...buckets.header] };
+    }, [
+        buckets,
+        hasFlatHeader,
+        breadcrumb,
+        title,
+        description,
+        actions,
+        headerProps,
+    ]);
+    const layout = layoutProp ?? detectLayout(resolvedBuckets);
+    const defaults = LAYOUT_DEFAULTS[layout];
+    const scroll = scrollProp ?? defaults.scroll;
+    const stickyHeader = stickyHeaderProp ?? defaults.stickyHeader;
+    const stickyToolbar = stickyToolbarProp ?? defaults.stickyToolbar;
+    const stickySearch = stickySearchProp ?? defaults.stickySearch;
+    const stickyFilters = stickyFiltersProp ?? defaults.stickyFilters;
+    const stickyStatusBar = stickyStatusBarProp ?? defaults.stickyStatusBar;
+    const stickyFooter = stickyFooterProp ?? defaults.stickyFooter;
+    const padding = paddingProp === true
+        ? "md"
+        : paddingProp === false
+            ? "none"
+            : (paddingProp ?? defaults.padding);
+    const isContained = scroll === "content" || scroll === "grid";
+    const fullHeight = fullHeightProp ?? isContained;
+    const ctx = {
+        layout,
+        scroll,
+        padding,
+        stickyHeader,
+        stickyToolbar,
+        stickySearch,
+        stickyFilters,
+        stickyStatusBar,
+        stickyFooter,
+        fullWidth,
+        bordered,
+    };
+    const pageClasses = cn("flex flex-col", isContained && "overflow-hidden", fullHeight && "min-h-0 flex-1", !isContained && "min-h-full", bordered && "rounded-lg border", className);
+    let content;
+    if (loading) {
+        content = _jsx(PageLoadingState, { label: loadingLabel });
+    }
+    else if (error) {
+        content = _jsx(PageErrorState, { children: error });
+    }
+    else if (empty) {
+        content = _jsx(PageEmptyState, { children: empty });
+    }
+    else if (layout === "split") {
+        content = (_jsx(SplitLayout, { buckets: resolvedBuckets, scroll: scroll, ctx: ctx }));
+    }
+    else {
+        content = (_jsx(StandardLayout, { buckets: resolvedBuckets, scroll: scroll, ctx: ctx }));
+    }
+    return (_jsx(PageContext.Provider, { value: ctx, children: _jsx("div", { className: pageClasses, children: content }) }));
+};
+//# sourceMappingURL=smart-page.js.map

package/dist/smart-components/page/smart-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-page.js","sourceRoot":"","sources":["../../../src/smart-components/page/smart-page.tsx"],"names":[],"mappings":"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"}