@mohasinac/appkit 2.7.46 → 2.7.48

package/dist/ui/components/Drawer.style.css

@@ -68,6 +68,19 @@
   .appkit-drawer__panel--md { width: 24rem; }
 }
 
+/* FilterDrawer responsive size: full-width (lg) on mobile, fixed md-width on desktop */
+.appkit-drawer__panel--filter {
+  width: 100%;
+  max-width: 30rem;
+}
+
+@media (min-width: 1024px) {
+  .appkit-drawer__panel--filter {
+    width: 24rem;
+    max-width: none;
+  }
+}
+
 .appkit-drawer__drag-wrap {
   display: flex;
   justify-content: center;

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

@@ -12,7 +12,9 @@ export interface FilterDrawerProps {
     triggerLabel?: string;
     triggerClassName?: string;
     hideTrigger?: boolean;
-    /** Which side the drawer slides in from. Default: "bottom" (slides up, mobile-first). */
+    /** Which side the drawer slides in from. Default: "right". */
     side?: "left" | "right" | "bottom";
+    /** Width for left/right drawers. Default: "md" (responsive: full-width on mobile, 24rem on desktop). */
+    size?: "sm" | "md" | "lg" | "full";
 }
-export declare function FilterDrawer({ children, title, open, onOpen, onClose, onApply, onReset, activeCount, pendingCount, triggerLabel, triggerClassName, hideTrigger, side, }: FilterDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterDrawer({ children, title, open, onOpen, onClose, onApply, onReset, activeCount, pendingCount, triggerLabel, triggerClassName, hideTrigger, side, size, }: FilterDrawerProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/FilterDrawer.js

@@ -4,7 +4,7 @@ import React from "react";
 import { Button } from "./Button";
 import { Drawer } from "./Drawer";
 import { Span } from "./Typography";
-export function FilterDrawer({ children, title = "Filters", open, onOpen, onClose, onApply, onReset, activeCount = 0, pendingCount, triggerLabel = "Filters", triggerClassName = "", hideTrigger = false, side = "bottom", }) {
+export function FilterDrawer({ children, title = "Filters", open, onOpen, onClose, onApply, onReset, activeCount = 0, pendingCount, triggerLabel = "Filters", triggerClassName = "", hideTrigger = false, side = "right", size = "md", }) {
     const [internalOpen, setInternalOpen] = React.useState(false);
     const isControlled = open !== undefined;
     const isOpen = isControlled ? open : internalOpen;
@@ -33,7 +33,7 @@ export function FilterDrawer({ children, title = "Filters", open, onOpen, onClos
                         handleOpen();
                 }, className: ["appkit-filter-drawer__trigger", triggerClassName]
                     .filter(Boolean)
-                    .join(" "), "aria-label": triggerLabel, children: [_jsx(Span, { children: triggerLabel }), activeCount > 0 ? (_jsx(Span, { className: "appkit-filter-drawer__badge", children: activeCount })) : null] })) : null, _jsx(Drawer, { isOpen: isOpen, onClose: handleClose, title: title, side: side, footer: _jsxs("div", { className: "appkit-filter-drawer__footer", "data-section": "filterdrawer-div-494", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: onReset, children: "Reset all" }), _jsx(Button, { type: "button", variant: "primary", onClick: handleApply, children: pendingCount != null && pendingCount > 0
+                    .join(" "), "aria-label": triggerLabel, children: [_jsx(Span, { children: triggerLabel }), activeCount > 0 ? (_jsx(Span, { className: "appkit-filter-drawer__badge", children: activeCount })) : null] })) : null, _jsx(Drawer, { isOpen: isOpen, onClose: handleClose, title: title, side: side, size: size, className: "appkit-drawer__panel--filter", footer: _jsxs("div", { className: "appkit-filter-drawer__footer", "data-section": "filterdrawer-div-494", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: onReset, children: "Reset all" }), _jsx(Button, { type: "button", variant: "primary", onClick: handleApply, children: pendingCount != null && pendingCount > 0
                                 ? `Apply (${pendingCount})`
                                 : "Apply" })] }), children: _jsx("div", { className: "appkit-filter-drawer__body", "data-section": "filterdrawer-div-495", children: children }) })] }));
 }

package/package.json

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