@kadoui/react 1.0.1 → 1.1.2

package/dist/components/Modal/Modal.js

@@ -1,5 +1,5 @@
-import { ModalBody } from "./ModalBody";
 import { ModalRoot } from "./ModalRoot";
+import { ModalBody } from "./ModalBody";
 import { ModalHeader } from "./ModalHeader";
 import { ModalPortal } from "./ModalPortal";
 import { ModalToggle } from "./ModalTrigger";
@@ -7,7 +7,7 @@ import { ModalContent } from "./ModalContent";
 export const Modal = Object.assign(ModalRoot, {
     Toggle: ModalToggle,
     Portal: ModalPortal,
-    Content: ModalContent,
+    Body: ModalBody,
     Header: ModalHeader,
-    Body: ModalBody
+    Content: ModalContent
 });

package/dist/components/Modal/ModalBody.d.ts

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

package/dist/components/Modal/ModalBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE7D,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAM3E"}
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAIzE,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BA6B/D"}

package/dist/components/Modal/ModalBody.jsx

@@ -1,6 +1,21 @@
-import { cn } from "../../utils/cn";
-export function ModalBody({ children, className, ...props }) {
-    return (<div className={cn("py-3 px-1.5 mx-1.5 max-h-[calc(100%-4rem)] overflow-y-auto", className)} {...props}>
-      {children}
-    </div>);
+"use client";
+import { use, useEffect, useRef } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { ModalContext } from "./ModalContext";
+export function ModalBody({ onClick, ...props }) {
+    const { isOpen } = use(ModalContext);
+    const contentRef = useRef(null);
+    useEffect(() => {
+        if (isOpen) {
+            const indexElement = contentRef.current?.querySelector("[data-modal='index']");
+            indexElement?.focus();
+        }
+        ;
+    }, [isOpen]);
+    return (<AnimatePresence>
+      {isOpen ? (<motion.div ref={contentRef} initial={{ opacity: 0, scale: 0.9 }} animate={{ opacity: 1, scale: 1 }} exit={{ opacity: 0, scale: 0.9 }} transition={{ ease: "easeInOut" }} onClick={ev => {
+                onClick?.(ev);
+                ev.stopPropagation();
+            }} {...props}/>) : null}
+    </AnimatePresence>);
 }

package/dist/components/Modal/ModalContent.d.ts

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

package/dist/components/Modal/ModalContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAIzE,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAExD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAiChF"}
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,CAAC,EAAE,kBAAkB,+BAIjD"}

package/dist/components/Modal/ModalContent.jsx

@@ -1,22 +1,3 @@
-"use client";
-import { cn } from "../../utils/cn";
-import { use, useEffect, useRef } from "react";
-import { AnimatePresence, motion } from "framer-motion";
-import { ModalContext } from "./ModalContext";
-export function ModalContent({ onClick, className, ...props }) {
-    const { isOpen } = use(ModalContext);
-    const contentRef = useRef(null);
-    useEffect(() => {
-        if (isOpen) {
-            const indexElement = contentRef.current?.querySelector("[data-modal='index']");
-            indexElement?.focus();
-        }
-        ;
-    }, [isOpen]);
-    return (<AnimatePresence>
-      {isOpen ? (<motion.div ref={contentRef} initial={{ opacity: 0, scale: 0.9 }} animate={{ opacity: 1, scale: 1 }} exit={{ opacity: 0, scale: 0.9 }} transition={{ ease: "easeInOut" }} onClick={ev => {
-                onClick?.(ev);
-                ev.stopPropagation();
-            }} className={cn("bg-background rounded-2xl w-max max-w-[90%] h-full max-h-[90%]", className)} {...props}/>) : null}
-    </AnimatePresence>);
+export function ModalContent(p) {
+    return (<div {...p}/>);
 }

package/dist/components/Modal/ModalHeader.d.ts

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

package/dist/components/Modal/ModalHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAIrE"}
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,CAAC,EAAE,iBAAiB,+BAI/C"}

package/dist/components/Modal/ModalHeader.jsx

@@ -1,4 +1,3 @@
-import { cn } from "../../utils/cn";
-export function ModalHeader({ className, ...props }) {
-    return (<div className={cn("h-16 f-align px-3 bg-background rounded-t-2xl border-b border-separator sticky top-0", className)} {...props}/>);
+export function ModalHeader(p) {
+    return (<div {...p}/>);
 }

package/dist/components/Modal/ModalPortal.d.ts

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

package/dist/components/Modal/ModalPortal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalPortal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA2B,eAAe,EAAE,MAAM,eAAe,CAAC;AAMzE,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEvD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BA2B9E"}
+{"version":3,"file":"ModalPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalPortal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,eAAe,EAAE,MAAM,eAAe,CAAC;AAMzE,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEvD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,+BAuB/D"}

package/dist/components/Modal/ModalPortal.jsx

@@ -1,11 +1,10 @@
 "use client";
 import { use } from "react";
-import { cn } from "../../utils/cn";
 import { motion, AnimatePresence } from "framer-motion";
 import { Portal } from "../Portal/Portal";
 import { ModalContext } from "./ModalContext";
 import { ClientOnly } from "../ClientOnly/ClientOnly";
-export function ModalPortal({ onClick, className, ...props }) {
+export function ModalPortal({ onClick, ...p }) {
     const { isOpen, setOpen } = use(ModalContext);
     return (<ClientOnly>
       <Portal>
@@ -13,7 +12,7 @@ export function ModalPortal({ onClick, className, ...props }) {
           {isOpen ? (<motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} onClick={ev => {
                 onClick?.(ev);
                 setOpen(false);
-            }} className={cn("fixed inset-0 z-50 f-center bg-foreground/10", className)} {...props}/>) : null}
+            }} {...p}/>) : null}
         </AnimatePresence>
       </Portal>
     </ClientOnly>);

package/dist/components/Modal/ModalRoot.jsx

@@ -1,6 +1,6 @@
 "use client";
 import { useState, useEffect } from "react";
-import { getBrowserScrollbarWith } from "../../utils/browser";
+import { getBrowserScrollbarWith } from "../../utils";
 import { ModalContext } from "./ModalContext";
 export function ModalRoot({ children, defaultOpen = false }) {
     const [isOpen, setOpen] = useState(defaultOpen);

package/dist/components/Otp/OtpInputs.d.ts

@@ -3,5 +3,5 @@ export type OtpInputsPropsT = InputHTMLAttributes<HTMLInputElement> & {
     length: number;
     onLastChange?: (otp: string) => void;
 };
-export declare function OtpInputs({ className, name, length, onLastChange, ...props }: OtpInputsPropsT): import("react").JSX.Element[];
+export declare function OtpInputs({ name, length, onLastChange, ...props }: OtpInputsPropsT): import("react").JSX.Element[];
 //# sourceMappingURL=OtpInputs.d.ts.map

package/dist/components/Otp/OtpInputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OtpInputs.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpInputs.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,mBAAmB,EAAsB,MAAM,OAAO,CAAC;AAIhF,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACpE,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,iCAyE7F"}
+{"version":3,"file":"OtpInputs.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpInputs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,mBAAmB,EAAsB,MAAM,OAAO,CAAC;AAIhF,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACpE,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,iCAwElF"}

package/dist/components/Otp/OtpInputs.jsx

@@ -1,8 +1,7 @@
 "use client";
-import { cn } from "../../utils/cn";
 import { use } from "react";
 import { OtpContext } from "./OtpContext";
-export function OtpInputs({ className, name, length, onLastChange, ...props }) {
+export function OtpInputs({ name, length, onLastChange, ...props }) {
     const { inputs, getInputsValue } = use(OtpContext);
     const handlePaste = (ev, startIndex) => {
         ev.preventDefault();
@@ -47,7 +46,7 @@ export function OtpInputs({ className, name, length, onLastChange, ...props }) {
             inputs?.current[index - 1]?.focus();
         }
     };
-    return Array.from({ length }).map((_, index) => (<input key={index} autoComplete="off" name={`${name || "otp"}-${index}`} onPaste={ev => handlePaste(ev, index)} onKeyDown={ev => handleBackspace(ev, index)} onChange={ev => handleInputChange(ev.target.value, index)} className={cn("input-outline input-square text-center", className)} ref={el => {
+    return Array.from({ length }).map((_, index) => (<input key={index} autoComplete="off" name={`${name || "otp"}-${index}`} onPaste={ev => handlePaste(ev, index)} onKeyDown={ev => handleBackspace(ev, index)} onChange={ev => handleInputChange(ev.target.value, index)} ref={el => {
             if (inputs) {
                 inputs.current[index] = el;
             }

package/dist/components/Otp/OtpRoot.d.ts

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

package/dist/components/Otp/OtpRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OtpRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAgB7D"}
+{"version":3,"file":"OtpRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D,wBAAgB,OAAO,CAAC,CAAC,EAAE,aAAa,+BAgBvC"}

package/dist/components/Otp/OtpRoot.jsx

@@ -1,8 +1,7 @@
 "use client";
-import { cn } from "../../utils/cn";
 import { useEffect, useRef } from "react";
 import { OtpContext } from "./OtpContext";
-export function OtpRoot({ className, ...props }) {
+export function OtpRoot(p) {
     const inputs = useRef([]);
     useEffect(() => {
         inputs.current[0]?.focus();
@@ -11,6 +10,6 @@ export function OtpRoot({ className, ...props }) {
         return inputs?.current.map(input => input?.value || "").join("") || "";
     };
     return (<OtpContext value={{ inputs, getInputsValue }}>
-      <div className={cn("f-align gap-1.5", className)} {...props}/>
+      <div {...p}/>
     </OtpContext>);
 }

package/dist/components/Pagination/PaginationNextBtn.d.ts

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

package/dist/components/Pagination/PaginationNextBtn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNextBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationNextBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,+BAenG"}
+{"version":3,"file":"PaginationNextBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationNextBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,+BAarF"}

package/dist/components/Pagination/PaginationNextBtn.jsx

@@ -1,13 +1,10 @@
 "use client";
 import { use } from "react";
-import { ChevronRightIcon } from "lucide-react";
 import { PaginationContext } from "./PaginationContext";
-export function PaginationNextBtn({ onClick, disabled, children, ...props }) {
+export function PaginationNextBtn({ onClick, disabled, ...p }) {
     const { page, pageLength, nextPage } = use(PaginationContext);
     return (<button disabled={disabled || page === pageLength} onClick={ev => {
             onClick?.(ev);
             nextPage();
-        }} {...props}>
-      {children || <ChevronRightIcon className="compatible-icon"/>}
-    </button>);
+        }} {...p}/>);
 }

package/dist/components/Pagination/PaginationPrevBtn.d.ts

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

package/dist/components/Pagination/PaginationPrevBtn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationPrevBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,+BAenG"}
+{"version":3,"file":"PaginationPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationPrevBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,+BAarF"}

package/dist/components/Pagination/PaginationPrevBtn.jsx

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

package/dist/components/PasswordInput/PasswordInputToggle.d.ts

@@ -1,4 +1,6 @@
-import { ButtonHTMLAttributes } from "react";
-export type PasswordInputTogglePropsT = ButtonHTMLAttributes<HTMLButtonElement>;
-export declare function PasswordInputToggle({ onClick, children, ...props }: PasswordInputTogglePropsT): import("react").JSX.Element;
+import { ButtonHTMLAttributes, ReactNode } from "react";
+export type PasswordInputTogglePropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+    visibleChildren: ReactNode;
+};
+export declare function PasswordInputToggle({ visibleChildren, onClick, children, ...props }: PasswordInputTogglePropsT): import("react").JSX.Element;
 //# sourceMappingURL=PasswordInputToggle.d.ts.map

package/dist/components/PasswordInput/PasswordInputToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInputToggle.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAMlD,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEhF,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,+BAyC7F"}
+{"version":3,"file":"PasswordInputToggle.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAChF,eAAe,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,+BAe9G"}

package/dist/components/PasswordInput/PasswordInputToggle.jsx

@@ -1,20 +1,12 @@
 "use client";
 import { use } from "react";
-import { EyeClosedIcon, EyeIcon } from "lucide-react";
-import { AnimatePresence, motion } from "framer-motion";
 import { PasswordInputContext } from "./PasswordInputContext";
-export function PasswordInputToggle({ onClick, children, ...props }) {
+export function PasswordInputToggle({ visibleChildren, onClick, children, ...props }) {
     const { isVisible, setIsVisible } = use(PasswordInputContext);
     return (<button type="button" onClick={ev => {
             setIsVisible(prev => !prev);
             onClick?.(ev);
         }} {...props}>
-      {children || (<AnimatePresence initial={false} mode="wait">
-          {isVisible ? (<motion.div key="visible" className="compatible-icon" initial={{ opacity: 0, y: "-25%" }} animate={{ opacity: 1, y: 0 }} exit={{ opacity: 0, y: "25%" }} transition={{ duration: 0.1 }}>
-              <EyeIcon className="size-full"/>
-            </motion.div>) : (<motion.div key="hidden" className="compatible-icon" initial={{ opacity: 0, y: "-25%" }} animate={{ opacity: 1, y: 0 }} exit={{ opacity: 0, y: "25%" }} transition={{ duration: 0.1 }}>
-              <EyeClosedIcon className="size-full"/>
-            </motion.div>)}
-        </AnimatePresence>)}
+      {isVisible ? visibleChildren : children}
     </button>);
 }

package/dist/components/Progress/ProgressBar.d.ts

@@ -2,5 +2,5 @@ import { HTMLMotionProps } from "framer-motion";
 export type ProgressBarPropsT = HTMLMotionProps<"div"> & {
     duration?: number;
 };
-export declare function ProgressBar({ className, duration, children, ...p }: ProgressBarPropsT): import("react").JSX.Element;
+export declare function ProgressBar({ duration, children, ...p }: ProgressBarPropsT): import("react").JSX.Element;
 //# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/Progress/ProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/ProgressBar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAU,MAAM,eAAe,CAAC;AAIxD,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,+BAgBrF"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/ProgressBar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAU,MAAM,eAAe,CAAC;AAIxD,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,+BAe1E"}

package/dist/components/Progress/ProgressBar.jsx

@@ -1,12 +1,11 @@
 "use client";
 import { use } from "react";
-import { cn } from "../../utils/cn";
 import { motion } from "framer-motion";
 import { ProgressContext } from "./ProgressContext";
-export function ProgressBar({ className, duration, children, ...p }) {
+export function ProgressBar({ duration, children, ...p }) {
     const { value, maxValue } = use(ProgressContext);
     const percentage = Math.min(100, Math.max(0, (value / maxValue) * 100));
-    return (<motion.div className={cn("f-center h-full bg-palette text-brush max-w-full", className)} initial={{ width: 0 }} whileInView={{ width: `${percentage}%` }} transition={{ duration: duration || 3 }} {...p}>
+    return (<motion.div initial={{ width: 0 }} whileInView={{ width: `${percentage}%` }} transition={{ duration: duration || 3 }} {...p}>
       {children || <span className="text-xs">{percentage}%</span>}
     </motion.div>);
 }

package/dist/components/Progress/ProgressRoot.d.ts

@@ -3,5 +3,5 @@ export type ProgressRootPropsT = HTMLAttributes<HTMLDivElement> & {
     value: number;
     maxValue?: number;
 };
-export declare function ProgressRoot({ value, maxValue, className, ...p }: ProgressRootPropsT): import("react").JSX.Element;
+export declare function ProgressRoot({ value, maxValue, ...p }: ProgressRootPropsT): import("react").JSX.Element;
 //# sourceMappingURL=ProgressRoot.d.ts.map

package/dist/components/Progress/ProgressRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/ProgressRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAc,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BAS1F"}
+{"version":3,"file":"ProgressRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/ProgressRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAc,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BAM/E"}

package/dist/components/Progress/ProgressRoot.jsx

@@ -1,8 +1,7 @@
 "use client";
-import { cn } from "../../utils/cn";
 import { ProgressContext } from "./ProgressContext";
-export function ProgressRoot({ value, maxValue = 100, className, ...p }) {
+export function ProgressRoot({ value, maxValue = 100, ...p }) {
     return (<ProgressContext value={{ value, maxValue }}>
-      <div className={cn("w-full rounded-kado overflow-hidden h-6 bg-palette/10", className)} {...p}/>
+      <div {...p}/>
     </ProgressContext>);
 }

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

@@ -1,5 +1,5 @@
 import { RatingItems } from "./RatingItems";
-export declare const Rating: (({ className, ...p }: import("./RatingRoot").RatingRootPropsT) => import("react").JSX.Element) & {
+export declare const Rating: ((p: import("./RatingRoot").RatingRootPropsT) => import("react").JSX.Element) & {
     Items: typeof RatingItems;
 };
 //# sourceMappingURL=Rating.d.ts.map

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

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

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

@@ -1 +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"}
+{"version":3,"file":"RatingItems.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/RatingItems.tsx"],"names":[],"mappings":"AAEA,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,EAAE,SAAS,CAAC;IACnB,aAAa,EAAE,SAAS,CAAC;CAC1B,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,iCA0B3G"}

package/dist/components/Rating/RatingItems.jsx

@@ -1,18 +1,14 @@
 "use client";
-import { cn } from "../../utils/cn";
-import { StarIcon } from "lucide-react";
 import { use } from "react";
 import { RatingContext } from "./RatingContext";
-export function RatingItems({ count, value, onValueChange, element, activeElement, className, ...p }) {
+export function RatingItems({ count, value, onValueChange, element, activeElement, ...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}
+        return (<button key={index} role="radio" type="button" aria-checked={itemValue === value} onClick={() => onValueChange(itemValue)} onMouseEnter={() => setHoverValue(itemValue)} aria-label={`${itemValue} out of ${count} stars`} {...p}>
+          {isActive ? activeElement : element}
         </button>);
     }));
 }

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

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

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

@@ -1 +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"}
+{"version":3,"file":"RatingRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/RatingRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAE7D,eAAO,MAAM,UAAU,GAAI,GAAG,gBAAgB,gCAW7C,CAAA"}

package/dist/components/Rating/RatingRoot.jsx

@@ -1,10 +1,9 @@
 "use client";
-import { cn } from "../../utils/cn";
 import { useState } from "react";
 import { RatingContext } from "./RatingContext";
-export const RatingRoot = ({ className, ...p }) => {
+export const RatingRoot = (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}/>
+      <div onMouseLeave={() => setHoverValue(null)} {...p}/>
     </RatingContext>);
 };

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

@@ -1 +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"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/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;AAE9C,eAAO,MAAM,KAAK;;;;;;CAMhB,CAAC"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"SheetBody.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAU,MAAM,eAAe,CAAC;AAIxD,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,CAAC,EAAE,eAAe,+BAiC3C"}

package/dist/components/Sheet/SheetBody.jsx

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

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

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

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

@@ -1 +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"}
+{"version":3,"file":"SheetContent.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,CAAC,EAAE,kBAAkB,+BAEjD"}

package/dist/components/Sheet/SheetContent.jsx

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

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

@@ -1,10 +1,9 @@
+import { Dispatch, SetStateAction } from "react";
 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>;

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

@@ -1 +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"}
+{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE1E,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,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/SheetHeader.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"SheetHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,+BAYrE"}

package/dist/components/Sheet/SheetHeader.jsx

@@ -1,10 +1,10 @@
 "use client";
-import { cn } from "../../utils/cn";
 import { use } from "react";
 import { SheetContext } from "./SheetContext";
-export function SheetHeader({ className, children, ...props }) {
+export function SheetHeader({ onPointerDown, ...p }) {
     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>);
+    return (<div onPointerDown={(ev) => {
+            controls?.start(ev);
+            onPointerDown?.(ev);
+        }} {...p}/>);
 }