@manta-eu/react 0.1.0

package/dist/components/ai-elements/chain-of-thought.d.ts

@@ -0,0 +1,30 @@
+import { type LucideIcon } from "lucide-react";
+import type { ComponentProps, ReactNode } from "react";
+import { Badge } from "#components/badge/index";
+import { CollapsibleContent, CollapsibleTrigger } from "#components/collapsible/index";
+export type ChainOfThoughtProps = ComponentProps<"div"> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+export declare function ChainOfThought(props: ChainOfThoughtProps): import("react/jsx-runtime").JSX.Element;
+export type ChainOfThoughtHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
+export declare function ChainOfThoughtHeader(props: ChainOfThoughtHeaderProps): import("react/jsx-runtime").JSX.Element;
+export type ChainOfThoughtStepProps = ComponentProps<"li"> & {
+    icon?: LucideIcon;
+    label: ReactNode;
+    description?: ReactNode;
+    status?: "complete" | "active" | "pending";
+};
+export declare function ChainOfThoughtStep(props: ChainOfThoughtStepProps): import("react/jsx-runtime").JSX.Element;
+export type ChainOfThoughtSearchResultsProps = ComponentProps<"div">;
+export declare function ChainOfThoughtSearchResults(props: ChainOfThoughtSearchResultsProps): import("react/jsx-runtime").JSX.Element;
+export type ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>;
+export declare function ChainOfThoughtSearchResult(props: ChainOfThoughtSearchResultProps): import("react/jsx-runtime").JSX.Element;
+export type ChainOfThoughtContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare function ChainOfThoughtContent(props: ChainOfThoughtContentProps): import("react/jsx-runtime").JSX.Element;
+export type ChainOfThoughtImageProps = ComponentProps<"div"> & {
+    caption?: string;
+};
+export declare function ChainOfThoughtImage(props: ChainOfThoughtImageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chain-of-thought.d.ts.map

package/dist/components/ai-elements/chain-of-thought.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chain-of-thought.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/chain-of-thought.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAe,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAmBpG,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAkBxD;AAED,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAElF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAoBpE;AAED,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC5C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA8BhE;AAED,MAAM,MAAM,gCAAgC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErE,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,2CAIlF;AAED,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE3E,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,2CAQhF;AAED,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEnF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAoBtE;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAWlE"}

package/dist/components/ai-elements/chain-of-thought.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { Brain, ChevronDown, Circle } from "lucide-react";
+import { createContext, use, useMemo } from "react";
+import { Badge } from "#components/badge/index";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "#components/collapsible/index";
+import { cn } from "#lib/utils";
+const ChainOfThoughtContext = createContext(null);
+function useChainOfThought() {
+    const context = use(ChainOfThoughtContext);
+    if (!context) {
+        throw new Error("ChainOfThought components must be used within ChainOfThought");
+    }
+    return context;
+}
+export function ChainOfThought(props) {
+    const { className, open, defaultOpen = true, onOpenChange, children, ...restProps } = props;
+    const [isOpen, setIsOpen] = useControllableState({
+        prop: open,
+        defaultProp: defaultOpen,
+        onChange: onOpenChange,
+    });
+    const chainOfThoughtContext = useMemo(() => ({ isOpen, setIsOpen }), [isOpen, setIsOpen]);
+    return (_jsx(ChainOfThoughtContext.Provider, { value: chainOfThoughtContext, children: _jsx("div", { className: cn("not-prose max-w-prose space-y-4", className), ...restProps, children: children }) }));
+}
+export function ChainOfThoughtHeader(props) {
+    const { className, children, ...restProps } = props;
+    const { isOpen, setIsOpen } = useChainOfThought();
+    return (_jsx(Collapsible, { onOpenChange: setIsOpen, open: isOpen, children: _jsxs(CollapsibleTrigger, { className: cn("flex w-full items-center gap-2 text-muted-foreground typography-small transition-colors hover:text-default-foreground", className), ...restProps, children: [_jsx(Brain, { className: "size-4" }), _jsx("span", { className: "flex-1 text-left", children: children ?? "Chain of Thought" }), _jsx(ChevronDown, { className: cn("size-4 transition-transform", isOpen ? "rotate-180" : "rotate-0") })] }) }));
+}
+export function ChainOfThoughtStep(props) {
+    const { className, icon: IconComponent = Circle, label, description, status = "complete", children, ...restProps } = props;
+    const statusStyles = {
+        complete: "text-muted-foreground",
+        active: "text-default-foreground",
+        pending: "text-muted-foreground",
+    };
+    return (_jsxs("li", { className: cn("flex flex-row gap-1 group", className, statusStyles[status]), ...restProps, children: [_jsxs("div", { className: "relative mt-0.5", children: [_jsx(IconComponent, { className: "size-4 opacity-60 group-hover:opacity-100 mr-2", strokeWidth: 0.5 }), _jsx("div", { className: "-mx-px absolute top-7 bottom-0 left-1/2 w-px bg-muted-border" })] }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx("div", { children: label }), description && _jsx("div", { className: "text-muted-foreground typography-tiny", children: description }), children] })] }));
+}
+export function ChainOfThoughtSearchResults(props) {
+    const { className, ...restProps } = props;
+    return _jsx("div", { className: cn("flex items-center gap-2", className), ...restProps });
+}
+export function ChainOfThoughtSearchResult(props) {
+    const { className, children, ...restProps } = props;
+    return (_jsx(Badge, { className: cn("gap-1 px-2 py-0.5 typography-tiny", className), variant: "secondary", ...restProps, children: children }));
+}
+export function ChainOfThoughtContent(props) {
+    const { className, children, ...restProps } = props;
+    const { isOpen } = useChainOfThought();
+    return (_jsx(Collapsible, { open: isOpen, children: _jsx(CollapsibleContent, { className: cn("mt-2 space-y-3", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2", "data-[state=open]:slide-in-from-top-2 text-default-foreground outline-none", "data-[state=closed]:animate-out data-[state=open]:animate-in", className), ...restProps, children: children }) }));
+}
+export function ChainOfThoughtImage(props) {
+    const { className, children, caption, ...restProps } = props;
+    return (_jsxs("div", { className: cn("mt-2 space-y-2", className), ...restProps, children: [_jsx("div", { className: "relative flex max-h-[22rem] items-center justify-center overflow-hidden rounded-lg bg-muted p-3", children: children }), caption && _jsx("p", { className: "text-muted-foreground typography-tiny", children: caption })] }));
+}

package/dist/components/ai-elements/conversation.d.ts

@@ -0,0 +1,26 @@
+import type { ComponentProps, ReactNode, RefObject } from "react";
+export type ConversationScrollContextValue = {
+    isAtBottom: boolean;
+    scrollToBottom: () => void;
+    scrollRef: RefObject<HTMLDivElement | null>;
+    isExternalScroll: boolean;
+};
+export declare const conversationScrollToBottomIntentEvent = "conversation-scroll-to-bottom-intent";
+export declare function useConversationScroll(): ConversationScrollContextValue;
+export type ConversationProps = ComponentProps<"div"> & {
+    scrollRef?: RefObject<HTMLDivElement | null>;
+};
+export declare function Conversation(props: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export type ConversationContentProps = ComponentProps<"div">;
+export declare function ConversationContent(props: ConversationContentProps): import("react/jsx-runtime").JSX.Element;
+export type ConversationEmptyStateProps = ComponentProps<"div"> & {
+    title?: string;
+    description?: string;
+    icon?: ReactNode;
+};
+export declare function ConversationEmptyState(props: ConversationEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export type ConversationScrollButtonProps = Omit<ComponentProps<"button">, "children"> & {
+    className?: string;
+};
+export declare function ConversationScrollButton(props: ConversationScrollButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=conversation.d.ts.map

package/dist/components/ai-elements/conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/conversation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlE,MAAM,MAAM,8BAA8B,GAAG;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,qCAAqC,yCAAyC,CAAC;AAI5F,wBAAgB,qBAAqB,mCAIpC;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC9C,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAiCpD;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAgBlE;AAED,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CA0BxE;AAED,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CAuB5E"}

package/dist/components/ai-elements/conversation.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ArrowDown } from "lucide-react";
+import { createContext, useCallback, useContext, useMemo, useRef } from "react";
+import { Button } from "#components/button/index";
+import { useCanScroll } from "#lib/use-can-scroll";
+import { cn } from "#lib/utils";
+export const conversationScrollToBottomIntentEvent = "conversation-scroll-to-bottom-intent";
+const ConversationScrollContext = createContext(null);
+export function useConversationScroll() {
+    const ctx = useContext(ConversationScrollContext);
+    if (!ctx)
+        throw new Error("useConversationScroll must be used within Conversation");
+    return ctx;
+}
+export function Conversation(props) {
+    const { className, children, scrollRef: externalScrollRef, ...otherProps } = props;
+    const internalScrollRef = useRef(null);
+    const scrollRef = externalScrollRef ?? internalScrollRef;
+    const isExternalScroll = !!externalScrollRef;
+    const { canScrollDown } = useCanScroll({ ref: scrollRef, thresholdPx: 50, axis: "y" });
+    const isAtBottom = !canScrollDown;
+    const scrollToBottom = useCallback(() => {
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        // Release reserved spacer height before scrollHeight determines the real bottom.
+        el.dispatchEvent(new Event(conversationScrollToBottomIntentEvent));
+        el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+    }, [scrollRef]);
+    const ctxValue = useMemo(() => ({ isAtBottom, scrollToBottom, scrollRef, isExternalScroll }), [isAtBottom, scrollToBottom, scrollRef, isExternalScroll]);
+    if (isExternalScroll) {
+        return _jsx(ConversationScrollContext.Provider, { value: ctxValue, children: children });
+    }
+    return (_jsx(ConversationScrollContext.Provider, { value: ctxValue, children: _jsx("div", { className: cn("relative min-h-0 min-w-0 flex-1", className), ...otherProps, children: children }) }));
+}
+export function ConversationContent(props) {
+    const { className, ...otherProps } = props;
+    const { scrollRef, isExternalScroll } = useConversationScroll();
+    if (isExternalScroll) {
+        return _jsx("div", { className: cn("flex flex-col gap-8 p-4", className), role: "log", ...otherProps });
+    }
+    return (_jsx("div", { ref: scrollRef, className: cn("flex flex-col gap-8 p-4 h-full overflow-y-auto overscroll-contain", className), role: "log", ...otherProps }));
+}
+export function ConversationEmptyState(props) {
+    const { className, title = "No messages yet", description = "Start a conversation to see messages here", icon, children, ...otherProps } = props;
+    return (_jsx("div", { className: cn("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", className), ...otherProps, children: children ?? (_jsxs(_Fragment, { children: [icon && _jsx("div", { className: "text-muted-foreground", children: icon }), _jsxs("div", { className: "space-y-1", children: [_jsx("h3", { className: "typography-small-medium", children: title }), description && _jsx("p", { className: "typography-small text-muted-foreground", children: description })] })] })) }));
+}
+export function ConversationScrollButton(props) {
+    const { className, ...otherProps } = props;
+    const { isAtBottom, scrollToBottom } = useConversationScroll();
+    return (_jsx(Button, { className: cn("border border-muted-border/20 hover:border-muted-border/50 transition-all duration-200 ease-out", isAtBottom ? "opacity-0 translate-y-2 pointer-events-none" : "opacity-100 translate-y-0 pointer-events-auto", className), onClick: scrollToBottom, size: "base", type: "button", variant: "tertiary", iconOnly: true, icon: ArrowDown, "aria-label": "Scroll to bottom", inert: isAtBottom, tabIndex: isAtBottom ? -1 : 0, ...otherProps }));
+}

package/dist/components/ai-elements/generate-structured-data-prompt.d.ts

@@ -0,0 +1,10 @@
+type GenerateStructuredDataPromptProps = {
+    open: boolean;
+    title?: string;
+    action?: string;
+    onClose: () => void;
+    onSubmit: (prompt: string) => void;
+};
+export declare function GenerateStructuredDataPrompt(props: GenerateStructuredDataPromptProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=generate-structured-data-prompt.d.ts.map

package/dist/components/ai-elements/generate-structured-data-prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-structured-data-prompt.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/generate-structured-data-prompt.tsx"],"names":[],"mappings":"AAkBA,KAAK,iCAAiC,GAAG;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,iCAAiC,2CA8CpF"}

package/dist/components/ai-elements/generate-structured-data-prompt.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useId } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { Textarea } from "../textarea/Textarea.js";
+import { Button } from "#components/button/index";
+import { Dialog, DialogContent, DialogFooter, DialogTitle } from "#components/modal/index";
+const schema = z.object({
+    prompt: z.string().min(1, "Too short"),
+});
+const defaultValues = {
+    prompt: "",
+};
+export function GenerateStructuredDataPrompt(props) {
+    const { open, onClose, onSubmit, title = "Generate Data", action = "Generate" } = props;
+    const id = useId();
+    const { register, handleSubmit, formState: { errors }, } = useForm({
+        resolver: zodResolver(schema),
+        defaultValues,
+    });
+    return (_jsx(Dialog, { open: open, onOpenChange: (isOpen) => {
+            if (!isOpen)
+                onClose();
+        }, children: _jsxs(DialogContent, { className: "max-w-md border-muted-border", children: [_jsx(DialogTitle, { text: title }), _jsxs("form", { onSubmit: handleSubmit(({ prompt }) => onSubmit(prompt)), id: id, children: [_jsx(Textarea, { placeholder: "How should I generate the data?", ...register("prompt", { required: true }) }), errors.prompt && (_jsx("div", { className: "typography-small text-error-foreground mt-2", role: "alert", children: errors.prompt.message }))] }), _jsx(DialogFooter, { children: _jsx(Button, { type: "submit", form: id, "aria-label": action, className: "bg-primary hover:bg-primary/90 text-primary-foreground", children: action }) })] }) }));
+}

package/dist/components/alert-dialog/index.d.ts

@@ -0,0 +1,18 @@
+import { Root, Trigger, Portal, Overlay, Content, Action, Cancel, Title, Description } from "@radix-ui/react-alert-dialog";
+import type { ComponentProps } from "react";
+import { type ButtonVariant } from "../button/index.js";
+export declare function AlertDialog(props: ComponentProps<typeof Root>): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDialogTrigger(props: ComponentProps<typeof Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDialogPortal(props: ComponentProps<typeof Portal>): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDialogOverlay(props: ComponentProps<typeof Overlay>): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDialogContent(props: ComponentProps<typeof Content>): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDialogHeader(props: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDialogFooter(props: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDialogTitle(props: ComponentProps<typeof Title>): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDialogDescription(props: ComponentProps<typeof Description>): import("react/jsx-runtime").JSX.Element;
+export type AlertDialogActionProps = ComponentProps<typeof Action> & {
+    variant?: ButtonVariant;
+};
+export declare function AlertDialogAction(props: AlertDialogActionProps): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDialogCancel(props: ComponentProps<typeof Cancel>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,IAAI,EACJ,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,WAAW,EACZ,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,WAAW,CAAC;AAG/D,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CAE7D;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,2CAEvE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,2CAErE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,2CAYvE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,2CAevE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAS7D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAS7D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,2CAGnE;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,2CAS/E;AAED,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAG9D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,2CASrE"}

package/dist/components/alert-dialog/index.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Root, Trigger, Portal, Overlay, Content, Action, Cancel, Title, Description, } from "@radix-ui/react-alert-dialog";
+import { buttonVariants } from "../button/index.js";
+import { cn } from "#style";
+export function AlertDialog(props) {
+    return _jsx(Root, { "data-slot": "alert-dialog", ...props });
+}
+export function AlertDialogTrigger(props) {
+    return _jsx(Trigger, { "data-slot": "alert-dialog-trigger", type: "button", ...props });
+}
+export function AlertDialogPortal(props) {
+    return _jsx(Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+export function AlertDialogOverlay(props) {
+    const { className, ...otherProps } = props;
+    return (_jsx(Overlay, { className: cn("fixed inset-0 z-50 bg-secondary/25 backdrop-blur-xs touch-manipulation overscroll-contain data-[state=closed]:fade-out-0 data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=open]:animate-in motion-reduce:animate-none", className), "data-slot": "alert-dialog-overlay", ...otherProps }));
+}
+export function AlertDialogContent(props) {
+    const { className, ...otherProps } = props;
+    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(Content, { className: cn("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%] touch-manipulation gap-6 overscroll-contain rounded-xl-v4 border border-default-border bg-card p-8 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in motion-safe:duration-200 motion-reduce:animate-none sm:max-w-lg", className), "data-slot": "alert-dialog-content", ...otherProps })] }));
+}
+export function AlertDialogHeader(props) {
+    const { className, ...otherProps } = props;
+    return (_jsx("div", { className: cn("flex flex-col gap-2 text-center sm:text-left", className), "data-slot": "alert-dialog-header", ...otherProps }));
+}
+export function AlertDialogFooter(props) {
+    const { className, ...otherProps } = props;
+    return (_jsx("div", { className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), "data-slot": "alert-dialog-footer", ...otherProps }));
+}
+export function AlertDialogTitle(props) {
+    const { className, ...otherProps } = props;
+    return _jsx(Title, { className: cn("typography-small-header", className), "data-slot": "alert-dialog-title", ...otherProps });
+}
+export function AlertDialogDescription(props) {
+    const { className, ...otherProps } = props;
+    return (_jsx(Description, { className: cn("typography-small text-muted-foreground", className), "data-slot": "alert-dialog-description", ...otherProps }));
+}
+export function AlertDialogAction(props) {
+    const { className, variant = "primary", ...otherProps } = props;
+    return _jsx(Action, { className: cn(buttonVariants({ variant, size: "base" }), className), type: "button", ...otherProps });
+}
+export function AlertDialogCancel(props) {
+    const { className, ...otherProps } = props;
+    return (_jsx(Cancel, { className: cn(buttonVariants({ variant: "tertiary", size: "base" }), className), type: "button", ...otherProps }));
+}

package/dist/components/animated-box/index.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from "react";
+export type AnimatedBoxProps = ComponentProps<"div"> & {
+    pending?: boolean;
+};
+export declare function AnimatedBox(props: AnimatedBoxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/animated-box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/animated-box/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAQlD"}

package/dist/components/animated-box/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#style";
+export function AnimatedBox(props) {
+    const { className, children, pending, ...restProps } = props;
+    return (_jsx("div", { className: cn(pending ? "animate-glow-pending" : "animate-glow", className), ...restProps, children: children }));
+}

package/dist/components/audience-phase-badge/index.d.ts

@@ -0,0 +1,8 @@
+export type AudiencePhase = "ACTIVE" | "PAUSED" | "DRAFT" | "ARCHIVED" | "ACTIVATING" | "PAUSING" | "PUBLISHING" | "REPUBLISHING" | "PAUSED_REPUBLISHING";
+export type AudiencePhaseBadgeProps = {
+    phase: AudiencePhase;
+    headerDetails?: boolean;
+    className?: string;
+};
+export declare function AudiencePhaseBadge(props: AudiencePhaseBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/audience-phase-badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/audience-phase-badge/index.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,UAAU,GACV,YAAY,GACZ,SAAS,GACT,YAAY,GACZ,cAAc,GACd,qBAAqB,CAAC;AAE1B,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,aAAa,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiDF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAMhE"}

package/dist/components/audience-phase-badge/index.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { match } from "ts-pattern";
+import { Pill } from "#components/pill/index";
+import { cn } from "#style";
+function getPhaseColorClass(phase, headerDetails) {
+    if (headerDetails) {
+        return match(phase)
+            .with("ACTIVE", () => "bg-transparent text-success-foreground border border-success-foreground")
+            .with("PAUSED", () => "bg-transparent text-info-foreground border border-info-foreground")
+            .with("DRAFT", () => "bg-transparent text-default-foreground border border-default-foreground")
+            .with("ARCHIVED", () => "bg-transparent text-error-foreground border border-error-foreground")
+            .with("PUBLISHING", "REPUBLISHING", "PAUSED_REPUBLISHING", "ACTIVATING", "PAUSING", () => "bg-transparent text-warning-foreground border border-warning-foreground")
+            .otherwise(() => "");
+    }
+    return match(phase)
+        .with("ACTIVE", () => "bg-success text-success-foreground border border-success")
+        .with("PAUSED", () => "bg-muted text-default-foreground border border-muted")
+        .with("PUBLISHING", "REPUBLISHING", "PAUSED_REPUBLISHING", "ACTIVATING", "PAUSING", () => "bg-warning text-warning-foreground border border-warning")
+        .with("ARCHIVED", () => "bg-error text-error-foreground border border-error")
+        .with("DRAFT", () => "bg-info border border-info text-info-foreground")
+        .otherwise(() => "bg-default-foreground text-secondary-foreground border-default-foreground");
+}
+function getPhaseDisplayName(phase) {
+    return match(phase)
+        .with("ACTIVE", () => "Active")
+        .with("PAUSED", () => "Paused")
+        .with("DRAFT", () => "Draft")
+        .with("ARCHIVED", () => "Archived")
+        .with("PUBLISHING", () => "Publishing")
+        .with("REPUBLISHING", "PAUSED_REPUBLISHING", () => "Updating")
+        .with("ACTIVATING", () => "Activating")
+        .with("PAUSING", () => "Pausing")
+        .otherwise(() => phase);
+}
+export function AudiencePhaseBadge(props) {
+    const { phase, headerDetails, className } = props;
+    const colorClass = getPhaseColorClass(phase, headerDetails);
+    const phaseName = getPhaseDisplayName(phase);
+    return _jsx(Pill, { size: "sm", label: phaseName, className: cn(colorClass, className) });
+}

package/dist/components/authenticated-chat/index.d.ts

@@ -0,0 +1,3 @@
+import { type AuthenticatedChatProps } from "#lib/chat-types";
+export declare function AuthenticatedChat(props: AuthenticatedChatProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/authenticated-chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/authenticated-chat/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAIhF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAoD9D"}

package/dist/components/authenticated-chat/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isEmpty } from "ramda";
+import { resolveChatProps } from "#lib/chat-types";
+import { cn } from "#lib/utils";
+import { ChatRoute } from "#routes/chat/index";
+export function AuthenticatedChat(props) {
+    const { datastore, user, onLogout, isOperator, canSwitchDatastore, datastores, ...otherProps } = resolveChatProps(props);
+    if (isOperator && canSwitchDatastore && isEmpty(datastores)) {
+        console.error("AuthenticatedChat: datastores array cannot be empty for operators");
+        return (_jsx("div", { className: "flex items-center justify-center min-h-screen", children: _jsxs("div", { className: "text-center space-y-4 max-w-md", children: [_jsx("h2", { className: "typography-large-body-semibold text-error-foreground", children: "Configuration Error" }), _jsx("p", { className: "typography-small text-muted-foreground", children: "No datastores available for operator access. Please contact your administrator." }), onLogout && (_jsx("button", { onClick: onLogout, className: cn("px-4 py-2 rounded-lg transition-colors", "bg-background hover:bg-accent"), children: "Sign Out" }))] }) }));
+    }
+    if (!user) {
+        console.error("AuthenticatedChat: user object is required");
+        return (_jsx("div", { className: "flex items-center justify-center min-h-screen", children: _jsxs("div", { className: "text-center space-y-2", children: [_jsx("h2", { className: "typography-large-body-semibold text-error-foreground", children: "Authentication Error" }), _jsx("p", { className: "typography-small text-muted-foreground", children: "Invalid user session. Please sign in again." }), onLogout && (_jsx("button", { onClick: onLogout, className: cn("px-4 py-2 rounded-lg transition-colors", "bg-background hover:bg-accent"), children: "Sign Out" }))] }) }));
+    }
+    return (_jsx(ChatRoute, { ...otherProps, isOperator, canSwitchDatastore, datastore, datastores, user, logout: onLogout }));
+}

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

@@ -0,0 +1,6 @@
+import { Root, Image, Fallback } from "@radix-ui/react-avatar";
+import { type ComponentProps } from "react";
+export declare function Avatar(props: ComponentProps<typeof Root>): import("react/jsx-runtime").JSX.Element;
+export declare function AvatarImage(props: ComponentProps<typeof Image>): import("react/jsx-runtime").JSX.Element;
+export declare function AvatarFallback(props: ComponentProps<typeof Fallback>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CAUxD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,2CAc9D;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,2CAUpE"}

package/dist/components/avatar/index.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Root, Image, Fallback } from "@radix-ui/react-avatar";
+import { cn } from "#style";
+export function Avatar(props) {
+    const { className, ...rest } = props;
+    return (_jsx(Root, { "data-slot": "avatar", className: cn("relative flex size-10 shrink-0 touch-manipulation overflow-hidden rounded-full", className), ...rest }));
+}
+export function AvatarImage(props) {
+    const { className, loading, decoding, draggable, alt, ...rest } = props;
+    return (_jsx(Image, { "data-slot": "avatar-image", alt: alt ?? "", className: cn("aspect-square h-full w-full", className), decoding: decoding ?? "async", draggable: draggable ?? false, loading: loading ?? "lazy", ...rest }));
+}
+export function AvatarFallback(props) {
+    const { className, ...rest } = props;
+    return (_jsx(Fallback, { "data-slot": "avatar-fallback", className: cn("flex h-full w-full items-center justify-center bg-muted uppercase", className), ...rest }));
+}

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

@@ -0,0 +1,37 @@
+import type { ComponentProps } from "react";
+import { type VariantPropsOf } from "#style";
+export declare const badgeConfig: {
+    base: string[];
+    variants: {
+        variant: {
+            default: string;
+            primary: string;
+            secondary: string;
+            copy: string;
+            promo: string;
+            success: string;
+            warning: string;
+            destructive: string;
+            info: string;
+            translucent: string;
+        };
+        size: {
+            sm: string;
+            base: string;
+            lg: string;
+        };
+    };
+    defaultVariants: {
+        readonly variant: "default";
+        readonly size: "base";
+    };
+};
+export type BadgeVariant = VariantPropsOf<typeof badgeConfig>["variant"];
+export type BadgeProps = ComponentProps<"span"> & VariantPropsOf<typeof badgeConfig> & {
+    asChild?: boolean;
+};
+export declare function Badge(props: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Badge {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAEjD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;CA8BvB,CAAC;AAIF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC;AAEzE,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE7G,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,2CAKtC;yBALe,KAAK"}

package/dist/components/badge/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { tv } from "tailwind-variants";
+import { cn } from "#style";
+export const badgeConfig = {
+    base: [
+        "inline-flex items-center justify-center rounded-full typography-caption-medium",
+        "py-0.5 w-fit whitespace-nowrap shrink-0 gap-1.5",
+        "[&>svg]:pointer-events-none",
+    ],
+    variants: {
+        variant: {
+            default: "bg-secondary text-secondary-foreground",
+            primary: "bg-primary text-primary-foreground",
+            secondary: "bg-accent text-default-foreground",
+            copy: "bg-accent text-muted-foreground",
+            // eslint-disable-next-line @manta-eu/no-theme-primitive-colors
+            promo: "bg-pink-100 text-pink-700",
+            success: "bg-success text-success-foreground",
+            warning: "bg-warning text-warning-foreground",
+            destructive: "bg-error text-error-foreground",
+            info: "bg-info text-info-foreground",
+            translucent: "bg-default-foreground/40 text-secondary-foreground",
+        },
+        size: {
+            sm: "h-6 px-2 typography-tiny-medium  [&>svg]:size-3",
+            base: "h-8 px-3 [&>svg]:size-4",
+            lg: "h-10 px-4 typography-body-medium [&>svg]:size-5",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "base",
+    },
+};
+const badgeVariants = tv(badgeConfig);
+export function Badge(props) {
+    const { className, variant, size, asChild = false, ...rest } = props;
+    const Comp = asChild ? Slot : "span";
+    return _jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant, size }), className), ...rest });
+}
+Badge.displayName = "Badge";

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

@@ -0,0 +1,107 @@
+import type { ComponentType, ReactNode, Ref } from "react";
+import { type VariantPropsOf } from "#style";
+export declare const bannerConfig: {
+    slots: {
+        base: string;
+        iconWrapper: string;
+        icon: string;
+        content: string;
+        label: string;
+        description: string;
+        link: string;
+        closeButton: string;
+        closeIcon: string;
+    };
+    variants: {
+        type: {
+            error: {
+                base: string;
+                icon: string;
+                label: string;
+                description: string;
+                link: string;
+            };
+            success: {
+                base: string;
+                icon: string;
+                label: string;
+                description: string;
+                link: string;
+            };
+            warning: {
+                base: string;
+                icon: string;
+                label: string;
+                description: string;
+                link: string;
+            };
+            info: {
+                base: string;
+                icon: string;
+                label: string;
+                description: string;
+                link: string;
+            };
+            muted: {
+                base: string;
+                icon: string;
+                label: string;
+                description: string;
+                link: string;
+            };
+        };
+        size: {
+            compact: {
+                base: string;
+                content: string;
+                closeButton: string;
+            };
+            loose: {
+                base: string;
+                content: string;
+                closeButton: string;
+            };
+        };
+    };
+    defaultVariants: {
+        readonly type: "error";
+        readonly size: "compact";
+    };
+};
+export type BannerBaseProps = {
+    ref?: Ref<HTMLDivElement>;
+    label: string;
+    onClose?: () => void;
+    className?: string;
+    testId?: string;
+};
+export type CompactBannerProps = BannerBaseProps & {
+    size?: "compact";
+    linkText?: string;
+    linkHref?: string;
+    description?: never;
+    actionLabel?: never;
+    onAction?: never;
+    icon?: never;
+    children?: never;
+};
+export type LooseBannerProps = BannerBaseProps & {
+    size: "loose";
+    description?: string | ReactNode;
+    actionLabel?: string;
+    actionHref?: string;
+    onAction?: () => void;
+    actionIcon?: ComponentType<{
+        className?: string;
+    }>;
+    children?: ReactNode;
+    linkText?: never;
+    linkHref?: never;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    buttonTestId?: string;
+};
+export type BannerProps = VariantPropsOf<typeof bannerConfig> & (CompactBannerProps | LooseBannerProps);
+export declare function Banner(props: BannerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map