funuicss 2.5.7 → 2.5.9

package/ui/appbar/AppBar.tsx

@@ -1,10 +1,9 @@
-'use client'
+'use client';
 import * as React from 'react';
 import { useState, useEffect } from 'react';
-import { PiList, PiX } from 'react-icons/pi';
+import { usePathname } from 'next/navigation'; // <-- Updated import
 import Hamburger from './Hamburger';
 
-
 interface NavbarProps {
   fixedTop?: boolean;
   funcss?: string;
@@ -35,6 +34,7 @@ export default function AppBar({
 }: NavbarProps) {
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
   const [isMobileScreen, setIsMobileScreen] = useState(false);
+  const pathname = usePathname(); // <-- New hook to detect path changes
 
   const toggleMenu = () => setIsMobileMenuOpen((prev) => !prev);
   const closeMenu = () => setIsMobileMenuOpen(false);
@@ -44,7 +44,7 @@ export default function AppBar({
       const isMobile = window.innerWidth < 768;
       setIsMobileScreen(isMobile);
       if (!isMobile) {
-        setIsMobileMenuOpen(false); // auto-close on large screens
+        closeMenu(); // close on larger screens
       }
     };
 
@@ -53,15 +53,18 @@ export default function AppBar({
     return () => window.removeEventListener('resize', handleResize);
   }, []);
 
+  // Automatically close menu on route (pathname) change
+  useEffect(() => {
+    closeMenu();
+  }, [pathname]);
 
-  const Trigger = ({ isOpen }) => {
-    return <Hamburger isOpen={isOpen} />
-  }
+  const Trigger = ({ isOpen }: { isOpen: boolean }) => {
+    return <Hamburger isOpen={isOpen} />;
+  };
 
   return (
     <nav
-      className={`
-        navigation-bar
+      className={`navigation-bar
         ${isMobileMenuOpen ? 'navbar-mobile-open' : ''}
         ${funcss || ''}
         ${fixedTop ? 'fixed_top_navbar' : ''}
@@ -76,11 +79,9 @@ export default function AppBar({
     >
       <div className="logoWrapper">
         {left}
-
-        {/* Show close icon only when mobile and menu is open */}
         {isMobileScreen && isMobileMenuOpen && (
           <div className="hover-text-error pointer _closeNav" onClick={closeMenu}>
-       <Trigger isOpen={isMobileMenuOpen}/>
+            <Trigger isOpen={isMobileMenuOpen} />
           </div>
         )}
       </div>
@@ -88,10 +89,9 @@ export default function AppBar({
       <div className="linkWrapper">{center}</div>
       <div className="linkWrapper">{right}</div>
 
-      {/* Show trigger only when mobile and menu is not open */}
       {isMobileScreen && !isMobileMenuOpen && (
         <span className="sidebar-trigger pointer hover-text-primary" onClick={toggleMenu}>
-          {sidebarTrigger || <Trigger isOpen={isMobileMenuOpen}/>}
+          {sidebarTrigger || <Trigger isOpen={isMobileMenuOpen} />}
         </span>
       )}
     </nav>

package/ui/appbar/Hamburger.js

@@ -16,13 +16,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 });
 var react_1 = __importStar(require("react"));
 var Hamburger = function (_a) {

package/ui/avatar/Avatar.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -15,14 +16,25 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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.default = Avatar;
 var React = __importStar(require("react"));
 function Avatar(_a) {
     var funcss = _a.funcss, children = _a.children, size = _a.size, bg = _a.bg, content = _a.content;
@@ -32,4 +44,3 @@ function Avatar(_a) {
         } },
         React.createElement(React.Fragment, null, content ? content : children)));
 }
-exports.default = Avatar;

package/ui/avatar/Avatar.tsx

@@ -1,3 +1,4 @@
+'use client'; 
 import  { ReactNode } from 'react';
 import * as React from 'react'
 interface AvatarProps {

package/ui/blob/Blob.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 });
 var React = __importStar(require("react"));
 var Blob = function (_a) {

package/ui/breadcrumb/BreadCrumb.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -15,14 +16,25 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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.default = BreadCrumb;
 var React = __importStar(require("react"));
 var pi_1 = require("react-icons/pi");
 function BreadCrumb(_a) {
@@ -38,4 +50,3 @@ function BreadCrumb(_a) {
                 React.createElement(pi_1.PiCaretLeft, null)))),
         type === 'straight' && (React.createElement("span", { style: { lineHeight: "0" }, className: " ".concat(funcss ? funcss : '', " ").concat(color ? 'text-' + color : '') }, ' | '))));
 }
-exports.default = BreadCrumb;

package/ui/breadcrumb/BreadCrumb.tsx

@@ -1,3 +1,4 @@
+'use client'; 
 import * as React from 'react';
 import { PiCaretLeft, PiCaretRight } from 'react-icons/pi';
 interface BreadCrumbProps {

package/ui/button/Button.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -26,13 +27,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -45,6 +56,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Button;
 var React = __importStar(require("react"));
 var pi_1 = require("react-icons/pi");
 function Button(_a) {
@@ -97,4 +109,3 @@ function Button(_a) {
             text ? text : children,
             endIcon && React.createElement("span", { className: "btn_right_icon", style: { lineHeight: "0" } }, endIcon))));
 }
-exports.default = Button;

package/ui/button/Button.tsx

@@ -1,4 +1,4 @@
-
+'use client'; 
 import  { ReactNode, HTMLProps, MouseEvent, ChangeEvent } from 'react';
 import * as React from 'react';
 import { PiInfo , PiCheck , PiWarning , PiX , PiSpinner } from "react-icons/pi";
@@ -75,17 +75,16 @@ export default function Button({
   onClick,
   ...rest
 }: ButtonProps) {
-  function removeNumbers(text:string) {
+  function removeNumbers(text:any) {
   return text.replace(/[0-9]/g, '');
 }
-function hasNumberAbove(text:string) {
+function hasNumberAbove(text:any) {
   const matches = text.match(/\d+/g); // find all numbers in the string
   if (!matches) return false;
-
-  return matches.some(num => parseInt(num) >= 400);
+  return matches.some((num: string) => parseInt(num) >= 400);
 }
 
-function hasNumber(text:string) {
+function hasNumber(text:any) {
   return /\d/.test(text);
 }
 

package/ui/card/Card.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -25,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Card;
 var react_1 = __importDefault(require("react"));
 var CardHeader_1 = __importDefault(require("./CardHeader"));
 var CardBody_1 = __importDefault(require("./CardBody"));
@@ -49,4 +51,3 @@ function Card(_a) {
         footer && !horizontal ? react_1.default.createElement(CardFooter_1.default, null, footer) : '',
         children));
 }
-exports.default = Card;

package/ui/card/Card.tsx

@@ -1,3 +1,4 @@
+'use client'; 
 import React, { ReactNode } from 'react';
 import CardHeader from './CardHeader';
 import CardBody from './CardBody';

package/ui/card/CardBody.js

@@ -25,9 +25,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CardBody;
 var react_1 = __importDefault(require("react"));
 function CardBody(_a) {
     var funcss = _a.funcss, children = _a.children, rest = __rest(_a, ["funcss", "children"]);
     return (react_1.default.createElement("div", __assign({ className: "card-body ".concat(funcss || '') }, rest), children));
 }
-exports.default = CardBody;

package/ui/card/CardFab.js

@@ -26,9 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CardFab;
 var react_1 = __importDefault(require("react"));
 function CardFab(_a) {
     var funcss = _a.funcss, position = _a.position, children = _a.children, rest = __rest(_a, ["funcss", "position", "children"]);
     return (react_1.default.createElement("div", __assign({ className: "card-fab ".concat(funcss || '', " ").concat(position || '') }, rest), children));
 }
-exports.default = CardFab;

package/ui/card/CardFooter.js

@@ -25,9 +25,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CardFooter;
 var react_1 = __importDefault(require("react"));
 function CardFooter(_a) {
     var funcss = _a.funcss, children = _a.children, rest = __rest(_a, ["funcss", "children"]);
     return (react_1.default.createElement("div", __assign({ className: "card-footer ".concat(funcss || '') }, rest), children));
 }
-exports.default = CardFooter;

package/ui/card/CardHeader.js

@@ -25,9 +25,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CardHeader;
 var react_1 = __importDefault(require("react"));
 function CardHeader(_a) {
     var funcss = _a.funcss, children = _a.children, rest = __rest(_a, ["funcss", "children"]);
     return (react_1.default.createElement("div", __assign({ className: "card-header ".concat(funcss || '') }, rest), children));
 }
-exports.default = CardHeader;

package/ui/container/Container.js

@@ -27,13 +27,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/ui/container/Container.tsx

@@ -1,4 +1,4 @@
-'use client'
+'use client'; 
 import { ReactNode, CSSProperties, HTMLProps } from 'react';
 import * as React from 'react';
 

package/ui/div/Div.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -26,13 +27,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/ui/div/Div.tsx

@@ -1,3 +1,4 @@
+'use client'; 
 import * as React from 'react';
 
 type DivProps = {

package/ui/drop/Action.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 });
 var React = __importStar(require("react"));
 var DropAction = function (_a) {

package/ui/drop/Down.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 });
 var React = __importStar(require("react"));
 var DropDown = function (_a) {

package/ui/drop/Dropdown.js

@@ -16,13 +16,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 });
 var react_1 = __importStar(require("react"));
 var Dropdown = function (_a) {

package/ui/drop/Dropdown.tsx

@@ -1,5 +1,4 @@
-'use client';
-
+'use client'; 
 import React, { useState, useRef, useEffect } from 'react';
 
 type Position = 'left' | 'right';

package/ui/drop/Item.js

@@ -15,17 +15,27 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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.default = DropItem;
 var React = __importStar(require("react"));
 function DropItem(_a) {
     var children = _a.children, funcss = _a.funcss, onClick = _a.onClick;
     return (React.createElement("div", { className: "".concat(funcss, " drop-item"), onClick: onClick }, children));
 }
-exports.default = DropItem;