@mohasinac/appkit 4.52.5 → 4.53.0

package/dist/features/layout/BottomActions.js

@@ -1,311 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * BottomActions Component
- *
- * A fixed-bottom mobile action bar rendered **above** BottomNavbar (bottom-14).
- * Reads from `BottomActionsContext` — features register their actions via the
- * `useBottomActions` hook; this component just renders whatever is registered.
- *
- * Two modes:
- *  - **Page mode** — shows registered page-level actions inline (Add to Cart,
- *    Buy Now, Place Bid, Proceed to Checkout, etc.) with an optional info label.
- *  - **Bulk mode** — activates when sieveFilter("bulk.selectedCount", SIEVE_OP.GT, "0"); shows:
- *      • Selection count pill on the left (tap to deselect all)
- *      • An upward-opening type-picker dropdown (middle, flex-1) — tap to
- *        choose WHICH action to run; the chosen label is always visible.
- *      • An "Apply" submit button on the right — executes the selected action,
- *        styled with the selected action's variant (danger = red, etc.).
- *
- * Layout rules:
- *  - Hidden on lg+ screens by default — desktop shows inline action panels. A page can
- *    opt in by passing `desktop: "after-scroll" | "always"` to `useBottomActions`;
- *"after-scroll" brings the bar back once the primary CTA has scrolled out of view.
- *  - The bar slides up with a 300 ms ease-out transition; `pointer-events-none`
- *    while off-screen.
- *
- * @component
- * @example
- * // Automatically rendered by LayoutClient — no manual usage required.
- * // Features use `useBottomActions` to register their actions.
- */
-import { useState, useRef, useEffect, useId } from "react";
-import { X, ChevronUp, ChevronDown, Check } from "lucide-react";
-import { useBottomActionsContext } from "./BottomActionsContext.js";
-import { useClickOutside } from "../../react/index.js";
-import { ActionRow, Div, Row, Span, Text, Button } from "../../ui/index.js";
-// Token values inlined from @mohasinac/appkit/tokens
-const BOTTOM_NAV_BG = "bg-[color-mix(in_srgb,var(--appkit-color-bg)_90%,transparent)] backdrop-blur-md border-t border-[var(--appkit-color-border)]";
-const BOTTOM_NAV_HEIGHT = "h-14";
-const FLEX_CENTER = "flex items-center justify-center";
-const CLS_COUNT_BADGE = "bg-error-solid text-error-on-solid";
-/** How far the user must scroll before the desktop bar reveals itself. */
-const DESKTOP_REVEAL_SCROLL_PX = 400;
-// ─── Sub-components ───────────────────────────────────────────────────────────
-function BulkPickerPanel({ bulkActions, selectedActionId, pickerOpen, onSelect, }) {
-    return (_jsx(Div, { role: "listbox", "aria-label": "Bulk actions", className: [
-            // Flips with the tier — see InfoPanel for why.
-            "absolute left-0 right-0 overflow-hidden",
-            "bottom-full lg:bottom-auto lg:top-full",
-            BOTTOM_NAV_BG,
-            "border-t lg:border-t-0 lg:border-b border-[var(--appkit-color-border)]/80",
-            "shadow-[0_-8px_24px_rgba(0,0,0,0.10)] dark:shadow-[0_-8px_24px_rgba(0,0,0,0.35)]",
-            "lg:shadow-[0_8px_24px_rgba(0,0,0,0.10)] dark:lg:shadow-[0_8px_24px_rgba(0,0,0,0.35)]",
-            "transition-[max-height,opacity] duration-200 ease-out",
-            pickerOpen ? "max-h-64 opacity-100" : "max-h-0 opacity-0 pointer-events-none",
-        ]
-            .filter(Boolean)
-            .join(" "), children: bulkActions.map((action, i) => {
-            const isSelected = action.id === selectedActionId;
-            return (_jsxs(Button, { role: "option", "aria-selected": isSelected, type: "button", variant: "ghost", disabled: action.disabled || action.loading, onClick: () => onSelect(action.id), className: [
-                    "w-full flex items-center gap-[var(--appkit-space-3)] px-[var(--appkit-space-5)] py-[var(--appkit-space-3-5)] text-left text-[length:var(--appkit-text-sm)] font-medium transition-colors rounded-none",
-                    i > 0 ? "border-t border-zinc-100/80 border-[var(--appkit-color-border-subtle)]" : "",
-                    isSelected ? " bg-[var(--appkit-color-surface-input)]" : "",
-                    action.variant === "danger"
-                        ? "text-error hover:bg-error-surface"
-                        : "text-[var(--appkit-color-text)] hover:bg-surface-hover",
-                    action.disabled || action.loading ? "opacity-50 cursor-not-allowed" : "",
-                ]
-                    .filter(Boolean)
-                    .join(" "), children: [action.icon && (_jsx(Span, { className: `flex-shrink-0 w-5 h-5 ${FLEX_CENTER}`, "aria-hidden": "true", children: action.icon })), _jsx(Span, { className: "flex-1 truncate", children: action.label }), isSelected && (_jsx(Check, { className: "w-4 h-4 flex-shrink-0 text-primary-600 dark:text-primary-400", "aria-hidden": "true" }))] }, action.id));
-        }) }));
-}
-/**
- * Expandable detail that opens UPWARD from the bar.
- *
- * Same recipe as BulkPickerPanel above — absolutely positioned at `bottom-full`
- * so it grows into the space above the bar rather than pushing the page, and
- * animated on max-height/opacity so it can't be tabbed into while closed.
- * Scrolls internally, since a many-store cart's breakdown can outgrow the
- * screen.
- */
-function InfoPanel({ id, open, children, }) {
-    return (_jsx(Div, { id: id, className: [
-            // Opens UPWARD from a bottom-edge bar, DOWNWARD from a desktop bar
-            // hanging under the header — a panel must always expand into the
-            // screen, never off it. Border and shadow flip with it, or the sheet
-            // is lit from the wrong side and reads as detached from its bar.
-            "absolute left-0 right-0 overflow-hidden",
-            "bottom-full lg:bottom-auto lg:top-full",
-            BOTTOM_NAV_BG,
-            "border-t lg:border-t-0 lg:border-b border-[var(--appkit-color-border)]/80",
-            "shadow-[0_-8px_24px_rgba(0,0,0,0.10)] dark:shadow-[0_-8px_24px_rgba(0,0,0,0.35)]",
-            "lg:shadow-[0_8px_24px_rgba(0,0,0,0.10)] dark:lg:shadow-[0_8px_24px_rgba(0,0,0,0.35)]",
-            "transition-[max-height,opacity] duration-200 ease-out",
-            open ? "max-h-[60vh] opacity-100" : "max-h-0 opacity-0 pointer-events-none",
-        ]
-            .filter(Boolean)
-            .join(" "), "aria-hidden": !open, children: _jsx(Div, { className: "max-h-[60vh]", overflow: "y-auto", padding: "md", children: children }) }));
-}
-/**
- * How many actions fit on one line before the row splits in two.
- *
- * 🛑 ROW COUNT is a function of `pageActions.length` and NOTHING else — never
- * of validation state, and never of measured width. `BottomChrome`'s
- * ResizeObserver faithfully republishes `--bottom-chrome-height` on any height
- * change, and every consumer (BackToTop, the pagination bar, the footer's
- * clearance) reflows with it. A bar that grew a row when an error appeared
- * would shift the whole page while the user was typing. The error count lives
- * in `infoLabel`, which sits in the absolutely-positioned panel and is excluded
- * from the published height by construction.
- *
- * The invariant is about ROW COUNT, not pixel height. `ActionRow` lets a long
- * label wrap to a second line, which changes the bar's height by ~16px,
- * monotonically, and the observer handles that correctly. What must never
- * happen is a row count that FLIPS: that is a ~48px step and it is reversible
- * mid-interaction.
- *
- * Which is exactly why the count split stays primary and `flex-wrap` is only an
- * overflow net. In this app LABELS ARE STATE — "Add to Cart" becomes "Adding…",
- * "Buy Now" becomes "Out of Stock", "Apply" becomes "Apply (3)". If width alone
- * decided rows, tapping Add to Cart would shorten the label, free ~40px,
- * un-wrap a row and shift the page under the user's thumb at the exact moment
- * they committed to the tap.
- *
- * 🛑 This constant is COUPLED to `--appkit-size-action-min` (tokens.css).
- * Two actions per line is safe only while `2 × action-min + gap` fits the
- * narrowest supported viewport (280px). Raising either without re-checking that
- * sum reintroduces device-dependent row flipping.
- */
-const SINGLE_ROW_MAX_ACTIONS = 2;
-function ActionButtons({ actions, dispatchAction, }) {
-    return (_jsx(_Fragment, { children: actions.map((action) => {
-            const isIconOnly = !action.label;
-            /*
-             * Width is ActionRow's job now, not this component's — every action is
-             * sized from its own label by `.appkit-action-row__group > *`, and only
-             * the leftover is shared out. There is deliberately NO per-action width
-             * class here: the old `grow` ternary is what produced a 44px stub
-             * reading "Ba" next to a full-width "Continue to payment".
-             *
-             * The one thing a stylesheet cannot infer is that a child has no label,
-             * so icon-only opts into its square tap target explicitly.
-             *
-             * 🛑 Never add `flex-1`, `flex-shrink-0`, `basis-*`, `w-*`, `h-*`,
-             * `truncate` or `leading-none` below. Both tailwind configs set
-             * `important: true`, so any of them beats ActionRow's CSS and silently
-             * reverts this bar to the squeezed behaviour with no visible error.
-             */
-            return (_jsxs(Button, { type: "button", variant: action.variant ?? "primary", size: "sm", isLoading: action.loading, disabled: action.disabled, onClick: () => dispatchAction(action.id), className: [
-                    "relative",
-                    isIconOnly ? "appkit-action-row__icon-only justify-center" : "",
-                ]
-                    .filter(Boolean)
-                    .join(" "), children: [action.icon && (_jsx(Span, { className: ["flex-shrink-0", action.label ? "mr-1.5" : ""].join(" "), "aria-hidden": "true", children: action.icon })), action.label && _jsx(Span, { children: action.label }), action.badge !== undefined && (_jsx(Span, { className: `absolute -top-1.5 -right-1.5 min-w-[18px] h-[18px] ${CLS_COUNT_BADGE} text-[10px] ${FLEX_CENTER} px-[var(--appkit-space-1)] pointer-events-none select-none`, rounded: "full", weight: "bold", "aria-hidden": "true", children: action.badge }))] }, action.id));
-        }) }));
-}
-/**
- * Lays a form's or a page's actions out across one or two lines.
- *
- * | n    | layout                                                          |
- * |------|-----------------------------------------------------------------|
- * | 1    | one row, full-width primary                                     |
- * | 2    | one row, each sized from its own label                          |
- * | 3+   | two rows — secondaries above, primary full-width below           |
- *
- * The LAST action is treated as the primary. That holds for every producer:
- * `useFormBottomActions` appends submit last, and the checkout/cart bars build
- * `[back, primary]`. Putting it on its own line keeps the thumb target the same
- * size no matter how many secondary actions a screen has, which is the whole
- * reason a 5-action form (3 forms + soft-ban + hard-ban on the admin user
- * editor) was unrepresentable before.
- *
- * Secondaries WRAP rather than overflowing into a menu. Wrapping keeps the
- * height a pure function of the action count — the invariant above — whereas a
- * popover would add a second interaction to reach an action that is already
- * only one line away. No current caller exceeds five.
- */
-function PageActionsRow({ pageActions, dispatchAction, }) {
-    if (pageActions.length === 0)
-        return null;
-    if (pageActions.length <= SINGLE_ROW_MAX_ACTIONS) {
-        return (_jsx(ActionRow, { children: _jsx(ActionButtons, { actions: pageActions, dispatchAction: dispatchAction }) }));
-    }
-    const secondaries = pageActions.slice(0, -1);
-    const primary = pageActions[pageActions.length - 1];
-    return (_jsxs(Div, { className: "flex w-full flex-col gap-[var(--appkit-space-2)]", children: [_jsx(ActionRow, { children: _jsx(ActionButtons, { actions: secondaries, dispatchAction: dispatchAction }) }), _jsx(ActionRow, { children: _jsx(ActionButtons, { actions: [primary], dispatchAction: dispatchAction }) })] }));
-}
-export default function BottomActions() {
-    const { state, actionCallbacksRef, bulkCallbacksRef, bulkClearRef } = useBottomActionsContext();
-    const [pickerOpen, setPickerOpen] = useState(false);
-    const [infoOpen, setInfoOpen] = useState(false);
-    const [selectedActionId, setSelectedActionId] = useState(null);
-    const containerRef = useRef(null);
-    const infoPanelId = useId();
-    useClickOutside(containerRef, () => {
-        setPickerOpen(false);
-        setInfoOpen(false);
-    });
-    const { actions, bulk, infoLabel, secondaryLabel, infoPanel, infoOpenSignal, desktop } = state;
-    // Desktop reveal-on-scroll. Kept as a plain passive listener to match BackToTop —
-    // there is no shared scroll-position hook in the codebase and one consumer doesn't
-    // justify inventing one. Only armed when a page actually opts into "after-scroll".
-    const [scrolledPastFold, setScrolledPastFold] = useState(false);
-    const wantsScrollGate = desktop === "after-scroll";
-    useEffect(() => {
-        if (!wantsScrollGate) {
-            setScrolledPastFold(false);
-            return;
-        }
-        const onScroll = () => setScrolledPastFold(window.scrollY > DESKTOP_REVEAL_SCROLL_PX);
-        onScroll();
-        window.addEventListener("scroll", onScroll, { passive: true });
-        return () => window.removeEventListener("scroll", onScroll);
-    }, [wantsScrollGate]);
-    const showOnDesktop = desktop === "always" || (wantsScrollGate && scrolledPastFold);
-    const isBulkMode = !!(bulk && bulk.selectedCount > 0);
-    const hasInfoPanel = infoPanel != null && !isBulkMode;
-    const bulkActions = bulk?.actions ?? [];
-    const pageActions = actions;
-    const isVisible = (isBulkMode ? bulkActions.length > 0 || !!bulk : pageActions.length > 0) ||
-        !!infoLabel ||
-        !!secondaryLabel;
-    // A panel left open after its content is withdrawn (bulk mode taking over, or
-    // the page clearing it) would sit there as an empty sheet.
-    useEffect(() => {
-        if (!hasInfoPanel)
-            setInfoOpen(false);
-    }, [hasInfoPanel]);
-    /*
-     * Force-open on a bumped signal — a failed form submit, today. Depends on
-     * the counter alone, so a re-render with the same value never re-opens what
-     * the user has since collapsed. `hasInfoPanel` is read but deliberately NOT
-     * a dependency: publishing the panel and bumping the signal are two separate
-     * setState calls, so re-running on `hasInfoPanel` would open the panel again
-     * one render after the user closed it.
-     */
-    const lastSignalRef = useRef(undefined);
-    useEffect(() => {
-        if (infoOpenSignal == null)
-            return;
-        if (lastSignalRef.current === infoOpenSignal)
-            return;
-        lastSignalRef.current = infoOpenSignal;
-        setInfoOpen(true);
-    }, [infoOpenSignal]);
-    // Keep selectedActionId in sync with available bulk actions
-    useEffect(() => {
-        if (!isBulkMode) {
-            setPickerOpen(false);
-            setSelectedActionId(null);
-            return;
-        }
-        setSelectedActionId((prev) => {
-            const ids = bulkActions.map((a) => a.id);
-            if (prev && ids.includes(prev))
-                return prev;
-            return ids[0] ?? null;
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isBulkMode, bulkActions.map((a) => a.id).join(",")]);
-    const selectedAction = bulkActions.find((a) => a.id === selectedActionId);
-    const dispatchAction = (id) => actionCallbacksRef.current.get(id)?.();
-    const dispatchBulkClear = () => {
-        bulkClearRef.current?.();
-        setPickerOpen(false);
-    };
-    const handleApply = () => {
-        if (!selectedActionId)
-            return;
-        bulkCallbacksRef.current.get(selectedActionId)?.();
-        setPickerOpen(false);
-    };
-    return (_jsxs(Div, { ref: containerRef, role: "toolbar", "aria-label": isBulkMode ? "Bulk actions" : "Page actions", "aria-hidden": !isVisible, className: [
-            // Position, z-index and the offset above the nav all belong to
-            // <BottomChrome>, the tier container this renders inside. `relative` is
-            // kept because the two panels below are `absolute bottom-full` against it.
-            "relative pointer-events-auto",
-            // Desktop opt-in stays per-bar. `lg:hidden` is display:none, so a bar the
-            // page hasn't opted into contributes nothing to the tier's height.
-            showOnDesktop ? "" : "lg:hidden",
-        ]
-            .filter(Boolean)
-            .join(" "), "data-section": "bottomactions-div-401", children: [isBulkMode && (_jsx(BulkPickerPanel, { bulkActions: bulkActions, selectedActionId: selectedActionId, pickerOpen: pickerOpen, onSelect: (id) => { setSelectedActionId(id); setPickerOpen(false); } })), hasInfoPanel && !isBulkMode && (_jsx(InfoPanel, { id: infoPanelId, open: infoOpen, children: infoPanel })), _jsx(Div, { className: `grid transition-[grid-template-rows] duration-300 ease-out ${isVisible ? "grid-rows-[1fr]" : "grid-rows-[0fr]"}`, children: _jsx(Div, { overflow: "hidden", className: "min-h-0", children: _jsxs(Div, { className: [
-                            BOTTOM_NAV_BG,
-                            // Cast away from the edge the bar is welded to: upward from the
-                            // bottom edge, downward from under the header.
-                            "shadow-[0_-4px_20px_rgba(0,0,0,0.08)] dark:shadow-[0_-4px_20px_rgba(0,0,0,0.30)]",
-                            "lg:shadow-[0_4px_20px_rgba(0,0,0,0.08)] dark:lg:shadow-[0_4px_20px_rgba(0,0,0,0.30)]",
-                            // A hairline on the side facing the page, so the bar reads as
-                            // chrome rather than as a floating slab.
-                            "lg:border-b lg:border-[var(--appkit-color-border)]/80",
-                            isVisible ? "" : "pointer-events-none",
-                        ]
-                            .filter(Boolean)
-                            .join(" "), children: [isBulkMode && (_jsx(Div, { className: "h-[3px] w-full bg-[image:var(--appkit-gradient-brand-tri)]" })), secondaryLabel && !isBulkMode && (_jsx(Div, { className: "pt-[var(--appkit-space-2)] pb-[var(--appkit-space-0)] border-b border-[var(--appkit-color-border-subtle)]", padding: "x-md", children: _jsx(Text, { className: "leading-5 truncate", color: "muted", size: "xs", weight: "semibold", children: secondaryLabel }) })), infoLabel && !isBulkMode && !hasInfoPanel && (_jsx(Div, { className: "pt-[var(--appkit-space-2)] pb-[var(--appkit-space-0)] border-b border-[var(--appkit-color-border-subtle)]", padding: "x-md", children: _jsx(Text, { className: "leading-5 truncate", color: "muted", size: "xs", weight: "semibold", children: infoLabel }) })), infoLabel && !isBulkMode && hasInfoPanel && (_jsxs(Button, { type: "button", variant: "ghost", onClick: () => setInfoOpen((o) => !o), "aria-expanded": infoOpen, "aria-controls": infoPanelId, className: "w-full flex items-center justify-between gap-[var(--appkit-space-2)] rounded-none border-b border-[var(--appkit-color-border)]/80 px-[var(--appkit-space-4)] pt-[var(--appkit-space-2)] pb-[var(--appkit-space-1)] min-h-0", children: [_jsx(Text, { className: "leading-5 truncate", color: "muted", size: "xs", weight: "semibold", children: infoLabel }), _jsxs(Span, { className: "flex-shrink-0 flex items-center gap-[var(--appkit-space-1)]", children: [_jsx(Text, { as: "span", size: "xs", color: "muted", children: infoOpen ? "Hide" : "Details" }), infoOpen ? (_jsx(ChevronDown, { className: "w-4 h-4 text-zinc-400", "aria-hidden": "true" })) : (_jsx(ChevronUp, { className: "w-4 h-4 text-zinc-400", "aria-hidden": "true" }))] })] })), _jsx(Row, { className: `min-${BOTTOM_NAV_HEIGHT} py-[var(--appkit-space-2)]`, gap: "sm", padding: "x-sm", children: isBulkMode && bulk ? (_jsxs(_Fragment, { children: [_jsxs(Button, { rounded: "full", gap: "xs", type: "button", variant: "ghost", onClick: dispatchBulkClear, className: "flex-shrink-0 bg-primary-50 hover:bg-primary-surface active:bg-primary-200 dark:bg-primary-950/30 text-primary-700 dark:text-primary-300 pl-2 pr-3 h-8 border border-primary-200/70 dark:border-primary-800/50 transition-colors min-h-0", "aria-label": "Clear selection", children: [_jsx(X, { className: "w-3.5 h-3.5 flex-shrink-0", "aria-hidden": "true" }), _jsx(Span, { size: "xs", weight: "semibold", className: "tabular-nums whitespace-nowrap leading-none", children: bulk.noun
-                                                        ? `${bulk.selectedCount} ${bulk.noun}`
-                                                        : `${bulk.selectedCount} selected` })] }), bulkActions.length > 0 && (_jsxs(Button, { type: "button", variant: "ghost", onClick: () => setPickerOpen((o) => !o), "aria-haspopup": "listbox", "aria-expanded": pickerOpen, className: [
-                                                "flex-1 min-w-0 h-10 flex items-center gap-[var(--appkit-space-2)] px-[var(--appkit-space-3)] rounded-lg border text-[length:var(--appkit-text-sm)] font-medium transition-colors",
-                                                " hover:bg-[var(--appkit-color-surface)] active:bg-zinc-200 bg-[var(--appkit-color-surface-input)] dark:hover:bg-slate-700/60",
-                                                "border-[var(--appkit-color-border)]",
-                                                selectedAction?.variant === "danger"
-                                                    ? "text-error"
-                                                    : "text-[var(--appkit-color-text)]",
-                                            ]
-                                                .filter(Boolean)
-                                                .join(" "), children: [selectedAction?.icon && (_jsx(Span, { className: `flex-shrink-0 w-4 h-4 ${FLEX_CENTER}`, "aria-hidden": "true", children: selectedAction.icon })), _jsx(Span, { className: "flex-1 truncate leading-none", align: "start", children: selectedAction?.label ?? "Bulk actions" }), pickerOpen ? (_jsx(ChevronDown, { className: "w-4 h-4 flex-shrink-0 text-zinc-400", "aria-hidden": "true" })) : (_jsx(ChevronUp, { className: "w-4 h-4 flex-shrink-0 text-zinc-400", "aria-hidden": "true" }))] })), bulkActions.length > 0 && (_jsx(Button, { type: "button", variant: selectedAction?.variant ?? "primary", size: "sm", isLoading: selectedAction?.loading, disabled: !selectedActionId ||
-                                                selectedAction?.disabled ||
-                                                selectedAction?.loading, onClick: handleApply, className: "h-10 flex-shrink-0", children: _jsx(Span, { className: "leading-none", children: "Apply" }) }))] })) : (
-                                /* Page mode — action buttons inline ------------------------------ */
-                                _jsx(PageActionsRow, { pageActions: pageActions, dispatchAction: dispatchAction })) })] }) }) })] }));
-}

package/dist/features/products/components/ProductsView.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { SlottedListingViewProps } from "../../../ui";
-export interface ProductsViewProps extends Omit<SlottedListingViewProps, "renderTable"> {
-    renderGrid: (isLoading: boolean) => React.ReactNode;
-}
-export declare function ProductsView({ renderGrid, ...props }: ProductsViewProps): React.JSX.Element;

package/dist/features/products/components/ProductsView.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SlottedListingView } from "../../../ui/index.js";
-export function ProductsView({ renderGrid, ...props }) {
-    return (_jsx(SlottedListingView, { portal: "public", ...props, manageSearch: true, manageSort: true, inlineToolbar: true, renderTable: () => renderGrid(props.isLoading ?? false) }));
-}

package/dist/features/seller/components/SellerStoreView.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export interface SellerStoreViewProps {
-    renderHeader?: () => React.ReactNode;
-    renderNavTabs?: (activeTab: string, onChange: (t: string) => void) => React.ReactNode;
-    renderContent?: (activeTab: string) => React.ReactNode;
-    className?: string;
-}
-export declare function SellerStoreView({ renderHeader, renderNavTabs, renderContent, className, }: SellerStoreViewProps): React.JSX.Element;

package/dist/features/seller/components/SellerStoreView.js

@@ -1,8 +0,0 @@
-"use client";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { Div } from "../../../ui/index.js";
-export function SellerStoreView({ renderHeader, renderNavTabs, renderContent, className = "", }) {
-    const [tab, setTab] = React.useState("products");
-    return (_jsxs(Div, { className: className, children: [renderHeader?.(), renderNavTabs?.(tab, setTab), renderContent?.(tab)] }));
-}