@kadoui/react 1.0.0 → 1.1.2

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

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

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

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

package/dist/components/Steps/StepsRender.jsx

@@ -0,0 +1,7 @@
+"use client";
+import { use } from "react";
+import { StepsContext } from "./StepsContext";
+export function StepsRender() {
+    const { step, steps } = use(StepsContext);
+    return steps.find((_, index) => index + 1 === step)?.component;
+}

package/dist/components/Tabs/TabsList.d.ts

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

package/dist/components/Tabs/TabsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE5D,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAI/D"}
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE5D,wBAAgB,QAAQ,CAAC,CAAC,EAAE,cAAc,+BAEzC"}

package/dist/components/Tabs/TabsList.jsx

@@ -1,5 +1,4 @@
 "use client";
-import { cn } from "kadoui-utils";
-export function TabsList({ className, ...props }) {
-    return (<div className={cn("join-border", className)} {...props}/>);
+export function TabsList(p) {
+    return <div {...p}/>;
 }

package/dist/components/Tabs/TabsPanel.d.ts

@@ -2,5 +2,5 @@ import { HTMLAttributes } from "react";
 export type TabsPanelPropsT = HTMLAttributes<HTMLDivElement> & {
     value: string;
 };
-export declare function TabsPanel({ value, className, ...props }: TabsPanelPropsT): import("react").JSX.Element | null;
+export declare function TabsPanel({ value, ...p }: TabsPanelPropsT): import("react").JSX.Element | null;
 //# sourceMappingURL=TabsPanel.d.ts.map

package/dist/components/Tabs/TabsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;CACf,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,sCAWxE"}
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;CACf,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,eAAe,sCAMzD"}

package/dist/components/Tabs/TabsPanel.jsx

@@ -1,9 +1,8 @@
 "use client";
-import { cn } from "kadoui-utils";
 import { use } from "react";
 import { TabsContext } from "./TabsContext";
-export function TabsPanel({ value, className, ...props }) {
+export function TabsPanel({ value, ...p }) {
     const { activeTab } = use(TabsContext);
     const isActive = activeTab === value;
-    return isActive ? (<div className={cn("p-3 rounded-kado bg-foreground/10 mt-1.5", className)} {...props}/>) : null;
+    return isActive ? <div {...p}/> : null;
 }

package/dist/components/Toast/ToastBox.jsx

@@ -1,4 +1,4 @@
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils";
 import { CheckIcon, CircleAlertIcon, TriangleAlertIcon, XIcon } from "lucide-react";
 export function ToastBox({ toast }) {
     let toastIcon = null;

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export * from "./components/Clipboard/Clipboard";
 export * from "./components/ContextMenu/ContextMenu";
 export * from "./components/Drawer/Drawer";
 export * from "./components/Dropdown/Dropdown";
-export * from "./components/LinkLoader/LinkLoader";
+export * from "./components/LoaderLink/LoaderLink";
 export * from "./components/Modal/Modal";
 export * from "./components/Otp/Otp";
 export * from "./components/Pagination/Pagination";
@@ -19,11 +19,8 @@ export * from "./components/QrCode/QrCode";
 export * from "./components/Rating/Rating";
 export * from "./components/Sheet/Sheet";
 export * from "./components/ShowMore/ShowMore";
-export * from "./components/Slide/Slide";
 export * from "./components/Spoiler/Spoiler";
 export * from "./components/Steps/Steps";
 export * from "./components/Swap/Swap";
 export * from "./components/Tabs/Tabs";
-export * from "./components/Toast/Toast";
-export * from "./components/Toggle/Toggle";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oCAAoC,CAAC;AACnD,cAAc,0CAA0C,CAAC;AACzD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oCAAoC,CAAC;AACnD,cAAc,0CAA0C,CAAC;AACzD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC"}

package/dist/index.js

@@ -8,7 +8,7 @@ export * from "./components/Clipboard/Clipboard";
 export * from "./components/ContextMenu/ContextMenu";
 export * from "./components/Drawer/Drawer";
 export * from "./components/Dropdown/Dropdown";
-export * from "./components/LinkLoader/LinkLoader";
+export * from "./components/LoaderLink/LoaderLink";
 export * from "./components/Modal/Modal";
 export * from "./components/Otp/Otp";
 export * from "./components/Pagination/Pagination";
@@ -19,10 +19,7 @@ export * from "./components/QrCode/QrCode";
 export * from "./components/Rating/Rating";
 export * from "./components/Sheet/Sheet";
 export * from "./components/ShowMore/ShowMore";
-export * from "./components/Slide/Slide";
 export * from "./components/Spoiler/Spoiler";
 export * from "./components/Steps/Steps";
 export * from "./components/Swap/Swap";
 export * from "./components/Tabs/Tabs";
-export * from "./components/Toast/Toast";
-export * from "./components/Toggle/Toggle";

package/dist/utils/browser.d.ts

@@ -0,0 +1,3 @@
+export declare const getBrowserScrollbarWith: () => number;
+export declare const selectAccessibleChildren: (parent: HTMLElement) => HTMLElement[];
+//# sourceMappingURL=browser.d.ts.map

package/dist/utils/browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../src/utils/browser.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,cAenC,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,QAAQ,WAAW,kBAY3D,CAAA"}

package/dist/utils/browser.js

@@ -0,0 +1,21 @@
+export const getBrowserScrollbarWith = () => {
+    const outer = document.createElement("div");
+    outer.style.visibility = "hidden";
+    outer.style.overflow = "scroll";
+    document.body.appendChild(outer);
+    const inner = document.createElement("div");
+    outer.appendChild(inner);
+    const scrollbarWidth = (outer.offsetWidth - inner.offsetWidth);
+    outer.parentNode?.removeChild(outer);
+    return scrollbarWidth;
+};
+export const selectAccessibleChildren = (parent) => {
+    const children = Array.from(parent.querySelectorAll(`
+      a:not([tabindex="-1"]),
+      input:not([disabled],[tabindex="-1"]),
+      select:not([disabled],[tabindex="-1"]),
+      textarea:not([disabled],[tabindex="-1"]),
+      button:not([disabled],[tabindex="-1"])
+    `));
+    return children;
+};

package/dist/utils/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare const cn: (...inputs: ClassValue[]) => string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAE7C,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,WAA0B,CAAC"}

package/dist/utils/cn.js

@@ -0,0 +1,3 @@
+import { twMerge } from "tailwind-merge";
+import { clsx } from "clsx";
+export const cn = (...inputs) => twMerge(clsx(inputs));

package/dist/utils/form.d.ts

@@ -0,0 +1,2 @@
+export declare const formatInput: (value: string, regex: RegExp) => string;
+//# sourceMappingURL=form.d.ts.map

package/dist/utils/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/utils/form.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,OAAO,MAAM,WAUvD,CAAA"}

package/dist/utils/form.js

@@ -0,0 +1,8 @@
+export const formatInput = (value, regex) => {
+    let correctValue = value;
+    const filteredValue = Array.from(value).filter(char => regex.test(char)).join("");
+    if (filteredValue !== value) {
+        correctValue = filteredValue;
+    }
+    return correctValue;
+};

package/dist/utils.d.ts

@@ -0,0 +1,4 @@
+export * from "./utils/browser";
+export * from "./utils/cn";
+export * from "./utils/form";
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}

package/dist/utils.js

@@ -0,0 +1,3 @@
+export * from "./utils/browser";
+export * from "./utils/cn";
+export * from "./utils/form";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kadoui/react",
-  "version": "1.0.0",
+  "version": "1.1.2",
   "description": "Kadoui primitive components for React",
   "author": "Jstation",
   "license": "MIT",
@@ -9,7 +9,8 @@
     "build": "tsc"
   },
   "exports": {
-    ".": "./dist/index.js"
+    ".": "./dist/index.js",
+    "./utils": "./dist/utils.js"
   },
   "keywords": [
     "@kadoui/react",
@@ -21,7 +22,6 @@
     "component"
   ],
   "dependencies": {
-    "@kadoui/utils": "workspace:*",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "next": "15.4.5",
@@ -30,7 +30,9 @@
     "lucide-react": "^0.525.0",
     "qrcode": "^1.5.4",
     "zustand": "^5.0.6",
-    "nanoid": "^5.1.5"
+    "nanoid": "^5.1.5",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.3.1"
   },
   "devDependencies": {
     "@repo/tsconfig": "workspace:*",

package/dist/components/LinkLoader/LinkLoader.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from "react";
-export type LinkLoaderPropsT = PropsWithChildren & {
-    className?: string;
-};
-export declare function LinkLoader({ children, className }: LinkLoaderPropsT): string | number | bigint | boolean | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null | undefined;
-//# sourceMappingURL=LinkLoader.d.ts.map

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

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

package/dist/components/LinkLoader/LinkLoader.jsx

@@ -1,8 +0,0 @@
-"use client";
-import { cn } from "kadoui-utils";
-import { LoaderIcon } from "lucide-react";
-import { useLinkStatus } from "next/link";
-export function LinkLoader({ children, className }) {
-    const { pending } = useLinkStatus();
-    return pending ? <LoaderIcon className={cn("compatible-icon animate-spin", className)}/> : children;
-}

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

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

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

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

package/dist/components/Slide/SlideContent.jsx

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

package/dist/components/Spoiler/Spoiler.jsx

@@ -1,11 +0,0 @@
-"use client";
-import { cn } from "kadoui-utils";
-import { useState } from "react";
-export function Spoiler({ children, className }) {
-    const [revealed, setRevealed] = useState(false);
-    return (<span onClick={() => setRevealed(true)} className={cn("transition-all", revealed ? "" : "inline cursor-pointer rounded overflow-hidden px-1", className)}>
-      <span className={`transition-all ${revealed ? "" : "select-none blur-[3px]"}`}>
-        {children}
-      </span>
-    </span>);
-}

package/src/components/AccessNavigation/AccessNavigation.tsx

@@ -1,46 +0,0 @@
-"use client";
-
-import { HTMLAttributes, KeyboardEvent } from "react";
-import { selectAccessibleChildren } from "@kadoui/utils";
-
-export type AccessNavigationPropsT = HTMLAttributes<HTMLDivElement> & {
-  direction?: "y" | "x";
-};
-
-export function AccessNavigation({ direction = "y", dir, onKeyDown, ...p }: AccessNavigationPropsT) {
-  const handleKeyDown = (ev: KeyboardEvent<HTMLDivElement>) => {
-    const focusableChildren = selectAccessibleChildren(ev.currentTarget);
-
-    if (!focusableChildren.length) {
-      return;
-    }
-
-    const currentDir: "ltr" | "rtl" = (dir || document.documentElement.getAttribute("dir") || "ltr") as ("ltr" | "rtl");
-
-    const currentIndex = focusableChildren.findIndex((item) => item === document.activeElement);
-
-    if (ev.key === (direction === "y" ? "ArrowDown" : (currentDir === "ltr" ? "ArrowRight" : "ArrowLeft"))) {
-      ev.preventDefault();
-      const nextIndex =
-        currentIndex === -1 || currentIndex === focusableChildren.length - 1 ? 0 : currentIndex + 1;
-      focusableChildren[nextIndex]?.focus();
-    }
-
-    if (ev.key === (direction === "y" ? "ArrowUp" : (currentDir === "ltr" ? "ArrowLeft" : "ArrowRight"))) {
-      ev.preventDefault();
-      const prevIndex = currentIndex <= 0 ? focusableChildren.length - 1 : currentIndex - 1;
-      focusableChildren[prevIndex]?.focus();
-    }
-  }
-
-  return (
-    <div
-      dir={dir}
-      onKeyDown={ev => {
-        onKeyDown?.(ev);
-        handleKeyDown(ev);
-      }}
-      {...p}
-    />
-  )
-}

package/src/components/Accordion/Accordion.ts

@@ -1,8 +0,0 @@
-import { AccordionBody } from "./AccordionBody";
-import { AccordionRoot } from "./AccordionRoot";
-import { AccordionToggle } from "./AccordionToggle";
-
-export const Accordion = Object.assign(AccordionRoot, {
-  Toggle: AccordionToggle,
-  Body: AccordionBody
-});

package/src/components/Accordion/AccordionBody.tsx

@@ -1,31 +0,0 @@
-"use client";
-
-import { cn } from "@kadoui/utils";
-import { ReactNode, use } from "react";
-import { AnimatePresence, HTMLMotionProps, motion } from "framer-motion";
-
-import { AccordionContext } from "./AccordionContext";
-
-export type AccordionBodyPropsT = HTMLMotionProps<"div">;
-
-export function AccordionBody({ children, className, ...props }: AccordionBodyPropsT) {
-  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 as ReactNode}
-          </div>
-        </motion.div>
-        : null}
-    </AnimatePresence>
-  )
-}

package/src/components/Accordion/AccordionContext.ts

@@ -1,8 +0,0 @@
-import { createContext, Dispatch, SetStateAction } from "react";
-
-export type AccordionContextT = {
-  isOpen: boolean;
-  setOpen: Dispatch<SetStateAction<boolean>>;
-}
-
-export const AccordionContext = createContext<AccordionContextT>({} as AccordionContextT)

package/src/components/Accordion/AccordionRoot.tsx

@@ -1,17 +0,0 @@
-"use client";
-
-import { PropsWithChildren, useState } from "react";
-
-import { AccordionContext } from "./AccordionContext";
-
-export type AccordionRootPropsT = PropsWithChildren;
-
-export function AccordionRoot({ children }: AccordionRootPropsT) {
-  const [isOpen, setOpen] = useState(false);
-
-  return (
-    <AccordionContext value={{ isOpen, setOpen }}>
-      {children}
-    </AccordionContext>
-  )
-}

package/src/components/Accordion/AccordionToggle.tsx

@@ -1,29 +0,0 @@
-"use client";
-
-import { ChevronRightIcon } from "lucide-react";
-import { HTMLAttributes, ReactNode, use } from "react";
-
-import { AccordionContext } from "./AccordionContext";
-
-export type AccordionTogglePropsT = HTMLAttributes<HTMLButtonElement> & {
-  icon?: ReactNode;
-}
-
-export function AccordionToggle({ icon, children, onClick, ...props }: AccordionTogglePropsT) {
-  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>
-  )
-}

package/src/components/Affix/Affix.tsx

@@ -1,59 +0,0 @@
-"use client";
-
-import { cn } from "@kadoui/utils";
-import { ChevronUpIcon } from "lucide-react";
-import { useState, useEffect, HTMLAttributes } from "react";
-
-export type AffixPropsT = HTMLAttributes<HTMLButtonElement>
-
-export const Affix = ({ className, onClick, "aria-label": ariaLabel, children, ...props }: AffixPropsT) => {
-  const [isVisible, setIsVisible] = useState(false);
-  const [lastScrollY, setLastScrollY] = useState(0);
-
-  useEffect(() => {
-    const handleScroll = () => {
-      const currentScrollY = window.scrollY;
-      const viewportHeight = window.innerHeight;
-      const scrollThreshold = viewportHeight * 0.5;
-
-      if (currentScrollY > scrollThreshold && currentScrollY > lastScrollY) {
-        setIsVisible(true);
-      } else if (currentScrollY < lastScrollY && currentScrollY < scrollThreshold) {
-        setIsVisible(false);
-      }
-
-      setLastScrollY(currentScrollY);
-    };
-
-    window.addEventListener("scroll", handleScroll, {
-      passive: true
-    });
-
-    return () => window.removeEventListener("scroll", handleScroll);
-  }, [lastScrollY]);
-
-  const scrollToTop = () => {
-    window.scrollTo({
-      top: 0,
-      behavior: "smooth"
-    });
-  };
-
-  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>
-  );
-}

package/src/components/Breadcrumbs/Breadcrumbs.ts

@@ -1,6 +0,0 @@
-import { BreadcrumbsItem } from "./BreadcrumbsItem";
-import { BreadcrumbsRoot } from "./BreadcrumbsRoot";
-
-export const Breadcrumbs = Object.assign(BreadcrumbsRoot, {
-  Item: BreadcrumbsItem,
-});

package/src/components/Breadcrumbs/BreadcrumbsContext.ts

@@ -1,7 +0,0 @@
-import { createContext, ReactNode } from "react";
-
-export type BreadcrumbsContextT = {
-  separator: ReactNode;
-}
-
-export const BreadcrumbsContext = createContext<BreadcrumbsContextT>({} as BreadcrumbsContextT);

package/src/components/Breadcrumbs/BreadcrumbsItem.tsx

@@ -1,24 +0,0 @@
-"use client"
-
-import { cn } from "@kadoui/utils";
-import { type HTMLAttributes, use } from "react";
-
-import { BreadcrumbsContext } from "./BreadcrumbsContext";
-
-export type BreadcrumbsItemPropsT = HTMLAttributes<HTMLDivElement> & {
-  isLast?: boolean;
-}
-
-export function BreadcrumbsItem({ isLast = false, className, children, ...p }: BreadcrumbsItemPropsT) {
-  const { separator } = use(BreadcrumbsContext);
-
-  return (
-    <div
-      className={cn("f-center gap-1.5", className)}
-      {...p}
-    >
-      {children}
-      {!isLast && separator}
-    </div>
-  )
-}

package/src/components/Breadcrumbs/BreadcrumbsRoot.tsx

@@ -1,21 +0,0 @@
-"use client"
-
-import { cn } from "@kadoui/utils";
-import type { HTMLAttributes, ReactNode } from "react";
-
-import { BreadcrumbsContext } from "./BreadcrumbsContext";
-
-export type BreadcrumbsRootPropsT = HTMLAttributes<HTMLElement> & {
-  separator?: ReactNode;
-}
-
-export function BreadcrumbsRoot({ separator = "/", className, ...p }: BreadcrumbsRootPropsT) {
-  return (
-    <BreadcrumbsContext value={{ separator }}>
-      <nav
-        className={cn("f-align gap-3", className)}
-        {...p}
-      />
-    </BreadcrumbsContext>
-  )
-}

package/src/components/Carousel/Carousel.ts

@@ -1,6 +0,0 @@
-import { CarouselRoot } from "./CarouselRoot";
-import { CarouselContainer } from "./CarouselContainer";
-
-export const Carousel = Object.assign(CarouselRoot, {
-  Container: CarouselContainer
-});

package/src/components/Carousel/CarouselContainer.tsx

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

package/src/components/Carousel/CarouselContext.ts

@@ -1,7 +0,0 @@
-import { createContext, RefObject } from "react";
-
-export type CarouselContextPropsT = {
-  scrollRef: RefObject<HTMLDivElement | null>;
-}
-
-export const CarouselContext = createContext<CarouselContextPropsT>({} as CarouselContextPropsT);