@mohasinac/appkit 2.7.58 → 2.7.59

package/dist/ui/components/ListingFilterDrawer.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface ListingFilterDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    onApply: () => void;
+    onClear: () => void;
+    activeCount: number;
+    children: React.ReactNode;
+}
+export declare function ListingFilterDrawer({ open, onClose, onApply, onClear, activeCount, children, }: ListingFilterDrawerProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/ui/components/ListingFilterDrawer.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { X } from "lucide-react";
+export function ListingFilterDrawer({ open, onClose, onApply, onClear, activeCount, children, }) {
+    if (!open)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: onClose }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeCount > 0 && (_jsx("button", { type: "button", onClick: onClear, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: children }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: onApply, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", activeCount > 0 ? ` (${activeCount})` : ""] }) })] })] }));
+}

package/dist/ui/index.d.ts

@@ -159,6 +159,8 @@ export type { ActiveFilter, ActiveFilterChipsProps, } from "./components/ActiveF
 export { ActiveFilterChips } from "./components/ActiveFilterChips";
 export type { SortOption, SortDropdownProps } from "./components/SortDropdown";
 export { SortDropdown } from "./components/SortDropdown";
+export type { ListingFilterDrawerProps } from "./components/ListingFilterDrawer";
+export { ListingFilterDrawer } from "./components/ListingFilterDrawer";
 export type { ListingToolbarProps, ListingToolbarSortOption, ListingToolbarLabels, ListingToolbarToggle } from "./components/ListingToolbar";
 export { ListingToolbar } from "./components/ListingToolbar";
 export type { TablePaginationProps, TablePaginationLabels, } from "./components/TablePagination";

package/dist/ui/index.js

@@ -82,6 +82,7 @@ export { AvatarDisplay } from "./components/AvatarDisplay";
 export { DashboardStatsCard } from "./components/DashboardStatsCard";
 export { ActiveFilterChips } from "./components/ActiveFilterChips";
 export { SortDropdown } from "./components/SortDropdown";
+export { ListingFilterDrawer } from "./components/ListingFilterDrawer";
 export { ListingToolbar } from "./components/ListingToolbar";
 export { TablePagination } from "./components/TablePagination";
 export { DataTable } from "./DataTable";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mohasinac/appkit",
-  "version": "2.7.58",
+  "version": "2.7.59",
   "license": "MIT",
   "publishConfig": {
     "access": "public"