@kadoui/react 1.0.0 → 1.0.1

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/browser";
 export function AccessNavigation({ direction = "y", dir, onKeyDown, ...p }) {
     const handleKeyDown = (ev) => {
         const focusableChildren = selectAccessibleChildren(ev.currentTarget);

package/dist/components/Accordion/AccordionBody.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { use } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 import { AccordionContext } from "./AccordionContext";

package/dist/components/Affix/Affix.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { ChevronUpIcon } from "lucide-react";
 import { useState, useEffect } from "react";
 export const Affix = ({ className, onClick, "aria-label": ariaLabel, children, ...props }) => {

package/dist/components/Breadcrumbs/BreadcrumbsItem.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { use } from "react";
 import { BreadcrumbsContext } from "./BreadcrumbsContext";
 export function BreadcrumbsItem({ isLast = false, className, children, ...p }) {

package/dist/components/Breadcrumbs/BreadcrumbsRoot.jsx

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

package/dist/components/Carousel/CarouselContainer.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { use } from "react";
 import { CarouselContext } from "./CarouselContext";
 export function CarouselContainer({ children, className, ...p }) {

package/dist/components/Carousel/CarouselRoot.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { useEffect, useRef, useState } from "react";
 import { CarouselContext } from "./CarouselContext";
 export function CarouselRoot({ children, className, ...props }) {

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;AAOvD,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtE,wBAAgB,kBAAkB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,wBAAwB,+BAyC9F"}

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/cn";
+import { selectAccessibleChildren } from "../../utils/browser";
 import { ContextMenuContext } from "./ContextMenuContext";
 export function ContextMenuContent({ onContextMenu, className, ...p }) {
     const { contentRef, position, isOpen } = use(ContextMenuContext);

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/browser";
 import { ContextMenuContext } from "./ContextMenuContext";
 export function ContextMenuRoot({ onContextMenu, ...p }) {
     const [position, setPosition] = useState(undefined);

package/dist/components/Drawer/DrawerBody.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { motion } from "framer-motion";
 import { use, useEffect, useRef } from "react";
 import { DrawerContext } from "./DrawerContext";

package/dist/components/Drawer/DrawerPortal.jsx

@@ -1,6 +1,6 @@
 "use client";
 import { use } from "react";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { motion, AnimatePresence } from "framer-motion";
 import { Portal } from "../Portal/Portal";
 import { DrawerContext } from "./DrawerContext";

package/dist/components/Drawer/DrawerRoot.jsx

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

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;AAK5C,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"}

package/dist/components/Dropdown/DropdownMenu.jsx

@@ -1,6 +1,6 @@
 "use client";
-import { cn } from "kadoui-utils";
 import { use } from "react";
+import { cn } from "../../utils/cn";
 import { DropdownContext } from "./DropdownContext";
 export function DropdownMenu({ preventClose, onClick, className, ...p }) {
     const { menuRef, isOpen } = use(DropdownContext);

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;AAQnF,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"}

package/dist/components/Dropdown/DropdownRoot.jsx

@@ -1,6 +1,7 @@
 "use client";
-import { cn, selectAccessibleChildren } from "kadoui-utils";
 import { useEffect, useRef, useState } from "react";
+import { cn } from "../../utils/cn";
+import { selectAccessibleChildren } from "../../utils/browser";
 import { DropdownContext } from "./DropdownContext";
 export function DropdownRoot({ accessHorizontalArrows, onKeyDown, className, ...p }) {
     const [isOpen, setOpen] = useState(false);

package/dist/components/LinkLoader/LinkLoader.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { LoaderIcon } from "lucide-react";
 import { useLinkStatus } from "next/link";
 export function LinkLoader({ children, className }) {

package/dist/components/Modal/ModalBody.jsx

@@ -1,4 +1,4 @@
-import { cn } from "kadoui-utils";
+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}

package/dist/components/Modal/ModalContent.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { use, useEffect, useRef } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 import { ModalContext } from "./ModalContext";

package/dist/components/Modal/ModalHeader.jsx

@@ -1,4 +1,4 @@
-import { cn } from "kadoui-utils";
+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}/>);
 }

package/dist/components/Modal/ModalPortal.jsx

@@ -1,6 +1,6 @@
 "use client";
 import { use } from "react";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { motion, AnimatePresence } from "framer-motion";
 import { Portal } from "../Portal/Portal";
 import { ModalContext } from "./ModalContext";

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

@@ -1 +1 @@
-{"version":3,"file":"ModalRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,eAAe,+BAmC3E"}
+{"version":3,"file":"ModalRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,eAAe,+BAmC3E"}

package/dist/components/Modal/ModalRoot.jsx

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

package/dist/components/Otp/OtpInputs.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { use } from "react";
 import { OtpContext } from "./OtpContext";
 export function OtpInputs({ className, name, length, onLastChange, ...props }) {

package/dist/components/Otp/OtpRoot.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { useEffect, useRef } from "react";
 import { OtpContext } from "./OtpContext";
 export function OtpRoot({ className, ...props }) {

package/dist/components/Progress/ProgressBar.jsx

@@ -1,6 +1,6 @@
 "use client";
 import { use } from "react";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { motion } from "framer-motion";
 import { ProgressContext } from "./ProgressContext";
 export function ProgressBar({ className, duration, children, ...p }) {

package/dist/components/Progress/ProgressRoot.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { ProgressContext } from "./ProgressContext";
 export function ProgressRoot({ value, maxValue = 100, className, ...p }) {
     return (<ProgressContext value={{ value, maxValue }}>

package/dist/components/Rating/RatingItems.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { StarIcon } from "lucide-react";
 import { use } from "react";
 import { RatingContext } from "./RatingContext";

package/dist/components/Rating/RatingRoot.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { useState } from "react";
 import { RatingContext } from "./RatingContext";
 export const RatingRoot = ({ className, ...p }) => {

package/dist/components/Sheet/SheetBody.jsx

@@ -1,6 +1,6 @@
 "use client";
 import { use } from "react";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { motion } from "framer-motion";
 import { SheetContext } from "./SheetContext";
 export function SheetBody({ className, ...props }) {

package/dist/components/Sheet/SheetContent.jsx

@@ -1,4 +1,4 @@
-import { cn } from "kadoui-utils";
+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}/>;
 }

package/dist/components/Sheet/SheetHeader.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { use } from "react";
 import { SheetContext } from "./SheetContext";
 export function SheetHeader({ className, children, ...props }) {

package/dist/components/Sheet/SheetPortal.jsx

@@ -1,6 +1,6 @@
 "use client";
 import { use } from "react";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { AnimatePresence, motion } from "framer-motion";
 import { Portal } from "../Portal/Portal";
 import { SheetContext } from "./SheetContext";

package/dist/components/ShowMore/ShowMoreContent.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { use } from "react";
 import { ShowMoreContext } from "./ShowMoreContext";
 export function ShowMoreContent({ children, className, ...props }) {

package/dist/components/ShowMore/ShowMoreFade.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { use } from "react";
 import { ShowMoreContext } from "./ShowMoreContext";
 export function ShowMoreFade({ className, ...p }) {

package/dist/components/ShowMore/ShowMoreRoot.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { useEffect, useRef, useState } from "react";
 import { ShowMoreContext } from "./ShowMoreContext";
 export function ShowMoreRoot({ maxLines, defaultExpanded = false, className, ...p }) {

package/dist/components/ShowMore/ShowMoreTrigger.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { use } from "react";
 import { ShowMoreContext } from "./ShowMoreContext";
 export function ShowMoreTrigger({ onClick, className, ...p }) {

package/dist/components/Slide/SlideContent.jsx

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

package/dist/components/Slide/SlideHeader.jsx

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

package/dist/components/Slide/SlidePortal.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { use } from "react";
 import { Portal } from "../Portal/Portal";
 import { SlideContext } from "./SlideContext";

package/dist/components/Spoiler/Spoiler.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { useState } from "react";
 export function Spoiler({ children, className }) {
     const [revealed, setRevealed] = useState(false);

package/dist/components/Steps/StepsControls.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { use } from "react";
 import { StepsContext } from "./StepsContext";
 export function StepsControls({ className, ...props }) {

package/dist/components/Tabs/TabsList.jsx

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

package/dist/components/Tabs/TabsPanel.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "kadoui-utils";
+import { cn } from "../../utils/cn";
 import { use } from "react";
 import { TabsContext } from "./TabsContext";
 export function TabsPanel({ value, className, ...props }) {

package/dist/components/Toast/ToastBox.jsx

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

package/dist/index.d.ts

@@ -26,4 +26,7 @@ export * from "./components/Swap/Swap";
 export * from "./components/Tabs/Tabs";
 export * from "./components/Toast/Toast";
 export * from "./components/Toggle/Toggle";
+export * from "./utils/browser";
+export * from "./utils/cn";
+export * from "./utils/form";
 //# 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":"AACA,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;AAG3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -1,3 +1,4 @@
+// Components
 export * from "./components/AccessNavigation/AccessNavigation";
 export * from "./components/Accordion/Accordion";
 export * from "./components/Affix/Affix";
@@ -26,3 +27,7 @@ export * from "./components/Swap/Swap";
 export * from "./components/Tabs/Tabs";
 export * from "./components/Toast/Toast";
 export * from "./components/Toggle/Toggle";
+// Utils
+export * from "./utils/browser";
+export * from "./utils/cn";
+export * from "./utils/form";

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kadoui/react",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Kadoui primitive components for React",
   "author": "Jstation",
   "license": "MIT",
@@ -21,7 +21,6 @@
     "component"
   ],
   "dependencies": {
-    "@kadoui/utils": "workspace:*",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "next": "15.4.5",
@@ -30,7 +29,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/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)