@theaiplatform/miniapp-sdk 0.0.0 → 0.0.2

package/dist/ui.js

@@ -0,0 +1,2045 @@
+import { cva } from "class-variance-authority";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { Slot } from "@radix-ui/react-slot";
+import { Check, CheckIcon, ChevronDown, ChevronUp, Circle, CopyIcon, GripVertical, X, XIcon } from "lucide-react";
+import { Highlight, themes } from "prism-react-renderer";
+import { composeRefs } from "@radix-ui/react-compose-refs";
+import { useCallback, useEffect, useRef } from "react";
+import { Group, Panel, Separator as external_react_resizable_panels_Separator } from "react-resizable-panels";
+import * as __rspack_external_react from "react";
+import * as __rspack_external__radix_ui_react_alert_dialog_df21c073 from "@radix-ui/react-alert-dialog";
+import * as __rspack_external__radix_ui_react_avatar_44cfeec7 from "@radix-ui/react-avatar";
+import * as __rspack_external__radix_ui_react_separator_c79cca86 from "@radix-ui/react-separator";
+import * as __rspack_external__radix_ui_react_checkbox_76182ac8 from "@radix-ui/react-checkbox";
+import * as __rspack_external__radix_ui_react_dialog_dabd8325 from "@radix-ui/react-dialog";
+import * as __rspack_external__radix_ui_react_label_73c6aeea from "@radix-ui/react-label";
+import * as __rspack_external__radix_ui_react_tooltip_b301f25d from "@radix-ui/react-tooltip";
+import * as __rspack_external__radix_ui_react_progress_67feda0a from "@radix-ui/react-progress";
+import * as __rspack_external__radix_ui_react_radio_group_295a43fb from "@radix-ui/react-radio-group";
+import * as __rspack_external__radix_ui_react_scroll_area_bdec1136 from "@radix-ui/react-scroll-area";
+import * as __rspack_external__radix_ui_react_select_4606f4d3 from "@radix-ui/react-select";
+import * as __rspack_external__radix_ui_react_slider_302f41eb from "@radix-ui/react-slider";
+import * as __rspack_external__radix_ui_react_tabs_62268d7a from "@radix-ui/react-tabs";
+import * as __rspack_external__radix_ui_react_toggle_f6d72b6a from "@radix-ui/react-toggle";
+import * as __rspack_external__radix_ui_react_toggle_group_1cb63752 from "@radix-ui/react-toggle-group";
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const headingVariants = cva('font-semibold', {
+    defaultVariants: {
+        level: 'h1'
+    },
+    variants: {
+        level: {
+            h1: 'text-4xl leading-11 font-bold tracking-[-0.025em]',
+            h2: 'text-3xl leading-11 font-bold tracking-[-0.025em]',
+            h3: 'text-2xl leading-8 font-semibold tracking-[-0.025em]',
+            h4: 'text-xl leading-7 font-semibold tracking-[-0.025em]',
+            h5: 'text-lg leading-7 font-semibold',
+            h6: 'text-base leading-6 font-semibold'
+        }
+    }
+});
+const headingSizeOverrides = {
+    sm: 'text-sm leading-tight font-semibold tracking-normal'
+};
+function H1({ asChild = false, className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        asChild: asChild,
+        className: className,
+        level: "h1",
+        ...props
+    });
+}
+function H2({ asChild = false, className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        asChild: asChild,
+        className: className,
+        level: "h2",
+        ...props
+    });
+}
+function H3({ asChild = false, className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        asChild: asChild,
+        className: className,
+        level: "h3",
+        ...props
+    });
+}
+function H4({ asChild = false, className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        asChild: asChild,
+        className: className,
+        level: "h4",
+        ...props
+    });
+}
+const H5 = /*#__PURE__*/ __rspack_external_react.forwardRef(({ asChild = false, className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        ref: ref,
+        asChild: asChild,
+        className: className,
+        level: "h5",
+        ...props
+    }));
+H5.displayName = 'H5';
+function H6({ asChild = false, className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        asChild: asChild,
+        className: className,
+        level: "h6",
+        ...props
+    });
+}
+const Heading = /*#__PURE__*/ __rspack_external_react.forwardRef(({ asChild = false, className, level = 'h1', size, ...props }, ref)=>{
+    const Component = asChild ? Slot : level ?? 'h1';
+    return /*#__PURE__*/ __rspack_external_react.createElement(Component, {
+        ref: ref,
+        className: cn(headingVariants({
+            level
+        }), size && headingSizeOverrides[size], className),
+        ...props
+    });
+});
+Heading.displayName = 'Heading';
+const alertVariants = cva('relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground', {
+    variants: {
+        variant: {
+            default: 'bg-background text-foreground',
+            info: 'border-info/50 bg-info/10 text-info-accent-foreground [&>svg]:text-info',
+            destructive: 'border-destructive/50 bg-destructive/10 text-destructive [&>svg]:text-destructive',
+            warning: 'border-warning/50 bg-warning/10 text-warning-accent-foreground [&>svg]:text-warning',
+            success: 'border-success/50 bg-success/10 text-success-accent-foreground [&>svg]:text-success'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function Alert({ className, variant, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        role: "alert",
+        className: cn(alertVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+Alert.displayName = 'Alert';
+const AlertTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        ref: ref,
+        level: "h5",
+        className: cn('mb-1 leading-none font-medium', className),
+        ...props
+    }));
+AlertTitle.displayName = 'AlertTitle';
+function AlertDescription({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: cn('text-sm [&_p]:leading-relaxed', className),
+        ...props
+    });
+}
+AlertDescription.displayName = "AlertDescription";
+const NativeViewOcclusionContext = /*#__PURE__*/ __rspack_external_react.createContext(null);
+function NativeViewOcclusionProvider({ adapter, children }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(NativeViewOcclusionContext.Provider, {
+        value: adapter
+    }, children);
+}
+let nextClaimId = 0;
+function useNativeViewOcclusion({ enabled = true } = {}) {
+    const adapter = __rspack_external_react.useContext(NativeViewOcclusionContext);
+    const [element, setElement] = __rspack_external_react.useState(null);
+    const [ready, setReady] = __rspack_external_react.useState(!enabled || null === adapter);
+    const claimIdRef = __rspack_external_react.useRef(null);
+    if (null === claimIdRef.current) {
+        nextClaimId += 1;
+        claimIdRef.current = `native-view-occlusion-${nextClaimId}`;
+    }
+    const ref = __rspack_external_react.useCallback((node)=>{
+        setElement(node);
+    }, []);
+    __rspack_external_react.useEffect(()=>{
+        if (!enabled || null === adapter) return void setReady(true);
+        if (null === element) return void setReady(false);
+        setReady(false);
+        let cancelled = false;
+        let release = null;
+        const claimId = claimIdRef.current;
+        if (null === claimId) return;
+        const rafId = requestAnimationFrame(()=>{
+            Promise.resolve(adapter.acquire(element, claimId)).then((acquiredRelease)=>{
+                if (cancelled) return void acquiredRelease();
+                release = acquiredRelease;
+                setReady(true);
+            }, ()=>void 0);
+        });
+        return ()=>{
+            cancelled = true;
+            cancelAnimationFrame(rafId);
+            release?.();
+        };
+    }, [
+        adapter,
+        element,
+        enabled
+    ]);
+    return {
+        ref,
+        ready
+    };
+}
+const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium outline-none transition-[box-shadow,background-color,border-color,color] duration-200 focus-visible:outline-none focus-visible:shadow-input-focus disabled:pointer-events-none disabled:opacity-50 cursor-pointer [&_svg]:pointer-events-none [&_svg:not([width])]:size-4 [&_svg]:shrink-0 [&_svg]:text-current', {
+    variants: {
+        variant: {
+            default: 'btn-primary-shine bg-primary text-primary-foreground shadow-(--shadow-button-primary) hover:bg-primary-hover active:bg-primary active:shadow-none',
+            destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive-hover shadow-sm hover:shadow-md active:bg-destructive/90',
+            outline: 'shadow-(--shadow-button-outline) bg-background hover:shadow-(--shadow-button-outline-hover) hover:bg-accent hover:text-accent-foreground active:bg-accent/90',
+            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary-hover shadow-(--shadow-button-secondary) hover:shadow-(--shadow-button-secondary-hover) active:bg-secondary/90',
+            tertiary: 'bg-button-tertiary-default text-foreground hover:bg-button-tertiary-hover active:bg-button-tertiary-hover/90',
+            ghost: 'bg-button-borderless-default hover:bg-button-borderless-hover active:bg-button-borderless-hover',
+            link: 'text-primary underline-offset-4 hover:underline'
+        },
+        size: {
+            default: 'h-10 px-3 py-2.5 rounded-lg',
+            sm: 'h-9 px-3 rounded-lg',
+            compact: 'h-8 px-3 rounded-lg',
+            lg: 'h-11 px-8 rounded-lg',
+            icon: 'h-10 w-10 rounded-lg',
+            'icon-md': 'h-9 w-9 rounded-lg',
+            'icon-sm': 'h-8 w-8 rounded-lg',
+            'icon-xs': 'h-6 w-6 rounded-lg'
+        },
+        shape: {
+            default: '',
+            pill: 'rounded-full'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+        shape: 'default'
+    },
+    compoundVariants: [
+        {
+            variant: 'ghost',
+            size: [
+                'icon',
+                'icon-md'
+            ],
+            className: 'text-foreground opacity-65 hover:opacity-100'
+        }
+    ]
+});
+function Button({ className, variant, size, shape, asChild = false, ref, ...props }) {
+    const Comp = asChild ? Slot : 'button';
+    return /*#__PURE__*/ __rspack_external_react.createElement(Comp, {
+        className: cn(buttonVariants({
+            variant,
+            size,
+            shape
+        }), className),
+        ref: ref,
+        ...props
+    });
+}
+Button.displayName = 'Button';
+const DIALOG_FOOTER_ATTRIBUTE = 'data-dialog-footer';
+const DIALOG_PRIMARY_ACTION_ATTRIBUTE = 'data-dialog-primary-action';
+const DIALOG_CANCEL_ACTION_ATTRIBUTE = 'data-dialog-cancel-action';
+const DIALOG_FIELD_SELECTOR = 'input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea,[contenteditable="true"],[role="textbox"]';
+const DIALOG_PRIMARY_ACTION_SELECTOR = [
+    `[${DIALOG_PRIMARY_ACTION_ATTRIBUTE}]:not([${DIALOG_PRIMARY_ACTION_ATTRIBUTE}="false"])`
+].join(',');
+const DIALOG_SUBMIT_ACTION_SELECTOR = 'button[type="submit"],input[type="submit"]';
+const DIALOG_FOOTER_ACTION_SELECTOR = 'button,a[href],input:not([type="hidden"]),select,textarea,[role="button"],[tabindex]:not([tabindex="-1"])';
+function pickDialogDefaultFocusTarget({ footerActions, formFields, primaryActions, submitActions }) {
+    const firstFormField = formFields.find((candidate)=>!candidate.disabled);
+    if (firstFormField) return firstFormField.element;
+    if (primaryActions.length > 0) return primaryActions.find((candidate)=>!candidate.disabled)?.element ?? null;
+    if (submitActions.length > 0) return submitActions.find((candidate)=>!candidate.disabled)?.element ?? null;
+    const lastFooterAction = footerActions.at(-1);
+    if (!lastFooterAction || lastFooterAction.disabled || lastFooterAction.isCancel) return null;
+    return lastFooterAction.element;
+}
+function hasHiddenAncestor(element) {
+    let current = element;
+    while(current){
+        if (current.hidden || 'true' === current.getAttribute('aria-hidden')) return true;
+        current = current.parentElement;
+    }
+    return false;
+}
+function isElementVisible(element) {
+    if (hasHiddenAncestor(element)) return false;
+    const computedStyle = element.ownerDocument.defaultView?.getComputedStyle(element);
+    return computedStyle?.display !== 'none' && computedStyle?.visibility !== 'hidden' && computedStyle?.visibility !== 'collapse';
+}
+function isDisabledElement(element) {
+    return element.matches(':disabled') || 'true' === element.getAttribute('aria-disabled') || 'true' === element.getAttribute('data-disabled');
+}
+function toFocusCandidate(element) {
+    return {
+        disabled: isDisabledElement(element) || !isElementVisible(element),
+        element,
+        isCancel: element.matches(`[${DIALOG_CANCEL_ACTION_ATTRIBUTE}]`)
+    };
+}
+function queryFocusCandidates(root, selector) {
+    return Array.from(root.querySelectorAll(selector)).map(toFocusCandidate);
+}
+function isHtmlElement(value) {
+    return "u" > typeof HTMLElement && value instanceof HTMLElement;
+}
+function getDialogDefaultFocusTarget(content) {
+    const footers = Array.from(content.querySelectorAll(`[${DIALOG_FOOTER_ATTRIBUTE}]`));
+    const lastFooter = footers.at(-1);
+    return pickDialogDefaultFocusTarget({
+        footerActions: lastFooter ? queryFocusCandidates(lastFooter, DIALOG_FOOTER_ACTION_SELECTOR) : [],
+        formFields: queryFocusCandidates(content, DIALOG_FIELD_SELECTOR),
+        primaryActions: queryFocusCandidates(content, DIALOG_PRIMARY_ACTION_SELECTOR),
+        submitActions: queryFocusCandidates(content, DIALOG_SUBMIT_ACTION_SELECTOR)
+    });
+}
+function focusDialogDefaultTarget(content) {
+    const focusTarget = getDialogDefaultFocusTarget(content);
+    if (!focusTarget) return false;
+    requestAnimationFrame(()=>{
+        if (focusTarget.isConnected) focusTarget.focus({
+            preventScroll: true
+        });
+    });
+    return true;
+}
+function shouldFlushQueuedDialogDefaultFocus({ contentAvailable, ready, shouldFocus }) {
+    return ready && shouldFocus && contentAvailable;
+}
+function flushQueuedDialogDefaultFocus({ content, ready, shouldFocus }) {
+    if (!shouldFlushQueuedDialogDefaultFocus({
+        contentAvailable: null !== content,
+        ready,
+        shouldFocus
+    }) || !content) return false;
+    focusDialogDefaultTarget(content);
+    return true;
+}
+function shouldQueueDialogDefaultFocus(event, onOpenAutoFocus) {
+    onOpenAutoFocus?.(event);
+    if (event.defaultPrevented) return false;
+    event.preventDefault();
+    return true;
+}
+function handleDialogOpenAutoFocus(event, onOpenAutoFocus) {
+    if (!shouldQueueDialogDefaultFocus(event, onOpenAutoFocus)) return;
+    const content = event.currentTarget;
+    if (isHtmlElement(content)) focusDialogDefaultTarget(content);
+}
+const AlertDialog = __rspack_external__radix_ui_react_alert_dialog_df21c073.Root;
+const AlertDialogTrigger = __rspack_external__radix_ui_react_alert_dialog_df21c073.Trigger;
+const AlertDialogPortal = __rspack_external__radix_ui_react_alert_dialog_df21c073.Portal;
+function AlertDialogOverlay({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_alert_dialog_df21c073.Overlay, {
+        ref: ref,
+        className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-(--z-modal) bg-black/50', className),
+        ...props
+    });
+}
+AlertDialogOverlay.displayName = __rspack_external__radix_ui_react_alert_dialog_df21c073.Overlay.displayName;
+function AlertDialogContent({ className, onOpenAutoFocus, ref, ...props }) {
+    const { ref: occlusionRef, ready } = useNativeViewOcclusion();
+    const handleOpenAutoFocus = __rspack_external_react.useCallback((event)=>{
+        handleDialogOpenAutoFocus(event, onOpenAutoFocus);
+    }, [
+        onOpenAutoFocus
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(AlertDialogPortal, null, /*#__PURE__*/ __rspack_external_react.createElement(AlertDialogOverlay, {
+        ref: occlusionRef,
+        className: cn(!ready && 'invisible')
+    }), /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_alert_dialog_df21c073.Content, {
+        ref: ref,
+        className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed top-[50%] left-[50%] z-(--z-modal) grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg', !ready && 'invisible', className),
+        ...props,
+        onOpenAutoFocus: handleOpenAutoFocus
+    }));
+}
+AlertDialogContent.displayName = __rspack_external__radix_ui_react_alert_dialog_df21c073.Content.displayName;
+const AlertDialogHeader = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn('flex flex-col space-y-2 text-center sm:text-left', className),
+        ...props
+    });
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+const AlertDialogFooter = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className),
+        [DIALOG_FOOTER_ATTRIBUTE]: '',
+        ...props
+    });
+AlertDialogFooter.displayName = 'AlertDialogFooter';
+const AlertDialogTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_alert_dialog_df21c073.Title, {
+        ref: ref,
+        className: cn('text-lg font-semibold', className),
+        ...props
+    }));
+AlertDialogTitle.displayName = __rspack_external__radix_ui_react_alert_dialog_df21c073.Title.displayName;
+const AlertDialogDescription = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_alert_dialog_df21c073.Description, {
+        ref: ref,
+        className: cn('text-muted-foreground text-sm', className),
+        ...props
+    }));
+AlertDialogDescription.displayName = __rspack_external__radix_ui_react_alert_dialog_df21c073.Description.displayName;
+const AlertDialogAction = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_alert_dialog_df21c073.Action, {
+        ref: ref,
+        className: cn(buttonVariants(), className),
+        [DIALOG_PRIMARY_ACTION_ATTRIBUTE]: '',
+        ...props
+    }));
+AlertDialogAction.displayName = __rspack_external__radix_ui_react_alert_dialog_df21c073.Action.displayName;
+const AlertDialogCancel = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_alert_dialog_df21c073.Cancel, {
+        ref: ref,
+        className: cn(buttonVariants({
+            variant: 'outline'
+        }), 'mt-2 sm:mt-0', className),
+        [DIALOG_CANCEL_ACTION_ATTRIBUTE]: '',
+        ...props
+    }));
+AlertDialogCancel.displayName = __rspack_external__radix_ui_react_alert_dialog_df21c073.Cancel.displayName;
+const badgeVariants = cva('inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors duration-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
+    variants: {
+        variant: {
+            default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
+            secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            destructive: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+            success: 'border-transparent bg-success text-success-foreground hover:bg-success/80',
+            warning: 'border-transparent bg-warning text-warning-foreground hover:bg-warning/80',
+            info: 'border-transparent bg-info text-info-foreground hover:bg-info/80',
+            outline: 'text-foreground',
+            draft: 'border-surface-border-1 bg-muted text-foreground gap-2 h-8 px-3 py-2 font-medium'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function Badge({ className, variant, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: cn(badgeVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+function Avatar({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_avatar_44cfeec7.Root, {
+        ref: ref,
+        ...props,
+        "data-component": "avatar",
+        className: cn('relative flex size-10 shrink-0 overflow-hidden rounded-full', className)
+    });
+}
+Avatar.displayName = __rspack_external__radix_ui_react_avatar_44cfeec7.Root.displayName;
+function AvatarImage({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_avatar_44cfeec7.Image, {
+        ref: ref,
+        ...props,
+        "data-component": "avatar-image",
+        className: cn('aspect-square size-full', className)
+    });
+}
+AvatarImage.displayName = __rspack_external__radix_ui_react_avatar_44cfeec7.Image.displayName;
+function AvatarFallback({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_avatar_44cfeec7.Fallback, {
+        ref: ref,
+        ...props,
+        "data-component": "avatar-fallback",
+        className: cn('bg-muted flex size-full items-center justify-center rounded-full text-sm font-medium', className)
+    });
+}
+AvatarFallback.displayName = __rspack_external__radix_ui_react_avatar_44cfeec7.Fallback.displayName;
+function Separator({ className, orientation = 'horizontal', decorative = true, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_separator_c79cca86.Root, {
+        ref: ref,
+        decorative: decorative,
+        orientation: orientation,
+        className: cn('bg-border shrink-0', 'horizontal' === orientation ? 'h-[1px] w-full' : 'h-full w-[1px]', className),
+        ...props
+    });
+}
+Separator.displayName = __rspack_external__radix_ui_react_separator_c79cca86.Root.displayName;
+const buttonGroupVariants = cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+    variants: {
+        orientation: {
+            horizontal: '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',
+            vertical: 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none'
+        }
+    },
+    defaultVariants: {
+        orientation: 'horizontal'
+    }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        role: "group",
+        "data-slot": "button-group",
+        "data-orientation": orientation,
+        className: cn(buttonGroupVariants({
+            orientation
+        }), className),
+        ...props
+    });
+}
+function ButtonGroupText({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'div';
+    return /*#__PURE__*/ __rspack_external_react.createElement(Comp, {
+        className: cn("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function ButtonGroupSeparator({ className, orientation = 'vertical', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Separator, {
+        "data-slot": "button-group-separator",
+        orientation: orientation,
+        className: cn('bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto', className),
+        ...props
+    });
+}
+const cardVariants = cva('text-card-foreground rounded-2xl', {
+    variants: {
+        variant: {
+            default: 'bg-card/40',
+            transparent: 'bg-transparent'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function Card({ className, variant, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: cn(cardVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+Card.displayName = 'Card';
+function CardHeader({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: cn('flex flex-col space-y-1.5 p-6', className),
+        ...props
+    });
+}
+CardHeader.displayName = 'CardHeader';
+function CardTitle({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: cn('text-2xl leading-none font-semibold tracking-tight', className),
+        ...props
+    });
+}
+CardTitle.displayName = 'CardTitle';
+function CardDescription({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: cn('text-muted-foreground text-sm', className),
+        ...props
+    });
+}
+CardDescription.displayName = "CardDescription";
+function CardContent({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: cn('p-6 pt-0', className),
+        ...props
+    });
+}
+CardContent.displayName = 'CardContent';
+function CardFooter({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: cn('flex items-center p-6 pt-0', className),
+        ...props
+    });
+}
+CardFooter.displayName = 'CardFooter';
+const Checkbox = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_checkbox_76182ac8.Root, {
+        ref: ref,
+        className: cn('peer border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground h-4 w-4 shrink-0 rounded-sm border focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_checkbox_76182ac8.Indicator, {
+        className: cn('flex items-center justify-center text-current')
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Check, {
+        className: "h-4 w-4"
+    }))));
+Checkbox.displayName = __rspack_external__radix_ui_react_checkbox_76182ac8.Root.displayName;
+const CodeBlockContext = /*#__PURE__*/ (0, __rspack_external_react.createContext)({
+    code: ''
+});
+const normalizeLanguage = (lang)=>{
+    const languageMap = {
+        ts: "typescript",
+        js: "javascript",
+        py: 'python',
+        sh: 'bash',
+        shell: 'bash',
+        zsh: 'bash',
+        yml: 'yaml',
+        md: 'markdown',
+        'c++': 'cpp',
+        'c#': 'csharp',
+        cs: 'csharp',
+        rs: 'rust',
+        rb: 'ruby',
+        kt: 'kotlin',
+        ex: 'elixir',
+        clj: 'clojure',
+        hs: 'haskell',
+        pl: 'perl',
+        gql: 'graphql',
+        text: 'plaintext',
+        txt: 'plaintext'
+    };
+    if ('string' != typeof lang) return 'plaintext';
+    const normalized = lang.trim().toLowerCase();
+    if (!normalized) return 'plaintext';
+    return languageMap[normalized] || normalized;
+};
+const code_block_CodeLine = /*#__PURE__*/ (0, __rspack_external_react.memo)(function({ line, lineNumber, showLineNumbers, getLineProps, getTokenProps }) {
+    const lineProps = getLineProps({
+        line
+    });
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...lineProps,
+        className: cn(lineProps.className, 'table-row')
+    }, showLineNumbers && /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: "text-muted-foreground table-cell min-w-[2.5rem] pr-4 text-right select-none"
+    }, lineNumber), /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: "table-cell"
+    }, line.map((token, key)=>{
+        const tokenProps = getTokenProps({
+            token
+        });
+        return /*#__PURE__*/ __rspack_external_react.createElement("span", {
+            key: key,
+            ...tokenProps
+        });
+    })));
+});
+const code_block_HighlightedCode = /*#__PURE__*/ (0, __rspack_external_react.memo)(function({ code, language, showLineNumbers, theme, className }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Highlight, {
+        theme: theme,
+        code: code,
+        language: language
+    }, ({ className: highlightClassName, style, tokens, getLineProps, getTokenProps })=>/*#__PURE__*/ __rspack_external_react.createElement("pre", {
+            className: cn(highlightClassName, 'm-0 table w-full overflow-x-auto p-4 font-mono text-sm', className),
+            style: {
+                ...style,
+                background: 'transparent'
+            }
+        }, /*#__PURE__*/ __rspack_external_react.createElement("code", {
+            className: "table-row-group"
+        }, tokens.map((line, i)=>/*#__PURE__*/ __rspack_external_react.createElement(code_block_CodeLine, {
+                key: i,
+                line: line,
+                lineNumber: i + 1,
+                showLineNumbers: showLineNumbers,
+                getLineProps: getLineProps,
+                getTokenProps: getTokenProps
+            })))));
+});
+const code_block_CodeBlock = /*#__PURE__*/ (0, __rspack_external_react.memo)(function({ code, language, highlight = true, showLineNumbers = false, command, collapsible = false, defaultExpanded = false, className, children, ...props }) {
+    const safeCode = 'string' == typeof code ? code : String(code ?? '');
+    const trimmedCode = safeCode.replace(/\n+$/, '');
+    const normalizedLanguage = normalizeLanguage(language);
+    const [isExpanded, setIsExpanded] = (0, __rspack_external_react.useState)(collapsible ? defaultExpanded : true);
+    const commandLines = (0, __rspack_external_react.useMemo)(()=>{
+        if (!command) return [];
+        return Array.isArray(command) ? command : [
+            command
+        ];
+    }, [
+        command
+    ]);
+    const shouldShowCollapseToggle = collapsible && trimmedCode.length > 0;
+    return /*#__PURE__*/ __rspack_external_react.createElement(CodeBlockContext.Provider, {
+        value: {
+            code: trimmedCode
+        }
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-syntax-highlighted": highlight,
+        className: cn('bg-background text-foreground group relative w-full overflow-hidden rounded-md border', className),
+        ...props
+    }, commandLines.length > 0 && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "bg-muted/50 border-border text-muted-foreground sticky top-0 z-10 border-b px-3 py-2 font-mono text-xs"
+    }, commandLines.map((line, idx)=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+            key: `${line}-${idx}`,
+            className: "truncate"
+        }, "$ ", line))), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn('relative', shouldShowCollapseToggle && !isExpanded && 'max-h-64 overflow-hidden')
+    }, highlight ? /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn('code-block-light overflow-hidden', shouldShowCollapseToggle && isExpanded && 'max-h-96 overflow-auto')
+    }, /*#__PURE__*/ __rspack_external_react.createElement(code_block_HighlightedCode, {
+        code: trimmedCode,
+        language: normalizedLanguage,
+        showLineNumbers: showLineNumbers,
+        theme: themes.oneLight
+    })), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn('code-block-dark overflow-hidden', shouldShowCollapseToggle && isExpanded && 'max-h-96 overflow-auto')
+    }, /*#__PURE__*/ __rspack_external_react.createElement(code_block_HighlightedCode, {
+        code: trimmedCode,
+        language: normalizedLanguage,
+        showLineNumbers: showLineNumbers,
+        theme: themes.oneDark
+    }))) : /*#__PURE__*/ __rspack_external_react.createElement("pre", {
+        className: "m-0 w-full overflow-auto p-4 font-mono text-sm whitespace-pre"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("code", null, trimmedCode)), children && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "absolute top-2 right-2 flex items-center gap-2"
+    }, children), shouldShowCollapseToggle && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "border-border bg-background/95 absolute right-2 bottom-2 rounded-md border px-1.5 py-1"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        size: "sm",
+        variant: "ghost",
+        className: "h-6 px-2 text-xs",
+        onClick: ()=>{
+            setIsExpanded((prev)=>!prev);
+        }
+    }, isExpanded ? 'Collapse' : 'Expand')))));
+});
+const code_block_CodeBlockCopyButton = /*#__PURE__*/ (0, __rspack_external_react.memo)(function({ onCopy, onError, timeout = 2000, children, className, ...props }) {
+    const [isCopied, setIsCopied] = (0, __rspack_external_react.useState)(false);
+    const { code } = (0, __rspack_external_react.useContext)(CodeBlockContext);
+    const copyToClipboard = (0, __rspack_external_react.useCallback)(async ()=>{
+        if ("u" < typeof window || !navigator?.clipboard?.writeText) return void onError?.(new Error('Clipboard API not available'));
+        try {
+            await navigator.clipboard.writeText(code);
+            setIsCopied(true);
+            onCopy?.();
+            setTimeout(()=>{
+                setIsCopied(false);
+            }, timeout);
+        } catch (error) {
+            onError?.(error);
+        }
+    }, [
+        code,
+        onCopy,
+        onError,
+        timeout
+    ]);
+    const Icon = isCopied ? CheckIcon : CopyIcon;
+    return /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        className: cn('shrink-0 opacity-0 group-hover:opacity-100 focus-visible:opacity-100', className),
+        onClick: copyToClipboard,
+        size: "icon",
+        variant: "ghost",
+        ...props
+    }, children ?? /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+        size: 14
+    }));
+});
+const ICON_SIZES = {
+    xs: '0.75em',
+    sm: '1em',
+    default: '1em',
+    md: '1.25em',
+    lg: '1.5em',
+    xl: '2em'
+};
+const iconVariants = cva('', {
+    defaultVariants: {
+        size: 'default'
+    },
+    variants: {
+        color: {
+            default: 'text-foreground',
+            destructive: 'text-destructive',
+            inherit: 'text-current',
+            muted: 'text-muted-foreground',
+            primary: 'text-primary',
+            secondary: 'text-secondary-foreground',
+            success: 'text-green-500',
+            warning: 'text-yellow-500'
+        },
+        size: {
+            xs: '',
+            sm: '',
+            default: '',
+            md: '',
+            lg: '',
+            xl: ''
+        }
+    }
+});
+function icon_Icon({ className, color, icon: IconComponent, size, ...props }) {
+    const iconSize = ICON_SIZES[size ?? 'default'];
+    return /*#__PURE__*/ __rspack_external_react.createElement(IconComponent, {
+        "aria-hidden": "true",
+        size: iconSize,
+        className: cn(iconVariants({
+            color: color ?? void 0,
+            size
+        }), className),
+        ...props
+    });
+}
+const Dialog = __rspack_external__radix_ui_react_dialog_dabd8325.Root;
+const DialogTrigger = __rspack_external__radix_ui_react_dialog_dabd8325.Trigger;
+const DialogPortal = __rspack_external__radix_ui_react_dialog_dabd8325.Portal;
+const DialogClose = __rspack_external__radix_ui_react_dialog_dabd8325.Close;
+function DialogOverlay({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Overlay, {
+        ref: ref,
+        className: cn('fixed inset-0 z-(--z-modal) bg-black/50', className),
+        ...props
+    });
+}
+DialogOverlay.displayName = __rspack_external__radix_ui_react_dialog_dabd8325.Overlay.displayName;
+function DialogContentPrimitive({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Content, {
+        ref: ref,
+        className: cn('focus-visible:border focus-visible:ring-0 focus-visible:outline-none', className),
+        ...props
+    });
+}
+DialogContentPrimitive.displayName = __rspack_external__radix_ui_react_dialog_dabd8325.Content.displayName;
+function DialogContent({ className, children, ref, container, hideCloseButton, onOpenAutoFocus, onEscapeKeyDown, ...props }) {
+    const { ref: occlusionRef, ready } = useNativeViewOcclusion();
+    const contentRef = __rspack_external_react.useRef(null);
+    const closeButtonRef = __rspack_external_react.useRef(null);
+    const shouldFocusWhenReadyRef = __rspack_external_react.useRef(false);
+    const handleOpenAutoFocus = __rspack_external_react.useCallback((event)=>{
+        shouldFocusWhenReadyRef.current = shouldQueueDialogDefaultFocus(event, onOpenAutoFocus);
+        if (flushQueuedDialogDefaultFocus({
+            content: contentRef.current,
+            ready,
+            shouldFocus: shouldFocusWhenReadyRef.current
+        })) shouldFocusWhenReadyRef.current = false;
+    }, [
+        onOpenAutoFocus,
+        ready
+    ]);
+    __rspack_external_react.useEffect(()=>{
+        if (flushQueuedDialogDefaultFocus({
+            content: contentRef.current,
+            ready,
+            shouldFocus: shouldFocusWhenReadyRef.current
+        })) shouldFocusWhenReadyRef.current = false;
+    }, [
+        ready
+    ]);
+    const handleEscapeKeyDown = __rspack_external_react.useCallback((event)=>{
+        onEscapeKeyDown?.(event);
+        if (!event.defaultPrevented && void 0 !== container) closeButtonRef.current?.click();
+    }, [
+        container,
+        onEscapeKeyDown
+    ]);
+    const overlay = container ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: occlusionRef,
+        className: cn('pointer-events-auto absolute inset-0 z-(--z-modal) bg-black/50', !ready && 'invisible')
+    }) : /*#__PURE__*/ __rspack_external_react.createElement(DialogOverlay, {
+        ref: occlusionRef,
+        className: cn(!ready && 'invisible')
+    });
+    return /*#__PURE__*/ __rspack_external_react.createElement(DialogPortal, {
+        container: container
+    }, overlay, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn('pointer-events-none z-(--z-modal) flex items-center justify-center', container ? 'absolute top-0 right-0 left-0 p-4 sm:p-6' : 'fixed inset-0 p-4 sm:p-10', !ready && 'invisible'),
+        style: container ? {
+            bottom: 'var(--chat-input-offset, 0px)'
+        } : void 0
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContentPrimitive, {
+        ref: composeRefs(ref, contentRef),
+        className: cn('bg-surface-level-1 pointer-events-auto relative grid max-h-full w-full max-w-lg min-w-0 gap-4 overflow-auto rounded-3xl border p-8 break-words shadow-lg', className),
+        ...container ? {
+            onInteractOutside: (e)=>{
+                const target = e.detail.originalEvent.target;
+                if (!container.contains(target)) e.preventDefault();
+            }
+        } : {},
+        ...props,
+        onOpenAutoFocus: handleOpenAutoFocus,
+        onEscapeKeyDown: handleEscapeKeyDown
+    }, children, !hideCloseButton && /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Close, {
+        asChild: true,
+        "data-testid": "dialog-close-button"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        ref: closeButtonRef,
+        variant: "ghost",
+        size: "icon-sm",
+        className: "absolute top-3 right-3"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(icon_Icon, {
+        icon: X,
+        size: "sm"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: "sr-only"
+    }, "Close"))), hideCloseButton && /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Close, {
+        ref: closeButtonRef,
+        className: "sr-only",
+        tabIndex: -1,
+        "aria-hidden": true
+    }))));
+}
+DialogContent.displayName = __rspack_external__radix_ui_react_dialog_dabd8325.Content.displayName;
+const DialogHeader = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn('flex flex-col space-y-1.5 text-center sm:text-left', className),
+        ...props
+    });
+DialogHeader.displayName = 'DialogHeader';
+const DialogFooter = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn('flex flex-wrap justify-end gap-2', className),
+        [DIALOG_FOOTER_ATTRIBUTE]: '',
+        ...props
+    });
+DialogFooter.displayName = 'DialogFooter';
+const DialogTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(H5, {
+        asChild: true,
+        className: cn('leading-none', className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Title, {
+        ref: ref,
+        ...props
+    })));
+DialogTitle.displayName = __rspack_external__radix_ui_react_dialog_dabd8325.Title.displayName;
+function DialogDescription({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Description, {
+        ref: ref,
+        className: cn('text-muted-foreground text-sm', className),
+        ...props
+    });
+}
+DialogDescription.displayName = __rspack_external__radix_ui_react_dialog_dabd8325.Description.displayName;
+const emptyVariants = cva('flex flex-col items-center justify-center text-center', {
+    variants: {
+        size: {
+            default: 'gap-6 p-8',
+            compact: 'gap-4 p-6'
+        },
+        variant: {
+            default: '',
+            outline: 'rounded-lg border border-dashed'
+        }
+    },
+    defaultVariants: {
+        size: 'default',
+        variant: 'default'
+    }
+});
+function Empty({ className, ref, size, variant, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: cn(emptyVariants({
+            size,
+            variant
+        }), className),
+        ...props
+    });
+}
+Empty.displayName = 'Empty';
+function EmptyHeader({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: cn('flex flex-col items-center gap-2', className),
+        ...props
+    });
+}
+EmptyHeader.displayName = 'EmptyHeader';
+const emptyMediaVariants = cva('flex items-center justify-center', {
+    variants: {
+        variant: {
+            default: '',
+            icon: 'text-muted-foreground rounded-lg bg-muted p-3'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function EmptyMedia({ className, variant, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: cn(emptyMediaVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+EmptyMedia.displayName = 'EmptyMedia';
+const EmptyTitle = (props)=>/*#__PURE__*/ __rspack_external_react.createElement(H3, props);
+EmptyTitle.displayName = 'EmptyTitle';
+function EmptyDescription({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        ref: ref,
+        className: cn('text-muted-foreground text-sm', className),
+        ...props
+    });
+}
+EmptyDescription.displayName = "EmptyDescription";
+function EmptyContent({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: cn('flex flex-col items-center gap-2', className),
+        ...props
+    });
+}
+EmptyContent.displayName = 'EmptyContent';
+function Label({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_label_73c6aeea.Root, {
+        "data-slot": "label",
+        className: cn('flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50', className),
+        ...props
+    });
+}
+function FieldSet({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("fieldset", {
+        "data-slot": "field-set",
+        className: cn('flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3', className),
+        ...props
+    });
+}
+function FieldLegend({ className, variant = 'legend', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("legend", {
+        "data-slot": "field-legend",
+        "data-variant": variant,
+        className: cn('mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base', className),
+        ...props
+    });
+}
+function FieldGroup({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "field-group",
+        className: cn('group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4', className),
+        ...props
+    });
+}
+const fieldVariants = cva('group/field data-[invalid=true]:text-destructive flex w-full gap-3', {
+    variants: {
+        orientation: {
+            vertical: 'flex-col [&>*]:w-full [&>.sr-only]:w-auto',
+            horizontal: [
+                'flex-row items-center',
+                '[&>[data-slot=field-label]]:flex-auto',
+                'has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start'
+            ],
+            responsive: [
+                '@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto',
+                '@md/field-group:[&>[data-slot=field-label]]:flex-auto',
+                '@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'
+            ]
+        }
+    },
+    defaultVariants: {
+        orientation: 'vertical'
+    }
+});
+function Field({ className, orientation = 'vertical', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        role: "group",
+        "data-slot": "field",
+        "data-orientation": orientation,
+        className: cn(fieldVariants({
+            orientation
+        }), className),
+        ...props
+    });
+}
+function FieldContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "field-content",
+        className: cn('group/field-content flex flex-1 flex-col gap-1.5 leading-snug', className),
+        ...props
+    });
+}
+function FieldLabel({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Label, {
+        "data-slot": "field-label",
+        className: cn('group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50', 'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4', 'has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10', className),
+        ...props
+    });
+}
+function FieldTitle({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "field-label",
+        className: cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50', className),
+        ...props
+    });
+}
+function FieldDescription({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        "data-slot": "field-description",
+        className: cn('text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance', 'nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5', '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4', className),
+        ...props
+    });
+}
+function FieldSeparator({ children, className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "field-separator",
+        "data-content": Boolean(children),
+        className: cn('relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Separator, {
+        className: "absolute inset-0 top-1/2"
+    }), children ? /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+        "data-slot": "field-separator-content"
+    }, children) : null);
+}
+function FieldError({ className, children, errors, ...props }) {
+    const content = __rspack_external_react.useMemo(()=>{
+        if (children) return children;
+        if (!errors) return null;
+        if (1 === errors.length && errors[0]?.message) return errors[0].message;
+        return /*#__PURE__*/ __rspack_external_react.createElement("ul", {
+            className: "ml-4 flex list-disc flex-col gap-1"
+        }, errors.map((error, index)=>error?.message ? /*#__PURE__*/ __rspack_external_react.createElement("li", {
+                key: index
+            }, error.message) : null));
+    }, [
+        children,
+        errors
+    ]);
+    if (!content) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        role: "alert",
+        "data-slot": "field-error",
+        className: cn('text-destructive text-sm font-normal', className),
+        ...props
+    }, content);
+}
+function useNativeInputSync(ref, onChange) {
+    const lastSeenRef = useRef(null);
+    const onChangeRef = useRef(onChange);
+    useEffect(()=>{
+        onChangeRef.current = onChange;
+    });
+    const wrappedOnChange = useCallback((event)=>{
+        lastSeenRef.current = event.target.value;
+        onChangeRef.current?.(event);
+    }, []);
+    useEffect(()=>{
+        const el = ref.current;
+        if (!el) return;
+        const handler = (nativeEvent)=>{
+            queueMicrotask(()=>{
+                const next = el.value;
+                if (next === lastSeenRef.current) return;
+                lastSeenRef.current = next;
+                const handlerFn = onChangeRef.current;
+                if (!handlerFn) return;
+                const syntheticEvent = {
+                    bubbles: nativeEvent.bubbles,
+                    cancelable: nativeEvent.cancelable,
+                    currentTarget: el,
+                    defaultPrevented: nativeEvent.defaultPrevented,
+                    eventPhase: nativeEvent.eventPhase,
+                    isDefaultPrevented: ()=>nativeEvent.defaultPrevented,
+                    isPropagationStopped: ()=>false,
+                    isTrusted: nativeEvent.isTrusted,
+                    nativeEvent,
+                    persist: ()=>{},
+                    preventDefault: ()=>nativeEvent.preventDefault(),
+                    stopPropagation: ()=>nativeEvent.stopPropagation(),
+                    target: el,
+                    timeStamp: nativeEvent.timeStamp,
+                    type: 'change'
+                };
+                handlerFn(syntheticEvent);
+            });
+        };
+        el.addEventListener('input', handler);
+        return ()=>el.removeEventListener('input', handler);
+    }, [
+        ref
+    ]);
+    return wrappedOnChange;
+}
+function Input({ className, density = 'default', type, error, ref, onChange, ...props }) {
+    const internalRef = __rspack_external_react.useRef(null);
+    __rspack_external_react.useImperativeHandle(ref, ()=>internalRef.current, []);
+    const wrappedOnChange = useNativeInputSync(internalRef, onChange);
+    return /*#__PURE__*/ __rspack_external_react.createElement("input", {
+        type: type,
+        className: cn('bg-input-background placeholder:text-muted-foreground shadow-input-rest focus-visible:border-input-border-focus focus-visible:shadow-input-focus aria-invalid:border-input-border-error aria-invalid:ring-destructive flex w-full border border-transparent transition-[box-shadow,border-color] duration-200 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none aria-invalid:ring-1 disabled:cursor-not-allowed disabled:opacity-50', 'default' === density && 'h-10 rounded-lg px-3 py-2.5 text-base md:text-sm', 'compact' === density && 'h-8 rounded-md px-2 py-1 text-xs', error && 'border-input-border-error ring-destructive ring-1', className),
+        ref: internalRef,
+        onChange: wrappedOnChange,
+        ...props
+    });
+}
+Input.displayName = 'Input';
+function Textarea({ className, error, ref, onChange, ...props }) {
+    const internalRef = __rspack_external_react.useRef(null);
+    __rspack_external_react.useImperativeHandle(ref, ()=>internalRef.current, []);
+    const wrappedOnChange = useNativeInputSync(internalRef, onChange);
+    return /*#__PURE__*/ __rspack_external_react.createElement("textarea", {
+        className: cn('bg-input-background placeholder:text-muted-foreground shadow-input-rest focus-visible:border-input-border-focus focus-visible:shadow-input-focus textarea-scrollbar flex min-h-[80px] w-full rounded-lg border border-transparent px-3 py-2.5 text-base transition-[box-shadow,border-color] duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', error && 'border-input-border-error ring-destructive ring-1', className),
+        ref: internalRef,
+        onChange: wrappedOnChange,
+        ...props
+    });
+}
+Textarea.displayName = 'Textarea';
+function InputGroup({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "input-group",
+        role: "group",
+        className: cn('group/input-group bg-card shadow-input-rest focus-within:shadow-input-focus relative flex w-full items-center rounded-md p-2 transition-[color,box-shadow] outline-none', 'h-9 has-[>textarea]:h-auto', 'has-[>[data-align=inline-start]]:[&>input]:pl-2', 'has-[>[data-align=inline-end]]:[&>input]:pr-2', 'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3', 'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:gap-1 has-[>[data-align=block-end]]:[&>input]:pt-3', 'has-[[data-slot][aria-invalid=true]]:ring-destructive/30 has-[[data-slot][aria-invalid=true]]:border-destructive', className),
+        ...props
+    });
+}
+const inputGroupAddonVariants = cva("text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-']):not([width])]:size-4", {
+    variants: {
+        align: {
+            'inline-start': 'order-first has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]',
+            'inline-end': 'order-last has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]',
+            'block-start': 'order-first w-full justify-start',
+            'block-end': 'order-last w-full justify-start'
+        }
+    },
+    defaultVariants: {
+        align: 'inline-start'
+    }
+});
+function InputGroupAddon({ className, align = 'inline-start', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        role: "group",
+        "data-slot": "input-group-addon",
+        "data-align": align,
+        className: cn(inputGroupAddonVariants({
+            align
+        }), className),
+        onClick: (e)=>{
+            if (e.target.closest('button, input, select, textarea, [role="button"], [role="combobox"]')) return;
+            e.currentTarget.parentElement?.querySelector('input')?.focus();
+        },
+        ...props
+    });
+}
+const inputGroupButtonVariants = cva('flex items-center gap-2 text-sm', {
+    variants: {
+        size: {
+            xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-']):not([width])]:size-3.5",
+            sm: 'h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5',
+            'icon-xs': 'size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0',
+            'icon-sm': 'size-8 p-0 has-[>svg]:p-0'
+        }
+    },
+    defaultVariants: {
+        size: 'xs'
+    }
+});
+function InputGroupButton({ className, type = 'button', variant = 'ghost', size = 'xs', ...props }) {
+    const buttonSize = 'icon-sm' === size || 'icon-xs' === size ? 'icon' : void 0;
+    return /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        type: type,
+        "data-size": size,
+        variant: variant,
+        size: buttonSize,
+        className: cn(inputGroupButtonVariants({
+            size
+        }), className),
+        ...props
+    });
+}
+function InputGroupText({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: cn("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-']):not([width])]:size-4", className),
+        ...props
+    });
+}
+function InputGroupInput({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Input, {
+        "data-slot": "input-group-control",
+        className: cn('flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0', className),
+        ...props
+    });
+}
+function InputGroupTextarea({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Textarea, {
+        ref: ref,
+        "data-slot": "input-group-control",
+        className: cn('flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none focus-visible:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:outline-none', className),
+        ...props
+    });
+}
+InputGroupTextarea.displayName = 'InputGroupTextarea';
+function ItemGroup({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        role: "list",
+        "data-slot": "item-group",
+        className: cn('group/item-group flex flex-col', className),
+        ...props
+    });
+}
+function ItemSeparator({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Separator, {
+        "data-slot": "item-separator",
+        orientation: "horizontal",
+        className: cn('my-0', className),
+        ...props
+    });
+}
+const itemVariants = cva('group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors [button]:cursor-pointer [button]:hover:bg-accent/50 [button]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            outline: 'border-border',
+            muted: 'bg-muted/50'
+        },
+        size: {
+            default: 'p-4 gap-4 ',
+            sm: 'py-3 px-4 gap-2.5'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
+});
+function Item({ className, variant = 'default', size = 'default', asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'div';
+    return /*#__PURE__*/ __rspack_external_react.createElement(Comp, {
+        "data-slot": "item",
+        "data-variant": variant,
+        "data-size": size,
+        className: cn(itemVariants({
+            variant,
+            size,
+            className
+        })),
+        ...props
+    });
+}
+const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5", {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+            image: 'size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function ItemMedia({ className, variant = 'default', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "item-media",
+        "data-variant": variant,
+        className: cn(itemMediaVariants({
+            variant,
+            className
+        })),
+        ...props
+    });
+}
+function ItemContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "item-content",
+        className: cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className),
+        ...props
+    });
+}
+function ItemTitle({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "item-title",
+        className: cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className),
+        ...props
+    });
+}
+function ItemDescription({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        "data-slot": "item-description",
+        className: cn('text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance', '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4', className),
+        ...props
+    });
+}
+function ItemActions({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "item-actions",
+        className: cn('flex items-center gap-2', className),
+        ...props
+    });
+}
+function ItemHeader({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "item-header",
+        className: cn('flex basis-full items-center justify-between gap-2', className),
+        ...props
+    });
+}
+function ItemFooter({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "item-footer",
+        className: cn('flex basis-full items-center justify-between gap-2', className),
+        ...props
+    });
+}
+const TooltipProvider = __rspack_external__radix_ui_react_tooltip_b301f25d.Provider;
+const Tooltip = __rspack_external__radix_ui_react_tooltip_b301f25d.Root;
+const TooltipTrigger = __rspack_external__radix_ui_react_tooltip_b301f25d.Trigger;
+function TooltipContent({ className, sideOffset = 4, variant = 'default', ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_tooltip_b301f25d.Portal, null, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_tooltip_b301f25d.Content, {
+        ref: ref,
+        sideOffset: sideOffset,
+        className: cn('animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-(--z-tooltip) origin-[--radix-tooltip-content-transform-origin] overflow-hidden rounded-lg px-3 py-1.5 text-sm data-[state=instant-open]:animate-none', 'chrome' === variant ? 'border-border bg-tooltip-chrome text-tooltip-chrome-foreground border shadow-md' : 'bg-popover text-popover-foreground shadow-popover', className),
+        ...props
+    }));
+}
+TooltipContent.displayName = __rspack_external__radix_ui_react_tooltip_b301f25d.Content.displayName;
+function MiniAppToolbar({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("header", {
+        ref: ref,
+        ...props,
+        "data-component": "mini-app-toolbar",
+        "data-slot": "mini-app-toolbar",
+        className: cn('bg-sidebar/50 border-workspace-divider flex min-h-12 shrink-0 items-center gap-3 border-b px-4 py-2', className)
+    });
+}
+MiniAppToolbar.displayName = 'MiniAppToolbar';
+function MiniAppIconButton({ icon, label, size = 'icon-xs', tooltipSide = 'bottom', type = 'button', variant = 'ghost', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Tooltip, {
+        disableHoverableContent: true
+    }, /*#__PURE__*/ __rspack_external_react.createElement(TooltipTrigger, {
+        asChild: true
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        ...props,
+        type: type,
+        variant: variant,
+        size: size,
+        "aria-label": label,
+        "data-component": "mini-app-icon-button",
+        "data-slot": "mini-app-icon-button"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(icon_Icon, {
+        icon: icon,
+        size: "sm",
+        "data-icon": "icon"
+    }))), /*#__PURE__*/ __rspack_external_react.createElement(TooltipContent, {
+        side: tooltipSide
+    }, label));
+}
+MiniAppIconButton.displayName = 'MiniAppIconButton';
+function MiniAppStatusBar({ children, className, tone = 'neutral', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Alert, {
+        ...props,
+        role: "status",
+        "aria-live": "polite",
+        "data-component": "mini-app-status-bar",
+        "data-slot": "mini-app-status-bar",
+        variant: 'error' === tone ? 'destructive' : 'success' === tone ? 'success' : 'default',
+        className: cn('max-h-16 overflow-auto rounded-none border-x-0 border-b-0 px-3 py-1.5', className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement(AlertDescription, {
+        className: "text-xs"
+    }, children));
+}
+MiniAppStatusBar.displayName = 'MiniAppStatusBar';
+function MiniAppPageHeader({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("header", {
+        ref: ref,
+        ...props,
+        "data-component": "mini-app-page-header",
+        className: cn('flex flex-wrap items-start justify-between gap-4', className)
+    });
+}
+MiniAppPageHeader.displayName = 'MiniAppPageHeader';
+function MiniAppPageHeaderContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-page-header-content",
+        className: cn('min-w-0 flex-1 space-y-1', className)
+    });
+}
+MiniAppPageHeaderContent.displayName = 'MiniAppPageHeaderContent';
+function MiniAppPageHeaderTitle({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(H1, {
+        ...props,
+        "data-component": "mini-app-page-header-title",
+        className: cn('text-2xl leading-8', className)
+    });
+}
+MiniAppPageHeaderTitle.displayName = 'MiniAppPageHeaderTitle';
+function MiniAppPageHeaderDescription({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        ...props,
+        "data-component": "mini-app-page-header-description",
+        className: cn('text-muted-foreground text-sm', className)
+    });
+}
+MiniAppPageHeaderDescription.displayName = "MiniAppPageHeaderDescription";
+function MiniAppPageHeaderActions({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-page-header-actions",
+        className: cn('flex shrink-0 flex-wrap items-center gap-2', className)
+    });
+}
+MiniAppPageHeaderActions.displayName = 'MiniAppPageHeaderActions';
+function MiniAppSectionHeader({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("header", {
+        ...props,
+        "data-component": "mini-app-section-header",
+        className: cn('flex flex-wrap items-start justify-between gap-3', className)
+    });
+}
+MiniAppSectionHeader.displayName = 'MiniAppSectionHeader';
+function MiniAppSectionHeaderContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-section-header-content",
+        className: cn('min-w-0 flex-1 space-y-1', className)
+    });
+}
+MiniAppSectionHeaderContent.displayName = 'MiniAppSectionHeaderContent';
+function MiniAppSectionHeaderTitle({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(H2, {
+        ...props,
+        "data-component": "mini-app-section-header-title",
+        className: cn('text-lg leading-7', className)
+    });
+}
+MiniAppSectionHeaderTitle.displayName = 'MiniAppSectionHeaderTitle';
+function MiniAppSectionHeaderDescription({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        ...props,
+        "data-component": "mini-app-section-header-description",
+        className: cn('text-muted-foreground text-sm', className)
+    });
+}
+MiniAppSectionHeaderDescription.displayName = "MiniAppSectionHeaderDescription";
+function MiniAppSectionHeaderActions({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-section-header-actions",
+        className: cn('flex shrink-0 flex-wrap items-center gap-2', className)
+    });
+}
+MiniAppSectionHeaderActions.displayName = 'MiniAppSectionHeaderActions';
+function MiniAppMetric({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Card, {
+        ...props,
+        "data-component": "mini-app-metric",
+        className: cn('border p-0', className)
+    });
+}
+MiniAppMetric.displayName = 'MiniAppMetric';
+function MiniAppMetricHeader({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(CardHeader, {
+        ...props,
+        "data-component": "mini-app-metric-header",
+        className: cn('flex-row items-center justify-between gap-2 p-4 pb-0', className)
+    });
+}
+MiniAppMetricHeader.displayName = 'MiniAppMetricHeader';
+function MiniAppMetricLabel({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-metric-label",
+        className: cn('text-muted-foreground text-sm font-medium', className)
+    });
+}
+MiniAppMetricLabel.displayName = 'MiniAppMetricLabel';
+function MiniAppMetricContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(CardContent, {
+        ...props,
+        "data-component": "mini-app-metric-content",
+        className: cn('space-y-1 p-4 pt-3', className)
+    });
+}
+MiniAppMetricContent.displayName = 'MiniAppMetricContent';
+function MiniAppMetricValue({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-metric-value",
+        className: cn('text-foreground text-2xl font-semibold tabular-nums', className)
+    });
+}
+MiniAppMetricValue.displayName = 'MiniAppMetricValue';
+function MiniAppMetricDetail({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        ...props,
+        "data-component": "mini-app-metric-detail",
+        className: cn('text-muted-foreground text-xs', className)
+    });
+}
+MiniAppMetricDetail.displayName = 'MiniAppMetricDetail';
+function NativeSelect({ className, density = 'default', ref, wrapperClassName, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn('relative min-w-0 max-w-full', wrapperClassName)
+    }, /*#__PURE__*/ __rspack_external_react.createElement("select", {
+        className: cn('bg-background ring-offset-background placeholder:text-muted-foreground shadow-input-rest focus-visible:ring-ring flex w-full appearance-none rounded-md border border-transparent text-sm focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50', 'default' === density && 'h-10 px-3 py-2 pr-10', 'compact' === density && 'h-8 py-1 pr-8 pl-2 text-xs', className),
+        ref: ref,
+        ...props
+    }), /*#__PURE__*/ __rspack_external_react.createElement(ChevronDown, {
+        className: cn('pointer-events-none absolute top-1/2 -translate-y-1/2 opacity-50', 'default' === density && 'right-3 h-4 w-4', 'compact' === density && 'right-2 h-3.5 w-3.5')
+    }));
+}
+NativeSelect.displayName = 'NativeSelect';
+function NativeSelectOption({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("option", {
+        className: className,
+        ref: ref,
+        ...props
+    });
+}
+NativeSelectOption.displayName = 'NativeSelectOption';
+function NativeSelectOptGroup({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("optgroup", {
+        className: className,
+        ref: ref,
+        ...props
+    });
+}
+NativeSelectOptGroup.displayName = 'NativeSelectOptGroup';
+function Progress({ className, value, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_progress_67feda0a.Root, {
+        ref: ref,
+        className: cn('bg-secondary relative h-4 w-full overflow-hidden rounded-full', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_progress_67feda0a.Indicator, {
+        className: "bg-primary h-full w-full flex-1 transition-all",
+        style: {
+            transform: `translateX(-${100 - (value || 0)}%)`
+        }
+    }));
+}
+Progress.displayName = __rspack_external__radix_ui_react_progress_67feda0a.Root.displayName;
+function RadioGroup({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_radio_group_295a43fb.Root, {
+        className: cn('grid gap-2', className),
+        ...props,
+        ref: ref
+    });
+}
+RadioGroup.displayName = __rspack_external__radix_ui_react_radio_group_295a43fb.Root.displayName;
+function RadioGroupItem({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_radio_group_295a43fb.Item, {
+        ref: ref,
+        className: cn('ring-offset-background focus-visible:ring-ring border-input bg-input-background data-[state=checked]:border-primary data-[state=checked]:bg-primary aspect-square h-4 w-4 rounded-full border transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_radio_group_295a43fb.Indicator, {
+        className: "flex items-center justify-center"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Circle, {
+        className: "h-2 w-2 fill-white text-white"
+    })));
+}
+RadioGroupItem.displayName = __rspack_external__radix_ui_react_radio_group_295a43fb.Item.displayName;
+function RadioCard({ id, value, children, className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("label", {
+        ref: ref,
+        htmlFor: id,
+        className: cn('bg-surface-level-2 rounded-inset relative flex cursor-pointer items-start gap-3 px-3 py-2.5 shadow-sm transition-all duration-150', 'hover:bg-accent/50', 'has-[[data-state=checked]]:bg-interactive-focus has-[[data-state=checked]]:ring-ring has-[[data-state=checked]]:ring-1', className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement(RadioGroupItem, {
+        id: id,
+        value: value,
+        className: "mt-0.5 shrink-0",
+        ...props
+    }), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex-1 space-y-1"
+    }, children));
+}
+RadioCard.displayName = 'RadioCard';
+const panelOverflowClassName = {
+    auto: '!overflow-auto',
+    hidden: '!overflow-hidden',
+    visible: '!overflow-visible'
+};
+const ResizablePanelGroup = ({ className, direction = 'horizontal', ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Group, {
+        orientation: direction,
+        className: cn('flex h-full min-h-0 w-full min-w-0 overflow-hidden data-[orientation=vertical]:flex-col', className),
+        ...props
+    });
+const ResizablePanel = ({ className, panelOverflow = 'hidden', style, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Panel, {
+        className: cn('min-h-0 min-w-0', className, panelOverflowClassName[panelOverflow]),
+        style: {
+            ...style,
+            overflow: panelOverflow
+        },
+        ...props
+    });
+const ResizableHandle = ({ withHandle, className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(external_react_resizable_panels_Separator, {
+        className: cn('bg-border relative flex w-px items-center justify-center outline-none after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:outline-none data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:left-0 data-[orientation=vertical]:after:h-1 data-[orientation=vertical]:after:w-full data-[orientation=vertical]:after:translate-x-0 data-[orientation=vertical]:after:-translate-y-1/2 [&[data-orientation=vertical]>div]:rotate-90', className),
+        ...props
+    }, withHandle && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(GripVertical, {
+        className: "h-2.5 w-2.5"
+    })));
+function ScrollArea({ className, viewportClassName, viewportRef, viewportProps, children, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_scroll_area_bdec1136.Root, {
+        "data-slot": "scroll-area",
+        className: cn('relative', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_scroll_area_bdec1136.Viewport, {
+        ref: viewportRef,
+        "data-slot": "scroll-area-viewport",
+        className: cn('focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&>div]:!block', viewportClassName),
+        ...viewportProps
+    }, children), /*#__PURE__*/ __rspack_external_react.createElement(ScrollBar, null), /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_scroll_area_bdec1136.Corner, null));
+}
+function ScrollBar({ className, orientation = 'vertical', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_scroll_area_bdec1136.ScrollAreaScrollbar, {
+        "data-slot": "scroll-area-scrollbar",
+        orientation: orientation,
+        className: cn('flex touch-none p-px transition-colors select-none', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_scroll_area_bdec1136.ScrollAreaThumb, {
+        "data-slot": "scroll-area-thumb",
+        className: "bg-border relative flex-1 rounded-full"
+    }));
+}
+const Select = __rspack_external__radix_ui_react_select_4606f4d3.Root;
+const SelectGroup = __rspack_external__radix_ui_react_select_4606f4d3.Group;
+const SelectValue = __rspack_external__radix_ui_react_select_4606f4d3.Value;
+function SelectTrigger({ className, children, density = 'default', ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Trigger, {
+        ref: ref,
+        className: cn('bg-input-background data-[placeholder]:text-muted-foreground shadow-input-rest focus-visible:border-input-border-focus focus-visible:shadow-input-focus flex w-full min-w-0 items-center justify-between gap-2 rounded-lg border border-transparent transition-[box-shadow,border-color] duration-200 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:min-w-0 [&>span]:flex-1 [&>span]:truncate [&>span]:text-left', 'default' === density && 'h-9 px-3 py-2 text-base md:text-sm', 'compact' === density && 'h-8 px-2 py-1 text-xs', className),
+        ...props
+    }, children, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Icon, {
+        asChild: true
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ChevronDown, {
+        className: "h-4 w-4 opacity-50"
+    })));
+}
+SelectTrigger.displayName = __rspack_external__radix_ui_react_select_4606f4d3.Trigger.displayName;
+function SelectScrollUpButton({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.ScrollUpButton, {
+        ref: ref,
+        className: cn('flex cursor-default items-center justify-center py-1', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ChevronUp, {
+        className: "h-4 w-4"
+    }));
+}
+SelectScrollUpButton.displayName = __rspack_external__radix_ui_react_select_4606f4d3.ScrollUpButton.displayName;
+function SelectScrollDownButton({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.ScrollDownButton, {
+        ref: ref,
+        className: cn('flex cursor-default items-center justify-center py-1', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ChevronDown, {
+        className: "h-4 w-4"
+    }));
+}
+SelectScrollDownButton.displayName = __rspack_external__radix_ui_react_select_4606f4d3.ScrollDownButton.displayName;
+function SelectContent({ className, children, position = 'popper', ref, ...props }) {
+    const { ref: occlusionRef, ready } = useNativeViewOcclusion();
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Portal, null, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Content, {
+        ref: composeRefs(ref, occlusionRef),
+        className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-(--z-popover) max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-lg shadow-sm data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left data-[side=top]:origin-bottom', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', !ready && 'invisible', className),
+        position: position,
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Viewport, {
+        className: cn('p-1', 'popper' === position && 'max-h-[min(var(--radix-select-content-available-height),24rem)] w-full min-w-[var(--radix-select-trigger-width)]')
+    }, children)));
+}
+SelectContent.displayName = __rspack_external__radix_ui_react_select_4606f4d3.Content.displayName;
+function SelectLabel({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Label, {
+        ref: ref,
+        className: cn('py-1.5 pr-2 pl-8 text-sm font-semibold', className),
+        ...props
+    });
+}
+SelectLabel.displayName = __rspack_external__radix_ui_react_select_4606f4d3.Label.displayName;
+function SelectItem({ className, children, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Item, {
+        ref: ref,
+        className: cn('data-[highlighted]:bg-sidebar-accent data-[highlighted]:text-sidebar-accent-foreground relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.ItemIndicator, null, /*#__PURE__*/ __rspack_external_react.createElement(Check, {
+        className: "h-4 w-4"
+    }))), /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.ItemText, null, children));
+}
+SelectItem.displayName = __rspack_external__radix_ui_react_select_4606f4d3.Item.displayName;
+function SelectSeparator({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Separator, {
+        ref: ref,
+        className: cn('bg-muted -mx-1 my-1 h-px', className),
+        ...props
+    });
+}
+SelectSeparator.displayName = __rspack_external__radix_ui_react_select_4606f4d3.Separator.displayName;
+function Sheet(props) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Root, {
+        "data-slot": "sheet",
+        ...props
+    });
+}
+function SheetTrigger({ ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Trigger, {
+        "data-slot": "sheet-trigger",
+        ...props
+    });
+}
+function SheetClose({ ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Close, {
+        "data-slot": "sheet-close",
+        ...props
+    });
+}
+function SheetPortal({ ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Portal, {
+        "data-slot": "sheet-portal",
+        ...props
+    });
+}
+function SheetOverlay({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Overlay, {
+        "data-slot": "sheet-overlay",
+        className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:pointer-events-none data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-(--z-modal) bg-black/50', className),
+        ...props
+    });
+}
+function SheetContent({ className, children, occlusionEnabled = true, side = 'right', overlayClassName, ...props }) {
+    const { ref: occlusionRef, ready } = useNativeViewOcclusion({
+        enabled: occlusionEnabled
+    });
+    return /*#__PURE__*/ __rspack_external_react.createElement(SheetPortal, null, /*#__PURE__*/ __rspack_external_react.createElement(SheetOverlay, {
+        ref: occlusionRef,
+        className: cn(overlayClassName, !ready && 'invisible')
+    }), /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Content, {
+        "data-slot": "sheet-content",
+        className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:pointer-events-none data-[state=open]:pointer-events-auto fixed z-(--z-modal) flex flex-col gap-4 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500', 'right' === side && 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm', 'left' === side && 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm', 'top' === side && 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b', 'bottom' === side && 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t', !ready && 'invisible', className),
+        ...props
+    }, children, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Close, {
+        className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(XIcon, {
+        className: "size-4"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: "sr-only"
+    }, "Close"))));
+}
+function SheetHeader({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "sheet-header",
+        className: cn('flex flex-col gap-1.5 p-4', className),
+        ...props
+    });
+}
+function SheetFooter({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "sheet-footer",
+        className: cn('mt-auto flex flex-col gap-2 p-4', className),
+        ...props
+    });
+}
+function SheetTitle({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Title, {
+        "data-slot": "sheet-title",
+        className: cn('text-foreground font-semibold', className),
+        ...props
+    });
+}
+function SheetDescription({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Description, {
+        "data-slot": "sheet-description",
+        className: cn('text-muted-foreground text-sm', className),
+        ...props
+    });
+}
+function Skeleton({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "skeleton",
+        className: cn('bg-accent animate-pulse rounded-md', className),
+        ...props
+    });
+}
+function Slider({ className, ref, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ...props }) {
+    const thumbCount = __rspack_external_react.useMemo(()=>{
+        if (props.value?.length) return props.value.length;
+        if (props.defaultValue?.length) return props.defaultValue.length;
+        return 1;
+    }, [
+        props.value,
+        props.defaultValue
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_slider_302f41eb.Root, {
+        ref: ref,
+        className: cn('relative flex w-full touch-none items-center select-none', 'disabled:pointer-events-none disabled:opacity-50', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_slider_302f41eb.Track, {
+        className: cn('bg-muted relative h-2 w-full grow overflow-hidden rounded-full', 'data-[disabled]:opacity-50')
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_slider_302f41eb.Range, {
+        className: "bg-primary absolute h-full"
+    })), Array.from({
+        length: thumbCount
+    }).map((_, index)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_slider_302f41eb.Thumb, {
+            key: index,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            className: cn('border-primary bg-switch-thumb ring-offset-background block h-5 w-5 rounded-full border-2 shadow-sm transition-colors', 'focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none', 'disabled:pointer-events-none disabled:opacity-50')
+        })));
+}
+Slider.displayName = 'Slider';
+const statusIndicatorVariants = cva('rounded-full', {
+    variants: {
+        tone: {
+            success: 'bg-success',
+            warning: 'bg-warning',
+            destructive: 'bg-destructive',
+            neutral: 'bg-muted-foreground'
+        },
+        size: {
+            sm: 'size-2.5',
+            md: 'size-3',
+            lg: 'size-4'
+        }
+    },
+    defaultVariants: {
+        tone: 'neutral',
+        size: 'md'
+    }
+});
+function StatusIndicator({ className, label, ref, size, tone, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        ref: ref,
+        ...props,
+        "data-component": "status-indicator",
+        className: cn(statusIndicatorVariants({
+            tone,
+            size
+        }), className),
+        role: "status",
+        "aria-label": label
+    });
+}
+StatusIndicator.displayName = 'StatusIndicator';
+const Table = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, density = 'default', ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "relative w-full overflow-auto"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("table", {
+        ref: ref,
+        "data-density": density,
+        className: cn('w-full caption-bottom text-sm', 'compact' === density && '[&_th]:h-8 [&_th]:px-2 [&_th]:text-xs [&_td]:p-1', className),
+        ...props
+    })));
+Table.displayName = 'Table';
+const TableHeader = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("thead", {
+        ref: ref,
+        className: cn('[&_tr]:border-b', className),
+        ...props
+    }));
+TableHeader.displayName = 'TableHeader';
+const TableBody = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("tbody", {
+        ref: ref,
+        className: cn('[&_tr:last-child]:border-0', className),
+        ...props
+    }));
+TableBody.displayName = 'TableBody';
+const TableFooter = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("tfoot", {
+        ref: ref,
+        className: cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className),
+        ...props
+    }));
+TableFooter.displayName = 'TableFooter';
+const TableRow = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("tr", {
+        ref: ref,
+        className: cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors duration-100', className),
+        ...props
+    }));
+TableRow.displayName = 'TableRow';
+const TableHead = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("th", {
+        ref: ref,
+        className: cn('text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0', className),
+        ...props
+    }));
+TableHead.displayName = 'TableHead';
+const TableCell = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("td", {
+        ref: ref,
+        className: cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className),
+        ...props
+    }));
+TableCell.displayName = 'TableCell';
+const TableCaption = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("caption", {
+        ref: ref,
+        className: cn('text-muted-foreground mt-4 text-sm', className),
+        ...props
+    }));
+TableCaption.displayName = 'TableCaption';
+function Tabs({ className, orientation = 'horizontal', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_tabs_62268d7a.Root, {
+        "data-slot": "tabs",
+        "data-orientation": orientation,
+        orientation: orientation,
+        className: cn('group/tabs flex gap-2 data-[orientation=horizontal]:flex-col', className),
+        ...props
+    });
+}
+const tabsListVariants = cva('group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none', {
+    variants: {
+        variant: {
+            default: 'bg-muted',
+            line: 'gap-1 bg-transparent'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function TabsList({ className, variant = 'default', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_tabs_62268d7a.List, {
+        "data-slot": "tabs-list",
+        "data-variant": variant,
+        className: cn(tabsListVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+function TabsTrigger({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_tabs_62268d7a.Trigger, {
+        "data-slot": "tabs-trigger",
+        className: cn("text-foreground/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", 'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent', 'data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground', 'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100', className),
+        ...props
+    });
+}
+function TabsContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_tabs_62268d7a.Content, {
+        "data-slot": "tabs-content",
+        className: cn('focus-visible:ring-ring/50 flex-1 outline-none focus-visible:ring-[3px] focus-visible:ring-inset focus-visible:outline-1', className),
+        ...props
+    });
+}
+const toggleVariants = cva('inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            outline: 'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground'
+        },
+        size: {
+            default: 'h-10 px-3 min-w-10',
+            sm: 'h-9 px-2.5 min-w-9',
+            lg: 'h-11 px-5 min-w-11'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
+});
+const Toggle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, variant, size, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_toggle_f6d72b6a.Root, {
+        ref: ref,
+        className: cn(toggleVariants({
+            variant,
+            size,
+            className
+        })),
+        ...props
+    }));
+Toggle.displayName = __rspack_external__radix_ui_react_toggle_f6d72b6a.Root.displayName;
+const ToggleGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_toggle_group_1cb63752.Root, {
+        ref: ref,
+        className: cn('bg-muted inline-flex items-center justify-center rounded-md p-1', className),
+        ...props
+    }));
+ToggleGroup.displayName = __rspack_external__radix_ui_react_toggle_group_1cb63752.Root.displayName;
+const ToggleGroupItem = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_toggle_group_1cb63752.Item, {
+        ref: ref,
+        className: cn('ring-offset-background inline-flex cursor-pointer items-center justify-center rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all', 'focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none', 'disabled:pointer-events-none disabled:opacity-50', 'data-[state=on]:bg-background data-[state=on]:text-foreground data-[state=on]:shadow-sm', 'hover:bg-muted-foreground/10', className),
+        ...props
+    }, children));
+ToggleGroupItem.displayName = __rspack_external__radix_ui_react_toggle_group_1cb63752.Item.displayName;
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, H1, H2, H3, H4, H5, H6, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, MiniAppIconButton, MiniAppMetric, MiniAppMetricContent, MiniAppMetricDetail, MiniAppMetricHeader, MiniAppMetricLabel, MiniAppMetricValue, MiniAppPageHeader, MiniAppPageHeaderActions, MiniAppPageHeaderContent, MiniAppPageHeaderDescription, MiniAppPageHeaderTitle, MiniAppSectionHeader, MiniAppSectionHeaderActions, MiniAppSectionHeaderContent, MiniAppSectionHeaderDescription, MiniAppSectionHeaderTitle, MiniAppStatusBar, MiniAppToolbar, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NativeViewOcclusionProvider, Progress, RadioCard, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, StatusIndicator, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, code_block_CodeBlock as CodeBlock, code_block_CodeBlockCopyButton as CodeBlockCopyButton, icon_Icon as Icon, useNativeViewOcclusion };