@kadoui/react 1.11.16 → 2.1.1

package/dist/react-components/SelectBox/SelectBoxSearchInput.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function SelectBoxSearchInput(p) {
+    return (_jsx("label", { ...p }));
+}

package/dist/react-components/SelectBox/selectBoxTypes.d.ts

@@ -0,0 +1,35 @@
+import type { ComponentProps, ComponentPropsWithoutRef, Dispatch, RefObject, SetStateAction } from "react";
+import type { AccessNavigationPropsT } from "../AccessNavigation/AccessNavigation";
+export type SelectBoxOptionT = {
+    name: string;
+    value: string;
+};
+export type WithMultiSelect = {
+    multiSelect: true;
+    optionValue: SelectBoxOptionT[];
+    setOptionValue: Dispatch<SetStateAction<SelectBoxOptionT[]>>;
+};
+export type WithSingleSelect = {
+    multiSelect?: false;
+    optionValue: SelectBoxOptionT | null;
+    setOptionValue: Dispatch<SetStateAction<SelectBoxOptionT | null>>;
+};
+export type MergedSelectMode = WithMultiSelect | WithSingleSelect;
+export type SelectBoxContextT = MergedSelectMode & {
+    inputFocused: boolean;
+    setInputFocused: Dispatch<SetStateAction<boolean>>;
+    inputSearch: string;
+    setInputSearch: Dispatch<SetStateAction<string>>;
+    options: SelectBoxOptionT[];
+};
+export type SelectBoxRootPropsT = ComponentPropsWithoutRef<"div"> & MergedSelectMode & {
+    ref?: RefObject<HTMLDivElement | null>;
+    options: SelectBoxOptionT[];
+};
+export type SelectBoxFieldPropsT = ComponentProps<"input">;
+export type SelectBoxSearchFieldPropsT = ComponentProps<"input">;
+export type SelectBoxSearchInputPropsT = ComponentProps<"label">;
+export type SelectBoxInputPropsT = ComponentProps<"label">;
+export type SelectBoxListPropsT = Omit<AccessNavigationPropsT, "direction" | "focusOnMount">;
+export type SelectBoxOptionsPropsT = ComponentProps<"button">;
+//# sourceMappingURL=selectBoxTypes.d.ts.map

package/dist/react-components/SelectBox/selectBoxTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectBoxTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/SelectBox/selectBoxTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAEnF,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;CAC9D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG,gBAAgB,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG;IACjD,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAC/D,gBAAgB,GAAG;IACjB,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACtC,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE3D,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAEjE,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,cAAc,CAAC,CAAC;AAE7F,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC"}

package/dist/react-components/SelectBox/selectBoxTypes.js

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/Sheet.ts"],"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;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,KAAK;;;;;;;CAOhB,CAAC;AAEH,cAAc,cAAc,CAAC"}

package/dist/react-components/Sheet/Sheet.js

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

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

@@ -0,0 +1,3 @@
+import type { SheetBodyPropsT } from "./sheetTypes";
+export declare function SheetBody({ onPointerDown, ...p }: SheetBodyPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SheetBody.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetBody.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/SheetBody.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,eAAe,2CAqDjE"}

package/dist/react-components/Sheet/SheetBody.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use, useEffect, useRef } from "react";
+import { motion, useDragControls } from "framer-motion";
+import { FRAMER_MOTION_DURATION } from "../../configs";
+import { SheetContext } from "./SheetContext";
+export function SheetBody({ onPointerDown, ...p }) {
+    const controls = useDragControls();
+    const { isOpen, y, closeHandler: handleClose } = use(SheetContext);
+    const bodyRef = useRef(null);
+    useEffect(() => {
+        if (isOpen) {
+            setTimeout(() => {
+                const focusableElement = bodyRef.current?.querySelector("[data-sheet='focus']");
+                focusableElement?.focus();
+            }, FRAMER_MOTION_DURATION);
+        }
+    }, [isOpen]);
+    return (_jsx(motion.div, { id: "sheet", ref: bodyRef, onClick: (ev) => ev.stopPropagation(), initial: { y: "100%" }, animate: { y: "0%" }, exit: { y: "100%" }, style: { y }, drag: "y", dragListener: false, dragControls: controls, onPointerDown: (ev) => {
+            ev.stopPropagation();
+            controls?.start(ev);
+            onPointerDown?.(ev);
+        }, transition: {
+            ease: "easeInOut",
+            duration: FRAMER_MOTION_DURATION
+        }, onDragEnd: () => {
+            if ((y?.get() || 0) >= 100) {
+                handleClose();
+            }
+        }, dragConstraints: {
+            top: 0,
+            bottom: 0,
+        }, dragElastic: {
+            top: 0,
+            bottom: 0.5,
+        }, ...p }));
+}

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

@@ -0,0 +1,3 @@
+import type { SheetContentPropsT } from "./sheetTypes";
+export declare function SheetContent({ style, onScroll, ...p }: SheetContentPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SheetContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContent.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/SheetContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAmBzE"}

package/dist/react-components/Sheet/SheetContent.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SheetContent({ style, onScroll, ...p }) {
+    return (_jsx("div", { style: {
+            touchAction: "pan-down",
+            ...style,
+        }, onScroll: (ev) => {
+            if (ev.currentTarget.scrollTop > 0) {
+                ev.currentTarget.style.touchAction = "pan-y";
+            }
+            else {
+                ev.currentTarget.style.touchAction = "pan-down";
+            }
+            onScroll?.(ev);
+        }, ...p }));
+}

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

@@ -0,0 +1,3 @@
+import type { SheetContextT } from "./sheetTypes";
+export declare const SheetContext: import("react").Context<SheetContextT>;
+//# sourceMappingURL=SheetContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/SheetContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,YAAY,wCAAoD,CAAC"}

package/dist/react-components/Sheet/SheetContext.js

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

package/dist/react-components/Sheet/SheetHandlebar.d.ts

@@ -0,0 +1,3 @@
+import type { SheetHandlebarPropsT } from "./sheetTypes";
+export declare function SheetHandlebar({ ...p }: SheetHandlebarPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SheetHandlebar.d.ts.map

package/dist/react-components/Sheet/SheetHandlebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetHandlebar.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/SheetHandlebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEzD,wBAAgB,cAAc,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,2CAE5D"}

package/dist/react-components/Sheet/SheetHandlebar.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SheetHandlebar({ ...p }) {
+    return _jsx("div", { ...p });
+}

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

@@ -0,0 +1,3 @@
+import type { SheetHeaderPropsT } from "./sheetTypes";
+export declare function SheetHeader({ ...p }: SheetHeaderPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SheetHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetHeader.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/SheetHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,wBAAgB,WAAW,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAEtD"}

package/dist/react-components/Sheet/SheetHeader.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SheetHeader({ ...p }) {
+    return _jsx("div", { ...p });
+}

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

@@ -0,0 +1,3 @@
+import type { SheetPortalPropsT } from "./sheetTypes";
+export declare function SheetPortal(p: SheetPortalPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SheetPortal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetPortal.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/SheetPortal.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,wBAAgB,WAAW,CAAC,CAAC,EAAE,iBAAiB,2CAqB/C"}

package/dist/react-components/Sheet/SheetPortal.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { ClientOnly } from "../ClientOnly/ClientOnly";
+import { Portal } from "../Portal/Portal";
+import { SheetContext } from "./SheetContext";
+export function SheetPortal(p) {
+    const { isOpen, closeHandler: handleClose, scope } = use(SheetContext);
+    return (_jsx(ClientOnly, { children: _jsx(Portal, { children: _jsx(AnimatePresence, { children: isOpen ? (_jsx(motion.div, { ref: scope, onClick: handleClose, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, ...p })) : null }) }) }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/SheetRoot.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAkEtD"}

package/dist/react-components/Sheet/SheetRoot.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePathname } from "next/navigation";
+import { useMotionValue, useAnimate } from "framer-motion";
+import { useEffect, useState } from "react";
+import { getBrowserScrollbarWith } from "../../utils-exports";
+import { SheetContext } from "./SheetContext";
+export function SheetRoot({ children }) {
+    const pathname = usePathname();
+    const y = useMotionValue(0);
+    const [scope, animate] = useAnimate();
+    const [isOpen, setOpen] = useState(false);
+    useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === "Escape") {
+                setOpen(false);
+            }
+        };
+        document.addEventListener("keydown", handleEscape);
+        return () => {
+            document.removeEventListener("keydown", handleEscape);
+            document.body.style.overflow = "unset";
+        };
+    }, []);
+    useEffect(() => {
+        setOpen(false);
+    }, [pathname]);
+    useEffect(() => {
+        const scrollbarWidth = getBrowserScrollbarWith();
+        const bodyElem = document.body;
+        const removeOverStyles = () => {
+            bodyElem.style.overflow = "unset";
+            bodyElem.style.overflow = "unset";
+            bodyElem.style.paddingRight = "0px";
+        };
+        if (isOpen) {
+            bodyElem.style.overflow = "hidden";
+            bodyElem.style.overflow = "hidden";
+            bodyElem.style.paddingRight = `${scrollbarWidth}px`;
+        }
+        else {
+            removeOverStyles();
+        }
+        return () => removeOverStyles();
+    }, [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 (_jsx(SheetContext, { value: { isOpen, setOpen, closeHandler, scope, y }, children: children }));
+}

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

@@ -0,0 +1,3 @@
+import type { SheetTogglePropsT } from "./sheetTypes";
+export declare function SheetToggle({ onClick, ...props }: SheetTogglePropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SheetToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetToggle.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/SheetToggle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAYnE"}

package/dist/react-components/Sheet/SheetToggle.js

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

package/dist/react-components/Sheet/sheetTypes.d.ts

@@ -0,0 +1,17 @@
+import type { AnimationScope, MotionValue, HTMLMotionProps } from "framer-motion";
+import type { ComponentProps, Dispatch, PropsWithChildren, SetStateAction } from "react";
+export type SheetContextT = {
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+    closeHandler: () => void;
+    scope?: AnimationScope<any>;
+    y?: MotionValue<number>;
+};
+export type SheetRootPropsT = PropsWithChildren;
+export type SheetBodyPropsT = HTMLMotionProps<"div">;
+export type SheetContentPropsT = ComponentProps<"div">;
+export type SheetHeaderPropsT = ComponentProps<"div">;
+export type SheetHandlebarPropsT = ComponentProps<"div">;
+export type SheetTogglePropsT = ComponentProps<"button">;
+export type SheetPortalPropsT = HTMLMotionProps<"div">;
+//# sourceMappingURL=sheetTypes.d.ts.map

package/dist/react-components/Sheet/sheetTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheetTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/sheetTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEzF,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,KAAK,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC"}

package/dist/react-components/Sheet/sheetTypes.js

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMore.d.ts","sourceRoot":"","sources":["../../../src/react-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,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,QAAQ;;;;CAInB,CAAC;AAEH,cAAc,iBAAiB,CAAC"}

package/dist/react-components/ShowMore/ShowMore.js

@@ -0,0 +1,10 @@
+import { ShowMoreRoot } from "./ShowMoreRoot";
+import { ShowMoreFade } from "./ShowMoreFade";
+import { ShowMoreContent } from "./ShowMoreContent";
+import { ShowMoreToggle } from "./ShowMoreToggle";
+export const ShowMore = Object.assign(ShowMoreRoot, {
+    Content: ShowMoreContent,
+    Toggle: ShowMoreToggle,
+    Fade: ShowMoreFade
+});
+export * from "./showMoreTypes";

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

@@ -0,0 +1,3 @@
+import type { ShowMoreContentPropsT } from "./showMoreTypes";
+export declare function ShowMoreContent({ children, style, ...props }: ShowMoreContentPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ShowMoreContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreContent.d.ts","sourceRoot":"","sources":["../../../src/react-components/ShowMore/ShowMoreContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAuBnF"}

package/dist/react-components/ShowMore/ShowMoreContent.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { ShowMoreContext } from "./ShowMoreContext";
+export function ShowMoreContent({ children, style, ...props }) {
+    const { contentRef, shouldShowMore, isShowMore, maxHeight } = use(ShowMoreContext);
+    return (_jsx("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: children }));
+}

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

@@ -0,0 +1,3 @@
+import type { ShowMoreContextT } from "./showMoreTypes";
+export declare const ShowMoreContext: import("react").Context<ShowMoreContextT>;
+//# sourceMappingURL=ShowMoreContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/ShowMore/ShowMoreContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,eAAO,MAAM,eAAe,2CAA0D,CAAC"}

package/dist/react-components/ShowMore/ShowMoreContext.js

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

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

@@ -0,0 +1,3 @@
+import type { ShowMoreFadePropsT } from "./showMoreTypes";
+export declare function ShowMoreFade(p: ShowMoreFadePropsT): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ShowMoreFade.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreFade.d.ts","sourceRoot":"","sources":["../../../src/react-components/ShowMore/ShowMoreFade.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,wBAAgB,YAAY,CAAC,CAAC,EAAE,kBAAkB,kDAQjD"}

package/dist/react-components/ShowMore/ShowMoreFade.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { ShowMoreContext } from "./ShowMoreContext";
+export function ShowMoreFade(p) {
+    const { shouldShowMore, isShowMore } = use(ShowMoreContext);
+    return (shouldShowMore && !isShowMore ? (_jsx("div", { ...p })) : null);
+}

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

@@ -0,0 +1,3 @@
+import type { ShowMoreRootPropsT } from "./showMoreTypes";
+export declare function ShowMoreRoot({ maxLines, defaultExpanded, style, ...p }: ShowMoreRootPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ShowMoreRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/ShowMore/ShowMoreRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,eAAuB,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAwBlG"}

package/dist/react-components/ShowMore/ShowMoreRoot.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { ShowMoreContext } from "./ShowMoreContext";
+export function ShowMoreRoot({ maxLines, defaultExpanded = false, style, ...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;
+            const actualHeight = element.scrollHeight;
+            setMaxHeight(maxHeight);
+            setShouldShowMore(actualHeight > maxHeight);
+        }
+    }, [maxLines]);
+    return (_jsx(ShowMoreContext, { value: { contentRef, isShowMore, setIsShowMore, maxHeight, shouldShowMore }, children: _jsx("div", { style: { position: "relative", ...style }, ...p }) }));
+}

package/dist/react-components/ShowMore/ShowMoreToggle.d.ts

@@ -0,0 +1,3 @@
+import type { ShowMoreTogglePropsT } from "./showMoreTypes";
+export declare function ShowMoreToggle({ onClick, style, ...p }: ShowMoreTogglePropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ShowMoreToggle.d.ts.map

package/dist/react-components/ShowMore/ShowMoreToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreToggle.d.ts","sourceRoot":"","sources":["../../../src/react-components/ShowMore/ShowMoreToggle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,2CAgB5E"}

package/dist/react-components/ShowMore/ShowMoreToggle.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { ShowMoreContext } from "./ShowMoreContext";
+export function ShowMoreToggle({ onClick, style, ...p }) {
+    const { setIsShowMore } = use(ShowMoreContext);
+    return (_jsx("button", { style: {
+            position: "relative",
+            ...style
+        }, onClick: ev => {
+            onClick?.(ev);
+            setIsShowMore(prev => !prev);
+        }, ...p }));
+}

package/dist/react-components/ShowMore/showMoreTypes.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentProps, Dispatch, RefObject, SetStateAction } from "react";
+export type ShowMoreContextT = {
+    contentRef: RefObject<HTMLDivElement | null>;
+    shouldShowMore: boolean;
+    isShowMore: boolean;
+    setIsShowMore: Dispatch<SetStateAction<boolean>>;
+    maxHeight: number;
+};
+export type ShowMoreRootPropsT = ComponentProps<"div"> & {
+    maxLines: number;
+    defaultExpanded?: boolean;
+};
+export type ShowMoreContentPropsT = ComponentProps<"div">;
+export type ShowMoreFadePropsT = ComponentProps<"div">;
+export type ShowMoreTogglePropsT = ComponentProps<"button">;
+//# sourceMappingURL=showMoreTypes.d.ts.map

package/dist/react-components/ShowMore/showMoreTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"showMoreTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/ShowMore/showMoreTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjF,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,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACvD,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC"}

package/dist/react-components/ShowMore/showMoreTypes.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,7 @@
+import { SpoilerBlur } from "./SpoilerBlur";
+import { SpoilerRoot } from "./SpoilerRoot";
+export declare const Spoiler: typeof SpoilerRoot & {
+    Blur: typeof SpoilerBlur;
+};
+export * from "./spoilerTypes";
+//# sourceMappingURL=Spoiler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spoiler.d.ts","sourceRoot":"","sources":["../../../src/react-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;AAEH,cAAc,gBAAgB,CAAC"}

package/dist/react-components/Spoiler/Spoiler.js

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

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

@@ -0,0 +1,3 @@
+import type { SpoilerBlurPropsT } from "./spoilerTypes";
+export declare function SpoilerBlur(p: SpoilerBlurPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SpoilerBlur.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpoilerBlur.d.ts","sourceRoot":"","sources":["../../../src/react-components/Spoiler/SpoilerBlur.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,WAAW,CAAC,CAAC,EAAE,iBAAiB,2CAS/C"}

package/dist/react-components/Spoiler/SpoilerBlur.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { SpoilerContext } from "./SpoilerContext";
+export function SpoilerBlur(p) {
+    const { isOpen } = use(SpoilerContext);
+    return (_jsx("span", { "data-state": isOpen, ...p }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpoilerContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Spoiler/SpoilerContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,eAAO,MAAM,cAAc,0CAAuC,CAAC"}

package/dist/react-components/Spoiler/SpoilerContext.js

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

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

@@ -0,0 +1,3 @@
+import type { SpoilerRootProps } from "./spoilerTypes";
+export declare function SpoilerRoot(p: SpoilerRootProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SpoilerRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpoilerRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Spoiler/SpoilerRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,2CAY9C"}

package/dist/react-components/Spoiler/SpoilerRoot.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { SpoilerContext } from "./SpoilerContext";
+export function SpoilerRoot(p) {
+    const [isOpen, setOpen] = useState(false);
+    return (_jsx(SpoilerContext, { value: { isOpen, setOpen }, children: _jsx("span", { onClick: () => setOpen(true), "data-state": isOpen, ...p }) }));
+}

package/dist/react-components/Spoiler/spoilerTypes.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps, Dispatch, SetStateAction } from "react";
+export type SpoilerContextT = {
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+};
+export type SpoilerRootProps = ComponentProps<"span">;
+export type SpoilerBlurPropsT = ComponentProps<"span">;
+//# sourceMappingURL=spoilerTypes.d.ts.map

package/dist/react-components/Spoiler/spoilerTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spoilerTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/Spoiler/spoilerTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC"}

package/dist/react-components/Spoiler/spoilerTypes.js

@@ -0,0 +1 @@
+export {};