@reforma/components 0.3.3 → 0.4.0

package/dist/SettingsLayout/SettingsLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsLayout.js","sources":["../../src/SettingsLayout/SettingsLayout.tsx"],"sourcesContent":["import { MOTION_EASE_UI } from '@reforma/constants';\nimport { cn } from '@reforma/lib';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Box } from '../Box';\nimport { Breadcrumb } from '../Breadcrumb';\nimport { Button } from '../Button';\nimport { For } from '../For';\nimport { tooltipWithHotkey } from '../Hotkey';\nimport { ListBox, ListBoxItem } from '../List';\nimport { Scrollable } from '../Scrollable';\nimport { Show } from '../Show';\nimport { Text } from '../Text';\nimport { toast } from '../Toast';\nimport styles from './SettingsLayout.module.css';\n\nimport type { ReactNode, RefObject } from 'react';\n\nconst MotionScrollable = motion.create(Scrollable);\n\nconst PANE_DURATION_S = 0.35;\nconst SLIDE_IN = 32;\nconst SLIDE_OUT = -12;\nconst SAVE_HOTKEY = ['mod', 's'] as const;\n\nfunction isSaveHotkey(event: KeyboardEvent): boolean {\n    if (!(event.metaKey || event.ctrlKey) || event.altKey || event.shiftKey) {\n        return false;\n    }\n\n    return event.key === 's' || event.key === 'S';\n}\n\nfunction paneTransition(reducedMotion: boolean | null) {\n    return { duration: reducedMotion ? 0 : PANE_DURATION_S, ease: MOTION_EASE_UI };\n}\n\nfunction tabEnterTransition(reducedMotion: boolean | null) {\n    return { duration: reducedMotion ? 0 : PANE_DURATION_S, ease: 'easeOut' as const };\n}\n\nfunction layerRest(covered: boolean, reducedMotion: boolean | null) {\n    return {\n        opacity: covered ? 0 : 1,\n        x: (covered && !reducedMotion) ? SLIDE_OUT : 0,\n        y: 0,\n    };\n}\n\nexport interface SettingsNavItem {\n    id: string;\n    label: string;\n    icon?: ReactNode;\n}\n\nexport interface SettingsStackItem {\n    id: string;\n    label: string;\n}\n\ninterface SettingsLayoutContextValue {\n    items: readonly SettingsNavItem[];\n    selectedId: string;\n    select: (id: string) => void;\n    stack: readonly SettingsStackItem[];\n    push: (item: SettingsStackItem) => void;\n    rename: (id: string, label: string) => void;\n    pop: () => void;\n    reset: () => void;\n}\n\nconst SettingsLayoutContext = createContext<SettingsLayoutContextValue | null>(null);\nconst SettingsOverlayContext = createContext<HTMLElement | null>(null);\n\nexport function useSettingsLayout(): SettingsLayoutContextValue {\n    const ctx = use(SettingsLayoutContext);\n\n    if (!ctx) {\n        throw new Error('useSettingsLayout must be used inside SettingsLayout');\n    }\n\n    return ctx;\n}\n\ntype SettingsSaveCopy = {\n    dirty: string;\n    saving: string;\n    saved: string;\n    tooltip?: string;\n};\n\ntype SettingsSaveVerb = 'save' | 'add' | SettingsSaveCopy;\n\ninterface SettingsSaveContextValue {\n    saveRef: RefObject<(() => Promise<boolean>) | null>;\n    onDirtyChange: (dirty: boolean) => void;\n    setSaveVerb: (verb: SettingsSaveVerb) => void;\n}\n\nconst SettingsSaveContext = createContext<SettingsSaveContextValue | null>(null);\n\nexport function useSettingsSave(): SettingsSaveContextValue {\n    const ctx = use(SettingsSaveContext);\n\n    if (!ctx) {\n        throw new Error('useSettingsSave must be used inside SettingsLayout.Content with saveable prop');\n    }\n\n    return ctx;\n}\n\nexport interface SettingsLayoutProps {\n    items: readonly SettingsNavItem[];\n    defaultSelected?: string;\n    defaultStack?: readonly SettingsStackItem[];\n    className?: string;\n    children: ReactNode;\n}\n\nfunction SettingsLayoutRoot({\n    items,\n    defaultSelected,\n    defaultStack,\n    className,\n    children,\n}: SettingsLayoutProps) {\n    const [selectedId, setSelectedId] = useState(defaultSelected ?? items[0]?.id ?? '');\n    const [stack, setStack] = useState<SettingsStackItem[]>(() => (\n        defaultStack ? [...defaultStack] : []\n    ));\n\n    const select = (id: string) => {\n        if (id !== selectedId) {\n            setSelectedId(id);\n        }\n\n        setStack([]);\n    };\n\n    return (\n        <SettingsLayoutContext\n            value={ {\n                items,\n                selectedId,\n                select,\n                stack,\n                push: item => setStack(current => [...current, item]),\n                rename: (id, label) => setStack(current => current.map(item => (\n                    item.id === id && item.label !== label\n                        ? { ...item, label }\n                        : item\n                ))),\n                pop: () => setStack(current => current.slice(0, -1)),\n                reset: () => setStack([]),\n            } }\n        >\n            <div className={ cn(styles.root, className) }>\n                { children }\n            </div>\n        </SettingsLayoutContext>\n    );\n}\n\nexport interface SettingsLayoutSidebarProps {\n    title?: string;\n    className?: string;\n    'aria-label'?: string;\n    footer?: ReactNode;\n}\n\nfunction Sidebar({\n    title,\n    className,\n    'aria-label': ariaLabel = 'Settings sections',\n    footer,\n}: SettingsLayoutSidebarProps) {\n    const { items, selectedId, select } = useSettingsLayout();\n\n    return (\n        <div className={ cn(styles.sidebar, className) }>\n            <Show when={ title }>\n                <Text variant=\"sm\" color=\"secondary\" className={ styles.sidebarTitle }>\n                    { title }\n                </Text>\n            </Show>\n            <ListBox\n                aria-label={ ariaLabel }\n                size=\"md\"\n                selectionMode=\"single\"\n                selectedKeys={ [selectedId] }\n                disallowEmptySelection\n            >\n                <For each={ items }>\n                    { item => (\n                        <ListBoxItem\n                            key={ item.id }\n                            id={ item.id }\n                            icon={ item.icon }\n                            textValue={ item.label }\n                            onPress={ () => select(item.id) }\n                        >\n                            { item.label }\n                        </ListBoxItem>\n                    ) }\n                </For>\n            </ListBox>\n            <Show when={ footer }>\n                <div className={ styles.sidebarFooter }>{ footer }</div>\n            </Show>\n        </div>\n    );\n}\n\nfunction Title() {\n    const { items, selectedId, stack, reset } = useSettingsLayout();\n    const rootLabel = items.find(item => item.id === selectedId)?.label ?? '';\n\n    return (\n        <Breadcrumb variant=\"heading-2\" className={ styles.title }>\n            { stack.length === 0\n                ? (\n                    <Breadcrumb.Page key=\"root\">\n                        { rootLabel }\n                    </Breadcrumb.Page>\n                )\n                : (\n                    <Breadcrumb.Link key=\"root\" onPress={ reset }>\n                        { rootLabel }\n                    </Breadcrumb.Link>\n                ) }\n            <For each={ stack }>\n                { item => (\n                    <Breadcrumb.Page key={ item.id }>\n                        { item.label }\n                    </Breadcrumb.Page>\n                ) }\n            </For>\n        </Breadcrumb>\n    );\n}\n\nexport interface SettingsLayoutPaneProps {\n    paneKey?: string;\n    className?: string;\n    children: ReactNode;\n}\n\n/** Nested view over the content viewport. Previous layer stays mounted (scroll kept). */\nfunction Pane({ paneKey, className, children }: SettingsLayoutPaneProps) {\n    const { stack } = useSettingsLayout();\n    const overlay = use(SettingsOverlayContext);\n    const reducedMotion = useReducedMotion();\n    const index = paneKey ? stack.findIndex(item => item.id === paneKey) : -1;\n    const covered = index >= 0 && index < stack.length - 1;\n\n    if (!overlay) {\n        return null;\n    }\n\n    return createPortal(\n        <AnimatePresence initial={ false }>\n            { paneKey\n                ? (\n                    <MotionScrollable\n                        key={ paneKey }\n                        className={ cn(styles.overlay, className) }\n                        contentClass={ cn(styles.scrollContent, styles.paneContent) }\n                        initial={ reducedMotion ? false : { opacity: 0, x: SLIDE_IN } }\n                        animate={ layerRest(covered, reducedMotion) }\n                        exit={ reducedMotion ? undefined : { opacity: 0, x: SLIDE_IN, pointerEvents: 'none' } }\n                        transition={ paneTransition(reducedMotion) }\n                        inert={ covered }\n                    >\n                        { children }\n                    </MotionScrollable>\n                )\n                : null }\n        </AnimatePresence>,\n        overlay\n    );\n}\n\nfunction Shell({\n    className,\n    action,\n    footer,\n    children,\n}: {\n    className?: string;\n    action?: ReactNode;\n    footer?: ReactNode;\n    children: ReactNode;\n}) {\n    const { selectedId, stack } = useSettingsLayout();\n    const [overlay, setOverlay] = useState<HTMLDivElement | null>(null);\n    const reducedMotion = useReducedMotion();\n    const covered = stack.length > 0;\n    const animate = useMemo(\n        () => layerRest(covered, reducedMotion),\n        [covered, reducedMotion]\n    );\n\n    return (\n        <SettingsOverlayContext value={ overlay }>\n            <div className={ cn(styles.content, className) }>\n                <div className={ styles.header }>\n                    <Title />\n                    { action }\n                </div>\n                <div ref={ setOverlay } className={ styles.viewport }>\n                    <MotionScrollable\n                        key={ selectedId }\n                        className={ styles.scroll }\n                        contentClass={ styles.scrollContent }\n                        initial={ reducedMotion ? false : { opacity: 0.6, y: 8 } }\n                        animate={ animate }\n                        transition={ covered\n                            ? paneTransition(reducedMotion)\n                            : tabEnterTransition(reducedMotion) }\n                        inert={ covered }\n                    >\n                        { children }\n                    </MotionScrollable>\n                </div>\n                { footer }\n            </div>\n        </SettingsOverlayContext>\n    );\n}\n\nfunction Empty({ children }: { children: ReactNode }) {\n    return (\n        <Box align=\"center\" justify=\"center\" gap=\"lg\" grow fullWidth fullHeight>\n            { children }\n        </Box>\n    );\n}\n\nexport interface SettingsLayoutContentProps {\n    headerRight?: ReactNode;\n    /** Pinned under the scrolling pane. */\n    footer?: ReactNode;\n    saveable?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\nfunction Content({ headerRight, footer, saveable, className, children }: SettingsLayoutContentProps) {\n    if (saveable) {\n        return (\n            <SaveableContent headerRight={ headerRight } footer={ footer } className={ className }>\n                { children }\n            </SaveableContent>\n        );\n    }\n\n    return (\n        <Shell className={ className } action={ headerRight } footer={ footer }>\n            { children }\n        </Shell>\n    );\n}\n\ntype SaveState = 'idle' | 'dirty' | 'saving' | 'saved';\n\nconst SAVED_DISPLAY_DURATION = 1000;\n\nconst ACTION_COPY = {\n    save: {\n        dirty: 'Save changes',\n        saving: 'Saving…',\n        saved: 'Saved',\n        tooltip: 'Save changes',\n    },\n    add: {\n        dirty: 'Add',\n        saving: 'Adding…',\n        saved: 'Added',\n        tooltip: 'Add',\n    },\n} as const satisfies Record<string, SettingsSaveCopy & { tooltip: string }>;\n\nfunction saveActionCopy(verb: SettingsSaveVerb): SettingsSaveCopy & { tooltip: string } {\n    if (typeof verb === 'object') {\n        return {\n            dirty: verb.dirty,\n            saving: verb.saving,\n            saved: verb.saved,\n            tooltip: verb.tooltip ?? verb.dirty,\n        };\n    }\n\n    return ACTION_COPY[verb];\n}\n\nfunction SaveableContent({\n    headerRight,\n    footer,\n    className,\n    children,\n}: Omit<SettingsLayoutContentProps, 'saveable'>) {\n    const { selectedId } = useSettingsLayout();\n    const reducedMotion = useReducedMotion();\n    const [saveState, setSaveState] = useState<SaveState>('idle');\n    const [saveVerb, setSaveVerb] = useState<SettingsSaveVerb>('save');\n    const saveRef = useRef<(() => Promise<boolean>) | null>(null);\n    const savedTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const [saveTab, setSaveTab] = useState(selectedId);\n\n    if (saveTab !== selectedId) {\n        setSaveTab(selectedId);\n        setSaveState('idle');\n        setSaveVerb('save');\n    }\n\n    const onDirtyChange = useCallback((dirty: boolean) => {\n        setSaveState((prev) => {\n            if (dirty) {\n                return 'dirty';\n            }\n\n            if (prev === 'dirty') {\n                return 'idle';\n            }\n\n            return prev;\n        });\n    }, []);\n\n    const handleSave = useCallback(async() => {\n        if (!saveRef.current) {\n            return;\n        }\n\n        setSaveState('saving');\n\n        try {\n            const success = await saveRef.current();\n\n            if (success) {\n                setSaveState('saved');\n            }\n            else {\n                setSaveState('dirty');\n            }\n        }\n        catch {\n            toast.error({ message: 'Something went wrong while saving.' });\n            setSaveState('dirty');\n        }\n    }, []);\n\n    useEffect(() => {\n        if (saveState !== 'dirty') {\n            return;\n        }\n\n        // Window capture so Pane overlays (portaled) still hit ⌘S / Ctrl+S.\n        const onKeyDown = (event: KeyboardEvent) => {\n            if (!isSaveHotkey(event)) {\n                return;\n            }\n\n            event.preventDefault();\n            event.stopPropagation();\n            void handleSave();\n        };\n\n        window.addEventListener('keydown', onKeyDown, true);\n\n        return () => {\n            window.removeEventListener('keydown', onKeyDown, true);\n        };\n    }, [handleSave, saveState]);\n\n    useEffect(() => {\n        if (saveState === 'saved') {\n            savedTimerRef.current = setTimeout(() => {\n                setSaveState('idle');\n            }, SAVED_DISPLAY_DURATION);\n        }\n\n        return () => {\n            clearTimeout(savedTimerRef.current);\n        };\n    }, [saveState]);\n\n    const ctx = useMemo<SettingsSaveContextValue>(\n        () => ({ saveRef, onDirtyChange, setSaveVerb }),\n        [onDirtyChange]\n    );\n\n    const saveTransition = {\n        duration: reducedMotion ? 0 : 0.2,\n        ease: MOTION_EASE_UI,\n    };\n\n    const copy = saveActionCopy(saveVerb);\n    let saveControl: ReactNode = null;\n\n    if (saveState === 'dirty') {\n        saveControl = (\n            <Button\n                color=\"contrast\"\n                size=\"sm\"\n                onPress={ () => void handleSave() }\n                tooltip={ tooltipWithHotkey(copy.tooltip, SAVE_HOTKEY) }\n            >\n                { copy.dirty }\n            </Button>\n        );\n    }\n    else if (saveState === 'saving') {\n        saveControl = (\n            <Button color=\"contrast\" size=\"sm\" isDisabled>\n                { copy.saving }\n            </Button>\n        );\n    }\n    else if (saveState === 'saved') {\n        saveControl = (\n            <Button color=\"success\" size=\"sm\">\n                { copy.saved }\n            </Button>\n        );\n    }\n\n    return (\n        <SettingsSaveContext value={ ctx }>\n            <Shell\n                className={ className }\n                footer={ footer }\n                action={ (\n                    <div className={ styles.headerAction }>\n                        <AnimatePresence mode=\"popLayout\" initial={ false }>\n                            { saveControl\n                                ? (\n                                    <motion.div\n                                        key=\"save\"\n                                        className={ styles.saveAction }\n                                        initial={ { opacity: 0, scale: 0.92 } }\n                                        animate={ { opacity: 1, scale: 1 } }\n                                        exit={ { opacity: 0, scale: 0.92 } }\n                                        transition={ saveTransition }\n                                    >\n                                        { saveControl }\n                                    </motion.div>\n                                )\n                                : headerRight\n                                    ? (\n                                        <motion.div\n                                            key=\"header-right\"\n                                            className={ styles.saveAction }\n                                            initial={ { opacity: 0 } }\n                                            animate={ { opacity: 1 } }\n                                            exit={ { opacity: 0 } }\n                                            transition={ saveTransition }\n                                        >\n                                            { headerRight }\n                                        </motion.div>\n                                    )\n                                    : null }\n                        </AnimatePresence>\n                    </div>\n                ) }\n            >\n                { children }\n            </Shell>\n        </SettingsSaveContext>\n    );\n}\n\nexport const SettingsLayout = Object.assign(SettingsLayoutRoot, {\n    Sidebar,\n    Content,\n    Pane,\n    Empty,\n});\n\nSettingsLayoutRoot.displayName = 'SettingsLayout';\nSidebar.displayName = 'SettingsLayout.Sidebar';\nContent.displayName = 'SettingsLayout.Content';\nPane.displayName = 'SettingsLayout.Pane';\nEmpty.displayName = 'SettingsLayout.Empty';\n"],"names":["MotionScrollable","motion","Scrollable","PANE_DURATION_S","SLIDE_IN","SLIDE_OUT","SAVE_HOTKEY","isSaveHotkey","event","paneTransition","reducedMotion","MOTION_EASE_UI","tabEnterTransition","layerRest","covered","SettingsLayoutContext","SettingsOverlayContext","useSettingsLayout","ctx","use","SettingsSaveContext","useSettingsSave","SettingsLayoutRoot","items","defaultSelected","defaultStack","className","children","selectedId","setSelectedId","useState","stack","setStack","id","current","item","label","cn","styles","Sidebar","title","ariaLabel","footer","select","_jsx","Show","Text","ListBox","For","ListBoxItem","Title","reset","rootLabel","Breadcrumb","Pane","paneKey","overlay","useReducedMotion","index","createPortal","AnimatePresence","Shell","action","setOverlay","animate","useMemo","_jsxs","Empty","Box","Content","headerRight","saveable","SaveableContent","SAVED_DISPLAY_DURATION","ACTION_COPY","saveActionCopy","verb","saveState","setSaveState","saveVerb","setSaveVerb","saveRef","useRef","savedTimerRef","saveTab","setSaveTab","onDirtyChange","useCallback","dirty","prev","handleSave","success","toast","useEffect","onKeyDown","saveTransition","copy","saveControl","Button","tooltipWithHotkey","SettingsLayout"],"mappings":"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"}
+{"version":3,"file":"SettingsLayout.js","sources":["../../src/SettingsLayout/SettingsLayout.tsx"],"sourcesContent":["import { MOTION_EASE_UI } from '@reforma/constants';\nimport { AttentionCircle } from '@reforma/icons/14';\nimport { cn } from '@reforma/lib';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Alert, AlertAction, AlertIcon, AlertTitle } from '../Alert';\nimport { Box } from '../Box';\nimport { Breadcrumb } from '../Breadcrumb';\nimport { Button } from '../Button';\nimport { For } from '../For';\nimport { tooltipWithHotkey } from '../Hotkey';\nimport { ListBox, ListBoxItem } from '../List';\nimport { ModalContext } from '../Modal/hooks/useModalProvider';\nimport { confirmDiscardChanges } from '../modals/ConfirmModal';\nimport { Scrollable } from '../Scrollable';\nimport { Show } from '../Show';\nimport { Text } from '../Text';\nimport { toast } from '../Toast';\nimport styles from './SettingsLayout.module.css';\n\nimport type { ReactNode, RefObject } from 'react';\n\nconst MotionScrollable = motion.create(Scrollable);\n\nconst PANE_DURATION_S = 0.35;\nconst SLIDE_IN = 32;\nconst SLIDE_OUT = -12;\nconst SAVE_HOTKEY = ['mod', 's'] as const;\n\nfunction isSaveHotkey(event: KeyboardEvent): boolean {\n    if (!(event.metaKey || event.ctrlKey) || event.altKey || event.shiftKey) {\n        return false;\n    }\n\n    return event.key === 's' || event.key === 'S';\n}\n\nfunction paneTransition(reducedMotion: boolean | null) {\n    return { duration: reducedMotion ? 0 : PANE_DURATION_S, ease: MOTION_EASE_UI };\n}\n\nfunction tabEnterTransition(reducedMotion: boolean | null) {\n    return { duration: reducedMotion ? 0 : PANE_DURATION_S, ease: 'easeOut' as const };\n}\n\nfunction layerRest(covered: boolean, reducedMotion: boolean | null) {\n    return {\n        opacity: covered ? 0 : 1,\n        x: (covered && !reducedMotion) ? SLIDE_OUT : 0,\n        y: 0,\n    };\n}\n\nexport interface SettingsNavItem {\n    id: string;\n    label: string;\n    icon?: ReactNode;\n}\n\nexport interface SettingsStackItem {\n    id: string;\n    label: string;\n}\n\ninterface SettingsLayoutContextValue {\n    items: readonly SettingsNavItem[];\n    selectedId: string;\n    select: (id: string) => void;\n    stack: readonly SettingsStackItem[];\n    push: (item: SettingsStackItem) => void;\n    rename: (id: string, label: string) => void;\n    pop: () => void;\n    reset: () => void;\n}\n\nconst SettingsLayoutContext = createContext<SettingsLayoutContextValue | null>(null);\nconst SettingsOverlayContext = createContext<HTMLElement | null>(null);\nconst SettingsLeaveGuardContext = createContext<RefObject<(() => boolean | Promise<boolean>) | null> | null>(null);\n\nfunction settleLeave(decision: boolean | Promise<boolean>, apply: () => void) {\n    if (decision === true) {\n        apply();\n\n        return;\n    }\n\n    if (decision === false) {\n        return;\n    }\n\n    void decision.then((allowed) => {\n        if (allowed) {\n            apply();\n        }\n    });\n}\n\nexport function useSettingsLayout(): SettingsLayoutContextValue {\n    const ctx = use(SettingsLayoutContext);\n\n    if (!ctx) {\n        throw new Error('useSettingsLayout must be used inside SettingsLayout');\n    }\n\n    return ctx;\n}\n\ntype SettingsSaveCopy = {\n    dirty: string;\n    saving: string;\n    saved: string;\n    tooltip?: string;\n};\n\ntype SettingsSaveVerb = 'save' | 'add' | SettingsSaveCopy;\n\ninterface SettingsSaveContextValue {\n    saveRef: RefObject<(() => Promise<boolean>) | null>;\n    discardRef: RefObject<(() => void) | null>;\n    onDirtyChange: (dirty: boolean) => void;\n    setSaveVerb: (verb: SettingsSaveVerb) => void;\n}\n\nconst SettingsSaveContext = createContext<SettingsSaveContextValue | null>(null);\n\nexport function useSettingsSave(): SettingsSaveContextValue {\n    const ctx = use(SettingsSaveContext);\n\n    if (!ctx) {\n        throw new Error('useSettingsSave must be used inside SettingsLayout.Content with saveable prop');\n    }\n\n    return ctx;\n}\n\nexport interface SettingsLayoutProps {\n    items: readonly SettingsNavItem[];\n    defaultSelected?: string;\n    defaultStack?: readonly SettingsStackItem[];\n    className?: string;\n    children: ReactNode;\n}\n\nfunction SettingsLayoutRoot({\n    items,\n    defaultSelected,\n    defaultStack,\n    className,\n    children,\n}: SettingsLayoutProps) {\n    const [selectedId, setSelectedId] = useState(defaultSelected ?? items[0]?.id ?? '');\n    const [stack, setStack] = useState<SettingsStackItem[]>(() => (\n        defaultStack ? [...defaultStack] : []\n    ));\n    const leaveGuardRef = useRef<(() => boolean | Promise<boolean>) | null>(null);\n\n    const select = (id: string) => {\n        const changeTab = id !== selectedId;\n        const clearStack = stack.length > 0;\n\n        if (!changeTab && !clearStack) {\n            return;\n        }\n\n        settleLeave(leaveGuardRef.current?.() ?? true, () => {\n            if (changeTab) {\n                setSelectedId(id);\n            }\n\n            setStack([]);\n        });\n    };\n\n    const pop = () => {\n        if (stack.length === 0) {\n            return;\n        }\n\n        settleLeave(leaveGuardRef.current?.() ?? true, () => {\n            setStack(current => current.slice(0, -1));\n        });\n    };\n\n    const reset = () => {\n        if (stack.length === 0) {\n            return;\n        }\n\n        settleLeave(leaveGuardRef.current?.() ?? true, () => {\n            setStack([]);\n        });\n    };\n\n    return (\n        <SettingsLeaveGuardContext value={ leaveGuardRef }>\n            <SettingsLayoutContext\n                value={ {\n                    items,\n                    selectedId,\n                    select,\n                    stack,\n                    push: item => setStack(current => [...current, item]),\n                    rename: (id, label) => setStack(current => current.map(item => (\n                        item.id === id && item.label !== label\n                            ? { ...item, label }\n                            : item\n                    ))),\n                    pop,\n                    reset,\n                } }\n            >\n                <div className={ cn(styles.root, className) }>\n                    { children }\n                </div>\n            </SettingsLayoutContext>\n        </SettingsLeaveGuardContext>\n    );\n}\n\nexport interface SettingsLayoutSidebarProps {\n    title?: string;\n    className?: string;\n    'aria-label'?: string;\n    footer?: ReactNode;\n}\n\nfunction Sidebar({\n    title,\n    className,\n    'aria-label': ariaLabel = 'Settings sections',\n    footer,\n}: SettingsLayoutSidebarProps) {\n    const { items, selectedId, select } = useSettingsLayout();\n\n    return (\n        <div className={ cn(styles.sidebar, className) }>\n            <Show when={ title }>\n                <Text variant=\"sm\" color=\"secondary\" className={ styles.sidebarTitle }>\n                    { title }\n                </Text>\n            </Show>\n            <ListBox\n                aria-label={ ariaLabel }\n                size=\"md\"\n                selectionMode=\"single\"\n                selectedKeys={ [selectedId] }\n                disallowEmptySelection\n            >\n                <For each={ items }>\n                    { item => (\n                        <ListBoxItem\n                            key={ item.id }\n                            id={ item.id }\n                            icon={ item.icon }\n                            textValue={ item.label }\n                            onPress={ () => select(item.id) }\n                        >\n                            { item.label }\n                        </ListBoxItem>\n                    ) }\n                </For>\n            </ListBox>\n            <Show when={ footer }>\n                <div className={ styles.sidebarFooter }>{ footer }</div>\n            </Show>\n        </div>\n    );\n}\n\nfunction Title() {\n    const { items, selectedId, stack, reset } = useSettingsLayout();\n    const rootLabel = items.find(item => item.id === selectedId)?.label ?? '';\n\n    return (\n        <Breadcrumb variant=\"heading-2\" className={ styles.title }>\n            { stack.length === 0\n                ? (\n                    <Breadcrumb.Page key=\"root\">\n                        { rootLabel }\n                    </Breadcrumb.Page>\n                )\n                : (\n                    <Breadcrumb.Link key=\"root\" onPress={ reset }>\n                        { rootLabel }\n                    </Breadcrumb.Link>\n                ) }\n            <For each={ stack }>\n                { item => (\n                    <Breadcrumb.Page key={ item.id }>\n                        { item.label }\n                    </Breadcrumb.Page>\n                ) }\n            </For>\n        </Breadcrumb>\n    );\n}\n\nexport interface SettingsLayoutPaneProps {\n    paneKey?: string;\n    className?: string;\n    children: ReactNode;\n}\n\n/** Nested view over the content viewport. Previous layer stays mounted (scroll kept). */\nfunction Pane({ paneKey, className, children }: SettingsLayoutPaneProps) {\n    const { stack } = useSettingsLayout();\n    const overlay = use(SettingsOverlayContext);\n    const reducedMotion = useReducedMotion();\n    const index = paneKey ? stack.findIndex(item => item.id === paneKey) : -1;\n    const covered = index >= 0 && index < stack.length - 1;\n\n    if (!overlay) {\n        return null;\n    }\n\n    return createPortal(\n        <AnimatePresence initial={ false }>\n            { paneKey\n                ? (\n                    <MotionScrollable\n                        key={ paneKey }\n                        className={ cn(styles.overlay, className) }\n                        contentClass={ cn(styles.scrollContent, styles.paneContent) }\n                        initial={ reducedMotion ? false : { opacity: 0, x: SLIDE_IN } }\n                        animate={ layerRest(covered, reducedMotion) }\n                        exit={ reducedMotion ? undefined : { opacity: 0, x: SLIDE_IN, pointerEvents: 'none' } }\n                        transition={ paneTransition(reducedMotion) }\n                        inert={ covered }\n                    >\n                        { children }\n                    </MotionScrollable>\n                )\n                : null }\n        </AnimatePresence>,\n        overlay\n    );\n}\n\nfunction Shell({\n    className,\n    action,\n    footer,\n    children,\n}: {\n    className?: string;\n    action?: ReactNode;\n    footer?: ReactNode;\n    children: ReactNode;\n}) {\n    const { selectedId, stack } = useSettingsLayout();\n    const [overlay, setOverlay] = useState<HTMLDivElement | null>(null);\n    const reducedMotion = useReducedMotion();\n    const covered = stack.length > 0;\n    const animate = useMemo(\n        () => layerRest(covered, reducedMotion),\n        [covered, reducedMotion]\n    );\n\n    return (\n        <SettingsOverlayContext value={ overlay }>\n            <div className={ cn(styles.content, className) }>\n                <div className={ styles.header }>\n                    <Title />\n                    { action }\n                </div>\n                <div ref={ setOverlay } className={ styles.viewport }>\n                    <MotionScrollable\n                        key={ selectedId }\n                        className={ styles.scroll }\n                        contentClass={ styles.scrollContent }\n                        initial={ reducedMotion ? false : { opacity: 0.6, y: 8 } }\n                        animate={ animate }\n                        transition={ covered\n                            ? paneTransition(reducedMotion)\n                            : tabEnterTransition(reducedMotion) }\n                        inert={ covered }\n                    >\n                        { children }\n                    </MotionScrollable>\n                </div>\n                { footer }\n            </div>\n        </SettingsOverlayContext>\n    );\n}\n\nfunction Empty({ children }: { children: ReactNode }) {\n    return (\n        <Box align=\"center\" justify=\"center\" gap=\"lg\" grow fullWidth fullHeight>\n            { children }\n        </Box>\n    );\n}\n\nexport interface SettingsLayoutContentProps {\n    headerRight?: ReactNode;\n    /** Pinned under the scrolling pane. */\n    footer?: ReactNode;\n    saveable?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\nfunction Content({ headerRight, footer, saveable, className, children }: SettingsLayoutContentProps) {\n    if (saveable) {\n        return (\n            <SaveableContent headerRight={ headerRight } footer={ footer } className={ className }>\n                { children }\n            </SaveableContent>\n        );\n    }\n\n    return (\n        <Shell className={ className } action={ headerRight } footer={ footer }>\n            { children }\n        </Shell>\n    );\n}\n\ntype SaveState = 'idle' | 'dirty' | 'saving' | 'saved';\n\nconst SAVED_DISPLAY_DURATION = 1000;\n\nconst ACTION_COPY = {\n    save: {\n        dirty: 'Save changes',\n        saving: 'Saving…',\n        saved: 'Saved',\n        tooltip: 'Save changes',\n    },\n    add: {\n        dirty: 'Add',\n        saving: 'Adding…',\n        saved: 'Added',\n        tooltip: 'Add',\n    },\n} as const satisfies Record<string, SettingsSaveCopy & { tooltip: string }>;\n\nfunction saveActionCopy(verb: SettingsSaveVerb): SettingsSaveCopy & { tooltip: string } {\n    if (typeof verb === 'object') {\n        return {\n            dirty: verb.dirty,\n            saving: verb.saving,\n            saved: verb.saved,\n            tooltip: verb.tooltip ?? verb.dirty,\n        };\n    }\n\n    return ACTION_COPY[verb];\n}\n\nfunction saveNoticeLabel(state: SaveState, copy: SettingsSaveCopy): string {\n    if (state === 'saving') {\n        return copy.saving;\n    }\n\n    if (state === 'saved') {\n        return copy.saved;\n    }\n\n    return 'You have unsaved changes';\n}\n\nfunction SaveNotice({\n    state,\n    copy,\n    onSave,\n    onDiscard,\n}: {\n    state: Exclude<SaveState, 'idle'>;\n    copy: SettingsSaveCopy & { tooltip: string };\n    onSave: () => void;\n    onDiscard: () => void;\n}) {\n    const label = saveNoticeLabel(state, copy);\n\n    return (\n        <div className={ styles.saveEnter }>\n            <div className={ styles.saveClip }>\n                <Alert>\n                    <AlertIcon>\n                        <AttentionCircle />\n                    </AlertIcon>\n                    <AlertTitle>{ label }</AlertTitle>\n                    { state === 'saved'\n                        ? null\n                        : (\n                            <AlertAction>\n                                <Box direction=\"row\" align=\"center\" gap=\"sm\" wrap={ false }>\n                                    <Button\n                                        variant=\"filling\"\n                                        color=\"secondary\"\n                                        size=\"sm\"\n                                        isDisabled={ state === 'saving' }\n                                        onPress={ onDiscard }\n                                    >\n                                        Discard\n                                    </Button>\n                                    <Button\n                                        color=\"primary\"\n                                        size=\"sm\"\n                                        isDisabled={ state === 'saving' }\n                                        tooltip={ state === 'dirty'\n                                            ? tooltipWithHotkey(copy.tooltip, SAVE_HOTKEY)\n                                            : undefined }\n                                        onPress={ onSave }\n                                    >\n                                        { state === 'saving' ? copy.saving : copy.dirty }\n                                    </Button>\n                                </Box>\n                            </AlertAction>\n                        ) }\n                </Alert>\n            </div>\n        </div>\n    );\n}\n\nfunction SaveableContent({\n    headerRight,\n    footer,\n    className,\n    children,\n}: Omit<SettingsLayoutContentProps, 'saveable'>) {\n    const { selectedId } = useSettingsLayout();\n    const leaveGuardRef = use(SettingsLeaveGuardContext);\n    const modal = use(ModalContext)?.modal;\n    const [saveState, setSaveState] = useState<SaveState>('idle');\n    const [saveVerb, setSaveVerb] = useState<SettingsSaveVerb>('save');\n    const saveRef = useRef<(() => Promise<boolean>) | null>(null);\n    const discardRef = useRef<(() => void) | null>(null);\n    const savedTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const [saveTab, setSaveTab] = useState(selectedId);\n\n    if (saveTab !== selectedId) {\n        setSaveTab(selectedId);\n        setSaveState('idle');\n        setSaveVerb('save');\n    }\n\n    const onDirtyChange = useCallback((dirty: boolean) => {\n        setSaveState((prev) => {\n            if (dirty) {\n                return 'dirty';\n            }\n\n            if (prev === 'dirty') {\n                return 'idle';\n            }\n\n            return prev;\n        });\n    }, []);\n\n    const handleSave = useCallback(async() => {\n        if (!saveRef.current) {\n            return;\n        }\n\n        setSaveState('saving');\n\n        try {\n            const success = await saveRef.current();\n\n            if (success) {\n                setSaveState('saved');\n            }\n            else {\n                setSaveState('dirty');\n            }\n        }\n        catch {\n            toast.error({ message: 'Something went wrong while saving.' });\n            setSaveState('dirty');\n        }\n    }, []);\n\n    useEffect(() => {\n        if (saveState !== 'dirty') {\n            return;\n        }\n\n        // Window capture so Pane overlays (portaled) still hit ⌘S / Ctrl+S.\n        const onKeyDown = (event: KeyboardEvent) => {\n            if (!isSaveHotkey(event)) {\n                return;\n            }\n\n            event.preventDefault();\n            event.stopPropagation();\n            void handleSave();\n        };\n\n        window.addEventListener('keydown', onKeyDown, true);\n\n        return () => {\n            window.removeEventListener('keydown', onKeyDown, true);\n        };\n    }, [handleSave, saveState]);\n\n    useEffect(() => {\n        if (saveState === 'saved') {\n            savedTimerRef.current = setTimeout(() => {\n                setSaveState('idle');\n            }, SAVED_DISPLAY_DURATION);\n        }\n\n        return () => {\n            clearTimeout(savedTimerRef.current);\n        };\n    }, [saveState]);\n\n    useEffect(() => {\n        if (!modal) {\n            return;\n        }\n\n        if (saveState === 'dirty' || saveState === 'saving') {\n            modal.unsaved();\n\n            return;\n        }\n\n        modal.saved();\n    }, [modal, saveState]);\n\n    useEffect(() => {\n        if (!leaveGuardRef) {\n            return;\n        }\n\n        leaveGuardRef.current = () => {\n            if (saveState !== 'dirty' && saveState !== 'saving') {\n                return true;\n            }\n\n            return confirmDiscardChanges();\n        };\n\n        return () => {\n            leaveGuardRef.current = null;\n        };\n    }, [leaveGuardRef, saveState]);\n\n    const ctx = useMemo<SettingsSaveContextValue>(\n        () => ({ saveRef, discardRef, onDirtyChange, setSaveVerb }),\n        [onDirtyChange]\n    );\n\n    const copy = saveActionCopy(saveVerb);\n\n    return (\n        <SettingsSaveContext value={ ctx }>\n            <Shell\n                className={ className }\n                footer={ saveState === 'idle'\n                    ? footer\n                    : (\n                        <SaveNotice\n                            state={ saveState }\n                            copy={ copy }\n                            onSave={ () => void handleSave() }\n                            onDiscard={ () => discardRef.current?.() }\n                        />\n                    ) }\n                action={ headerRight\n                    ? <div className={ styles.headerAction }>{ headerRight }</div>\n                    : undefined }\n            >\n                { children }\n            </Shell>\n        </SettingsSaveContext>\n    );\n}\n\nexport const SettingsLayout = Object.assign(SettingsLayoutRoot, {\n    Sidebar,\n    Content,\n    Pane,\n    Empty,\n});\n\nSettingsLayoutRoot.displayName = 'SettingsLayout';\nSidebar.displayName = 'SettingsLayout.Sidebar';\nContent.displayName = 'SettingsLayout.Content';\nPane.displayName = 'SettingsLayout.Pane';\nEmpty.displayName = 'SettingsLayout.Empty';\n"],"names":["MotionScrollable","motion","Scrollable","PANE_DURATION_S","SLIDE_IN","SLIDE_OUT","SAVE_HOTKEY","isSaveHotkey","event","paneTransition","reducedMotion","MOTION_EASE_UI","tabEnterTransition","layerRest","covered","SettingsLayoutContext","SettingsOverlayContext","SettingsLeaveGuardContext","settleLeave","decision","apply","allowed","useSettingsLayout","ctx","use","SettingsSaveContext","useSettingsSave","SettingsLayoutRoot","items","defaultSelected","defaultStack","className","children","selectedId","setSelectedId","useState","stack","setStack","leaveGuardRef","useRef","id","changeTab","clearStack","current","item","label","cn","styles","Sidebar","title","ariaLabel","footer","select","_jsx","Show","Text","ListBox","For","ListBoxItem","Title","reset","rootLabel","Breadcrumb","Pane","paneKey","overlay","useReducedMotion","index","createPortal","AnimatePresence","Shell","action","setOverlay","animate","useMemo","_jsxs","Empty","Box","Content","headerRight","saveable","SaveableContent","SAVED_DISPLAY_DURATION","ACTION_COPY","saveActionCopy","verb","saveNoticeLabel","state","copy","SaveNotice","onSave","onDiscard","Alert","AlertIcon","AttentionCircle","AlertTitle","AlertAction","Button","tooltipWithHotkey","modal","ModalContext","saveState","setSaveState","saveVerb","setSaveVerb","saveRef","discardRef","savedTimerRef","saveTab","setSaveTab","onDirtyChange","useCallback","dirty","prev","handleSave","success","toast","useEffect","onKeyDown","confirmDiscardChanges","SettingsLayout"],"mappings":"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"}

package/dist/SettingsLayout/SettingsLayout.module.css

@@ -1 +1 @@
-@layer components{.SettingsLayout_root_lBxQ4b{display:flex;padding:var(--spacing-xs);width:100%;height:100%;overflow:hidden}.SettingsLayout_sidebar_EMtPUy{display:flex;flex-direction:column;gap:var(--spacing-lg);border:1px solid var(--color-secondary-muted-border);border-radius:calc(var(--radius-lg) * var(--squircle-radius-factor));background:var(--color-surface);padding:var(--spacing-lg);width:210px;min-width:210px;corner-shape:superellipse(var(--squircle-value));overflow-y:auto}.SettingsLayout_sidebarTitle_AKclrV{padding:0 var(--spacing-lg)}.SettingsLayout_sidebarFooter_jBD19p{margin-top:auto}.SettingsLayout_content_uv3Glf{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.SettingsLayout_header_zOdrOE{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;background:var(--modal-background, var(--color-surface));padding:var(--spacing-40) var(--spacing-40) var(--spacing-20)}.SettingsLayout_viewport_xQNQD0{position:relative;flex:1;min-height:0;overflow:hidden}.SettingsLayout_scroll_qBlv4h,.SettingsLayout_overlay_GMz7It{position:absolute;inset:0}.SettingsLayout_scrollContent_nHRRrq{display:flex;flex:1;flex-direction:column;padding:var(--spacing-20) var(--spacing-40) var(--spacing-40);width:100%}.SettingsLayout_paneContent_Gozrp5{gap:var(--spacing-24)}.SettingsLayout_overlay_GMz7It{z-index:1;background:var(--modal-background, var(--color-surface))}.SettingsLayout_headerAction_jC1Js8{margin-block:-9999px}.SettingsLayout_saveAction_2YRmkD{display:inline-flex;align-items:center}.SettingsLayout_title_toPbWC{flex:1;min-width:0}}
+@layer components{.SettingsLayout_root_lBxQ4b{display:flex;padding:var(--spacing-xs);width:100%;height:100%;overflow:hidden}.SettingsLayout_sidebar_EMtPUy{display:flex;flex-direction:column;gap:var(--spacing-lg);border:1px solid var(--color-secondary-muted-border);border-radius:calc(var(--radius-lg) * var(--squircle-radius-factor));background:var(--color-surface);padding:var(--spacing-lg);width:210px;min-width:210px;corner-shape:superellipse(var(--squircle-value));overflow-y:auto}.SettingsLayout_sidebarTitle_AKclrV{padding:0 var(--spacing-lg)}.SettingsLayout_sidebarFooter_jBD19p{margin-top:auto}.SettingsLayout_content_uv3Glf{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.SettingsLayout_header_zOdrOE{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;background:var(--modal-background, var(--color-surface));padding:var(--spacing-40) var(--spacing-40) var(--spacing-20)}.SettingsLayout_viewport_xQNQD0{position:relative;flex:1;min-height:0;overflow:hidden}.SettingsLayout_scroll_qBlv4h,.SettingsLayout_overlay_GMz7It{position:absolute;inset:0}.SettingsLayout_scrollContent_nHRRrq{display:flex;flex:1;flex-direction:column;padding:var(--spacing-20) var(--spacing-40) var(--spacing-40);width:100%}.SettingsLayout_paneContent_Gozrp5{gap:var(--spacing-24)}.SettingsLayout_overlay_GMz7It{z-index:1;background:var(--modal-background, var(--color-surface))}.SettingsLayout_headerAction_jC1Js8{margin-block:-9999px}.SettingsLayout_saveEnter_gyqPiI{display:grid;flex-shrink:0;animation:SettingsLayout_settings-save-in_fN5oOU var(--transition-duration) var(--ease-in-out) both}.SettingsLayout_saveClip_Leqogu{padding:0 0 0 var(--spacing-xs);min-height:0;overflow:hidden}.SettingsLayout_title_toPbWC{flex:1;min-width:0}}@keyframes SettingsLayout_settings-save-in_fN5oOU{0%{grid-template-rows:0fr;opacity:0}to{grid-template-rows:1fr;opacity:1}}@media(prefers-reduced-motion:reduce){.SettingsLayout_saveEnter_gyqPiI{animation:none}}

package/dist/SettingsLayout/SettingsLayout.module.css.js

@@ -1,34 +1,36 @@
-const t = "SettingsLayout_root_lBxQ4b", o = "SettingsLayout_sidebar_EMtPUy", e = "SettingsLayout_sidebarTitle_AKclrV", n = "SettingsLayout_sidebarFooter_jBD19p", s = "SettingsLayout_content_uv3Glf", a = "SettingsLayout_header_zOdrOE", i = "SettingsLayout_viewport_xQNQD0", r = "SettingsLayout_scroll_qBlv4h", c = "SettingsLayout_overlay_GMz7It", _ = "SettingsLayout_scrollContent_nHRRrq", l = "SettingsLayout_paneContent_Gozrp5", y = "SettingsLayout_headerAction_jC1Js8", d = "SettingsLayout_saveAction_2YRmkD", u = "SettingsLayout_title_toPbWC", g = {
+const t = "SettingsLayout_root_lBxQ4b", e = "SettingsLayout_sidebar_EMtPUy", o = "SettingsLayout_sidebarTitle_AKclrV", n = "SettingsLayout_sidebarFooter_jBD19p", s = "SettingsLayout_content_uv3Glf", a = "SettingsLayout_header_zOdrOE", r = "SettingsLayout_viewport_xQNQD0", i = "SettingsLayout_scroll_qBlv4h", l = "SettingsLayout_overlay_GMz7It", _ = "SettingsLayout_scrollContent_nHRRrq", c = "SettingsLayout_paneContent_Gozrp5", y = "SettingsLayout_headerAction_jC1Js8", u = "SettingsLayout_saveEnter_gyqPiI", d = "SettingsLayout_saveClip_Leqogu", g = "SettingsLayout_title_toPbWC", L = {
   root: t,
-  sidebar: o,
-  sidebarTitle: e,
+  sidebar: e,
+  sidebarTitle: o,
   sidebarFooter: n,
   content: s,
   header: a,
-  viewport: i,
-  scroll: r,
-  overlay: c,
+  viewport: r,
+  scroll: i,
+  overlay: l,
   scrollContent: _,
-  paneContent: l,
+  paneContent: c,
   headerAction: y,
-  saveAction: d,
-  title: u
+  saveEnter: u,
+  saveClip: d,
+  title: g
 };
 export {
   s as content,
-  g as default,
+  L as default,
   a as header,
   y as headerAction,
-  c as overlay,
-  l as paneContent,
+  l as overlay,
+  c as paneContent,
   t as root,
-  d as saveAction,
-  r as scroll,
+  d as saveClip,
+  u as saveEnter,
+  i as scroll,
   _ as scrollContent,
-  o as sidebar,
+  e as sidebar,
   n as sidebarFooter,
-  e as sidebarTitle,
-  u as title,
-  i as viewport
+  o as sidebarTitle,
+  g as title,
+  r as viewport
 };
 //# sourceMappingURL=SettingsLayout.module.css.js.map

package/dist/SettingsLayout/SettingsLayout.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsLayout.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SettingsLayout.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/chat/Attachment/Attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../src/chat/Attachment/Attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAKpD,OAAO,EAIH,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EAEzB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,sCAAsC;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAcF,sBAAsB;AACtB,wBAAgB,WAAW,CAAC,EACxB,IAAW,EACX,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,aAA2B,EAC3B,GAAG,KAAK,EACX,EAAE,gBAAgB,+BA4DlB;AAED,KAAK,sBAAsB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAEpF,sBAAsB;AACtB,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC;IAC7E,IAAI,EAAE,cAAc,CAAC;IACrB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC,CAAC;AAEH,wBAAgB,UAAU,CAAC,EACvB,SAAS,EACT,QAAQ,EAAE,SAAS,EACnB,IAAI,EACJ,OAAe,EACf,KAAa,EACb,QAAQ,EAAE,SAAgB,EAC1B,QAAe,EACf,aAAa,EACb,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACX,EAAE,eAAe,+BAwFjB;AAGD,+BAA+B;AAC/B,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,KAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAiBhG;AAED,uCAAuC;AACvC,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,gBAAgB,CAAC,GAAG;IACzE,IAAI,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,+BAqB3F;AAED,uCAAuC;AACvC,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,IAAI,EAAE,cAAc,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,aAAqB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAkBvG;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAU/D;AAED,mHAAmH;AACnH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,eAAe,+BAc3D"}
+{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../src/chat/Attachment/Attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAKpD,OAAO,EAIH,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EAEzB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,sCAAsC;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAcF,sBAAsB;AACtB,wBAAgB,WAAW,CAAC,EACxB,IAAW,EACX,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,aAA2B,EAC3B,GAAG,KAAK,EACX,EAAE,gBAAgB,+BA4DlB;AAED,KAAK,sBAAsB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAEpF,sBAAsB;AACtB,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC;IAC7E,IAAI,EAAE,cAAc,CAAC;IACrB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC,CAAC;AAEH,wBAAgB,UAAU,CAAC,EACvB,SAAS,EACT,QAAQ,EAAE,SAAS,EACnB,IAAI,EACJ,OAAe,EACf,KAAa,EACb,QAAQ,EAAE,SAAgB,EAC1B,QAAe,EACf,aAAa,EACb,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACX,EAAE,eAAe,+BAwFjB;AAGD,+BAA+B;AAC/B,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,KAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAgBhG;AAED,uCAAuC;AACvC,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,gBAAgB,CAAC,GAAG;IACzE,IAAI,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,+BAqB3F;AAED,uCAAuC;AACvC,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,IAAI,EAAE,cAAc,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,aAAqB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAkBvG;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAU/D;AAED,mHAAmH;AACnH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,eAAe,+BAc3D"}

package/dist/chat/Attachment/Attachment.js

@@ -3,9 +3,9 @@ import { Text as g } from "@reforma/components/Text";
 import { Close as E } from "@reforma/icons/12";
 import { Refresh as B } from "@reforma/icons/14";
 import { cn as l } from "@reforma/lib";
-import { useState as F, useMemo as I, Children as M } from "react";
-import { Image as R } from "../../Image/Image.js";
-import { Lightbox as j } from "../../Lightbox/Lightbox.js";
+import { useState as F, useMemo as I, Children as R } from "react";
+import { Image as j } from "../../Image/Image.js";
+import { Lightbox as M } from "../../Lightbox/Lightbox.js";
 import { Show as A } from "../../Show/Show.js";
 import { Spinner as O } from "../../Spinner/Spinner.js";
 import { Tooltip as _ } from "../../Tooltip/Tooltip.js";
@@ -27,7 +27,7 @@ function ie({
 }) {
   const [u, w] = F(!1), c = D(o), s = I(() => {
     const y = [];
-    return M.forEach(t, (N) => {
+    return R.forEach(t, (N) => {
       y.push(N);
     }), y;
   }, [t]), m = s.length, {
@@ -91,7 +91,7 @@ function S({
     })
   }) : a ? /* @__PURE__ */ p("div", {
     className: l(i.preview, i.previewError),
-    children: [/* @__PURE__ */ n(T, {
+    children: [/* @__PURE__ */ n(P, {
       data: t
     }), /* @__PURE__ */ n(f, {
       type: "button",
@@ -105,20 +105,19 @@ function S({
       onPress: c,
       children: /* @__PURE__ */ n(B, {})
     })]
-  }) : /* @__PURE__ */ n(T, {
+  }) : /* @__PURE__ */ n(P, {
     data: t
   }), z = /* @__PURE__ */ p(k, {
     children: [N, /* @__PURE__ */ n(A, {
       when: u,
-      children: /* @__PURE__ */ n(P, {
+      children: /* @__PURE__ */ n(T, {
         data: t,
-        showMediaType: !0,
         className: i.inlineInfo
       })
     })]
   });
   return /* @__PURE__ */ n(_, {
-    content: u ? /* @__PURE__ */ n(P, {
+    content: u ? /* @__PURE__ */ n(T, {
       data: t,
       showMediaType: w
     }) : null,
@@ -160,7 +159,6 @@ function G({
     className: l(i.removeButton, r),
     type: "button",
     variant: "filled",
-    rounded: !0,
     size: "unset",
     iconOnly: !0,
     "aria-label": e,
@@ -172,7 +170,7 @@ function G({
     })
   });
 }
-function T({
+function P({
   data: e,
   className: r,
   ...t
@@ -181,7 +179,7 @@ function T({
     type: a,
     ext: d
   } = x(e.mediaType, o ?? e.filename);
-  return a === "image" && o ? /* @__PURE__ */ n(R, {
+  return a === "image" && o ? /* @__PURE__ */ n(j, {
     className: l(i.preview, i.previewImg, r),
     src: o,
     alt: "Attachment",
@@ -195,7 +193,7 @@ function T({
     })
   });
 }
-function P({
+function T({
   data: e,
   showMediaType: r = !1,
   className: t,
@@ -233,7 +231,7 @@ function re(e) {
   } = x(r.mediaType, t ?? r.filename);
   return o !== "image" || !t ? /* @__PURE__ */ n(S, {
     ...e
-  }) : /* @__PURE__ */ n(j, {
+  }) : /* @__PURE__ */ n(M, {
     src: t,
     alt: C(r),
     children: (a) => /* @__PURE__ */ n(S, {
@@ -244,8 +242,8 @@ function re(e) {
 }
 export {
   S as Attachment,
-  P as AttachmentInfo,
-  T as AttachmentPreview,
+  T as AttachmentInfo,
+  P as AttachmentPreview,
   G as AttachmentRemove,
   ie as Attachments,
   re as PreviewableAttachment,

package/dist/chat/Attachment/Attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attachment.js","sources":["../../../src/chat/Attachment/Attachment.tsx"],"sourcesContent":["import { Button } from '@reforma/components/Button';\nimport { Text } from '@reforma/components/Text';\nimport { Close } from '@reforma/icons/12';\nimport { Refresh } from '@reforma/icons/14';\nimport { cn } from '@reforma/lib';\nimport {\n    Children,\n    useMemo,\n    useState,\n    type ComponentProps,\n    type HTMLAttributes,\n    type PropsWithChildren,\n    type ReactNode,\n} from 'react';\n\nimport { Image } from '../../Image';\nimport { Lightbox } from '../../Lightbox';\nimport { Show } from '../../Show';\nimport { Spinner } from '../../Spinner';\nimport { Tooltip } from '../../Tooltip';\nimport { ChipIcon, getFileKind } from '../Chip';\nimport styles from './Attachment.module.css';\n\nimport type { AttachmentData } from '@reforma/types';\n\nexport type AttachmentsSize = 'sm' | 'md';\n\nexport type AttachmentsProps = HTMLAttributes<HTMLDivElement> & {\n    /** Tile edge length. @default 'md' */\n    size?: AttachmentsSize;\n    /**\n     * Max attachments shown before a “show more” control; unset or non-positive = show all.\n     * Pass each `<Attachment />` as a **direct child** (e.g. `items.map(...)`) so items can be split; a single wrapper child counts as one item.\n     */\n    defaultLimitCount?: number;\n    /** Accessible label for the expand control. @default 'Show more' */\n    showMoreLabel?: string;\n};\n\nfunction normalizeAttachmentLimit(defaultLimitCount: number | undefined): number | undefined {\n    if (defaultLimitCount === undefined) {\n        return undefined;\n    }\n\n    if (!Number.isFinite(defaultLimitCount) || defaultLimitCount <= 0) {\n        return undefined;\n    }\n\n    return Math.floor(defaultLimitCount);\n}\n\n/** Attachment list */\nexport function Attachments({\n    size = 'md',\n    className,\n    children,\n    defaultLimitCount,\n    showMoreLabel = 'Show more',\n    ...props\n}: AttachmentsProps) {\n    const [expanded, setExpanded] = useState(false);\n    const limit = normalizeAttachmentLimit(defaultLimitCount);\n    const childList = useMemo((): ReactNode[] => {\n        const out: ReactNode[] = [];\n\n        Children.forEach(children, (child) => {\n            out.push(child);\n        });\n\n        return out;\n    }, [children]);\n    const total = childList.length;\n\n    const { visibleChildren, overflowCount } = useMemo(() => {\n        if (limit === undefined || expanded || total <= limit) {\n            return { visibleChildren: childList, overflowCount: 0 };\n        }\n\n        return {\n            visibleChildren: childList.slice(0, limit),\n            overflowCount: total - limit,\n        };\n    }, [childList, expanded, limit, total]);\n\n    const showExpand = overflowCount > 0;\n\n    return (\n        <div\n            className={ cn(styles.attachments, styles.attachmentsGrid, className) }\n            data-slot=\"attachments\"\n            data-size={ size }\n            data-single={ total === 1 || undefined }\n            data-collapsed={ showExpand ? '' : undefined }\n            { ...props }\n        >\n            {visibleChildren}\n\n            <Show when={ showExpand }>\n                <Button\n                    className={ styles.showMore }\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"unset\"\n                    data-slot=\"attachments-show-more\"\n                    tooltip={ showMoreLabel }\n                    tooltipPlacement=\"top\"\n                    aria-label={ `${ showMoreLabel } (+${ overflowCount })` }\n                    onPress={ () => {\n                        setExpanded(true);\n                    } }\n                >\n                    <Text variant=\"label\" as=\"span\">\n                        +\n                        {overflowCount}\n                    </Text>\n                </Button>\n            </Show>\n        </div>\n    );\n}\n\ntype AttachmentPrimaryPress = NonNullable<ComponentProps<typeof Button>['onPress']>;\n\n/** Attachment item */\nexport type AttachmentProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{\n    data: AttachmentData;\n    /** Spinner in place of preview; hides remove; sets `aria-busy` on the root. */\n    loading?: boolean;\n    /** Red border + retry control; hides remove while loading only. */\n    error?: boolean;\n    onRetry?: () => void;\n    onRemove?: () => void;\n    /**\n     * When set, the main hit target is a design-system {@link Button} (transparent).\n     * {@link AttachmentRemove} stays a sibling so there are no nested `<button>` elements.\n     */\n    onPress?: AttachmentPrimaryPress;\n    showIcon?: boolean;\n    showInfo?: boolean;\n    /** Extra line in the hover tooltip when `showInfo` is true. */\n    showMediaType?: boolean;\n}>;\n\nexport function Attachment({\n    className,\n    children: _children,\n    data,\n    loading = false,\n    error = false,\n    showIcon: _showIcon = true,\n    showInfo = true,\n    showMediaType,\n    onRetry,\n    onRemove,\n    onPress,\n    ...props\n}: AttachmentProps) {\n    const isInteractive = Boolean(onPress) && !loading && !error;\n    const label = getAttachmentLabel(data);\n    const loadingSpinnerSize = 'xs';\n\n    const previewContent = loading\n        ? (\n            <div className={ cn(styles.preview, styles.previewLoading) }>\n                <Spinner size={ loadingSpinnerSize } />\n            </div>\n        )\n        : error\n            ? (\n                <div className={ cn(styles.preview, styles.previewError) }>\n                    <AttachmentPreview data={ data } />\n                    <Button\n                        type=\"button\"\n                        variant=\"filled\"\n                        rounded\n                        size=\"unset\"\n                        iconOnly\n                        className={ styles.retryButton }\n                        tooltip=\"Retry upload\"\n                        tooltipPlacement=\"top\"\n                        onPress={ onRetry }\n                    >\n                        <Refresh />\n                    </Button>\n                </div>\n            )\n            : (\n                <AttachmentPreview data={ data } />\n            );\n\n    const content = (\n        <>\n            {previewContent}\n            <Show when={ showInfo }>\n                <AttachmentInfo data={ data } showMediaType className={ styles.inlineInfo } />\n            </Show>\n        </>\n    );\n\n    return (\n        <Tooltip content={\n            showInfo ? <AttachmentInfo data={ data } showMediaType={ showMediaType } /> : null\n        }\n        >\n            <div\n                className={ cn(\n                    styles.attachment,\n                    isInteractive && styles.pressable,\n                    error && styles.attachmentError,\n                    className\n                ) }\n                data-slot=\"attachment\"\n                data-attachment-id={ data.id ?? data.filename }\n                data-interactive={ isInteractive || undefined }\n                aria-busy={ loading || undefined }\n                data-loading={ loading || undefined }\n                data-error={ error || undefined }\n                { ...props }\n            >\n                {isInteractive\n                    ? (\n                        <Button\n                            type=\"button\"\n                            variant=\"transparent\"\n                            color=\"inherit\"\n                            size=\"unset\"\n                            fullWidth\n                            className={ styles.attachmentHit }\n                            aria-label={ label }\n                            onPress={ onPress }\n                        >\n                            {content}\n                        </Button>\n                    )\n                    : (\n                        content\n                    )}\n\n                <Show when={ onRemove && !loading }>\n                    <AttachmentRemove className={ styles.remove } onPress={ onRemove } />\n                </Show>\n            </div>\n        </Tooltip>\n    );\n}\n\n\n/** Attachment remove button */\nexport type AttachmentRemoveProps = ComponentProps<typeof Button> & {\n    label?: string;\n};\n\nexport function AttachmentRemove({ label = 'Remove', className, ...props }: AttachmentRemoveProps) {\n    return (\n        <Button\n            className={ cn(styles.removeButton, className) }\n            type=\"button\"\n            variant=\"filled\"\n            rounded\n            size=\"unset\"\n            iconOnly\n            aria-label={ label }\n            tooltip={ label }\n            tooltipPlacement=\"top\"\n            { ...props }\n        >\n            <Close size=\"auto\" />\n        </Button>\n    );\n}\n\n/** Attachment preview media (image) */\nexport type AttachmentPreviewMediaProps = HTMLAttributes<HTMLImageElement> & {\n    data: AttachmentData;\n};\n\nexport function AttachmentPreview({ data, className, ...props }: AttachmentPreviewMediaProps) {\n    const previewSrc = data.preview ?? data.url;\n    const { type, ext } = getFileKind(data.mediaType, previewSrc ?? data.filename);\n\n    if (type === 'image' && previewSrc) {\n        return (\n            <Image\n                className={ cn(styles.preview, styles.previewImg, className) }\n                src={ previewSrc }\n                alt=\"Attachment\"\n                { ...props }\n            />\n        );\n    }\n\n    return (\n        <div className={ cn(styles.preview, styles.previewIcon, className) } { ...props }>\n            {/* Show generic icon or more specific extension icon as fallback */}\n            <ChipIcon type={ type } fallback={ ext } />\n        </div>\n    );\n}\n\n/** Attachment metadata (name, type) */\nexport type AttachmentInfoProps = HTMLAttributes<HTMLDivElement> & {\n    data: AttachmentData;\n    showMediaType?: boolean;\n};\n\nexport function AttachmentInfo({ data, showMediaType = false, className, ...props }: AttachmentInfoProps) {\n    const label = data.filename ?? data.url ?? 'Attachment';\n\n    return (\n        <div className={ cn(styles.attachmentInfo, className) } data-slot=\"attachment-info\" { ...props }>\n            <Text variant=\"label\" truncate className={ styles.attachmentName }>\n                {label}\n            </Text>\n\n            {(showMediaType && data.mediaType)\n                ? (\n                    <Text variant=\"label\" className={ styles.attachmentType }>\n                        {data.mediaType}\n                    </Text>\n                )\n                : null}\n        </div>\n    );\n}\n\nexport function getAttachmentLabel(data: AttachmentData): string {\n    const { type } = getFileKind(data.mediaType, data.preview ?? data.url ?? data.filename);\n\n    let label = data.title || data.filename;\n\n    if (!label) {\n        label = type === 'image' ? 'Image' : type === 'document' ? 'Document' : 'Attachment';\n    }\n\n    return label;\n}\n\n/** Image attachment with URL: wraps {@link Attachment} in {@link Lightbox}; otherwise plain {@link Attachment}. */\nexport function PreviewableAttachment(props: AttachmentProps) {\n    const { data } = props;\n    const previewSrc = data.preview ?? data.url;\n    const { type } = getFileKind(data.mediaType, previewSrc ?? data.filename);\n\n    if (type !== 'image' || !previewSrc) {\n        return <Attachment { ...props } />;\n    }\n\n    return (\n        <Lightbox src={ previewSrc } alt={ getAttachmentLabel(data) }>\n            {open => <Attachment { ...props } onPress={ open } />}\n        </Lightbox>\n    );\n}\n"],"names":["normalizeAttachmentLimit","defaultLimitCount","Attachments","size","className","children","showMoreLabel","props","expanded","setExpanded","useState","limit","childList","useMemo","out","Children","child","total","visibleChildren","overflowCount","showExpand","cn","styles","_jsx","Show","Button","Text","Attachment","_children","data","loading","error","_showIcon","showInfo","showMediaType","onRetry","onRemove","onPress","isInteractive","label","getAttachmentLabel","previewContent","Spinner","_jsxs","AttachmentPreview","Refresh","content","_Fragment","AttachmentInfo","Tooltip","AttachmentRemove","Close","previewSrc","type","ext","getFileKind","Image","ChipIcon","PreviewableAttachment","Lightbox","open"],"mappings":"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"}
+{"version":3,"file":"Attachment.js","sources":["../../../src/chat/Attachment/Attachment.tsx"],"sourcesContent":["import { Button } from '@reforma/components/Button';\nimport { Text } from '@reforma/components/Text';\nimport { Close } from '@reforma/icons/12';\nimport { Refresh } from '@reforma/icons/14';\nimport { cn } from '@reforma/lib';\nimport {\n    Children,\n    useMemo,\n    useState,\n    type ComponentProps,\n    type HTMLAttributes,\n    type PropsWithChildren,\n    type ReactNode,\n} from 'react';\n\nimport { Image } from '../../Image';\nimport { Lightbox } from '../../Lightbox';\nimport { Show } from '../../Show';\nimport { Spinner } from '../../Spinner';\nimport { Tooltip } from '../../Tooltip';\nimport { ChipIcon, getFileKind } from '../Chip';\nimport styles from './Attachment.module.css';\n\nimport type { AttachmentData } from '@reforma/types';\n\nexport type AttachmentsSize = 'sm' | 'md';\n\nexport type AttachmentsProps = HTMLAttributes<HTMLDivElement> & {\n    /** Tile edge length. @default 'md' */\n    size?: AttachmentsSize;\n    /**\n     * Max attachments shown before a “show more” control; unset or non-positive = show all.\n     * Pass each `<Attachment />` as a **direct child** (e.g. `items.map(...)`) so items can be split; a single wrapper child counts as one item.\n     */\n    defaultLimitCount?: number;\n    /** Accessible label for the expand control. @default 'Show more' */\n    showMoreLabel?: string;\n};\n\nfunction normalizeAttachmentLimit(defaultLimitCount: number | undefined): number | undefined {\n    if (defaultLimitCount === undefined) {\n        return undefined;\n    }\n\n    if (!Number.isFinite(defaultLimitCount) || defaultLimitCount <= 0) {\n        return undefined;\n    }\n\n    return Math.floor(defaultLimitCount);\n}\n\n/** Attachment list */\nexport function Attachments({\n    size = 'md',\n    className,\n    children,\n    defaultLimitCount,\n    showMoreLabel = 'Show more',\n    ...props\n}: AttachmentsProps) {\n    const [expanded, setExpanded] = useState(false);\n    const limit = normalizeAttachmentLimit(defaultLimitCount);\n    const childList = useMemo((): ReactNode[] => {\n        const out: ReactNode[] = [];\n\n        Children.forEach(children, (child) => {\n            out.push(child);\n        });\n\n        return out;\n    }, [children]);\n    const total = childList.length;\n\n    const { visibleChildren, overflowCount } = useMemo(() => {\n        if (limit === undefined || expanded || total <= limit) {\n            return { visibleChildren: childList, overflowCount: 0 };\n        }\n\n        return {\n            visibleChildren: childList.slice(0, limit),\n            overflowCount: total - limit,\n        };\n    }, [childList, expanded, limit, total]);\n\n    const showExpand = overflowCount > 0;\n\n    return (\n        <div\n            className={ cn(styles.attachments, styles.attachmentsGrid, className) }\n            data-slot=\"attachments\"\n            data-size={ size }\n            data-single={ total === 1 || undefined }\n            data-collapsed={ showExpand ? '' : undefined }\n            { ...props }\n        >\n            {visibleChildren}\n\n            <Show when={ showExpand }>\n                <Button\n                    className={ styles.showMore }\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"unset\"\n                    data-slot=\"attachments-show-more\"\n                    tooltip={ showMoreLabel }\n                    tooltipPlacement=\"top\"\n                    aria-label={ `${ showMoreLabel } (+${ overflowCount })` }\n                    onPress={ () => {\n                        setExpanded(true);\n                    } }\n                >\n                    <Text variant=\"label\" as=\"span\">\n                        +\n                        {overflowCount}\n                    </Text>\n                </Button>\n            </Show>\n        </div>\n    );\n}\n\ntype AttachmentPrimaryPress = NonNullable<ComponentProps<typeof Button>['onPress']>;\n\n/** Attachment item */\nexport type AttachmentProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{\n    data: AttachmentData;\n    /** Spinner in place of preview; hides remove; sets `aria-busy` on the root. */\n    loading?: boolean;\n    /** Red border + retry control; hides remove while loading only. */\n    error?: boolean;\n    onRetry?: () => void;\n    onRemove?: () => void;\n    /**\n     * When set, the main hit target is a design-system {@link Button} (transparent).\n     * {@link AttachmentRemove} stays a sibling so there are no nested `<button>` elements.\n     */\n    onPress?: AttachmentPrimaryPress;\n    showIcon?: boolean;\n    showInfo?: boolean;\n    /** Extra line in the hover tooltip when `showInfo` is true. */\n    showMediaType?: boolean;\n}>;\n\nexport function Attachment({\n    className,\n    children: _children,\n    data,\n    loading = false,\n    error = false,\n    showIcon: _showIcon = true,\n    showInfo = true,\n    showMediaType,\n    onRetry,\n    onRemove,\n    onPress,\n    ...props\n}: AttachmentProps) {\n    const isInteractive = Boolean(onPress) && !loading && !error;\n    const label = getAttachmentLabel(data);\n    const loadingSpinnerSize = 'xs';\n\n    const previewContent = loading\n        ? (\n            <div className={ cn(styles.preview, styles.previewLoading) }>\n                <Spinner size={ loadingSpinnerSize } />\n            </div>\n        )\n        : error\n            ? (\n                <div className={ cn(styles.preview, styles.previewError) }>\n                    <AttachmentPreview data={ data } />\n                    <Button\n                        type=\"button\"\n                        variant=\"filled\"\n                        rounded\n                        size=\"unset\"\n                        iconOnly\n                        className={ styles.retryButton }\n                        tooltip=\"Retry upload\"\n                        tooltipPlacement=\"top\"\n                        onPress={ onRetry }\n                    >\n                        <Refresh />\n                    </Button>\n                </div>\n            )\n            : (\n                <AttachmentPreview data={ data } />\n            );\n\n    const content = (\n        <>\n            {previewContent}\n            <Show when={ showInfo }>\n                <AttachmentInfo data={ data } className={ styles.inlineInfo } />\n            </Show>\n        </>\n    );\n\n    return (\n        <Tooltip content={\n            showInfo ? <AttachmentInfo data={ data } showMediaType={ showMediaType } /> : null\n        }\n        >\n            <div\n                className={ cn(\n                    styles.attachment,\n                    isInteractive && styles.pressable,\n                    error && styles.attachmentError,\n                    className\n                ) }\n                data-slot=\"attachment\"\n                data-attachment-id={ data.id ?? data.filename }\n                data-interactive={ isInteractive || undefined }\n                aria-busy={ loading || undefined }\n                data-loading={ loading || undefined }\n                data-error={ error || undefined }\n                { ...props }\n            >\n                {isInteractive\n                    ? (\n                        <Button\n                            type=\"button\"\n                            variant=\"transparent\"\n                            color=\"inherit\"\n                            size=\"unset\"\n                            fullWidth\n                            className={ styles.attachmentHit }\n                            aria-label={ label }\n                            onPress={ onPress }\n                        >\n                            {content}\n                        </Button>\n                    )\n                    : (\n                        content\n                    )}\n\n                <Show when={ onRemove && !loading }>\n                    <AttachmentRemove className={ styles.remove } onPress={ onRemove } />\n                </Show>\n            </div>\n        </Tooltip>\n    );\n}\n\n\n/** Attachment remove button */\nexport type AttachmentRemoveProps = ComponentProps<typeof Button> & {\n    label?: string;\n};\n\nexport function AttachmentRemove({ label = 'Remove', className, ...props }: AttachmentRemoveProps) {\n    return (\n        <Button\n            className={ cn(styles.removeButton, className) }\n            type=\"button\"\n            variant=\"filled\"\n            size=\"unset\"\n            iconOnly\n            aria-label={ label }\n            tooltip={ label }\n            tooltipPlacement=\"top\"\n            { ...props }\n        >\n            <Close size=\"auto\" />\n        </Button>\n    );\n}\n\n/** Attachment preview media (image) */\nexport type AttachmentPreviewMediaProps = HTMLAttributes<HTMLImageElement> & {\n    data: AttachmentData;\n};\n\nexport function AttachmentPreview({ data, className, ...props }: AttachmentPreviewMediaProps) {\n    const previewSrc = data.preview ?? data.url;\n    const { type, ext } = getFileKind(data.mediaType, previewSrc ?? data.filename);\n\n    if (type === 'image' && previewSrc) {\n        return (\n            <Image\n                className={ cn(styles.preview, styles.previewImg, className) }\n                src={ previewSrc }\n                alt=\"Attachment\"\n                { ...props }\n            />\n        );\n    }\n\n    return (\n        <div className={ cn(styles.preview, styles.previewIcon, className) } { ...props }>\n            {/* Show generic icon or more specific extension icon as fallback */}\n            <ChipIcon type={ type } fallback={ ext } />\n        </div>\n    );\n}\n\n/** Attachment metadata (name, type) */\nexport type AttachmentInfoProps = HTMLAttributes<HTMLDivElement> & {\n    data: AttachmentData;\n    showMediaType?: boolean;\n};\n\nexport function AttachmentInfo({ data, showMediaType = false, className, ...props }: AttachmentInfoProps) {\n    const label = data.filename ?? data.url ?? 'Attachment';\n\n    return (\n        <div className={ cn(styles.attachmentInfo, className) } data-slot=\"attachment-info\" { ...props }>\n            <Text variant=\"label\" truncate className={ styles.attachmentName }>\n                {label}\n            </Text>\n\n            {(showMediaType && data.mediaType)\n                ? (\n                    <Text variant=\"label\" className={ styles.attachmentType }>\n                        {data.mediaType}\n                    </Text>\n                )\n                : null}\n        </div>\n    );\n}\n\nexport function getAttachmentLabel(data: AttachmentData): string {\n    const { type } = getFileKind(data.mediaType, data.preview ?? data.url ?? data.filename);\n\n    let label = data.title || data.filename;\n\n    if (!label) {\n        label = type === 'image' ? 'Image' : type === 'document' ? 'Document' : 'Attachment';\n    }\n\n    return label;\n}\n\n/** Image attachment with URL: wraps {@link Attachment} in {@link Lightbox}; otherwise plain {@link Attachment}. */\nexport function PreviewableAttachment(props: AttachmentProps) {\n    const { data } = props;\n    const previewSrc = data.preview ?? data.url;\n    const { type } = getFileKind(data.mediaType, previewSrc ?? data.filename);\n\n    if (type !== 'image' || !previewSrc) {\n        return <Attachment { ...props } />;\n    }\n\n    return (\n        <Lightbox src={ previewSrc } alt={ getAttachmentLabel(data) }>\n            {open => <Attachment { ...props } onPress={ open } />}\n        </Lightbox>\n    );\n}\n"],"names":["normalizeAttachmentLimit","defaultLimitCount","Attachments","size","className","children","showMoreLabel","props","expanded","setExpanded","useState","limit","childList","useMemo","out","Children","child","total","visibleChildren","overflowCount","showExpand","cn","styles","_jsx","Show","Button","Text","Attachment","_children","data","loading","error","_showIcon","showInfo","showMediaType","onRetry","onRemove","onPress","isInteractive","label","getAttachmentLabel","previewContent","Spinner","_jsxs","AttachmentPreview","Refresh","content","_Fragment","AttachmentInfo","Tooltip","AttachmentRemove","Close","previewSrc","type","ext","getFileKind","Image","ChipIcon","PreviewableAttachment","Lightbox","open"],"mappings":";;;;;;;;;;;;;;;AAcA,SAASA,EAAyBC,GAAmB;AACnD,MAAIA,MAAsB,UAGtB,GAAC,OAAO,SAASA,CAAiB,KAAKA,KAAqB;AAGhE,WAAO,KAAK,MAAMA,CAAiB;AACrC;AAGO,SAASC,GAAY;AAAA,EAC1B,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAJ;AAAA,EACA,eAAAK,IAAgB;AAAA,EAChB,GAAGC;AACL,GAAG;AACD,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAQX,EAAyBC,CAAiB,GAClDW,IAAYC,EAAQ,MAAM;AAC9B,UAAMC,IAAM,CAAA;AACZ,WAAAC,EAAS,QAAQV,GAAU,CAAAW,MAAS;AAClC,MAAAF,EAAI,KAAKE,CAAK;AAAA,IAChB,CAAC,GACMF;AAAA,EACT,GAAG,CAACT,CAAQ,CAAC,GACPY,IAAQL,EAAU,QAClB;AAAA,IACJ,iBAAAM;AAAA,IACA,eAAAC;AAAA,EAAA,IACEN,EAAQ,MACNF,MAAU,UAAaH,KAAYS,KAASN,IACvC;AAAA,IACL,iBAAiBC;AAAA,IACjB,eAAe;AAAA,EAAA,IAGZ;AAAA,IACL,iBAAiBA,EAAU,MAAM,GAAGD,CAAK;AAAA,IACzC,eAAeM,IAAQN;AAAA,EAAA,GAExB,CAACC,GAAWJ,GAAUG,GAAOM,CAAK,CAAC,GAChCG,IAAaD,IAAgB;AACnC,2BAA0B,OAAO;AAAA,IAC/B,WAAWE,EAAGC,EAAO,aAAaA,EAAO,iBAAiBlB,CAAS;AAAA,IACnE,aAAa;AAAA,IACb,aAAaD;AAAA,IACb,eAAec,MAAU,KAAK;AAAA,IAC9B,kBAAkBG,IAAa,KAAK;AAAA,IACpC,GAAGb;AAAA,IACH,UAAU,CAACW,GAA8BK,gBAAAA,EAAKC,GAAM;AAAA,MAClD,MAAMJ;AAAA,MACN,4BAA4BK,GAAQ;AAAA,QAClC,WAAWH,EAAO;AAAA,QAClB,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,QACN,aAAa;AAAA,QACb,SAAShB;AAAA,QACT,kBAAkB;AAAA,QAClB,cAAc,GAAGA,CAAa,MAAMa,CAAa;AAAA,QACjD,SAAS,MAAM;AACb,UAAAV,EAAY,EAAI;AAAA,QAClB;AAAA,QACA,4BAA6BiB,GAAM;AAAA,UACjC,SAAS;AAAA,UACT,IAAI;AAAA,UACJ,UAAU,CAAC,KAAKP,CAAa;AAAA,QAAA,CAC9B;AAAA,MAAA,CACF;AAAA,IAAA,CACF,CAAC;AAAA,EAAA,CACH;AACH;AAIO,SAASQ,EAAW;AAAA,EACzB,WAAAvB;AAAA,EACA,UAAUwB;AAAA,EACV,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,UAAUC,IAAY;AAAA,EACtB,UAAAC,IAAW;AAAA,EACX,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAG9B;AACL,GAAG;AACD,QAAM+B,IAAgB,EAAQD,KAAY,CAACP,KAAW,CAACC,GACjDQ,IAAQC,EAAmBX,CAAI,GAE/BY,IAAiBX,IAAuBP,gBAAAA,EAAK,OAAO;AAAA,IACxD,WAAWF,EAAGC,EAAO,SAASA,EAAO,cAAc;AAAA,IACnD,4BAA4BoB,GAAS;AAAA,MACnC,MAJuB;AAAA,IAIjB,CACP;AAAA,EAAA,CACF,IAAIX,IAAqBY,gBAAAA,EAAM,OAAO;AAAA,IACrC,WAAWtB,EAAGC,EAAO,SAASA,EAAO,YAAY;AAAA,IACjD,UAAU,CAAcC,gBAAAA,EAAKqB,GAAmB;AAAA,MAC9C,MAAAf;AAAA,IAAA,CACD,GAAgBN,gBAAAA,EAAKE,GAAQ;AAAA,MAC5B,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAWH,EAAO;AAAA,MAClB,SAAS;AAAA,MACT,kBAAkB;AAAA,MAClB,SAASa;AAAA,MACT,UAAuBZ,gBAAAA,EAAKsB,GAAS,CAAA,CAAE;AAAA,IAAA,CACxC,CAAC;AAAA,EAAA,CACH,IAAiBtB,gBAAAA,EAAKqB,GAAmB;AAAA,IACxC,MAAAf;AAAA,EAAA,CACD,GACKiB,sBAA6BC,GAAW;AAAA,IAC5C,UAAU,CAACN,GAA6BlB,gBAAAA,EAAKC,GAAM;AAAA,MACjD,MAAMS;AAAA,MACN,4BAA4Be,GAAgB;AAAA,QAC1C,MAAAnB;AAAA,QACA,WAAWP,EAAO;AAAA,MAAA,CACnB;AAAA,IAAA,CACF,CAAC;AAAA,EAAA,CACH;AACD,2BAAyB2B,GAAS;AAAA,IAChC,SAAShB,IAAwBV,gBAAAA,EAAKyB,GAAgB;AAAA,MACpD,MAAAnB;AAAA,MACA,eAAAK;AAAA,IAAA,CACD,IAAI;AAAA,IACL,4BAA6B,OAAO;AAAA,MAClC,WAAWb,EAAGC,EAAO,YAAYgB,KAAiBhB,EAAO,WAAWS,KAAST,EAAO,iBAAiBlB,CAAS;AAAA,MAC9G,aAAa;AAAA,MACb,sBAAsByB,EAAK,MAAMA,EAAK;AAAA,MACtC,oBAAoBS,KAAiB;AAAA,MACrC,aAAaR,KAAW;AAAA,MACxB,gBAAgBA,KAAW;AAAA,MAC3B,cAAcC,KAAS;AAAA,MACvB,GAAGxB;AAAA,MACH,UAAU,CAAC+B,IAA6Bf,gBAAAA,EAAKE,GAAQ;AAAA,QACnD,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAWH,EAAO;AAAA,QAClB,cAAciB;AAAA,QACd,SAAAF;AAAA,QACA,UAAUS;AAAA,MAAA,CACX,IAAIA,GAAsBvB,gBAAAA,EAAKC,GAAM;AAAA,QACpC,MAAMY,KAAY,CAACN;AAAA,QACnB,4BAA4BoB,GAAkB;AAAA,UAC5C,WAAW5B,EAAO;AAAA,UAClB,SAASc;AAAA,QAAA,CACV;AAAA,MAAA,CACF,CAAC;AAAA,IAAA,CACH;AAAA,EAAA,CACF;AACH;AAIO,SAASc,EAAiB;AAAA,EAC/B,OAAAX,IAAQ;AAAA,EACR,WAAAnC;AAAA,EACA,GAAGG;AACL,GAAG;AACD,2BAAyBkB,GAAQ;AAAA,IAC/B,WAAWJ,EAAGC,EAAO,cAAclB,CAAS;AAAA,IAC5C,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,IACV,cAAcmC;AAAA,IACd,SAASA;AAAA,IACT,kBAAkB;AAAA,IAClB,GAAGhC;AAAA,IACH,4BAA4B4C,GAAO;AAAA,MACjC,MAAM;AAAA,IAAA,CACP;AAAA,EAAA,CACF;AACH;AAIO,SAASP,EAAkB;AAAA,EAChC,MAAAf;AAAA,EACA,WAAAzB;AAAA,EACA,GAAGG;AACL,GAAG;AACD,QAAM6C,IAAavB,EAAK,WAAWA,EAAK,KAClC;AAAA,IACJ,MAAAwB;AAAA,IACA,KAAAC;AAAA,EAAA,IACEC,EAAY1B,EAAK,WAAWuB,KAAcvB,EAAK,QAAQ;AAC3D,SAAIwB,MAAS,WAAWD,sBACGI,GAAO;AAAA,IAC9B,WAAWnC,EAAGC,EAAO,SAASA,EAAO,YAAYlB,CAAS;AAAA,IAC1D,KAAKgD;AAAA,IACL,KAAK;AAAA,IACL,GAAG7C;AAAA,EAAA,CACJ,sBAEsB,OAAO;AAAA,IAC9B,WAAWc,EAAGC,EAAO,SAASA,EAAO,aAAalB,CAAS;AAAA,IAC3D,GAAGG;AAAA,IACH,4BAA4BkD,GAAU;AAAA,MACpC,MAAAJ;AAAA,MACA,UAAUC;AAAA,IAAA,CACX;AAAA,EAAA,CACF;AACH;AAIO,SAASN,EAAe;AAAA,EAC7B,MAAAnB;AAAA,EACA,eAAAK,IAAgB;AAAA,EAChB,WAAA9B;AAAA,EACA,GAAGG;AACL,GAAG;AACD,QAAMgC,IAAQV,EAAK,YAAYA,EAAK,OAAO;AAC3C,2BAA0B,OAAO;AAAA,IAC/B,WAAWR,EAAGC,EAAO,gBAAgBlB,CAAS;AAAA,IAC9C,aAAa;AAAA,IACb,GAAGG;AAAA,IACH,UAAU,CAAcgB,gBAAAA,EAAKG,GAAM;AAAA,MACjC,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAWJ,EAAO;AAAA,MAClB,UAAUiB;AAAA,IAAA,CACX,GAAGL,KAAiBL,EAAK,8BAA8BH,GAAM;AAAA,MAC5D,SAAS;AAAA,MACT,WAAWJ,EAAO;AAAA,MAClB,UAAUO,EAAK;AAAA,IAAA,CAChB,IAAI,IAAI;AAAA,EAAA,CACV;AACH;AACO,SAASW,EAAmBX,GAAM;AACvC,QAAM;AAAA,IACJ,MAAAwB;AAAA,EAAA,IACEE,EAAY1B,EAAK,WAAWA,EAAK,WAAWA,EAAK,OAAOA,EAAK,QAAQ;AACzE,MAAIU,IAAQV,EAAK,SAASA,EAAK;AAC/B,SAAKU,MACHA,IAAQc,MAAS,UAAU,UAAUA,MAAS,aAAa,aAAa,eAEnEd;AACT;AAGO,SAASmB,GAAsBnD,GAAO;AAC3C,QAAM;AAAA,IACJ,MAAAsB;AAAA,EAAA,IACEtB,GACE6C,IAAavB,EAAK,WAAWA,EAAK,KAClC;AAAA,IACJ,MAAAwB;AAAA,EAAA,IACEE,EAAY1B,EAAK,WAAWuB,KAAcvB,EAAK,QAAQ;AAC3D,SAAIwB,MAAS,WAAW,CAACD,sBACEzB,GAAY;AAAA,IACnC,GAAGpB;AAAA,EAAA,CACJ,sBAEsBoD,GAAU;AAAA,IACjC,KAAKP;AAAA,IACL,KAAKZ,EAAmBX,CAAI;AAAA,IAC5B,UAAU,CAAA+B,MAAqBrC,gBAAAA,EAAKI,GAAY;AAAA,MAC9C,GAAGpB;AAAA,MACH,SAASqD;AAAA,IAAA,CACV;AAAA,EAAA,CACF;AACH;"}

package/dist/chat/Attachment/Attachment.module.css

@@ -1 +1 @@
-@layer components{.Attachment_attachments_Vn5j2A{--attachment-radius: var(--radius-sm);--attachment-background: var(--color-background);--attachment-text: var(--color-text);--attachment-border: var(--color-secondary-muted-border);--attachment-background-hover: color-mix(in srgb, var(--color-text) 6%, var(--attachment-background));--attachment-text-hover: var(--attachment-text);--attachment-border-hover: var(--color-secondary-muted-border-hover);display:flex;gap:var(--spacing-xs)}.Attachment_attachment_Uvuz9g{position:relative;outline:1px solid var(--attachment-border);outline-offset:-1px;border-radius:calc(var(--attachment-radius) * var(--squircle-radius-factor));background-color:var(--attachment-background);color:var(--attachment-text);corner-shape:superellipse(var(--squircle-value));overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}@media(hover:hover){.Attachment_attachment_Uvuz9g.Attachment_pressable_hG0jBA{transition:background-color .15s ease,color .15s ease,outline-color .15s ease}.Attachment_attachment_Uvuz9g.Attachment_pressable_hG0jBA:hover{outline-color:var(--attachment-border-hover);background-color:var(--attachment-background-hover);color:var(--attachment-text-hover)}}.Attachment_attachmentHit_iDUl6i{box-sizing:border-box;margin:0;border-radius:inherit;corner-shape:inherit;align-self:stretch}.Attachment_preview_VgvjVv{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;min-width:0;min-height:0;overflow:hidden}.Attachment_previewImg_OabBWX{border-radius:calc(var(--attachment-radius) * var(--squircle-radius-factor));corner-shape:superellipse(var(--squircle-value));width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;background:linear-gradient(45deg,rgba(42,37,33,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(42,37,33,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(42,37,33,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(42,37,33,.1) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;background-color:var(--color-secondary);object-position:center}.Attachment_previewIcon_k7tYnR{opacity:.5}.Attachment_previewLoading_93gSQR{flex-shrink:0}.Attachment_attachmentError_2F527r{outline-color:var(--color-danger)}.Attachment_previewError_gTp9Hy{position:relative;width:100%;height:100%}.Attachment_previewError_gTp9Hy .Attachment_previewImg_OabBWX,.Attachment_previewError_gTp9Hy .Attachment_previewIcon_k7tYnR{opacity:.45}.Attachment_retryButton_fovjBN{position:absolute;z-index:1;margin:auto;inset:0;width:22px;height:22px}.Attachment_attachmentInfo_DoK0EU{display:flex;flex-direction:column}.Attachment_attachmentType_I9oxeD{opacity:.5}.Attachment_inlineInfo_BJFA3Z{display:none;flex:1;min-width:0}.Attachment_inlineInfo_BJFA3Z .Attachment_attachmentType_I9oxeD{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Attachment_showMore_CSqv6s{flex-shrink:0;border-radius:calc(var(--attachment-radius) * var(--squircle-radius-factor));padding:var(--spacing-4) var(--spacing-6);corner-shape:superellipse(var(--squircle-value));align-self:stretch;min-width:34px}.Attachment_attachmentsGrid_BybUno{flex-wrap:wrap;--attachment-size: 60px;--attachment-width: var(--spacing-224);--attachment-remove-offset: 4px;--attachment-remove-size: 18px;--attachment-remove-icon-size: 8px;--attachment-radius: var(--radius-lg)}.Attachment_attachmentsGrid_BybUno[data-size=sm]{--attachment-size: 36px;--attachment-width: var(--spacing-192);--attachment-remove-offset: 2px;--attachment-remove-size: 14px;--attachment-remove-icon-size: 8px;--attachment-radius: var(--radius-sm)}.Attachment_attachmentsGrid_BybUno .Attachment_attachment_Uvuz9g{width:var(--attachment-size);height:var(--attachment-size)}.Attachment_attachmentsGrid_BybUno .Attachment_attachmentHit_iDUl6i{display:flex;justify-content:center;align-items:center;padding:0;width:100%;min-width:0;height:100%;min-height:0}.Attachment_attachmentsGrid_BybUno .Attachment_removeButton_9bgTC7{position:absolute;top:var(--attachment-remove-offset);right:var(--attachment-remove-offset);visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease;width:var(--attachment-remove-size);height:var(--attachment-remove-size)}:is(.Attachment_attachmentsGrid_BybUno .Attachment_removeButton_9bgTC7) svg{width:var(--attachment-remove-icon-size);height:var(--attachment-remove-icon-size)}.Attachment_attachmentsGrid_BybUno .Attachment_attachment_Uvuz9g:hover .Attachment_removeButton_9bgTC7{visibility:visible;opacity:1}.Attachment_attachmentsGrid_BybUno .Attachment_showMore_CSqv6s{min-width:34px;height:var(--attachment-size)}.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z){display:flex;align-items:center;gap:var(--spacing-md);box-sizing:border-box;width:var(--attachment-width);min-width:0;max-width:100%}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)):not(.Attachment_pressable_hG0jBA),:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_attachmentHit_iDUl6i{padding:var(--spacing-sm)}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_attachmentHit_iDUl6i{justify-content:flex-start;gap:var(--spacing-md);text-align:left}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_preview_VgvjVv{flex-shrink:0;width:calc(var(--attachment-size) - var(--spacing-sm) * 2);height:calc(var(--attachment-size) - var(--spacing-sm) * 2)}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_inlineInfo_BJFA3Z{display:flex}}
+@layer components{.Attachment_attachments_Vn5j2A{--attachment-radius: var(--radius-sm);--attachment-background: var(--color-background);--attachment-text: var(--color-text);--attachment-border: var(--color-secondary-muted-border);--attachment-background-hover: color-mix(in srgb, var(--color-text) 6%, var(--attachment-background));--attachment-text-hover: var(--attachment-text);--attachment-border-hover: var(--color-secondary-muted-border-hover);display:flex;gap:var(--spacing-xs)}.Attachment_attachment_Uvuz9g{position:relative;outline:1px solid var(--attachment-border);outline-offset:-1px;border-radius:calc(var(--attachment-radius) * var(--squircle-radius-factor));background-color:var(--attachment-background);color:var(--attachment-text);corner-shape:superellipse(var(--squircle-value));overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}@media(hover:hover){.Attachment_attachment_Uvuz9g.Attachment_pressable_hG0jBA{transition:background-color .15s ease,color .15s ease,outline-color .15s ease}.Attachment_attachment_Uvuz9g.Attachment_pressable_hG0jBA:hover{outline-color:var(--attachment-border-hover);background-color:var(--attachment-background-hover);color:var(--attachment-text-hover)}}.Attachment_attachmentHit_iDUl6i{box-sizing:border-box;margin:0;border-radius:inherit;corner-shape:inherit;align-self:stretch}.Attachment_preview_VgvjVv{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;min-width:0;min-height:0;overflow:hidden}.Attachment_previewImg_OabBWX{border-radius:calc(var(--attachment-radius) * var(--squircle-radius-factor));corner-shape:superellipse(var(--squircle-value));width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;background:linear-gradient(45deg,rgba(42,37,33,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(42,37,33,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(42,37,33,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(42,37,33,.1) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;background-color:var(--color-secondary);object-position:center}.Attachment_previewIcon_k7tYnR{opacity:.5}.Attachment_previewLoading_93gSQR{flex-shrink:0}.Attachment_attachmentError_2F527r{outline-color:var(--color-danger)}.Attachment_previewError_gTp9Hy{position:relative;width:100%;height:100%}.Attachment_previewError_gTp9Hy .Attachment_previewImg_OabBWX,.Attachment_previewError_gTp9Hy .Attachment_previewIcon_k7tYnR{opacity:.45}.Attachment_retryButton_fovjBN{position:absolute;z-index:1;margin:auto;inset:0;width:22px;height:22px}.Attachment_attachmentInfo_DoK0EU{display:flex;flex-direction:column}.Attachment_attachmentType_I9oxeD{opacity:.5}.Attachment_inlineInfo_BJFA3Z{display:none;flex:1;min-width:0}.Attachment_showMore_CSqv6s{flex-shrink:0;border-radius:calc(var(--attachment-radius) * var(--squircle-radius-factor));padding:var(--spacing-4) var(--spacing-6);corner-shape:superellipse(var(--squircle-value));align-self:stretch;min-width:34px}.Attachment_attachmentsGrid_BybUno{flex-wrap:wrap;--attachment-size: 60px;--attachment-width: var(--spacing-224);--attachment-remove-offset: 4px;--attachment-remove-size: 18px;--attachment-remove-icon-size: 8px;--attachment-radius: var(--radius-lg)}.Attachment_attachmentsGrid_BybUno[data-size=sm]{--attachment-size: 36px;--attachment-width: var(--spacing-192);--attachment-remove-offset: 2px;--attachment-remove-size: 14px;--attachment-remove-icon-size: 8px;--attachment-radius: var(--radius-sm)}.Attachment_attachmentsGrid_BybUno .Attachment_attachment_Uvuz9g{width:var(--attachment-size);height:var(--attachment-size)}.Attachment_attachmentsGrid_BybUno .Attachment_attachmentHit_iDUl6i{display:flex;justify-content:center;align-items:center;padding:0;width:100%;min-width:0;height:100%;min-height:0}.Attachment_attachmentsGrid_BybUno .Attachment_removeButton_9bgTC7{position:absolute;top:var(--attachment-remove-offset);right:var(--attachment-remove-offset);width:var(--attachment-remove-size);height:var(--attachment-remove-size);--reforma-button-radius: var(--radius-xs);visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}:is(.Attachment_attachmentsGrid_BybUno .Attachment_removeButton_9bgTC7) svg{width:var(--attachment-remove-icon-size);height:var(--attachment-remove-icon-size)}.Attachment_attachmentsGrid_BybUno .Attachment_attachment_Uvuz9g:hover .Attachment_removeButton_9bgTC7{visibility:visible;opacity:1}.Attachment_attachmentsGrid_BybUno .Attachment_showMore_CSqv6s{min-width:34px;height:var(--attachment-size)}.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z){display:flex;align-items:center;gap:var(--spacing-md);box-sizing:border-box;width:var(--attachment-width);min-width:0;max-width:100%}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)):not(.Attachment_pressable_hG0jBA),:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_attachmentHit_iDUl6i{padding:var(--spacing-sm)}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_attachmentHit_iDUl6i{justify-content:flex-start;gap:var(--spacing-md);text-align:left}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_preview_VgvjVv{flex-shrink:0;width:calc(var(--attachment-size) - var(--spacing-sm) * 2);height:calc(var(--attachment-size) - var(--spacing-sm) * 2)}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_inlineInfo_BJFA3Z{display:flex}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_removeButton_9bgTC7{position:static;flex-shrink:0;visibility:visible;opacity:1;margin-inline-end:var(--spacing-sm);width:var(--spacing-24);height:var(--spacing-24);--reforma-button-radius: var(--radius-sm);--reforma-button-bg: transparent;--reforma-button-color: var(--color-text);--reforma-button-bg--hover: var(--color-secondary-muted-light);--reforma-button-color--hover: var(--color-text)}:is(:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_removeButton_9bgTC7) svg{width:var(--spacing-12);height:var(--spacing-12)}}

package/dist/chat/Tool/Tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tool.d.ts","sourceRoot":"","sources":["../../../src/chat/Tool/Tool.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAoDjD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,MAAM,CAexE;AAgBD,qGAAqG;AACrG,wBAAgB,IAAI,CAAC,EACjB,IAAI,EACJ,sBAAsB,EACtB,YAAY,EACZ,UAAU,GACb,EAAE,iBAAiB,sCAoBnB"}
+{"version":3,"file":"Tool.d.ts","sourceRoot":"","sources":["../../../src/chat/Tool/Tool.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAqDjD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,MAAM,CAexE;AAgBD,qGAAqG;AACrG,wBAAgB,IAAI,CAAC,EACjB,IAAI,EACJ,sBAAsB,EACtB,YAAY,EACZ,UAAU,GACb,EAAE,iBAAiB,sCAoBnB"}