@appcorp/shadcn 1.2.0 → 2.0.1

package/data/admin-dashboard.js

@@ -1,304 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.adminDashboardData = void 0;
-var lucide_react_1 = require("lucide-react");
-exports.adminDashboardData = {
-    apps: [
-        {
-            name: "Analytics",
-            url: "#",
-            icon: lucide_react_1.PieChart,
-            enabled: true,
-            order: 1,
-        },
-        {
-            name: "Terminal",
-            url: "#",
-            icon: lucide_react_1.SquareTerminal,
-            enabled: true,
-            order: 2,
-        },
-    ],
-    offerUrl: "/offer",
-    username: "Muntazim",
-    email: "admin@company.com",
-    avatar: "https://www.w3schools.com/w3images/avatar6.png",
-    showLanguageSelector: true,
-    handleSignOut: function () { return console.log("Sign out"); },
-    clearBrowserCache: function () { return console.log("Clear browser cache"); },
-    profiles: [
-        {
-            name: "Subhan",
-            avatar: "https://www.w3schools.com/w3images/avatar6.png",
-            age: "3 Yrs",
-            enabled: true,
-            order: 1,
-        },
-        {
-            name: "Mustajab",
-            avatar: "https://www.w3schools.com/w3images/avatar6.png",
-            age: "4 Yrs",
-            enabled: false,
-            order: 2,
-        },
-    ],
-    navItems: [
-        {
-            title: "Dashboard",
-            url: "/dashboard",
-            icon: lucide_react_1.SquareTerminal,
-            isActive: false,
-            enabled: true,
-            order: 1,
-            subItems: [],
-        },
-        {
-            title: "Flashcard Category",
-            url: "#",
-            icon: lucide_react_1.Bot,
-            isActive: true,
-            enabled: true,
-            order: 2,
-            subItems: [
-                {
-                    title: "Manage",
-                    url: "",
-                    isActive: true,
-                    enabled: true,
-                    order: 1,
-                },
-                {
-                    title: "Toddler / Early childhood",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 2,
-                },
-                {
-                    title: "Preschool / Pre-kindergarten",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 3,
-                },
-                {
-                    title: "Kindergarten",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 4,
-                },
-                {
-                    title: "Grade / Standard 1",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 5,
-                },
-                {
-                    title: "Grade / Standard 2",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 6,
-                },
-                {
-                    title: "Grade / Standard 3",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 7,
-                },
-                {
-                    title: "Grade / Standard 4",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 8,
-                },
-                {
-                    title: "Grade / Standard 5",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 9,
-                },
-            ],
-        },
-        {
-            title: "Flashcard",
-            url: "#",
-            icon: lucide_react_1.Bot,
-            isActive: false,
-            enabled: true,
-            order: 3,
-            subItems: [
-                {
-                    title: "Toddler / Early childhood",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 1,
-                },
-                {
-                    title: "Preschool / Pre-kindergarten",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 2,
-                },
-                {
-                    title: "Kindergarten",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 3,
-                },
-                {
-                    title: "Grade / Standard 1",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 4,
-                },
-                {
-                    title: "Grade / Standard 2",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 5,
-                },
-                {
-                    title: "Grade / Standard 3",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 6,
-                },
-                {
-                    title: "Grade / Standard 4",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 7,
-                },
-                {
-                    title: "Grade / Standard 5",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 8,
-                },
-            ],
-        },
-        {
-            title: "Quizzes",
-            url: "#",
-            icon: lucide_react_1.BookOpen,
-            isActive: false,
-            enabled: true,
-            order: 4,
-            subItems: [
-                {
-                    title: "Introduction",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 1,
-                },
-                {
-                    title: "Get Started",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 2,
-                },
-                {
-                    title: "Tutorials",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 3,
-                },
-                {
-                    title: "Changelog",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 4,
-                },
-            ],
-        },
-        {
-            title: "Settings",
-            url: "#",
-            icon: lucide_react_1.Settings2,
-            isActive: false,
-            enabled: true,
-            order: 5,
-            subItems: [
-                {
-                    title: "General",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 1,
-                },
-                {
-                    title: "Kids",
-                    url: "#",
-                    isActive: false,
-                    enabled: true,
-                    order: 2,
-                },
-            ],
-        },
-    ],
-    footerNavItems: [
-        {
-            title: "Upgrade to Pro",
-            url: "#",
-            icon: lucide_react_1.Sparkles,
-            isActive: false,
-            enabled: true,
-            order: 1,
-            subItems: [],
-        },
-        {
-            title: "Divider",
-            url: "#",
-            icon: lucide_react_1.Sparkles,
-            isActive: false,
-            enabled: true,
-            order: 2,
-            subItems: [],
-        },
-        {
-            title: "Account",
-            url: "#",
-            icon: lucide_react_1.BadgeCheck,
-            isActive: false,
-            enabled: true,
-            order: 3,
-            subItems: [],
-        },
-        {
-            title: "Billing",
-            url: "#",
-            icon: lucide_react_1.CreditCard,
-            isActive: false,
-            enabled: true,
-            order: 4,
-            subItems: [],
-        },
-        {
-            title: "Notifications",
-            url: "#",
-            icon: lucide_react_1.Bell,
-            isActive: false,
-            enabled: true,
-            order: 5,
-            subItems: [],
-        },
-    ],
-};
+"use strict";import{BadgeCheck as a,Bell as l,BookOpen as i,Bot as e,CreditCard as d,PieChart as s,Settings2 as o,Sparkles as r,SquareTerminal as t}from"lucide-react";export const adminDashboardData={apps:[{name:"Analytics",url:"#",icon:s,enabled:!0,order:1},{name:"Terminal",url:"#",icon:t,enabled:!0,order:2}],offerUrl:"/offer",username:"Muntazim",email:"admin@company.com",avatar:"https://www.w3schools.com/w3images/avatar6.png",showLanguageSelector:!0,handleSignOut:()=>console.log("Sign out"),clearBrowserCache:()=>console.log("Clear browser cache"),profiles:[{name:"Subhan",avatar:"https://www.w3schools.com/w3images/avatar6.png",age:"3 Yrs",enabled:!0,order:1},{name:"Mustajab",avatar:"https://www.w3schools.com/w3images/avatar6.png",age:"4 Yrs",enabled:!1,order:2}],navItems:[{title:"Dashboard",url:"/dashboard",icon:t,isActive:!1,enabled:!0,order:1,subItems:[]},{title:"Flashcard Category",url:"#",icon:e,isActive:!0,enabled:!0,order:2,subItems:[{title:"Manage",url:"",isActive:!0,enabled:!0,order:1},{title:"Toddler / Early childhood",url:"#",isActive:!1,enabled:!0,order:2},{title:"Preschool / Pre-kindergarten",url:"#",isActive:!1,enabled:!0,order:3},{title:"Kindergarten",url:"#",isActive:!1,enabled:!0,order:4},{title:"Grade / Standard 1",url:"#",isActive:!1,enabled:!0,order:5},{title:"Grade / Standard 2",url:"#",isActive:!1,enabled:!0,order:6},{title:"Grade / Standard 3",url:"#",isActive:!1,enabled:!0,order:7},{title:"Grade / Standard 4",url:"#",isActive:!1,enabled:!0,order:8},{title:"Grade / Standard 5",url:"#",isActive:!1,enabled:!0,order:9}]},{title:"Flashcard",url:"#",icon:e,isActive:!1,enabled:!0,order:3,subItems:[{title:"Toddler / Early childhood",url:"#",isActive:!1,enabled:!0,order:1},{title:"Preschool / Pre-kindergarten",url:"#",isActive:!1,enabled:!0,order:2},{title:"Kindergarten",url:"#",isActive:!1,enabled:!0,order:3},{title:"Grade / Standard 1",url:"#",isActive:!1,enabled:!0,order:4},{title:"Grade / Standard 2",url:"#",isActive:!1,enabled:!0,order:5},{title:"Grade / Standard 3",url:"#",isActive:!1,enabled:!0,order:6},{title:"Grade / Standard 4",url:"#",isActive:!1,enabled:!0,order:7},{title:"Grade / Standard 5",url:"#",isActive:!1,enabled:!0,order:8}]},{title:"Quizzes",url:"#",icon:i,isActive:!1,enabled:!0,order:4,subItems:[{title:"Introduction",url:"#",isActive:!1,enabled:!0,order:1},{title:"Get Started",url:"#",isActive:!1,enabled:!0,order:2},{title:"Tutorials",url:"#",isActive:!1,enabled:!0,order:3},{title:"Changelog",url:"#",isActive:!1,enabled:!0,order:4}]},{title:"Settings",url:"#",icon:o,isActive:!1,enabled:!0,order:5,subItems:[{title:"General",url:"#",isActive:!1,enabled:!0,order:1},{title:"Kids",url:"#",isActive:!1,enabled:!0,order:2}]}],footerNavItems:[{title:"Upgrade to Pro",url:"#",icon:r,isActive:!1,enabled:!0,order:1,subItems:[]},{title:"Divider",url:"#",icon:r,isActive:!1,enabled:!0,order:2,subItems:[]},{title:"Account",url:"#",icon:a,isActive:!1,enabled:!0,order:3,subItems:[]},{title:"Billing",url:"#",icon:d,isActive:!1,enabled:!0,order:4,subItems:[]},{title:"Notifications",url:"#",icon:l,isActive:!1,enabled:!0,order:5,subItems:[]}]};

package/hooks/use-enhanced-combobox.js

@@ -1,150 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEnhancedCombobox = void 0;
-var react_1 = __importStar(require("react"));
-var fetch_data_1 = require("@react-pakistan/util-functions/general/fetch-data");
-var api_methods_1 = require("@react-pakistan/util-functions/constants/api-methods");
-var use_debounce_1 = require("@react-pakistan/util-functions/hooks/use-debounce");
-var enhanced_combobox_1 = require("../components/enhanced-combobox");
-var useEnhancedCombobox = function (_a) {
-    var emptyText = _a.emptyText, error = _a.error, formatSearchResult = _a.formatSearchResult, id = _a.id, info = _a.info, label = _a.label, onValueChange = _a.onValueChange, options = _a.options, placeholder = _a.placeholder, required = _a.required, searchEndpoint = _a.searchEndpoint, searchPlaceholder = _a.searchPlaceholder, value = _a.value;
-    var _b = (0, react_1.useState)(""), searchQuery = _b[0], setSearchQuery = _b[1];
-    var _c = (0, react_1.useState)([]), searchOptions = _c[0], setSearchOptions = _c[1];
-    var _d = (0, react_1.useState)(false), loading = _d[0], setLoading = _d[1];
-    var debouncedSearchQuery = (0, use_debounce_1.useDebounce)(searchQuery, 800);
-    (0, react_1.useEffect)(function () {
-        if (!debouncedSearchQuery) {
-            setSearchOptions([]);
-            setLoading(false);
-            return;
-        }
-        setLoading(true);
-        (function () { return __awaiter(void 0, void 0, void 0, function () {
-            var data, formatter, error_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, 3, 4]);
-                        return [4 /*yield*/, (0, fetch_data_1.fetchData)({
-                                url: searchEndpoint,
-                                method: api_methods_1.API_METHODS.GET,
-                                params: { searchQuery: debouncedSearchQuery },
-                            })];
-                    case 1:
-                        data = (_a.sent()).data;
-                        formatter = formatSearchResult ||
-                            (function (item) {
-                                var _a, _b;
-                                return ({
-                                    label: String((_a = item.label) !== null && _a !== void 0 ? _a : ""),
-                                    value: String((_b = item.value) !== null && _b !== void 0 ? _b : ""),
-                                });
-                            });
-                        setSearchOptions((data.items || []).map(formatter));
-                        return [3 /*break*/, 4];
-                    case 2:
-                        error_1 = _a.sent();
-                        console.error("Failed to fetch expense categories:", error_1);
-                        setSearchOptions([]);
-                        return [3 /*break*/, 4];
-                    case 3:
-                        setLoading(false);
-                        return [7 /*endfinally*/];
-                    case 4: return [2 /*return*/];
-                }
-            });
-        }); })();
-    }, [debouncedSearchQuery, searchEndpoint]);
-    var mappedOptions = (0, react_1.useMemo)(function () {
-        return searchOptions.length > 0 ? searchOptions : options;
-    }, [searchOptions, options]);
-    var handleSearchChange = (0, react_1.useCallback)(function (query) {
-        setSearchQuery(query);
-    }, []);
-    var enhancedComboboxElement = (0, react_1.useMemo)(function () { return (react_1.default.createElement(enhanced_combobox_1.EnhancedCombobox, { emptyText: emptyText, error: error, id: id, info: info, label: label, loading: loading, onSearchChange: handleSearchChange, onValueChange: onValueChange, options: mappedOptions, placeholder: placeholder, required: required, searchPlaceholder: searchPlaceholder, value: value })); }, [
-        emptyText,
-        error,
-        handleSearchChange,
-        id,
-        info,
-        label,
-        loading,
-        mappedOptions,
-        onValueChange,
-        placeholder,
-        required,
-        searchPlaceholder,
-        value,
-    ]);
-    return { enhancedComboboxElement: enhancedComboboxElement };
-};
-exports.useEnhancedCombobox = useEnhancedCombobox;
+"use strict";import M,{useCallback as V,useEffect as O,useMemo as Q,useState as r}from"react";import{EnhancedCombobox as k}from"../components/enhanced-combobox";const A={GET:"GET"};function F(e,t){const[c,n]=r(e);return O(()=>{const a=setTimeout(()=>n(e),t);return()=>clearTimeout(a)},[e,t]),c}export const useEnhancedCombobox=({emptyText:e,error:t,formatSearchResult:c,id:n,info:a,label:d,onValueChange:b,options:f,placeholder:p,required:g,searchEndpoint:E,searchPlaceholder:S,value:C})=>{const[v,G]=r(""),[s,u]=r([]),[x,l]=r(!1),i=F(v,800);O(()=>{if(!i){u([]),l(!1);return}l(!0),(async()=>{try{const{fetchData:o}=await import("@react-pakistan/util-functions/general/fetch-data"),{data:_}=await o({url:E,method:A.GET,params:{searchQuery:i}}),w=c||(D=>{var m,h;return{label:String((m=D.label)!==null&&m!==void 0?m:""),value:String((h=D.value)!==null&&h!==void 0?h:"")}});u((_.items||[]).map(w))}catch(o){console.error("Failed to fetch expense categories:",o),u([])}finally{l(!1)}})()},[i,E]);const y=Q(()=>s.length>0?s:f,[s,f]),T=V(o=>{G(o)},[]);return{enhancedComboboxElement:Q(()=>M.createElement(k,{emptyText:e,error:t,id:n,info:a,label:d,loading:x,onSearchChange:T,onValueChange:b,options:y,placeholder:p,required:g,searchPlaceholder:S,value:C}),[e,t,T,n,a,d,x,y,b,p,g,S,C])}};

package/hooks/use-mobile.js

@@ -1,51 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsMobile = useIsMobile;
-var React = __importStar(require("react"));
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-    var _a = React.useState(undefined), isMobile = _a[0], setIsMobile = _a[1];
-    React.useEffect(function () {
-        var mql = window.matchMedia("(max-width: ".concat(MOBILE_BREAKPOINT - 1, "px)"));
-        var onChange = function () {
-            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-        };
-        mql.addEventListener("change", onChange);
-        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-        return function () { return mql.removeEventListener("change", onChange); };
-    }, []);
-    return !!isMobile;
-}
+"use strict";import*as o from"react";const e=768;export function useIsMobile(){const[s,n]=o.useState(void 0);return o.useEffect(()=>{const t=window.matchMedia(`(max-width: ${e-1}px)`),i=()=>{n(window.innerWidth<e)};return t.addEventListener("change",i),n(window.innerWidth<e),()=>t.removeEventListener("change",i)},[]),!!s}

package/hooks/use-outside-click.js

@@ -1,23 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOutsideClick = void 0;
-var react_1 = require("react");
-var useOutsideClick = function (ref, callback) {
-    (0, react_1.useEffect)(function () {
-        var listener = function (event) {
-            var target = event.target;
-            // DO NOTHING if the element being clicked is the target element or their children
-            if (!ref.current || (target && ref.current.contains(target))) {
-                return;
-            }
-            callback(event);
-        };
-        document.addEventListener("mousedown", listener);
-        document.addEventListener("touchstart", listener);
-        return function () {
-            document.removeEventListener("mousedown", listener);
-            document.removeEventListener("touchstart", listener);
-        };
-    }, [ref, callback]);
-};
-exports.useOutsideClick = useOutsideClick;
+"use strict";import{useEffect as s}from"react";export const useOutsideClick=(e,n)=>{s(()=>{const t=r=>{const o=r.target;!e.current||o&&e.current.contains(o)||n(r)};return document.addEventListener("mousedown",t),document.addEventListener("touchstart",t),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",t)}},[e,n])};