@mohasinac/appkit 2.2.0 → 2.3.0

package/dist/features/categories/components/BreadcrumbTrail.js

@@ -1,36 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Breadcrumb } from "../../../ui";
-/**
- * BreadcrumbTrail — a category-aware breadcrumb component.
- *
- * Renders the full ancestor chain for a category using the `ancestors` array
- * stored on `CategoryItem`. Falls back gracefully when `ancestors` is absent
- * (shows only the root + current category).
- *
- * @example
- * ```tsx
- * <BreadcrumbTrail
- *   category={category}
- *   rootHref="/categories"
- *   basePath="/categories"
- * />
- * ```
- */
-export function BreadcrumbTrail({ category, rootLabel = "All Categories", rootHref = "/categories", basePath = "/categories", showCurrent = true, className, }) {
-    const items = [
-        // Root
-        { label: rootLabel, href: rootHref },
-        // Ancestors (sorted by tier ascending so root → leaf order)
-        ...(category.ancestors ?? [])
-            .slice()
-            .sort((a, b) => a.tier - b.tier)
-            .map((ancestor) => ({
-            label: ancestor.name,
-            href: `${basePath}/${ancestor.id}`,
-        })),
-        // Current category (no href so it renders as the active item)
-        ...(showCurrent ? [{ label: category.name }] : []),
-    ];
-    return _jsx(Breadcrumb, { items: items, className: className });
-}

package/dist/features/categories/components/CategoriesListView.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-import type { CategoryItem } from "../types";
-import type { UrlTable } from "../../filters/FilterPanel";
-import type { CategoryFilterVariant } from "./CategoryFilters";
-export interface CategoriesListViewProps {
-    initialData?: CategoryItem[];
-    labels?: {
-        title?: string;
-        subtitle?: string;
-        emptyTitle?: string;
-        emptyDescription?: string;
-    };
-    /** Optional UrlTable-compatible state source for shared filter/sort controls */
-    table?: UrlTable;
-    /** Filter/sort preset for admin/seller/public listing behavior */
-    filterVariant?: CategoryFilterVariant;
-    /** Controlled sort value override */
-    sortValue?: string;
-    /** Controlled sort change callback */
-    onSortChange?: (value: string) => void;
-    renderSearch?: (value: string, onChange: (v: string) => void) => React.ReactNode;
-    renderSort?: (value: string, onChange: (v: string) => void) => React.ReactNode;
-    renderFilters?: () => React.ReactNode;
-    renderCategories: (items: CategoryItem[], isLoading: boolean) => React.ReactNode;
-    renderPagination?: (total: number) => React.ReactNode;
-    items?: CategoryItem[];
-    total?: number;
-    isLoading?: boolean;
-    className?: string;
-}
-export declare function CategoriesListView({ labels, table, filterVariant, sortValue, onSortChange, renderSearch, renderSort, renderFilters, renderCategories, renderPagination, items, total, isLoading, className, }: CategoriesListViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/categories/components/CategoriesListView.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { Container, Div, Heading, Text } from "../../../ui";
-import { CategoryFilters } from "./CategoryFilters";
-import { CategorySortSelect } from "./CategorySortSelect";
-export function CategoriesListView({ labels = {}, table, filterVariant = "public", sortValue, onSortChange, renderSearch, renderSort, renderFilters, renderCategories, renderPagination, items = [], total = 0, isLoading = false, className = "", }) {
-    const [search, setSearch] = React.useState("");
-    const [sort, setSort] = React.useState("order");
-    const resolvedSort = sortValue ?? table?.get("sorts") ?? sort;
-    const handleSortChange = (next) => {
-        onSortChange?.(next);
-        if (!sortValue) {
-            setSort(next);
-        }
-        table?.set("sorts", next);
-    };
-    const filtered = React.useMemo(() => {
-        const q = search.trim().toLowerCase();
-        if (!q)
-            return items;
-        return items.filter((c) => (c.name ?? "").toLowerCase().includes(q) ||
-            (c.description ?? "").toLowerCase().includes(q));
-    }, [items, search]);
-    return (_jsx(Div, { className: `min-h-screen ${className}`, children: _jsxs(Container, { size: "full", className: "py-8", children: [(labels.title || labels.subtitle) && (_jsxs(Div, { className: "mb-6", children: [labels.title && (_jsx(Heading, { level: 1, className: "text-2xl font-bold", children: labels.title })), labels.subtitle && (_jsx(Text, { variant: "secondary", className: "mt-1", children: labels.subtitle }))] })), renderSearch?.(search, setSearch), renderSort ? (renderSort(resolvedSort, handleSortChange)) : (_jsx(CategorySortSelect, { value: resolvedSort, onChange: handleSortChange, variant: filterVariant })), renderFilters?.() ??
-                    (table ? (_jsx(CategoryFilters, { table: table, variant: filterVariant })) : null), renderCategories(filtered, isLoading), renderPagination?.(total)] }) }));
-}

package/dist/features/categories/components/CategoryFilters.d.ts

@@ -1,68 +0,0 @@
-import type { UrlTable } from "../../filters/FilterPanel";
-export type CategoryFilterVariant = "admin" | "seller" | "public";
-export declare const CATEGORY_FILTER_KEYS: {
-    readonly admin: readonly ["tier", "isFeatured", "isBrand", "isActive", "isSearchable", "isLeaf"];
-    readonly seller: readonly ["tier", "isFeatured", "isBrand", "isActive"];
-    readonly public: readonly ["tier", "isFeatured", "isBrand"];
-};
-export declare const CATEGORY_ADMIN_SORT_OPTIONS: readonly [{
-    readonly value: "order";
-    readonly label: "Order Asc";
-}, {
-    readonly value: "-order";
-    readonly label: "Order Desc";
-}, {
-    readonly value: "name";
-    readonly label: "Name A-Z";
-}, {
-    readonly value: "-name";
-    readonly label: "Name Z-A";
-}, {
-    readonly value: "tier";
-    readonly label: "Tier Low to High";
-}, {
-    readonly value: "-tier";
-    readonly label: "Tier High to Low";
-}, {
-    readonly value: "-metrics.totalItemCount";
-    readonly label: "Most Items";
-}, {
-    readonly value: "-createdAt";
-    readonly label: "Newest First";
-}];
-export declare const CATEGORY_SELLER_SORT_OPTIONS: readonly [{
-    readonly value: "order";
-    readonly label: "Order Asc";
-}, {
-    readonly value: "name";
-    readonly label: "Name A-Z";
-}, {
-    readonly value: "-name";
-    readonly label: "Name Z-A";
-}, {
-    readonly value: "-metrics.totalItemCount";
-    readonly label: "Most Items";
-}];
-export declare const CATEGORY_PUBLIC_SORT_OPTIONS: readonly [{
-    readonly value: "order";
-    readonly label: "Recommended";
-}, {
-    readonly value: "name";
-    readonly label: "Name A-Z";
-}, {
-    readonly value: "-name";
-    readonly label: "Name Z-A";
-}, {
-    readonly value: "-metrics.totalItemCount";
-    readonly label: "Most Items";
-}];
-export declare function getCategoryFilterKeys(variant: CategoryFilterVariant): readonly string[];
-export declare function getCategorySortOptions(variant: CategoryFilterVariant): ReadonlyArray<{
-    value: string;
-    label: string;
-}>;
-export interface CategoryFiltersProps {
-    table: UrlTable;
-    variant?: CategoryFilterVariant;
-}
-export declare function CategoryFilters({ table, variant, }: CategoryFiltersProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/categories/components/CategoryFilters.js

@@ -1,75 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-import { FilterFacetSection } from "../../filters/FilterFacetSection";
-import { SwitchFilter } from "../../filters/SwitchFilter";
-import { Div } from "../../../ui";
-export const CATEGORY_FILTER_KEYS = {
-    admin: [
-        "tier",
-        "isFeatured",
-        "isBrand",
-        "isActive",
-        "isSearchable",
-        "isLeaf",
-    ],
-    seller: ["tier", "isFeatured", "isBrand", "isActive"],
-    public: ["tier", "isFeatured", "isBrand"],
-};
-export const CATEGORY_ADMIN_SORT_OPTIONS = [
-    { value: "order", label: "Order Asc" },
-    { value: "-order", label: "Order Desc" },
-    { value: "name", label: "Name A-Z" },
-    { value: "-name", label: "Name Z-A" },
-    { value: "tier", label: "Tier Low to High" },
-    { value: "-tier", label: "Tier High to Low" },
-    { value: "-metrics.totalItemCount", label: "Most Items" },
-    { value: "-createdAt", label: "Newest First" },
-];
-export const CATEGORY_SELLER_SORT_OPTIONS = [
-    { value: "order", label: "Order Asc" },
-    { value: "name", label: "Name A-Z" },
-    { value: "-name", label: "Name Z-A" },
-    { value: "-metrics.totalItemCount", label: "Most Items" },
-];
-export const CATEGORY_PUBLIC_SORT_OPTIONS = [
-    { value: "order", label: "Recommended" },
-    { value: "name", label: "Name A-Z" },
-    { value: "-name", label: "Name Z-A" },
-    { value: "-metrics.totalItemCount", label: "Most Items" },
-];
-export function getCategoryFilterKeys(variant) {
-    return CATEGORY_FILTER_KEYS[variant];
-}
-export function getCategorySortOptions(variant) {
-    switch (variant) {
-        case "admin":
-            return CATEGORY_ADMIN_SORT_OPTIONS;
-        case "seller":
-            return CATEGORY_SELLER_SORT_OPTIONS;
-        case "public":
-            return CATEGORY_PUBLIC_SORT_OPTIONS;
-        default:
-            return CATEGORY_PUBLIC_SORT_OPTIONS;
-    }
-}
-export function CategoryFilters({ table, variant = "admin", }) {
-    const t = useTranslations("filters");
-    const tr = (key, fallback) => t.has(key) ? t(key) : fallback;
-    const tierOptions = [
-        { value: "0", label: tr("tierRoot", "Root") },
-        { value: "1", label: tr("tierLevel1", "Level 1") },
-        { value: "2", label: tr("tierLevel2", "Level 2") },
-        { value: "3", label: tr("tierLevel3", "Level 3") },
-        { value: "4", label: tr("tierLevel4", "Level 4") },
-    ];
-    const selectedTier = table.get("tier")
-        ? table.get("tier").split("|").filter(Boolean)
-        : [];
-    const featuredOnly = table.get("isFeatured") === "true";
-    const brandOnly = table.get("isBrand") === "true";
-    const activeOnly = table.get("isActive") === "true";
-    const searchableOnly = table.get("isSearchable") === "true";
-    const leafOnly = table.get("isLeaf") === "true";
-    return (_jsxs(Div, { children: [_jsx(FilterFacetSection, { title: tr("tier", "Tier"), options: tierOptions, selected: selectedTier, onChange: (vals) => table.set("tier", vals.join("|")), searchable: false, defaultCollapsed: variant !== "admin" }), _jsx(SwitchFilter, { title: tr("featured", "Featured"), label: tr("showFeaturedOnly", "Show featured only"), checked: featuredOnly, onChange: (v) => table.set("isFeatured", v ? "true" : ""), defaultCollapsed: true }), _jsx(SwitchFilter, { title: tr("brand", "Brand"), label: tr("showBrandsOnly", "Show brands only"), checked: brandOnly, onChange: (v) => table.set("isBrand", v ? "true" : ""), defaultCollapsed: true }), variant !== "public" && (_jsx(SwitchFilter, { title: tr("status", "Status"), label: tr("showActiveOnly", "Show active only"), checked: activeOnly, onChange: (v) => table.set("isActive", v ? "true" : ""), defaultCollapsed: true })), variant === "admin" && (_jsxs(_Fragment, { children: [_jsx(SwitchFilter, { title: tr("searchable", "Searchable"), label: tr("showSearchableOnly", "Show searchable only"), checked: searchableOnly, onChange: (v) => table.set("isSearchable", v ? "true" : ""), defaultCollapsed: true }), _jsx(SwitchFilter, { title: tr("leaf", "Leaf"), label: tr("showLeafOnly", "Show leaf only"), checked: leafOnly, onChange: (v) => table.set("isLeaf", v ? "true" : ""), defaultCollapsed: true })] }))] }));
-}

package/dist/features/categories/components/CategoryForm.d.ts

@@ -1,24 +0,0 @@
-import { type Category } from "../types";
-export interface CategoryFormLabels {
-    name?: string;
-    slug?: string;
-    description?: string;
-    categoryImage?: string;
-    imageRecommended?: string;
-    parentCategory?: string;
-    noneRoot?: string;
-    enabled?: string;
-    showOnHomepage?: string;
-    isBrand?: string;
-    order?: string;
-}
-export interface CategoryFormProps {
-    category: Partial<Category>;
-    allCategories: Category[];
-    onChange: (updated: Partial<Category>) => void;
-    isReadonly?: boolean;
-    labels?: CategoryFormLabels;
-    /** Tailwind class for vertical stack spacing, e.g. "space-y-4" */
-    stackClassName?: string;
-}
-export declare function CategoryForm({ category, allCategories, onChange, isReadonly, labels, stackClassName, }: CategoryFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/categories/components/CategoryForm.js

@@ -1,42 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormGroup } from "../../../ui";
-import { Label, Checkbox } from "../../../ui";
-import { ImageUpload, MediaImage, useMediaUpload } from "../../media";
-import { FormField } from "../../../ui";
-import { flattenCategories } from "../types";
-const DEFAULT_LABELS = {
-    name: "Name",
-    slug: "Slug",
-    description: "Description",
-    categoryImage: "Category Image",
-    imageRecommended: "Recommended size: 400×400",
-    parentCategory: "Parent Category",
-    noneRoot: "— None (root) —",
-    enabled: "Enabled",
-    showOnHomepage: "Show on homepage",
-    isBrand: "Is brand",
-    order: "Order",
-};
-export function CategoryForm({ category, allCategories, onChange, isReadonly = false, labels = {}, stackClassName = "space-y-4", }) {
-    const { upload } = useMediaUpload();
-    const L = { ...DEFAULT_LABELS, ...labels };
-    const update = (partial) => {
-        onChange({ ...category, ...partial });
-    };
-    const handleNameChange = (value) => {
-        const slug = value.toLowerCase().replace(/[^a-z0-9]+/g, "-");
-        update({ name: value, slug });
-    };
-    return (_jsxs("div", { className: stackClassName, children: [_jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "name", label: L.name, type: "text", value: category.name || "", onChange: handleNameChange, disabled: isReadonly }), _jsx(FormField, { name: "slug", label: L.slug, type: "text", value: category.slug || "", onChange: (value) => update({ slug: value }), disabled: isReadonly })] }), _jsx(FormField, { name: "description", label: L.description, type: "textarea", rows: 3, value: category.description || "", onChange: (value) => update({ description: value }), disabled: isReadonly }), !isReadonly && (_jsx(ImageUpload, { currentImage: category.display?.coverImage, onUpload: (file) => upload(file, "categories", true, {
-                    type: "category-image",
-                    name: category.name || "category",
-                }), onChange: (url) => update({ display: { ...category.display, coverImage: url } }), label: L.categoryImage, helperText: L.imageRecommended })), category.display?.coverImage && isReadonly && (_jsxs("div", { children: [_jsx(Label, { className: "block text-sm font-medium mb-2", children: L.categoryImage }), _jsx("div", { className: "relative h-32 w-40 overflow-hidden rounded", children: _jsx(MediaImage, { src: category.display.coverImage, alt: category.name || "", size: "card" }) })] })), _jsx(FormField, { name: "parentId", label: L.parentCategory, type: "select", value: category.parentId || "", onChange: (value) => update({ parentId: value || null }), disabled: isReadonly, options: [
-                    { value: "", label: L.noneRoot },
-                    ...flattenCategories(allCategories).map((cat) => ({
-                        value: cat.id,
-                        label: `${"  ".repeat(cat.tier)}${cat.name}`,
-                        disabled: cat.id === category.id,
-                    })),
-                ] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(Checkbox, { checked: category.isActive || false, onChange: (e) => update({ isActive: e.target.checked }), disabled: isReadonly, label: L.enabled }), _jsx(Checkbox, { checked: category.showOnHomepage || false, onChange: (e) => update({ showOnHomepage: e.target.checked }), disabled: isReadonly, label: L.showOnHomepage }), _jsx(Checkbox, { checked: category.isBrand || false, onChange: (e) => update({ isBrand: e.target.checked }), disabled: isReadonly, label: L.isBrand })] }), _jsx(FormField, { name: "order", label: L.order, type: "number", value: String(category.order || 0), onChange: (value) => update({ order: parseInt(value) || 0 }), disabled: isReadonly })] }));
-}

package/dist/features/categories/components/CategoryGrid.d.ts

@@ -1,14 +0,0 @@
-import type { CategoryItem } from "../types";
-export interface CategoryCardProps {
-    category: CategoryItem;
-    onClick?: (category: CategoryItem) => void;
-    className?: string;
-}
-export declare function CategoryCard({ category, onClick, className, }: CategoryCardProps): import("react/jsx-runtime").JSX.Element;
-export interface CategoryGridProps {
-    categories: CategoryItem[];
-    onCategoryClick?: (category: CategoryItem) => void;
-    emptyLabel?: string;
-    className?: string;
-}
-export declare function CategoryGrid({ categories, onCategoryClick, emptyLabel, className, }: CategoryGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/categories/components/CategoryGrid.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Grid, Text } from "../../../ui";
-export function CategoryCard({ category, onClick, className = "", }) {
-    return (_jsxs(Div, { role: onClick ? "button" : undefined, tabIndex: onClick ? 0 : undefined, onKeyDown: onClick
-            ? (e) => (e.key === "Enter" || e.key === " ") && onClick(category)
-            : undefined, onClick: onClick ? () => onClick(category) : undefined, className: `group relative overflow-hidden rounded-xl border border-neutral-200 bg-white dark:border-zinc-700 dark:bg-zinc-900 shadow-sm transition hover:shadow-md ${onClick ? "cursor-pointer" : ""} ${className}`, children: [category.display?.coverImage ? (_jsx(Div, { className: "aspect-video w-full overflow-hidden bg-neutral-100 dark:bg-zinc-800", children: _jsx(Div, { role: "img", "aria-label": category.name, className: "h-full w-full bg-center bg-cover transition-transform duration-300 group-hover:scale-105", style: { backgroundImage: `url(${category.display.coverImage})` } }) })) : (_jsx(Div, { className: "aspect-video w-full bg-gradient-to-br from-neutral-100 to-neutral-200 dark:from-zinc-800 dark:to-zinc-700" })), _jsxs(Div, { className: "p-4", children: [_jsx(Text, { className: "font-semibold text-neutral-900 dark:text-white line-clamp-2", children: category.name }), category.description && (_jsx(Text, { className: "mt-1 text-sm text-neutral-500 dark:text-zinc-400 line-clamp-2", children: category.description })), category.metrics && (_jsxs(Text, { className: "mt-2 text-xs text-neutral-400 dark:text-zinc-500", children: [category.metrics.productCount.toLocaleString(), " items"] }))] })] }));
-}
-export function CategoryGrid({ categories, onCategoryClick, emptyLabel = "No categories found", className = "", }) {
-    if (categories.length === 0) {
-        return (_jsx(Text, { className: "py-12 text-center text-sm text-neutral-500 dark:text-zinc-500", children: emptyLabel }));
-    }
-    return (_jsx(Grid, { cols: "categoryCards", className: className, children: categories.map((cat) => (_jsx(CategoryCard, { category: cat, onClick: onCategoryClick }, cat.id))) }));
-}

package/dist/features/categories/components/CategoryProductsView.d.ts

@@ -1,49 +0,0 @@
-import React from "react";
-import type { CategoryItem } from "../types";
-import type { UrlTable } from "../../filters/FilterPanel";
-import type { CategoryFilterVariant } from "./CategoryFilters";
-export interface CategoryProductsViewProps {
-    /** Category slug */
-    slug: string;
-    /** Initial SSR category data */
-    initialCategory?: CategoryItem;
-    /** Initial SSR child categories */
-    initialChildren?: CategoryItem[];
-    labels?: {
-        emptyTitle?: string;
-        emptyDescription?: string;
-    };
-    /** Optional UrlTable-compatible state source for shared filter/sort controls */
-    table?: UrlTable;
-    /** Filter/sort preset for admin/seller/public listing behavior */
-    filterVariant?: CategoryFilterVariant;
-    /** Controlled sort value override */
-    sortValue?: string;
-    /** Controlled sort change callback */
-    onSortChange?: (value: string) => void;
-    /** Render breadcrumb trail */
-    renderBreadcrumbs?: (category: CategoryItem | null) => React.ReactNode;
-    /** Render child category chips/tabs */
-    renderChildCategories?: (children: CategoryItem[]) => React.ReactNode;
-    /** Render filter panel */
-    renderFilters?: () => React.ReactNode;
-    /** Render active filter chips */
-    renderActiveFilters?: () => React.ReactNode;
-    /** Render search */
-    renderSearch?: (value: string, onChange: (v: string) => void) => React.ReactNode;
-    /** Render sort dropdown */
-    renderSort?: (value: string, onChange: (v: string) => void) => React.ReactNode;
-    /** Render view mode toggle */
-    renderViewToggle?: (mode: string, onToggle: (m: string) => void) => React.ReactNode;
-    /** Render the products grid */
-    renderProducts: (isLoading: boolean) => React.ReactNode;
-    /** Render pagination */
-    renderPagination?: (total: number) => React.ReactNode;
-    /** Provide category (when fetched externally / SSR) */
-    category?: CategoryItem | null;
-    children?: CategoryItem[];
-    total?: number;
-    isLoading?: boolean;
-    className?: string;
-}
-export declare function CategoryProductsView({ labels, table, filterVariant, sortValue, onSortChange, renderBreadcrumbs, renderChildCategories, renderFilters, renderActiveFilters, renderSearch, renderSort, renderViewToggle, renderProducts, renderPagination, category, children: childCategories, total, isLoading, className, }: CategoryProductsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/categories/components/CategoryProductsView.js

@@ -1,21 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { Div, Heading, Row, Text } from "../../../ui";
-import { CategoryFilters } from "./CategoryFilters";
-import { CategorySortSelect } from "./CategorySortSelect";
-export function CategoryProductsView({ labels = {}, table, filterVariant = "public", sortValue, onSortChange, renderBreadcrumbs, renderChildCategories, renderFilters, renderActiveFilters, renderSearch, renderSort, renderViewToggle, renderProducts, renderPagination, category = null, children: childCategories = [], total = 0, isLoading = false, className = "", }) {
-    const [search, setSearch] = React.useState("");
-    const [sort, setSort] = React.useState("-createdAt");
-    const [viewMode, setViewMode] = React.useState("grid");
-    const resolvedSort = sortValue ?? table?.get("sorts") ?? sort;
-    const handleSortChange = (next) => {
-        onSortChange?.(next);
-        if (!sortValue) {
-            setSort(next);
-        }
-        table?.set("sorts", next);
-    };
-    return (_jsx(Div, { className: `min-h-screen ${className}`, children: _jsxs(Div, { className: "py-6 px-4 max-w-screen-xl mx-auto space-y-4", children: [category && renderBreadcrumbs?.(category), category && (_jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-2xl font-bold", children: category.name }), category.description && (_jsx(Text, { className: "text-neutral-500 mt-1", children: category.description }))] })), childCategories.length > 0 && renderChildCategories?.(childCategories), _jsxs(Row, { wrap: true, gap: "3", children: [renderSearch?.(search, setSearch), renderSort ? (renderSort(resolvedSort, handleSortChange)) : (_jsx(CategorySortSelect, { value: resolvedSort, onChange: handleSortChange, variant: filterVariant })), renderFilters?.() ??
-                            (table ? (_jsx(CategoryFilters, { table: table, variant: filterVariant })) : null), renderViewToggle?.(viewMode, setViewMode)] }), renderActiveFilters?.(), renderProducts(isLoading), renderPagination?.(total)] }) }));
-}

package/dist/features/categories/components/CategorySelectorCreate.d.ts

@@ -1,17 +0,0 @@
-import type { CategoryFormLabels } from "./CategoryForm";
-export interface CategorySelectorCreateLabels {
-    selectPlaceholder?: string;
-    addCategory?: string;
-    successCreated?: string;
-    form?: CategoryFormLabels;
-}
-export interface CategorySelectorCreateProps {
-    value: string;
-    onChange: (id: string) => void;
-    disabled?: boolean;
-    label?: string;
-    labels?: CategorySelectorCreateLabels;
-    /** Tailwind spacing class for the inline create form stack */
-    stackClassName?: string;
-}
-export declare function CategorySelectorCreate({ value, onChange, disabled, label, labels, stackClassName, }: CategorySelectorCreateProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/categories/components/CategorySelectorCreate.js

@@ -1,57 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Select, Label, Button, SideDrawer } from "../../../ui";
-import { useState, useCallback } from "react";
-import { useCategories, useCreateCategory } from "../hooks/useCategorySelector";
-import { useMessage } from "../../../react";
-import { flattenCategories } from "../types";
-import { DrawerFormFooter } from "../../admin/components/DrawerFormFooter";
-import { CategoryForm } from "./CategoryForm";
-const DEFAULT_LABELS = {
-    selectPlaceholder: "Select category…",
-    addCategory: "+ Add category",
-    successCreated: "Category created",
-    form: {},
-};
-function CreateCategoryContent({ allCategories, onSuccess, onCancel, labels, stackClassName, }) {
-    const { showSuccess, showError } = useMessage();
-    const [draft, setDraft] = useState({
-        isActive: true,
-        showOnHomepage: false,
-        parentId: null,
-        order: 0,
-    });
-    const { mutate, isPending: isLoading } = useCreateCategory({
-        onSuccess: (res) => {
-            showSuccess(labels.successCreated);
-            onSuccess(res?.id ?? "");
-        },
-        onError: (err) => showError(err.message),
-    });
-    const handleSave = useCallback(() => {
-        if (!draft.name)
-            return;
-        mutate(draft);
-    }, [draft, mutate]);
-    return (_jsxs("div", { className: stackClassName, children: [_jsx(CategoryForm, { category: draft, allCategories: allCategories, onChange: setDraft, labels: labels.form, stackClassName: stackClassName }), _jsx(DrawerFormFooter, { variant: "inline", isLoading: isLoading, onSubmit: handleSave, onCancel: onCancel, isSubmitDisabled: !draft.name })] }));
-}
-export function CategorySelectorCreate({ value, onChange, disabled = false, label, labels = {}, stackClassName = "space-y-4", }) {
-    const [drawerOpen, setDrawerOpen] = useState(false);
-    const L = { ...DEFAULT_LABELS, ...labels };
-    const { categories: rawCategories, isLoading, refetch } = useCategories();
-    const categories = rawCategories;
-    const flat = flattenCategories(categories);
-    const handleSuccess = useCallback((newId) => {
-        setDrawerOpen(false);
-        refetch();
-        if (newId)
-            onChange(newId);
-    }, [onChange, refetch]);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [label && _jsx(Label, { className: "mb-1.5", children: label }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("div", { className: "flex-1", children: _jsx(Select, { value: value, onChange: (e) => onChange(e.target.value), disabled: disabled || isLoading, "aria-label": label ?? "Category", options: [
-                                        { value: "", label: L.selectPlaceholder },
-                                        ...flat.map((cat) => ({
-                                            value: cat.id,
-                                            label: "\u00a0\u00a0".repeat(cat.tier) + cat.name,
-                                        })),
-                                    ] }) }), !disabled && (_jsx(Button, { variant: "outline", size: "sm", type: "button", onClick: () => setDrawerOpen(true), "aria-haspopup": "dialog", children: L.addCategory }))] })] }), _jsx(SideDrawer, { isOpen: drawerOpen, onClose: () => setDrawerOpen(false), title: L.addCategory, mode: "create", children: _jsx(CreateCategoryContent, { allCategories: categories, onSuccess: handleSuccess, onCancel: () => setDrawerOpen(false), labels: L, stackClassName: stackClassName }) })] }));
-}

package/dist/features/categories/components/CategorySortSelect.d.ts

@@ -1,9 +0,0 @@
-import { type CategoryFilterVariant } from "./CategoryFilters";
-export interface CategorySortSelectProps {
-    value: string;
-    onChange: (value: string) => void;
-    variant?: CategoryFilterVariant;
-    label?: string;
-    className?: string;
-}
-export declare function CategorySortSelect({ value, onChange, variant, label, className, }: CategorySortSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/categories/components/CategorySortSelect.js

@@ -1,8 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Row, Select, Span } from "../../../ui";
-import { getCategorySortOptions, } from "./CategoryFilters";
-export function CategorySortSelect({ value, onChange, variant = "public", label = "Sort", className = "", }) {
-    const options = [...getCategorySortOptions(variant)];
-    return (_jsxs(Row, { className: ["items-center gap-3", className].filter(Boolean).join(" "), children: [_jsx(Span, { className: "text-sm text-zinc-600 dark:text-zinc-400", children: label }), _jsx(Div, { className: "min-w-44", children: _jsx(Select, { value: value, onValueChange: (next) => onChange(next), options: options }) })] }));
-}

package/dist/features/categories/components/CategoryTableColumns.d.ts

@@ -1,30 +0,0 @@
-import type { Category } from "../types";
-export interface CategoryTableColumnsLabels {
-    colName?: string;
-    colSlug?: string;
-    colProducts?: string;
-    colStatus?: string;
-    statusActive?: string;
-    statusInactive?: string;
-    actionEdit?: string;
-    actionDelete?: string;
-}
-export declare function getCategoryTableColumns(onEdit: (cat: Category) => void, onDelete: (cat: Category) => void, labels?: CategoryTableColumnsLabels): {
-    columns: ({
-        key: string;
-        header: string;
-        render: (cat: Category) => import("react/jsx-runtime").JSX.Element;
-        sortable?: undefined;
-    } | {
-        key: string;
-        header: string;
-        sortable: boolean;
-        render: (cat: Category) => import("react/jsx-runtime").JSX.Element;
-    } | {
-        key: string;
-        header: string;
-        sortable: boolean;
-        render?: undefined;
-    })[];
-    actions: (cat: Category) => import("react/jsx-runtime").JSX.Element;
-};

package/dist/features/categories/components/CategoryTableColumns.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StatusBadge, Span, Button } from "../../../ui";
-import { MediaImage } from "../../media";
-const DEFAULT_LABELS = {
-    colName: "Name",
-    colSlug: "Slug",
-    colProducts: "Products",
-    colStatus: "Status",
-    statusActive: "Active",
-    statusInactive: "Inactive",
-    actionEdit: "Edit",
-    actionDelete: "Delete",
-};
-export function getCategoryTableColumns(onEdit, onDelete, labels = {}) {
-    const L = { ...DEFAULT_LABELS, ...labels };
-    return {
-        columns: [
-            {
-                key: "image",
-                header: "",
-                render: (cat) => (_jsx("div", { className: "relative w-9 h-9 rounded overflow-hidden flex-shrink-0", children: cat.display?.coverImage ? (_jsx(MediaImage, { src: cat.display.coverImage, alt: "", size: "thumbnail", className: "w-full h-full object-cover" })) : (_jsx("div", { className: "w-full h-full flex items-center justify-center text-base", style: { backgroundColor: cat.display?.color ?? "#94a3b8" }, children: cat.display?.icon ?? "🗂️" })) })),
-            },
-            {
-                key: "name",
-                header: L.colName,
-                sortable: true,
-                render: (cat) => (_jsxs("div", { style: { paddingLeft: `${cat.tier * 20}px` }, children: [cat.name, cat.tier > 0 && (_jsxs(Span, { className: "text-zinc-400 text-xs ml-2", children: ["(Tier ", cat.tier, ")"] }))] })),
-            },
-            {
-                key: "slug",
-                header: L.colSlug,
-                sortable: true,
-            },
-            {
-                key: "metrics",
-                header: L.colProducts,
-                render: (cat) => (_jsxs(Span, { className: "text-sm", children: [cat.metrics.productCount, " (", cat.metrics.totalProductCount, ")"] })),
-            },
-            {
-                key: "isActive",
-                header: L.colStatus,
-                sortable: true,
-                render: (cat) => (_jsx(StatusBadge, { status: cat.isActive ? "active" : "inactive", label: cat.isActive ? L.statusActive : L.statusInactive })),
-            },
-        ],
-        actions: (cat) => (_jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "ghost", onClick: (e) => {
-                        e.stopPropagation();
-                        onEdit(cat);
-                    }, className: "text-primary hover:text-primary/80", children: L.actionEdit }), _jsx(Button, { variant: "ghost", onClick: (e) => {
-                        e.stopPropagation();
-                        onDelete(cat);
-                    }, className: "text-red-600 hover:text-red-800 dark:text-red-400", children: L.actionDelete })] })),
-    };
-}

package/dist/features/categories/components/CategoryTree.d.ts

@@ -1,15 +0,0 @@
-import type { CategoryItem } from "../types";
-export interface CategoryTreeProps {
-    /** Flat list of categories; the tree is built from `parentIds`/`childrenIds`. */
-    categories: CategoryItem[];
-    activeId?: string;
-    onSelect?: (category: CategoryItem) => void;
-    className?: string;
-}
-/**
- * CategoryTree — hierarchical expandable navigation for categories.
- *
- * Builds a tree from a flat list by grouping on `rootId` and `parentIds`.
- * Root-level nodes have `tier === 0` or no `parentIds`.
- */
-export declare function CategoryTree({ categories, activeId, onSelect, className, }: CategoryTreeProps): import("react/jsx-runtime").JSX.Element;