@cellarnode/ui 0.1.0

package/dist/chat/use-chat.js

@@ -0,0 +1,280 @@
+import { useEffect, useCallback, useState, useRef, useMemo } from "react";
+import { useInfiniteQuery, useQueryClient, useMutation, infiniteQueryOptions, } from "@tanstack/react-query";
+function dedupeMessages(messages) {
+    const seenIds = new Set();
+    const seenClientIds = new Set();
+    return messages.filter((message) => {
+        const clientMessageId = message.metadata?.clientMessageId;
+        if (seenIds.has(message.id))
+            return false;
+        if (clientMessageId && seenClientIds.has(clientMessageId))
+            return false;
+        seenIds.add(message.id);
+        if (clientMessageId)
+            seenClientIds.add(clientMessageId);
+        return true;
+    });
+}
+/** Add orgId to readBy of all messages in the cache (optimistic update) */
+function addOrgToReadBy(old, orgId) {
+    if (!old || typeof old !== "object")
+        return old;
+    const existing = old;
+    return {
+        ...existing,
+        pages: existing.pages.map((page) => ({
+            ...page,
+            data: page.data.map((msg) => {
+                if (msg.readBy?.includes(orgId))
+                    return msg;
+                return { ...msg, readBy: [...(msg.readBy ?? []), orgId] };
+            }),
+        })),
+    };
+}
+function chatMessagesQueryOptions(roomId, chatApi) {
+    return infiniteQueryOptions({
+        queryKey: ["chat", "messages", roomId],
+        queryFn: ({ pageParam }) => chatApi.getMessages(roomId, pageParam),
+        initialPageParam: undefined,
+        getNextPageParam: (lastPage) => lastPage.pagination.hasMore ? lastPage.pagination.nextCursor : undefined,
+        enabled: !!roomId,
+    });
+}
+export function useChat(roomId, currentOrgId, panelActive = true, options) {
+    const { chatApi, chatWs } = options;
+    const qc = useQueryClient();
+    const [isConnected, setIsConnected] = useState(false);
+    const [isTyping, setIsTyping] = useState(false);
+    const typingTimer = useRef(undefined);
+    const pollingTimer = useRef(undefined);
+    const typingSentAt = useRef(0);
+    const panelActiveRef = useRef(panelActive);
+    useEffect(() => {
+        panelActiveRef.current = panelActive;
+    }, [panelActive]);
+    const messagesQuery = useInfiniteQuery({
+        ...chatMessagesQueryOptions(roomId ?? "", chatApi),
+        enabled: !!roomId,
+    });
+    // Flatten pages into chronological messages (oldest first)
+    const messages = useMemo(() => messagesQuery.data?.pages
+        .flatMap((page) => page.data)
+        .reverse()
+        .filter((message) => !message.metadata?.hiddenFromTimeline) ?? [], [messagesQuery.data?.pages]);
+    // WebSocket connection and room subscription
+    useEffect(() => {
+        if (!roomId)
+            return;
+        const unsubConnection = chatWs.onConnectionChange((connected) => {
+            setIsConnected(connected);
+        });
+        const unsubMessage = chatWs.onMessage((msgRoomId, data) => {
+            if (msgRoomId !== roomId)
+                return;
+            const msg = data;
+            // If chat is open and message is from the other org, mark it read immediately
+            if (panelActiveRef.current &&
+                currentOrgId &&
+                msg.senderOrgId !== currentOrgId) {
+                // Optimistically add our orgId to readBy in the incoming message
+                if (!msg.readBy?.includes(currentOrgId)) {
+                    msg.readBy = [...(msg.readBy ?? []), currentOrgId];
+                }
+                // Persist read status
+                if (chatWs.isConnected) {
+                    chatWs.sendMarkRead(roomId, msg.id);
+                }
+                else {
+                    chatApi.markRead(roomId, msg.id).catch(() => { });
+                }
+            }
+            // Append incoming message to query cache
+            qc.setQueryData(["chat", "messages", roomId], (old) => {
+                if (!old || typeof old !== "object")
+                    return old;
+                const existing = old;
+                const firstPage = existing.pages[0];
+                if (!firstPage)
+                    return existing;
+                const merged = dedupeMessages([msg, ...firstPage.data]);
+                return {
+                    ...existing,
+                    pages: [
+                        { ...firstPage, data: merged },
+                        ...existing.pages.slice(1),
+                    ],
+                };
+            });
+        });
+        const unsubTyping = chatWs.onTyping((typingRoomId, senderOrgId) => {
+            if (typingRoomId !== roomId)
+                return;
+            if (senderOrgId === currentOrgId)
+                return;
+            setIsTyping(true);
+            clearTimeout(typingTimer.current);
+            typingTimer.current = setTimeout(() => setIsTyping(false), 3000);
+        });
+        // Listen for read events from other party
+        const unsubRead = chatWs.onRead((readRoomId, data) => {
+            if (readRoomId !== roomId || data.orgId === currentOrgId)
+                return;
+            qc.setQueryData(["chat", "messages", roomId], (old) => addOrgToReadBy(old, data.orgId));
+        });
+        void chatWs.connect();
+        chatWs.subscribe(roomId);
+        return () => {
+            chatWs.unsubscribe(roomId);
+            unsubConnection();
+            unsubMessage();
+            unsubTyping();
+            unsubRead();
+            clearTimeout(typingTimer.current);
+        };
+    }, [currentOrgId, roomId, qc, chatWs, chatApi]);
+    // Fallback: poll via REST if WebSocket fails
+    useEffect(() => {
+        if (!roomId)
+            return;
+        if (chatWs.hasFailed) {
+            pollingTimer.current = setInterval(() => {
+                void qc.invalidateQueries({ queryKey: ["chat", "messages", roomId] });
+            }, 5_000);
+        }
+        return () => {
+            clearInterval(pollingTimer.current);
+        };
+    }, [roomId, isConnected, qc, chatWs]);
+    const sendMessageMutation = useMutation({
+        mutationFn: async (content) => {
+            if (!roomId)
+                throw new Error("No room");
+            const clientMessageId = typeof crypto !== "undefined" && "randomUUID" in crypto
+                ? crypto.randomUUID()
+                : `client-${Date.now()}`;
+            const optimisticMessage = {
+                id: `optimistic:${clientMessageId}`,
+                roomId,
+                senderOrgId: currentOrgId ?? "unknown",
+                senderUserId: null,
+                content,
+                messageType: "text",
+                metadata: { clientMessageId, optimistic: true },
+                readBy: [],
+                createdAt: new Date().toISOString(),
+            };
+            qc.setQueryData(["chat", "messages", roomId], (old) => {
+                if (!old || typeof old !== "object")
+                    return old;
+                const existing = old;
+                const firstPage = existing.pages[0];
+                if (!firstPage)
+                    return existing;
+                return {
+                    ...existing,
+                    pages: [
+                        {
+                            ...firstPage,
+                            data: dedupeMessages([optimisticMessage, ...firstPage.data]),
+                        },
+                        ...existing.pages.slice(1),
+                    ],
+                };
+            });
+            const message = await chatApi.sendMessage(roomId, content, "text", {
+                clientMessageId,
+            });
+            return { message, clientMessageId };
+        },
+        onSuccess: ({ message, clientMessageId }) => {
+            if (!roomId)
+                return;
+            qc.setQueryData(["chat", "messages", roomId], (old) => {
+                if (!old || typeof old !== "object")
+                    return old;
+                const existing = old;
+                const firstPage = existing.pages[0];
+                if (!firstPage)
+                    return existing;
+                const cleaned = firstPage.data.filter((item) => item.id !== `optimistic:${clientMessageId}` &&
+                    item.metadata?.clientMessageId !== clientMessageId);
+                return {
+                    ...existing,
+                    pages: [
+                        {
+                            ...firstPage,
+                            data: dedupeMessages([message, ...cleaned]),
+                        },
+                        ...existing.pages.slice(1),
+                    ],
+                };
+            });
+        },
+        onError: () => {
+            if (!roomId)
+                return;
+            void qc.invalidateQueries({ queryKey: ["chat", "messages", roomId] });
+        },
+    });
+    const sendMessage = useCallback((content) => {
+        sendMessageMutation.mutate(content);
+    }, [sendMessageMutation]);
+    // Compute unread count from readBy (survives refresh)
+    const unreadCount = useMemo(() => {
+        if (panelActive)
+            return 0;
+        if (!currentOrgId)
+            return 0;
+        return messages.filter((m) => m.senderOrgId !== currentOrgId &&
+            !m.id.startsWith("optimistic:") &&
+            !m.readBy?.includes(currentOrgId)).length;
+    }, [messages, currentOrgId, panelActive]);
+    // Mark all messages read when chat panel opens
+    const prevPanelActiveRef = useRef(panelActive);
+    useEffect(() => {
+        const wasActive = prevPanelActiveRef.current;
+        prevPanelActiveRef.current = panelActive;
+        if (panelActive && !wasActive && roomId && currentOrgId) {
+            // Optimistically update cache
+            qc.setQueryData(["chat", "messages", roomId], (old) => addOrgToReadBy(old, currentOrgId));
+            // Persist via WS or REST fallback
+            if (chatWs.isConnected) {
+                chatWs.sendMarkReadAll(roomId);
+            }
+            else {
+                chatApi.markReadBulk(roomId).catch(() => {
+                    void qc.invalidateQueries({ queryKey: ["chat", "messages", roomId] });
+                });
+            }
+        }
+    }, [panelActive, roomId, currentOrgId, qc, chatWs, chatApi]);
+    // Re-mark all read on WS reconnect while panel is open
+    useEffect(() => {
+        if (isConnected && panelActive && roomId) {
+            chatWs.sendMarkReadAll(roomId);
+        }
+    }, [isConnected, panelActive, roomId, chatWs]);
+    const sendTyping = useCallback(() => {
+        if (roomId && chatWs.isConnected) {
+            const now = Date.now();
+            if (now - typingSentAt.current < 1500)
+                return;
+            typingSentAt.current = now;
+            chatWs.sendTyping(roomId);
+        }
+    }, [roomId, chatWs]);
+    return {
+        messages,
+        sendMessage,
+        sendTyping,
+        isConnected,
+        isTyping,
+        isLoading: messagesQuery.isLoading,
+        hasMore: messagesQuery.hasNextPage ?? false,
+        loadMore: messagesQuery.fetchNextPage,
+        isSending: sendMessageMutation.isPending,
+        unreadCount,
+    };
+}
+//# sourceMappingURL=use-chat.js.map

package/dist/chat/use-chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chat.js","sourceRoot":"","sources":["../../src/chat/use-chat.ts"],"names":[],"mappings":"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"}

package/dist/components/accordion.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { Accordion as AccordionPrimitive } from "radix-ui";
+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 };
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAI1D,iBAAS,SAAS,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQtD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAgBzD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUzD;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/accordion.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+import { Accordion as AccordionPrimitive } from "radix-ui";
+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("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:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" })] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", ...props, children: _jsx("div", { className: cn("pt-0 pb-4", className), children: children }) }));
+}
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAE1D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,SAAS,SAAS,CAAC,EACjB,GAAG,KAAK,EAC6C;IACrD,OAAO,KAAC,kBAAkB,CAAC,IAAI,iBAAW,WAAW,KAAK,KAAK,GAAI,CAAA;AACrE,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EAC6C;IACrD,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,iBACZ,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACgD;IACxD,OAAO,CACL,KAAC,kBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,YACzC,MAAC,kBAAkB,CAAC,OAAO,iBACf,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CACX,4SAA4S,EAC5S,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,KAAC,eAAe,IAAC,SAAS,EAAC,6GAA6G,GAAG,IAChH,GACH,CAC7B,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACgD;IACxD,OAAO,CACL,KAAC,kBAAkB,CAAC,OAAO,iBACf,mBAAmB,EAC7B,SAAS,EAAC,2GAA2G,KACjH,KAAK,YAET,cAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,GACjC,CAC9B,CAAA;AACH,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/alert.d.ts

@@ -0,0 +1,29 @@
+import * as Headless from '@headlessui/react';
+import type React from 'react';
+import { Text } from './text';
+declare const sizes: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+};
+export declare function Alert({ size, className, children, ...props }: {
+    size?: keyof typeof sizes;
+    className?: string;
+    children: React.ReactNode;
+} & Omit<Headless.DialogProps, 'as' | 'className'>): import("react/jsx-runtime").JSX.Element;
+export declare function AlertTitle({ className, ...props }: {
+    className?: string;
+} & Omit<Headless.DialogTitleProps, 'as' | 'className'>): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDescription({ className, ...props }: {
+    className?: string;
+} & Omit<Headless.DescriptionProps<typeof Text>, 'as' | 'className'>): import("react/jsx-runtime").JSX.Element;
+export declare function AlertBody({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function AlertActions({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAE7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,QAAA,MAAM,KAAK;;;;;;;;;;CAUV,CAAA;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,IAAI,CACpF,QAAQ,CAAC,WAAW,EACpB,IAAI,GAAG,WAAW,CACnB,2CAyBA;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,GAAG,WAAW,CAAC,2CAU9E;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC,2CAQ3F;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAEvF;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAU1F"}

package/dist/components/alert.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Headless from '@headlessui/react';
+import clsx from 'clsx';
+import { Text } from './text';
+const sizes = {
+    xs: 'sm:max-w-xs',
+    sm: 'sm:max-w-sm',
+    md: 'sm:max-w-md',
+    lg: 'sm:max-w-lg',
+    xl: 'sm:max-w-xl',
+    '2xl': 'sm:max-w-2xl',
+    '3xl': 'sm:max-w-3xl',
+    '4xl': 'sm:max-w-4xl',
+    '5xl': 'sm:max-w-5xl',
+};
+export function Alert({ size = 'md', className, children, ...props }) {
+    return (_jsxs(Headless.Dialog, { ...props, children: [_jsx(Headless.DialogBackdrop, { transition: true, className: "fixed inset-0 flex w-screen justify-center overflow-y-auto bg-zinc-950/15 px-2 py-2 transition duration-100 focus:outline-0 data-closed:opacity-0 data-enter:ease-out data-leave:ease-in sm:px-6 sm:py-8 lg:px-8 lg:py-16 dark:bg-zinc-950/50" }), _jsx("div", { className: "fixed inset-0 w-screen overflow-y-auto pt-6 sm:pt-0", children: _jsx("div", { className: "grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center p-8 sm:grid-rows-[1fr_auto_3fr] sm:p-4", children: _jsx(Headless.DialogPanel, { transition: true, className: clsx(className, sizes[size], 'row-start-2 w-full rounded-2xl bg-white p-8 shadow-lg ring-1 ring-zinc-950/10 sm:rounded-2xl sm:p-6 dark:bg-zinc-900 dark:ring-white/10 forced-colors:outline', 'transition duration-100 will-change-transform data-closed:opacity-0 data-enter:ease-out data-closed:data-enter:scale-95 data-leave:ease-in'), children: children }) }) })] }));
+}
+export function AlertTitle({ className, ...props }) {
+    return (_jsx(Headless.DialogTitle, { ...props, className: clsx(className, 'text-center text-base/6 font-semibold text-balance text-zinc-950 sm:text-left sm:text-sm/6 sm:text-wrap dark:text-white') }));
+}
+export function AlertDescription({ className, ...props }) {
+    return (_jsx(Headless.Description, { as: Text, ...props, className: clsx(className, 'mt-2 text-center text-pretty sm:text-left') }));
+}
+export function AlertBody({ className, ...props }) {
+    return _jsx("div", { ...props, className: clsx(className, 'mt-4') });
+}
+export function AlertActions({ className, ...props }) {
+    return (_jsx("div", { ...props, className: clsx(className, 'mt-6 flex flex-col-reverse items-center justify-end gap-3 *:w-full sm:mt-4 sm:flex-row sm:*:w-auto') }));
+}
+//# sourceMappingURL=alert.js.map

package/dist/components/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,cAAc;CACtB,CAAA;AAED,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAIT;IACC,OAAO,CACL,MAAC,QAAQ,CAAC,MAAM,OAAK,KAAK,aACxB,KAAC,QAAQ,CAAC,cAAc,IACtB,UAAU,QACV,SAAS,EAAC,+OAA+O,GACzP,EAEF,cAAK,SAAS,EAAC,qDAAqD,YAClE,cAAK,SAAS,EAAC,sGAAsG,YACnH,KAAC,QAAQ,CAAC,WAAW,IACnB,UAAU,QACV,SAAS,EAAE,IAAI,CACb,SAAS,EACT,KAAK,CAAC,IAAI,CAAC,EACX,+JAA+J,EAC/J,4IAA4I,CAC7I,YAEA,QAAQ,GACY,GACnB,GACF,IACU,CACnB,CAAA;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACqE;IAC7E,OAAO,CACL,KAAC,QAAQ,CAAC,WAAW,OACf,KAAK,EACT,SAAS,EAAE,IAAI,CACb,SAAS,EACT,yHAAyH,CAC1H,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACkF;IAC1F,OAAO,CACL,KAAC,QAAQ,CAAC,WAAW,IACnB,EAAE,EAAE,IAAI,KACJ,KAAK,EACT,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,2CAA2C,CAAC,GACvE,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyC;IACtF,OAAO,iBAAS,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAI,CAAA;AAC/D,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyC;IACzF,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,IAAI,CACb,SAAS,EACT,oGAAoG,CACrG,GACD,CACH,CAAA;AACH,CAAC"}

package/dist/components/animated-list.d.ts

@@ -0,0 +1,20 @@
+export interface AnimatedListItem {
+    id: string | number;
+    content: React.ReactNode;
+}
+export interface AnimatedListProps {
+    items: AnimatedListItem[];
+    isLoading?: boolean;
+    skeletonCount?: number;
+    renderSkeleton?: () => React.ReactNode;
+    animationType?: "slide" | "fade" | "scale";
+    enterFrom?: "top" | "bottom" | "left" | "right";
+    staggerDelay?: number;
+    duration?: number;
+    itemGap?: number;
+    onItemClick?: (item: AnimatedListItem) => void;
+    className?: string;
+    emptyState?: React.ReactNode;
+}
+export declare function AnimatedList({ items, isLoading, skeletonCount, renderSkeleton, animationType, enterFrom, staggerDelay, duration, itemGap, onItemClick, className, emptyState, }: AnimatedListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=animated-list.d.ts.map

package/dist/components/animated-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-list.d.ts","sourceRoot":"","sources":["../../src/components/animated-list.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AA0CD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,SAAiB,EACjB,aAAiB,EACjB,cAAc,EACd,aAAuB,EACvB,SAAoB,EACpB,YAAiB,EACjB,QAAe,EACf,OAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,GACX,EAAE,iBAAiB,2CAuCnB"}

package/dist/components/animated-list.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AnimatePresence, motion } from "motion/react";
+import { cn } from "../lib/utils";
+import { Skeleton } from "./skeleton";
+/* ─── Animation variants ─── */
+function getInitial(type, from) {
+    const base = { opacity: 0 };
+    if (type === "scale")
+        base.scale = 0.92;
+    switch (from) {
+        case "top":
+            base.y = -16;
+            break;
+        case "bottom":
+            base.y = 16;
+            break;
+        case "left":
+            base.x = -16;
+            break;
+        case "right":
+            base.x = 16;
+            break;
+    }
+    return base;
+}
+function getAnimate(type) {
+    const base = { opacity: 1, x: 0, y: 0 };
+    if (type === "scale")
+        base.scale = 1;
+    return base;
+}
+/* ─── Skeleton fallback ─── */
+function DefaultSkeleton() {
+    return (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-border bg-card p-4", children: [_jsx(Skeleton, { className: "size-10 shrink-0 rounded-full" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Skeleton, { className: "h-3.5 w-32" }), _jsx(Skeleton, { className: "h-3 w-48" })] }), _jsx(Skeleton, { className: "h-8 w-20 rounded-md" })] }));
+}
+/* ─── Component ─── */
+export function AnimatedList({ items, isLoading = false, skeletonCount = 4, renderSkeleton, animationType = "slide", enterFrom = "bottom", staggerDelay = 50, duration = 0.35, itemGap = 12, onItemClick, className, emptyState, }) {
+    if (isLoading) {
+        return (_jsx("div", { className: cn("flex flex-col", className), style: { gap: itemGap }, children: Array.from({ length: skeletonCount }).map((_, i) => (_jsx("div", { children: renderSkeleton ? renderSkeleton() : _jsx(DefaultSkeleton, {}) }, i))) }));
+    }
+    if (items.length === 0 && emptyState) {
+        return _jsx(_Fragment, { children: emptyState });
+    }
+    return (_jsx("div", { className: cn("flex flex-col", className), style: { gap: itemGap }, children: _jsx(AnimatePresence, { initial: true, mode: "popLayout", children: items.map((item, index) => (_jsx(motion.div, { layout: true, initial: getInitial(animationType, enterFrom), animate: getAnimate(animationType), exit: { opacity: 0, scale: 0.95 }, transition: {
+                    duration,
+                    delay: index * (staggerDelay / 1000),
+                    ease: [0.25, 0.46, 0.45, 0.94],
+                }, onClick: onItemClick ? () => onItemClick(item) : undefined, className: onItemClick ? "cursor-pointer" : undefined, children: item.content }, item.id))) }) }));
+}
+//# sourceMappingURL=animated-list.js.map

package/dist/components/animated-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-list.js","sourceRoot":"","sources":["../../src/components/animated-list.tsx"],"names":[],"mappings":"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"}

package/dist/components/avatar.d.ts

@@ -0,0 +1,19 @@
+import * as Headless from '@headlessui/react';
+import React from 'react';
+type AvatarProps = {
+    src?: string | null;
+    square?: boolean;
+    initials?: string;
+    alt?: string;
+    className?: string;
+};
+export declare function Avatar({ src, square, initials, alt, className, ...props }: AvatarProps & React.ComponentPropsWithoutRef<'span'>): import("react/jsx-runtime").JSX.Element;
+export declare const AvatarButton: React.ForwardRefExoticComponent<(AvatarProps & (({
+    href?: never;
+} & Omit<Headless.ButtonProps<"button">, "className" | "as">) | ({
+    href: string;
+} & Omit<Omit<{
+    href: string;
+} & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref">, "className">))) & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAE7C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAU,EACV,MAAc,EACd,QAAQ,EACR,GAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,2CA6BtD;AAED,eAAO,MAAM,YAAY;WAUP,KAAK;;UACN,MAAM;;;sNAuBrB,CAAA"}

package/dist/components/avatar.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Headless from '@headlessui/react';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { TouchTarget } from './button';
+import { Link } from './link';
+export function Avatar({ src = null, square = false, initials, alt = '', className, ...props }) {
+    return (_jsxs("span", { "data-slot": "avatar", ...props, className: clsx(className, 
+        // Basic layout
+        'inline-grid shrink-0 align-middle [--avatar-radius:20%] *:col-start-1 *:row-start-1', 'outline -outline-offset-1 outline-black/10 dark:outline-white/10', 
+        // Border radius
+        square ? 'rounded-(--avatar-radius) *:rounded-(--avatar-radius)' : 'rounded-full *:rounded-full'), children: [initials && (_jsxs("svg", { className: "size-full fill-current p-[5%] text-[48px] font-medium uppercase select-none", viewBox: "0 0 100 100", "aria-hidden": alt ? undefined : 'true', children: [alt && _jsx("title", { children: alt }), _jsx("text", { x: "50%", y: "50%", alignmentBaseline: "middle", dominantBaseline: "middle", textAnchor: "middle", dy: ".125em", children: initials })] })), src && _jsx("img", { className: "size-full", src: src, alt: alt })] }));
+}
+export const AvatarButton = forwardRef(function AvatarButton({ src, square = false, initials, alt, className, ...props }, ref) {
+    const classes = clsx(className, square ? 'rounded-[20%]' : 'rounded-full', 'relative inline-grid focus:not-data-focus:outline-hidden data-focus:outline-2 data-focus:outline-offset-2 data-focus:outline-blue-500');
+    return typeof props.href === 'string' ? (_jsx(Link, { ...props, className: classes, ref: ref, children: _jsx(TouchTarget, { children: _jsx(Avatar, { src: src, square: square, initials: initials, alt: alt }) }) })) : (_jsx(Headless.Button, { ...props, className: classes, ref: ref, children: _jsx(TouchTarget, { children: _jsx(Avatar, { src: src, square: square, initials: initials, alt: alt }) }) }));
+});
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAU7B,MAAM,UAAU,MAAM,CAAC,EACrB,GAAG,GAAG,IAAI,EACV,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,GAAG,GAAG,EAAE,EACR,SAAS,EACT,GAAG,KAAK,EAC6C;IACrD,OAAO,CACL,6BACY,QAAQ,KACd,KAAK,EACT,SAAS,EAAE,IAAI,CACb,SAAS;QACT,eAAe;QACf,qFAAqF,EACrF,kEAAkE;QAClE,gBAAgB;QAChB,MAAM,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAC,CAAC,6BAA6B,CACjG,aAEA,QAAQ,IAAI,CACX,eACE,SAAS,EAAC,6EAA6E,EACvF,OAAO,EAAC,aAAa,iBACR,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,aAEpC,GAAG,IAAI,0BAAQ,GAAG,GAAS,EAC5B,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,iBAAiB,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ,YACvG,QAAQ,GACJ,IACH,CACP,EACA,GAAG,IAAI,cAAK,SAAS,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI,IACpD,CACR,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,YAAY,CAC1D,EACE,GAAG,EACH,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EAKP,EACH,GAA0C;IAE1C,MAAM,OAAO,GAAG,IAAI,CAClB,SAAS,EACT,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,EACzC,uIAAuI,CACxI,CAAA;IAED,OAAO,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACtC,KAAC,IAAI,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAA4C,YACpF,KAAC,WAAW,cACV,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,GAAI,GACtD,GACT,CACR,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,CAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YACtD,KAAC,WAAW,cACV,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,GAAI,GACtD,GACE,CACnB,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/components/badge.d.ts

@@ -0,0 +1,39 @@
+import * as Headless from '@headlessui/react';
+import React from 'react';
+declare const colors: {
+    red: string;
+    orange: string;
+    amber: string;
+    yellow: string;
+    lime: string;
+    green: string;
+    emerald: string;
+    brand: string;
+    teal: string;
+    cyan: string;
+    sky: string;
+    blue: string;
+    indigo: string;
+    violet: string;
+    purple: string;
+    fuchsia: string;
+    pink: string;
+    rose: string;
+    zinc: string;
+};
+type BadgeProps = {
+    color?: keyof typeof colors;
+};
+export declare function Badge({ color, className, ...props }: BadgeProps & React.ComponentPropsWithoutRef<'span'>): import("react/jsx-runtime").JSX.Element;
+export declare const BadgeButton: React.ForwardRefExoticComponent<(BadgeProps & ({
+    className?: string;
+    children: React.ReactNode;
+} & (({
+    href?: never;
+} & Omit<Headless.ButtonProps<"button">, "className" | "as">) | ({
+    href: string;
+} & Omit<Omit<{
+    href: string;
+} & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref">, "className">)))) & React.RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAE7C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CA6BX,CAAA;AAED,KAAK,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAA;CAAE,CAAA;AAEjD,wBAAgB,KAAK,CAAC,EAAE,KAAc,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,2CAWjH;AAED,eAAO,MAAM,WAAW;gBAMQ,MAAM;cAAY,KAAK,CAAC,SAAS;;WAC/C,KAAK;;UACN,MAAM;;;iNAsBrB,CAAA"}

package/dist/components/badge.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Headless from '@headlessui/react';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { TouchTarget } from './button';
+import { Link } from './link';
+const colors = {
+    red: 'bg-red-500/15 text-red-700 group-data-hover:bg-red-500/25 dark:bg-red-500/10 dark:text-red-400 dark:group-data-hover:bg-red-500/20',
+    orange: 'bg-orange-500/15 text-orange-700 group-data-hover:bg-orange-500/25 dark:bg-orange-500/10 dark:text-orange-400 dark:group-data-hover:bg-orange-500/20',
+    amber: 'bg-amber-400/20 text-amber-700 group-data-hover:bg-amber-400/30 dark:bg-amber-400/10 dark:text-amber-400 dark:group-data-hover:bg-amber-400/15',
+    yellow: 'bg-yellow-400/20 text-yellow-700 group-data-hover:bg-yellow-400/30 dark:bg-yellow-400/10 dark:text-yellow-300 dark:group-data-hover:bg-yellow-400/15',
+    lime: 'bg-lime-400/20 text-lime-700 group-data-hover:bg-lime-400/30 dark:bg-lime-400/10 dark:text-lime-300 dark:group-data-hover:bg-lime-400/15',
+    green: 'bg-green-500/15 text-green-700 group-data-hover:bg-green-500/25 dark:bg-green-500/10 dark:text-green-400 dark:group-data-hover:bg-green-500/20',
+    emerald: 'bg-primary/15 text-primary group-data-hover:bg-primary/25 dark:bg-primary/10 dark:text-primary-foreground/90 dark:group-data-hover:bg-primary/25',
+    brand: 'bg-primary/15 text-primary group-data-hover:bg-primary/25 dark:bg-primary/15 dark:text-primary-foreground dark:group-data-hover:bg-primary/25',
+    teal: 'bg-primary/15 text-primary group-data-hover:bg-primary/25 dark:bg-primary/15 dark:text-primary-foreground dark:group-data-hover:bg-primary/25',
+    cyan: 'bg-cyan-400/20 text-cyan-700 group-data-hover:bg-cyan-400/30 dark:bg-cyan-400/10 dark:text-cyan-300 dark:group-data-hover:bg-cyan-400/15',
+    sky: 'bg-sky-500/15 text-sky-700 group-data-hover:bg-sky-500/25 dark:bg-sky-500/10 dark:text-sky-300 dark:group-data-hover:bg-sky-500/20',
+    blue: 'bg-blue-500/15 text-blue-700 group-data-hover:bg-blue-500/25 dark:text-blue-400 dark:group-data-hover:bg-blue-500/25',
+    indigo: 'bg-indigo-500/15 text-indigo-700 group-data-hover:bg-indigo-500/25 dark:text-indigo-400 dark:group-data-hover:bg-indigo-500/20',
+    violet: 'bg-violet-500/15 text-violet-700 group-data-hover:bg-violet-500/25 dark:text-violet-400 dark:group-data-hover:bg-violet-500/20',
+    purple: 'bg-purple-500/15 text-purple-700 group-data-hover:bg-purple-500/25 dark:text-purple-400 dark:group-data-hover:bg-purple-500/20',
+    fuchsia: 'bg-fuchsia-400/15 text-fuchsia-700 group-data-hover:bg-fuchsia-400/25 dark:bg-fuchsia-400/10 dark:text-fuchsia-400 dark:group-data-hover:bg-fuchsia-400/20',
+    pink: 'bg-pink-400/15 text-pink-700 group-data-hover:bg-pink-400/25 dark:bg-pink-400/10 dark:text-pink-400 dark:group-data-hover:bg-pink-400/20',
+    rose: 'bg-rose-400/15 text-rose-700 group-data-hover:bg-rose-400/25 dark:bg-rose-400/10 dark:text-rose-400 dark:group-data-hover:bg-rose-400/20',
+    zinc: 'bg-zinc-600/10 text-zinc-700 group-data-hover:bg-zinc-600/20 dark:bg-white/5 dark:text-zinc-400 dark:group-data-hover:bg-white/10',
+};
+export function Badge({ color = 'zinc', className, ...props }) {
+    return (_jsx("span", { ...props, className: clsx(className, 'inline-flex items-center gap-x-1.5 rounded-md px-1.5 py-0.5 text-sm/5 font-medium sm:text-xs/5 forced-colors:outline', colors[color]) }));
+}
+export const BadgeButton = forwardRef(function BadgeButton({ color = 'zinc', className, children, ...props }, ref) {
+    const classes = clsx(className, 'group relative inline-flex rounded-md focus:not-data-focus:outline-hidden data-focus:outline-2 data-focus:outline-offset-2 data-focus:outline-ring');
+    return typeof props.href === 'string' ? (_jsx(Link, { ...props, className: classes, ref: ref, children: _jsx(TouchTarget, { children: _jsx(Badge, { color: color, children: children }) }) })) : (_jsx(Headless.Button, { ...props, className: classes, ref: ref, children: _jsx(TouchTarget, { children: _jsx(Badge, { color: color, children: children }) }) }));
+});
+//# sourceMappingURL=badge.js.map