@momo-webplatform/mobase 0.0.42 → 0.0.44

package/publish/esm/components/Header/ListItemMobile.d.ts

@@ -1,9 +0,0 @@
-declare const ListItemMobile: ({ className, icon, title, children, href, newTab, }: {
-    className?: string | undefined;
-    icon?: string | undefined;
-    title: any;
-    children?: string | undefined;
-    href?: string | undefined;
-    newTab?: boolean | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ListItemMobile;

package/publish/esm/components/Header/ListItemMobile.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../helpers/utils";
-import Link from "next/link";
-const ListItemMobile = ({ className = "", icon = "", title, children = "", href = "", newTab = false, }) => {
-    const linkProps = newTab
-        ? { target: "_blank", rel: "noopener noreferrer" }
-        : {};
-    return (_jsx("li", { className: "", children: _jsxs(Link, { className: cn(" select-none  py-2 flex flex-nowrap space-x-2 items-center", className), href: href, ...linkProps, children: [icon && (_jsx("div", { className: "w-7 h-7 shrink-0", children: _jsx("img", { src: icon, loading: "lazy", className: "w-7 h-7 object-cover", alt: title }) })), _jsxs("div", { className: "  ", children: [_jsx("div", { className: "text-sm  text-gray-800 leading-none", children: title }), children && (_jsx("p", { className: "line-clamp-1 text-xs mt-1  text-gray-500", children: children }))] })] }) }));
-};
-export default ListItemMobile;

package/publish/esm/components/Header/MobileMenu.d.ts

@@ -1,6 +0,0 @@
-interface Props {
-    data: any;
-    className?: string;
-}
-declare const MobileMenu: ({ data, className }: Props) => import("react/jsx-runtime").JSX.Element;
-export default MobileMenu;

package/publish/esm/components/Header/MobileMenu.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { DEFAULT_EASE } from "../../helpers/animations";
-import { cn } from "../../helpers/utils";
-import { useKey } from "react-use";
-import Router from "next/router";
-import NavItemsMobile from "./NavItemsMobile";
-import Link from "next/link";
-import { motion, AnimatePresence, LazyMotion, domAnimation, } from "framer-motion";
-import { MoMoText } from "../../helpers/constants";
-const computeInsetTop = () => typeof window !== "undefined" && window.pageYOffset !== undefined
-    ? window.pageYOffset
-    : 0;
-const MobileMenu = ({ data, className }) => {
-    // useKey("Escape", () => setOpen(false));
-    const [isOpen, setIsOpen] = useState(false);
-    useKey("Escape", () => setIsOpen(false));
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        const memoizedInsetTop = computeInsetTop();
-        function handleRouteChange() {
-            setIsOpen(false);
-        }
-        document.body.style.position = "fixed";
-        document.body.style.width = "100%";
-        Router.events.on("routeChangeComplete", handleRouteChange);
-        return () => {
-            document.body.style.position = '';
-            document.body.style.width = '';
-            window.scrollTo({
-                top: memoizedInsetTop || 0,
-                behavior: "instant",
-            });
-            Router.events.off("routeChangeComplete", handleRouteChange);
-        };
-    }, [isOpen]);
-    const variants = {
-        visible: { opacity: 1, transition: { duration: 0.2 } },
-        hidden: { opacity: 0, transition: { duration: 0.2 } },
-    };
-    const containerVariants = {
-        hidden: { opacity: 0 },
-        show: {
-            opacity: 1,
-            transition: {
-                duration: 0.15,
-                staggerChildren: 0.05,
-                ease: DEFAULT_EASE,
-            },
-        },
-        exit: { opacity: 0, transition: { duration: 0.15 } },
-    };
-    return (_jsxs("div", { className: cn(className), children: [_jsxs("button", { type: "button", className: "text-gray-800 w-10 h-10 flex items-center justify-center hover:text-gray-700 ", onClick: () => setIsOpen(!isOpen), children: [_jsx("span", { className: "sr-only", children: "Navigation" }), _jsx(motion.div, { animate: isOpen ? "hidden" : "visible", variants: variants, children: _jsx("svg", { className: cn("block w-7 h-7", isOpen && "hidden"), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M4 6h16M4 12h16M4 18h16" }) }) }), _jsx(motion.div, { animate: isOpen ? "visible" : "hidden", variants: variants, children: _jsx("svg", { className: cn("block w-7 h-7", !isOpen && "hidden"), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" }) }) })] }), _jsx(LazyMotion, { features: domAnimation, children: _jsx(AnimatePresence, { mode: "wait", children: isOpen && (_jsxs(motion.nav, { variants: containerVariants, initial: "hidden", animate: "show", exit: "exit", className: cn(className, "fixed  block w-full  max-w-full z-50 px-5 bg-white left-0 right-0 bottom-0 overflow-y-auto top-[calc(var(--header-height)+1px)] "), children: [_jsx(NavItemsMobile, { data: data }), _jsxs("div", { className: "py-4 text-sm animate-fade-in duration-500 delay-300", children: [_jsx("h4", { className: "mb-2 mt-5 text-sm font-semibold text-gray-700 ", children: "T\u1EA2I V\u00C0 \u0110\u0102NG K\u00DD" }), _jsxs("div", { className: "flex flex-nowrap", children: [_jsx("div", { className: "flex-initial", children: _jsx(Link, { href: "https://itunes.apple.com/vn/app/id918751511?utm_source=website-momo&utm_medium=download&utm_campaign=momo-1dong", legacyBehavior: true, children: _jsx("a", { className: "link-white", target: "_blank", children: _jsx("img", { src: "https://homepage.momocdn.net/img/momo-upload-api-210724113855-637627235353131497.jpg", width: 130, loading: "lazy", className: "img-fluid", alt: "" }) }) }) }), _jsx("div", { className: "ml-3 flex-initial", children: _jsx(Link, { href: "https://play.google.com/store/apps/details?id=com.mservice.momotransfer&utm_source=website-momo&utm_medium=download&utm_campaign=momo-1dong", legacyBehavior: true, children: _jsx("a", { className: "link-white", target: "_blank", children: _jsx("img", { src: "https://homepage.momocdn.net/img/momo-upload-api-210724113959-637627235994410679.jpg", width: 130, loading: "lazy", className: "img-fluid", alt: "" }) }) }) })] }), _jsx("h4", { className: "mb-2 mt-5 text-tiny font-semibold text-gray-700", children: "H\u1ED6 TR\u1EE2 KH\u00C1CH H\u00C0NG" }), _jsxs("ul", { className: "mb-2 text-tiny text-gray-500", children: [_jsxs("li", { className: "mb-1", children: ["Hotline :", _jsx(Link, { href: `tel:${MoMoText.Support.Hotline}`, legacyBehavior: true, children: _jsx("a", { className: "text-gray-600", children: MoMoText.Support.Hotline_Format }) })] }), _jsxs("li", { className: "mb-1", children: ["Email:", _jsx(Link, { href: `mailto:${MoMoText.Support.Email}`, legacyBehavior: true, children: _jsx("a", { className: "text-gray-600", children: MoMoText.Support.Email }) })] })] }), _jsx("a", { href: "https://momo.vn/huong-dan/huong-dan-gui-yeu-cau-ho-tro-bang-tinh-nang-tro-giup", rel: "noreferrer", target: "_blank", children: _jsxs("div", { className: "relative inline-block overflow-hidden rounded border border-gray-300 bg-white py-1 pl-10 pr-2 hover:bg-gray-100", children: [_jsx("div", { className: "absolute left-1 top-1 ", style: { paddingTop: "3px" }, children: _jsx("svg", { className: "h-7 w-7 text-pink-700 ", fill: "currentColor", stroke: "currentColor", viewBox: "0 0 345.1 512", children: _jsxs("g", { children: [_jsx("title", { children: "Asset 1" }), _jsx("path", { d: "M279.4,23.7H30.8C14.5,23.7,0,38.2,0,56.3v401.8c0,16.3,14.5,30.8,30.8,30.8H76h23.8L76,449.4H34.5V96.2h243.1v152l34.5,22\n                        V56.3C312,38.2,297.5,23.7,279.4,23.7z M226.8,77.1H86.1c-8.1,0-13.5-5.4-13.5-13.5c0-8.1,5.4-13.5,13.5-13.5h140.8\n                        c5.4,0,10.8,5.4,10.8,13.5C237.7,71.7,232.3,77.1,226.8,77.1z" }), _jsx("path", { d: "M189.4,200.7c-14.4,0-25.9,11.6-25.9,25.9v155.7l-17.3-34.6c-14.2-26.3-28.1-23.6-38.9-17.3c-12.5,8.3-17.2,17-8.6,38.9\n                        c19.6,48.2,49.8,105.6,82.2,142.7h116.7c41-30.4,74-175,17.3-181.6c-5.2,0-13.5,0.8-17.3,4.3c0-17.3-15.1-21.7-21.6-21.6\n                        c-7.5,0.1-13,4.3-17.3,13c0-17.3-14.1-21.6-21.6-21.6c-8.3,0-17.9,5.2-21.6,13v-90.8C215.4,212.3,203.8,200.7,189.4,200.7z" })] }) }) }), _jsx("div", { className: "text-xs text-gray-500 ", children: "H\u01B0\u1EDBng d\u1EABn tr\u1EE3 gi\u00FAp tr\u00EAn" }), _jsx("div", { className: "text-tiny font-semibold text-gray-800", children: "\u1EE8ng d\u1EE5ng V\u00ED MoMo" })] }) }), _jsx("h4", { className: "mb-2 mt-5 text-tiny font-semibold text-gray-700", children: "H\u1EE2P T\u00C1C DOANH NGHI\u1EC6P" }), _jsxs("ul", { className: "mb-2 text-tiny text-gray-500", children: [_jsxs("li", { className: "mb-1", children: ["Hotline :", _jsx(Link, { href: `tel:${MoMoText.Business.Phome}`, legacyBehavior: true, children: _jsx("a", { className: "text-gray-600", children: MoMoText.Business.Phome_Format }) })] }), _jsxs("li", { className: "mb-1", children: ["Email :", _jsx(Link, { href: `mailto:${MoMoText.Business.Email}`, legacyBehavior: true, children: _jsxs("a", { className: "text-gray-600", children: [" ", MoMoText.Business.Email] }) })] })] }), _jsx("a", { href: "https://business.momo.vn/#menutop", rel: "noreferrer", target: "_blank", children: _jsxs("div", { className: "relative inline-block overflow-hidden rounded border border-gray-300 bg-white py-1 pl-12 pr-2 hover:bg-gray-100", children: [_jsx("div", { className: "absolute left-1 top-1 ", children: _jsx("img", { src: "https://homepage.momocdn.net/fileuploads/svg/momo-file-210724114053.svg", className: "w-10", loading: "lazy", alt: "" }) }), _jsx("div", { className: "text-xs text-gray-500 ", children: "H\u1EE3p t\u00E1c doanh nghi\u1EC7p" }), _jsx("div", { className: "text-tiny font-semibold text-gray-800", children: "\u0110\u0103ng k\u00FD h\u1EE3p t\u00E1c" })] }) })] })] })) }) })] }));
-};
-export default MobileMenu;

package/publish/esm/components/Header/NavItems.d.ts

@@ -1,2 +0,0 @@
-declare const NavItems: ({ data }: any) => import("react/jsx-runtime").JSX.Element;
-export default NavItems;

package/publish/esm/components/Header/NavItems.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../helpers/utils";
-import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuIndicator, navigationMenuTriggerStyle, } from "../NavigationMenu/index";
-import ListItem from "./ListItem";
-import Link from "next/link";
-const NavItems = ({ data }) => {
-    return (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsx(NavigationMenuIndicator, {}), data.map((menuItem) => {
-                    const linkProps = menuItem.newTab
-                        ? { target: "_blank", rel: "noopener noreferrer" }
-                        : {};
-                    return menuItem.hasDropdown ? (_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: menuItem.title }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: cn(menuItem.dropDownCompact === true
-                                        ? "grid gap-1 p-2.5 w-[540px] md:grid-cols-2 "
-                                        : "grid w-[250px] gap-1 p-2.5  grid-cols-1"), children: menuItem.subMenu &&
-                                        menuItem.subMenu.map((component) => (_jsx(ListItem, { title: component.title, href: component.url, newTab: component.newTab, icon: menuItem.dropDownCompact === true
-                                                ? component.icon
-                                                : "", children: menuItem.dropDownCompact === true
-                                                ? component.description
-                                                : "" }, component.title))) }) })] }, menuItem.id)) : (_jsx(NavigationMenuItem, { children: _jsx(Link, { href: menuItem.url, legacyBehavior: true, passHref: true, children: _jsx(NavigationMenuLink, { className: navigationMenuTriggerStyle(), ...linkProps, children: menuItem.title }) }) }, menuItem.id));
-                })] }) }));
-};
-export default NavItems;

package/publish/esm/components/Header/NavItemsMobile.d.ts

@@ -1,2 +0,0 @@
-declare const NavItemsMobile: ({ data }: any) => import("react/jsx-runtime").JSX.Element;
-export default NavItemsMobile;

package/publish/esm/components/Header/NavItemsMobile.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../helpers/utils";
-import { DEFAULT_EASE } from "../../helpers/animations";
-import { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "../Accordion/index";
-import ListItemMobile from "./ListItemMobile";
-import Link from "next/link";
-import { motion } from "framer-motion";
-const listItem = {
-    hidden: { opacity: 0, y: 10 },
-    show: {
-        opacity: 1,
-        y: 0,
-        transition: { duration: 0.25, ease: DEFAULT_EASE },
-    },
-    exit: { opacity: 0, transition: { duration: 0.05 } },
-};
-const NavItemsMobile = ({ data }) => {
-    return (_jsx(Accordion, { type: "single", collapsible: true, children: data.map((menuItem) => {
-            const linkProps = menuItem.newTab
-                ? { target: "_blank", rel: "noopener noreferrer" }
-                : {};
-            return (_jsx(motion.div, { variants: listItem, children: menuItem.hasDropdown ? (_jsxs(AccordionItem, { value: menuItem.id, children: [_jsx(AccordionTrigger, { className: "py-3", children: menuItem.title }), _jsx(AccordionContent, { children: _jsx("ul", { className: cn("grid gap-1 grid-cols-1"), children: menuItem.subMenu &&
-                                    menuItem.subMenu.map((component) => (_jsx(ListItemMobile, { title: component.title, href: component.url, newTab: component.newTab, icon: menuItem.dropDownCompact === true
-                                            ? component.icon
-                                            : "", children: menuItem.dropDownCompact === true
-                                            ? component.description
-                                            : "" }, component.title))) }) })] })) : (_jsx(Link, { className: "py-3 flex flex-1 items-center text-left justify-between  font-medium transition-all hover:underline text-gray-900 border-b border-gray-200", href: menuItem.url, ...linkProps, children: menuItem.title })) }, menuItem.id));
-        }) }));
-};
-export default NavItemsMobile;

package/publish/esm/components/Header/index.d.ts

@@ -1 +0,0 @@
-export { Header } from "./Header";

package/publish/esm/components/Header/index.js

@@ -1 +0,0 @@
-export { Header } from "./Header";

package/publish/esm/components/IconButton/IconButton.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const iconButtonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "outline" | "tonal" | "danger" | "transparent" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
-    /**
-     * CSS class to be appended to the root element.
-     */
-    className?: string;
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     */
-    asChild?: boolean;
-    /**
-     * Disabled interaction and applies disabled styles
-     */
-    isDisabled?: boolean;
-}
-declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { IconButton, iconButtonVariants };

package/publish/esm/components/IconButton/IconButton.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { cn } from "../../helpers/utils";
-// /dwd
-const iconButtonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed border border-transparent", {
-    variants: {
-        /**
-         * Determines style variation of Button component.
-         */
-        variant: {
-            primary: "bg-pink-500 text-white hover:bg-pink-600 disabled:bg-pink-300",
-            secondary: "bg-white text-gray-900 hover:bg-gray-100 disabled:text-gray-400 disabled:bg-white border-gray-300",
-            outline: "border-pink-500 text-pink-500 bg-white hover:bg-pink-50 disabled:bg-white disabled:border-pink-300 disabled:text-pink-300",
-            tonal: "bg-pink-100 text-pink-500 hover:bg-pink-200 disabled:bg-gray-200 disabled:text-gray-400",
-            danger: "bg-red-500 text-white hover:bg-red-600 disabled:bg-red-300",
-            transparent: "text-gray-900 bg-transparent hover:bg-gray-100 disabled:text-gray-400 disabled:bg-transparent",
-        },
-        /**
-         * Determines size variation of Button component.
-         */
-        size: {
-            default: "text-sm h-10 w-10",
-            sm: "h-8 w-8 text-sm",
-            lg: "h-12 w-12 text-base",
-        },
-    },
-    defaultVariants: {
-        variant: "primary",
-        size: "default",
-    },
-});
-const IconButton = React.forwardRef(({ className, variant = "primary", size = "default", asChild = false, isDisabled = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    const buttonClassName = cn(iconButtonVariants({ variant, size, className }));
-    return (_jsx(Comp, { className: buttonClassName, disabled: isDisabled, ref: ref, ...props, children: props.children }));
-});
-IconButton.displayName = "IconButton";
-export { IconButton, iconButtonVariants };

package/publish/esm/components/IconButton/index.d.ts

@@ -1,2 +0,0 @@
-export { IconButton } from "./IconButton";
-export type { IconButtonProps } from "./IconButton";

package/publish/esm/components/IconButton/index.js

@@ -1 +0,0 @@
-export { IconButton } from "./IconButton";

package/publish/esm/components/LightboxGallery/LightboxGallery.d.ts

@@ -1,37 +0,0 @@
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import React, { ReactNode } from "react";
-import "swiper/css";
-import "swiper/css/navigation";
-import "swiper/css/pagination";
-export declare const LightboxGalleryDialog: React.FC<DialogPrimitive.DialogProps>;
-interface LightboxThumbnailProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger> {
-    children?: ReactNode;
-    onClick?: () => void;
-    src?: string;
-    alt?: string;
-    className?: string;
-    classNameImage?: string;
-}
-export declare const LightboxThumbnail: ({ children, src, alt, className, classNameImage, onClick, }: LightboxThumbnailProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface LightBoxContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
-    images: {
-        url: string;
-        titleImage?: string;
-        idx?: number;
-    }[];
-    activeSlideIndex?: number;
-    withSideBar?: boolean;
-    subHtmlSideBar?: ReactNode;
-    classNameSubHtmSideBar?: string;
-}
-export declare const LightBoxContent: ({ images, activeSlideIndex, withSideBar, subHtmlSideBar, classNameSubHtmSideBar, className, }: LightBoxContentProps) => import("react/jsx-runtime").JSX.Element;
-interface LightboxGalleryProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Dialog> {
-    className?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
-export declare const LightboxGallery: ({ children, className, open, onOpenChange, }: LightboxGalleryProps & {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export {};

package/publish/esm/components/LightboxGallery/LightboxGallery.js

@@ -1,171 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Swiper, SwiperSlide } from "swiper/react";
-import { Navigation, Lazy, Pagination } from "swiper";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import React, { useEffect, useState } from "react";
-import "swiper/css";
-import "swiper/css/navigation";
-import "swiper/css/pagination";
-import { IconButton } from "../IconButton";
-import { cn } from "../../helpers/utils";
-import { X } from "lucide-react";
-import { ChevronLeftIcon, ChevronRightIcon } from "@heroicons/react/24/outline";
-import _ from "lodash";
-export const LightboxGalleryDialog = DialogPrimitive.Root;
-const DialogPortal = DialogPrimitive.Portal;
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const CloseDialog = ({ clearActiveIndex }) => {
-    return (_jsxs(DialogPrimitive.Close, { onClick: () => clearActiveIndex?.(), className: "flex transition-all z-10 text-sm items-center space-x-1 absolute left-3 top-6 md:left-6 hover:bg-white/20 text-white rounded-md px-4 py-2", children: [_jsx(X, { className: "h-4 w-4 mt-0.5" }), _jsx("div", { className: "", children: "\u0110\u00F3ng c\u1EEDa s\u1ED5" })] }));
-};
-export const LightboxThumbnail = ({ children, src, alt, className, classNameImage, onClick, }) => {
-    const handleOnClickThumbnail = () => {
-        onClick?.();
-    };
-    return (_jsxs(DialogPrimitive.Trigger, { className: cn("aspect-[2/3] relative overflow-hidden rounded-lg", className), onClick: handleOnClickThumbnail, children: [children, _jsx("img", { src: src, alt: alt, className: cn("w-full h-full object-cover rounded-lg", classNameImage) })] }));
-};
-export const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, { className: "bg-black" }), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("h-full min-w-full border-none rounded-none fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] ", className), ...props, children: [children, _jsx(CloseDialog, {})] })] })));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
-DialogHeader.displayName = "DialogHeader";
-const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
-DialogFooter.displayName = "DialogFooter";
-const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-export const LightBoxContent = ({ images, activeSlideIndex = 0, withSideBar, subHtmlSideBar, classNameSubHtmSideBar, className, }) => {
-    const [activeSlide, setActiveSlide] = useState(activeSlideIndex);
-    const [titleImage, setTitleImg] = useState("");
-    const onGetTitleImage = () => {
-        const result = _.filter(images, (_, idx) => idx === activeSlideIndex);
-        const titleImgDraf = result.length > 0 ? result[0]?.titleImage : "";
-        setTitleImg(titleImgDraf);
-    };
-    useEffect(() => {
-        setActiveSlide(activeSlideIndex);
-        onGetTitleImage();
-    }, [activeSlideIndex]);
-    const pagination = {
-        clickable: true,
-        renderBullet(index, className) {
-            const classNameParent = cn("aspect-[1/1] min-w-[96px] mt-40 min-h-[76px] !rounded-lg overflow-hidden", className);
-            const classNameImage = cn("w-full h-full object-cover rounded-lg");
-            if (!images[index]?.url) {
-                return "<div></div>";
-            }
-            return `
-        <div class="${classNameParent} ">
-          <img class="${classNameImage} " src="${images[index]?.url}" alt="Slide ${index + 1}" />
-        </div>
-      `;
-        },
-    };
-    return (_jsxs(DialogContent, { className: cn("flex py-0", className), children: [_jsxs("div", { className: "lightbox flex-1 py-6", children: [_jsx("div", { className: "flex items-center justify-end md:justify-center mt-2 w-full", children: _jsxs("div", { children: [activeSlide ? activeSlide + 1 : 1, " / ", images?.length] }) }), _jsxs(Swiper, { initialSlide: activeSlideIndex, onSlideChange: ({ realIndex }) => {
-                            setActiveSlide(realIndex);
-                            onGetTitleImage();
-                            const activeBullet = document.querySelector(".swiper-pagination-bullet-active");
-                            if (activeBullet) {
-                                activeBullet.scrollIntoView({
-                                    behavior: "smooth",
-                                    block: "nearest",
-                                });
-                            }
-                        }, onDestroy: () => {
-                            setActiveSlide(activeSlideIndex);
-                            onGetTitleImage();
-                        }, slidesPerView: "auto", className: "swiper lightboxSwiper", navigation: {
-                            nextEl: ".lightbox .next-lightbox",
-                            prevEl: ".lightbox .prev-lightbox",
-                        }, pagination: pagination, modules: [Navigation, Lazy, Pagination], lazy: {
-                            loadPrevNext: true,
-                        }, children: [images.map((img, index) => (_jsxs(SwiperSlide, { children: [_jsx("div", { className: "absolute top-28 bottom-28 left-0 right-0 min-h-0 sm:left-20 sm:right-20", children: _jsx("img", { src: img.url, alt: "", className: "absolute h-full w-full object-contain", loading: "lazy" }) }), _jsx("div", { className: "swiper-lazy-preloader swiper-lazy-preloader-white" }), _jsx("div", { className: "text-sm px-20 text-center text-white/80 absolute bottom-10 my-4 flex items-center justify-center w-full z-[999]", children: titleImage })] }, index))), _jsx(IconButton, { className: "disabled:bg-white/60 prev-lightbox button-swiper translate swiper-cate-merchant absolute inset-y-1/2 left-6 z-10 hidden h-12 w-12 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border border-gray-300 bg-white text-white shadow-md duration-200 ease-in-out hover:bg-white/80 hover:shadow-md md:flex", children: _jsx(ChevronLeftIcon, { className: "w-7 text-slate-900" }) }), _jsx(IconButton, { className: "disabled:bg-white/60 next-lightbox translate swiper-cate-merchant button-swiper absolute inset-y-1/2 right-6 z-10 hidden h-12 w-12 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border border-gray-300 bg-white text-white shadow-md duration-300 ease-in-out hover:bg-white/80 hover:shadow-md md:flex", children: _jsx(ChevronRightIcon, { className: "w-7 text-slate-900" }) })] }), _jsx("style", { children: `
-          .lightbox {
-            --lightbox-topnav: 112px;
-            --lightbox-botnav: 80px;
-          }
-
-          @media (max-width: 639px) {
-            .lightbox {
-              --lightbox-topnav: 60px;
-              --lightbox-botnav: 80px;
-            }
-            .lightbox .swiper-button-prev {
-              display: none;
-            }
-
-            .lightbox .swiper-button-next {
-              display: none;
-            }
-            .swiper-pagination{
-              justify-content: start !important;
-            }
-          }
-
-          .lightbox-content {
-            top: var(--lightbox-topnav) !important;
-            height: calc(100% - var(--lightbox-topnav)) !important;
-            width: 100% !important;
-          }
-          .lightboxSwiper {
-            width: 100%;
-            height: 95%;
-            padding: 0;
-          }
-
-          .lightboxSwiper .swiper-slide {
-            text-align: center;
-            display: -webkit-box;
-            display: -ms-flexbox;
-            display: -webkit-flex;
-            display: flex;
-            -webkit-box-pack: center;
-            -ms-flex-pack: center;
-            -webkit-justify-content: center;
-            justify-content: center;
-            -webkit-box-align: center;
-            -ms-flex-align: center;
-            -webkit-align-items: center;
-            align-items: center;
-          }
-
-          .lightboxSwiper.swiper-slide img {
-            display: block;
-            width: 100%;
-            height: 100%;
-          }
-          .swiper-wrapper{
-            bottom: 90px;
-          }
-          .swiper-pagination{
-            max-width: 100%;
-            width: 100%;
-            overflow-x: auto;
-            display: flex;
-            justify-content: center;
-          }
-
-          .swiper-pagination-bullet{
-            background: unset;
-            opacity: 1;
-          }
-          .swiper-pagination-bullet-active{
-            border: 2px solid white;
-          }
-        ` })] }), withSideBar && (_jsx("div", { className: cn("hidden md:flex overflow-y-auto bg-white text-gray-900  px-6 pb-4 pt-2 w-full  max-w-sm lg:max-w-md", classNameSubHtmSideBar), children: subHtmlSideBar }))] }));
-};
-export const LightboxGallery = ({ children, className, open, onOpenChange, }) => {
-    return (_jsx("div", { className: cn("lightbox-gallery ", className), children: _jsx(LightboxGalleryDialog, { open: open, onOpenChange: onOpenChange, children: React.Children?.map(children, (child) => {
-                if (React.isValidElement(child)) {
-                    const updatedProps = {};
-                    const knownProps = Object.keys(updatedProps).reduce((acc, key) => {
-                        if (updatedProps[key] !== undefined) {
-                            acc[key] = updatedProps[key];
-                        }
-                        return acc;
-                    }, {});
-                    return React.cloneElement(child, knownProps);
-                }
-                return null;
-            }) }) }));
-};

package/publish/esm/components/LightboxGallery/index.d.ts

@@ -1 +0,0 @@
-export { LightboxGallery, LightboxThumbnail, LightBoxContent, } from "./LightboxGallery";

package/publish/esm/components/LightboxGallery/index.js

@@ -1 +0,0 @@
-export { LightboxGallery, LightboxThumbnail, LightBoxContent, } from "./LightboxGallery";

package/publish/esm/components/NavigationMenu/NavigationMenu.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
-declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
-declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };

package/publish/esm/components/NavigationMenu/NavigationMenu.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { ChevronDownIcon } from "@heroicons/react/16/solid";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { cva } from "class-variance-authority";
-import { buttonVariants } from "../Button/Button";
-import { cn } from "../../helpers/utils";
-const NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(NavigationMenuPrimitive.Root, { ref: ref, className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, _jsx(NavigationMenuViewport, {})] })));
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.List, { ref: ref, className: cn("group flex flex-1 list-none items-center justify-center ", className), ...props })));
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
-const NavigationMenuItem = NavigationMenuPrimitive.Item;
-const navigationMenuTriggerStyle = cva(buttonVariants({
-    variant: "transparent",
-    size: "sm",
-}));
-const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(NavigationMenuPrimitive.Trigger, { ref: ref, className: cn(navigationMenuTriggerStyle(), "group", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "relative  ml-1 h-4 w-4 transition duration-300 group-data-[state=open]:rotate-180", "aria-hidden": "true" })] })));
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Content, { ref: ref, className: cn("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ", className), ...props })));
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-const NavigationMenuLink = NavigationMenuPrimitive.Link;
-const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: _jsx(NavigationMenuPrimitive.Viewport, { className: cn("origin-top-center relative mt-3.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-gray-200 bg-white text-gray-900 shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", className), ref: ref, ...props }) })));
-NavigationMenuViewport.displayName =
-    NavigationMenuPrimitive.Viewport.displayName;
-const NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Indicator, { ref: ref, className: cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", className), ...props, children: _jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" }) })));
-NavigationMenuIndicator.displayName =
-    NavigationMenuPrimitive.Indicator.displayName;
-export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };

package/publish/esm/components/NavigationMenu/index.d.ts

@@ -1 +0,0 @@
-export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, } from "./NavigationMenu";

package/publish/esm/components/NavigationMenu/index.js

@@ -1 +0,0 @@
-export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, } from "./NavigationMenu";

package/publish/esm/components/Pagination/Pagination.d.ts

@@ -1,16 +0,0 @@
-interface PaginationProps {
-    /**
-     * Current page.
-     */
-    current: number;
-    /**
-     * Items total count.
-     */
-    total: number;
-    /**
-     * Page change callback
-     */
-    onChange: (page: number) => void;
-}
-export default function Pagination({ current, total, onChange, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/publish/esm/components/Pagination/Pagination.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { iconButtonVariants } from "../IconButton/IconButton";
-import { cn } from "../../helpers/utils";
-export default function Pagination({ current, total, onChange, }) {
-    const getButton = (index) => (_jsx("li", { children: _jsx("button", { className: cn(iconButtonVariants({
-                variant: current === index ? "outline" : "secondary",
-                size: "sm",
-            })), onClick: () => onChange(index), children: index }) }, index));
-    return (_jsx("nav", { role: "navigation", "aria-label": "pagination", className: cn("mx-auto flex w-full justify-center"), children: _jsxs("ul", { className: cn("flex flex-row flex-wrap items-center gap-2"), children: [total > 1 && (_jsx("li", { children: _jsx("button", { className: cn(iconButtonVariants({
-                            variant: "secondary",
-                            size: "sm",
-                        })), disabled: current === 1, onClick: () => current > 1 && onChange(current - 1), children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }) })), total <= 6 ? (Array(total)
-                    .fill(0)
-                    .map((_, index) => getButton(index + 1))) : (_jsxs(_Fragment, { children: [getButton(1), current === 1 && [getButton(2), getButton(3)], current > 3 && (_jsx("li", { children: _jsx("button", { className: cn(iconButtonVariants({
-                                    variant: "secondary",
-                                    size: "sm",
-                                })), disabled: current === 1, onClick: () => onChange(current - 3), children: "..." }) })), current > 2 &&
-                            current !== 1 &&
-                            current !== total &&
-                            getButton(current - 1), current > 1 && current < total && getButton(current), current < total - 1 && current !== 1 && getButton(current + 1), current === total && [getButton(total - 2), getButton(total - 1)], current < total - 2 && current !== total && (_jsx("button", { className: cn(iconButtonVariants({
-                                variant: "secondary",
-                                size: "sm",
-                            })), disabled: current === 1, onClick: () => onChange(current + 3), children: "..." })), getButton(total)] })), total > 1 && (_jsx("li", { children: _jsx("button", { className: cn(iconButtonVariants({
-                            variant: "secondary",
-                            size: "sm",
-                        })), disabled: current === total, onClick: () => current < total && onChange(current + 1), children: _jsx(ChevronRight, { className: "h-4 w-4" }) }) }))] }) }));
-}

package/publish/esm/components/Pagination/index.d.ts

@@ -1 +0,0 @@
-export { default as Pagination } from "./Pagination";

package/publish/esm/components/Pagination/index.js

@@ -1 +0,0 @@
-export { default as Pagination } from "./Pagination";

package/publish/esm/components/Popover/Popover.d.ts

@@ -1,6 +0,0 @@
-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 };

package/publish/esm/components/Popover/Popover.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn } from "../../helpers/utils";
-const Popover = PopoverPrimitive.Root;
-const PopoverTrigger = PopoverPrimitive.Trigger;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("z-50 w-72 rounded-md border border-gray-200 bg-white p-4 sm:p-5 text-gray-900 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 }) })));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-export { Popover, PopoverTrigger, PopoverContent };

package/publish/esm/components/Popover/index.d.ts

@@ -1 +0,0 @@
-export { Popover, PopoverTrigger, PopoverContent } from "./Popover";

package/publish/esm/components/Popover/index.js

@@ -1 +0,0 @@
-export { Popover, PopoverTrigger, PopoverContent } from "./Popover";

package/publish/esm/components/RadioGroup/RadioGroup.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { type VariantProps } from "class-variance-authority";
-declare const radioGroupVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface RadioGroupProps extends VariantProps<typeof radioGroupVariants> {
-    className?: string;
-    disabled?: boolean;
-}
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { RadioGroup, RadioGroupItem };