@kadoui/react 1.0.1 → 1.1.2

package/dist/components/Sheet/SheetPortal.d.ts

@@ -1,4 +1,4 @@
 import { HTMLMotionProps } from "framer-motion";
 export type SheetPortalPropsT = HTMLMotionProps<"div">;
-export declare function SheetPortal({ className, ...props }: SheetPortalPropsT): import("react").JSX.Element;
+export declare function SheetPortal(p: SheetPortalPropsT): import("react").JSX.Element;
 //# sourceMappingURL=SheetPortal.d.ts.map

package/dist/components/Sheet/SheetPortal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetPortal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAMzE,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEvD,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAsBrE"}
+{"version":3,"file":"SheetPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetPortal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAMzE,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEvD,wBAAgB,WAAW,CAAC,CAAC,EAAE,iBAAiB,+BAqB/C"}

package/dist/components/Sheet/SheetPortal.jsx

@@ -1,16 +1,15 @@
 "use client";
 import { use } from "react";
-import { cn } from "../../utils/cn";
 import { AnimatePresence, motion } from "framer-motion";
 import { Portal } from "../Portal/Portal";
 import { SheetContext } from "./SheetContext";
 import { ClientOnly } from "../ClientOnly/ClientOnly";
-export function SheetPortal({ className, ...props }) {
+export function SheetPortal(p) {
     const { isOpen, closeHandler: handleClose, scope } = use(SheetContext);
     return (<ClientOnly>
       <Portal>
         <AnimatePresence>
-          {isOpen ? (<motion.div ref={scope} onClick={handleClose} initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} className={cn("fixed inset-0 z-50 bg-foreground/10", className)} {...props}/>) : null}
+          {isOpen ? (<motion.div ref={scope} onClick={handleClose} initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} {...p}/>) : null}
         </AnimatePresence>
       </Portal>
     </ClientOnly>);

package/dist/components/Sheet/SheetRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAS/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAyCtD"}
+{"version":3,"file":"SheetRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAS/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAyCtD"}

package/dist/components/Sheet/SheetRoot.jsx

@@ -1,20 +1,19 @@
 "use client";
-import { useElementSize } from "@mantine/hooks";
 import { useEffect, useState } from "react";
 import { useDragControls, useMotionValue, useAnimate, } from "framer-motion";
 import { SheetContext } from "./SheetContext";
 export function SheetRoot({ children }) {
-    const { ref: drawerRef, height } = useElementSize();
     const y = useMotionValue(0);
     const controls = useDragControls();
     const [scope, animate] = useAnimate();
     const [isOpen, setOpen] = useState(false);
     useEffect(() => {
+        const bodyElem = document.body;
         const removeOverflow = () => {
-            document.body.classList.remove("overflow-hidden");
+            bodyElem.style.overflow = "unset";
         };
         if (isOpen) {
-            document.body.classList.add("overflow-hidden");
+            bodyElem.style.overflow = "hidden";
         }
         else {
             removeOverflow();
@@ -26,12 +25,12 @@ export function SheetRoot({ children }) {
             opacity: [1, 0],
         });
         const yStart = typeof y.get() === "number" ? y.get() : 0;
-        await animate("#drawer", {
-            y: [yStart, height],
+        await animate("#sheet", {
+            y: [yStart, "100%"],
         });
         setOpen(false);
     };
-    return (<SheetContext value={{ isOpen, setOpen, closeHandler, drawerRef, scope, controls, y }}>
+    return (<SheetContext value={{ isOpen, setOpen, closeHandler, scope, controls, y }}>
       {children}
     </SheetContext>);
 }

package/dist/components/ShowMore/ShowMoreContent.d.ts

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from "react";
 export type ShowMoreContentPropsT = HTMLAttributes<HTMLDivElement>;
-export declare function ShowMoreContent({ children, className, ...props }: ShowMoreContentPropsT): import("react").JSX.Element;
+export declare function ShowMoreContent({ children, style, ...props }: ShowMoreContentPropsT): import("react").JSX.Element;
 //# sourceMappingURL=ShowMoreContent.d.ts.map

package/dist/components/ShowMore/ShowMoreContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMoreContent.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreContent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAqBvF"}
+{"version":3,"file":"ShowMoreContent.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAuBnF"}

package/dist/components/ShowMore/ShowMoreContent.jsx

@@ -1,17 +1,19 @@
 "use client";
-import { cn } from "../../utils/cn";
 import { use } from "react";
 import { ShowMoreContext } from "./ShowMoreContext";
-export function ShowMoreContent({ children, className, ...props }) {
+export function ShowMoreContent({ children, style, ...props }) {
     const { contentRef, shouldShowMore, isShowMore, maxHeight } = use(ShowMoreContext);
-    return (<div ref={contentRef} className={cn("overflow-hidden transition-all", className)} style={{
+    return (<div ref={contentRef} style={{
+            overflow: "hidden",
+            transition: "all 150ms ease",
             height: shouldShowMore
                 ? isShowMore
                     ? contentRef.current?.scrollHeight
                         ? `${contentRef.current.scrollHeight}px`
                         : "auto"
                     : maxHeight
-                : "auto"
+                : "auto",
+            ...style
         }} {...props}>
       {children}
     </div>);

package/dist/components/ShowMore/ShowMoreFade.d.ts

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from "react";
 export type ShowMoreFadePropsT = HTMLAttributes<HTMLDivElement>;
-export declare function ShowMoreFade({ className, ...p }: ShowMoreFadePropsT): import("react").JSX.Element | null;
+export declare function ShowMoreFade(p: ShowMoreFadePropsT): import("react").JSX.Element | null;
 //# sourceMappingURL=ShowMoreFade.d.ts.map

package/dist/components/ShowMore/ShowMoreFade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMoreFade.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreFade.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,sCAQnE"}
+{"version":3,"file":"ShowMoreFade.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreFade.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,CAAC,EAAE,kBAAkB,sCAQjD"}

package/dist/components/ShowMore/ShowMoreFade.jsx

@@ -1,8 +1,7 @@
 "use client";
-import { cn } from "../../utils/cn";
 import { use } from "react";
 import { ShowMoreContext } from "./ShowMoreContext";
-export function ShowMoreFade({ className, ...p }) {
+export function ShowMoreFade(p) {
     const { shouldShowMore, isShowMore } = use(ShowMoreContext);
-    return (shouldShowMore && !isShowMore ? (<div className={cn("absolute inset-0 bg-gradient-to-t from-background from-35% to-transparent", className)} {...p}/>) : null);
+    return (shouldShowMore && !isShowMore ? (<div {...p}/>) : null);
 }

package/dist/components/ShowMore/ShowMoreRoot.d.ts

@@ -3,5 +3,5 @@ export type ShowMoreRootPropsT = HTMLAttributes<HTMLDivElement> & {
     maxLines: number;
     defaultExpanded?: boolean;
 };
-export declare function ShowMoreRoot({ maxLines, defaultExpanded, className, ...p }: ShowMoreRootPropsT): import("react").JSX.Element;
+export declare function ShowMoreRoot({ maxLines, defaultExpanded, style, ...p }: ShowMoreRootPropsT): import("react").JSX.Element;
 //# sourceMappingURL=ShowMoreRoot.d.ts.map

package/dist/components/ShowMore/ShowMoreRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMoreRoot.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,eAAuB,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BAwBtG"}
+{"version":3,"file":"ShowMoreRoot.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,eAAuB,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BAwBlG"}

package/dist/components/ShowMore/ShowMoreRoot.jsx

@@ -1,8 +1,7 @@
 "use client";
-import { cn } from "../../utils/cn";
 import { useEffect, useRef, useState } from "react";
 import { ShowMoreContext } from "./ShowMoreContext";
-export function ShowMoreRoot({ maxLines, defaultExpanded = false, className, ...p }) {
+export function ShowMoreRoot({ maxLines, defaultExpanded = false, style, ...p }) {
     const [shouldShowMore, setShouldShowMore] = useState(false);
     const [isShowMore, setIsShowMore] = useState(defaultExpanded);
     const [maxHeight, setMaxHeight] = useState(0);
@@ -18,6 +17,6 @@ export function ShowMoreRoot({ maxLines, defaultExpanded = false, className, ...
         }
     }, [maxLines]);
     return (<ShowMoreContext value={{ contentRef, isShowMore, setIsShowMore, maxHeight, shouldShowMore }}>
-      <div className={cn("relative", className)} {...p}></div>
+      <div style={{ position: "relative", ...style }} {...p}></div>
     </ShowMoreContext>);
 }

package/dist/components/ShowMore/ShowMoreTrigger.d.ts

@@ -1,4 +1,4 @@
 import { ButtonHTMLAttributes } from "react";
 export type ShowMoreTriggerPropsT = ButtonHTMLAttributes<HTMLButtonElement>;
-export declare function ShowMoreTrigger({ onClick, className, ...p }: ShowMoreTriggerPropsT): import("react").JSX.Element;
+export declare function ShowMoreTrigger({ onClick, style, ...p }: ShowMoreTriggerPropsT): import("react").JSX.Element;
 //# sourceMappingURL=ShowMoreTrigger.d.ts.map

package/dist/components/ShowMore/ShowMoreTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMoreTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreTrigger.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5E,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BAalF"}
+{"version":3,"file":"ShowMoreTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5E,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BAgB9E"}

package/dist/components/ShowMore/ShowMoreTrigger.jsx

@@ -1,10 +1,12 @@
 "use client";
-import { cn } from "../../utils/cn";
 import { use } from "react";
 import { ShowMoreContext } from "./ShowMoreContext";
-export function ShowMoreTrigger({ onClick, className, ...p }) {
+export function ShowMoreTrigger({ onClick, style, ...p }) {
     const { setIsShowMore } = use(ShowMoreContext);
-    return (<button className={cn("relative", className)} onClick={ev => {
+    return (<button style={{
+            position: "relative",
+            ...style
+        }} onClick={ev => {
             onClick?.(ev);
             setIsShowMore(prev => !prev);
         }} {...p}/>);

package/dist/components/Slide/Slide.d.ts

@@ -2,11 +2,11 @@ import { SlideRoot } from "./SlideRoot";
 import { SlideHeader } from "./SlideHeader";
 import { SlidePortal } from "./SlidePortal";
 import { SlideToggle } from "./SlideToggle";
-import { SlideContent } from "./SlideContent";
+import { SlideBody } from "./SlideBody";
 export declare const Slide: typeof SlideRoot & {
     Portal: typeof SlidePortal;
     Toggle: typeof SlideToggle;
     Header: typeof SlideHeader;
-    Content: typeof SlideContent;
+    Body: typeof SlideBody;
 };
 //# sourceMappingURL=Slide.d.ts.map

package/dist/components/Slide/Slide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../src/components/Slide/Slide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,KAAK;;;;;CAKhB,CAAC"}
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../src/components/Slide/Slide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,eAAO,MAAM,KAAK;;;;;CAKhB,CAAC"}

package/dist/components/Slide/Slide.js

@@ -2,10 +2,10 @@ import { SlideRoot } from "./SlideRoot";
 import { SlideHeader } from "./SlideHeader";
 import { SlidePortal } from "./SlidePortal";
 import { SlideToggle } from "./SlideToggle";
-import { SlideContent } from "./SlideContent";
+import { SlideBody } from "./SlideBody";
 export const Slide = Object.assign(SlideRoot, {
     Portal: SlidePortal,
     Toggle: SlideToggle,
     Header: SlideHeader,
-    Content: SlideContent
+    Body: SlideBody
 });

package/dist/components/Slide/SlideBody.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type SlideBodyPropsT = HTMLAttributes<HTMLDivElement>;
+export declare function SlideBody(p: SlideBodyPropsT): import("react").JSX.Element;
+//# sourceMappingURL=SlideBody.d.ts.map

package/dist/components/Slide/SlideBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideBody.d.ts","sourceRoot":"","sources":["../../../src/components/Slide/SlideBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE7D,wBAAgB,SAAS,CAAC,CAAC,EAAE,eAAe,+BAE3C"}

package/dist/components/Slide/SlideBody.jsx

@@ -0,0 +1,3 @@
+export function SlideBody(p) {
+    return <div {...p}/>;
+}

package/dist/components/Slide/SlideHeader.d.ts

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from "react";
 export type SlideHeaderPropsT = HTMLAttributes<HTMLHeadingElement>;
-export declare function SlideHeader({ className, ...props }: SlideHeaderPropsT): import("react").JSX.Element;
+export declare function SlideHeader(p: SlideHeaderPropsT): import("react").JSX.Element;
 //# sourceMappingURL=SlideHeader.d.ts.map

package/dist/components/Slide/SlideHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Slide/SlideHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAA;AAElE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAIrE"}
+{"version":3,"file":"SlideHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Slide/SlideHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAA;AAElE,wBAAgB,WAAW,CAAC,CAAC,EAAE,iBAAiB,+BAE/C"}

package/dist/components/Slide/SlideHeader.jsx

@@ -1,4 +1,3 @@
-import { cn } from "../../utils/cn";
-export function SlideHeader({ className, ...props }) {
-    return (<header className={cn("h-20 f-align border-b border-foreground/10", className)} {...props}/>);
+export function SlideHeader(p) {
+    return <header {...p}/>;
 }

package/dist/components/Slide/SlidePortal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlidePortal.d.ts","sourceRoot":"","sources":["../../../src/components/Slide/SlidePortal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAerE"}
+{"version":3,"file":"SlidePortal.d.ts","sourceRoot":"","sources":["../../../src/components/Slide/SlidePortal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAM5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAcrE"}

package/dist/components/Slide/SlidePortal.jsx

@@ -1,11 +1,11 @@
 "use client";
-import { cn } from "../../utils/cn";
 import { use } from "react";
+import { cn } from "../../utils";
 import { Portal } from "../Portal/Portal";
 import { SlideContext } from "./SlideContext";
 export function SlidePortal({ className, ...props }) {
     const { isOpen } = use(SlideContext);
     return (<Portal>
-      <div className={cn("w-screen h-dvh bg-background fixed top-0 left-0 transition-all duration-700", isOpen ? "" : "faint -translate-x-full", className)} {...props}/>
+      <div className={cn(isOpen ? "slide-active" : "", className)} {...props}/>
     </Portal>);
 }

package/dist/components/Slide/SlideRoot.d.ts

@@ -1,4 +1,6 @@
 import { PropsWithChildren } from "react";
-export type SlideRootPropsT = PropsWithChildren;
-export declare function SlideRoot({ children }: SlideRootPropsT): import("react").JSX.Element;
+export type SlideRootPropsT = PropsWithChildren & {
+    defaultDuration?: number;
+};
+export declare function SlideRoot({ defaultDuration, children }: SlideRootPropsT): import("react").JSX.Element;
 //# sourceMappingURL=SlideRoot.d.ts.map

package/dist/components/Slide/SlideRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Slide/SlideRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAI/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,+BA8BtD"}
+{"version":3,"file":"SlideRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Slide/SlideRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAI/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,eAAqB,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAoC7E"}

package/dist/components/Slide/SlideRoot.jsx

@@ -1,7 +1,7 @@
 "use client";
 import { useEffect, useState } from "react";
 import { SlideContext } from "./SlideContext";
-export function SlideRoot({ children }) {
+export function SlideRoot({ defaultDuration = 500, children }) {
     const [isOpen, setOpen] = useState(false);
     useEffect(() => {
         const rootElem = document.getElementById("root");
@@ -9,19 +9,24 @@ export function SlideRoot({ children }) {
             return;
         }
         ;
+        rootElem.style.transition = `${defaultDuration}ms ease-in-out`;
         const bodyElem = document.body;
+        const removeStyles = () => {
+            rootElem.style.translate = "unset";
+            setTimeout(() => {
+                bodyElem.style.overflow = "unset";
+            }, defaultDuration);
+        };
         if (isOpen) {
-            bodyElem.classList.add("overflow-hidden");
-            rootElem.classList.add("translate-x-full");
+            bodyElem.style.overflow = "hidden";
+            rootElem.style.translate = "100% 0";
         }
         else {
-            bodyElem.classList.remove("overflow-hidden");
-            rootElem.classList.remove("translate-x-full");
+            removeStyles();
         }
         ;
         return () => {
-            bodyElem.classList.remove("overflow-hidden");
-            rootElem.classList.remove("translate-x-full");
+            removeStyles();
         };
     }, [isOpen]);
     return (<SlideContext value={{ isOpen, setOpen }}>

package/dist/components/Spoiler/Spoiler.d.ts

@@ -1,6 +1,6 @@
-export type SpoilerProps = {
-    children: React.ReactNode;
-    className?: string;
+import { SpoilerBlur } from "./SpoilerBlur";
+import { SpoilerRoot } from "./SpoilerRoot";
+export declare const Spoiler: typeof SpoilerRoot & {
+    Blur: typeof SpoilerBlur;
 };
-export declare function Spoiler({ children, className }: SpoilerProps): import("react").JSX.Element;
 //# sourceMappingURL=Spoiler.d.ts.map

package/dist/components/Spoiler/Spoiler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spoiler.d.ts","sourceRoot":"","sources":["../../../src/components/Spoiler/Spoiler.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAA;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,+BAiB5D"}
+{"version":3,"file":"Spoiler.d.ts","sourceRoot":"","sources":["../../../src/components/Spoiler/Spoiler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,OAAO;;CAElB,CAAC"}

package/dist/components/Spoiler/Spoiler.js

@@ -0,0 +1,5 @@
+import { SpoilerBlur } from "./SpoilerBlur";
+import { SpoilerRoot } from "./SpoilerRoot";
+export const Spoiler = Object.assign(SpoilerRoot, {
+    Blur: SpoilerBlur
+});

package/dist/components/Spoiler/SpoilerBlur.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type SpoilerBlurPropsT = HTMLAttributes<HTMLSpanElement>;
+export declare function SpoilerBlur({ className, ...p }: SpoilerBlurPropsT): import("react").JSX.Element;
+//# sourceMappingURL=SpoilerBlur.d.ts.map

package/dist/components/Spoiler/SpoilerBlur.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpoilerBlur.d.ts","sourceRoot":"","sources":["../../../src/components/Spoiler/SpoilerBlur.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEhE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,+BAYjE"}

package/dist/components/Spoiler/SpoilerBlur.jsx

@@ -0,0 +1,8 @@
+"use client";
+import { use } from "react";
+import { cn } from "../../utils";
+import { SpoilerContext } from "./SpoilerContext";
+export function SpoilerBlur({ className, ...p }) {
+    const { isOpen } = use(SpoilerContext);
+    return (<span className={cn(isOpen ? "spoiler-active" : null, className)} {...p}/>);
+}

package/dist/components/Spoiler/SpoilerContext.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from "react";
+export type SpoilerContextT = {
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+};
+export declare const SpoilerContext: import("react").Context<SpoilerContextT>;
+//# sourceMappingURL=SpoilerContext.d.ts.map

package/dist/components/Spoiler/SpoilerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpoilerContext.d.ts","sourceRoot":"","sources":["../../../src/components/Spoiler/SpoilerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5C,CAAA;AAED,eAAO,MAAM,cAAc,0CAAuC,CAAC"}

package/dist/components/Spoiler/SpoilerContext.js

@@ -0,0 +1,2 @@
+import { createContext } from "react";
+export const SpoilerContext = createContext({});

package/dist/components/Spoiler/SpoilerRoot.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type SpoilerRootProps = HTMLAttributes<HTMLSpanElement>;
+export declare function SpoilerRoot({ className, ...p }: SpoilerRootProps): import("react").JSX.Element;
+//# sourceMappingURL=SpoilerRoot.d.ts.map

package/dist/components/Spoiler/SpoilerRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpoilerRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Spoiler/SpoilerRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAKjD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,gBAAgB,+BAehE"}

package/dist/components/Spoiler/SpoilerRoot.jsx

@@ -0,0 +1,10 @@
+"use client";
+import { useState } from "react";
+import { cn } from "../../utils";
+import { SpoilerContext } from "./SpoilerContext";
+export function SpoilerRoot({ className, ...p }) {
+    const [isOpen, setOpen] = useState(false);
+    return (<SpoilerContext value={{ isOpen, setOpen }}>
+      <span onClick={() => setOpen(true)} className={cn(isOpen ? "spoiler-active" : null, className)} {...p}/>
+    </SpoilerContext>);
+}

package/dist/components/Steps/Steps.d.ts

@@ -1,15 +1,18 @@
+import { StepsRender } from "./StepsRender";
 import { StepsPrevBtn } from "./StepsPrevBtn";
 import { StepsNextBtn } from "./StepsNextBtn";
-import { StepsControls } from "./StepsControls";
+import { StepsIndexBtn } from "./StepsIndexBtn";
 import { StepsStateRoot } from "./StepsStateRoot";
 import { StepsSearchParamsRoot } from "./StepsSearchParamsRoot";
 export declare const StepsWithState: typeof StepsStateRoot & {
-    Controls: typeof StepsControls;
+    Render: typeof StepsRender;
+    IndexBtn: typeof StepsIndexBtn;
     PrevBtn: typeof StepsPrevBtn;
     NextBtn: typeof StepsNextBtn;
 };
 export declare const StepsWithSearchParams: typeof StepsSearchParamsRoot & {
-    Controls: typeof StepsControls;
+    Render: typeof StepsRender;
+    IndexBtn: typeof StepsIndexBtn;
     PrevBtn: typeof StepsPrevBtn;
     NextBtn: typeof StepsNextBtn;
 };

package/dist/components/Steps/Steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/Steps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAQhE,eAAO,MAAM,cAAc;;;;CAAgD,CAAC;AAE5E,eAAO,MAAM,qBAAqB;;;;CAAuD,CAAC"}
+{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/Steps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAShE,eAAO,MAAM,cAAc;;;;;CAAgD,CAAC;AAE5E,eAAO,MAAM,qBAAqB;;;;;CAAuD,CAAC"}

package/dist/components/Steps/Steps.js

@@ -1,10 +1,12 @@
+import { StepsRender } from "./StepsRender";
 import { StepsPrevBtn } from "./StepsPrevBtn";
 import { StepsNextBtn } from "./StepsNextBtn";
-import { StepsControls } from "./StepsControls";
+import { StepsIndexBtn } from "./StepsIndexBtn";
 import { StepsStateRoot } from "./StepsStateRoot";
 import { StepsSearchParamsRoot } from "./StepsSearchParamsRoot";
 const baseComponents = {
-    Controls: StepsControls,
+    Render: StepsRender,
+    IndexBtn: StepsIndexBtn,
     PrevBtn: StepsPrevBtn,
     NextBtn: StepsNextBtn
 };

package/dist/components/Steps/StepsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepsContext.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,wCAAoD,CAAC"}
+{"version":3,"file":"StepsContext.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,wCAAoD,CAAC"}

package/dist/components/Steps/StepsContext.js

@@ -0,0 +1,2 @@
+import { createContext } from "react";
+export const StepsContext = createContext({});

package/dist/components/Steps/StepsControls.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "../../utils/cn";
+import { cn } from "../../utils";
 import { use } from "react";
 import { StepsContext } from "./StepsContext";
 export function StepsControls({ className, ...props }) {

package/dist/components/Steps/StepsIndexBtn.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+export type StepsIndexBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
+    index: number;
+};
+export declare function StepsIndexBtn({ index, onClick, ...p }: StepsIndexBtnPropsT): import("react").JSX.Element;
+//# sourceMappingURL=StepsIndexBtn.d.ts.map

package/dist/components/Steps/StepsIndexBtn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsIndexBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsIndexBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACpE,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,mBAAmB,+BAa1E"}

package/dist/components/Steps/StepsIndexBtn.jsx

@@ -0,0 +1,10 @@
+"use client";
+import { use } from "react";
+import { StepsContext } from "./StepsContext";
+export function StepsIndexBtn({ index, onClick, ...p }) {
+    const { step, setStep } = use(StepsContext);
+    return (<button disabled={step < index} onClick={ev => {
+            onClick?.(ev);
+            setStep(index);
+        }} {...p}/>);
+}

package/dist/components/Steps/StepsNextBtn.d.ts

@@ -2,5 +2,5 @@ import { HTMLAttributes } from "react";
 export type StepsNextBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
     disabled?: boolean;
 };
-export declare function StepsNextBtn({ onClick, disabled, children, ...props }: StepsNextBtnPropsT): import("react").JSX.Element;
+export declare function StepsNextBtn({ onClick, disabled, ...p }: StepsNextBtnPropsT): import("react").JSX.Element;
 //# sourceMappingURL=StepsNextBtn.d.ts.map

package/dist/components/Steps/StepsNextBtn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepsNextBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsNextBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAezF"}
+{"version":3,"file":"StepsNextBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsNextBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BAa3E"}

package/dist/components/Steps/StepsNextBtn.jsx

@@ -1,13 +1,10 @@
 "use client";
 import { use } from "react";
-import { ChevronRightIcon } from "lucide-react";
 import { StepsContext } from "./StepsContext";
-export function StepsNextBtn({ onClick, disabled, children, ...props }) {
+export function StepsNextBtn({ onClick, disabled, ...p }) {
     const { step, steps, nextStep } = use(StepsContext);
     return (<button disabled={disabled || step === steps.length} onClick={ev => {
             onClick?.(ev);
             nextStep();
-        }} {...props}>
-      {children || <ChevronRightIcon className="compatible-icon"/>}
-    </button>);
+        }} {...p}/>);
 }

package/dist/components/Steps/StepsPrevBtn.d.ts

@@ -2,5 +2,5 @@ import { HTMLAttributes } from "react";
 export type StepsPrevBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
     disabled?: boolean;
 };
-export declare function StepsPrevBtn({ onClick, disabled, children, ...props }: StepsPrevBtnPropsT): import("react").JSX.Element;
+export declare function StepsPrevBtn({ onClick, disabled, ...p }: StepsPrevBtnPropsT): import("react").JSX.Element;
 //# sourceMappingURL=StepsPrevBtn.d.ts.map

package/dist/components/Steps/StepsPrevBtn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepsPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsPrevBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAezF"}
+{"version":3,"file":"StepsPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsPrevBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BAa3E"}

package/dist/components/Steps/StepsPrevBtn.jsx

@@ -1,13 +1,10 @@
 "use client";
 import { use } from "react";
-import { ChevronLeftIcon } from "lucide-react";
 import { StepsContext } from "./StepsContext";
-export function StepsPrevBtn({ onClick, disabled, children, ...props }) {
+export function StepsPrevBtn({ onClick, disabled, ...p }) {
     const { step, prevStep } = use(StepsContext);
     return (<button disabled={disabled || step === 1} onClick={ev => {
             onClick?.(ev);
             prevStep();
-        }} {...props}>
-      {children || <ChevronLeftIcon className="compatible-icon"/>}
-    </button>);
+        }} {...p}/>);
 }

package/dist/components/Steps/StepsRender.d.ts

@@ -0,0 +1,2 @@
+export declare function StepsRender(): import("react").ReactNode;
+//# sourceMappingURL=StepsRender.d.ts.map

package/dist/components/Steps/StepsRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsRender.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsRender.tsx"],"names":[],"mappings":"AAMA,wBAAgB,WAAW,8BAI1B"}