@kadoui/react 1.0.0

package/dist/components/Rating/RatingContext.js

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

package/dist/components/Rating/RatingItems.d.ts

@@ -0,0 +1,10 @@
+import { ButtonHTMLAttributes, ReactNode } from "react";
+export type RatingItemsPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+    count: number;
+    value: number;
+    onValueChange: (newValue: number) => void;
+    element?: ReactNode;
+    activeElement?: ReactNode;
+};
+export declare function RatingItems({ count, value, onValueChange, element, activeElement, className, ...p }: RatingItemsPropsT): import("react").JSX.Element[];
+//# sourceMappingURL=RatingItems.d.ts.map

package/dist/components/Rating/RatingItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingItems.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/RatingItems.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,iCAiCtH"}

package/dist/components/Rating/RatingItems.jsx

@@ -0,0 +1,18 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { StarIcon } from "lucide-react";
+import { use } from "react";
+import { RatingContext } from "./RatingContext";
+export function RatingItems({ count, value, onValueChange, element, activeElement, className, ...p }) {
+    const { hoverValue, setHoverValue } = use(RatingContext);
+    const defaultElement = element || <StarIcon className="icon-size-3 text-palette"/>;
+    const defaultActiveElement = activeElement || <StarIcon className="icon-size-3 text-palette fill-palette"/>;
+    const displayValue = hoverValue !== null ? hoverValue : value;
+    return (Array.from({ length: count }).map((_, index) => {
+        const itemValue = index + 1;
+        const isActive = itemValue <= displayValue;
+        return (<button key={index} role="radio" type="button" className={cn("transition-all px-0.5 not-active:hover:-translate-y-0.5", className)} aria-checked={itemValue === value} onClick={() => onValueChange(itemValue)} onMouseEnter={() => setHoverValue(itemValue)} aria-label={`${itemValue} out of ${count} stars`} {...p}>
+          {isActive ? defaultActiveElement : defaultElement}
+        </button>);
+    }));
+}

package/dist/components/Rating/RatingRoot.d.ts

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

package/dist/components/Rating/RatingRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/RatingRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAE7D,eAAO,MAAM,UAAU,GAAI,qBAAqB,gBAAgB,gCAY/D,CAAA"}

package/dist/components/Rating/RatingRoot.jsx

@@ -0,0 +1,10 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { useState } from "react";
+import { RatingContext } from "./RatingContext";
+export const RatingRoot = ({ className, ...p }) => {
+    const [hoverValue, setHoverValue] = useState(null);
+    return (<RatingContext value={{ hoverValue, setHoverValue }}>
+      <div className={cn("f-align w-fit max-w-full", className)} onMouseLeave={() => setHoverValue(null)} {...p}/>
+    </RatingContext>);
+};

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

@@ -0,0 +1,14 @@
+import { SheetBody } from "./SheetBody";
+import { SheetRoot } from "./SheetRoot";
+import { SheetHeader } from "./SheetHeader";
+import { SheetPortal } from "./SheetPortal";
+import { SheetToggle } from "./SheetToggle";
+import { SheetContent } from "./SheetContent";
+export declare const Sheet: typeof SheetRoot & {
+    Portal: typeof SheetPortal;
+    Body: typeof SheetBody;
+    Header: typeof SheetHeader;
+    Content: typeof SheetContent;
+    Toggle: typeof SheetToggle;
+};
+//# sourceMappingURL=Sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,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;;;;;;CAMhB,CAAC"}

package/dist/components/Sheet/Sheet.jsx

@@ -0,0 +1,13 @@
+import { SheetBody } from "./SheetBody";
+import { SheetRoot } from "./SheetRoot";
+import { SheetHeader } from "./SheetHeader";
+import { SheetPortal } from "./SheetPortal";
+import { SheetToggle } from "./SheetToggle";
+import { SheetContent } from "./SheetContent";
+export const Sheet = Object.assign(SheetRoot, {
+    Portal: SheetPortal,
+    Body: SheetBody,
+    Header: SheetHeader,
+    Content: SheetContent,
+    Toggle: SheetToggle
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetBody.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetBody.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAU,MAAM,eAAe,CAAC;AAIxD,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAsCjE"}

package/dist/components/Sheet/SheetBody.jsx

@@ -0,0 +1,21 @@
+"use client";
+import { use } from "react";
+import { cn } from "kadoui-utils";
+import { motion } from "framer-motion";
+import { SheetContext } from "./SheetContext";
+export function SheetBody({ className, ...props }) {
+    const { drawerRef, controls, y, closeHandler: handleClose } = use(SheetContext);
+    return (<motion.div id="drawer" ref={drawerRef} onClick={(ev) => ev.stopPropagation()} initial={{ y: "100%" }} animate={{ y: "0%" }} exit={{ y: "100%" }} style={{ y }} drag="y" dragControls={controls} dragListener={false} transition={{
+            ease: "easeInOut",
+        }} className={cn("absolute bottom-0 h-[75%] w-full overflow-hidden bg-background", className)} onDragEnd={() => {
+            if ((y?.get() || 0) >= 100) {
+                handleClose();
+            }
+        }} dragConstraints={{
+            top: 0,
+            bottom: 0,
+        }} dragElastic={{
+            top: 0,
+            bottom: 0.5,
+        }} {...props}/>);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContent.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAEvE"}

package/dist/components/Sheet/SheetContent.jsx

@@ -0,0 +1,4 @@
+import { cn } from "kadoui-utils";
+export function SheetContent({ className, ...props }) {
+    return <div className={cn("overflow-y-auto h-[calc(100%-1.75rem)] px-3 pb-3", className)} {...props}/>;
+}

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

@@ -0,0 +1,13 @@
+import { AnimationScope, DragControls, MotionValue } from "framer-motion";
+import { Dispatch, RefObject, SetStateAction } from "react";
+export type SheetContextT = {
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+    closeHandler: () => void;
+    drawerRef?: RefObject<HTMLDivElement>;
+    scope?: AnimationScope<any>;
+    controls?: DragControls;
+    y?: MotionValue<number>;
+};
+export declare const SheetContext: import("react").Context<SheetContextT>;
+//# sourceMappingURL=SheetContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACzB,CAAA;AAED,eAAO,MAAM,YAAY,wCAAoD,CAAC"}

package/dist/components/Sheet/SheetContext.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAc/E"}

package/dist/components/Sheet/SheetHeader.jsx

@@ -0,0 +1,10 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { use } from "react";
+import { SheetContext } from "./SheetContext";
+export function SheetHeader({ className, children, ...props }) {
+    const { controls } = use(SheetContext);
+    return (<div className={cn("h-7 f-center", className)} onPointerDown={(ev) => controls?.start(ev)} {...props}>
+      {children || (<span className="h-1 w-1/3 rounded-full bg-foreground/10"/>)}
+    </div>);
+}

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

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

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

@@ -0,0 +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"}

package/dist/components/Sheet/SheetPortal.jsx

@@ -0,0 +1,17 @@
+"use client";
+import { use } from "react";
+import { cn } from "kadoui-utils";
+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 }) {
+    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}
+        </AnimatePresence>
+      </Portal>
+    </ClientOnly>);
+}

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

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+export type SheetRootPropsT = PropsWithChildren;
+export declare function SheetRoot({ children }: SheetRootPropsT): import("react").JSX.Element;
+//# sourceMappingURL=SheetRoot.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Sheet/SheetRoot.jsx

@@ -0,0 +1,37 @@
+"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 removeOverflow = () => {
+            document.body.classList.remove("overflow-hidden");
+        };
+        if (isOpen) {
+            document.body.classList.add("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("#drawer", {
+            y: [yStart, height],
+        });
+        setOpen(false);
+    };
+    return (<SheetContext value={{ isOpen, setOpen, closeHandler, drawerRef, scope, controls, y }}>
+      {children}
+    </SheetContext>);
+}

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

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type SheetTogglePropsT = HTMLAttributes<HTMLButtonElement>;
+export declare function SheetToggle({ onClick, ...props }: SheetTogglePropsT): import("react").JSX.Element;
+//# sourceMappingURL=SheetToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAElE,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAYnE"}

package/dist/components/Sheet/SheetToggle.jsx

@@ -0,0 +1,10 @@
+"use client";
+import { use } from "react";
+import { SheetContext } from "./SheetContext";
+export function SheetToggle({ onClick, ...props }) {
+    const { setOpen } = use(SheetContext);
+    return (<button onClick={ev => {
+            onClick?.(ev);
+            setOpen(prev => !prev);
+        }} {...props}/>);
+}

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

@@ -0,0 +1,10 @@
+import { ShowMoreRoot } from "./ShowMoreRoot";
+import { ShowMoreFade } from "./ShowMoreFade";
+import { ShowMoreContent } from "./ShowMoreContent";
+import { ShowMoreTrigger } from "./ShowMoreTrigger";
+export declare const ShowMore: typeof ShowMoreRoot & {
+    Content: typeof ShowMoreContent;
+    Trigger: typeof ShowMoreTrigger;
+    Fade: typeof ShowMoreFade;
+};
+//# sourceMappingURL=ShowMore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMore.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,QAAQ;;;;CAInB,CAAC"}

package/dist/components/ShowMore/ShowMore.js

@@ -0,0 +1,9 @@
+import { ShowMoreRoot } from "./ShowMoreRoot";
+import { ShowMoreFade } from "./ShowMoreFade";
+import { ShowMoreContent } from "./ShowMoreContent";
+import { ShowMoreTrigger } from "./ShowMoreTrigger";
+export const ShowMore = Object.assign(ShowMoreRoot, {
+    Content: ShowMoreContent,
+    Trigger: ShowMoreTrigger,
+    Fade: ShowMoreFade
+});

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

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

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

@@ -0,0 +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"}

package/dist/components/ShowMore/ShowMoreContent.jsx

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

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

@@ -0,0 +1,10 @@
+import { Dispatch, RefObject, SetStateAction } from "react";
+export type ShowMoreContextT = {
+    contentRef: RefObject<HTMLDivElement | null>;
+    shouldShowMore: boolean;
+    isShowMore: boolean;
+    setIsShowMore: Dispatch<SetStateAction<boolean>>;
+    maxHeight: number;
+};
+export declare const ShowMoreContext: import("react").Context<ShowMoreContextT>;
+//# sourceMappingURL=ShowMoreContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreContext.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,SAAS,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,eAAO,MAAM,eAAe,2CAA0D,CAAC"}

package/dist/components/ShowMore/ShowMoreContext.js

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

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

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

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

@@ -0,0 +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"}

package/dist/components/ShowMore/ShowMoreFade.jsx

@@ -0,0 +1,8 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { use } from "react";
+import { ShowMoreContext } from "./ShowMoreContext";
+export function ShowMoreFade({ className, ...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);
+}

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

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

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

@@ -0,0 +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"}

package/dist/components/ShowMore/ShowMoreRoot.jsx

@@ -0,0 +1,23 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { useEffect, useRef, useState } from "react";
+import { ShowMoreContext } from "./ShowMoreContext";
+export function ShowMoreRoot({ maxLines, defaultExpanded = false, className, ...p }) {
+    const [shouldShowMore, setShouldShowMore] = useState(false);
+    const [isShowMore, setIsShowMore] = useState(defaultExpanded);
+    const [maxHeight, setMaxHeight] = useState(0);
+    const contentRef = useRef(null);
+    useEffect(() => {
+        if (contentRef.current) {
+            const element = contentRef.current;
+            const lineHeight = Number.parseInt(window.getComputedStyle(element).lineHeight);
+            const maxHeight = lineHeight * (maxLines || 3);
+            const actualHeight = element.scrollHeight;
+            setMaxHeight(maxHeight);
+            setShouldShowMore(actualHeight > maxHeight);
+        }
+    }, [maxLines]);
+    return (<ShowMoreContext value={{ contentRef, isShowMore, setIsShowMore, maxHeight, shouldShowMore }}>
+      <div className={cn("relative", className)} {...p}></div>
+    </ShowMoreContext>);
+}

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

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

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

@@ -0,0 +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"}

package/dist/components/ShowMore/ShowMoreTrigger.jsx

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

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

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

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

@@ -0,0 +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"}

package/dist/components/Slide/Slide.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideContent.d.ts","sourceRoot":"","sources":["../../../src/components/Slide/SlideContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAEvE"}

package/dist/components/Slide/SlideContent.jsx

@@ -0,0 +1,4 @@
+import { cn } from "kadoui-utils";
+export function SlideContent({ className, ...props }) {
+    return <div className={cn("h-[calc(100dvh-5rem)] py-3 overflow-y-auto", className)} {...props}/>;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideContext.d.ts","sourceRoot":"","sources":["../../../src/components/Slide/SlideContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5C,CAAA;AAED,eAAO,MAAM,YAAY,wCAGvB,CAAC"}

package/dist/components/Slide/SlideContext.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+export const SlideContext = createContext({
+    isOpen: false,
+    setOpen: () => { }
+});

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

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

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

@@ -0,0 +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"}

package/dist/components/Slide/SlideHeader.jsx

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

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

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

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

@@ -0,0 +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"}

package/dist/components/Slide/SlidePortal.jsx

@@ -0,0 +1,11 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { use } from "react";
+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}/>
+    </Portal>);
+}

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

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

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

@@ -0,0 +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"}

package/dist/components/Slide/SlideRoot.jsx

@@ -0,0 +1,30 @@
+"use client";
+import { useEffect, useState } from "react";
+import { SlideContext } from "./SlideContext";
+export function SlideRoot({ children }) {
+    const [isOpen, setOpen] = useState(false);
+    useEffect(() => {
+        const rootElem = document.getElementById("root");
+        if (!rootElem) {
+            return;
+        }
+        ;
+        const bodyElem = document.body;
+        if (isOpen) {
+            bodyElem.classList.add("overflow-hidden");
+            rootElem.classList.add("translate-x-full");
+        }
+        else {
+            bodyElem.classList.remove("overflow-hidden");
+            rootElem.classList.remove("translate-x-full");
+        }
+        ;
+        return () => {
+            bodyElem.classList.remove("overflow-hidden");
+            rootElem.classList.remove("translate-x-full");
+        };
+    }, [isOpen]);
+    return (<SlideContext value={{ isOpen, setOpen }}>
+      {children}
+    </SlideContext>);
+}

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

@@ -0,0 +1,4 @@
+import React, { HTMLAttributes } from "react";
+export type SlideTogglePropsT = HTMLAttributes<HTMLButtonElement>;
+export declare function SlideToggle({ onClick, ...props }: SlideTogglePropsT): React.JSX.Element;
+//# sourceMappingURL=SlideToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Slide/SlideToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAInD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAElE,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAYnE"}