@chatsdk-dev/ui 0.0.1 → 0.1.2

package/dist/molecules/message.d.ts

@@ -0,0 +1,38 @@
+import { Button } from "@chatsdk-dev/ui/components/button";
+import { ButtonGroup } from "@chatsdk-dev/ui/components/button-group";
+import type { UIMessage } from "ai";
+import type { ComponentProps, HTMLAttributes } from "react";
+import { Streamdown } from "streamdown";
+export type MessageProps = HTMLAttributes<HTMLDivElement> & {
+    from: UIMessage["role"];
+};
+export declare const Message: ({ className, from, ...props }: MessageProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const MessageContent: ({ children, className, ...props }: MessageContentProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageActionsProps = ComponentProps<"div">;
+export declare const MessageActions: ({ className, children, ...props }: MessageActionsProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageActionProps = ComponentProps<typeof Button> & {
+    tooltip?: string;
+    label?: string;
+};
+export declare const MessageAction: ({ tooltip, children, label, variant, size, ...props }: MessageActionProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {
+    defaultBranch?: number;
+    onBranchChange?: (branchIndex: number) => void;
+};
+export declare const MessageBranch: ({ defaultBranch, onBranchChange, className, ...props }: MessageBranchProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const MessageBranchContent: ({ children, ...props }: MessageBranchContentProps) => import("react/jsx-runtime").JSX.Element[];
+export type MessageBranchSelectorProps = ComponentProps<typeof ButtonGroup>;
+export declare const MessageBranchSelector: ({ className, ...props }: MessageBranchSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
+export type MessageBranchPreviousProps = ComponentProps<typeof Button>;
+export declare const MessageBranchPrevious: ({ children, ...props }: MessageBranchPreviousProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageBranchNextProps = ComponentProps<typeof Button>;
+export declare const MessageBranchNext: ({ children, ...props }: MessageBranchNextProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;
+export declare const MessageBranchPage: ({ className, ...props }: MessageBranchPageProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageResponseProps = ComponentProps<typeof Streamdown>;
+export declare const MessageResponse: import("react").MemoExoticComponent<({ className, ...props }: MessageResponseProps) => import("react/jsx-runtime").JSX.Element>;
+export type MessageToolbarProps = ComponentProps<"div">;
+export declare const MessageToolbar: ({ className, children, ...props }: MessageToolbarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=message.d.ts.map

package/dist/molecules/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/molecules/message.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EACL,WAAW,EAEZ,MAAM,yCAAyC,CAAC;AAYjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAgB,MAAM,OAAO,CAAC;AAU1E,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,+BAA+B,YAAY,4CASlE,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAYrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAIrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,uDAO3B,kBAAkB,4CAsBpB,CAAC;AA2BF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,wDAK3B,kBAAkB,4CA4CpB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvE,eAAO,MAAM,oBAAoB,GAAI,wBAGlC,yBAAyB,8CA0B3B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE5E,eAAO,MAAM,qBAAqB,GAAI,yBAGnC,0BAA0B,mDAkB5B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,qBAAqB,GAAI,wBAGnC,0BAA0B,4CAgB5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEnE,eAAO,MAAM,iBAAiB,GAAI,wBAG/B,sBAAsB,4CAgBxB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAErE,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,4CAcxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAIrE,eAAO,MAAM,eAAe,gEACA,oBAAoB,6CAa/C,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAUrB,CAAC"}

package/dist/molecules/message.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@chatsdk-dev/ui/components/button";
+import { ButtonGroup, ButtonGroupText, } from "@chatsdk-dev/ui/components/button-group";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@chatsdk-dev/ui/components/tooltip";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+import { cjk } from "@streamdown/cjk";
+import { code } from "@streamdown/code";
+import { math } from "@streamdown/math";
+import { mermaid } from "@streamdown/mermaid";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { createContext, memo, useCallback, useContext, useEffect, useMemo, useState, } from "react";
+import { Streamdown } from "streamdown";
+export const Message = ({ className, from, ...props }) => (_jsx("div", { className: cn("group flex w-full max-w-[95%] flex-col gap-2", from === "user" ? "is-user ml-auto justify-end" : "is-assistant", className), ...props }));
+export const MessageContent = ({ children, className, ...props }) => (_jsx("div", { className: cn("is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm", "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground", "group-[.is-assistant]:text-foreground", className), ...props, children: children }));
+export const MessageActions = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center gap-1", className), ...props, children: children }));
+export const MessageAction = ({ tooltip, children, label, variant = "ghost", size = "icon", ...props }) => {
+    const button = (_jsxs(Button, { size: size, type: "button", variant: variant, ...props, children: [children, _jsx("span", { className: "sr-only", children: label || tooltip })] }));
+    if (tooltip) {
+        return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: () => button }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
+    }
+    return button;
+};
+const MessageBranchContext = createContext(null);
+const useMessageBranch = () => {
+    const context = useContext(MessageBranchContext);
+    if (!context) {
+        throw new Error("MessageBranch components must be used within MessageBranch");
+    }
+    return context;
+};
+export const MessageBranch = ({ defaultBranch = 0, onBranchChange, className, ...props }) => {
+    const [currentBranch, setCurrentBranch] = useState(defaultBranch);
+    const [branches, setBranches] = useState([]);
+    const handleBranchChange = useCallback((newBranch) => {
+        setCurrentBranch(newBranch);
+        onBranchChange?.(newBranch);
+    }, [onBranchChange]);
+    const goToPrevious = useCallback(() => {
+        const newBranch = currentBranch > 0 ? currentBranch - 1 : branches.length - 1;
+        handleBranchChange(newBranch);
+    }, [currentBranch, branches.length, handleBranchChange]);
+    const goToNext = useCallback(() => {
+        const newBranch = currentBranch < branches.length - 1 ? currentBranch + 1 : 0;
+        handleBranchChange(newBranch);
+    }, [currentBranch, branches.length, handleBranchChange]);
+    const contextValue = useMemo(() => ({
+        branches,
+        currentBranch,
+        goToNext,
+        goToPrevious,
+        setBranches,
+        totalBranches: branches.length,
+    }), [branches, currentBranch, goToNext, goToPrevious]);
+    return (_jsx(MessageBranchContext.Provider, { value: contextValue, children: _jsx("div", { className: cn("grid w-full gap-2 [&>div]:pb-0", className), ...props }) }));
+};
+export const MessageBranchContent = ({ children, ...props }) => {
+    const { currentBranch, setBranches, branches } = useMessageBranch();
+    const childrenArray = useMemo(() => (Array.isArray(children) ? children : [children]), [children]);
+    // Use useEffect to update branches when they change
+    useEffect(() => {
+        if (branches.length !== childrenArray.length) {
+            setBranches(childrenArray);
+        }
+    }, [childrenArray, branches, setBranches]);
+    return childrenArray.map((branch, index) => (_jsx("div", { className: cn("grid gap-2 overflow-hidden [&>div]:pb-0", index === currentBranch ? "block" : "hidden"), ...props, children: branch }, branch.key)));
+};
+export const MessageBranchSelector = ({ className, ...props }) => {
+    const { totalBranches } = useMessageBranch();
+    // Don't render if there's only one branch
+    if (totalBranches <= 1) {
+        return null;
+    }
+    return (_jsx(ButtonGroup, { className: cn("[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md", className), orientation: "horizontal", ...props }));
+};
+export const MessageBranchPrevious = ({ children, ...props }) => {
+    const { goToPrevious, totalBranches } = useMessageBranch();
+    return (_jsx(Button, { "aria-label": "Previous branch", disabled: totalBranches <= 1, onClick: goToPrevious, size: "icon", type: "button", variant: "ghost", ...props, children: children ?? _jsx(ChevronLeftIcon, { size: 14 }) }));
+};
+export const MessageBranchNext = ({ children, ...props }) => {
+    const { goToNext, totalBranches } = useMessageBranch();
+    return (_jsx(Button, { "aria-label": "Next branch", disabled: totalBranches <= 1, onClick: goToNext, size: "icon", type: "button", variant: "ghost", ...props, children: children ?? _jsx(ChevronRightIcon, { size: 14 }) }));
+};
+export const MessageBranchPage = ({ className, ...props }) => {
+    const { currentBranch, totalBranches } = useMessageBranch();
+    return (_jsxs(ButtonGroupText, { className: cn("border-none bg-transparent text-muted-foreground shadow-none", className), ...props, children: [currentBranch + 1, " of ", totalBranches] }));
+};
+const streamdownPlugins = { cjk, code, math, mermaid };
+export const MessageResponse = memo(({ className, ...props }) => (_jsx(Streamdown, { className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className), plugins: streamdownPlugins, ...props })), (prevProps, nextProps) => prevProps.children === nextProps.children &&
+    nextProps.isAnimating === prevProps.isAnimating);
+MessageResponse.displayName = "MessageResponse";
+export const MessageToolbar = ({ className, children, ...props }) => (_jsx("div", { className: cn("mt-4 flex w-full items-center justify-between gap-4", className), ...props, children: children }));

package/dist/molecules/mic-selector.d.ts

@@ -0,0 +1,46 @@
+import { Button } from "@chatsdk-dev/ui/components/button";
+import { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from "@chatsdk-dev/ui/components/command";
+import { Popover, PopoverContent } from "@chatsdk-dev/ui/components/popover";
+import type { ComponentProps, ReactNode } from "react";
+export declare const useAudioDevices: () => {
+    devices: MediaDeviceInfo[];
+    error: string | null;
+    hasPermission: boolean;
+    loadDevices: () => Promise<void>;
+    loading: boolean;
+};
+export type MicSelectorProps = ComponentProps<typeof Popover> & {
+    defaultValue?: string;
+    value?: string | undefined;
+    onValueChange?: (value: string | undefined) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const MicSelector: ({ defaultValue, value: controlledValue, onValueChange: controlledOnValueChange, defaultOpen, open: controlledOpen, onOpenChange: controlledOnOpenChange, ...props }: MicSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorTriggerProps = ComponentProps<typeof Button>;
+export declare const MicSelectorTrigger: ({ children, ...props }: MicSelectorTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorContentProps = ComponentProps<typeof Command> & {
+    popoverOptions?: ComponentProps<typeof PopoverContent>;
+};
+export declare const MicSelectorContent: ({ className, popoverOptions, ...props }: MicSelectorContentProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorInputProps = ComponentProps<typeof CommandInput> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+export declare const MicSelectorInput: ({ ...props }: MicSelectorInputProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorListProps = Omit<ComponentProps<typeof CommandList>, "children"> & {
+    children: (devices: MediaDeviceInfo[]) => ReactNode;
+};
+export declare const MicSelectorList: ({ children, ...props }: MicSelectorListProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;
+export declare const MicSelectorEmpty: ({ children, ...props }: MicSelectorEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorItemProps = ComponentProps<typeof CommandItem>;
+export declare const MicSelectorItem: (props: MicSelectorItemProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorLabelProps = ComponentProps<"span"> & {
+    device: MediaDeviceInfo;
+};
+export declare const MicSelectorLabel: ({ device, className, ...props }: MicSelectorLabelProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorValueProps = ComponentProps<"span">;
+export declare const MicSelectorValue: ({ className, ...props }: MicSelectorValueProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mic-selector.d.ts.map

package/dist/molecules/mic-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mic-selector.d.ts","sourceRoot":"","sources":["../../src/molecules/mic-selector.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACZ,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,OAAO,EACP,cAAc,EAEf,MAAM,oCAAoC,CAAC;AAG5C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiCvD,eAAO,MAAM,eAAe;;;;;;CAiG3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,GAAG;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,qKAQzB,gBAAgB,4CAsClB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpE,eAAO,MAAM,kBAAkB,GAAI,wBAGhC,uBAAuB,4CAsCzB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,GAAG;IACrE,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,yCAIhC,uBAAuB,4CAYzB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,GAAG;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,cAAc,qBAAqB,4CAEnE,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,WAAW,CAAC,EAClC,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,wBAG7B,oBAAoB,4CAItB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAExE,eAAO,MAAM,gBAAgB,GAAI,wBAG9B,qBAAqB,4CAAuD,CAAC;AAEhF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAEtE,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAY1D,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IAC3D,MAAM,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,iCAI9B,qBAAqB,4CAoBvB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAE3D,eAAO,MAAM,gBAAgB,GAAI,yBAG9B,qBAAqB,4CAmBvB,CAAC"}

package/dist/molecules/mic-selector.js

@@ -0,0 +1,184 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { Button } from "@chatsdk-dev/ui/components/button";
+import { Command, CommandEmpty, CommandInput, CommandItem, CommandList, } from "@chatsdk-dev/ui/components/command";
+import { Popover, PopoverContent, PopoverTrigger, } from "@chatsdk-dev/ui/components/popover";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+import { ChevronsUpDownIcon } from "lucide-react";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
+const deviceIdRegex = /\(([\da-fA-F]{4}:[\da-fA-F]{4})\)$/;
+const MicSelectorContext = createContext({
+    data: [],
+    onOpenChange: undefined,
+    onValueChange: undefined,
+    open: false,
+    setWidth: undefined,
+    value: undefined,
+    width: 200,
+});
+export const useAudioDevices = () => {
+    const [devices, setDevices] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [hasPermission, setHasPermission] = useState(false);
+    const loadDevicesWithoutPermission = useCallback(async () => {
+        try {
+            setLoading(true);
+            setError(null);
+            const deviceList = await navigator.mediaDevices.enumerateDevices();
+            const audioInputs = deviceList.filter((device) => device.kind === "audioinput");
+            setDevices(audioInputs);
+        }
+        catch (caughtError) {
+            const message = caughtError instanceof Error
+                ? caughtError.message
+                : "Failed to get audio devices";
+            setError(message);
+            console.error("Error getting audio devices:", message);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    const loadDevicesWithPermission = useCallback(async () => {
+        if (loading) {
+            return;
+        }
+        try {
+            setLoading(true);
+            setError(null);
+            const tempStream = await navigator.mediaDevices.getUserMedia({
+                audio: true,
+            });
+            for (const track of tempStream.getTracks()) {
+                track.stop();
+            }
+            const deviceList = await navigator.mediaDevices.enumerateDevices();
+            const audioInputs = deviceList.filter((device) => device.kind === "audioinput");
+            setDevices(audioInputs);
+            setHasPermission(true);
+        }
+        catch (caughtError) {
+            const message = caughtError instanceof Error
+                ? caughtError.message
+                : "Failed to get audio devices";
+            setError(message);
+            console.error("Error getting audio devices:", message);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [loading]);
+    useEffect(() => {
+        loadDevicesWithoutPermission();
+    }, [loadDevicesWithoutPermission]);
+    useEffect(() => {
+        const handleDeviceChange = () => {
+            if (hasPermission) {
+                loadDevicesWithPermission();
+            }
+            else {
+                loadDevicesWithoutPermission();
+            }
+        };
+        navigator.mediaDevices.addEventListener("devicechange", handleDeviceChange);
+        return () => {
+            navigator.mediaDevices.removeEventListener("devicechange", handleDeviceChange);
+        };
+    }, [hasPermission, loadDevicesWithPermission, loadDevicesWithoutPermission]);
+    return {
+        devices,
+        error,
+        hasPermission,
+        loadDevices: loadDevicesWithPermission,
+        loading,
+    };
+};
+export const MicSelector = ({ defaultValue, value: controlledValue, onValueChange: controlledOnValueChange, defaultOpen = false, open: controlledOpen, onOpenChange: controlledOnOpenChange, ...props }) => {
+    const [value, onValueChange] = useControllableState({
+        defaultProp: defaultValue,
+        onChange: controlledOnValueChange,
+        prop: controlledValue,
+    });
+    const [open, onOpenChange] = useControllableState({
+        defaultProp: defaultOpen,
+        onChange: controlledOnOpenChange,
+        prop: controlledOpen,
+    });
+    const [width, setWidth] = useState(200);
+    const { devices, loading, hasPermission, loadDevices } = useAudioDevices();
+    useEffect(() => {
+        if (open && !hasPermission && !loading) {
+            loadDevices();
+        }
+    }, [open, hasPermission, loading, loadDevices]);
+    const contextValue = useMemo(() => ({
+        data: devices,
+        onOpenChange,
+        onValueChange,
+        open,
+        setWidth,
+        value,
+        width,
+    }), [devices, onOpenChange, onValueChange, open, setWidth, value, width]);
+    return (_jsx(MicSelectorContext.Provider, { value: contextValue, children: _jsx(Popover, { ...props, onOpenChange: onOpenChange, open: open }) }));
+};
+export const MicSelectorTrigger = ({ children, ...props }) => {
+    const { setWidth } = useContext(MicSelectorContext);
+    const ref = useRef(null);
+    useEffect(() => {
+        // Create a ResizeObserver to detect width changes
+        const resizeObserver = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                const newWidth = entry.target.offsetWidth;
+                if (newWidth) {
+                    setWidth?.(newWidth);
+                }
+            }
+        });
+        if (ref.current) {
+            resizeObserver.observe(ref.current);
+        }
+        // Clean up the observer when component unmounts
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [setWidth]);
+    return (_jsx(PopoverTrigger, { render: () => (_jsxs(Button, { variant: "outline", ...props, ref: ref, children: [children, _jsx(ChevronsUpDownIcon, { className: "shrink-0 text-muted-foreground", size: 16 })] })) }));
+};
+export const MicSelectorContent = ({ className, popoverOptions, ...props }) => {
+    const { width, onValueChange, value } = useContext(MicSelectorContext);
+    return (_jsx(PopoverContent, { className: cn("p-0", className), style: { width }, ...popoverOptions, children: _jsx(Command, { onValueChange: onValueChange, value: value, ...props }) }));
+};
+export const MicSelectorInput = ({ ...props }) => (_jsx(CommandInput, { placeholder: "Search microphones...", ...props }));
+export const MicSelectorList = ({ children, ...props }) => {
+    const { data } = useContext(MicSelectorContext);
+    return _jsx(CommandList, { ...props, children: children(data) });
+};
+export const MicSelectorEmpty = ({ children = "No microphone found.", ...props }) => _jsx(CommandEmpty, { ...props, children: children });
+export const MicSelectorItem = (props) => {
+    const { onValueChange, onOpenChange } = useContext(MicSelectorContext);
+    const handleSelect = useCallback((currentValue) => {
+        onValueChange?.(currentValue);
+        onOpenChange?.(false);
+    }, [onValueChange, onOpenChange]);
+    return _jsx(CommandItem, { onSelect: handleSelect, ...props });
+};
+export const MicSelectorLabel = ({ device, className, ...props }) => {
+    const matches = device.label.match(deviceIdRegex);
+    if (!matches) {
+        return (_jsx("span", { className: className, ...props, children: device.label }));
+    }
+    const [, deviceId] = matches;
+    const name = device.label.replace(deviceIdRegex, "");
+    return (_jsxs("span", { className: className, ...props, children: [_jsx("span", { children: name }), _jsxs("span", { className: "text-muted-foreground", children: [" (", deviceId, ")"] })] }));
+};
+export const MicSelectorValue = ({ className, ...props }) => {
+    const { data, value } = useContext(MicSelectorContext);
+    const currentDevice = data.find((d) => d.deviceId === value);
+    if (!currentDevice) {
+        return (_jsx("span", { className: cn("flex-1 text-left", className), ...props, children: "Select microphone..." }));
+    }
+    return (_jsx(MicSelectorLabel, { className: cn("flex-1 text-left", className), device: currentDevice, ...props }));
+};

package/dist/molecules/model-selector.d.ts

@@ -0,0 +1,36 @@
+import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "@chatsdk-dev/ui/components/command";
+import { Dialog, DialogContent, DialogTrigger } from "@chatsdk-dev/ui/components/dialog";
+import type { ComponentProps, ReactNode } from "react";
+export type ModelSelectorProps = ComponentProps<typeof Dialog>;
+export declare const ModelSelector: (props: ModelSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorTriggerProps = ComponentProps<typeof DialogTrigger>;
+export declare const ModelSelectorTrigger: (props: ModelSelectorTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorContentProps = ComponentProps<typeof DialogContent> & {
+    title?: ReactNode;
+};
+export declare const ModelSelectorContent: ({ className, children, title, ...props }: ModelSelectorContentProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorDialogProps = ComponentProps<typeof CommandDialog>;
+export declare const ModelSelectorDialog: (props: ModelSelectorDialogProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorInputProps = ComponentProps<typeof CommandInput>;
+export declare const ModelSelectorInput: ({ className, ...props }: ModelSelectorInputProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorListProps = ComponentProps<typeof CommandList>;
+export declare const ModelSelectorList: (props: ModelSelectorListProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;
+export declare const ModelSelectorEmpty: (props: ModelSelectorEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorGroupProps = ComponentProps<typeof CommandGroup>;
+export declare const ModelSelectorGroup: (props: ModelSelectorGroupProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorItemProps = ComponentProps<typeof CommandItem>;
+export declare const ModelSelectorItem: (props: ModelSelectorItemProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorShortcutProps = ComponentProps<typeof CommandShortcut>;
+export declare const ModelSelectorShortcut: (props: ModelSelectorShortcutProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorSeparatorProps = ComponentProps<typeof CommandSeparator>;
+export declare const ModelSelectorSeparator: (props: ModelSelectorSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorLogoProps = Omit<ComponentProps<"img">, "src" | "alt"> & {
+    provider: "moonshotai-cn" | "lucidquery" | "moonshotai" | "zai-coding-plan" | "alibaba" | "xai" | "vultr" | "nvidia" | "upstage" | "groq" | "github-copilot" | "mistral" | "vercel" | "nebius" | "deepseek" | "alibaba-cn" | "google-vertex-anthropic" | "venice" | "chutes" | "cortecs" | "github-models" | "togetherai" | "azure" | "baseten" | "huggingface" | "opencode" | "fastrouter" | "google" | "google-vertex" | "cloudflare-workers-ai" | "inception" | "wandb" | "openai" | "zhipuai-coding-plan" | "perplexity" | "openrouter" | "zenmux" | "v0" | "iflowcn" | "synthetic" | "deepinfra" | "zhipuai" | "submodel" | "zai" | "inference" | "requesty" | "morph" | "lmstudio" | "anthropic" | "aihubmix" | "fireworks-ai" | "modelscope" | "llama" | "scaleway" | "amazon-bedrock" | "cerebras" | (string & {});
+};
+export declare const ModelSelectorLogo: ({ provider, className, ...props }: ModelSelectorLogoProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorLogoGroupProps = ComponentProps<"div">;
+export declare const ModelSelectorLogoGroup: ({ className, ...props }: ModelSelectorLogoGroupProps) => import("react/jsx-runtime").JSX.Element;
+export type ModelSelectorNameProps = ComponentProps<"span">;
+export declare const ModelSelectorName: ({ className, ...props }: ModelSelectorNameProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=model-selector.d.ts.map

package/dist/molecules/model-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-selector.d.ts","sourceRoot":"","sources":["../../src/molecules/model-selector.tsx"],"names":[],"mappings":"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"}

package/dist/molecules/model-selector.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "@chatsdk-dev/ui/components/command";
+import { Dialog, DialogContent, DialogTitle, DialogTrigger, } from "@chatsdk-dev/ui/components/dialog";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+export const ModelSelector = (props) => (_jsx(Dialog, { ...props }));
+export const ModelSelectorTrigger = (props) => (_jsx(DialogTrigger, { ...props }));
+export const ModelSelectorContent = ({ className, children, title = "Model Selector", ...props }) => (_jsxs(DialogContent, { "aria-describedby": undefined, className: cn("outline! border-none! p-0 outline-border! outline-solid!", className), ...props, children: [_jsx(DialogTitle, { className: "sr-only", children: title }), _jsx(Command, { className: "**:data-[slot=command-input-wrapper]:h-auto", children: children })] }));
+export const ModelSelectorDialog = (props) => (_jsx(CommandDialog, { ...props }));
+export const ModelSelectorInput = ({ className, ...props }) => (_jsx(CommandInput, { className: cn("h-auto py-3.5", className), ...props }));
+export const ModelSelectorList = (props) => (_jsx(CommandList, { ...props }));
+export const ModelSelectorEmpty = (props) => (_jsx(CommandEmpty, { ...props }));
+export const ModelSelectorGroup = (props) => (_jsx(CommandGroup, { ...props }));
+export const ModelSelectorItem = (props) => (_jsx(CommandItem, { ...props }));
+export const ModelSelectorShortcut = (props) => (_jsx(CommandShortcut, { ...props }));
+export const ModelSelectorSeparator = (props) => (_jsx(CommandSeparator, { ...props }));
+export const ModelSelectorLogo = ({ provider, className, ...props }) => (_jsx("img", { ...props, alt: `${provider} logo`, className: cn("size-3 dark:invert", className), height: 12, src: `https://models.dev/logos/${provider}.svg`, width: 12 }));
+export const ModelSelectorLogoGroup = ({ className, ...props }) => (_jsx("div", { className: cn("flex shrink-0 items-center -space-x-1 [&>img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 dark:[&>img]:bg-foreground", className), ...props }));
+export const ModelSelectorName = ({ className, ...props }) => (_jsx("span", { className: cn("flex-1 truncate text-left", className), ...props }));

package/dist/molecules/node.d.ts

@@ -0,0 +1,22 @@
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@chatsdk-dev/ui/components/card";
+import type { ComponentProps } from "react";
+export type NodeProps = ComponentProps<typeof Card> & {
+    handles: {
+        target: boolean;
+        source: boolean;
+    };
+};
+export declare const Node: ({ handles, className, ...props }: NodeProps) => import("react/jsx-runtime").JSX.Element;
+export type NodeHeaderProps = ComponentProps<typeof CardHeader>;
+export declare const NodeHeader: ({ className, ...props }: NodeHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type NodeTitleProps = ComponentProps<typeof CardTitle>;
+export declare const NodeTitle: (props: NodeTitleProps) => import("react/jsx-runtime").JSX.Element;
+export type NodeDescriptionProps = ComponentProps<typeof CardDescription>;
+export declare const NodeDescription: (props: NodeDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export type NodeActionProps = ComponentProps<typeof CardAction>;
+export declare const NodeAction: (props: NodeActionProps) => import("react/jsx-runtime").JSX.Element;
+export type NodeContentProps = ComponentProps<typeof CardContent>;
+export declare const NodeContent: ({ className, ...props }: NodeContentProps) => import("react/jsx-runtime").JSX.Element;
+export type NodeFooterProps = ComponentProps<typeof CardFooter>;
+export declare const NodeFooter: ({ className, ...props }: NodeFooterProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=node.d.ts.map

package/dist/molecules/node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../src/molecules/node.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACV,MAAM,iCAAiC,CAAC;AAGzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpD,OAAO,EAAE;QACP,MAAM,EAAE,OAAO,CAAC;QAChB,MAAM,EAAE,OAAO,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,kCAAkC,SAAS,4CAY/D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEhE,eAAO,MAAM,UAAU,GAAI,yBAAyB,eAAe,4CAKlE,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9D,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAA6B,CAAC;AAE7E,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAE1E,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAE1D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEhE,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAA8B,CAAC;AAEhF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAElE,eAAO,MAAM,WAAW,GAAI,yBAAyB,gBAAgB,4CAEpE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEhE,eAAO,MAAM,UAAU,GAAI,yBAAyB,eAAe,4CAKlE,CAAC"}

package/dist/molecules/node.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@chatsdk-dev/ui/components/card";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+import { Handle, Position } from "@xyflow/react";
+export const Node = ({ handles, className, ...props }) => (_jsxs(Card, { className: cn("node-container relative size-full h-auto w-sm gap-0 rounded-md p-0", className), ...props, children: [handles.target && _jsx(Handle, { position: Position.Left, type: "target" }), handles.source && _jsx(Handle, { position: Position.Right, type: "source" }), props.children] }));
+export const NodeHeader = ({ className, ...props }) => (_jsx(CardHeader, { className: cn("gap-0.5 rounded-t-md border-b bg-secondary p-3!", className), ...props }));
+export const NodeTitle = (props) => _jsx(CardTitle, { ...props });
+export const NodeDescription = (props) => (_jsx(CardDescription, { ...props }));
+export const NodeAction = (props) => _jsx(CardAction, { ...props });
+export const NodeContent = ({ className, ...props }) => (_jsx(CardContent, { className: cn("p-3", className), ...props }));
+export const NodeFooter = ({ className, ...props }) => (_jsx(CardFooter, { className: cn("rounded-b-md border-t bg-secondary p-3!", className), ...props }));

package/dist/molecules/open-in-chat.d.ts

@@ -0,0 +1,29 @@
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@chatsdk-dev/ui/components/dropdown-menu";
+import type { ComponentProps } from "react";
+export type OpenInProps = ComponentProps<typeof DropdownMenu> & {
+    query: string;
+};
+export declare const OpenIn: ({ query, ...props }: OpenInProps) => import("react/jsx-runtime").JSX.Element;
+export type OpenInContentProps = ComponentProps<typeof DropdownMenuContent>;
+export declare const OpenInContent: ({ className, ...props }: OpenInContentProps) => import("react/jsx-runtime").JSX.Element;
+export type OpenInItemProps = ComponentProps<typeof DropdownMenuItem>;
+export declare const OpenInItem: (props: OpenInItemProps) => import("react/jsx-runtime").JSX.Element;
+export type OpenInLabelProps = ComponentProps<typeof DropdownMenuLabel>;
+export declare const OpenInLabel: (props: OpenInLabelProps) => import("react/jsx-runtime").JSX.Element;
+export type OpenInSeparatorProps = ComponentProps<typeof DropdownMenuSeparator>;
+export declare const OpenInSeparator: (props: OpenInSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export type OpenInTriggerProps = ComponentProps<typeof DropdownMenuTrigger>;
+export declare const OpenInTrigger: ({ children, ...props }: OpenInTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type OpenInChatGPTProps = ComponentProps<typeof DropdownMenuItem>;
+export declare const OpenInChatGPT: (props: OpenInChatGPTProps) => import("react/jsx-runtime").JSX.Element;
+export type OpenInClaudeProps = ComponentProps<typeof DropdownMenuItem>;
+export declare const OpenInClaude: (props: OpenInClaudeProps) => import("react/jsx-runtime").JSX.Element;
+export type OpenInT3Props = ComponentProps<typeof DropdownMenuItem>;
+export declare const OpenInT3: (props: OpenInT3Props) => import("react/jsx-runtime").JSX.Element;
+export type OpenInSciraProps = ComponentProps<typeof DropdownMenuItem>;
+export declare const OpenInScira: (props: OpenInSciraProps) => import("react/jsx-runtime").JSX.Element;
+export type OpenInv0Props = ComponentProps<typeof DropdownMenuItem>;
+export declare const OpenInv0: (props: OpenInv0Props) => import("react/jsx-runtime").JSX.Element;
+export type OpenInCursorProps = ComponentProps<typeof DropdownMenuItem>;
+export declare const OpenInCursor: (props: OpenInCursorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=open-in-chat.d.ts.map

package/dist/molecules/open-in-chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-in-chat.d.ts","sourceRoot":"","sources":["../../src/molecules/open-in-chat.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,0CAA0C,CAAC;AAOlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAmL5C,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,GAAG;IAC9D,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,qBAAqB,WAAW,4CAQtD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAE5E,eAAO,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,4CAMxE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEtE,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAEhD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAExE,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAElD,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEhF,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAE1D,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAE5E,eAAO,MAAM,aAAa,GAAI,wBAAwB,kBAAkB,4CAcvE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEzE,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAmBtD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAExE,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAkBpD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEpE,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAmB5C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEvE,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAmBlD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEpE,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAmB5C,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAExE,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAmBpD,CAAC"}