@xwadex/fesd-next 0.3.4-7.7 → 0.3.4-7.9

package/dist/components/anchors/anchors.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useAnchors } from "../../hooks/index.js";
-import { cn } from "../../utils/index.js";
+import { cn } from "../../shadcns/index.js";
 export const AnchorTarget = ({ children, className, name }) => {
     const { registerAnchors } = useAnchors();
     return (_jsx("div", { className: cn(className), ...registerAnchors(name), children: children }));

package/dist/components/tests/tests.js

@@ -1,8 +1,10 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from "../../shadcns/components/ui/button";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../../shadcns/index.js";
+import { CarouselPrevious } from "../../shadcns/index.js";
+import { Carousel } from "../../shadcns/index.js";
 const Tests = () => {
-    return (_jsx(Button, { children: "test123133232" }));
+    return (_jsxs(_Fragment, { children: [_jsx(Carousel, { children: _jsx(CarouselPrevious, {}) }), _jsx(Button, { children: "test123133232" })] }));
 };
 Tests.displayName = "Tests";
 export default Tests;

package/dist/hooks/index.d.ts

@@ -7,5 +7,4 @@ export * from "./useMounted";
 export * from "./useEffectOne";
 export * from "./useEffectLeave";
 export * from "./useAnchors";
-export * from "./useIsMobile";
 export * from "./useHash";

package/dist/hooks/index.js

@@ -7,5 +7,4 @@ export * from "./useMounted";
 export * from "./useEffectOne";
 export * from "./useEffectLeave";
 export * from "./useAnchors";
-export * from "./useIsMobile";
 export * from "./useHash";

package/dist/hooks/useAnchors.d.ts

@@ -1,7 +1,6 @@
 import { animate } from "motion/react";
 import type { Easing } from "motion/react";
-export interface PropsTypes {
-}
+import { registerContainers } from "./useScrollContainers";
 export interface AnimateOptions {
     duration?: number;
     delay?: number;
@@ -34,9 +33,9 @@ export interface ScrollOptions extends AnimateOptions {
 export type AnimateController = ReturnType<typeof animate>;
 export declare function useAnchors(): {
     registerAnchors: typeof registerAnchors;
-    registerContainers: typeof registerContainers;
     registerOffseters: typeof registerOffseters;
-    setStores: (states: AnchorStoreStates) => void;
+    registerContainers: typeof registerContainers;
+    setStores: (options: AnchorStoreOptions) => void;
     getStores: () => AnchorsStores;
     scrollToAnchor: (anchorOptions: AnchorOptions) => void;
 };
@@ -50,22 +49,17 @@ export declare function registerAnchors(name: string): {
     ref: (node: HTMLDivElement | null) => void;
     "data-anchor": string;
 };
-export declare function registerContainers(name: string): {
-    ref: (node: HTMLDivElement | null) => void;
-    "data-anchor-container": string;
-};
 export declare function registerOffseters(name: string): {
     ref: (node: HTMLDivElement | null) => void;
     "data-anchor-offseter": string;
 };
 export interface AnchorsStores {
     anchors: Map<string, HTMLElement | null>;
-    containers: Map<string, HTMLElement | null>;
     offseters: Map<string, HTMLElement | null>;
 }
 export declare const useAnchorsStores: import("zustand").UseBoundStore<import("zustand").StoreApi<AnchorsStores>>;
 export declare const getAnchorsStores: () => AnchorsStores;
-export interface AnchorStoreStates extends RegistrationDatas {
+export interface AnchorStoreOptions extends RegistrationDatas {
     action: "add" | "remove";
 }
-export declare const setAnchorStore: (states: AnchorStoreStates) => void;
+export declare const setAnchorsStore: (options: AnchorStoreOptions) => void;

package/dist/hooks/useAnchors.js

@@ -1,10 +1,13 @@
 "use client";
-// update: 2025.10.30
-// version: 0.0.1.bate
+// update: 2025.11.07
+// version: 0.0.2.bate
 // dev: wade
 import { useCallback, useMemo, useRef } from "react";
 import { animate, motionValue } from "motion/react";
 import { create } from "zustand";
+import { getScrollContainersStores, registerContainers } from "./useScrollContainers";
+const ANCHOR_ATTRIBUTE = "data-anchor";
+const OFFSETER_ATTRIBUTE = "data-anchor-offseter";
 export function useAnchors() {
     const controllerRef = useRef(new Map());
     const scrollAnimations = useCallback(({ controllerKey, containerDom, anchorScrollValue, containerScrollValue, direction = "y", duration = 0.5, delay = 0, ease = [0.215, 0.61, 0.355, 1.0], onScroll: onPlay, onScrolled, onScrolling }) => {
@@ -38,7 +41,8 @@ export function useAnchors() {
     }, []);
     const scrollToAnchor = useCallback((anchorOptions) => {
         const { anchor: anchorName, container: containerName, offseters, align, offset = 0, ...options } = anchorOptions;
-        const stores = getAnchorsStores();
+        const anchorsStores = getAnchorsStores();
+        const scrollContainersStores = getScrollContainersStores();
         const isScrolltoAnchor = anchorName !== "#";
         const isScrollContainer = containerName && containerName !== "window";
         const controllerKey = containerName ?? "window";
@@ -47,12 +51,12 @@ export function useAnchors() {
             controllerRef.current.delete(controllerKey);
         }
         const anchorDom = isScrolltoAnchor
-            ? stores.anchors.get(anchorName)
+            ? anchorsStores.anchors.get(anchorName)
             : undefined;
         if (isScrolltoAnchor && !(anchorDom instanceof HTMLElement))
             return;
         const containerDom = isScrollContainer
-            ? stores.containers.get(containerName)
+            ? scrollContainersStores.containers.get(containerName)
             : window;
         if (!containerDom)
             return;
@@ -73,7 +77,7 @@ export function useAnchors() {
         };
         const offsetsValue = Array.isArray(offseters)
             ? offseters.reduce((init, offseter) => {
-                const offseterDom = stores.offseters.get(offseter);
+                const offseterDom = anchorsStores.offseters.get(offseter);
                 const width = (init.width ?? 0) + (offseterDom ? offseterDom.clientWidth : 0);
                 const height = (init.height ?? 0) + (offseterDom ? offseterDom.clientHeight : 0);
                 return { width, height };
@@ -102,9 +106,9 @@ export function useAnchors() {
     }, []);
     const returnsMemo = useMemo(() => ({
         registerAnchors,
-        registerContainers,
         registerOffseters,
-        setStores: setAnchorStore,
+        registerContainers: registerContainers,
+        setStores: setAnchorsStore,
         getStores: getAnchorsStores,
         scrollToAnchor
     }), [scrollToAnchor]);
@@ -117,54 +121,47 @@ export function registration({ name, key, node }) {
         console.error(`Cannot register ${key} name '#'`);
         return;
     }
-    if (node instanceof Window || node.tagName === "BODY" || node.tagName === "HTML") {
-        console.error(`Cannot register ${key} 'body' or 'html' `);
-        return;
-    }
-    setAnchorStore({ key, name, node, action: node ? "add" : "remove" });
+    setAnchorsStore({ key, name, node, action: node ? "add" : "remove" });
 }
-const ANCHOR_ATTRIBUTE = "data-anchor";
-const CONTAINER_ATTRIBUTE = "data-anchor-container";
-const OFFSETER_ATTRIBUTE = "data-anchor-offseter";
 export function registerAnchors(name) {
     const register = useCallback((node) => registration({ key: "anchors", name, node }), [name]);
     return { ref: register, [ANCHOR_ATTRIBUTE]: name };
 }
-export function registerContainers(name) {
-    const register = useCallback((node) => registration({ key: "containers", name, node }), [name]);
-    return { ref: register, [CONTAINER_ATTRIBUTE]: name };
-}
 export function registerOffseters(name) {
     const register = useCallback((node) => registration({ key: "offseters", name, node }), [name]);
     return { ref: register, [OFFSETER_ATTRIBUTE]: name };
 }
 export const useAnchorsStores = create()(() => ({
     anchors: new Map(),
-    containers: new Map(),
+    // containers: new Map(),
     offseters: new Map(),
 }));
 export const getAnchorsStores = () => useAnchorsStores.getState();
-export const setAnchorStore = (states) => {
-    const { key, action, name, node } = states;
+export const setAnchorsStore = (options) => {
+    const { key, action, name, node } = options;
     useAnchorsStores.setState(stores => {
         switch (key) {
             case "anchors":
-                if (action == "add" && node instanceof HTMLElement)
+                const anchorDom = stores.anchors?.get(name);
+                if (action == "add" && node instanceof HTMLElement) {
+                    if (anchorDom == node)
+                        return stores;
                     stores.anchors?.set(name, node);
-                if (action == "remove")
+                }
+                else if (action == "remove" && anchorDom) {
                     stores.anchors?.delete(name);
+                }
                 return { anchors: stores.anchors };
-            case "containers":
-                if (action == "add" && node instanceof HTMLElement)
-                    stores.containers?.set(name, node);
-                if (action == "remove")
-                    stores.containers?.delete(name);
-                return { containers: stores.containers };
             case "offseters":
-                if (action == "add" && node instanceof HTMLElement)
+                const offseterDom = stores.offseters?.get(name);
+                if (action == "add" && node instanceof HTMLElement) {
+                    if (offseterDom == node)
+                        return stores;
                     stores.offseters?.set(name, node);
-                if (action == "remove")
+                }
+                else if (action == "remove" && offseterDom) {
                     stores.offseters?.delete(name);
+                }
                 return { offseters: stores.offseters };
             default:
                 return stores;

package/dist/hooks/useScrollContainers.d.ts

@@ -0,0 +1,27 @@
+export interface UseScrollContainers {
+    container?: string;
+}
+export declare function useScrollContainers(options?: UseScrollContainers): {
+    container: HTMLElement | (Window & typeof globalThis);
+    setStores: (options: AnchorStoreOptions) => void;
+    getStores: () => ScrollContainersStores;
+    registerContainers: typeof registerContainers;
+};
+export declare function registration({ name, node }: RegistrationDatas): void;
+export declare function registerContainers(name: string): {
+    ref: (node: HTMLDivElement | null) => void;
+    "data-scroll-container": string;
+};
+export interface ScrollContainersStores {
+    containers: Map<string, HTMLElement | null>;
+}
+export declare const useScrollContainersStores: import("zustand").UseBoundStore<import("zustand").StoreApi<ScrollContainersStores>>;
+export declare const getScrollContainersStores: () => ScrollContainersStores;
+export interface RegistrationDatas {
+    name: string;
+    node: HTMLDivElement | null;
+}
+export interface AnchorStoreOptions extends RegistrationDatas {
+    action: "add" | "remove";
+}
+export declare const setScrollContainerStore: (options: AnchorStoreOptions) => void;

package/dist/hooks/useScrollContainers.js

@@ -0,0 +1,53 @@
+"use client";
+// update: 2025.11.07
+// version: 0.0.1.bate
+// dev: wade
+import { useCallback } from "react";
+import { create } from "zustand";
+const CONTAINER_ATTRIBUTE = "data-scroll-container";
+export function useScrollContainers(options) {
+    const { container: containerName } = options || {};
+    const stores = getScrollContainersStores();
+    const isScrollContainer = containerName && containerName !== "window";
+    const containerDom = isScrollContainer
+        ? stores.containers.get(containerName)
+        : window;
+    return {
+        container: containerDom,
+        setStores: setScrollContainerStore,
+        getStores: getScrollContainersStores,
+        registerContainers
+    };
+}
+export function registration({ name, node }) {
+    if (!node)
+        return;
+    if (node instanceof Window || node.tagName === "BODY" || node.tagName === "HTML") {
+        console.error(`Cannot register scroll container 'body' or 'html' `);
+        return;
+    }
+    setScrollContainerStore({ name, node, action: node ? "add" : "remove" });
+}
+export function registerContainers(name) {
+    const register = useCallback((node) => registration({ name, node }), [name]);
+    return { ref: register, [CONTAINER_ATTRIBUTE]: name };
+}
+export const useScrollContainersStores = create()(() => ({
+    containers: new Map(),
+}));
+export const getScrollContainersStores = () => useScrollContainersStores.getState();
+export const setScrollContainerStore = (options) => {
+    const { action, name, node } = options;
+    useScrollContainersStores.setState(stores => {
+        const containerDom = stores.containers?.get(name);
+        if (action == "add" && node instanceof HTMLElement) {
+            if (containerDom == node)
+                return stores;
+            stores.containers?.set(name, node);
+        }
+        else if (action == "remove" && containerDom) {
+            stores.containers?.delete(name);
+        }
+        return { containers: stores.containers };
+    });
+};

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./components";
 export * from "./hooks";
 export * from "./utils";
+export * from "./shadcns";
 export * from "./types";

package/dist/index.js

@@ -1,4 +1,5 @@
 export * from "./components";
 export * from "./hooks";
 export * from "./utils";
+export * from "./shadcns";
 export * from "./types";

package/dist/shadcns/components/ui/accordion.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDownIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Accordion({ ...props }) {
     return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
 }

package/dist/shadcns/components/ui/alert-dialog.js

@@ -1,8 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { cn } from '../../lib/utils';
-import { buttonVariants } from '../../components/ui/button';
+import { cn, buttonVariants } from '../../index.js';
 function AlertDialog({ ...props }) {
     return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }

package/dist/shadcns/components/ui/alert.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
 declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/shadcns/components/ui/alert.js

@@ -1,6 +1,7 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 const alertVariants = cva('relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current', {
     variants: {
         variant: {

package/dist/shadcns/components/ui/avatar.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Avatar({ className, ...props }) {
     return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", className: cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', className), ...props }));
 }

package/dist/shadcns/components/ui/badge.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
     variant?: "default" | "outline" | "destructive" | "secondary" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/shadcns/components/ui/badge.js

@@ -1,7 +1,8 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 const badgeVariants = cva('inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden', {
     variants: {
         variant: {

package/dist/shadcns/components/ui/breadcrumb.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
 import { ChevronRight, MoreHorizontal } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Breadcrumb({ ...props }) {
     return _jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }

package/dist/shadcns/components/ui/button.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
     variant?: "default" | "outline" | "link" | "destructive" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/shadcns/components/ui/button.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
     variants: {
         variant: {

package/dist/shadcns/components/ui/calendar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DayButton, DayPicker } from 'react-day-picker';
-import { Button } from '../../../shadcns/components/ui/button';
+import { Button } from '../../index.js';
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React.ComponentProps<typeof Button>['variant'];
 }): import("react/jsx-runtime").JSX.Element;

package/dist/shadcns/components/ui/calendar.js

@@ -3,8 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
 import { DayPicker, getDefaultClassNames } from 'react-day-picker';
-import { cn } from '../../lib/utils';
-import { Button, buttonVariants } from '../../../shadcns/components/ui/button';
+import { cn, Button, buttonVariants } from '../../index.js';
 function Calendar({ className, classNames, showOutsideDays = true, captionLayout = 'label', buttonVariant = 'ghost', formatters, components, ...props }) {
     const defaultClassNames = getDefaultClassNames();
     return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn('bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent', String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {

package/dist/shadcns/components/ui/card.js

@@ -1,5 +1,6 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Card({ className, ...props }) {
     return (_jsx("div", { "data-slot": "card", className: cn('bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm', className), ...props }));
 }

package/dist/shadcns/components/ui/carousel.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';
-import { Button } from '../../components/ui/button';
+import { Button } from '../../index.js';
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];

package/dist/shadcns/components/ui/carousel.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import useEmblaCarousel from 'embla-carousel-react';
 import { ArrowLeft, ArrowRight } from 'lucide-react';
-import { cn } from '../../lib/utils';
-import { Button } from '../../components/ui/button';
+import { cn } from '../../index.js';
+import { Button } from '../../index.js';
 const CarouselContext = React.createContext(null);
 function useCarousel() {
     const context = React.useContext(CarouselContext);

package/dist/shadcns/components/ui/chart.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 // Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = { light: '', dark: '.dark' };
 const ChartContext = React.createContext(null);

package/dist/shadcns/components/ui/checkbox.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { CheckIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Checkbox({ className, ...props }) {
     return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn('peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: _jsx(CheckIcon, { className: "size-3.5" }) }) }));
 }

package/dist/shadcns/components/ui/command.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Command as CommandPrimitive } from 'cmdk';
-import { Dialog } from '../../components/ui/dialog';
+import { Dialog } from '../../index.js';
 declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
 declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
     title?: string;

package/dist/shadcns/components/ui/command.js

@@ -2,8 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Command as CommandPrimitive } from 'cmdk';
 import { SearchIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from '../../components/ui/dialog';
+import { cn, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from '../../index.js';
 function Command({ className, ...props }) {
     return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn('bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md', className), ...props }));
 }

package/dist/shadcns/components/ui/context-menu.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function ContextMenu({ ...props }) {
     return _jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }

package/dist/shadcns/components/ui/dialog.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Dialog({ ...props }) {
     return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }

package/dist/shadcns/components/ui/drawer.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Drawer as DrawerPrimitive } from 'vaul';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Drawer({ ...props }) {
     return _jsx(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
 }

package/dist/shadcns/components/ui/dropdown-menu.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function DropdownMenu({ ...props }) {
     return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }

package/dist/shadcns/components/ui/form.js

@@ -3,8 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { Controller, FormProvider, useFormContext, useFormState, } from 'react-hook-form';
-import { cn } from '../../lib/utils';
-import { Label } from '../../components/ui/label';
+import { cn, Label } from '../../index.js';
 const Form = FormProvider;
 const FormFieldContext = React.createContext({});
 const FormField = ({ ...props }) => {

package/dist/shadcns/components/ui/hover-card.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function HoverCard({ ...props }) {
     return _jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }

package/dist/shadcns/components/ui/input-otp.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { OTPInput, OTPInputContext } from 'input-otp';
 import { MinusIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function InputOTP({ className, containerClassName, ...props }) {
     return (_jsx(OTPInput, { "data-slot": "input-otp", containerClassName: cn('flex items-center gap-2 has-disabled:opacity-50', containerClassName), className: cn('disabled:cursor-not-allowed', className), ...props }));
 }

package/dist/shadcns/components/ui/input.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Input({ className, type, ...props }) {
     return (_jsx("input", { type: type, "data-slot": "input", className: cn('file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]', 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive', className), ...props }));
 }

package/dist/shadcns/components/ui/label.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Label({ className, ...props }) {
     return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn('flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50', className), ...props }));
 }

package/dist/shadcns/components/ui/menubar.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Menubar({ className, ...props }) {
     return (_jsx(MenubarPrimitive.Root, { "data-slot": "menubar", className: cn('bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs', className), ...props }));
 }

package/dist/shadcns/components/ui/navigation-menu.d.ts

@@ -5,7 +5,7 @@ declare function NavigationMenu({ className, children, viewport, ...props }: Rea
 }): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;

package/dist/shadcns/components/ui/navigation-menu.js

@@ -1,8 +1,9 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { cva } from 'class-variance-authority';
 import { ChevronDownIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function NavigationMenu({ className, children, viewport = true, ...props }) {
     return (_jsxs(NavigationMenuPrimitive.Root, { "data-slot": "navigation-menu", "data-viewport": viewport, className: cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', className), ...props, children: [children, viewport && _jsx(NavigationMenuViewport, {})] }));
 }

package/dist/shadcns/components/ui/pagination.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Button } from '../../components/ui/button';
+import { Button } from '../../index.js';
 declare function Pagination({ className, ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
 declare function PaginationContent({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
 declare function PaginationItem({ ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;

package/dist/shadcns/components/ui/pagination.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
-import { buttonVariants } from '../../components/ui/button';
+import { cn, buttonVariants } from '../../index.js';
 function Pagination({ className, ...props }) {
     return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn('mx-auto flex w-full justify-center', className), ...props }));
 }

package/dist/shadcns/components/ui/popover.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Popover({ ...props }) {
     return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }

package/dist/shadcns/components/ui/progress.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as ProgressPrimitive from '@radix-ui/react-progress';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Progress({ className, value, ...props }) {
     return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", className: cn('bg-primary/20 relative h-2 w-full overflow-hidden rounded-full', className), ...props, children: _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: "bg-primary h-full w-full flex-1 transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));
 }

package/dist/shadcns/components/ui/radio-group.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { CircleIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function RadioGroup({ className, ...props }) {
     return (_jsx(RadioGroupPrimitive.Root, { "data-slot": "radio-group", className: cn('grid gap-3', className), ...props }));
 }

package/dist/shadcns/components/ui/resizable.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { GripVerticalIcon } from 'lucide-react';
 import * as ResizablePrimitive from 'react-resizable-panels';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function ResizablePanelGroup({ className, ...props }) {
     return (_jsx(ResizablePrimitive.PanelGroup, { "data-slot": "resizable-panel-group", className: cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className), ...props }));
 }

package/dist/shadcns/components/ui/scroll-area.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function ScrollArea({ className, children, ...props }) {
     return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn('relative', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
 }

package/dist/shadcns/components/ui/select.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Select({ ...props }) {
     return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }

package/dist/shadcns/components/ui/separator.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Separator({ className, orientation = 'horizontal', decorative = true, ...props }) {
     return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn('bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px', className), ...props }));
 }

package/dist/shadcns/components/ui/sheet.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Sheet({ ...props }) {
     return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }

package/dist/shadcns/components/ui/sidebar.d.ts

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { Button } from '../../components/ui/button';
-import { Input } from '../../components/ui/input';
-import { Separator } from '../../components/ui/separator';
-import { TooltipContent } from '../../components/ui/tooltip';
+import { Button, Input, Separator, TooltipContent } from '../../index.js';
 type SidebarContextProps = {
     state: 'expanded' | 'collapsed';
     open: boolean;
@@ -45,7 +42,7 @@ declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<'button'> & {
     asChild?: boolean;
     isActive?: boolean;

package/dist/shadcns/components/ui/sidebar.js

@@ -4,14 +4,7 @@ import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { PanelLeftIcon } from 'lucide-react';
-import { useIsMobile } from '../../hooks/use-mobile';
-import { cn } from '../../lib/utils';
-import { Button } from '../../components/ui/button';
-import { Input } from '../../components/ui/input';
-import { Separator } from '../../components/ui/separator';
-import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from '../../components/ui/sheet';
-import { Skeleton } from '../../components/ui/skeleton';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from '../../components/ui/tooltip';
+import { cn, useIsMobile, Button, Input, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Skeleton } from '../../index.js';
 const SIDEBAR_COOKIE_NAME = 'sidebar_state';
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 const SIDEBAR_WIDTH = '16rem';

package/dist/shadcns/components/ui/skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Skeleton({ className, ...props }) {
     return (_jsx("div", { "data-slot": "skeleton", className: cn('bg-accent animate-pulse rounded-md', className), ...props }));
 }

package/dist/shadcns/components/ui/slider.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import * as SliderPrimitive from '@radix-ui/react-slider';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
     const _values = React.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max], [value, defaultValue, min, max]);
     return (_jsxs(SliderPrimitive.Root, { "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, className: cn('relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col', className), ...props, children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: cn('bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5'), children: _jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: cn('bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full') }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50" }, index)))] }));

package/dist/shadcns/components/ui/switch.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as SwitchPrimitive from '@radix-ui/react-switch';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Switch({ className, ...props }) {
     return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn('peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn('bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0') }) }));
 }

package/dist/shadcns/components/ui/table.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Table({ className, ...props }) {
     return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsx("table", { "data-slot": "table", className: cn('w-full caption-bottom text-sm', className), ...props }) }));
 }

package/dist/shadcns/components/ui/tabs.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Tabs({ className, ...props }) {
     return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn('flex flex-col gap-2', className), ...props }));
 }

package/dist/shadcns/components/ui/textarea.js

@@ -1,5 +1,6 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function Textarea({ className, ...props }) {
     return (_jsx("textarea", { "data-slot": "textarea", className: cn('border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className), ...props }));
 }

package/dist/shadcns/components/ui/toggle-group.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { type VariantProps } from 'class-variance-authority';
-import { toggleVariants } from '../../components/ui/toggle';
+import { toggleVariants } from '../../index.js';
 declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
 declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
 export { ToggleGroup, ToggleGroupItem };

package/dist/shadcns/components/ui/toggle-group.js

@@ -2,8 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import { cn } from '../../lib/utils';
-import { toggleVariants } from '../../components/ui/toggle';
+import { cn, toggleVariants } from '../../index.js';
 const ToggleGroupContext = React.createContext({
     size: 'default',
     variant: 'default',

package/dist/shadcns/components/ui/toggle.d.ts

@@ -4,6 +4,6 @@ import { type VariantProps } from 'class-variance-authority';
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
 export { Toggle, toggleVariants };

package/dist/shadcns/components/ui/toggle.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
     variants: {
         variant: {

package/dist/shadcns/components/ui/tooltip.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { cn } from '../../lib/utils';
+import { cn } from '../../index.js';
 function TooltipProvider({ delayDuration = 0, ...props }) {
     return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
 }

package/dist/shadcns/index.d.ts

@@ -0,0 +1,48 @@
+export * from "./components/ui/accordion";
+export * from "./components/ui/alert-dialog";
+export * from "./components/ui/alert";
+export * from "./components/ui/aspect-ratio";
+export * from "./components/ui/avatar";
+export * from "./components/ui/badge";
+export * from "./components/ui/breadcrumb";
+export * from "./components/ui/button";
+export * from "./components/ui/calendar";
+export * from "./components/ui/card";
+export * from "./components/ui/carousel";
+export * from "./components/ui/chart";
+export * from "./components/ui/checkbox";
+export * from "./components/ui/collapsible";
+export * from "./components/ui/command";
+export * from "./components/ui/context-menu";
+export * from "./components/ui/dialog";
+export * from "./components/ui/drawer";
+export * from "./components/ui/dropdown-menu";
+export * from "./components/ui/form";
+export * from "./components/ui/hover-card";
+export * from "./components/ui/input-otp";
+export * from "./components/ui/input";
+export * from "./components/ui/label";
+export * from "./components/ui/menubar";
+export * from "./components/ui/navigation-menu";
+export * from "./components/ui/pagination";
+export * from "./components/ui/popover";
+export * from "./components/ui/progress";
+export * from "./components/ui/radio-group";
+export * from "./components/ui/resizable";
+export * from "./components/ui/scroll-area";
+export * from "./components/ui/select";
+export * from "./components/ui/separator";
+export * from "./components/ui/sheet";
+export * from "./components/ui/sidebar";
+export * from "./components/ui/skeleton";
+export * from "./components/ui/slider";
+export * from "./components/ui/sonner";
+export * from "./components/ui/switch";
+export * from "./components/ui/tabs";
+export * from "./components/ui/table";
+export * from "./components/ui/textarea";
+export * from "./components/ui/toggle-group";
+export * from "./components/ui/toggle";
+export * from "./components/ui/tooltip";
+export * from "./hooks/use-mobile";
+export * from "./lib/utils";

package/dist/shadcns/index.js

@@ -0,0 +1,48 @@
+export * from "./components/ui/accordion";
+export * from "./components/ui/alert-dialog";
+export * from "./components/ui/alert";
+export * from "./components/ui/aspect-ratio";
+export * from "./components/ui/avatar";
+export * from "./components/ui/badge";
+export * from "./components/ui/breadcrumb";
+export * from "./components/ui/button";
+export * from "./components/ui/calendar";
+export * from "./components/ui/card";
+export * from "./components/ui/carousel";
+export * from "./components/ui/chart";
+export * from "./components/ui/checkbox";
+export * from "./components/ui/collapsible";
+export * from "./components/ui/command";
+export * from "./components/ui/context-menu";
+export * from "./components/ui/dialog";
+export * from "./components/ui/drawer";
+export * from "./components/ui/dropdown-menu";
+export * from "./components/ui/form";
+export * from "./components/ui/hover-card";
+export * from "./components/ui/input-otp";
+export * from "./components/ui/input";
+export * from "./components/ui/label";
+export * from "./components/ui/menubar";
+export * from "./components/ui/navigation-menu";
+export * from "./components/ui/pagination";
+export * from "./components/ui/popover";
+export * from "./components/ui/progress";
+export * from "./components/ui/radio-group";
+export * from "./components/ui/resizable";
+export * from "./components/ui/scroll-area";
+export * from "./components/ui/select";
+export * from "./components/ui/separator";
+export * from "./components/ui/sheet";
+export * from "./components/ui/sidebar";
+export * from "./components/ui/skeleton";
+export * from "./components/ui/slider";
+export * from "./components/ui/sonner";
+export * from "./components/ui/switch";
+export * from "./components/ui/tabs";
+export * from "./components/ui/table";
+export * from "./components/ui/textarea";
+export * from "./components/ui/toggle-group";
+export * from "./components/ui/toggle";
+export * from "./components/ui/tooltip";
+export * from "./hooks/use-mobile";
+export * from "./lib/utils";

package/dist/types/shadcns.type.d.ts

@@ -1,4 +1,3 @@
-export { ComponentProps } from 'react';
 export type ShadcnBaseProps<P extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>> = {
     as?: React.ElementType;
 } & React.ComponentProps<P>;

package/dist/types/shadcns.type.js

@@ -1 +1,2 @@
+// type AsPropsToOmit = "as" | "ref"
 export {};

package/dist/utils/index.d.ts

@@ -1,5 +1,3 @@
-import { ClassValue } from "clsx";
-export declare function cn(...inputs: ClassValue[]): string;
 export declare const regexParse: (regexString: string, flags?: string) => RegExp | String;
 export declare const regexReplaceEach: (currentValue: string, replace: {
     pattern: string;

package/dist/utils/index.js

@@ -1,9 +1,4 @@
 import { lock, clearBodyLocks } from "tua-body-scroll-lock";
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-export function cn(...inputs) {
-    return twMerge(clsx(...inputs));
-}
 export const regexParse = (regexString, flags) => {
     const regex = regexString.replace(/\\\\/g, "\\");
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xwadex/fesd-next",
-	"version": "0.3.4-7.7",
+	"version": "0.3.4-7.9",
 	"private": false,
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -14,16 +14,8 @@
 			"types": "./dist/components/index.d.ts"
 		},
 		"./shadcns": {
-			"import": "./dist/shadcns/*",
-			"types": "./dist/shadcns/*"
-		},
-		"./shadcns/hooks": {
-			"import": "./dist/shadcns/hooks/*",
-			"types": "./dist/shadcns/hooks/*"
-		},
-		"./shadcns/lib": {
-			"import": "./dist/shadcns/lib/*",
-			"types": "./dist/shadcns/lib/*"
+			"import": "./dist/shadcns/index.js",
+			"types": "./dist/shadcns/index.d.ts"
 		},
 		"./hooks": {
 			"import": "./dist/hooks/index.js",

package/dist/hooks/useIsMobile.d.ts

@@ -1 +0,0 @@
-export declare function useIsMobile(): boolean;

package/dist/hooks/useIsMobile.js

@@ -1,16 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-const MOBILE_BREAKPOINT = 768;
-export function useIsMobile() {
-    const [isMobile, setIsMobile] = useState(undefined);
-    useEffect(() => {
-        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-        const onChange = () => {
-            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-        };
-        mql.addEventListener("change", onChange);
-        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-        return () => mql.removeEventListener("change", onChange);
-    }, []);
-    return !!isMobile;
-}