@kadoui/react 1.0.0 → 1.1.2

package/README.md

@@ -0,0 +1 @@
+### Kadoui primitive components for React

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

@@ -1 +1 @@
-{"version":3,"file":"AccessNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/AccessNavigation/AccessNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAGtD,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,SAAe,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,+BAoCjG"}
+{"version":3,"file":"AccessNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/AccessNavigation/AccessNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,SAAe,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,+BAoCjG"}

package/dist/components/AccessNavigation/AccessNavigation.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { selectAccessibleChildren } from "kadoui-utils";
+import { selectAccessibleChildren } from "../../utils";
 export function AccessNavigation({ direction = "y", dir, onKeyDown, ...p }) {
     const handleKeyDown = (ev) => {
         const focusableChildren = selectAccessibleChildren(ev.currentTarget);

package/dist/components/Accordion/AccordionBody.d.ts

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

package/dist/components/Accordion/AccordionBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionBody.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionBody.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAIzE,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEzD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAoBnF"}
+{"version":3,"file":"AccordionBody.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAIzE,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEzD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAiBxE"}

package/dist/components/Accordion/AccordionBody.jsx

@@ -1,16 +1,13 @@
 "use client";
-import { cn } from "kadoui-utils";
 import { use } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 import { AccordionContext } from "./AccordionContext";
-export function AccordionBody({ children, className, ...props }) {
+export function AccordionBody({ children, ...props }) {
     const { isOpen } = use(AccordionContext);
     return (<AnimatePresence>
       {isOpen ?
-            <motion.div className={cn("overflow-hidden", className)} initial={{ height: 0, opacity: 0 }} animate={{ height: "auto", opacity: 1 }} exit={{ height: 0, opacity: 0 }} {...props}>
-          <div className="m-3">
-            {children}
-          </div>
+            <motion.div initial={{ height: 0, opacity: 0 }} animate={{ height: "auto", opacity: 1 }} exit={{ height: 0, opacity: 0 }} {...props}>
+          {children}
         </motion.div>
             : null}
     </AnimatePresence>);

package/dist/components/Accordion/AccordionToggle.d.ts

@@ -2,5 +2,5 @@ import { HTMLAttributes, ReactNode } from "react";
 export type AccordionTogglePropsT = HTMLAttributes<HTMLButtonElement> & {
     icon?: ReactNode;
 };
-export declare function AccordionToggle({ icon, children, onClick, ...props }: AccordionTogglePropsT): import("react").JSX.Element;
+export declare function AccordionToggle({ className, onClick, ...props }: AccordionTogglePropsT): import("react").JSX.Element;
 //# sourceMappingURL=AccordionToggle.d.ts.map

package/dist/components/Accordion/AccordionToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionToggle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAiB3F"}
+{"version":3,"file":"AccordionToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAgBtF"}

package/dist/components/Accordion/AccordionToggle.jsx

@@ -1,16 +1,11 @@
 "use client";
-import { ChevronRightIcon } from "lucide-react";
 import { use } from "react";
+import { cn } from "../../utils";
 import { AccordionContext } from "./AccordionContext";
-export function AccordionToggle({ icon, children, onClick, ...props }) {
+export function AccordionToggle({ className, onClick, ...props }) {
     const { isOpen, setOpen } = use(AccordionContext);
     return (<button onClick={ev => {
             onClick?.(ev);
             setOpen(prev => !prev);
-        }} {...props}>
-      <span className={`transition-transform ${isOpen ? "rotate-90" : ""}`}>
-        {icon || <ChevronRightIcon className="compatible-icon"/>}
-      </span>
-      {children}
-    </button>);
+        }} className={cn(isOpen ? "accordion-active" : null, className)} {...props}/>);
 }

package/dist/components/Affix/Affix.d.ts

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from "react";
 export type AffixPropsT = HTMLAttributes<HTMLButtonElement>;
-export declare const Affix: ({ className, onClick, "aria-label": ariaLabel, children, ...props }: AffixPropsT) => import("react").JSX.Element;
+export declare const Affix: ({ className, onClick, ...p }: AffixPropsT) => import("react").JSX.Element;
 //# sourceMappingURL=Affix.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Affix.d.ts","sourceRoot":"","sources":["../../../src/components/Affix/Affix.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAA;AAE3D,eAAO,MAAM,KAAK,GAAI,qEAAqE,WAAW,gCAkDrG,CAAA"}
+{"version":3,"file":"Affix.d.ts","sourceRoot":"","sources":["../../../src/components/Affix/Affix.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,KAAK,GAAI,8BAA8B,WAAW,gCA8C9D,CAAA"}

package/dist/components/Affix/Affix.jsx

@@ -1,8 +1,7 @@
 "use client";
-import { cn } from "kadoui-utils";
-import { ChevronUpIcon } from "lucide-react";
 import { useState, useEffect } from "react";
-export const Affix = ({ className, onClick, "aria-label": ariaLabel, children, ...props }) => {
+import { cn } from "../../utils";
+export const Affix = ({ className, onClick, ...p }) => {
     const [isVisible, setIsVisible] = useState(false);
     const [lastScrollY, setLastScrollY] = useState(0);
     useEffect(() => {
@@ -32,7 +31,5 @@ export const Affix = ({ className, onClick, "aria-label": ariaLabel, children, .
     return (<button onClick={ev => {
             onClick?.(ev);
             scrollToTop();
-        }} aria-label={ariaLabel || "Scroll to top"} className={cn("fixed bottom-3 right-4 transition-all z-50", isVisible ? "" : "opacity-0 translate-y-3 pointer-events-none", className)} {...props}>
-      {children || <ChevronUpIcon className="compatible-icon"/>}
-    </button>);
+        }} className={cn(isVisible ? "affix-active" : null, className)} {...p}/>);
 };

package/dist/components/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -2,5 +2,5 @@ import { type HTMLAttributes } from "react";
 export type BreadcrumbsItemPropsT = HTMLAttributes<HTMLDivElement> & {
     isLast?: boolean;
 };
-export declare function BreadcrumbsItem({ isLast, className, children, ...p }: BreadcrumbsItemPropsT): import("react").JSX.Element;
+export declare function BreadcrumbsItem({ isLast, children, ...p }: BreadcrumbsItemPropsT): import("react").JSX.Element;
 //# sourceMappingURL=BreadcrumbsItem.d.ts.map

package/dist/components/Breadcrumbs/BreadcrumbsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BAYnG"}
+{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAc,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BASxF"}

package/dist/components/Breadcrumbs/BreadcrumbsItem.jsx

@@ -1,10 +1,9 @@
 "use client";
-import { cn } from "kadoui-utils";
 import { use } from "react";
 import { BreadcrumbsContext } from "./BreadcrumbsContext";
-export function BreadcrumbsItem({ isLast = false, className, children, ...p }) {
+export function BreadcrumbsItem({ isLast = false, children, ...p }) {
     const { separator } = use(BreadcrumbsContext);
-    return (<div className={cn("f-center gap-1.5", className)} {...p}>
+    return (<div {...p}>
       {children}
       {!isLast && separator}
     </div>);

package/dist/components/Breadcrumbs/BreadcrumbsRoot.d.ts

@@ -2,5 +2,5 @@ import type { HTMLAttributes, ReactNode } from "react";
 export type BreadcrumbsRootPropsT = HTMLAttributes<HTMLElement> & {
     separator?: ReactNode;
 };
-export declare function BreadcrumbsRoot({ separator, className, ...p }: BreadcrumbsRootPropsT): import("react").JSX.Element;
+export declare function BreadcrumbsRoot({ separator, ...p }: BreadcrumbsRootPropsT): import("react").JSX.Element;
 //# sourceMappingURL=BreadcrumbsRoot.d.ts.map

package/dist/components/Breadcrumbs/BreadcrumbsRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAe,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BAS1F"}
+{"version":3,"file":"BreadcrumbsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAe,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BAM/E"}

package/dist/components/Breadcrumbs/BreadcrumbsRoot.jsx

@@ -1,8 +1,7 @@
 "use client";
-import { cn } from "kadoui-utils";
 import { BreadcrumbsContext } from "./BreadcrumbsContext";
-export function BreadcrumbsRoot({ separator = "/", className, ...p }) {
+export function BreadcrumbsRoot({ separator = "/", ...p }) {
     return (<BreadcrumbsContext value={{ separator }}>
-      <nav className={cn("f-align gap-3", className)} {...p}/>
+      <nav {...p}/>
     </BreadcrumbsContext>);
 }

package/dist/components/Carousel/Carousel.d.ts

@@ -1,6 +1,10 @@
 import { CarouselRoot } from "./CarouselRoot";
+import { CarouselLeftFade } from "./CarouselLeftFade";
 import { CarouselContainer } from "./CarouselContainer";
+import { CarouselRightFade } from "./CarouselRightFade";
 export declare const Carousel: typeof CarouselRoot & {
     Container: typeof CarouselContainer;
+    LeftFade: typeof CarouselLeftFade;
+    RightFade: typeof CarouselRightFade;
 };
 //# sourceMappingURL=Carousel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,QAAQ;;;;CAInB,CAAC"}

package/dist/components/Carousel/Carousel.js

@@ -1,5 +1,9 @@
 import { CarouselRoot } from "./CarouselRoot";
+import { CarouselLeftFade } from "./CarouselLeftFade";
 import { CarouselContainer } from "./CarouselContainer";
+import { CarouselRightFade } from "./CarouselRightFade";
 export const Carousel = Object.assign(CarouselRoot, {
-    Container: CarouselContainer
+    Container: CarouselContainer,
+    LeftFade: CarouselLeftFade,
+    RightFade: CarouselRightFade
 });

package/dist/components/Carousel/CarouselContainer.d.ts

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

package/dist/components/Carousel/CarouselContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,+BAQvF"}
+{"version":3,"file":"CarouselContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,+BAQ5E"}

package/dist/components/Carousel/CarouselContainer.jsx

@@ -1,10 +1,9 @@
 "use client";
-import { cn } from "kadoui-utils";
 import { use } from "react";
 import { CarouselContext } from "./CarouselContext";
-export function CarouselContainer({ children, className, ...p }) {
+export function CarouselContainer({ children, ...p }) {
     const { scrollRef } = use(CarouselContext);
-    return (<div ref={scrollRef} className={cn("f-align-scroll", className)} {...p}>
+    return (<div ref={scrollRef} {...p}>
       {children}
     </div>);
 }

package/dist/components/Carousel/CarouselContext.d.ts

@@ -1,6 +1,8 @@
 import { RefObject } from "react";
 export type CarouselContextPropsT = {
     scrollRef: RefObject<HTMLDivElement | null>;
+    leftOpacity: number;
+    rightOpacity: number;
 };
 export declare const CarouselContext: import("react").Context<CarouselContextPropsT>;
 //# sourceMappingURL=CarouselContext.d.ts.map

package/dist/components/Carousel/CarouselContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselContext.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC7C,CAAA;AAED,eAAO,MAAM,eAAe,gDAAoE,CAAC"}
+{"version":3,"file":"CarouselContext.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,eAAO,MAAM,eAAe,gDAAoE,CAAC"}

package/dist/components/Carousel/CarouselLeftFade.d.ts

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

package/dist/components/Carousel/CarouselLeftFade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselLeftFade.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselLeftFade.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,KAAK,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE7D,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,+BAYvE"}

package/dist/components/Carousel/CarouselLeftFade.jsx

@@ -0,0 +1,10 @@
+"use client";
+import { use } from "react";
+import { CarouselContext } from "./CarouselContext";
+export function CarouselLeftFade({ style, ...p }) {
+    const { leftOpacity } = use(CarouselContext);
+    return (<div style={{
+            opacity: leftOpacity,
+            ...style
+        }} {...p}/>);
+}

package/dist/components/Carousel/CarouselRightFade.d.ts

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

package/dist/components/Carousel/CarouselRightFade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselRightFade.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRightFade.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,KAAK,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE9D,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,+BAYzE"}

package/dist/components/Carousel/CarouselRightFade.jsx

@@ -0,0 +1,10 @@
+"use client";
+import { use } from "react";
+import { CarouselContext } from "./CarouselContext";
+export function CarouselRightFade({ style, ...p }) {
+    const { rightOpacity } = use(CarouselContext);
+    return (<div style={{
+            opacity: rightOpacity,
+            ...style
+        }} {...p}/>);
+}

package/dist/components/Carousel/CarouselRoot.d.ts

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

package/dist/components/Carousel/CarouselRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAiEjF"}
+{"version":3,"file":"CarouselRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,CAAC,EAAE,kBAAkB,+BA+CjD"}

package/dist/components/Carousel/CarouselRoot.jsx

@@ -1,8 +1,7 @@
 "use client";
-import { cn } from "kadoui-utils";
 import { useEffect, useRef, useState } from "react";
 import { CarouselContext } from "./CarouselContext";
-export function CarouselRoot({ children, className, ...props }) {
+export function CarouselRoot(p) {
     const scrollRef = useRef(null);
     const [leftOpacity, setLeftOpacity] = useState(0);
     const [rightOpacity, setRightOpacity] = useState(1);
@@ -35,19 +34,7 @@ export function CarouselRoot({ children, className, ...props }) {
             window.removeEventListener("resize", updateFade);
         };
     }, []);
-    return (<CarouselContext value={{ scrollRef }}>
-      <div className={cn("relative", className)} {...props}>
-        {/* Left Fade */}
-        <div className="pointer-events-none absolute right-0 top-0 h-full w-1/6 bg-gradient-to-l from-background from-5% to-transparent z-10 transition-opacity" style={{ opacity: leftOpacity }}/>
-        {/* --- */}
-
-        {/* Scrollable container */}
-        {children}
-        {/* --- */}
-
-        {/* Right Fade */}
-        <div className="pointer-events-none absolute left-0 top-0 h-full w-1/6 bg-gradient-to-r from-background from-5% to-transparent z-10 transition-opacity" style={{ opacity: rightOpacity }}/>
-        {/* --- */}
-      </div>
+    return (<CarouselContext value={{ scrollRef, leftOpacity, rightOpacity }}>
+      <div {...p}/>
     </CarouselContext>);
 }

package/dist/components/Clipboard/Clipboard.d.ts

@@ -1,7 +1,8 @@
-import { ButtonHTMLAttributes } from "react";
+import { ButtonHTMLAttributes, ReactNode } from "react";
 export type ClipboardPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
     text: string;
     timeout?: number;
+    copiedChildren?: ReactNode;
 };
-export declare function Clipboard({ onClick, children, text, timeout, ...props }: ClipboardPropsT): import("react").JSX.Element;
+export declare function Clipboard({ copiedChildren, onClick, children, text, timeout, ...props }: ClipboardPropsT): import("react").JSX.Element;
 //# sourceMappingURL=Clipboard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Clipboard.d.ts","sourceRoot":"","sources":["../../../src/components/Clipboard/Clipboard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAIzD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAuBhG"}
+{"version":3,"file":"Clipboard.d.ts","sourceRoot":"","sources":["../../../src/components/Clipboard/Clipboard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAiBhH"}

package/dist/components/Clipboard/Clipboard.jsx

@@ -1,15 +1,12 @@
 "use client";
-import { CopyCheckIcon, CopyIcon } from "lucide-react";
 import { useClipboard } from "@mantine/hooks";
-export function Clipboard({ onClick, children, text, timeout = 3_000, ...props }) {
+export function Clipboard({ copiedChildren, onClick, children, text, timeout = 3_000, ...props }) {
     const { copy, copied } = useClipboard({ timeout });
     const handleClick = (ev) => {
         onClick?.(ev);
         copy(text.trim());
     };
     return (<button aria-label={text} onClick={handleClick} {...props}>
-      {copied ? (<CopyCheckIcon className="compatible-icon"/>) : (<CopyIcon className="compatible-icon"/>)}
-
-      {children}
+      {copiedChildren && copied ? copiedChildren : children}
     </button>);
 }

package/dist/components/ContextMenu/ContextMenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtE,wBAAgB,kBAAkB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,wBAAwB,+BAyC9F"}
+{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAC;AAMvD,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtE,wBAAgB,kBAAkB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,wBAAwB,+BAuC9F"}

package/dist/components/ContextMenu/ContextMenuContent.jsx

@@ -1,6 +1,7 @@
 "use client";
 import { use, useEffect } from "react";
-import { cn, selectAccessibleChildren } from "kadoui-utils";
+import { cn } from "../../utils";
+import { selectAccessibleChildren } from "../../utils";
 import { ContextMenuContext } from "./ContextMenuContext";
 export function ContextMenuContent({ onContextMenu, className, ...p }) {
     const { contentRef, position, isOpen } = use(ContextMenuContext);
@@ -21,7 +22,7 @@ export function ContextMenuContent({ onContextMenu, className, ...p }) {
             ev.stopPropagation();
             ev.preventDefault();
             onContextMenu?.(ev);
-        }} className={cn("z-50 fixed", position ? "transition-all" : "", isOpen ? "" : "hidden", className)} style={{
+        }} className={cn(isOpen ? "context-menu-active" : null, className)} style={{
             top: position?.y,
             left: position?.x,
         }} {...p}/>);

package/dist/components/ContextMenu/ContextMenuRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuRoot.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAwD,MAAM,OAAO,CAAC;AAI7F,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BAqE7E"}
+{"version":3,"file":"ContextMenuRoot.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAwD,MAAM,OAAO,CAAC;AAK7F,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BAqE7E"}

package/dist/components/ContextMenu/ContextMenuRoot.jsx

@@ -1,6 +1,6 @@
 "use client";
-import { getBrowserScrollbarWith } from "kadoui-utils";
 import { useCallback, useEffect, useRef, useState } from "react";
+import { getBrowserScrollbarWith } from "../../utils";
 import { ContextMenuContext } from "./ContextMenuContext";
 export function ContextMenuRoot({ onContextMenu, ...p }) {
     const [position, setPosition] = useState(undefined);

package/dist/components/Drawer/DrawerBody.d.ts

@@ -2,5 +2,5 @@ import { HTMLMotionProps } from "framer-motion";
 export type DrawerBodyPropsT = HTMLMotionProps<"div"> & {
     position?: "top" | "right" | "bottom" | "left";
 };
-export declare function DrawerBody({ position, dir, children, className, ...props }: DrawerBodyPropsT): import("react").JSX.Element;
+export declare function DrawerBody({ position, dir, children, ...p }: DrawerBodyPropsT): import("react").JSX.Element;
 //# sourceMappingURL=DrawerBody.d.ts.map

package/dist/components/Drawer/DrawerBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerBody.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;AAKxD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAChD,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAsD5F"}
+{"version":3,"file":"DrawerBody.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;AAKxD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAChD,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,gBAAgB,+BAqD7E"}

package/dist/components/Drawer/DrawerBody.jsx

@@ -1,9 +1,8 @@
 "use client";
-import { cn } from "kadoui-utils";
 import { motion } from "framer-motion";
 import { use, useEffect, useRef } from "react";
 import { DrawerContext } from "./DrawerContext";
-export function DrawerBody({ position, dir, children, className, ...props }) {
+export function DrawerBody({ position, dir, children, ...p }) {
     const { isOpen } = use(DrawerContext);
     const bodyRef = useRef(null);
     useEffect(() => {
@@ -18,7 +17,7 @@ export function DrawerBody({ position, dir, children, className, ...props }) {
     const direction = ["right", "left"].includes(currentPosition) ? "y" : "x";
     const width = direction === "y" ? "clamp(300px,30%,30%)" : undefined;
     const height = direction === "y" ? undefined : "50%";
-    return (<motion.div ref={bodyRef} onClick={ev => ev.stopPropagation()} className={cn("absolute bg-background p-3 overflow-y-auto", className)} initial={direction === "y"
+    return (<motion.div ref={bodyRef} onClick={ev => ev.stopPropagation()} initial={direction === "y"
             ? { x: currentPosition === "left" ? "-100%" : "100%" }
             : { y: currentPosition === "top" ? "-100%" : "100%" }} animate={{ y: 0, x: 0 }} exit={direction === "y"
             ? { x: currentPosition === "left" ? "-100%" : "100%" }
@@ -32,7 +31,7 @@ export function DrawerBody({ position, dir, children, className, ...props }) {
                     : currentPosition === "bottom"
                         ? { bottom: 0, left: 0, right: 0 }
                         : { top: 0, bottom: 0, left: 0 })
-        }} transition={{ ease: "easeInOut" }} {...props}>
+        }} transition={{ ease: "easeInOut" }} {...p}>
       {children}
     </motion.div>);
 }

package/dist/components/Drawer/DrawerPortal.d.ts

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

package/dist/components/Drawer/DrawerPortal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerPortal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA2B,eAAe,EAAE,MAAM,eAAe,CAAC;AAMzE,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAExD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BA2BhF"}
+{"version":3,"file":"DrawerPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerPortal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,eAAe,EAAE,MAAM,eAAe,CAAC;AAMzE,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAExD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BAuBjE"}

package/dist/components/Drawer/DrawerPortal.jsx

@@ -1,11 +1,10 @@
 "use client";
 import { use } from "react";
-import { cn } from "kadoui-utils";
 import { motion, AnimatePresence } from "framer-motion";
 import { Portal } from "../Portal/Portal";
 import { DrawerContext } from "./DrawerContext";
 import { ClientOnly } from "../ClientOnly/ClientOnly";
-export function DrawerPortal({ onClick, className, ...props }) {
+export function DrawerPortal({ onClick, ...p }) {
     const { isOpen, setOpen } = use(DrawerContext);
     return (<ClientOnly>
       <Portal>
@@ -13,7 +12,7 @@ export function DrawerPortal({ 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 bg-foreground/50", className)} {...props}/>) : null}
+            }} {...p}/>) : null}
         </AnimatePresence>
       </Portal>
     </ClientOnly>);

package/dist/components/Drawer/DrawerRoot.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { getBrowserScrollbarWith } from "kadoui-utils";
+import { getBrowserScrollbarWith } from "../../utils";
 import { useState, useEffect } from "react";
 import { DrawerContext } from "./DrawerContext";
 export function DrawerRoot({ children }) {

package/dist/components/Dropdown/DropdownMenu.d.ts

@@ -2,5 +2,5 @@ import { HTMLAttributes } from "react";
 export type DropdownMenuPropsT = HTMLAttributes<HTMLDivElement> & {
     preventClose?: boolean;
 };
-export declare function DropdownMenu({ preventClose, onClick, className, ...p }: DropdownMenuPropsT): import("react").JSX.Element | null;
+export declare function DropdownMenu({ preventClose, onClick, ...p }: DropdownMenuPropsT): import("react").JSX.Element | null;
 //# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/components/Dropdown/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,sCAsB1F"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,sCAkB/E"}

package/dist/components/Dropdown/DropdownMenu.jsx

@@ -1,13 +1,12 @@
 "use client";
-import { cn } from "kadoui-utils";
 import { use } from "react";
 import { DropdownContext } from "./DropdownContext";
-export function DropdownMenu({ preventClose, onClick, className, ...p }) {
+export function DropdownMenu({ preventClose, onClick, ...p }) {
     const { menuRef, isOpen } = use(DropdownContext);
     return (isOpen ? (<div ref={menuRef} onClick={ev => {
             if (preventClose) {
                 ev.stopPropagation();
             }
             onClick?.(ev);
-        }} className={cn("absolute w-max z-10", className)} {...p}/>) : null);
+        }} {...p}/>) : null);
 }

package/dist/components/Dropdown/DropdownRoot.d.ts

@@ -2,5 +2,5 @@ import { HTMLAttributes } from "react";
 export type DropdownRootPropsT = HTMLAttributes<HTMLDivElement> & {
     accessHorizontalArrows?: "ArrowRight" | "ArrowLeft";
 };
-export declare function DropdownRoot({ accessHorizontalArrows, onKeyDown, className, ...p }: DropdownRootPropsT): import("react").JSX.Element;
+export declare function DropdownRoot({ accessHorizontalArrows, onKeyDown, ...p }: DropdownRootPropsT): import("react").JSX.Element;
 //# sourceMappingURL=DropdownRoot.d.ts.map

package/dist/components/Dropdown/DropdownRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAKnF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,sBAAsB,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;CACrD,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BA6EtG"}
+{"version":3,"file":"DropdownRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAOnF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,sBAAsB,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;CACrD,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,sBAAsB,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BA0E3F"}

package/dist/components/Dropdown/DropdownRoot.jsx

@@ -1,8 +1,8 @@
 "use client";
-import { cn, selectAccessibleChildren } from "kadoui-utils";
 import { useEffect, useRef, useState } from "react";
+import { selectAccessibleChildren } from "../../utils";
 import { DropdownContext } from "./DropdownContext";
-export function DropdownRoot({ accessHorizontalArrows, onKeyDown, className, ...p }) {
+export function DropdownRoot({ accessHorizontalArrows, onKeyDown, ...p }) {
     const [isOpen, setOpen] = useState(false);
     const toggleRef = useRef(null);
     const menuRef = useRef(null);
@@ -54,10 +54,8 @@ export function DropdownRoot({ accessHorizontalArrows, onKeyDown, className, ...
             }
         }
     };
-    return (<DropdownContext value={{
-            isOpen, setOpen, toggleRef, menuRef
-        }}>
-      <div className={cn("relative w-fit max-w-full", className)} onKeyDown={ev => {
+    return (<DropdownContext value={{ isOpen, setOpen, toggleRef, menuRef }}>
+      <div onKeyDown={ev => {
             onKeyDown?.(ev);
             handleKeyDown(ev);
         }} {...p}/>

package/dist/components/LoaderLink/LoaderLink.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren, ReactNode } from "react";
+export type LoaderLinkPropsT = PropsWithChildren & {
+    loader: ReactNode;
+};
+export declare function LoaderLink({ loader, children }: LoaderLinkPropsT): ReactNode;
+//# sourceMappingURL=LoaderLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderLink.d.ts","sourceRoot":"","sources":["../../../src/components/LoaderLink/LoaderLink.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IACjD,MAAM,EAAE,SAAS,CAAC;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,aAIhE"}

package/dist/components/LoaderLink/LoaderLink.jsx

@@ -0,0 +1,6 @@
+"use client";
+import { useLinkStatus } from "next/link";
+export function LoaderLink({ loader, children }) {
+    const { pending } = useLinkStatus();
+    return pending ? loader : children;
+}