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

package/dist/components/anchors/anchors.d.ts

@@ -0,0 +1,16 @@
+import type { AnchorOptions } from "../../hooks/index.js";
+interface PropsType extends React.ComponentProps<"div"> {
+    name: string;
+}
+export declare const AnchorTarget: React.FC<PropsType>;
+export declare const AnchorContainer: React.FC<PropsType>;
+export declare const AnchorOffseter: React.FC<PropsType>;
+type TriggerProps = AnchorOptions & React.ComponentProps<"div"> & {};
+export declare const AnchorTrigger: React.FC<TriggerProps>;
+export declare const Anchors: {
+    Trigger: import("react").FC<TriggerProps>;
+    Target: import("react").FC<PropsType>;
+    Container: import("react").FC<PropsType>;
+    Offseter: import("react").FC<PropsType>;
+};
+export {};

package/dist/components/anchors/anchors.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAnchors } from "../../hooks/index.js";
+import { cn } from "../../utils/index.js";
+export const AnchorTarget = ({ children, className, name }) => {
+    const { registerAnchors } = useAnchors();
+    return (_jsx("div", { className: cn(className), ...registerAnchors(name), children: children }));
+};
+export const AnchorContainer = ({ children, className, name }) => {
+    const { registerContainers } = useAnchors();
+    return (_jsx("div", { className: cn(className), ...registerContainers(name), children: children }));
+};
+export const AnchorOffseter = ({ children, className, name }) => {
+    const { registerOffseters } = useAnchors();
+    return (_jsx("div", { className: cn(className), ...registerOffseters(name), children: children }));
+};
+export const AnchorTrigger = ({ children, className, ...options }) => {
+    const { scrollToAnchor } = useAnchors();
+    return (_jsx("div", { className: cn(className), onClick: () => scrollToAnchor(options), children: children }));
+};
+export const Anchors = {
+    Trigger: AnchorTrigger,
+    Target: AnchorTarget,
+    Container: AnchorContainer,
+    Offseter: AnchorOffseter
+};

package/dist/components/anchors/index.d.ts

@@ -0,0 +1 @@
+export * from "./anchors";

package/dist/components/anchors/index.js

@@ -0,0 +1 @@
+export * from "./anchors";

package/dist/components/index.d.ts

@@ -1,2 +1,2 @@
-export declare const test = "wade";
-export { default as TestComponent } from "./TestComponent";
+export * from "./anchors";
+export * from "./tests";

package/dist/components/index.js

@@ -1,2 +1,2 @@
-export const test = "wade";
-export { default as TestComponent } from "./TestComponent";
+export * from "./anchors";
+export * from "./tests";

package/dist/components/tests/index.d.ts

@@ -0,0 +1 @@
+export { default as Tests } from "./tests";

package/dist/components/tests/index.js

@@ -0,0 +1 @@
+export { default as Tests } from "./tests";

package/dist/components/tests/tests.d.ts

@@ -0,0 +1,4 @@
+export interface PropsTypes {
+}
+declare const Tests: React.FC<PropsTypes>;
+export default Tests;

package/dist/components/tests/tests.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "../../shadcns/components/ui/button";
+const Tests = () => {
+    return (_jsx(Button, { children: "test123133232" }));
+};
+Tests.displayName = "Tests";
+export default Tests;

package/dist/hooks/useAnchors.d.ts

@@ -1,4 +1,5 @@
-import { Easing } from "motion/react";
+import { animate } from "motion/react";
+import type { Easing } from "motion/react";
 export interface PropsTypes {
 }
 export interface AnimateOptions {
@@ -13,15 +14,16 @@ export interface AnchorOptions extends AnimateOptions {
     anchor: string;
     container?: string;
     offseters?: string | string[];
-    direction?: "x" | "y" | "xy";
+    direction?: "x" | "y";
     align?: "start" | "center" | "end";
     offset?: number;
 }
 export interface ScrollOptions extends AnimateOptions {
+    controllerKey: string;
     containerDom: HTMLElement | Window;
-    scrollValue: {
-        x: number;
-        y: number;
+    anchorScrollValue: {
+        left: number;
+        top: number;
     };
     containerScrollValue: {
         left: number;
@@ -29,6 +31,7 @@ export interface ScrollOptions extends AnimateOptions {
     };
     direction?: AnchorOptions["direction"];
 }
+export type AnimateController = ReturnType<typeof animate>;
 export declare function useAnchors(): {
     registerAnchors: typeof registerAnchors;
     registerContainers: typeof registerContainers;

package/dist/hooks/useAnchors.js

@@ -3,96 +3,102 @@
 // version: 0.0.1.bate
 // dev: wade
 import { useCallback, useMemo, useRef } from "react";
-import { animate, useMotionValue } from "motion/react";
+import { animate, motionValue } from "motion/react";
 import { create } from "zustand";
 export function useAnchors() {
-    const motionValue = useMotionValue(0);
-    const animateRef = useRef(null);
-    const scrollAnimations = useCallback(({ containerDom, scrollValue, containerScrollValue, direction = "y", duration = 0.5, delay = 0, ease = [0.215, 0.61, 0.355, 1.0], onScroll, onScrolled, onScrolling }) => {
+    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 }) => {
+        if (direction !== "y" && direction !== "x") {
+            console.error(`Scroll Direction isn't 'x' or 'y' `);
+            return;
+        }
         const { left: scrollLeft, top: scrollTop } = containerScrollValue;
-        const { x: scrollX, y: scrollY } = scrollValue;
+        const { left: anchorLeft, top: anchorTop } = anchorScrollValue;
         const isScrollX = direction === "x";
         const isScrollY = direction === "y";
-        const isBoth = direction === "xy";
-        const animationsOptions = {
-            duration,
-            ease,
-            delay,
-            onPlay: onScroll,
-            onUpdate: onUpdate,
-            onComplete: onScrolled,
-        };
-        if ((isBoth || isScrollX) && (scrollX !== scrollLeft)) {
-            motionValue.set(scrollLeft);
-            animateRef.current = animate(motionValue, scrollX, animationsOptions);
+        const startValue = isScrollX ? scrollLeft : scrollTop;
+        const endValue = isScrollX ? anchorLeft : anchorTop;
+        if (startValue == endValue) {
+            controllerRef.current.delete(controllerKey);
             return;
         }
-        if ((isBoth || isScrollY) && (scrollY !== scrollTop)) {
-            motionValue.set(scrollTop);
-            animateRef.current = animate(motionValue, scrollY, animationsOptions);
-            return;
-        }
-        function onUpdate(value) {
-            if (isScrollX)
-                containerDom.scrollTo({ left: value });
-            if (isScrollY)
-                containerDom.scrollTo({ top: value });
-            if (isBoth)
-                containerDom.scrollTo({ top: value, left: value });
+        const motionStartValue = motionValue(startValue);
+        const onUpdate = (value) => {
+            const left = isScrollX ? value : undefined;
+            const top = isScrollY ? value : undefined;
+            containerDom.scrollTo({ left, top });
             onScrolling?.(value);
-        }
+        };
+        const onComplete = () => {
+            controllerRef.current.delete(controllerKey);
+            onScrolled?.();
+        };
+        const options = { duration, ease, delay, onPlay, onUpdate, onComplete };
+        controllerRef.current.set(controllerKey, animate(motionStartValue, endValue, options));
     }, []);
     const scrollToAnchor = useCallback((anchorOptions) => {
-        if (animateRef.current)
-            animateRef.current?.stop();
         const { anchor: anchorName, container: containerName, offseters, align, offset = 0, ...options } = anchorOptions;
-        const isContainer = containerName && containerName !== "window";
         const stores = getAnchorsStores();
-        const containerDom = isContainer
+        const isScrolltoAnchor = anchorName !== "#";
+        const isScrollContainer = containerName && containerName !== "window";
+        const controllerKey = containerName ?? "window";
+        if (controllerRef.current.has(controllerKey)) {
+            controllerRef.current.get(controllerKey)?.stop();
+            controllerRef.current.delete(controllerKey);
+        }
+        const anchorDom = isScrolltoAnchor
+            ? stores.anchors.get(anchorName)
+            : undefined;
+        if (isScrolltoAnchor && !(anchorDom instanceof HTMLElement))
+            return;
+        const containerDom = isScrollContainer
             ? stores.containers.get(containerName)
             : window;
+        if (!containerDom)
+            return;
         const containerScrollValue = {
-            top: Math.round(isContainer
+            top: Math.round(isScrollContainer
                 ? containerDom.scrollTop
                 : containerDom.pageYOffset),
-            left: Math.round(isContainer
+            left: Math.round(isScrollContainer
                 ? containerDom.scrollLeft
-                : pageXOffset),
+                : pageXOffset)
+        };
+        const containerRect = isScrollContainer
+            ? containerDom.getBoundingClientRect()
+            : { top: 0, left: 0 };
+        const containerOffsetValue = {
+            left: containerScrollValue.left - (isScrollContainer ? containerRect.left : 0),
+            top: containerScrollValue.top - (isScrollContainer ? containerRect.top : 0)
         };
-        const offsetValue = Array.isArray(offseters)
+        const offsetsValue = Array.isArray(offseters)
             ? offseters.reduce((init, offseter) => {
-                const dom = stores.offseters.get(offseter);
-                const width = (init.width ?? 0) + (dom ? dom.clientWidth : 0);
-                const height = (init.height ?? 0) + (dom ? dom.clientHeight : 0);
+                const offseterDom = stores.offseters.get(offseter);
+                const width = (init.width ?? 0) + (offseterDom ? offseterDom.clientWidth : 0);
+                const height = (init.height ?? 0) + (offseterDom ? offseterDom.clientHeight : 0);
                 return { width, height };
             }, {})
             : { width: 0, height: 0 };
-        const scrollValue = {
-            x: 0 - offsetValue.width,
-            y: 0 - offsetValue.height
+        const offsetsSumValue = {
+            width: options.direction === "x" ? offsetsValue.width + offset : 0,
+            height: options.direction === "y" ? offsetsValue.height + offset : 0,
         };
-        const AnimationsOptions = {
-            containerDom, containerScrollValue, scrollValue, ...options
+        const anchorRect = anchorDom ? anchorDom.getBoundingClientRect() : { left: 0, top: 0 };
+        const anchorScrollValue = {
+            left: isScrolltoAnchor
+                ? Math.round(anchorRect.left + containerOffsetValue.left - offsetsSumValue.width)
+                : offsetsSumValue.width,
+            top: isScrolltoAnchor
+                ? Math.round(anchorRect.top + containerOffsetValue.top - offsetsSumValue.height)
+                : offsetsSumValue.height
         };
-        if (anchorName !== "#") {
-            const anchorDom = stores.anchors.get(anchorName);
-            if (!anchorDom)
-                return;
-            const anchorRect = anchorDom.getBoundingClientRect();
-            const containerRect = {
-                left: (isContainer ? containerDom.getBoundingClientRect().left : 0),
-                top: (isContainer ? containerDom.getBoundingClientRect().top : 0)
-            };
-            const offsets = {
-                x: offsetValue.width - offset,
-                y: offsetValue.height - offset
-            };
-            AnimationsOptions.scrollValue = {
-                x: Math.round(anchorRect.left + containerScrollValue.left - offsets.x - containerRect.left),
-                y: Math.round(anchorRect.top + containerScrollValue.top - offsets.y - containerRect.top),
-            };
-        }
-        scrollAnimations(AnimationsOptions);
+        scrollAnimations({
+            controllerKey,
+            containerDom,
+            containerScrollValue,
+            anchorScrollValue,
+            ...options
+        });
     }, []);
     const returnsMemo = useMemo(() => ({
         registerAnchors,
@@ -121,15 +127,15 @@ const ANCHOR_ATTRIBUTE = "data-anchor";
 const CONTAINER_ATTRIBUTE = "data-anchor-container";
 const OFFSETER_ATTRIBUTE = "data-anchor-offseter";
 export function registerAnchors(name) {
-    const register = (node) => registration({ key: "anchors", name, node });
+    const register = useCallback((node) => registration({ key: "anchors", name, node }), [name]);
     return { ref: register, [ANCHOR_ATTRIBUTE]: name };
 }
 export function registerContainers(name) {
-    const register = (node) => registration({ key: "containers", name, node });
+    const register = useCallback((node) => registration({ key: "containers", name, node }), [name]);
     return { ref: register, [CONTAINER_ATTRIBUTE]: name };
 }
 export function registerOffseters(name) {
-    const register = (node) => registration({ key: "offseters", name, node });
+    const register = useCallback((node) => registration({ key: "offseters", name, node }), [name]);
     return { ref: register, [OFFSETER_ATTRIBUTE]: name };
 }
 export const useAnchorsStores = create()(() => ({

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

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

@@ -0,0 +1,18 @@
+'use client';
+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';
+function Accordion({ ...props }) {
+    return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn('border-b last:border-b-0', className), ...props }));
+}
+function AccordionTrigger({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn('focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180', className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm", ...props, children: _jsx("div", { className: cn('pt-0 pb-4', className), children: children }) }));
+}
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

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

@@ -0,0 +1,39 @@
+'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';
+function AlertDialog({ ...props }) {
+    return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({ ...props }) {
+    return _jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({ ...props }) {
+    return _jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50', className), ...props }));
+}
+function AlertDialogContent({ className, ...props }) {
+    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg', className), ...props })] }));
+}
+function AlertDialogHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn('flex flex-col gap-2 text-center sm:text-left', className), ...props }));
+}
+function AlertDialogFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className), ...props }));
+}
+function AlertDialogTitle({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn('text-lg font-semibold', className), ...props }));
+}
+function AlertDialogDescription({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn('text-muted-foreground text-sm', className), ...props }));
+}
+function AlertDialogAction({ className, ...props }) {
+    return _jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props });
+}
+function AlertDialogCancel({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Cancel, { className: cn(buttonVariants({ variant: 'outline' }), className), ...props }));
+}
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

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

@@ -0,0 +1,9 @@
+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;
+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;
+export { Alert, AlertTitle, AlertDescription };

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils';
+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: {
+            default: 'bg-card text-card-foreground',
+            destructive: 'text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+function Alert({ className, variant, ...props }) {
+    return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+}
+function AlertTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-title", className: cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className), ...props }));
+}
+function AlertDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-description", className: cn('text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className), ...props }));
+}
+export { Alert, AlertTitle, AlertDescription };

package/dist/shadcns/components/ui/aspect-ratio.d.ts

@@ -0,0 +1,3 @@
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { AspectRatio };

package/dist/shadcns/components/ui/aspect-ratio.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+function AspectRatio({ ...props }) {
+    return _jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+}
+export { AspectRatio };

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback };

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

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { cn } from '../../lib/utils';
+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 }));
+}
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn('aspect-square size-full', className), ...props }));
+}
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn('bg-muted flex size-full items-center justify-center rounded-full', className), ...props }));
+}
+export { Avatar, AvatarImage, AvatarFallback };

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

@@ -0,0 +1,9 @@
+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;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

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

@@ -0,0 +1,22 @@
+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';
+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: {
+            default: 'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
+            secondary: 'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
+            destructive: 'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+            outline: 'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+function Badge({ className, variant, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'span';
+    return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props }));
+}
+export { Badge, badgeVariants };

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

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

@@ -0,0 +1,27 @@
+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';
+function Breadcrumb({ ...props }) {
+    return _jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+    return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn('text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5', className), ...props }));
+}
+function BreadcrumbItem({ className, ...props }) {
+    return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn('inline-flex items-center gap-1.5', className), ...props }));
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+    const Comp = asChild ? Slot : 'a';
+    return (_jsx(Comp, { "data-slot": "breadcrumb-link", className: cn('hover:text-foreground transition-colors', className), ...props }));
+}
+function BreadcrumbPage({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: cn('text-foreground font-normal', className), ...props }));
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+    return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn('[&>svg]:size-3.5', className), ...props, children: children ?? _jsx(ChevronRight, {}) }));
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+    return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn('flex size-9 items-center justify-center', className), ...props, children: [_jsx(MoreHorizontal, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
+}
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+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;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

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

@@ -0,0 +1,32 @@
+"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';
+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: {
+            default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
+            destructive: 'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+            outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
+            secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+            link: 'text-primary underline-offset-4 hover:underline',
+        },
+        size: {
+            default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+            sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+            lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+            icon: 'size-9',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+function Button({ className, variant, size, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'button';
+    return (_jsx(Comp, { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props }));
+}
+export { Button, buttonVariants };

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { DayButton, DayPicker } from 'react-day-picker';
+import { Button } from '../../../shadcns/components/ui/button';
+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;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };