@mohasinac/appkit 2.2.0 → 2.3.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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