@layerswap/widget 0.1.18 → 1.0.0-alpha0.1

package/dist/components/Widget/Index.js

@@ -4,13 +4,11 @@ import { default as Content } from './Content';
 import { default as Footer } from './Footer';
 import { useRef } from "react";
 import AppSettings from "../../lib/AppSettings";
-import { WalletModalProvider } from "../Wallet/WalletModal";
-const Widget = ({ children, className, hideMenu }) => {
+const Widget = ({ children, hideMenu, goBack, contextualMenu }) => {
     const wrapper = useRef(null);
-    const handleBack = null;
-    return _jsx(WalletModalProvider, { children: _jsxs("div", { id: "widget", className: "bg-secondary-900 rounded-lg w-full sm:overflow-hidden relative text-left", children: [_jsx("div", { className: "relative z-20", children: AppSettings.ApiVersion === 'sandbox' &&
-                        _jsxs("div", { children: [_jsx("div", { className: "h-0.5 bg-[#D95E1B]" }), _jsx("div", { className: "absolute -top-0.5 right-[calc(50%-68px)] bg-[#D95E1B] py-0.5 px-10 rounded-b-md text-xs scale-75", children: "TESTNET" })] }) }), !hideMenu &&
-                    _jsx(HeaderWithMenu, { goBack: handleBack }), _jsx("div", { className: 'text-center text-xl text-secondary-100' }), _jsx("div", { className: "relative px-6", children: _jsx("div", { className: "flex items-start", ref: wrapper, children: _jsx("div", { className: `flex flex-nowrap grow`, children: _jsx("div", { className: `w-full pb-6 flex flex-col justify-between space-y-5 text-secondary-text h-full ${className}`, children: children }) }) }) }), _jsx("div", { id: "widget_root" })] }) });
+    return _jsxs("div", { className: "relative p-px", children: [_jsx("div", { className: "invisible sm:visible absolute inset-0 rounded-[25px] bg-gradient-to-t from-secondary-800 to-secondary-300 pointer-events-none" }), _jsxs("div", { id: "widget", className: 'md:shadow-lg rounded-3xl w-full sm:overflow-hidden relative bg-gradient-to-b from-secondary-700 to-secondary-700 max-sm:has-openpicker:min-h-svh sm:has-openpicker:min-h-[79svh] has-openwithdrawalmodal:min-h-[650px] h-full flex flex-col', children: [AppSettings.ApiVersion === 'sandbox' &&
+                        _jsx("div", { className: "relative z-20", children: _jsx("div", { className: "absolute -top-1 right-[calc(50%-68px)] bg-[#D95E1B] py-0.5 px-10 rounded-b-md text-xs scale-75", children: "TESTNET" }) }), !hideMenu &&
+                        _jsx(HeaderWithMenu, { goBack: goBack, contextualMenu: contextualMenu }), _jsx("div", { className: "relative flex-col px-4 h-full min-h-0 flex flex-1", children: _jsx("div", { className: "flex flex-col flex-1 items-start h-full min-h-0 pb-4 w-full", ref: wrapper, children: children }) }), _jsx("div", { id: "widget_root" })] })] });
 };
 Widget.Content = Content;
 Widget.Footer = Footer;

package/dist/components/WidgetLoading.js

@@ -3,5 +3,5 @@ import { MenuIcon } from "lucide-react";
 import ColorSchema from "./ColorSchema";
 import AppSettings from "../lib/AppSettings";
 export const WidgetLoading = () => {
-    return (_jsxs(_Fragment, { children: [_jsx(ColorSchema, { themeData: AppSettings.ThemeData }), _jsx("div", { className: "layerswap-styles w-full h-full z-[1] sm:mb-6 mx-auto", children: _jsx("div", { className: "flex h-full content-center items-center justify-center flex-col container mx-auto", children: _jsx("div", { className: "flex h-full flex-col w-full", children: _jsx("div", { className: "bg-secondary-900 rounded-lg w-full sm:overflow-hidden relative text-left", children: _jsx("div", { className: "relative", children: _jsx("div", { className: "flex items-start", children: _jsx("div", { className: "flex flex-nowrap grow w-full", children: _jsx("div", { className: "w-full pb-6 flex flex-col justify-between text-secondary-500 sm:min-h-[500px] h-full", children: _jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "w-full grid grid-cols-5 px-6 mt-3 pb-1", children: _jsx("div", { className: "col-start-5 justify-self-end self-center flex items-center gap-x-1 -mr-2", children: _jsx("div", { className: "mx-2 space-y-1 py-1.5", children: _jsx(MenuIcon, { strokeWidth: "2" }) }) }) }), _jsxs("div", { className: "px-6", children: [_jsxs("div", { className: "bg-secondary-700 pt-8 grid grid-cols-6 gap-2 space-y-1 items-end p-3 rounded-xl my-4 mb-12", children: [_jsx("div", { className: "col-span-4 h-12 bg-secondary-600 rounded-lg animate-pulse mt-6", children: "\u00A0" }), _jsx("div", { className: "col-span-2 h-12 bg-secondary-600 rounded-lg animate-pulse mt-6", children: "\u00A0" }), _jsx("div", { className: "col-start-4 col-span-1 flex justify-start items-center py-2", children: _jsx("div", { className: "w-8 h-8 bg-secondary-600 rounded-lg animate-pulse" }) }), _jsx("div", { className: "col-span-4 h-12 bg-secondary-600 rounded-lg animate-pulse", children: "\u00A0" }), _jsx("div", { className: "col-span-2 h-12 bg-secondary-600 rounded-lg animate-pulse", children: "\u00A0" })] }), _jsx("div", { className: "w-full h-12 bg-secondary-600 rounded-lg animate-pulse mt-2", children: "\u00A0" }), _jsx("div", { className: "mt-10", children: _jsx("div", { className: "w-full h-[50px] bg-primary animate-pulse rounded-lg" }) })] })] }) }) }) }) }) }) }) }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(ColorSchema, { themeData: AppSettings.ThemeData }), _jsx("div", { className: "layerswap-styles w-full h-full z-[1] sm:mb-6 mx-auto", children: _jsx("div", { className: "flex h-full content-center items-center justify-center flex-col container mx-auto", children: _jsx("div", { className: "flex h-full flex-col w-full", children: _jsx("div", { className: "bg-secondary-900 rounded-lg w-full sm:overflow-hidden relative text-left", children: _jsx("div", { className: "relative", children: _jsx("div", { className: "flex items-start", children: _jsx("div", { className: "flex flex-nowrap grow w-full", children: _jsx("div", { className: "w-full pb-4 flex flex-col justify-between text-secondary-500 sm:min-h-[500px] h-full", children: _jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "w-full grid grid-cols-5 px-6 mt-3 pb-1", children: _jsx("div", { className: "col-start-5 justify-self-end self-center flex items-center gap-x-1 -mr-2", children: _jsx("div", { className: "mx-2 space-y-1 py-1.5", children: _jsx(MenuIcon, { strokeWidth: "2" }) }) }) }), _jsxs("div", { className: "px-6", children: [_jsxs("div", { className: "bg-secondary-700 pt-8 grid grid-cols-6 gap-2 space-y-1 items-end p-3 rounded-xl my-4 mb-12", children: [_jsx("div", { className: "col-span-4 h-12 bg-secondary-600 rounded-lg animate-pulse mt-6", children: "\u00A0" }), _jsx("div", { className: "col-span-2 h-12 bg-secondary-600 rounded-lg animate-pulse mt-6", children: "\u00A0" }), _jsx("div", { className: "col-start-4 col-span-1 flex justify-start items-center py-2", children: _jsx("div", { className: "w-8 h-8 bg-secondary-600 rounded-lg animate-pulse" }) }), _jsx("div", { className: "col-span-4 h-12 bg-secondary-600 rounded-lg animate-pulse", children: "\u00A0" }), _jsx("div", { className: "col-span-2 h-12 bg-secondary-600 rounded-lg animate-pulse", children: "\u00A0" })] }), _jsx("div", { className: "w-full h-12 bg-secondary-600 rounded-lg animate-pulse mt-2", children: "\u00A0" }), _jsx("div", { className: "mt-10", children: _jsx("div", { className: "w-full h-[50px] bg-primary animate-pulse rounded-lg" }) })] })] }) }) }) }) }) }) }) }) })] }));
 };

package/dist/components/Wizard/Wizard.js

@@ -18,6 +18,6 @@ const Wizard = ({ children, wizardId }) => {
         return () => window.removeEventListener("resize", handleResize);
     }, []);
     const width = positionPercent || 0;
-    return _jsx(_Fragment, { children: _jsxs("div", { id: 'widget', className: `text-left ${noToolBar ? `w-full h-full` : ` bg-secondary-900 rounded-lg w-full sm:overflow-hidden relative`}`, children: [_jsx("div", { className: "relative", children: !noToolBar && _jsx("div", { className: "overflow-hidden h-1 flex rounded-t-lg bg-secondary-500", children: _jsx("div", { style: { width: `${width}%`, transition: 'width 1s' }, className: "shadow-none flex flex-col whitespace-nowrap justify-center bg-primary" }) }) }), !hideMenu && _jsx(HeaderWithMenu, { goBack: goBack }), _jsx("div", { className: noToolBar ? 'relative w-full h-full' : `relative px-6 `, children: _jsx("div", { className: "flex items-start w-full h-full", ref: wrapper, children: _jsx(AnimatePresence, { initial: false, custom: { direction: moving === "forward" ? 1 : -1, width: wrapperWidth }, children: _jsx("div", { className: `flex flex-nowrap h-full`, children: children }, wizardId) }) }) }), _jsx("div", { id: "widget_root" })] }) });
+    return _jsx(_Fragment, { children: _jsxs("div", { id: 'widget', className: noToolBar ? `w-full h-full` : ` bg-secondary-700 md:shadow-card rounded-lg w-full sm:overflow-hidden relative`, children: [_jsx("div", { className: "relative", children: !noToolBar && _jsx("div", { className: "overflow-hidden h-1 flex rounded-t-lg bg-secondary-500", children: _jsx("div", { style: { width: `${width}%`, transition: 'width 1s' }, className: "shadow-none flex flex-col whitespace-nowrap justify-center bg-primary" }) }) }), !hideMenu && _jsx(HeaderWithMenu, { goBack: goBack }), _jsx("div", { className: noToolBar ? 'relative w-full h-full' : `relative px-4`, children: _jsx("div", { className: "flex items-start w-full h-full", ref: wrapper, children: _jsx(AnimatePresence, { initial: false, custom: { direction: moving === "forward" ? 1 : -1, width: wrapperWidth }, children: _jsx("div", { className: `flex flex-nowrap h-full`, children: children }, wizardId) }) }) }), _jsx("div", { id: "widget_root" })] }) });
 };
 export default Wizard;

package/dist/components/shadcn/accordion.d.ts

@@ -1,7 +1,21 @@
 import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+interface AccordionProps {
+    type: "single" | "multiple";
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[] | undefined) => void;
+    collapsible?: boolean;
+    className?: string;
+    children: React.ReactNode;
+}
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    estimatedHeight?: number;
+    itemsCount?: number;
+}
+declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const EnhancedAccordionItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    value: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, EnhancedAccordionItem as AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/shadcn/accordion.js

@@ -1,13 +1,107 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDown } from "lucide-react";
+import { motion, AnimatePresence } from "framer-motion";
 import { classNames } from "../utils/classNames";
-const Accordion = AccordionPrimitive.Root;
-const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: classNames(className), ...props })));
+const AccordionContext = React.createContext(null);
+const Accordion = React.forwardRef(({ type, value, defaultValue, onValueChange, collapsible = false, className, children, ...props }, ref) => {
+    const [internalValue, setInternalValue] = React.useState(value ?? defaultValue);
+    const currentValue = value !== undefined ? value : internalValue;
+    const handleValueChange = onValueChange || setInternalValue;
+    const contextValue = React.useMemo(() => ({
+        value: currentValue,
+        onValueChange: handleValueChange,
+        type,
+        collapsible
+    }), [currentValue, handleValueChange, type, collapsible]);
+    return (_jsx(AccordionContext.Provider, { value: contextValue, children: _jsx("div", { ref: ref, className: className, ...props, children: children }) }));
+});
+Accordion.displayName = "Accordion";
+const AccordionItem = React.forwardRef(({ className, value: itemValue, children, ...props }, ref) => {
+    const context = React.useContext(AccordionContext);
+    if (!context)
+        throw new Error("AccordionItem must be used within Accordion");
+    return (_jsx("div", { ref: ref, className: className, "data-value": itemValue, ...props, children: children }));
+});
 AccordionItem.displayName = "AccordionItem";
-const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, className: classNames("flex items-center font-medium transition-all [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDown, { className: "h-4 w-4 transition-transform duration-200" })] }) })));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Content, { ref: ref, className: classNames("data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up overflow-hidden text-sm transition-all", className), ...props, children: _jsx("div", { className: "pt-0", children: children }) })));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
+    const context = React.useContext(AccordionContext);
+    if (!context)
+        throw new Error("AccordionTrigger must be used within Accordion");
+    const itemElement = React.useContext(AccordionItemContext);
+    if (!itemElement)
+        throw new Error("AccordionTrigger must be used within AccordionItem");
+    const { value: accordionValue, onValueChange, type, collapsible } = context;
+    const { value: itemValue } = itemElement;
+    const isOpen = React.useMemo(() => {
+        if (type === "multiple") {
+            return Array.isArray(accordionValue) && accordionValue.includes(itemValue);
+        }
+        return accordionValue === itemValue;
+    }, [accordionValue, itemValue, type]);
+    const handleClick = () => {
+        if (type === "multiple") {
+            const currentValue = Array.isArray(accordionValue) ? accordionValue : [];
+            if (isOpen) {
+                onValueChange(currentValue.filter(v => v !== itemValue));
+            }
+            else {
+                onValueChange([...currentValue, itemValue]);
+            }
+        }
+        else {
+            if (isOpen && collapsible) {
+                onValueChange(undefined);
+            }
+            else if (!isOpen) {
+                onValueChange(itemValue);
+            }
+        }
+    };
+    return (_jsx("button", { type: "button", ref: ref, className: classNames("w-full grow", className), onClick: handleClick, "aria-expanded": isOpen, ...props, children: children }));
+});
+AccordionTrigger.displayName = "AccordionTrigger";
+const AccordionItemContext = React.createContext(null);
+const AccordionItemProvider = ({ value, children }) => {
+    const contextValue = React.useMemo(() => ({ value }), [value]);
+    return (_jsx(AccordionItemContext.Provider, { value: contextValue, children: children }));
+};
+const AccordionContent = React.forwardRef(({ className, children, estimatedHeight, itemsCount, ...props }, ref) => {
+    const context = React.useContext(AccordionContext);
+    const itemContext = React.useContext(AccordionItemContext);
+    if (!context)
+        throw new Error("AccordionContent must be used within Accordion");
+    if (!itemContext)
+        throw new Error("AccordionContent must be used within AccordionItem");
+    const { value: accordionValue, type } = context;
+    const { value: itemValue } = itemContext;
+    const isOpen = React.useMemo(() => {
+        if (type === "multiple") {
+            return Array.isArray(accordionValue) && accordionValue.includes(itemValue);
+        }
+        return accordionValue === itemValue;
+    }, [accordionValue, itemValue, type]);
+    // Calculate dynamic duration based on items count
+    const heightDuration = React.useMemo(() => {
+        if (!itemsCount)
+            return 0.15;
+        // Base duration: 0.1s
+        // Add 0.01s per item, max 0.4s
+        const baseDuration = 0.1;
+        const perItemDuration = 0.01;
+        const maxDuration = 0.4;
+        return Math.min(baseDuration + (itemsCount * perItemDuration), maxDuration);
+    }, [itemsCount]);
+    return (_jsx(motion.div, { initial: false, animate: {
+            height: isOpen ? (estimatedHeight || "auto") : 0,
+            opacity: isOpen ? 1 : 0
+        }, transition: {
+            duration: 0.2,
+            ease: "easeInOut",
+            height: { duration: isOpen ? heightDuration : 0.15 },
+            opacity: { duration: 0.1, delay: isOpen ? 0.05 : 0 }
+        }, style: { overflow: "hidden" }, className: classNames("AccordionContent", className), children: _jsx(AnimatePresence, { mode: "wait", children: isOpen && (_jsx(motion.div, { initial: { opacity: 1 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.1 }, children: _jsx("div", { ref: ref, className: "pt-1", ...props, children: children }) })) }) }));
+});
+AccordionContent.displayName = "AccordionContent";
+const EnhancedAccordionItem = React.forwardRef(({ value, children, ...props }, ref) => (_jsx(AccordionItemProvider, { value: value, children: _jsx(AccordionItem, { ref: ref, value: value, ...props, children: children }) })));
+EnhancedAccordionItem.displayName = "AccordionItem";
+export { Accordion, EnhancedAccordionItem as AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/shadcn/command.js

@@ -6,21 +6,21 @@ import { classNames } from "../utils/classNames";
 const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: classNames("flex h-full w-full flex-col overflow-hidden rounded-md", className), ...props })));
 Command.displayName = CommandPrimitive.displayName;
 // eslint-disable-next-line react/display-name
-const CommandWrapper = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(Command, { ...props, className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-secondary-text [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children })));
-const CommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsxs("div", { className: "relative z-0 flex items-center mt-1 mb-2 pl-2 border-b border-secondary-500", "cmdk-input-wrapper": "", children: [_jsx(CommandPrimitive.Input, { placeholder: " ", ref: ref, id: "floating_standard", ...props, className: classNames("peer/draft placeholder:text-transparent border-0 border-b-0 border-primary-text focus:border-primary-text appearance-none block py-2.5 px-0 w-full h-11 bg-transparent text-lg outline-none focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50", className) }), _jsx("span", { className: "absolute left-1 font-thin animate-none peer-placeholder-shown/draft:animate-blinking text-lg peer-focus/draft:invisible invisible peer-placeholder-shown/draft:visible", children: "|" }), _jsx("label", { htmlFor: props.id, className: "absolute text-lg text-secondary-text duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-placeholder-shown/draft:scale-100 peer-placeholder-shown/draft:translate-y-0 peer-placeholder-shown/draft:text-secondary-text-muted", children: props.placeholder })] })));
+const CommandWrapper = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(Command, { ...props, className: classNames("[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-secondary-text [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", className), children: children })));
+const CommandInput = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs("div", { className: "relative z-0 flex items-center mt-1 mb-2", "cmdk-input-wrapper": "", children: [_jsx("div", { className: "absolute", children: children }), _jsx(CommandPrimitive.Input, { placeholder: " ", ref: ref, id: "floating_standard", ...props, className: classNames("peer/draft text-base font-normal leading-5 bg-secondary-500 rounded-lg border-0 border-b-0 pl-8 border-primary-text focus:border-primary-text appearance-none block p-2 w-full h-11 outline-hidden focus:outline-hidden focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50", className) })] })));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-const CommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: classNames("overflow-y-auto styled-scroll overflow-x-hidden", className), ...props })));
+const CommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: classNames("overflow-y-auto styled-scroll-no-bg rdxCommandList overflow-x-hidden", className), ...props })));
 CommandList.displayName = CommandPrimitive.List.displayName;
 const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm", ...props })));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: classNames("overflow-hidden p-1 py-1.5 text-primary-text [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-secondary-text", className), ...props })));
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: classNames("overflow-hidden pr-1 py-1.5 text-primary-text [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-secondary-text", className), ...props, children: _jsx("div", { className: "bg-secondary-800 rounded-md overflow-hidden", children: props.children }) })));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
 const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: classNames("-mx-1 h-px bg-secondary-500", className), ...props })));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: classNames("relative cursor-pointer flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-secondary-700 aria-selected:text-primary-text", className, props.disabled && "cursor-not-allowed"), ...props })));
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: classNames("!p-0 outline-none", className, props.disabled && "cursor-not-allowed"), ...props })));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 const CommandShortcut = ({ className, ...props }) => {
-    return (_jsx("span", { className: classNames("ml-auto text-xs tracking-widest text-secondary-text-muted", className), ...props }));
+    return (_jsx("span", { className: classNames("ml-auto text-xs tracking-widest text-primary-text-tertiary", className), ...props }));
 };
 CommandShortcut.displayName = "CommandShortcut";
 export { Command, CommandWrapper, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/shadcn/dialog.js

@@ -7,9 +7,9 @@ const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = ({ children, ...props }) => (_jsx(DialogPrimitive.Portal, { ...props, children: _jsx("div", { className: "fixed inset-0 z-50 flex items-end justify-center sm:items-center", children: children }) }));
 DialogPortal.displayName = DialogPrimitive.Portal.displayName;
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: classNames("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm transition-all duration-100 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in", className), ...props })));
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: classNames("fixed inset-0 z-50 bg-black/50 backdrop-blur-xs transition-all duration-100 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in", className), ...props })));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: classNames("fixed z-50 grid w-full gap-4 rounded-t-lg bg-secondary-800 p-4 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-sm sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0", className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute text-secondary-text right-4 top-3 p-1 justify-self-start hover:brightness-105 hover:scale-110 duartion-100 ring-1 ring-secondary-400 transition bg-secondary-500 hover:text-primary-text focus:outline-none rounded-full items-center", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: classNames("fixed z-50 grid w-full gap-4 rounded-t-lg bg-secondary-800 p-4 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-sm sm:rounded-lg sm:zoom-in-90 sm:data-[state=open]:slide-in-from-bottom-0", className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute text-secondary-text right-4 top-3 p-1 justify-self-start hover:brightness-105 hover:scale-110 duartion-100 ring-1 ring-secondary-400 transition bg-secondary-500 hover:text-primary-text focus:outline-hidden rounded-full items-center", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: classNames("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
 DialogHeader.displayName = "DialogHeader";

package/dist/components/shadcn/popover.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Popover, PopoverTrigger, PopoverContent };
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/components/shadcn/popover.js

@@ -1,10 +1,18 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { classNames } from "../utils/classNames";
-const Popover = PopoverPrimitive.Root;
-const PopoverTrigger = PopoverPrimitive.Trigger;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: classNames("z-50 w-fit max-w-72 rounded-md border border-secondary-600 bg-secondary-800 p-2 text-secondary-text shadow-md outline-hidden animate-in data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props })));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-export { Popover, PopoverTrigger, PopoverContent };
+import clsx from 'clsx';
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+    const container = document.getElementById('widget');
+    return (_jsx(PopoverPrimitive.Portal, { container: container, children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, onOpenAutoFocus: (e) => e.preventDefault(), className: clsx("z-50 w-fit max-w-72 rounded-xl bg-secondary-600 p-2 text-secondary-text shadow-md outline-hidden animate-in data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }) }));
+}
+function PopoverAnchor({ ...props }) {
+    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/components/{Pages/Campaigns/Details/ProgressBar.js → shadcn/progressBar.js}

@@ -1,7 +1,8 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { classNames } from "../../../utils/classNames";
+import { classNames } from "../utils/classNames";
 const Progress = React.forwardRef(({ className, value, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, className: classNames("relative h-4 w-full overflow-hidden rounded-full bg-primary/20", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: "h-full w-full flex-1 transition-all bg-primary", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
 Progress.displayName = ProgressPrimitive.Root.displayName;
 export { Progress };

package/dist/components/shadcn/select.js

@@ -7,13 +7,13 @@ import { classNames } from "../utils/classNames";
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: classNames("flex h-10 w-full items-center justify-between rounded-md border border-slate-300 bg-transparent py-2 px-3 text-sm placeholder:text-secondary-text focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50 dark:border-slate-700 dark:text-primary-text", className), ...props, children: [children, _jsx(ChevronRight, { className: "h-4 w-4 text-primary-text" })] })));
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: classNames("flex h-10 w-full items-center justify-between rounded-md border border-slate-300 bg-transparent py-2 px-3 text-sm placeholder:text-secondary-text focus:outline-hidden focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50 dark:border-slate-700 dark:text-primary-text", className), ...props, children: [children, _jsx(ChevronRight, { className: "h-4 w-4 text-primary-text" })] })));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 const SelectContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsx(SelectPrimitive.Content, { ref: ref, className: classNames("animate-in fade-in-80 relative z-50 min-w-[8rem] overflow-hidden rounded-md shadow-md ring-1 ring-secondary-500 bg-secondary-700 text-secondary-text", className), ...props, children: _jsx(SelectPrimitive.Viewport, { className: "p-1", children: children }) }) })));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: classNames("py-1.5 pr-2 pl-8 text-sm font-semibold text-primary-text-muted", className), ...props })));
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: classNames("py-1.5 pr-2 pl-8 text-sm font-semibold text-primary-text-tertiary", className), ...props })));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: classNames("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none focus:bg-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-700", className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: classNames("relative flex cursor-default select-none items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-slate-100 data-disabled:pointer-events-none data-disabled:opacity-50 dark:focus:bg-slate-700", className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
 const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: classNames("-mx-1 my-1 h-px bg-slate-100 dark:bg-slate-700", className), ...props })));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;

package/dist/components/shadcn/tab.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/shadcn/tab.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { classNames } from "../utils/classNames";
+const Tabs = TabsPrimitive.Root;
+const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: classNames("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1", className), ...props })));
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: classNames("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow", className), ...props })));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: classNames("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className), ...props })));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/shadcn/tooltip.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/components/shadcn/tooltip.js

@@ -1,11 +1,17 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { classNames } from "../utils/classNames";
-const TooltipProvider = TooltipPrimitive.Provider;
-const Tooltip = TooltipPrimitive.Root;
-const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: classNames("z-50 overflow-hidden rounded-md border border-secondary-600 bg-secondary-800 px-3 py-1.5 text-xs text-secondary-text animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }) })));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+import { clsx } from "clsx";
+function TooltipProvider({ delayDuration = 0, ...props }) {
+    return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
+}
+function Tooltip({ ...props }) {
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
+}
+function TooltipTrigger({ ...props }) {
+    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: clsx("z-50 rounded-md border border-secondary-600 bg-secondary-800 px-3 py-1.5 text-xs text-secondary-text animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "bg-secondary-800 fill-secondary-800 z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] }) }));
+}
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/components/themeWrapper.js

@@ -2,16 +2,15 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { X } from "lucide-react";
 import toast, { ToastBar, Toaster } from "react-hot-toast";
 export default function ThemeWrapper({ children }) {
-    return _jsx("main", { className: "styled-scroll", children: _jsxs("div", { className: `flex flex-col items-center overflow-hidden relative font-robo`, children: [_jsx(Toaster, { containerStyle: {
-                        position: 'absolute',
-                    }, toastOptions: {
+    return _jsx("main", { className: "styled-scroll", children: _jsxs("div", { className: `flex flex-col items-center overflow-hidden relative font-robo`, children: [_jsx(Toaster, { position: "top-center", toastOptions: {
                         duration: 5000,
                         style: {
-                            background: '#131E36',
-                            color: '#a4afc8'
+                            background: 'rgb(var(--ls-colors-secondary-600))',
+                            color: 'rgb(var(--ls-colors-secondary-text))'
                         },
+                        position: 'top-center',
                         error: {
                             duration: Infinity,
                         },
-                    }, children: (t) => (_jsx(ToastBar, { toast: t, children: ({ icon, message }) => (_jsxs(_Fragment, { children: [icon, message, t.type !== 'loading' && (_jsx("button", { type: "button", onClick: () => toast.dismiss(t.id), children: _jsx(X, { className: "h-5" }) }))] })) })) }), _jsx("div", { className: "w-full h-full z-[1]", children: _jsx("div", { className: "flex h-full content-center items-center justify-center space-y-5 flex-col container mx-auto", children: _jsx("div", { className: "flex h-full flex-col w-full text-primary-text", children: children }) }) }), _jsx("div", { id: "offset-for-stickyness", className: "block md:hidden" })] }) });
+                    }, children: (t) => (_jsx(ToastBar, { toast: t, children: ({ icon, message }) => (_jsxs(_Fragment, { children: [icon, message, t.type !== 'loading' && (_jsx("button", { type: "button", onClick: () => toast.dismiss(t.id), children: _jsx(X, { className: "h-5" }) }))] })) })) }), _jsx("div", { className: "w-full h-full max-w-lg z-[1] sm:mb-6", children: _jsx("div", { className: "flex h-full content-center items-center justify-center space-y-5 flex-col container mx-auto sm:px-[20px] max-w-lg", children: _jsx("div", { className: "h-full w-full text-primary-text", children: children }) }) }), _jsx("div", { id: "offset-for-stickyness", className: "block md:hidden" })] }) });
 }

package/dist/components/utils/RoundDecimals.d.ts

@@ -1,4 +1,5 @@
 export declare function roundDecimals(value: number, decimals: number): number;
-export declare function truncateDecimals(value: number, decimals?: number): string | 0;
+export declare function truncateDecimals(value: number, decimals?: number): string;
 export declare function truncateDecimalsToFloor(number: number, decimalPlaces: number): number;
 export declare function findIndexOfFirstNonZeroAfterComma(number: any): number | null;
+export declare function isScientific(x: any): boolean;

package/dist/components/utils/RoundDecimals.js

@@ -5,11 +5,17 @@ export function roundDecimals(value, decimals) {
     return Number(Math.ceil(Number(value + 'e' + decimals)) + 'e-' + decimals);
 }
 export function truncateDecimals(value, decimals = 0) {
-    if (value == 0)
-        return 0;
+    if (value === 0)
+        return '0';
     const factor = Math.pow(10, decimals);
     const truncated = Math.trunc(value * factor) / factor;
-    return truncated.toFixed(decimals).replace(/\.?0+$/, '');
+    const formatted = isScientific(truncated)
+        ? truncated.toFixed(decimals).replace(/\.?0+$/, '')
+        : truncated.toString();
+    return Number(formatted).toLocaleString('en-US', {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: decimals
+    });
 }
 export function truncateDecimalsToFloor(number, decimalPlaces) {
     let factor = Math.pow(10, decimalPlaces);
@@ -33,3 +39,13 @@ export function findIndexOfFirstNonZeroAfterComma(number) {
     // If no non-zero number was found, return null
     return null;
 }
+export function isScientific(x) {
+    const s = String(x);
+    // 1) If it’s already a string that “looks like” sci-notation, catch it:
+    if (/^[+-]?\d+(?:\.\d+)?[eE][+-]?\d+$/.test(s)) {
+        return true;
+    }
+    // 2) Otherwise, convert to Number (in case it's a numeric string or other) 
+    //    and see if toString() uses 'e' (lowercased for consistency):
+    return Number(s).toString().toLowerCase().includes('e');
+}

package/dist/components/utils/SwapStatus.js

@@ -6,6 +6,6 @@ export const ResolvePollingInterval = (step) => {
         case SwapStatus.Completed:
             return 0;
         default:
-            return 7000;
+            return 1000;
     }
 };

package/dist/components/utils/dateDifference.d.ts

@@ -0,0 +1 @@
+export declare const getDateDifferenceString: (fromDate: Date, toDate?: Date) => string;

package/dist/components/utils/dateDifference.js

@@ -0,0 +1,34 @@
+export const getDateDifferenceString = (fromDate, toDate = new Date()) => {
+    let years = toDate.getFullYear() - fromDate.getFullYear();
+    let months = toDate.getMonth() - fromDate.getMonth();
+    let days = toDate.getDate() - fromDate.getDate();
+    // Adjust negative days
+    if (days < 0) {
+        months--;
+        const prevMonth = new Date(toDate.getFullYear(), toDate.getMonth(), 0);
+        days += prevMonth.getDate();
+    }
+    // Adjust negative months
+    if (months < 0) {
+        years--;
+        months += 12;
+    }
+    const parts = [];
+    if (years > 0) {
+        // Convert months to days and add to days count
+        const daysFromMonths = months * 30; // Approximation
+        const totalDays = days + daysFromMonths;
+        parts.push(`${years} year${years !== 1 ? "s" : ""}`);
+        if (totalDays > 0)
+            parts.push(`${totalDays} day${totalDays !== 1 ? "s" : ""}`);
+    }
+    else if (months > 0) {
+        parts.push(`${months} month${months !== 1 ? "s" : ""}`);
+        if (days > 0)
+            parts.push(`${days} day${days !== 1 ? "s" : ""}`);
+    }
+    else if (days > 0) {
+        parts.push(`${days} day${days !== 1 ? "s" : ""}`);
+    }
+    return parts.length > 0 ? `(${parts.join(", ")} ago)` : ``;
+};

package/dist/components/utils/formatUsdAmount.d.ts

@@ -0,0 +1 @@
+export declare function formatUsd(amount: number | undefined | null): string;

package/dist/components/utils/formatUsdAmount.js

@@ -0,0 +1,12 @@
+export function formatUsd(amount) {
+    if (amount === undefined || amount === null)
+        return '$0.00';
+    if (amount > 0 && amount < 0.01)
+        return '<$0.01';
+    return new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency: 'USD',
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    }).format(amount);
+}

package/dist/components/utils/numbers.d.ts

@@ -0,0 +1 @@
+export declare function isDiffByPercent(a: any, b: any, perc: any): boolean;

package/dist/components/utils/numbers.js

@@ -0,0 +1,3 @@
+export function isDiffByPercent(a, b, perc) {
+    return Math.abs(a - b) / Math.abs(a) > perc / 100;
+}

package/dist/components/utils/swapUtils.d.ts

@@ -0,0 +1,3 @@
+export declare const swapInProgress: {
+    current: boolean;
+};

package/dist/components/utils/swapUtils.js

@@ -0,0 +1 @@
+export const swapInProgress = { current: false };

package/dist/context/LayerswapProvider.d.ts

@@ -1,20 +1,20 @@
-import { FC } from "react";
+import { FC, ReactNode } from "react";
 import { LayerSwapSettings } from "../Models/LayerSwapSettings";
 import { ThemeData } from "../Models/Theme";
+import AppSettings from "../lib/AppSettings";
+import { CallbacksContextType } from "./callbackProvider";
+import { InitialSettings } from "../Models/InitialSettings";
 export type LayerswapContextProps = {
-    children?: JSX.Element | JSX.Element[];
+    children?: ReactNode;
     settings?: LayerSwapSettings;
-    apiKey: string;
+    apiKey?: string;
     themeData?: ThemeData | null;
     integrator: string;
     version?: 'mainnet' | 'testnet';
-    walletConnect?: {
-        projectId?: string;
-        name?: string;
-        description?: string;
-        url?: string;
-        icons?: string[];
-    };
+    callbacks?: CallbacksContextType;
+    initialValues?: InitialSettings;
+    walletConnect?: typeof AppSettings.WalletConnectConfig;
+    imtblPassport?: typeof AppSettings.ImtblPassportConfig;
 };
 declare const LayerswapProviderComponent: FC<LayerswapContextProps>;
 export declare const LayerswapProvider: typeof LayerswapProviderComponent;