@kadoui/react 1.5.10 → 1.6.0

package/dist/index.js

@@ -1,1764 +1,26 @@
-// src/utils/browser.ts
-var getBrowserScrollbarWith = () => {
-  const outer = document.createElement("div");
-  outer.style.visibility = "hidden";
-  outer.style.overflow = "scroll";
-  document.body.appendChild(outer);
-  const inner = document.createElement("div");
-  outer.appendChild(inner);
-  const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
-  outer.parentNode?.removeChild(outer);
-  return scrollbarWidth;
-};
-var selectAccessibleChildren = (parent) => {
-  const children = Array.from(
-    parent.querySelectorAll(`
-      a:not([tabindex="-1"]),
-      input:not([disabled],[tabindex="-1"]),
-      select:not([disabled],[tabindex="-1"]),
-      textarea:not([disabled],[tabindex="-1"]),
-      button:not([disabled],[tabindex="-1"])
-    `)
-  );
-  return children;
-};
-
-// src/utils/cn.ts
-import { twMerge } from "tailwind-merge";
-import { clsx } from "clsx";
-var cn = (...inputs) => twMerge(clsx(inputs));
-
-// src/components/AccessNavigation/AccessNavigation.tsx
-import { jsx } from "react/jsx-runtime";
-function AccessNavigation({ direction = "y", dir, onKeyDown, ...p }) {
-  const handleKeyDown = (ev) => {
-    const focusableChildren = selectAccessibleChildren(ev.currentTarget);
-    if (!focusableChildren.length) {
-      return;
-    }
-    const currentDir = dir || document.documentElement.getAttribute("dir") || "ltr";
-    const currentIndex = focusableChildren.findIndex((item) => item === document.activeElement);
-    if (ev.key === (direction === "y" ? "ArrowDown" : currentDir === "ltr" ? "ArrowRight" : "ArrowLeft")) {
-      ev.preventDefault();
-      const nextIndex = currentIndex === -1 || currentIndex === focusableChildren.length - 1 ? 0 : currentIndex + 1;
-      focusableChildren[nextIndex]?.focus();
-    }
-    if (ev.key === (direction === "y" ? "ArrowUp" : currentDir === "ltr" ? "ArrowLeft" : "ArrowRight")) {
-      ev.preventDefault();
-      const prevIndex = currentIndex <= 0 ? focusableChildren.length - 1 : currentIndex - 1;
-      focusableChildren[prevIndex]?.focus();
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      dir,
-      onKeyDown: (ev) => {
-        onKeyDown?.(ev);
-        handleKeyDown(ev);
-      },
-      ...p
-    }
-  );
-}
-
-// src/components/Accordion/AccordionBody.tsx
-import { use } from "react";
-import { AnimatePresence, motion } from "framer-motion";
-
-// src/components/Accordion/AccordionContext.ts
-import { createContext } from "react";
-var AccordionContext = createContext({});
-
-// src/components/Accordion/AccordionBody.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function AccordionBody({ children, ...props }) {
-  const { isOpen } = use(AccordionContext);
-  return /* @__PURE__ */ jsx2(AnimatePresence, { children: isOpen ? /* @__PURE__ */ jsx2(
-    motion.div,
-    {
-      initial: { height: 0, opacity: 0 },
-      animate: { height: "auto", opacity: 1 },
-      exit: { height: 0, opacity: 0 },
-      ...props,
-      children
-    }
-  ) : null });
-}
-
-// src/components/Accordion/AccordionRoot.tsx
-import { useState } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-function AccordionRoot({ children }) {
-  const [isOpen, setOpen] = useState(false);
-  return /* @__PURE__ */ jsx3(AccordionContext, { value: { isOpen, setOpen }, children });
-}
-
-// src/components/Accordion/AccordionToggle.tsx
-import { use as use2 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function AccordionToggle({ className, onClick, ...props }) {
-  const { isOpen, setOpen } = use2(AccordionContext);
-  return /* @__PURE__ */ jsx4(
-    "button",
-    {
-      onClick: (ev) => {
-        onClick?.(ev);
-        setOpen((prev) => !prev);
-      },
-      className: cn(
-        isOpen ? "accordion-active" : null,
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/Accordion/Accordion.ts
-var Accordion = Object.assign(AccordionRoot, {
-  Toggle: AccordionToggle,
-  Body: AccordionBody
-});
-
-// src/components/Affix/Affix.tsx
-import { useState as useState2, useEffect } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Affix = ({ className, onClick, ...p }) => {
-  const [isVisible, setIsVisible] = useState2(false);
-  const [lastScrollY, setLastScrollY] = useState2(0);
-  useEffect(() => {
-    const handleScroll = () => {
-      const currentScrollY = window.scrollY;
-      const viewportHeight = window.innerHeight;
-      const scrollThreshold = viewportHeight * 0.5;
-      if (currentScrollY > scrollThreshold && currentScrollY > lastScrollY) {
-        setIsVisible(true);
-      } else if (currentScrollY < lastScrollY && currentScrollY < scrollThreshold) {
-        setIsVisible(false);
-      }
-      setLastScrollY(currentScrollY);
-    };
-    window.addEventListener("scroll", handleScroll, {
-      passive: true
-    });
-    return () => window.removeEventListener("scroll", handleScroll);
-  }, [lastScrollY]);
-  const scrollToTop = () => {
-    window.scrollTo({
-      top: 0,
-      behavior: "smooth"
-    });
-  };
-  return /* @__PURE__ */ jsx5(
-    "button",
-    {
-      onClick: (ev) => {
-        onClick?.(ev);
-        scrollToTop();
-      },
-      className: cn(
-        isVisible ? "affix-active" : null,
-        className
-      ),
-      ...p
-    }
-  );
-};
-
-// src/components/Breadcrumbs/BreadcrumbsItem.tsx
-import { use as use3 } from "react";
-
-// src/components/Breadcrumbs/BreadcrumbsContext.ts
-import { createContext as createContext2 } from "react";
-var BreadcrumbsContext = createContext2({});
-
-// src/components/Breadcrumbs/BreadcrumbsItem.tsx
-import { jsxs } from "react/jsx-runtime";
-function BreadcrumbsItem({ isLast = false, children, ...p }) {
-  const { separator } = use3(BreadcrumbsContext);
-  return /* @__PURE__ */ jsxs("div", { ...p, children: [
-    children,
-    !isLast && separator
-  ] });
-}
-
-// src/components/Breadcrumbs/BreadcrumbsRoot.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-function BreadcrumbsRoot({ separator = "/", ...p }) {
-  return /* @__PURE__ */ jsx6(BreadcrumbsContext, { value: { separator }, children: /* @__PURE__ */ jsx6("nav", { ...p }) });
-}
-
-// src/components/Breadcrumbs/Breadcrumbs.ts
-var Breadcrumbs = Object.assign(BreadcrumbsRoot, {
-  Item: BreadcrumbsItem
-});
-
-// src/components/Carousel/CarouselRoot.tsx
-import { useEffect as useEffect2, useRef, useState as useState3 } from "react";
-
-// src/components/Carousel/CarouselContext.ts
-import { createContext as createContext3 } from "react";
-var CarouselContext = createContext3({});
-
-// src/components/Carousel/CarouselRoot.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-function CarouselRoot({ dir, ...p }) {
-  const scrollRef = useRef(null);
-  const [leftOpacity, setLeftOpacity] = useState3(0);
-  const [rightOpacity, setRightOpacity] = useState3(1);
-  const updateFade = () => {
-    const el = scrollRef.current;
-    if (!el) return;
-    const { scrollLeft, scrollWidth, clientWidth } = el;
-    const maxScroll = scrollWidth - clientWidth;
-    if (maxScroll <= 0) {
-      setLeftOpacity(0);
-      setRightOpacity(0);
-      return;
-    }
-    const scrollRatio = Math.abs(+(scrollLeft / maxScroll));
-    const left = +Math.min(1, scrollRatio * 2).toFixed(1);
-    const right = +Math.min(1, (1 - scrollRatio) * 2).toFixed(1);
-    const currentDir = dir || document.documentElement.getAttribute("dir") || "ltr";
-    setLeftOpacity(currentDir === "ltr" ? right : left);
-    setRightOpacity(currentDir === "ltr" ? left : right);
-  };
-  useEffect2(() => {
-    const el = scrollRef.current;
-    if (!el) return;
-    updateFade();
-    el.addEventListener("scroll", updateFade);
-    window.addEventListener("resize", updateFade);
-    return () => {
-      el.removeEventListener("scroll", updateFade);
-      window.removeEventListener("resize", updateFade);
-    };
-  }, []);
-  return /* @__PURE__ */ jsx7(CarouselContext, { value: { scrollRef, leftOpacity, rightOpacity }, children: /* @__PURE__ */ jsx7("div", { ...p }) });
-}
-
-// src/components/Carousel/CarouselLeftFade.tsx
-import { use as use4 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-function CarouselLeftFade({ style, ...p }) {
-  const { leftOpacity } = use4(CarouselContext);
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      style: {
-        opacity: leftOpacity,
-        ...style
-      },
-      ...p
-    }
-  );
-}
-
-// src/components/Carousel/CarouselContainer.tsx
-import { use as use5 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-function CarouselContainer({ children, ...p }) {
-  const { scrollRef } = use5(CarouselContext);
-  return /* @__PURE__ */ jsx9("div", { ref: scrollRef, ...p, children });
-}
-
-// src/components/Carousel/CarouselRightFade.tsx
-import { use as use6 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-function CarouselRightFade({ style, ...p }) {
-  const { rightOpacity } = use6(CarouselContext);
-  return /* @__PURE__ */ jsx10(
-    "div",
-    {
-      style: {
-        opacity: rightOpacity,
-        ...style
-      },
-      ...p
-    }
-  );
-}
-
-// src/components/Carousel/Carousel.ts
-var Carousel = Object.assign(CarouselRoot, {
-  Container: CarouselContainer,
-  LeftFade: CarouselLeftFade,
-  RightFade: CarouselRightFade
-});
-
-// src/components/ClientOnly/ClientOnly.tsx
-import { useMounted } from "@mantine/hooks";
-function ClientOnly({ children }) {
-  const mounted = useMounted();
-  return mounted ? children : null;
-}
-
-// src/components/Clipboard/Clipboard.tsx
-import { useClipboard } from "@mantine/hooks";
-import { jsx as jsx11 } from "react/jsx-runtime";
-function Clipboard({ copiedChildren, onClick, children, text, timeout = 3e3, ...props }) {
-  const { copy, copied } = useClipboard({ timeout });
-  const handleClick = (ev) => {
-    onClick?.(ev);
-    copy(text.trim());
-  };
-  return /* @__PURE__ */ jsx11(
-    "button",
-    {
-      "aria-label": text,
-      onClick: handleClick,
-      ...props,
-      children: copiedChildren && copied ? copiedChildren : children
-    }
-  );
-}
-
-// src/components/ContextMenu/ContextMenuRoot.tsx
-import { useCallback, useEffect as useEffect3, useRef as useRef2, useState as useState4 } from "react";
-
-// src/components/ContextMenu/ContextMenuContext.ts
-import { createContext as createContext4 } from "react";
-var ContextMenuContext = createContext4({});
-
-// src/components/ContextMenu/ContextMenuRoot.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-function ContextMenuRoot({ onContextMenu, ...p }) {
-  const [position, setPosition] = useState4(void 0);
-  const [isOpen, setOpen] = useState4(false);
-  const contentRef = useRef2(null);
-  const handleClickOutside = useCallback((ev) => {
-    if (!contentRef.current?.contains(ev.target)) {
-      setOpen(false);
-      setPosition(void 0);
-    }
-  }, []);
-  useEffect3(() => {
-    document.addEventListener("click", handleClickOutside);
-    return () => document.removeEventListener("click", handleClickOutside);
-  }, [handleClickOutside]);
-  useEffect3(() => {
-    const scrollbarWidth = getBrowserScrollbarWith();
-    if (isOpen) {
-      document.body.style.overflow = "hidden";
-      document.body.style.paddingRight = `${scrollbarWidth}px`;
-    } else {
-      document.body.style.overflow = "unset";
-      document.body.style.paddingRight = "0px";
-    }
-    ;
-  }, [isOpen]);
-  const handleContextMenu = (ev) => {
-    if (!contentRef.current) return;
-    ev.preventDefault();
-    const viewportWidth = window.innerWidth;
-    const viewportHeight = window.innerHeight;
-    const menuWidth = contentRef.current.scrollWidth;
-    const menuHeight = contentRef.current.scrollHeight;
-    let x = ev.clientX;
-    let y = ev.clientY;
-    if (x + menuWidth > viewportWidth) {
-      x = viewportWidth - menuWidth - 10;
-    }
-    if (y + menuHeight > viewportHeight) {
-      y = viewportHeight - menuHeight - 10;
-    }
-    setPosition({ x, y });
-    setOpen(true);
-  };
-  return /* @__PURE__ */ jsx12(ContextMenuContext, { value: { contentRef, isOpen, position }, children: /* @__PURE__ */ jsx12(
-    "div",
-    {
-      onContextMenu: (ev) => {
-        onContextMenu?.(ev);
-        handleContextMenu(ev);
-      },
-      ...p
-    }
-  ) });
-}
-
-// src/components/ContextMenu/ContextMenuContent.tsx
-import { use as use7, useEffect as useEffect4 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-function ContextMenuContent({ onContextMenu, className, ...p }) {
-  const { contentRef, position, isOpen } = use7(ContextMenuContext);
-  useEffect4(() => {
-    if (!contentRef.current) {
-      return;
-    }
-    if (isOpen) {
-      const children = selectAccessibleChildren(contentRef.current);
-      const firstChild = children[0];
-      if (!firstChild) {
-        return;
-      }
-      firstChild.focus();
-    }
-  }, [isOpen, position, contentRef]);
-  return /* @__PURE__ */ jsx13(
-    "div",
-    {
-      ref: contentRef,
-      onContextMenu: (ev) => {
-        ev.stopPropagation();
-        ev.preventDefault();
-        onContextMenu?.(ev);
-      },
-      className: cn(
-        isOpen ? "context-menu-active" : null,
-        className
-      ),
-      style: {
-        top: position?.y,
-        left: position?.x
-      },
-      ...p
-    }
-  );
-}
-
-// src/components/ContextMenu/ContextMenu.ts
-var ContextMenu = Object.assign(ContextMenuRoot, {
-  Content: ContextMenuContent
-});
-
-// src/components/Drawer/DrawerBody.tsx
-import { motion as motion2 } from "framer-motion";
-import { use as use8, useEffect as useEffect5, useRef as useRef3 } from "react";
-
-// src/components/Drawer/DrawerContext.ts
-import { createContext as createContext5 } from "react";
-var DrawerContext = createContext5({});
-
-// src/components/Drawer/DrawerBody.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-function DrawerBody({ position, dir, children, ...p }) {
-  const { isOpen } = use8(DrawerContext);
-  const bodyRef = useRef3(null);
-  useEffect5(() => {
-    if (isOpen) {
-      const indexElement = bodyRef.current?.querySelector("[data-drawer='index']");
-      indexElement?.focus();
-    }
-    ;
-  }, [isOpen]);
-  const currentDir = dir || document.documentElement.getAttribute("dir") || "ltr";
-  const currentPosition = position || (currentDir === "ltr" ? "left" : "right");
-  const direction = ["right", "left"].includes(currentPosition) ? "y" : "x";
-  const width = direction === "y" ? "clamp(300px,30%,30%)" : void 0;
-  const height = direction === "y" ? void 0 : "50%";
-  return /* @__PURE__ */ jsx14(
-    motion2.div,
-    {
-      ref: bodyRef,
-      onClick: (ev) => ev.stopPropagation(),
-      initial: direction === "y" ? { x: currentPosition === "left" ? "-100%" : "100%" } : { y: currentPosition === "top" ? "-100%" : "100%" },
-      animate: { y: 0, x: 0 },
-      exit: direction === "y" ? { x: currentPosition === "left" ? "-100%" : "100%" } : { y: currentPosition === "top" ? "-100%" : "100%" },
-      style: {
-        width,
-        height,
-        ...currentPosition === "top" ? { top: 0, left: 0, right: 0 } : currentPosition === "right" ? { top: 0, bottom: 0, right: 0 } : currentPosition === "bottom" ? { bottom: 0, left: 0, right: 0 } : { top: 0, bottom: 0, left: 0 }
-      },
-      transition: { ease: "easeInOut" },
-      ...p,
-      children
-    }
-  );
-}
-
-// src/components/Drawer/DrawerRoot.tsx
-import { useState as useState5, useEffect as useEffect6 } from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-function DrawerRoot({ children }) {
-  const [isOpen, setOpen] = useState5(false);
-  useEffect6(() => {
-    const handleEscape = (ev) => {
-      if (ev.key === "Escape") {
-        setOpen(false);
-      }
-      ;
-    };
-    document.addEventListener("keydown", handleEscape);
-    return () => {
-      document.removeEventListener("keydown", handleEscape);
-      document.body.style.overflow = "unset";
-    };
-  }, []);
-  useEffect6(() => {
-    const scrollbarWidth = getBrowserScrollbarWith();
-    if (isOpen) {
-      document.body.style.overflow = "hidden";
-      document.body.style.paddingRight = `${scrollbarWidth}px`;
-    } else {
-      document.body.style.overflow = "unset";
-      document.body.style.paddingRight = "0px";
-    }
-    ;
-  }, [isOpen]);
-  return /* @__PURE__ */ jsx15(DrawerContext, { value: { isOpen, setOpen }, children });
-}
-
-// src/components/Drawer/DrawerPortal.tsx
-import { use as use9 } from "react";
-import { motion as motion3, AnimatePresence as AnimatePresence2 } from "framer-motion";
-
-// src/components/Portal/Portal.tsx
-import { createPortal } from "react-dom";
-import { Fragment, jsx as jsx16 } from "react/jsx-runtime";
-function Portal({ children, container }) {
-  return createPortal(
-    /* @__PURE__ */ jsx16(Fragment, { children }),
-    container || document.body
-  );
-}
-
-// src/components/Drawer/DrawerPortal.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-function DrawerPortal({ onClick, ...p }) {
-  const { isOpen, setOpen } = use9(DrawerContext);
-  return /* @__PURE__ */ jsx17(ClientOnly, { children: /* @__PURE__ */ jsx17(Portal, { children: /* @__PURE__ */ jsx17(AnimatePresence2, { children: isOpen ? /* @__PURE__ */ jsx17(
-    motion3.div,
-    {
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      exit: { opacity: 0 },
-      onClick: (ev) => {
-        onClick?.(ev);
-        setOpen(false);
-      },
-      ...p
-    }
-  ) : null }) }) });
-}
-
-// src/components/Drawer/DrawerToggle.tsx
-import { use as use10 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-function DrawerToggle({ onClick, ...props }) {
-  const { setOpen } = use10(DrawerContext);
-  return /* @__PURE__ */ jsx18(
-    "button",
-    {
-      onClick: (ev) => {
-        onClick?.(ev);
-        setOpen((prev) => !prev);
-      },
-      ...props
-    }
-  );
-}
-
-// src/components/Drawer/Drawer.ts
-var Drawer = Object.assign(DrawerRoot, {
-  Toggle: DrawerToggle,
-  Portal: DrawerPortal,
-  Body: DrawerBody
-});
-
-// src/components/LoaderLink/LoaderLink.tsx
-import { useLinkStatus } from "next/link";
-function LoaderLink({ loader, children }) {
-  const { pending } = useLinkStatus();
-  return pending ? loader : children;
-}
-
-// src/components/Modal/ModalRoot.tsx
-import { useState as useState6, useEffect as useEffect7 } from "react";
-
-// src/components/Modal/ModalContext.ts
-import { createContext as createContext6 } from "react";
-var ModalContext = createContext6({});
-
-// src/components/Modal/ModalRoot.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-function ModalRoot({ children, defaultOpen = false }) {
-  const [isOpen, setOpen] = useState6(defaultOpen);
-  useEffect7(() => {
-    const handleEscape = (e) => {
-      if (e.key === "Escape") {
-        setOpen(false);
-      }
-      ;
-    };
-    document.addEventListener("keydown", handleEscape);
-    return () => {
-      document.removeEventListener("keydown", handleEscape);
-      document.body.style.overflow = "unset";
-    };
-  }, []);
-  useEffect7(() => {
-    const scrollbarWidth = getBrowserScrollbarWith();
-    if (isOpen) {
-      document.body.style.overflow = "hidden";
-      document.body.style.paddingRight = `${scrollbarWidth}px`;
-    } else {
-      document.body.style.overflow = "unset";
-      document.body.style.paddingRight = "0px";
-    }
-    ;
-  }, [isOpen]);
-  return /* @__PURE__ */ jsx19(ModalContext, { value: { isOpen, setOpen }, children });
-}
-
-// src/components/Modal/ModalBody.tsx
-import { use as use11, useEffect as useEffect8, useRef as useRef4 } from "react";
-import { AnimatePresence as AnimatePresence3, motion as motion4 } from "framer-motion";
-import { jsx as jsx20 } from "react/jsx-runtime";
-function ModalBody({ onClick, ...props }) {
-  const { isOpen } = use11(ModalContext);
-  const contentRef = useRef4(null);
-  useEffect8(() => {
-    if (isOpen) {
-      const indexElement = contentRef.current?.querySelector("[data-modal='index']");
-      indexElement?.focus();
-    }
-    ;
-  }, [isOpen]);
-  return /* @__PURE__ */ jsx20(AnimatePresence3, { children: isOpen ? /* @__PURE__ */ jsx20(
-    motion4.div,
-    {
-      ref: contentRef,
-      initial: { opacity: 0, scale: 0.9 },
-      animate: { opacity: 1, scale: 1 },
-      exit: { opacity: 0, scale: 0.9 },
-      transition: { ease: "easeInOut" },
-      onClick: (ev) => {
-        onClick?.(ev);
-        ev.stopPropagation();
-      },
-      ...props
-    }
-  ) : null });
-}
-
-// src/components/Modal/ModalHeader.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
-function ModalHeader(p) {
-  return /* @__PURE__ */ jsx21("div", { ...p });
-}
-
-// src/components/Modal/ModalPortal.tsx
-import { use as use12 } from "react";
-import { motion as motion5, AnimatePresence as AnimatePresence4 } from "framer-motion";
-import { jsx as jsx22 } from "react/jsx-runtime";
-function ModalPortal({ onClick, ...p }) {
-  const { isOpen, setOpen } = use12(ModalContext);
-  return /* @__PURE__ */ jsx22(ClientOnly, { children: /* @__PURE__ */ jsx22(Portal, { children: /* @__PURE__ */ jsx22(AnimatePresence4, { children: isOpen ? /* @__PURE__ */ jsx22(
-    motion5.div,
-    {
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      exit: { opacity: 0 },
-      onClick: (ev) => {
-        onClick?.(ev);
-        setOpen(false);
-      },
-      ...p
-    }
-  ) : null }) }) });
-}
-
-// src/components/Modal/ModalTrigger.tsx
-import { use as use13 } from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
-function ModalToggle({ onClick, ...props }) {
-  const { setOpen } = use13(ModalContext);
-  return /* @__PURE__ */ jsx23(
-    "button",
-    {
-      onClick: (ev) => {
-        onClick?.(ev);
-        setOpen((prev) => !prev);
-      },
-      ...props
-    }
-  );
-}
-
-// src/components/Modal/ModalContent.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
-function ModalContent(p) {
-  return /* @__PURE__ */ jsx24("div", { ...p });
-}
-
-// src/components/Modal/Modal.ts
-var Modal = Object.assign(ModalRoot, {
-  Toggle: ModalToggle,
-  Portal: ModalPortal,
-  Body: ModalBody,
-  Header: ModalHeader,
-  Content: ModalContent
-});
-
-// src/components/Otp/OtpRoot.tsx
-import { useEffect as useEffect9, useRef as useRef5 } from "react";
-
-// src/components/Otp/OtpContext.ts
-import { createContext as createContext7 } from "react";
-var OtpContext = createContext7({
-  getInputsValue: () => ""
-});
-
-// src/components/Otp/OtpRoot.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
-function OtpRoot(p) {
-  const inputs = useRef5([]);
-  useEffect9(() => {
-    inputs.current[0]?.focus();
-  }, []);
-  const getInputsValue = () => {
-    return inputs?.current.map((input) => input?.value || "").join("") || "";
-  };
-  return /* @__PURE__ */ jsx25(OtpContext, { value: { inputs, getInputsValue }, children: /* @__PURE__ */ jsx25("div", { ...p }) });
-}
-
-// src/components/Otp/OtpInputs.tsx
-import { use as use14 } from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
-function OtpInputs({ name, length, onLastChange, ...props }) {
-  const { inputs, getInputsValue } = use14(OtpContext);
-  const handlePaste = (ev, startIndex) => {
-    ev.preventDefault();
-    const pastedData = ev.clipboardData.getData("text").replace(/\s/g, "");
-    if (!pastedData) return;
-    for (let i = 0; i < pastedData.length; i++) {
-      const inputIndex = startIndex + i;
-      if (inputIndex >= length) break;
-      const input = inputs?.current[inputIndex];
-      const indexedPastedData = pastedData[i];
-      if (input && indexedPastedData) {
-        input.value = indexedPastedData;
-      }
-    }
-    const nextIndex = Math.min(startIndex + pastedData.length, length - 1);
-    inputs?.current[nextIndex]?.focus();
-    const otpValue = getInputsValue();
-    if (otpValue.length === length) {
-      onLastChange?.(otpValue);
-    }
-  };
-  const handleInputChange = (value, index) => {
-    if (value) {
-      const currentInput = inputs?.current[index];
-      const currentValue = currentInput?.value[currentInput.value.length - 1];
-      if (currentValue) {
-        currentInput.value = currentValue;
-      }
-      const nextInput = inputs?.current[index + 1];
-      if (nextInput) {
-        nextInput.value = "";
-        nextInput.focus();
-        return;
-      }
-      onLastChange?.(getInputsValue());
-    }
-  };
-  const handleBackspace = (e, index) => {
-    if (e.key === "Backspace" && !e.currentTarget.value && index > 0) {
-      inputs?.current[index - 1]?.focus();
-    }
-  };
-  return Array.from({ length }).map(
-    (_, index) => /* @__PURE__ */ jsx26(
-      "input",
-      {
-        autoComplete: "off",
-        name: `${name || "otp"}-${index}`,
-        onPaste: (ev) => handlePaste(ev, index),
-        onKeyDown: (ev) => handleBackspace(ev, index),
-        onChange: (ev) => handleInputChange(ev.target.value, index),
-        ref: (el) => {
-          if (inputs) {
-            inputs.current[index] = el;
-          }
-        },
-        ...props
-      },
-      index
-    )
-  );
-}
-
-// src/components/Otp/OtpHiddenInput.tsx
-import { use as use15 } from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
-function OtpHiddenInput({ name, ...p }) {
-  const { getInputsValue } = use15(OtpContext);
-  return /* @__PURE__ */ jsx27("input", { type: "hidden", tabIndex: -1, name: name || "otp", value: getInputsValue(), ...p });
-}
-
-// src/components/Otp/Otp.ts
-var Otp = Object.assign(OtpRoot, {
-  Inputs: OtpInputs,
-  HiddenInput: OtpHiddenInput
-});
-
-// src/components/Pagination/PaginationCounts.tsx
-import { use as use16 } from "react";
-
-// src/components/Pagination/PaginationContext.tsx
-import { createContext as createContext8 } from "react";
-var PaginationContext = createContext8({});
-
-// src/components/Pagination/PaginationCounts.tsx
-import { jsxs as jsxs2 } from "react/jsx-runtime";
-function PaginationCounts(props) {
-  const { page, pageLength } = use16(PaginationContext);
-  return /* @__PURE__ */ jsxs2("p", { ...props, children: [
-    "Page ",
-    page,
-    " / ",
-    pageLength
-  ] });
-}
-
-// src/components/Pagination/PaginationNextBtn.tsx
-import { use as use17 } from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
-function PaginationNextBtn({ onClick, disabled, ...p }) {
-  const { page, pageLength, nextPage } = use17(PaginationContext);
-  return /* @__PURE__ */ jsx28(
-    "button",
-    {
-      disabled: disabled || page === pageLength,
-      onClick: (ev) => {
-        onClick?.(ev);
-        nextPage();
-      },
-      ...p
-    }
-  );
-}
-
-// src/components/Pagination/PaginationPrevBtn.tsx
-import { use as use18 } from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
-function PaginationPrevBtn({ onClick, disabled, ...p }) {
-  const { page, prevPage } = use18(PaginationContext);
-  return /* @__PURE__ */ jsx29(
-    "button",
-    {
-      disabled: disabled || page === 1,
-      onClick: (ev) => {
-        onClick?.(ev);
-        prevPage();
-      },
-      ...p
-    }
-  );
-}
-
-// src/components/Pagination/PaginationStateRoot.tsx
-import { useState as useState7 } from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
-function PaginationStateRoot({ pageLength, children }) {
-  const [page, setPage] = useState7(1);
-  const nextPage = () => setPage((prev) => prev < pageLength ? prev + 1 : prev);
-  const prevPage = () => setPage((prev) => prev > 1 ? prev - 1 : prev);
-  return /* @__PURE__ */ jsx30(PaginationContext.Provider, { value: { page, pageLength, nextPage, prevPage }, children });
-}
-
-// src/components/Pagination/PaginationSearchParamsRoot.tsx
-import { useRouter, useSearchParams } from "next/navigation";
-import { useEffect as useEffect10, useState as useState8 } from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
-function PaginationSearchParamsRoot({ pageKey, pageLength, children }) {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const [currentPage, setCurrentPage] = useState8(1);
-  useEffect10(() => {
-    setCurrentPage(+(searchParams.get(pageKey || "page") || "1"));
-  }, [pageKey, searchParams]);
-  const pushRouter = (page) => {
-    const params = new URLSearchParams(searchParams.toString());
-    params.set(pageKey || "page", page.toString());
-    router.push("?" + params.toString());
-  };
-  const nextPage = () => {
-    if (currentPage < pageLength) {
-      pushRouter(currentPage + 1);
-    }
-  };
-  const prevPage = () => {
-    if (currentPage > 1) {
-      pushRouter(currentPage - 1);
-    }
-  };
-  return /* @__PURE__ */ jsx31(PaginationContext.Provider, { value: { page: currentPage, pageLength, nextPage, prevPage }, children });
-}
-
-// src/components/Pagination/Pagination.ts
-var baseComponents = {
-  Counts: PaginationCounts,
-  NextBtn: PaginationNextBtn,
-  PrevBtn: PaginationPrevBtn
-};
-var PaginationWithState = Object.assign(PaginationStateRoot, baseComponents);
-var PaginationWithSearchParams = Object.assign(PaginationSearchParamsRoot, baseComponents);
-
-// src/components/PasswordInput/PasswordInputRoot.tsx
-import { useState as useState9 } from "react";
-
-// src/components/PasswordInput/PasswordInputContext.tsx
-import { createContext as createContext9 } from "react";
-var PasswordInputContext = createContext9({});
-
-// src/components/PasswordInput/PasswordInputRoot.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
-function PasswordInputRoot(props) {
-  const [isVisible, setIsVisible] = useState9(false);
-  return /* @__PURE__ */ jsx32(PasswordInputContext, { value: { isVisible, setIsVisible }, children: /* @__PURE__ */ jsx32("label", { ...props }) });
-}
-
-// src/components/PasswordInput/PasswordInputField.tsx
-import { use as use19 } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
-function PasswordInputField(props) {
-  const { isVisible } = use19(PasswordInputContext);
-  return /* @__PURE__ */ jsx33("input", { type: isVisible ? "text" : "password", ...props });
-}
-
-// src/components/PasswordInput/PasswordInputToggle.tsx
-import { use as use20 } from "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
-function PasswordInputToggle({ visibleChildren, onClick, children, ...props }) {
-  const { isVisible, setIsVisible } = use20(PasswordInputContext);
-  return /* @__PURE__ */ jsx34(
-    "button",
-    {
-      type: "button",
-      onClick: (ev) => {
-        setIsVisible((prev) => !prev);
-        onClick?.(ev);
-      },
-      ...props,
-      children: isVisible ? visibleChildren : children
-    }
-  );
-}
-
-// src/components/PasswordInput/PasswordInput.ts
-var PasswordInput = Object.assign(PasswordInputRoot, {
-  Field: PasswordInputField,
-  Toggle: PasswordInputToggle
-});
-
-// src/components/Popover/PopoverBody.tsx
-import { use as use21 } from "react";
-
-// src/components/Popover/PopoverContext.ts
-import { createContext as createContext10 } from "react";
-var PopoverContext = createContext10({});
-
-// src/components/Popover/PopoverBody.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
-function PopoverBody({ preventClose, onClick, ...p }) {
-  const { bodyRef, isOpen } = use21(PopoverContext);
-  return isOpen ? /* @__PURE__ */ jsx35(
-    "div",
-    {
-      ref: bodyRef,
-      "data-state": isOpen ? "active" : "inactive",
-      onClick: (ev) => {
-        if (preventClose) {
-          ev.stopPropagation();
-        }
-        onClick?.(ev);
-      },
-      ...p
-    }
-  ) : null;
-}
-
-// src/components/Popover/PopoverRoot.tsx
-import { useEffect as useEffect11, useRef as useRef6, useState as useState10 } from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
-function PopoverRoot({ mode = "click", accessHorizontalArrows, onKeyDown, onMouseEnter, onMouseLeave, ...p }) {
-  const [isOpen, setOpen] = useState10(false);
-  const toggleRef = useRef6(null);
-  const bodyRef = useRef6(null);
-  useEffect11(() => {
-    const closeHandler = () => {
-      setOpen(false);
-    };
-    window.addEventListener("click", closeHandler);
-    return () => window.removeEventListener("click", closeHandler);
-  }, []);
-  useEffect11(() => {
-    if (isOpen) {
-      selectFirstMenuChild();
-    }
-  }, [isOpen]);
-  const selectFirstMenuChild = () => {
-    if (!bodyRef.current) {
-      return;
-    }
-    const children = selectAccessibleChildren(bodyRef.current);
-    const firstChild = children[0];
-    if (!firstChild) {
-      return;
-    }
-    firstChild.focus();
-  };
-  const handleKeyDown = (ev) => {
-    if (!accessHorizontalArrows) {
-      return null;
-    }
-    if (ev.key === "ArrowRight") {
-      if (accessHorizontalArrows === "ArrowRight") {
-        setOpen(true);
-        selectFirstMenuChild();
-      } else {
-        setOpen(false);
-        toggleRef.current?.focus();
-      }
-    }
-    if (ev.key === "ArrowLeft") {
-      if (accessHorizontalArrows === "ArrowLeft") {
-        setOpen(true);
-        selectFirstMenuChild();
-      } else {
-        setOpen(false);
-        toggleRef.current?.focus();
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx36(PopoverContext, { value: { isOpen, setOpen, toggleRef, bodyRef, mode }, children: /* @__PURE__ */ jsx36(
-    "div",
-    {
-      "data-state": isOpen ? "active" : "inactive",
-      onKeyDown: (ev) => {
-        onKeyDown?.(ev);
-        handleKeyDown(ev);
-      },
-      onMouseEnter: (ev) => {
-        onMouseEnter?.(ev);
-        if (["hover", "both"].includes(mode)) {
-          ev.stopPropagation();
-          setOpen(true);
-        }
-      },
-      onMouseLeave: (ev) => {
-        onMouseLeave?.(ev);
-        if (["hover", "both"].includes(mode)) {
-          ev.stopPropagation();
-          setOpen(false);
-        }
-      },
-      ...p
-    }
-  ) });
-}
-
-// src/components/Popover/PopoverToggle.tsx
-import { use as use22 } from "react";
-import { jsx as jsx37 } from "react/jsx-runtime";
-function PopoverToggle({ onClick, ...props }) {
-  const { mode, toggleRef, isOpen, setOpen } = use22(PopoverContext);
-  return /* @__PURE__ */ jsx37(
-    "button",
-    {
-      ref: toggleRef,
-      "data-state": isOpen ? "active" : "inactive",
-      onClick: (ev) => {
-        onClick?.(ev);
-        ev.stopPropagation();
-        if (["click", "both"].includes(mode)) {
-          setOpen((prev) => !prev);
-        }
-      },
-      ...props
-    }
-  );
-}
-
-// src/components/Popover/Popover.ts
-var Popover = Object.assign(PopoverRoot, {
-  Toggle: PopoverToggle,
-  Body: PopoverBody
-});
-
-// src/components/Progress/ProgressBar.tsx
-import { use as use23 } from "react";
-import { motion as motion6 } from "framer-motion";
-
-// src/components/Progress/ProgressContext.ts
-import { createContext as createContext11 } from "react";
-var ProgressContext = createContext11({});
-
-// src/components/Progress/ProgressBar.tsx
-import { jsx as jsx38, jsxs as jsxs3 } from "react/jsx-runtime";
-function ProgressBar({ duration, children, ...p }) {
-  const { value, maxValue } = use23(ProgressContext);
-  const percentage = Math.min(100, Math.max(0, value / maxValue * 100));
-  return /* @__PURE__ */ jsx38(
-    motion6.div,
-    {
-      initial: { width: 0 },
-      whileInView: { width: `${percentage}%` },
-      transition: { duration: duration || 3 },
-      ...p,
-      children: children || /* @__PURE__ */ jsxs3("span", { className: "text-xs", children: [
-        percentage,
-        "%"
-      ] })
-    }
-  );
-}
-
-// src/components/Progress/ProgressRoot.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
-function ProgressRoot({ value, maxValue = 100, ...p }) {
-  return /* @__PURE__ */ jsx39(ProgressContext, { value: { value, maxValue }, children: /* @__PURE__ */ jsx39("div", { ...p }) });
-}
-
-// src/components/Progress/Progress.ts
-var Progress = Object.assign(ProgressRoot, {
-  Bar: ProgressBar
-});
-
-// src/components/QrCode/QrCode.tsx
-import QRCode from "qrcode";
-import { useEffect as useEffect12, useRef as useRef7 } from "react";
-import { jsx as jsx40 } from "react/jsx-runtime";
-function QrCode({ value, options, ...props }) {
-  const canvasRef = useRef7(null);
-  useEffect12(() => {
-    console.log(value);
-    QRCode.toCanvas(canvasRef.current, value, options, function(error) {
-      if (error) console.error(error);
-    });
-  }, [value, options]);
-  return /* @__PURE__ */ jsx40("canvas", { ref: canvasRef, ...props });
-}
-
-// src/components/Rating/RatingRoot.tsx
-import { useState as useState11 } from "react";
-
-// src/components/Rating/RatingContext.ts
-import { createContext as createContext12 } from "react";
-var RatingContext = createContext12({});
-
-// src/components/Rating/RatingRoot.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
-var RatingRoot = (p) => {
-  const [hoverValue, setHoverValue] = useState11(null);
-  return /* @__PURE__ */ jsx41(RatingContext, { value: { hoverValue, setHoverValue }, children: /* @__PURE__ */ jsx41(
-    "div",
-    {
-      onMouseLeave: () => setHoverValue(null),
-      ...p
-    }
-  ) });
-};
-
-// src/components/Rating/RatingItems.tsx
-import { use as use24 } from "react";
-import { jsx as jsx42 } from "react/jsx-runtime";
-function RatingItems({ count, value, onValueChange, element, activeElement, ...p }) {
-  const { hoverValue, setHoverValue } = use24(RatingContext);
-  const displayValue = hoverValue !== null ? hoverValue : value;
-  return Array.from({ length: count }).map((_, index) => {
-    const itemValue = index + 1;
-    const isActive = itemValue <= displayValue;
-    return /* @__PURE__ */ jsx42(
-      "button",
-      {
-        role: "radio",
-        type: "button",
-        "aria-checked": itemValue === value,
-        onClick: () => onValueChange(itemValue),
-        onMouseEnter: () => setHoverValue(itemValue),
-        "aria-label": `${itemValue} out of ${count} stars`,
-        ...p,
-        children: isActive ? activeElement : element
-      },
-      index
-    );
-  });
-}
-
-// src/components/Rating/Rating.ts
-var Rating = Object.assign(RatingRoot, {
-  Items: RatingItems
-});
-
-// src/components/Sheet/SheetBody.tsx
-import { use as use25 } from "react";
-import { motion as motion7 } from "framer-motion";
-
-// src/components/Sheet/SheetContext.ts
-import { createContext as createContext13 } from "react";
-var SheetContext = createContext13({});
-
-// src/components/Sheet/SheetBody.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
-function SheetBody(p) {
-  const { controls, y, closeHandler: handleClose } = use25(SheetContext);
-  return /* @__PURE__ */ jsx43(
-    motion7.div,
-    {
-      id: "sheet",
-      onClick: (ev) => ev.stopPropagation(),
-      initial: { y: "100%" },
-      animate: { y: "0%" },
-      exit: { y: "100%" },
-      style: { y },
-      drag: "y",
-      dragControls: controls,
-      dragListener: false,
-      transition: {
-        ease: "easeInOut"
-      },
-      onDragEnd: () => {
-        if ((y?.get() || 0) >= 100) {
-          handleClose();
-        }
-      },
-      dragConstraints: {
-        top: 0,
-        bottom: 0
-      },
-      dragElastic: {
-        top: 0,
-        bottom: 0.5
-      },
-      ...p
-    }
-  );
-}
-
-// src/components/Sheet/SheetRoot.tsx
-import { useEffect as useEffect13, useState as useState12 } from "react";
-import {
-  useDragControls,
-  useMotionValue,
-  useAnimate
-} from "framer-motion";
-import { jsx as jsx44 } from "react/jsx-runtime";
-function SheetRoot({ children }) {
-  const y = useMotionValue(0);
-  const controls = useDragControls();
-  const [scope, animate] = useAnimate();
-  const [isOpen, setOpen] = useState12(false);
-  useEffect13(() => {
-    const bodyElem = document.body;
-    const removeOverflow = () => {
-      bodyElem.style.overflow = "unset";
-    };
-    if (isOpen) {
-      bodyElem.style.overflow = "hidden";
-    } else {
-      removeOverflow();
-    }
-    return () => removeOverflow();
-  }, [isOpen]);
-  const closeHandler = async () => {
-    animate(scope.current, {
-      opacity: [1, 0]
-    });
-    const yStart = typeof y.get() === "number" ? y.get() : 0;
-    await animate("#sheet", {
-      y: [yStart, "100%"]
-    });
-    setOpen(false);
-  };
-  return /* @__PURE__ */ jsx44(SheetContext, { value: { isOpen, setOpen, closeHandler, scope, controls, y }, children });
-}
-
-// src/components/Sheet/SheetHeader.tsx
-import { use as use26 } from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
-function SheetHeader({ onPointerDown, ...p }) {
-  const { controls } = use26(SheetContext);
-  return /* @__PURE__ */ jsx45(
-    "div",
-    {
-      onPointerDown: (ev) => {
-        controls?.start(ev);
-        onPointerDown?.(ev);
-      },
-      ...p
-    }
-  );
-}
-
-// src/components/Sheet/SheetPortal.tsx
-import { use as use27 } from "react";
-import { AnimatePresence as AnimatePresence5, motion as motion8 } from "framer-motion";
-import { jsx as jsx46 } from "react/jsx-runtime";
-function SheetPortal(p) {
-  const { isOpen, closeHandler: handleClose, scope } = use27(SheetContext);
-  return /* @__PURE__ */ jsx46(ClientOnly, { children: /* @__PURE__ */ jsx46(Portal, { children: /* @__PURE__ */ jsx46(AnimatePresence5, { children: isOpen ? /* @__PURE__ */ jsx46(
-    motion8.div,
-    {
-      ref: scope,
-      onClick: handleClose,
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      exit: { opacity: 0 },
-      ...p
-    }
-  ) : null }) }) });
-}
-
-// src/components/Sheet/SheetToggle.tsx
-import { use as use28 } from "react";
-import { jsx as jsx47 } from "react/jsx-runtime";
-function SheetToggle({ onClick, ...props }) {
-  const { setOpen } = use28(SheetContext);
-  return /* @__PURE__ */ jsx47(
-    "button",
-    {
-      onClick: (ev) => {
-        onClick?.(ev);
-        setOpen((prev) => !prev);
-      },
-      ...props
-    }
-  );
-}
-
-// src/components/Sheet/SheetContent.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
-function SheetContent(p) {
-  return /* @__PURE__ */ jsx48("div", { ...p });
-}
-
-// src/components/Sheet/Sheet.ts
-var Sheet = Object.assign(SheetRoot, {
-  Portal: SheetPortal,
-  Body: SheetBody,
-  Header: SheetHeader,
-  Content: SheetContent,
-  Toggle: SheetToggle
-});
-
-// src/components/ShowMore/ShowMoreRoot.tsx
-import { useEffect as useEffect14, useRef as useRef8, useState as useState13 } from "react";
-
-// src/components/ShowMore/ShowMoreContext.ts
-import { createContext as createContext14 } from "react";
-var ShowMoreContext = createContext14({});
-
-// src/components/ShowMore/ShowMoreRoot.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
-function ShowMoreRoot({ maxLines, defaultExpanded = false, style, ...p }) {
-  const [shouldShowMore, setShouldShowMore] = useState13(false);
-  const [isShowMore, setIsShowMore] = useState13(defaultExpanded);
-  const [maxHeight, setMaxHeight] = useState13(0);
-  const contentRef = useRef8(null);
-  useEffect14(() => {
-    if (contentRef.current) {
-      const element = contentRef.current;
-      const lineHeight = Number.parseInt(window.getComputedStyle(element).lineHeight);
-      const maxHeight2 = lineHeight * (maxLines || 3);
-      const actualHeight = element.scrollHeight;
-      setMaxHeight(maxHeight2);
-      setShouldShowMore(actualHeight > maxHeight2);
-    }
-  }, [maxLines]);
-  return /* @__PURE__ */ jsx49(ShowMoreContext, { value: { contentRef, isShowMore, setIsShowMore, maxHeight, shouldShowMore }, children: /* @__PURE__ */ jsx49("div", { style: { position: "relative", ...style }, ...p }) });
-}
-
-// src/components/ShowMore/ShowMoreFade.tsx
-import { use as use29 } from "react";
-import { jsx as jsx50 } from "react/jsx-runtime";
-function ShowMoreFade(p) {
-  const { shouldShowMore, isShowMore } = use29(ShowMoreContext);
-  return shouldShowMore && !isShowMore ? /* @__PURE__ */ jsx50("div", { ...p }) : null;
-}
-
-// src/components/ShowMore/ShowMoreContent.tsx
-import { use as use30 } from "react";
-import { jsx as jsx51 } from "react/jsx-runtime";
-function ShowMoreContent({ children, style, ...props }) {
-  const { contentRef, shouldShowMore, isShowMore, maxHeight } = use30(ShowMoreContext);
-  return /* @__PURE__ */ jsx51(
-    "div",
-    {
-      ref: contentRef,
-      style: {
-        overflow: "hidden",
-        transition: "all 150ms ease",
-        height: shouldShowMore ? isShowMore ? contentRef.current?.scrollHeight ? `${contentRef.current.scrollHeight}px` : "auto" : maxHeight : "auto",
-        ...style
-      },
-      ...props,
-      children
-    }
-  );
-}
-
-// src/components/ShowMore/ShowMoreTrigger.tsx
-import { use as use31 } from "react";
-import { jsx as jsx52 } from "react/jsx-runtime";
-function ShowMoreTrigger({ onClick, style, ...p }) {
-  const { setIsShowMore } = use31(ShowMoreContext);
-  return /* @__PURE__ */ jsx52(
-    "button",
-    {
-      style: {
-        position: "relative",
-        ...style
-      },
-      onClick: (ev) => {
-        onClick?.(ev);
-        setIsShowMore((prev) => !prev);
-      },
-      ...p
-    }
-  );
-}
-
-// src/components/ShowMore/ShowMore.ts
-var ShowMore = Object.assign(ShowMoreRoot, {
-  Content: ShowMoreContent,
-  Trigger: ShowMoreTrigger,
-  Fade: ShowMoreFade
-});
-
-// src/components/Spoiler/SpoilerBlur.tsx
-import { use as use32 } from "react";
-
-// src/components/Spoiler/SpoilerContext.ts
-import { createContext as createContext15 } from "react";
-var SpoilerContext = createContext15({});
-
-// src/components/Spoiler/SpoilerBlur.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
-function SpoilerBlur({ className, ...p }) {
-  const { isOpen } = use32(SpoilerContext);
-  return /* @__PURE__ */ jsx53(
-    "span",
-    {
-      className: cn(
-        isOpen ? "spoiler-active" : null,
-        className
-      ),
-      ...p
-    }
-  );
-}
-
-// src/components/Spoiler/SpoilerRoot.tsx
-import { useState as useState14 } from "react";
-import { jsx as jsx54 } from "react/jsx-runtime";
-function SpoilerRoot({ className, ...p }) {
-  const [isOpen, setOpen] = useState14(false);
-  return /* @__PURE__ */ jsx54(SpoilerContext, { value: { isOpen, setOpen }, children: /* @__PURE__ */ jsx54(
-    "span",
-    {
-      onClick: () => setOpen(true),
-      className: cn(
-        isOpen ? "spoiler-active" : null,
-        className
-      ),
-      ...p
-    }
-  ) });
-}
-
-// src/components/Spoiler/Spoiler.ts
-var Spoiler = Object.assign(SpoilerRoot, {
-  Blur: SpoilerBlur
-});
-
-// src/components/Steps/StepsRender.tsx
-import { use as use33 } from "react";
-
-// src/components/Steps/StepsContext.ts
-import { createContext as createContext16 } from "react";
-var StepsContext = createContext16({});
-
-// src/components/Steps/StepsRender.tsx
-function StepsRender() {
-  const { step, steps } = use33(StepsContext);
-  return steps.find((_, index) => index + 1 === step)?.component;
-}
-
-// src/components/Steps/StepsPrevBtn.tsx
-import { use as use34 } from "react";
-import { jsx as jsx55 } from "react/jsx-runtime";
-function StepsPrevBtn({ onClick, disabled, ...p }) {
-  const { step, prevStep } = use34(StepsContext);
-  return /* @__PURE__ */ jsx55(
-    "button",
-    {
-      disabled: disabled || step === 1,
-      onClick: (ev) => {
-        onClick?.(ev);
-        prevStep();
-      },
-      ...p
-    }
-  );
-}
-
-// src/components/Steps/StepsNextBtn.tsx
-import { use as use35 } from "react";
-import { jsx as jsx56 } from "react/jsx-runtime";
-function StepsNextBtn({ onClick, disabled, ...p }) {
-  const { step, steps, nextStep } = use35(StepsContext);
-  return /* @__PURE__ */ jsx56(
-    "button",
-    {
-      disabled: disabled || step === steps.length,
-      onClick: (ev) => {
-        onClick?.(ev);
-        nextStep();
-      },
-      ...p
-    }
-  );
-}
-
-// src/components/Steps/StepsIndexBtn.tsx
-import { use as use36 } from "react";
-import { jsx as jsx57 } from "react/jsx-runtime";
-function StepsIndexBtn({ index, onClick, ...p }) {
-  const { step, setStep } = use36(StepsContext);
-  return /* @__PURE__ */ jsx57(
-    "button",
-    {
-      disabled: step < index,
-      onClick: (ev) => {
-        onClick?.(ev);
-        setStep(index);
-      },
-      ...p
-    }
-  );
-}
-
-// src/components/Steps/StepsStateRoot.tsx
-import { useState as useState15 } from "react";
-import { jsx as jsx58 } from "react/jsx-runtime";
-function StepsStateRoot({ children, steps }) {
-  const [step, setStep] = useState15(1);
-  const nextStep = () => setStep((prev) => prev + 1);
-  const prevStep = () => setStep((prev) => prev - 1);
-  return /* @__PURE__ */ jsx58(StepsContext.Provider, { value: { step, setStep, steps, nextStep, prevStep }, children });
-}
-
-// src/components/Steps/StepsSearchParamsRoot.tsx
-import { useRouter as useRouter2, useSearchParams as useSearchParams2 } from "next/navigation";
-import { useEffect as useEffect15, useState as useState16 } from "react";
-import { jsx as jsx59 } from "react/jsx-runtime";
-function StepsSearchParamsRoot({ children, steps, stepKey }) {
-  const router = useRouter2();
-  const searchParams = useSearchParams2();
-  const [currentStep, setCurrentStep] = useState16(1);
-  useEffect15(() => {
-    setCurrentStep(+(searchParams.get(stepKey || "step") || "1"));
-  }, [stepKey, searchParams]);
-  const pushRouter = (page) => {
-    const params = new URLSearchParams(searchParams.toString());
-    params.set(stepKey || "step", page.toString());
-    router.push("?" + params.toString());
-  };
-  const nextStep = () => {
-    if (currentStep < steps.length) {
-      pushRouter(currentStep + 1);
-    }
-  };
-  const prevStep = () => {
-    if (currentStep > 1) {
-      pushRouter(currentStep - 1);
-    }
-  };
-  return /* @__PURE__ */ jsx59(StepsContext.Provider, { value: { step: currentStep, setStep: setCurrentStep, steps, nextStep, prevStep }, children });
-}
-
-// src/components/Steps/Steps.ts
-var baseComponents2 = {
-  Render: StepsRender,
-  IndexBtn: StepsIndexBtn,
-  PrevBtn: StepsPrevBtn,
-  NextBtn: StepsNextBtn
-};
-var StepsWithState = Object.assign(StepsStateRoot, baseComponents2);
-var StepsWithSearchParams = Object.assign(StepsSearchParamsRoot, baseComponents2);
-
-// src/components/Swap/SwapItem.tsx
-import { motion as motion9 } from "framer-motion";
-import { jsx as jsx60 } from "react/jsx-runtime";
-function SwapItem(p) {
-  return /* @__PURE__ */ jsx60(
-    motion9.span,
-    {
-      initial: { rotate: 90, opacity: 0 },
-      animate: { rotate: 0, opacity: 1 },
-      exit: { rotate: 90, opacity: 0 },
-      ...p
-    }
-  );
-}
-
-// src/components/Swap/SwapRoot.tsx
-import { AnimatePresence as AnimatePresence6 } from "framer-motion";
-import { useState as useState17 } from "react";
-
-// src/components/Swap/SwapContext.ts
-import { createContext as createContext17 } from "react";
-var SwapContext = createContext17({});
-
-// src/components/Swap/SwapRoot.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
-function SwapRoot({ items, defaultItem, onSwap, ...p }) {
-  const [activeItem, setActiveItem] = useState17(defaultItem || items[1]);
-  const handleSwap = (newItem) => {
-    setActiveItem(newItem);
-    onSwap?.(newItem);
-  };
-  return /* @__PURE__ */ jsx61(SwapContext, { value: { items, activeItem, handleSwap }, children: /* @__PURE__ */ jsx61(AnimatePresence6, { mode: "wait", children: /* @__PURE__ */ jsx61("div", { ...p }) }) });
-}
-
-// src/components/Swap/SwapTrigger.tsx
-import { use as use37 } from "react";
-import { jsx as jsx62 } from "react/jsx-runtime";
-function SwapTrigger({ item, onClick, ...p }) {
-  const { items, activeItem, handleSwap } = use37(SwapContext);
-  return activeItem === item ? /* @__PURE__ */ jsx62(
-    "button",
-    {
-      onClick: (ev) => {
-        onClick?.(ev);
-        {
-          const nextIndex = items.indexOf(item) + 1 >= items.length ? 0 : items.indexOf(item) + 1;
-          const nextItem = items[nextIndex];
-          if (nextItem !== void 0) {
-            handleSwap(nextItem);
-          }
-        }
-      },
-      ...p
-    }
-  ) : null;
-}
-
-// src/components/Swap/Swap.ts
-var Swap = Object.assign(SwapRoot, {
-  Trigger: SwapTrigger,
-  Item: SwapItem
-});
-
-// src/components/Tabs/TabsTab.tsx
-import { use as use38 } from "react";
-
-// src/components/Tabs/TabsContext.ts
-import { createContext as createContext18 } from "react";
-var TabsContext = createContext18({
-  activeTab: "",
-  setActiveTab: () => {
-  }
-});
-
-// src/components/Tabs/TabsTab.tsx
-import { jsx as jsx63 } from "react/jsx-runtime";
-function TabsTab({ value, onClick, ...props }) {
-  const { setActiveTab } = use38(TabsContext);
-  return /* @__PURE__ */ jsx63(
-    "button",
-    {
-      onClick: (ev) => {
-        onClick?.(ev);
-        setActiveTab(value);
-      },
-      ...props
-    }
-  );
-}
-
-// src/components/Tabs/TabsList.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
-function TabsList(p) {
-  return /* @__PURE__ */ jsx64("div", { ...p });
-}
-
-// src/components/Tabs/TabsRoot.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
-function TabsRoot({ activeTab, setActiveTab, children }) {
-  return /* @__PURE__ */ jsx65(TabsContext, { value: { activeTab, setActiveTab }, children });
-}
-
-// src/components/Tabs/TabsPanel.tsx
-import { use as use39 } from "react";
-import { jsx as jsx66 } from "react/jsx-runtime";
-function TabsPanel({ value, ...p }) {
-  const { activeTab } = use39(TabsContext);
-  const isActive = activeTab === value;
-  return isActive ? /* @__PURE__ */ jsx66("div", { ...p }) : null;
-}
-
-// src/components/Tabs/Tabs.ts
-var Tabs = Object.assign(TabsRoot, {
-  List: TabsList,
-  Tab: TabsTab,
-  Panel: TabsPanel
-});
-
-// src/components/Submit/SubmitRoot.tsx
-import { useFormStatus } from "react-dom";
-
-// src/components/Submit/SubmitContext.ts
-import { createContext as createContext19 } from "react";
-var SubmitContext = createContext19({});
-
-// src/components/Submit/SubmitRoot.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
-function SubmitRoot({ disabled, ...p }) {
-  const { pending } = useFormStatus();
-  return /* @__PURE__ */ jsx67(SubmitContext, { value: { pending }, children: /* @__PURE__ */ jsx67(
-    "button",
-    {
-      disabled: disabled || pending,
-      ...p
-    }
-  ) });
-}
-
-// src/components/Submit/SubmitLoader.tsx
-import { use as use40 } from "react";
-function SubmitLoader({ children, loader }) {
-  const { pending } = use40(SubmitContext);
-  return pending ? loader : children;
-}
-
-// src/components/Submit/Submit.ts
-var Submit = Object.assign(SubmitRoot, {
-  Loader: SubmitLoader
-});
-export {
-  AccessNavigation,
-  Accordion,
-  Affix,
-  Breadcrumbs,
-  Carousel,
-  ClientOnly,
-  Clipboard,
-  ContextMenu,
-  Drawer,
-  LoaderLink,
-  Modal,
-  Otp,
-  PaginationWithSearchParams,
-  PaginationWithState,
-  PasswordInput,
-  Popover,
-  Portal,
-  Progress,
-  QrCode,
-  Rating,
-  Sheet,
-  ShowMore,
-  Spoiler,
-  StepsWithSearchParams,
-  StepsWithState,
-  Submit,
-  Swap,
-  Tabs
-};
-//# sourceMappingURL=index.js.map
+export * from "./components/AccessNavigation/AccessNavigation";
+export * from "./components/Accordion/Accordion";
+export * from "./components/Affix/Affix";
+export * from "./components/Breadcrumbs/Breadcrumbs";
+export * from "./components/Carousel/Carousel";
+export * from "./components/ClientOnly/ClientOnly";
+export * from "./components/Clipboard/Clipboard";
+export * from "./components/ContextMenu/ContextMenu";
+export * from "./components/Drawer/Drawer";
+export * from "./components/LoaderLink/LoaderLink";
+export * from "./components/Modal/Modal";
+export * from "./components/Otp/Otp";
+export * from "./components/Pagination/Pagination";
+export * from "./components/PasswordInput/PasswordInput";
+export * from "./components/Popover/Popover";
+export * from "./components/Portal/Portal";
+export * from "./components/Progress/Progress";
+export * from "./components/QrCode/QrCode";
+export * from "./components/Rating/Rating";
+export * from "./components/Sheet/Sheet";
+export * from "./components/ShowMore/ShowMore";
+export * from "./components/Spoiler/Spoiler";
+export * from "./components/Steps/Steps";
+export * from "./components/Swap/Swap";
+export * from "./components/Tabs/Tabs";
+export * from "./components/Submit/Submit";