@mohasinac/appkit 2.1.3 → 2.2.0

package/dist/features/admin/components/AdminFilterBar.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "@mohasinac/appkit/ui";
+export function AdminFilterBar({ children, columns = 3, className = "", withCard = true, deferred = false, onApply, onReset, pendingCount = 0, labels = { apply: "Apply", reset: "Reset" }, themeConfig = { cardPadding: "p-4", flexEnd: "flex justify-end" }, }) {
+    const gridCols = {
+        1: "grid-cols-1",
+        2: "grid-cols-1 md:grid-cols-2",
+        3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-4",
+        4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4",
+    };
+    const innerContent = (_jsxs(_Fragment, { children: [_jsx("div", { className: `grid ${gridCols[columns]} gap-4`, children: children }), deferred && (_jsxs("div", { className: `${themeConfig.flexEnd} gap-2 mt-3`, children: [pendingCount > 0 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: onReset, children: labels.reset })), _jsx(Button, { variant: "primary", size: "sm", onClick: onApply, children: pendingCount > 0
+                            ? `${labels.applyCount || labels.apply} (${pendingCount})`
+                            : labels.apply })] }))] }));
+    // If Card component is provided in config, use it; otherwise wrap in plain div
+    if (withCard && themeConfig.Card) {
+        return (_jsx(themeConfig.Card, { className: `${themeConfig.cardPadding} ${className}`, children: innerContent }));
+    }
+    if (!withCard)
+        return _jsx("div", { className: className, children: innerContent });
+    // Fallback: render as plain div if no Card provided but withCard=true
+    return (_jsx("div", { className: `${themeConfig.cardPadding} ${className}`, children: innerContent }));
+}

package/dist/features/admin/components/AdminMediaView.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { SlottedListingViewProps } from "../../../ui";
+export interface AdminMediaViewProps extends SlottedListingViewProps {
+    /** @deprecated Use `overlays` instead. */
+    renderDrawer?: () => React.ReactNode;
+    /** @deprecated Use `overlays` instead. */
+    renderModal?: () => React.ReactNode;
+}
+export declare function AdminMediaView({ renderDrawer, renderModal, overlays, ...props }: AdminMediaViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminMediaView.js

@@ -0,0 +1,5 @@
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { SlottedListingView } from "../../../ui";
+export function AdminMediaView({ renderDrawer, renderModal, overlays, ...props }) {
+    return (_jsx(SlottedListingView, { portal: "admin", ...props, overlays: _jsxs(_Fragment, { children: [overlays, renderDrawer?.(), renderModal?.()] }) }));
+}

package/dist/features/admin/components/AdminNavigationView.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { SlottedListingViewProps } from "../../../ui";
+export interface AdminNavigationViewProps extends SlottedListingViewProps {
+    /** @deprecated Use `overlays` instead. */
+    renderDrawer?: () => React.ReactNode;
+    /** @deprecated Use `overlays` instead. */
+    renderModal?: () => React.ReactNode;
+}
+export declare function AdminNavigationView({ renderDrawer, renderModal, overlays, ...props }: AdminNavigationViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminNavigationView.js

@@ -0,0 +1,5 @@
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { SlottedListingView } from "../../../ui";
+export function AdminNavigationView({ renderDrawer, renderModal, overlays, ...props }) {
+    return (_jsx(SlottedListingView, { portal: "admin", ...props, overlays: _jsxs(_Fragment, { children: [overlays, renderDrawer?.(), renderModal?.()] }) }));
+}

package/dist/features/admin/components/AdminOrdersView.d.ts

@@ -0,0 +1,4 @@
+import type { ListingViewShellProps } from "../../../ui";
+export interface AdminOrdersViewProps extends ListingViewShellProps {
+}
+export declare function AdminOrdersView(props: AdminOrdersViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminOrdersView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListingViewShell } from "../../../ui";
+export function AdminOrdersView(props) {
+    return _jsx(ListingViewShell, { portal: "admin", ...props });
+}

package/dist/features/admin/components/AdminPageHeader.d.ts

@@ -0,0 +1,53 @@
+/**
+ * AdminPageHeader Component
+ *
+ * Standardized page header for admin pages with optional action button,
+ * breadcrumb navigation, and badge/description support.
+ *
+ * Styling (gradient, typography classes) is injected via the `themeConfig` prop.
+ *
+ * @example
+ * ```tsx
+ * <AdminPageHeader
+ *   title="User Management"
+ *   subtitle="Manage user accounts and permissions"
+ *   actionLabel="Add User"
+ *   onAction={() => setShowUserDrawer(true)}
+ *   themeConfig={{
+ *     gradient: "bg-gradient-to-r from-blue-50 to-blue-100",
+ *     titleClass: "text-3xl font-bold",
+ *     subtitleClass: "text-lg text-gray-600"
+ *   }}
+ * />
+ * ```
+ */
+interface PageHeaderBreadcrumb {
+    label: string;
+    href?: string;
+}
+interface PageHeaderThemeConfig {
+    gradient?: string;
+    titleClass?: string;
+    subtitleClass?: string;
+    spacingClass?: string;
+    TextLink?: React.ComponentType<{
+        href: string;
+        className?: string;
+        children: React.ReactNode;
+    }>;
+}
+export interface AdminPageHeaderProps {
+    title: string;
+    subtitle?: string;
+    description?: string;
+    badge?: React.ReactNode;
+    breadcrumb?: PageHeaderBreadcrumb[];
+    actionLabel?: string;
+    onAction?: () => void;
+    actionIcon?: React.ReactNode;
+    actionDisabled?: boolean;
+    className?: string;
+    themeConfig?: PageHeaderThemeConfig;
+}
+export declare function AdminPageHeader({ title, subtitle, description, badge, breadcrumb, actionLabel, onAction, actionIcon, actionDisabled, className, themeConfig, }: AdminPageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/admin/components/AdminPageHeader.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Heading, Nav, Text, Span, Button, Row } from "@mohasinac/appkit/ui";
+import { ChevronRight } from "lucide-react";
+export function AdminPageHeader({ title, subtitle, description, badge, breadcrumb, actionLabel, onAction, actionIcon, actionDisabled = false, className = "", themeConfig = {
+    gradient: "bg-blue-50",
+    titleClass: "text-3xl font-bold",
+    subtitleClass: "text-lg text-gray-700",
+    spacingClass: "space-y-1",
+}, }) {
+    return (_jsxs("div", { className: `${themeConfig.gradient} p-6 ${className}`, children: [breadcrumb && breadcrumb.length > 0 && (_jsx(Nav, { "aria-label": "Breadcrumb", className: "mb-3 flex items-center gap-1 text-sm text-zinc-500 dark:text-zinc-400", children: breadcrumb.map((crumb, index) => (_jsxs(Span, { className: "flex items-center gap-1", children: [index > 0 && _jsx(ChevronRight, { className: "w-3 h-3 flex-shrink-0" }), crumb.href && themeConfig.TextLink ? (_jsx(themeConfig.TextLink, { href: crumb.href, className: "hover:text-zinc-700 dark:hover:text-zinc-200 transition-colors", children: crumb.label })) : (_jsx(Span, { className: "text-zinc-700 dark:text-zinc-200 font-medium", children: crumb.label }))] }, index))) })), _jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4", children: [_jsxs("div", { className: themeConfig.spacingClass, children: [_jsxs(Row, { gap: "sm", wrap: true, children: [_jsx(Heading, { level: 2, className: themeConfig.titleClass, children: title }), badge && _jsx(Span, { className: "flex-shrink-0", children: badge })] }), subtitle && (_jsx(Text, { className: themeConfig.subtitleClass, children: subtitle })), description && (_jsx(Text, { className: "text-sm text-zinc-500 dark:text-zinc-400 mt-1", children: description }))] }), actionLabel && onAction && (_jsxs(Button, { variant: "primary", onClick: onAction, disabled: actionDisabled, className: "flex-shrink-0", children: [actionIcon, actionLabel] }))] })] }));
+}

package/dist/features/admin/components/AdminPayoutsView.d.ts

@@ -0,0 +1,4 @@
+import type { ListingViewShellProps } from "../../../ui";
+export interface AdminPayoutsViewProps extends ListingViewShellProps {
+}
+export declare function AdminPayoutsView(props: AdminPayoutsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminPayoutsView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListingViewShell } from "../../../ui";
+export function AdminPayoutsView(props) {
+    return _jsx(ListingViewShell, { portal: "admin", ...props });
+}

package/dist/features/admin/components/AdminProductsView.d.ts

@@ -0,0 +1,4 @@
+import type { ListingViewShellProps } from "../../../ui";
+export interface AdminProductsViewProps extends ListingViewShellProps {
+}
+export declare function AdminProductsView(props: AdminProductsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminProductsView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListingViewShell } from "../../../ui";
+export function AdminProductsView(props) {
+    return _jsx(ListingViewShell, { portal: "admin", ...props });
+}

package/dist/features/admin/components/AdminReviewsView.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ListingViewShellProps } from "../../../ui";
+export interface AdminReviewsViewProps extends ListingViewShellProps {
+    /** @deprecated Use `detailView` instead. */
+    renderDetailView?: () => React.ReactNode;
+}
+export declare function AdminReviewsView({ renderDetailView, ...props }: AdminReviewsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminReviewsView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListingViewShell } from "../../../ui";
+export function AdminReviewsView({ renderDetailView, ...props }) {
+    return _jsx(ListingViewShell, { portal: "admin", ...props, detailView: renderDetailView?.() });
+}

package/dist/features/admin/components/AdminSectionsView.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { SlottedListingViewProps } from "../../../ui";
+export interface AdminSectionsViewProps extends SlottedListingViewProps {
+    /** @deprecated Use `overlays` instead. */
+    renderDrawer?: () => React.ReactNode;
+    /** @deprecated Use `overlays` instead. */
+    renderModal?: () => React.ReactNode;
+}
+export declare function AdminSectionsView({ renderDrawer, renderModal, overlays, ...props }: AdminSectionsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminSectionsView.js

@@ -0,0 +1,5 @@
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { SlottedListingView } from "../../../ui";
+export function AdminSectionsView({ renderDrawer, renderModal, overlays, ...props }) {
+    return (_jsx(SlottedListingView, { portal: "admin", ...props, overlays: _jsxs(_Fragment, { children: [overlays, renderDrawer?.(), renderModal?.()] }) }));
+}

package/dist/features/admin/components/AdminSessionsManager.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface AdminSessionsManagerProps {
+    renderHeader?: () => React.ReactNode;
+    renderStats: () => React.ReactNode;
+    renderTable: () => React.ReactNode;
+    renderConfirmModal?: () => React.ReactNode;
+    className?: string;
+}
+export declare function AdminSessionsManager({ renderHeader, renderStats, renderTable, renderConfirmModal, className, }: AdminSessionsManagerProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminSessionsManager.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function AdminSessionsManager({ renderHeader, renderStats, renderTable, renderConfirmModal, className = "", }) {
+    return (_jsxs("div", { className: `space-y-6 ${className}`, children: [renderHeader?.(), renderStats(), renderTable(), renderConfirmModal?.()] }));
+}

package/dist/features/admin/components/AdminSidebar.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface AdminSidebarProps {
+    renderNavItems?: (activePath: string) => React.ReactNode;
+    renderHeader?: () => React.ReactNode;
+    renderFooter?: () => React.ReactNode;
+    activePath?: string;
+    className?: string;
+}
+export declare function AdminSidebar({ renderNavItems, renderHeader, renderFooter, activePath, className, }: AdminSidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminSidebar.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Nav } from "../../../ui";
+export function AdminSidebar({ renderNavItems, renderHeader, renderFooter, activePath = "", className = "", }) {
+    return (_jsxs(Nav, { "aria-label": "Admin sidebar", className: className, children: [renderHeader?.(), renderNavItems?.(activePath), renderFooter?.()] }));
+}

package/dist/features/admin/components/AdminSiteView.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { StackedViewShellProps } from "../../../ui";
+export interface AdminSiteViewProps extends Omit<StackedViewShellProps, "sections"> {
+    labels?: {
+        title?: string;
+    };
+    renderTabs?: () => React.ReactNode;
+    renderForm?: () => React.ReactNode;
+}
+export declare function AdminSiteView({ labels, renderTabs, renderForm, ...rest }: AdminSiteViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminSiteView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StackedViewShell } from "../../../ui";
+export function AdminSiteView({ labels = {}, renderTabs, renderForm, ...rest }) {
+    return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: labels.title, sections: [renderTabs?.(), renderForm?.()] }));
+}

package/dist/features/admin/components/AdminStoresView.d.ts

@@ -0,0 +1,4 @@
+import type { ListingViewShellProps } from "../../../ui";
+export interface AdminStoresViewProps extends ListingViewShellProps {
+}
+export declare function AdminStoresView(props: AdminStoresViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminStoresView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListingViewShell } from "../../../ui";
+export function AdminStoresView(props) {
+    return _jsx(ListingViewShell, { portal: "admin", ...props });
+}

package/dist/features/admin/components/AdminTopBar.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface AdminTopBarProps {
+    renderLeft?: () => React.ReactNode;
+    renderRight?: () => React.ReactNode;
+    renderSearch?: (value: string, onChange: (v: string) => void) => React.ReactNode;
+    className?: string;
+}
+export declare function AdminTopBar({ renderLeft, renderRight, renderSearch, className }: AdminTopBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminTopBar.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Div } from "../../../ui";
+export function AdminTopBar({ renderLeft, renderRight, renderSearch, className = "" }) {
+    const [search, setSearch] = React.useState("");
+    return (_jsxs(Div, { className: className, children: [renderLeft?.(), renderSearch?.(search, setSearch), renderRight?.()] }));
+}

package/dist/features/admin/components/AdminUsersView.d.ts

@@ -0,0 +1,4 @@
+import type { ListingViewShellProps } from "../../../ui";
+export interface AdminUsersViewProps extends ListingViewShellProps {
+}
+export declare function AdminUsersView(props: AdminUsersViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/AdminUsersView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListingViewShell } from "../../../ui";
+export function AdminUsersView(props) {
+    return _jsx(ListingViewShell, { portal: "admin", ...props });
+}

package/dist/features/admin/components/DashboardStats.d.ts

@@ -0,0 +1,8 @@
+import type { DashboardStats } from "../types";
+interface DashboardStatsGridProps {
+    stats: DashboardStats;
+    isLoading?: boolean;
+    labels?: Partial<Record<keyof DashboardStats | string, string>>;
+}
+export declare function DashboardStatsGrid({ stats, isLoading, labels, }: DashboardStatsGridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/admin/components/DashboardStats.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Text, Grid } from "../../../ui";
+import { formatCurrency } from "../../../utils/number.formatter";
+import { getDefaultCurrency } from "../../../core/baseline-resolver";
+function StatCard({ label, value, sub, color = "default" }) {
+    const colorClass = {
+        default: "bg-white",
+        blue: "bg-blue-50",
+        green: "bg-green-50",
+        amber: "bg-amber-50",
+        red: "bg-red-50",
+    }[color];
+    return (_jsxs(Div, { className: `rounded-xl border border-neutral-200 p-5 ${colorClass}`, children: [_jsx(Text, { className: "text-xs font-medium uppercase tracking-wide text-neutral-500", children: label }), _jsx(Text, { className: "mt-2 text-2xl font-bold text-neutral-900", children: value }), sub && _jsx(Text, { className: "mt-1 text-xs text-neutral-500", children: sub })] }));
+}
+export function DashboardStatsGrid({ stats, isLoading, labels = {}, }) {
+    if (isLoading) {
+        return (_jsx(Grid, { cols: "statTiles", children: Array.from({ length: 4 }).map((_, i) => (_jsxs(Div, { className: "animate-pulse rounded-xl border border-neutral-200 p-5", children: [_jsx(Div, { className: "h-3 w-20 rounded bg-neutral-200" }), _jsx(Div, { className: "mt-2 h-8 w-24 rounded bg-neutral-200" })] }, i))) }));
+    }
+    const currency = stats.currency ?? getDefaultCurrency();
+    return (_jsxs(Grid, { cols: "statTiles", children: [_jsx(StatCard, { label: labels.totalOrders ?? "Total Orders", value: stats.totalOrders ?? 0 }), _jsx(StatCard, { label: labels.totalRevenue ?? "Total Revenue", value: formatCurrency(stats.totalRevenue ?? 0, currency), color: "green" }), _jsx(StatCard, { label: labels.totalUsers ?? "Total Users", value: stats.totalUsers ?? 0, color: "blue" }), _jsx(StatCard, { label: labels.totalProducts ?? "Total Products", value: stats.totalProducts ?? 0 }), stats.pendingOrders !== undefined && (_jsx(StatCard, { label: labels.pendingOrders ?? "Pending Orders", value: stats.pendingOrders, color: "amber" })), stats.pendingReviews !== undefined && (_jsx(StatCard, { label: labels.pendingReviews ?? "Pending Reviews", value: stats.pendingReviews, color: "amber" }))] }));
+}

package/dist/features/admin/components/DataTable.d.ts

@@ -0,0 +1,19 @@
+import type { AdminTableColumn } from "../types";
+interface DataTableProps<T extends {
+    id: string;
+}> {
+    columns: AdminTableColumn<T>[];
+    rows: T[];
+    isLoading?: boolean;
+    sortKey?: string;
+    sortDir?: "asc" | "desc";
+    onSort?: (key: string) => void;
+    totalPages?: number;
+    currentPage?: number;
+    onPageChange?: (page: number) => void;
+    emptyLabel?: string;
+}
+export declare function DataTable<T extends {
+    id: string;
+}>({ columns, rows, isLoading, sortKey, sortDir, onSort, totalPages, currentPage, onPageChange, emptyLabel, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/admin/components/DataTable.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Div, Span } from "../../../ui";
+export function DataTable({ columns, rows, isLoading, sortKey, sortDir, onSort, totalPages = 1, currentPage = 1, onPageChange, emptyLabel = "No records found", }) {
+    return (_jsxs(Div, { className: "overflow-hidden rounded-xl border border-neutral-200 bg-white", children: [_jsx(Div, { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsx("tr", { className: "border-b border-neutral-200 bg-neutral-50", children: columns.map((col) => (_jsxs("th", { scope: "col", onClick: col.sortable && onSort ? () => onSort(col.key) : undefined, className: `px-4 py-3 text-left font-semibold text-neutral-900 ${col.sortable && onSort ? "cursor-pointer select-none hover:text-primary" : ""} ${col.className ?? ""}`, children: [col.header, col.sortable && sortKey === col.key && (_jsx(Span, { className: "ml-1", children: sortDir === "asc" ? "↑" : "↓" }))] }, col.key))) }) }), _jsx("tbody", { children: isLoading ? (Array.from({ length: 5 }).map((_, i) => (_jsx("tr", { className: "border-b border-neutral-100", children: columns.map((col) => (_jsx("td", { className: "px-4 py-3", children: _jsx(Div, { className: "h-4 w-full animate-pulse rounded bg-neutral-200" }) }, col.key))) }, i)))) : rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: columns.length, className: "px-4 py-12 text-center text-neutral-500", children: emptyLabel }) })) : (rows.map((row) => (_jsx("tr", { className: "border-b border-neutral-100 hover:bg-neutral-50", children: columns.map((col) => (_jsx("td", { className: `px-4 py-3 text-neutral-700 ${col.className ?? ""}`, children: col.render
+                                        ? col.render(row)
+                                        : String(row[col.key] ?? "") }, col.key))) }, row.id)))) })] }) }), totalPages > 1 && onPageChange && (_jsx(Div, { className: "flex items-center justify-end gap-2 border-t border-neutral-200 px-4 py-3", children: Array.from({ length: totalPages }, (_, i) => i + 1).map((p) => (_jsx(Button, { onClick: () => onPageChange(p), variant: p === currentPage ? "primary" : "ghost", size: "sm", className: `h-8 w-8 rounded text-xs font-medium transition ${p === currentPage ? "bg-neutral-900 text-white" : "text-neutral-600 hover:bg-neutral-100"}`, children: p }, p))) }))] }));
+}

package/dist/features/admin/components/DemoSeedView.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { StackedViewShellProps } from "../../../ui";
+export interface DemoSeedViewProps extends Omit<StackedViewShellProps, "sections"> {
+    labels?: {
+        title?: string;
+    };
+    renderActions?: (isLoading: boolean) => React.ReactNode;
+    renderLog?: () => React.ReactNode;
+    isLoading?: boolean;
+}
+export declare function DemoSeedView({ labels, renderActions, renderLog, isLoading, ...rest }: DemoSeedViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/DemoSeedView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StackedViewShell } from "../../../ui";
+export function DemoSeedView({ labels = {}, renderActions, renderLog, isLoading = false, ...rest }) {
+    return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: labels.title, sections: [renderActions?.(isLoading), renderLog?.()] }));
+}

package/dist/features/admin/components/DrawerFormFooter.d.ts

@@ -0,0 +1,54 @@
+/**
+ * DrawerFormFooter Component
+ *
+ * Cancel + Save/Delete button pair used in drawer/modal forms.
+ * Provides consistent spacing and button styling for form actions.
+ *
+ * Text labels are injected via the `labels` prop; variant and styling
+ * are configured through `themeConfig`.
+ *
+ * @example
+ * ```tsx
+ * <DrawerFormFooter
+ *   onCancel={() => setShowDrawer(false)}
+ *   onSubmit={handleSave}
+ *   labels={{ submit: "Save User", cancel: "Cancel" }}
+ * />
+ *
+ * // With delete option
+ * <DrawerFormFooter
+ *   onCancel={() => setShowDrawer(false)}
+ *   onSubmit={handleSave}
+ *   onDelete={handleDelete}
+ *   labels={{ submit: "Update", delete: "Delete", cancel: "Cancel" }}
+ * />
+ * ```
+ */
+interface DrawerFormFooterLabels {
+    submit?: string;
+    delete?: string;
+    cancel?: string;
+    saving?: string;
+}
+interface DrawerFormFooterThemeConfig {
+    borderClass?: string;
+}
+export interface DrawerFormFooterProps {
+    onCancel: () => void;
+    onSubmit: () => void;
+    onDelete?: () => void;
+    isLoading?: boolean;
+    isSubmitDisabled?: boolean;
+    className?: string;
+    labels?: DrawerFormFooterLabels;
+    /**
+     * "footer" (default) — placed in SideDrawer footer prop; the drawer wrapper
+     * supplies the border and background.
+     * "inline" — placed inside the scrollable content area; adds its own
+     * top border separator.
+     */
+    variant?: "footer" | "inline";
+    themeConfig?: DrawerFormFooterThemeConfig;
+}
+export declare function DrawerFormFooter({ onCancel, onSubmit, onDelete, isLoading, isSubmitDisabled, className, labels, variant, themeConfig, }: DrawerFormFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/admin/components/DrawerFormFooter.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@mohasinac/appkit/ui";
+export function DrawerFormFooter({ onCancel, onSubmit, onDelete, isLoading = false, isSubmitDisabled = false, className = "", labels = { submit: "Save", delete: "Delete", cancel: "Cancel", saving: "Saving..." }, variant = "footer", themeConfig = { borderClass: "border-t border-zinc-200 dark:border-zinc-700" }, }) {
+    return (_jsxs("div", { className: `flex items-center gap-3${variant === "inline" ? ` pt-4 ${themeConfig.borderClass}` : ""} ${className}`, children: [onDelete && (_jsx(Button, { variant: "danger", onClick: onDelete, disabled: isLoading, size: "md", children: labels.delete })), _jsxs("div", { className: `flex items-center gap-3${!onDelete ? " ml-auto" : ""}`, children: [_jsx(Button, { variant: "outline", onClick: onCancel, disabled: isLoading, size: "md", children: labels.cancel }), _jsx(Button, { variant: "primary", onClick: onSubmit, disabled: isLoading || isSubmitDisabled, size: "md", children: isLoading ? labels.saving : labels.submit })] })] }));
+}

package/dist/features/admin/components/QuickActionsPanel.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface QuickActionItem {
+    id: string;
+    label: string;
+    href?: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+}
+export interface QuickActionsPanelProps {
+    title?: string;
+    actions: QuickActionItem[];
+    renderAction?: (action: QuickActionItem) => React.ReactNode;
+    className?: string;
+}
+export declare function QuickActionsPanel({ title, actions, renderAction, className, }: QuickActionsPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/QuickActionsPanel.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Heading } from "../../../ui";
+export function QuickActionsPanel({ title, actions, renderAction, className = "", }) {
+    return (_jsxs(Div, { className: className, children: [title && (_jsx(Heading, { level: 3, className: "mb-4", children: title })), _jsx(Div, { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: actions.map((action) => (_jsx(Div, { children: renderAction ? (renderAction(action)) : action.onClick ? (_jsxs("button", { type: "button", onClick: action.onClick, className: "w-full inline-flex items-center justify-start gap-2 rounded-lg border border-neutral-200 px-3 py-2 text-sm", children: [action.icon, action.label] })) : (_jsxs("a", { href: action.href ?? "#", className: "w-full inline-flex items-center justify-start gap-2 rounded-lg border border-neutral-200 px-3 py-2 text-sm", children: [action.icon, action.label] })) }, action.id))) })] }));
+}

package/dist/features/admin/components/analytics/AdminAnalyticsCharts.d.ts

@@ -0,0 +1,17 @@
+import type { AnalyticsMonthEntry } from "../../types";
+export interface AdminRevenueChartProps {
+    data: AnalyticsMonthEntry[];
+    labels?: {
+        title?: string;
+    };
+    className?: string;
+}
+export declare function AdminRevenueChart({ data, labels, className, }: AdminRevenueChartProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminOrdersChartProps {
+    data: AnalyticsMonthEntry[];
+    labels?: {
+        title?: string;
+    };
+    className?: string;
+}
+export declare function AdminOrdersChart({ data, labels, className, }: AdminOrdersChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/analytics/AdminAnalyticsCharts.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
+import { Div, Heading } from "../../../../ui";
+const ResponsiveContainer = dynamic(() => import("recharts").then((m) => m.ResponsiveContainer), { ssr: false });
+const AreaChart = dynamic(() => import("recharts").then((m) => m.AreaChart), {
+    ssr: false,
+});
+const Area = dynamic(() => import("recharts").then((m) => m.Area), {
+    ssr: false,
+});
+const BarChart = dynamic(() => import("recharts").then((m) => m.BarChart), {
+    ssr: false,
+});
+const Bar = dynamic(() => import("recharts").then((m) => m.Bar), {
+    ssr: false,
+});
+const XAxis = dynamic(() => import("recharts").then((m) => m.XAxis), {
+    ssr: false,
+});
+const YAxis = dynamic(() => import("recharts").then((m) => m.YAxis), {
+    ssr: false,
+});
+const CartesianGrid = dynamic(() => import("recharts").then((m) => m.CartesianGrid), { ssr: false });
+const Tooltip = dynamic(() => import("recharts").then((m) => m.Tooltip), {
+    ssr: false,
+});
+export function AdminRevenueChart({ data, labels = {}, className = "", }) {
+    return (_jsxs(Div, { className: `bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-6 ${className}`, children: [labels.title && (_jsx(Heading, { level: 3, className: "text-base font-semibold mb-4", children: labels.title })), _jsx(ResponsiveContainer, { width: "100%", height: 300, children: _jsxs(AreaChart, { data: data, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: "colorRevenue", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "5%", stopColor: "#3b82f6", stopOpacity: 0.8 }), _jsx("stop", { offset: "95%", stopColor: "#3b82f6", stopOpacity: 0 })] }) }), _jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "month" }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Area, { type: "monotone", dataKey: "revenue", stroke: "#3b82f6", fillOpacity: 1, fill: "url(#colorRevenue)" })] }) })] }));
+}
+export function AdminOrdersChart({ data, labels = {}, className = "", }) {
+    return (_jsxs(Div, { className: `bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-6 ${className}`, children: [labels.title && (_jsx(Heading, { level: 3, className: "text-base font-semibold mb-4", children: labels.title })), _jsx(ResponsiveContainer, { width: "100%", height: 300, children: _jsxs(BarChart, { data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "month" }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Bar, { dataKey: "orders", fill: "#10b981" })] }) })] }));
+}

package/dist/features/admin/components/analytics/AdminStatCard.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface AdminStatCardProps {
+    label: string;
+    value: string;
+    icon?: React.ReactNode | string;
+    className?: string;
+}
+export declare function AdminStatCard({ label, value, icon, className, }: AdminStatCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/analytics/AdminStatCard.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Text, Heading } from "../../../../ui";
+export function AdminStatCard({ label, value, icon, className = "", }) {
+    return (_jsx(Div, { className: `bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-6 ${className}`, children: _jsxs(Div, { className: "flex items-start justify-between", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-sm text-neutral-600 dark:text-neutral-400 mb-1", children: label }), _jsx(Heading, { level: 3, className: "text-2xl font-bold", children: value })] }), icon && _jsx(Div, { className: "text-2xl", children: icon })] }) }));
+}

package/dist/features/admin/components/analytics/AdminTopProductsTable.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { AnalyticsTopProduct } from "../../types";
+export interface AdminTopProductsTableLabels {
+    title?: string;
+    orders?: string;
+    view?: string;
+    revenue?: string;
+}
+export interface AdminTopProductsTableProps {
+    products: AnalyticsTopProduct[];
+    labels?: AdminTopProductsTableLabels;
+    formatRevenue?: (amount: number) => string;
+    renderProductLink?: (product: AnalyticsTopProduct) => React.ReactNode;
+    className?: string;
+}
+export declare function AdminTopProductsTable({ products, labels, formatRevenue, renderProductLink, className, }: AdminTopProductsTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/admin/components/analytics/AdminTopProductsTable.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Heading, Text } from "../../../../ui";
+export function AdminTopProductsTable({ products, labels = {}, formatRevenue = (n) => String(n), renderProductLink, className = "", }) {
+    return (_jsxs(Div, { className: `bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-6 ${className}`, children: [labels.title && (_jsx(Heading, { level: 3, className: "text-base font-semibold mb-4", children: labels.title })), _jsx(Div, { children: products.map((product) => (_jsxs(Div, { className: "flex items-center justify-between py-3 border-b last:border-b-0 border-neutral-100 dark:border-neutral-800", children: [_jsxs(Div, { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "font-medium truncate", children: product.title }), _jsxs(Text, { className: "text-sm text-neutral-500", children: [product.orders, " ", labels.orders ?? "orders"] })] }), _jsxs(Div, { className: "text-right ml-4", children: [_jsx(Text, { className: "font-semibold", children: formatRevenue(product.revenue) }), renderProductLink?.(product)] })] }, product.productId))) })] }));
+}

package/dist/features/admin/components/analytics/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./AdminStatCard";
+export * from "./AdminAnalyticsCharts";
+export * from "./AdminTopProductsTable";

package/dist/features/admin/components/analytics/index.js

@@ -0,0 +1,3 @@
+export * from "./AdminStatCard";
+export * from "./AdminAnalyticsCharts";
+export * from "./AdminTopProductsTable";